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

[درس] عمل زر كلاسيكي لماع

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

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

اختار حجم 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%

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]