اصنع زر احترافي .. تفضل بالدخول

[admin]

السلام عليكم و رحمة الله و بركاته

درس مفصلنا اليوم هو طريقة صنع زر بشكل احترافي و بارز

أولا : افتح الفوتوشوب على المقاس اللي يحبه قلبك http://www.dzbatna.com/images/smilies/icon26.gif مثل : 200 × 200 بكسل

ثانيا : باسم الله نبدأ :

1- نقوم باختيار اداة التعبئة و تعبئة الصورة بلون من الألوان الحلوة أقول مثل مين ؟ http://www.dzbatna.com/images/smilies/shiny.gif http://www.dzbatna.com/images/smilies/in_love.gif و نقوم بتعبئة الخلفية كما قلنا بأي لون

2- نختار أداة الدائرة كما في الصورة :


http://www.allulu.org/dros/button/01.gif

3- الآن نستمر في الضغط على مفتاح Shift و نرسم دائرة بشكل جميل طبعا على طبقة جديدة يعني نسوي لير جديد Shift + Ctrl + N

4- نقوم بتعبئة الدائرة بأي لون مثلا أبيض لأنه اللون ما راح يبقى كمان شوي بتعرف و هذه أداة التعبئة حتى تعرفوها للمبتدئين :


http://www.allulu.org/dros/button/02.gif

5- نضغط مرتين على لير الدائرة Layer 2 و نعطه الخصائص كما في الصور التالية :


http://www.allulu.org/dros/button/03.gif

أفضل لونين للتدرج هما :

الغامق و هو على اليمين في التدرج : #202020
الأفتح و هو على اليمين في التدرج : #8D8B8B

6- الآن نلغي التحديد بواسط الضغط على Ctrl + D

7- نختار من قائمة الفلاتر من فلاتر Filter ثم Blur ثم Gaussian Blur و نضع قيمة radius 1.7 تقريبا أو 1.5 و نضغط OK

8- الآن ننشئ لير جديد Shift + Ctrl + N

9- نرسم دائرة جديدة أصغر من الأولى و نخليها كما في الشكل التالي :


http://www.allulu.org/dros/button/04.gif

10- نقوم بتعبئة الدائرة بلون أبيض مثلا و نعطيها الثلاث خصائص التالية كما في الصورة و انتبه على الأماكن المحددة و بعد ذلك اضغط OK و تمتع بزر جميل من صنعك و الألوان في الخصائص لا تعتمد على اختياري فلك خيار الألوان على حسب الزر الذي تريد صنعه :

الخاصية Inner Glow :


http://www.allulu.org/dros/button/05.gif

الخاصية Bevel & Emboss :


http://www.allulu.org/dros/button/06.gif




الخاصية Gradient Overlay :


http://www.allulu.org/dros/button/07.gif

الشكل النهائي :


http://www.allulu.org/dros/button/08.gif

أتمنى أن يكون الدرس مفصل نال على رضاكم و إعجابكم و شكرا لكم و السلام عليكم

أخوكم و مبحكم أحمد


Allulu




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©