منتدى استراحات زايد - [درس] لكم درس جميل وسهل وهو انشاء زر جميل وانيق

http://www12.0zz0.com/2012/01/08/15/493109706.png

حياكم الله جميعا

اليوم اشرح لكم درس جميل وسهل وهو انشاء زر جميل وانيق

وهذا اول موضوع لى فى هذا المعهد الرائع ارجو ان اكون موفق فى هذا الشرح

كلمة هامة: كثرا ماتم وضع شرح لأحد الأزرار ولم نعرف كيف نستفيد منها أو من التطبيقات التى بها ، ولكن هذه المرة تم عرض طريقة الإستفادة لنغوص فى التصميم ونُخرج المواهب والمهارات من الجميع !!!

1- نبدا بإنشاء عمل جديد بمقاس 256 * 256 بيكسل طبعا مع دقة الشاشة كالمعتاد 72 dpi ونظام ألوان RGB وخلفية شفافة طبعا

http://www14.0zz0.com/2012/01/08/15/722288191.png

2- نختار أداة رسم الأشكال Ellipse Tool

http://www14.0zz0.com/2012/01/08/15/784956393.png

3- نقوم بتحديد مقاس الرسم إلى 220 * 220 بيكسل ونرسم دائرة متساوية الأبعاد

http://www14.0zz0.com/2012/01/08/15/186799313.png

وسوف نحصل على هذا الشكل

ولاتنسى بعد رسم الشكل تذهب الى قائمة Layer وتختار Rasterize ثم تختار Shape ( أنا عارف أنكم الآن محترفون ولكن فقط للتذكير )

4- نرسم دائره داخل الدائره الاولى وتكون فى المنتصف ونجعل لونها ابيض
حاليا لان فيما بعد سوف نغير لونها

5- نقوم بتوسيط هذه الدوائر فى مساحة العمل

http://www7.0zz0.com/2012/01/08/15/926210418.png

نخفي الطبقة الأولى بإزالة العين التى بجوارها فى صندوق الطبقات وسيكون صندوق الطبقات

إضافة التأثيرات على الطبقة الأولى :

7- الآن نعود إلى الطبقة الأولى ( Shape 1 ) ونقف عليها ثم نذهب إلى Blending Option ونضيف هذه التأثيرات :

Bevel and Emboss

http://www7.0zz0.com/2012/01/08/15/714388192.png

Gradient Overlay

http://www7.0zz0.com/2012/01/08/15/662945058.png

وسوف نحصل على هذه النتيجة

http://www7.0zz0.com/2012/01/08/15/481442684.png

إضافة التأثيرات على الطبقة الثانية

8- الآن نظهر الطبقة الثانية( Shape 2 ) ونقف عليها كي نضيف إليها بعض التأثيرات.

9- نقف على الطبقة الثانية (Shape 2) ثم نذهب إلى Blending Option ونضيف هذه التأثيرات :

Inner Shadow

http://www7.0zz0.com/2012/01/08/15/157014477.png

Gradient Overlay

http://www7.0zz0.com/2012/01/08/15/136393089.png

كيفية تحريك الشعاع فى الخطوة رقم 9

الطريقة :
أثناء تنفيذ التأثير Gradient Overlay تلاحظ أننا إخترنا radial أى شعاعي
وبعد إضافة القيم المذكورة تظهر هذه الإضاءة لاتغلق نافذة Blending Option
وأذهب لها بأصغر ماوس عندك وبأصغر إصبع وقم بتحريكها فى التصميم للمكان الذى تريد ، بس خلاص !!!

Stroke

http://www7.0zz0.com/2012/01/08/15/766300752.png

وسوف نحصل على هذه النتيجة

http://www7.0zz0.com/2012/01/08/15/897230404.png

10- نقوم بإضافة لمعة زجاجية على
نقوم برسم دائره عليهم وتخفيف Opacity الى 30% كما هو موضح بالصوره

http://www7.0zz0.com/2012/01/08/15/421814297.png

لنحصل أخيرا على هذه النتيجة النهائية

مع أضافه بعض لمساتك الخاصة وبعض الأيقونات ليكون عندك أزرار وقوائم إحترافية من تصميمك الخاص

مثل هذا

http://www7.0zz0.com/2012/01/08/15/992130080.png

هام :
للحصول على ألوان متعددة من نفس التصميم يمكنك تغير لون الـ orb فى الخطوة رقم 8 وذلك فى تأثير Gradient Overlay
لتصميم توقيع نستخدم نفس التأثيرات مع تغير شكل الرسم مكان دائرة سيكون مستطيل دائرى الحواف مثلا ثم ننسخ التأثير من الطبقات ونلصقها كما تعرفون طبعا .
معنى Orb = جُرم أو كوكب في السماء

ارجو ان اكون وفقت فى هذا الدرس

فلاتنسو التطبيق

والله ولى التوفيق