جديد أبو حبيبة جرافيك: تصميم زر احمر احترافي

[loulou ange]

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

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

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

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

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


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

مع تحياتي

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

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

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

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif صور الدرس.zip (http://www.traidnt.net/vb/attachments/644955d1337927750-صور-الدرس.zip) (56.1 كيلوبايت, عدد مرات المشاهدة 0 مرة)


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