Cool [درس فوتوشوب] صنع خلفيه لسطح المكتب من نوع التيبوجرافي (Typography)

ملاحظه أخيره قبل البدء : حاول أن يكون هدفك
أثناء متابعة الدرس لا يكون لتعليمك عمل التطبيق فقط بل لتتعلم أساليب
جديده تفيدك في تصاميم أخرى أي لتتعلم تقنيات أكثر , فالمصمم الناجح هو من
يكون على إطلاع على العديد من التقنيات لتخدمه في ظهور تصامبمه في أحسن حال
..

--

النتيجه النهائيه لدرس اليوم (إضغط على الصوره لتراهابحجمها الأصلي)

--

الملف المفتوح للدرس موجود في المرفقات

-----

معلومات عن فن التيبوجرافي

Typography

طبعا من المنطقي أنه لكي نقوم بعمل تصميم من نوع التيبوجرافي يتوجب علينا
أولا أن نعرف ما هو التيبوجرافي (Typography) , و لذالك و بكل بساطه ووضح
يمكنني أن أقول أن فن التيبوجرافي (Typography) هو فن الرسم بالكلمات أو
بالأرقام أو بالحروف أي الصوره تتكون عن طريق العناصر السالفة الذكر و يمكن
التحكم فيها عن طريق نوع الخط او حجمه او لونه ..

الدرس

الخطوه الأولى-صنع الخلفيه

إستعمال خلفيه داكنة اللون سيكون مناسب لما نريد عمله

قم بفتح مساحة عمل جديده بالأبعاد التي تريدها الخلفيه , الأبعاد التي إستعملتها هي 1280×1024px

