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

[أبو_ناصر]

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

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

••

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

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

http://g.abunawaf.com/2009/12/27/1.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/2.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/3.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/4.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/5.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/6.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/7.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/8.jpg (http://www.abunawaf.com/post-9012.html)

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

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

http://g.abunawaf.com/2009/12/27/9.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/10.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/11.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/12.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/13.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/14.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/15.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/16.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/17.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/18.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/19.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/20.jpg (http://www.abunawaf.com/post-9012.html)

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

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

http://g.abunawaf.com/2009/12/27/21.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/22.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/23.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/24.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/25.jpg (http://www.abunawaf.com/post-9012.html)

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

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

http://g.abunawaf.com/2009/12/27/26.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/27.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/28.jpg (http://www.abunawaf.com/post-9012.html)

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

http://g.abunawaf.com/2009/12/27/29.jpg (http://www.abunawaf.com/post-9012.html)

[ẕẩἫẻẻ]

نتائج ابداعيه

لاههنت عالطررح

:)