درس مفصل : تصميم زر احتراااافي جدا ( شرح طريقة متعوب عليه )

[romaissa]

السلام عليكم


أخباركم يالغالين .. علومكم


جايب لكم اليوم درس مفصل جديد وهو الزر الاحترافي


---------------------------------------------------------------


مثال بعد نهاية العمل :


http://n4design.googlepages.com/Img14.gif

--------------------------------------------------------------

الخطوة الأولى

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


http://n4design.googlepages.com/Img1.gif

الخطوة الثانية

سنقوم بتطبيق الإعدادات التالية على الشكل

Inner Glow

http://n4design.googlepages.com/Img3.gif

Drop shadow

http://n4design.googlepages.com/Img2.gif

Gradient overlay




http://n4design.googlepages.com/Img4.gif

Stroke

http://n4design.googlepages.com/Img5.gif

سيصبح الشكل مقاربًا للصورة

http://n4design.googlepages.com/Img6.gif


الخطوة الثالثة

مع الضغط بزر Ctrl اضغط على شريحة الزر ، ثم اضغط على أداة التحديد المربعة ، وقم بتحديد الخصائص الموضحة في الصورة

http://n4design.googlepages.com/Img7.gif

الخطوة الرابعة

مع الإبقاء على التحديد السابق ، قم بأخذ أداة التحديد المربعة ، وقم بتحديد الجزء ( الأيمن أو الأيسر ) كما في الصورة

http://n4design.googlepages.com/Img8.gif

الخطوة الخامسة

قم بإنشاء شريحة جديدة وتعبئتها باللون الذي تفضله ( استخدمت #E1CA57 في المثال )

http://n4design.googlepages.com/Img9.gif

الخطوة السادسة

قم يتطبيق الإعدادات التالية

http://n4design.googlepages.com/Img10.gif

http://n4design.googlepages.com/Img11.gif

الخطوة السابعة

سنقوم في هذه الخطوة بإستخدام فن البكسل ، قم بتقريب الصورة إلى 1600% ثم قم بإنشاء الشكل الذي تفضله أو قم بعمل كما في الصورة


http://n4design.googlepages.com/Img12.gif

الخطوة الثامنة

قم بكتابة النص http://www.ns4d.com/vb/images/smilies/smile.gif




مع تحياتي

مداوي الجروح




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