درس تصميم زر web 2.0

السلام عليكم

أقدم لكم اليوم درس بسيط حول تصميم زر web 2.0 .نبدأ بسم الله

أول افتح صفحة جديدة بالقياس الذي تريد ينصح أن يكون أكثر من 200px للطول و للعرض

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

الآن قم برسم المستطيل التالي

الآن اذهب الى قائمة الطبقات و اضغط بالزر الأيمن على Shape1 ثم Blending Options كما في الصورة

بعدها ستظهر لك النافذة التالية:

الآن قم باختيار gradient overlay و ختر الألوان كما في الصورة ثم اضغط ok:

الآن اضغط علىstroke و عدل القياس على 1px و اختر اللون المبين في الصورة:

الآن اضغط على inner glow و قم بعمل الاعدادات التالية:

انتهينا

النتيجة النهائية مع بعض التأثيرات