درس عمل زر كلاسيكي لماع .. ترجمة العون ديزاين

[عصوم كم]

http://www.al3on.com/vb/e_des/al3on_les.gif
الدرس متعوب عليه بالترجمة الرجاء عند النقل ذكر المصدر

الرابط الاصلي للموضوع
عمل زر كلاسيكي لماع .. ترجمة العون ديزاين - : al3on forum : (http://www.al3on.com/vb/showthread.php?p=4561#post4561)




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

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

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