عمل زر كلاسيكي لماع

موضوع: عمل زر كلاسيكي لماع 2/25/2013, 13:29

أولا سنقوم بإنشاء عمل جديد

اذهاب الملف> جديد

اختار حجم 600 * 420 بكسل

كما نلاحظ أن الوضوح 72 بكسل / بوصة
وهذا هو الافتراضي لتصميمات الويب.

بعد فتح العمل الجديد نقوم بوضع خلفية غامقة للعمل نختار اللون الاسود و نتوجه الي

Edit > Fill

و نقدر نعمل هالحركة عن طريق تحديد اللون المطلوب و الضغط علي

Ctrl + Backspace

نحصل علي النتيجة التالية

نجي الان لعمل القاعدة الخاصة بالزر ( الشكل الاساسي )

نسخدم اداة لعمل المستطيل و تكون بالمقاسات

500*75 بكسل

تابع الشرح

انقر في اي مكان في العمل و ستتم اضافة المستطيل بأحد اللونين الابيض او الاسود قم بتغيره باللون الي يناسبك

الان سنقوم بتلوين الزر بتدريج لوني بالتوجه الي خصائص الطبقة بالنقر مرتين علي الطبقة ثم التوجه الي

gradient overlay

و تحديد الالوان المطلوبة

النتيجة

الخطوة التالية هي وضع ضل للزر و يمكنك عمل ذلك عن طريق خصائص الطبقة ايضا بالتوجه الي

Drop shadow

ووضع الاعدادات التي تناسبك

الان جعل الزر اكثر واقعية نقوم بتحديد الجزء العلوي من الزر

الان نقوم بملئ التحديد بالون الابيض بستخدام اداة التحديد بالون الابيض و الشفاف

نقوم بنخفيف وضوح الطبقة الي نسبة 27%

نقوم بتكرار الخطوه السابقة و لكن نزيد المساحة الي منتصف الزر تقريبا
و نقوم بملئ المساحة بالون الابيض عن طريق
Edit > Fill

الان نقوم بوضع مود خاص للطبقة و هو Soft Light و تقليل نسبة الوضوح الي 17%
لنحصل علي الشكل

الان سنقوم بوضع ضوء اعلى الزر .

قم بعمل طبقة جديدة و اختر مجال الزر من الطبقة الاولى بستمرار الضغط علي مفتاح Ctrl و النقر علي الطبقة الخاصة بالزر و اذهب الي

Select > Modify > Contract

و حدد القيمة 1 pixel

ثم نقوم بختيار

Select > Modify > Border

و نحدد نفس القيمة 1 pixel

و نقوم بتعبأته بالتدريج الابيض و الشفاف

و لجعل الضوء اكثر واقعية نقوم بتحديد وضوح الطبقة الي 70%

الخطوة الاخيرة نقوم بوضع نص علي الزر ليتناسب مع احتياجاتنا و بالون المناسب للتصميم

في النهاية اذا لم تكون ترغب بالون البرتقالي يمكنك تعديل اللون حسب احتياجك
و هذا تطبيقات بالون اخرى

وفي الاخير كلمة شكر تكفي

موضوع: _da3m_6 12/19/2013, 22:22

موضوع رائع بوركت
عمل زر كلاسيكي لماع 4