ازرار بلاستيكية جذابة

[home]

http://www.almosamem.net/images/icons/button.gif

طبعا هذي الأزرار من زمان وهي تنفذ.. بطرق مختلفة.. لكن تمت اعادة كتابة الدرس بشكل بسيط في فوتوشوب7 ..!

*نبدأ بفتح صفحة جديدة.. 800*800 بيكسل.. بخلفية بيضاء..

*سوي لير جديد

*اضغط على حرف D في الكيبورد.. (ترجع ألوان Forground و Background لأساسها أسود وأبيض)

ثم اضغط حرف X في الكيبورد.. ( تنعكس الFourground وال Background .. )


*اختر الآن أداة الشكل المربع ذو الحواف المستديرة http://www.almosamem.net/photoshop/tutorials/images/buttons/roundedrectangle.gif من قائمة الأدوات الأساسية.. ( المترجم: طبعا تعرفون الزر اللي فوق القطّارة؟ اضغط عليه واستمر بالضغط تطلع لك قائمة اختر الثاني منهم)

في أعلى الشاشة بتطلع لك قائمة مثل القائمة هذي :
http://www.almosamem.net/photoshop/tutorials/images/buttons/options.gif

اختر فيها مثل الاختيارات الموجودة تماما.. زي ما أنت شايف.. أعطيناه أطوال المربع، قيمة الاستدارة..

(المترجم: ترى بعض الأحيان يستهبل الفوتوشوب ويصير غبي.. اذا حطيت الأطوال أو حطيت قيمة الاستدارة يحولها إلى (إنش) وليس (بيكسل).. لذا تأكد من وجود (px) بعد الرقم )


الحين: اضغط بالماوس مرة واحدة في وسط العمل.. ولن ترى شيئا لأنا اخترنا اللون الأمامي أبيض..! والخلفية بيضاء.. بس بتشوف لحظة ضغطتك الشكل المطلوب.. مثل كذا:
http://www.almosamem.net/photoshop/tutorials/images/buttons/img1.gif

ثم بيختفي.. ما عليك.. الحين نضبط الوضع..!

زي ما شفنا.. الزر غير مرئي.. وبنشوف شغلنا معاه..

رح لـ: Layer>Layer Style>Stroke

وبكل بساطة.. طبق هذه الاعدادات..:

http://www.almosamem.net/photoshop/tutorials/images/buttons/stroke.gif


والآن في نفس الستايل.. طبق الـ Gradient Overlay مثل ما في الصورة:

http://www.almosamem.net/photoshop/tutorials/images/buttons/gradientoverlay.gif




ثم اضغط على Ok .. والنتيجة كما ترى أسفل ( ان لم تكن مثلها تأكد من الاعدادات..) :

http://www.almosamem.net/photoshop/tutorials/images/buttons/img2.gif

أيضا.. وعلى نفس الستايل.. طبق Bevel and Emboss بنفس القيم التالية:


http://www.almosamem.net/photoshop/tutorials/images/buttons/bevelemboss.gif



اذا كانت النتيجة مثل الصورة التالية.. أو دق ريوس :

http://www.almosamem.net/photoshop/tutorials/images/buttons/img3.gif

تقريبا خلصنا.. بس بنضيف تطعيمة صغيرة مهمة.. طبق الآن على نفس الستايل: Inner Shadow بهذه الاعدادات:

http://www.almosamem.net/photoshop/tutorials/images/buttons/innershadow.gif



مكتوب بالأخضر: (اضغط على "Contour" لكي تقوم بالتعديل فيه.. ارسم شكل قطري مثل ما ترى في الصورة.. واضغط OK اذا خلصت)

لازم تصير النتيجة زي ما أنت شايف بالصورة التالية:

http://www.almosamem.net/photoshop/tutorials/images/buttons/img4.gif

أخيرا وليس آخرا.. (وييين اذاعة الصباح ) .. خوينا الزر يحتاج شوي ظل..

طيب نسوي له ظل.. في نفس الستايل نطبق drop shadow بنفس القيم التالية:

http://www.almosamem.net/photoshop/tutorials/images/buttons/dropshadow.gif



والنتيجة زي ما أنت شايف:

http://www.almosamem.net/photoshop/tutorials/images/buttons/img5.gif


تنس أن تحفظ الستايل لتستخدمه في مرات أخرى..



أمثلة:

http://www.almosamem.net/photoshop/tutorials/images/buttons/App.jpg

http://www.almosamem.net/photoshop/tutorials/images/buttons/img6.gif

http://www.almosamem.net/photoshop/tutorials/images/buttons/untitled.gif

[HaMaNi]

مشكوووووووووووووووووور أخوي على دروسك الخفيفة والحلوة


ونترقب المزيد.............................

[N-Design]

درس حلو وجميل تشكر عليه ....
أخوك ....

[home]

:biggthump .....