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

[loulou ange]

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




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


http://www.wahacafe.com/up/upload/1594-5-408609492.png



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


http://www.wahacafe.com/up/upload/1600-1-153967814.png


و املأه بأي لون ترغب
http://www.wahacafe.com/up/upload/1580-1-583388317.png



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


الآن لدينا الطبقة الأساسية background
و الطبقة التي رسمنا عليها الشكل و لنسمها "الشكل"
والخطوة التالية هي إنشاء طبقة بين هاتين الطبقتين و ذلك بالضغط على زر إنشاء طبقة جديدة
الموضح في الصورة التالية و الموجود في لوح الطبقات Layers في الفوتوشوب
http://www.wahacafe.com/up/upload/1581-2-730800743.png



لنسمي هذه الطبقة باسم " الظل "
يصبح لدينا لوح الطبقات كالتالي :
http://www.wahacafe.com/up/upload/1582-3-29515019.png



على هذه الطبقة "الظل" و باستخدام أداة التحديد L الثانية
نرسم شكلاً كالتالي :
http://www.wahacafe.com/up/upload/1583-4-459779086.png


ونملأه بلون رمادي
يمكن الملئ بسرعة باختيار اللون الخلفي من مربع اللون في لوح الأدوات بلون رمادي ثم
ثم الضغط على ctrl+Del
http://www.wahacafe.com/up/upload/1584-5-123310578.png


http://www.wahacafe.com/up/upload/1585-1-722603400.png


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


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


http://www.wahacafe.com/up/upload/1586-2-650204298.png
النتيجة أصبحت جاهزة ومع بعض الإضافات على الشكل مثل التفتيح و التعتيم
http://www.wahacafe.com/up/upload/1587-3-173559335.png


يمكن الحصول على نتيجة كالتالي :
http://www.wahacafe.com/up/upload/1594-5-408609492.png
*************************************************



الشكل الثاني :
نرسم شكلاً كما في الصورة التالية و نضع تحته طبقة مستقلة و نسميها الظل
بشكل مشابه للخطوات السابقة
http://www.wahacafe.com/up/upload/1589-5-341986379.png
و على طبقة الظل و باستخدام أداة التحديد l
نرسم كما يلي :
http://www.wahacafe.com/up/upload/1590-1-77942383.png



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


الآن قم بحفظ الصورة التالية :
http://www.wahacafe.com/up/upload/1591-2-572291187.png


و ضعها في طبقة فوق الشكل الناتج
لتصبح النتيجة كما يلي :
http://www.wahacafe.com/up/upload/1592-3-734643147.png


************************************************** *
http://www.wahacafe.com/up/upload/1598-4-520687593.png


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


ننشئ طبقة تحته ( طبقة الظل كما في الخطوات السابقة )
و لتكن كا يلي
http://www.wahacafe.com/up/upload/1596-2-734619288.png


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


http://www.wahacafe.com/up/upload/1597-3-960645841.png


جربوا لوحدكم وستستفيدوا كثيرا





http://www.wahacafe.com/up/upload/1599-5-891621952.png


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif صور الشرح.zip (http://www.traidnt.net/vb/attachments/563098d1301258218-صور-الشرح.zip) (218.0 كيلوبايت, عدد مرات المشاهدة 105 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©