تصميم بطاقة وتأثيرات الألوان عليها

[abohmam]

السلام عليكم و الرحمه

اليوم أقدم لكم الدرس الثالث لبرنامج الفوتوشوب
محاولا ً قدر الإمكان التنويع في الدروس مراعيا ً سهوله الشرح و قوته
ليفيد المبتدئين و المتقدمين
وأتمنى التوفيق لي و لكم إن شاء الله

••
الدرس الثالث
تصميم بطاقة وتأثيرات الألوان عليها
••
فكرة الدرس
درس أجنبي قديم يمكن مرّ على البعض من قبل
ولكن بشرحه بطريقه مختلفه
نتعلم فيه مع بعض كيف ممكن ننشأ تصميم بفهم فكرة العمل
وكيف نتلاعب بالألوان لتترك شكل متناسق على التصميم
••
ملاحظه مهمه
الدرس يمكن طويل شوي
لكن كل خطواته هي خطوات مكرره وراح تشوفون هالشي بنفسكم
حبيت افصل الدرس حتى يفهمه الكل ولا يكون فيه صعوبه
والسموحه مقدما ً
••
الشرح

أولا هذي نتيجه تطبيق الدرس

http://g.abunawaf.com/2009/12/27/1.jpg

بالبدايه ننشأ عمل جديد بمقاس عرض 800 و طول 600
من قائمة File نختار الأمر New
Ctrl + N

http://g.abunawaf.com/2009/12/27/2.jpg

الحين راح نفتح الصوره هذي بالفوتوشوب image1

http://g.abunawaf.com/2009/12/27/3.jpg

اللي نبغاه من هذي الصوره هي المنطقة السوداء بالاسفل

http://g.abunawaf.com/2009/12/27/4.jpg

نختار هذي الأداة لتحديد المنطقه المطلوبه

http://g.abunawaf.com/2009/12/27/5.jpg

نضغط بهذه الاداه في المنطقه السوداء تحت وبيصير التحديد بهذا الشكل

http://g.abunawaf.com/2009/12/27/6.jpg

نقص اللي حددناه من قائمه Edie نختار الأمر Cut
Ctrl + X

http://g.abunawaf.com/2009/12/27/7.jpg

نروح نلصقه بالعمل اللي سويناه بدايه الدرس

http://g.abunawaf.com/2009/12/27/8.jpg

الحين معنا صوره ثانيه راح نفتحها بالفوتوشوب بعد
هذي هي image2

نحدد الصوره بعد ما فتحناها بالفوتوشوب
من قائمه Select نختار الامر All
Ctrl + A
ونلصقها تحت الخلفيه السوداء اللي لصقناها قبل
بالشكل هذا يعني

http://g.abunawaf.com/2009/12/27/9.jpg

نضيف لير جديد فوق لير Layer 2

http://g.abunawaf.com/2009/12/27/10.jpg

نختار أداة الفرشاه الناعمه و نلون بهذا اللون #caee05
في المكان اللي انا ملونه هنا

http://g.abunawaf.com/2009/12/27/11.jpg

ونطبق الفلتر التالي
من قائمه Filter نختار من Bulr الامر Gaussian Blur
ونضع القيمه التاليه كما في الصوره

http://g.abunawaf.com/2009/12/27/12.jpg

ونغير مود اللير إلى المود hard light
ونضع القيمه 50%

http://g.abunawaf.com/2009/12/27/13.jpg

نضيف لير جديد تحت اللير اللي سويناه
يعني فوق لير Layer 2

http://g.abunawaf.com/2009/12/27/14.jpg

نختار أداة الفرشاه الناعمه مره ثانيه و نلون بهذا اللون #b3ea8d
في المكان اللي انا ملونه هنا

http://g.abunawaf.com/2009/12/27/15.jpg

الحين راح اطبق فلترين ثم اغير اعدادات اللير
راح احط شرح الخطوات كلها بصوره وحده
1- من قائمه Filter نختار من Bulr الامر Motion blur
2- من قائمه Filter نختار من Bulr الامر Gaussian Blur
3- ونغير مود اللير إلى المود Lighten ونضع القيمه 90%
4- نتيجة تطبيق التأثيرات

http://g.abunawaf.com/2009/12/27/16.jpg

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

http://g.abunawaf.com/2009/12/27/17.jpg

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

http://g.abunawaf.com/2009/12/27/18.jpg

نضيف لير جديد فوق لير Layer 2
ونختار اللون هذا #8cb37c و نضغط بالفرشاه يمين التصميم
ونسحب الفرشاه بدون ما نرفع يدنا عن الماوس من اليمين إلى يسار التصميم
بالشكل هذا

http://g.abunawaf.com/2009/12/27/19.jpg

نطبق الفلتر التالي
من قائمه Filter نختار من Bulr الامر Motion blur
ونغير مود اللير إلى المود Color Dodge

http://g.abunawaf.com/2009/12/27/20.jpg

كذا احنا انتهينا من الوان الغسق أو الألوان الخضراء
باقي نضيف لون للسماء حتى يعطي منظر جمالي أكثر

نضيف لير جديد تحت أعلى لير في التصميم

http://g.abunawaf.com/2009/12/27/21.jpg

نقوم بالتلوين بإختيار اللون التالي #8cb37c
بهذا الشكل

http://g.abunawaf.com/2009/12/27/22.jpg

والحين نطبق الفلتر التالي
من قائمه Filter نختار من Bulr الامر Gaussian Blur
ونغير مود اللير إلى المود Exclusion

http://g.abunawaf.com/2009/12/27/23.jpg

نضيف لير جديد فوق اللير اللي سويناه قبل شوي
و نختار اللون #92566b ونغير مقاس الفرشاه إلى المقاس 280 ونلون
بهذا الشكل

http://g.abunawaf.com/2009/12/27/24.jpg

نطبق الفلتر التالي
من قائمه Filter نختار من Bulr الامر Motion blur
ونغير مود اللير إلى المود Overlay

http://g.abunawaf.com/2009/12/27/25.jpg

وصلنا لآخر خطوه

نضيف لير فوق اللي سويناه من شوي
نخلي الالوان بالشكل هذا

http://g.abunawaf.com/2009/12/27/26.jpg

نطبق الفلتر التالي
من قائمه Filter نختار من Render الامر Clouds
بيصير العمل معنا بالشكل هذا

http://g.abunawaf.com/2009/12/27/27.jpg

نغير اعدادات اللير بالشكل هذا

http://g.abunawaf.com/2009/12/27/28.jpg

وبكذا انتهى الدرس
وهذا التطبيق النهائي

http://g.abunawaf.com/2009/12/27/29.jpg

منقول عن شبكة أبونواف جزاهم الله خيرا

ولاتنسونا من صالح دعائكم
.

[أبو يوسف]

:teslam:

بارك اله فيك اخي ابو همام

[abohmam]

حياك الله أخى أبا يوسف

أشكر لك مرورك العطر وتواصلك

[طيف عآبر]

السلام عليكم ورحمة الله وبركاته

درس رائع وشرح مميــز

بارك الله فيك.. أخي الكريم

جاري التطبيق ان شاء الله

بس وين الصور المستخدمه بالدرس..؟
أو عادي نختار اي صورة نطبق عليها؟

تحيتي