المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم زر احمر احترافي


MIDO-EGYPT
2010-04-16, 02:12 AM
تصميم زر احمر احترافي

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

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

بعد غياب عن ترجمة ومتابعة الدروس الاجنبية واختيار الدورس الاسهل والابسط لعمل شئ احترافي رائع لتصميم موقعك أعود إليكم بهذا الدرس وهو درس بسيط جدا وهو عمل زر احمر احترافي رائع حتي يكون موقعك بشكل جمال

http://www.toxiclab.org/img/3221842_1.gif

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

http://www.toxiclab.org/img/4821842_2.gif

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

Drop shadow (الظل)

http://www.toxiclab.org/img/1521843_3.gif


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

http://www.toxiclab.org/img/3321843_4.gif

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

http://www.toxiclab.org/img/4421843_5.gif

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

http://www.toxiclab.org/img/5521843_6.gif

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

http://www.toxiclab.org/img/1921844_7.gif

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

http://www.toxiclab.org/img/4121844_8.gif

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

http://www.toxiclab.org/img/5821844_9.gif

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

http://www.toxiclab.org/img/1921845_10.gif

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

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

http://www.toxiclab.org/img/4421845_11.gif

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

http://www.toxiclab.org/img/5821845_12.gif

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

http://www.toxiclab.org/img/2221846_13.gif

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

http://www.toxiclab.org/img/3721846_14.gif

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

http://www.toxiclab.org/img/1021847_1.gif

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


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

مع تحياتي

اخوكم في الله
تامر التركي
ابو حبيبة جرافيك

منقول من مدونة أبو حبيبة جرافيك (http://www.abohabeba.com/?p=149)

المصدر الاساسي للدرس الانجليزي (http://www.tutorialized.com/view/tutorial/Modern-red-button/42637)