قم بضبط اللون الأمامي foreground على (#111111)

قم بضبط اللون الخلفي على (#000000)

قم بإستعمال أداة التدرج الإشعاعي Radial Gradient Tool و قم بعمل تدرج بالقرب من منتصف مساحة العمل

الخطوه الثانيه-وضع حدود النص

إخترت أن أجعل التصميم الخاص بي في شكل الرقم 9 نسبة لسنة 2009 و Tutorial9 (المصدر الأجنبي للدرس)

المهم .. الطريقه الأسهل للوصول إلي تلك النتيجه هي كتابة رقم 9 و تكبير
الخط جدا ثم نقوم بوضع الكلمات التي ستشكل التصميم في حدوده ,الخطوات ستكون
كالتالي :

قم بإستعمال أداة الكتابه

قم بإستعمال خط Century Gothic و إكتب العدد 9 بحجم خط 750px و إضبط الخط على bold

ضع النص في منتصف مساحة العمل في المنطقه التي قمنا بعمل التدرج لها

قمت بضبط اللون الخاص بالنص على #6dcff6

قم بتخفيض درجة الشفافيه opacity الخاصه بالطبقه إلي 20%

الخطوه الثالثه

الان عندنا حدود المنطقه التي سيتم الكتابه فيها

قبل ان نبدء في الكتابه داخل الرقم 9 فكر قليلا في الجمل التي تريد كتابتها
داخل الرقم , بالنسبه لما كتبته انا قمت بكتابة بعض الجمل خاصه ب
Tutorial9 (المصدر الأجنبي للدرس) عليك أن تفعل المثل و ترتب أفكارك بخصوص
الجمل التي تريدها أن تكون داخل الرقم 9 ..

أيضا بالتأكيد لك مطلق الحريه في إستعمال أكثر من خط و أن لا تحصر نفسك في
خط واحد , أنا لم أفعل هذا لإني إستعملت خط Century Gothic فقط لإنه يملك
منظر أنيق ..قوي و سيمكنني بسهوله أن أجعله متناسب داخل مساحة الرقم 9

طبعا سنقوم بتصغير الخط مره و تكبيره مره و هكذا

الخطوه الرابعه

الان بعد أن قمنا بوضع النصوص داخل حدود الرقم 9 , يجب علينا أن نتابع العمليات حتى تبدو الصوره النهائيه مدهشه

سنقوم بجعل درجة الشفافيه (opacity ) الخاصه بطبقة الرقم 9 تصل إلي حوالي
2% , هذا كفيل بجعل الحدود موجوده و لكن من الصعب ملاحظتها

الان قم بوضع جميع الطبقات الخاصه بالجمل التي كتبتها طبعا ماعادا الخاصه بالعدد 9 في مجموعه (Layer > New > Group)

قم بتكرير Duplicate المجموعه التي قمنا بعملها منذ ثواني عن طريق الذغط كليك يمينك عليها ثم إختيار Duplicate , ثم إضغط Ok

السبب للعمليه السابقه انها ستمكنا من دمج (merge) جميع طبقات النصوص كلها إلي واحده فقط

و الجروب مازال نشط قم بالضغط عليه كليك يمينثم قم بإختيار Merge Group و
هذا كفيل بوضع جميع الطبقات الموجوده في الجروب في طبقه موحده واحده

الان قم بإخفاء الجروب الذي لم نقم بدمج طبقاته

قم بتنشيط الطبقه التي قمنا بدمجها منذ قليل و قم بإضافة تدرج بالذهاب إلي Layer > Layer Style > Gradient Overlay

بالنسبه لي قمت بضبط التدرج كما موضح في الصوره التاليه

اللون السفلي #48a248 و اللون العلوي #3bb2f7

الخطوه الخامسه

دعنا الان نضع عنوان للخلفيه , عن نفسي قمت بكتابة Happy New Year و الخط كان Centruy Gothic حجمه 36px Italic ,,

قمت بإستعمال تدرج كما فعلت من قبل و لكن تلك المره من اليسار لليمين

و قمت أيضا بكتابة Tutorial9 Staff و إستعملت الإعدادات التاليه للخط

(Century Gothic / 24px / Italic) و إستعملت اللون #736357

الخطوه السادسه

الان دعنا نقوم بإضافة texture للصوره الخاصه بنا

انا استعملت صوره إضغط هنا لتحصل عليها

قم بوضع الـ texture في طبقه جديده

قم بالضغط على Ctrl+Shift+U

و إضبط الطبقه على Overlay

الخطوه السابعه

في الخطوات التاليه سنقوم بإضافة بعض الألوان النابضه بالحياه للصوره الخاصه بنا

قم بعمل طبقه جديده و قم بضبط اللون الأمامي على #6dcff6 و الخلفي على #000000

قم بالذهاب إلى Filter > Render > Clouds

قم بضبط الطبقه على Overlay

قم بتقليل ال Opacity إلى 25%

قم بعمل طبقه جديده و قم بتغير لون الخلفيه إلى أبيض

مره أخرى قم بالذهاب إلى Filter > Render > Clouds

قم بضبط الطبقه على Overlay

قم بتقليل ال Opacity إلى حوالي 70%

كما ترى أصعب جزء في الدرس كان الكتابه داخل حدود العدد 9

إضافة التأثيرات كانت غايه في السهوله , بعد تعلم جميع الأدوات في
الفوتوشوب ستجد نفسك تصنع أشكال بالغه الجمال بأقل المجهودات , إنطلق و جرب
متعة ان تصنع أعمالك و إبداعاتك الخاصه بنفسك

للحصول على التأثير الموجود في الاعلى قم بالخطوات التاليه :

قم بعمل طبقه جديده

قم بالذهاب إلى Image > Apply Image

إستعمل فلتر Filter > Blur > Motion Blur

قم بضبط الطبقه على Lighten

قم بضبط ال Opacity على 35%

قم بعمل(Gradient Map) Layer > New Adjust Layer > Gradient Map

من اللون #ec008c إلى اللون #e77418

و بعد ذالك إضبط ال gradient map على Vivid Light

و مبارك عليكم إنتهاء الدرس

-

---

الملف المفتوح للدرس موجود في المرفقات

-----
-----

يمكنك نقل الدرس بشرط الحفاظ على الحقوق

» افتراضي تحميل برنامج فوتوشوب 7 برنامج فوتوشوب 8 برنامج فوتوشوب 9 برنامج فوتوشوب 10
» عمل خلفيه نااااار
» اقوى دروس فوتوشوب للمحترفين