درس فوتوشوب : تصميم بطاقة وتأثيرات الألوان عليها

[بنت الجود]

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


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

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

••

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

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

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


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

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


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

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


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

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

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

[أنين القمر]

يسلمووو بنت الاجااويد

يعطيك العااافية

دمت بخير

[أبو سجّاد]

بالتوفيق للمصصممين :)

بنت الاجاويد
أحسنتم بعطآئكم القيم .

[بنت الجود]

يسلمووو بنت الاجااويد

يعطيك العااافية

دمت بخير
يسلمك ربي عالمرور الكريم
دمتي ودام تواجدك

[بنت الجود]

بالتوفيق للمصصممين :)

بنت الاجاويد
أحسنتم بعطآئكم القيم .
كم جميل هو تواجدك هنا
دمت ودام تواصلك اخوي

[•[ آشجآטּ موآليه ]•]

http://up4.al-qatarya.org//uploads/images/al-qatarya-6c0553d844.gif
■■■ [ بنت الأجـأويـ~ـد ] ■■■

\

أشكرك ِ على هذا الشرح الوآفي =)
جزاك ِ الله خيرا ً غاليتي ، بإنتظار كل ما هو جديد
دمت ِ بود مع أحلى بـاقـة ورد

[بنت الجود]

•;167426']http://up4.al-qatarya.org//uploads/images/al-qatarya-6c0553d844.gif
■■■ [ بنت الأجـأويـ~ـد ] ■■■

\

أشكرك ِ على هذا الشرح الوآفي =)
جزاك ِ الله خيرا ً غاليتي ، بإنتظار كل ما هو جديد
دمت ِ بود مع أحلى بـاقـة ورد
والاحلى هو تواجدك هنا غاليتي
لاحرمنا

[فرقد الزهراء]

احسنت الطرح غاليتي...
دمت مميزه

[بنت الجود]

احسنت الطرح غاليتي...
دمت مميزه
الجمال يتجلى بمرورك الرائع
دمتي بخير