http://www.al3on.com/vb/e_des/al3on_les.gif
الدرس متعوب عليه بالترجمة الرجاء عند النقل ذكر المصدر
الرابط الاصلي للموضوع
عمل زر كلاسيكي لماع .. ترجمة العون ديزاين - : al3on forum :
أولا سنقوم بإنشاء عمل جديد
اذهاب الملف> جديد
اختار حجم 600 * 420 بكسل
كما نلاحظ أن الوضوح 72 بكسل / بوصة
وهذا هو الافتراضي لتصميمات الويب.
http://www.psdcore.com/tutorial-images/016_step1.jpg
بعد فتح العمل الجديد نقوم بوضع خلفية غامقة للعمل نختار اللون الاسود و نتوجه الي
Edit > Fill
و نقدر نعمل هالحركة عن طريق تحديد اللون المطلوب و الضغط علي
Ctrl + Backspace
نحصل علي النتيجة التالية
http://www.psdcore.com/tutorial-images/016_step2.jpg
نجي الان لعمل القاعدة الخاصة بالزر ( الشكل الاساسي )
نسخدم اداة لعمل المستطيل و تكون بالمقاسات
500*75 بكسل
تابع الشرح
http://www.psdcore.com/tutorial-images/016_step3.jpg
انقر في اي مكان في العمل و ستتم اضافة المستطيل بأحد اللونين الابيض او الاسود قم بتغيره باللون الي يناسبك
http://www.psdcore.com/tutorial-images/016_step4.jpg
الان سنقوم بتلوين الزر بتدريج لوني بالتوجه الي خصائص الطبقة بالنقر مرتين علي الطبقة ثم التوجه الي
gradient overlay
و تحديد الالوان المطلوبة
http://www.psdcore.com/tutorial-images/016_step5a.jpg
النتيجة
http://www.psdcore.com/tutorial-images/016_step5b.jpg
الخطوة التالية هي وضع ضل للزر و يمكنك عمل ذلك عن طريق خصائص الطبقة ايضا بالتوجه الي
Drop shadow
ووضع الاعدادات التي تناسبك
http://www.psdcore.com/tutorial-images/016_step6.jpg
الان جعل الزر اكثر واقعية نقوم بتحديد الجزء العلوي من الزر
http://www.psdcore.com/tutorial-images/016_step8.jpg
الان نقوم بملئ التحديد بالون الابيض بستخدام اداة التحديد بالون الابيض و الشفاف
http://www.psdcore.com/tutorial-images/016_step9.jpg
نقوم بنخفيف وضوح الطبقة الي نسبة 27%
http://www.psdcore.com/tutorial-images/016_step10.jpg
نقوم بتكرار الخطوه السابقة و لكن نزيد المساحة الي منتصف الزر تقريبا
و نقوم بملئ المساحة بالون الابيض عن طريق
Edit > Fill
http://www.psdcore.com/tutorial-images/016_step11.jpg
الان نقوم بوضع مود خاص للطبقة و هو Soft Light و تقليل نسبة الوضوح الي 17%
لنحصل علي الشكل
http://www.psdcore.com/tutorial-images/016_step12.jpg
الان سنقوم بوضع ضوء اعلى الزر .
قم بعمل طبقة جديدة و اختر مجال الزر من الطبقة الاولى بستمرار الضغط علي مفتاح Ctrl و النقر علي الطبقة الخاصة بالزر و اذهب الي
Select > Modify > Contract
و حدد القيمة 1 pixel
ثم نقوم بختيار
Select > Modify > Border
و نحدد نفس القيمة 1 pixel
و نقوم بتعبأته بالتدريج الابيض و الشفاف
http://www.psdcore.com/tutorial-images/016_step13.jpg
و لجعل الضوء اكثر واقعية نقوم بتحديد وضوح الطبقة الي 70%
http://www.psdcore.com/tutorial-images/016_step14.jpg
الخطوة الاخيرة نقوم بوضع نص علي الزر ليتناسب مع احتياجاتنا و بالون المناسب للتصميم
http://www.psdcore.com/tutorial-images/016_step15.jpg
في النهاية اذا لم تكون ترغب بالون البرتقالي يمكنك تعديل اللون حسب احتياجك
و هذا تطبيقات بالون اخرى
http://www.psdcore.com/tutorial-images/016_step15a.jpg
http://www.psdcore.com/tutorial-images/016_step15b.jpg
و في الختام انا تعبت كثير في ترجمة الدرس
الرجاء عند النقل ذكر المصدر و ترقبو منا كل جديد بأذن الله
شبكــة العون ديزاين لخدمات التصميم
اخوكم في الله .. عصـــــــــــام
http://www.al3on.com/vb/e_des/al3on_les.gif
