تصميم زر أحمر احترافي

antonio bandiras

عضو جديد
9 يونيو 2009
316
1
0
الجزائر
www.abdelhafid.com
السلام عليكم ورحمة الله وبركاته

اخواني الافاضل

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

الموضوع الأصلي هنا

و هذه هي نتيجة الدرس

sinrry3e5wxqob6drs30.gif


نبدأ على بركة الله

اولا قل بسم الله الرحمن الرحيم ....

افتح الفوتو شوب Photo Shop

اختر أداة المستطيل مدور و ارسم هذا الشكل كما هو مبين على الصورة بالأسفل

e5gqdxl66cknnbkpwv.gif


نطبق مع بعض الاختيارات التالية علي الشكل

أولا Drop shadow(الظل) بتكون بنفس الاحداثيات المذكورة في الشكل

8b7supy1rp907mpcrzyf.gif


ثانيا Inner glow(التوهج) وبتكون بنفس الاحداثيات المذكورة في الشكل

2x2s7n2i2ozq711lvnkx.gif


ثالثا Gradient overlay (التدريجات) وبتكون بنفس الاحداثيات المذكورة في الشكل

cbcldjho591pcbtcqm.gif


رابعا Stroke (الحواف) وبتكون بنفس الاحداثيات المذكورة في الشكل

cqbu8ynun0zvwpywqu3.gif


الزر الخاص بنا وصل للشكل التالي:

feu6ffghtjycs5e2lhji.gif


نخنار مع بضع اداه التحديد بشكل المستطيل

1ndd9vdk4fo7fcpnuvc.gif


ثم نحدد مع بعض مثل ما موضح بالصورة في الجهة اليسرى له.

593gx3m047wlgkekdx2.gif


ثم نملئ الشكل بنفس الاحداثيات للون #E1CA57

xeli0py60b9g6sy1tz17.gif


نطبق مع بعض الاختيارات التالية علي الشكل

Inner glow (توهج) وبتكون بنفس الاحداثيات المذكورة في الشكل

61g35wepdkksm0ndze.gif


Gradient overlay (التدريجات) وبتكون بنفس الاحداثيات المذكورة في الشكل

l2yjsbub7r3qy9fxyv2y.gif


نحدد مع بعض المستطيل الذي تم عمله ونكبر الصورة إلي زوم كبير قووي يصل إلي 1600% ثم نختاج أداه “القلم” ونعمل شكل بيكسل بنفس ما هو موضح بالصورة

8dib8rjt217yfzbegv2.gif


ثم تكون النتيجة مثل ما هو واضح بالصورة

xr02d7bmv8i8ye2ni1t9.gif


ثم نكتب النص اللي تحب ان يوظف به الزر مع بعض الامكانيات للحواف يكون الشكل كالتالي

4z0v6m8f1wpfy64sk42w.gif


وهكذا نكون انتهينا من تصميم زر احترافي بمعني الكلمة

الموضوع الأصلي هنا
“ارجو عند نقل الدرس ذكر مصدر المترجم له والمصدر الاساسي للدرس لحفظ الحقوق”

مع تحياتي

اخوكم في الله

عبد الحفيظ