زهير طه

55

4,701

شرح إضافة و فن وضع الظل للأزرار و الأشكال بطريقة احترافية عصرية في الفوتوشوب photoshop

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



سنناقش اليوم موضوعاً من المواضيع الحصرية لمنتدانا
و هو طريقة وضع ظلال احترافية في الفوتوشوب و نرجو
أن لا يتم نزع الحقوق عند نقل الموضوع لمنتدى آخر
فقد تم تغيير الحقوق من الصور في العديد من مواضيعنا الحصرية و نقلها لمنتدى آخر


- الطريقة هذه أصبحت شائعة وكثيرة الاستخدام في تصميمات الوقت الحالي
و سنناقش عدة أشكال

لنبدأ على بركة الله



- الشكل الأول :




الخطوة الأولى :
ارسم شكلاً مشابها ً للشكل التالي بالفوتوشوب



و املأه بأي لون ترغب


من يرغب باستخدام نفس اللون ( كود اللون هو f5e45e )

الآن لدينا الطبقة الأساسية background
و الطبقة التي رسمنا عليها الشكل و لنسمها "الشكل"
والخطوة التالية هي إنشاء طبقة بين هاتين الطبقتين و ذلك بالضغط على زر إنشاء طبقة جديدة
الموضح في الصورة التالية و الموجود في لوح الطبقات Layers في الفوتوشو



لنسمي هذه الطبقة باسم " الظل "
يصبح لدينا لوح الطبقات كالتالي :



على هذه الطبقة "الظل" و باستخدام أداة التحديد L الثانية
نرسم شكلاً كالتالي :


ونملأه بلون رمادي
يمكن الملئ بسرعة باختيار اللون الخلفي من مربع اللون في لوح الأدوات بلون رمادي ثم
ثم الضغط على ctrl+Del




و الآن نطبق الفلتر التالي



إعدادات الفلتر كما يلي أو حسب ما يناسب صورتك




النتيجة أصبحت جاهزة ومع بعض الإضافات على الشكل مثل التفتيح و التعتيم



يمكن الحصول على نتيجة كالتالي :





الشكل الثاني :


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



و على طبقة الظل و باستخدام أداة التحديد
نرسم كما يلي :



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

الآن قم بحفظ الصورة التالية :


و ضعها في طبقة فوق الشكل الناتج
لتصبح النتيجة كما يلي :



الشكل الثالث :


ليكن لدينا الشكل التالي :



سنضيف لهذا الشلك ظل مع انثناء بشكل مميز
نضغط ctrl+t
ثم نضغط على الزر الموجود في أعلى صفحة الفوتوشوب
فنحصل على


ثم باستخدام الماوس نسحب الخط قليلاً كما هو موضح في الصورة التالية :


نقوم الآن بإنشاء طبقة جديدة فوق طبقة الشكل و نضغط بعد ذلك على Ctrl+Alt+G



نقوم باختيار تدرج كما في الصورة التالية



( إن لم يكن موجوداً يمكن صناعته بسهولة )
ونطبق هذا التدرج على الطبقة التي أنشأناها في الخطوة السابقة


نضاعف الطبقة التي فيها الصورة
وذلك بالضغط على Ctrl+j و نقفل الحدود بالضغط على الزر المبين التالي



و من ثم نملأ بلون رمادي
و الآن نضغط ctrl_t و ثم نفعل الزر
و نسحب الحدود للخارج من الزاوية السابقة كما هو مبين
( انظر للزاوية )


نضغط Enter
و هذه النتيجة :







الشكل الرابع :
ليكن لدينا مستطيل مدور الحواف
يمكن رسمه بالاداة :

ننشئ طبقة تحته ( طبقة الظل كما في الخطوات السابقة )
و لتكن كا يلي


و نملأها كالعادة بلون رمادي و نطبق فلتر التمويه المذكود سابقاً و نحصل على :


جربوا لوحدهم الشكل التالي :


التعليقات (6)

الزعيم بدر     





الجود     


ابداع لا حدود له
بارك الله بك وإلى الأمام برعاية الله


المبتدئ     

طبعا انا سميتك عقيد حارة الفوتوشوب
في رد سابق
مشكور عالموضوع العسل






عمار خولاني     
مشكووووور
اخي زهير والله كلك ابداع
تقبل تحياتي
f50     
كذا الابداع ولا بلاش
الله يعطيك العافية
M.nshawaty     

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