[ درس مفصل ] أصنع زرك بشكل احترافي

السلام عليكم
كيفكم أعضاء المعهد ، أن شاء الله بخير

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

: ][ أولا ][ :
نقوم بفتح صفحة جديدة القياسات 800 × 800

: ][ ثــانيــا ][ :
نقوم بعمل بعمل مستضيل مستدير الحواف بهذه الأداة http://www.elrs3m.net/images/rounded_rec_tool.png وباللون#dcdcdc
ونجعل الإعدادات كما في الصورة التالية
http://www.elrs3m.net/images/navigation_set2.gif

وسف يكون كالشكل التالي
http://elrs3m.net/images/navigation_set3.gif

: ][ ثــالــثــا ][ :
نقوم بالدخول على Blending Options للمستطيل الذي أنشأناه
ونقوم بعمل الإعدادات التالية
http://elrs3m.net/images/navigation_set4.gif
Drop Shadow

http://elrs3m.net/images/navigation_set5.gif
Inner Shadow

http://elrs3m.net/images/navigation_set6.gif
Outer Glow

http://elrs3m.net/images/navigation_set7.gif
Inner Glow

http://elrs3m.net/images/navigation_set8.gif
Gradient Overlay

http://elrs3m.net/images/navigation_set15.gif
Gradient Overlay (color)

--------------------------------------------------------------------------------------------
: ][ رابــعـــا ][ :
نقوم بإنشاء مستطيل مستدير الحواف بالإداة http://www.elrs3m.net/images/rounded_rec_tool.png ونجعل اللون الزر #afcc36
ونجعل إعدادات الزر كالتالي عند إنشاءه
http://www.elrs3m.net/images/navigation_set2.gif

وسوف يكون بالشكل التالي
http://elrs3m.net/images/navigation_set10.gif

: ][ خـــامســــا ][ :
نقوم بالدخول على Blending Options للمستطيل الذي أنشأناه
ونقوم بعمل الإعدادات التالية
http://elrs3m.net/images/navigation_set4.gif
Drop Shadow

http://elrs3m.net/images/navigation_set5.gif
Inner Shadow

http://elrs3m.net/images/navigation_set6.gif
Outer Glow

http://elrs3m.net/images/navigation_set7.gif
Inner Glow

http://elrs3m.net/images/navigation_set11.gif
Gradient Overlay

http://elrs3m.net/images/navigation_set12.gif
Gradient Overlay (color)




سوف يظهر لنا الشكل كالتالي
http://elrs3m.net/images/navigation_set13.gif

ونقوم بتكرار شكل الزر ويظهر لنا كالتالي:http://www.dzbatna.com/images/smilies/nosweat.gif
http://elrs3m.net/images/navigation_set17.gif
( مع تغيير اللون للزر من الخاصية Gradient Overlay )

وأي استفسارات لا تترددوا
والسلام عليكم

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©