درس مفصل تصميم أزرار لواجهة interface موقعك توضع تحت البنر أو على البنر "2"

[admin]

السلام عليكم ورحمة الله وبركاته
نتابع دروسنا المتنوعة من كل غيث قطرة
حلقة بعنوان تصميم أزار توضع تحت البنر أو على البنر
الشكل النهائي للدرس مفصل هو كالتالي
http://www.adt4w.com/vb/uploaded/3_1187398713.gif
نبدأ الدرس مفصل على بركة الله



نفتح الفوتوشوب وبالضغط على حرف L من لوحة المفاتيح وهي اداة التحديد نقوم برسم شكل مشابه للشكل التالي
http://www.adt4w.com/vb/uploaded/3_1187466860.gif
بزر الماوس اليمين على اللير ونختار Blending options
ونعطي الشكل الخيارات التالية وانا استخدمت كود code اللون #778AAB
http://www.adt4w.com/vb/uploaded/3_1187467024.gif
والخيار التالي
http://www.adt4w.com/vb/uploaded/3_1187467072.gif
سيكون الشكل بعد التعديل كالشكل التالي أو مشابه له
http://www.adt4w.com/vb/uploaded/3_1187398729.gif
نروح للأشكال التلقائية الجاهزة custom shape tool واللي ما بيعرف مكانها يضغط من لوحة المفاتيح على الحرف U
نختار الشكل كما في الصورة التالية
http://www.adt4w.com/vb/uploaded/3_1187398879.jpg
ونضيف الشكل كما في الصورة التالية ونعطيه لون مناسب
http://www.adt4w.com/vb/uploaded/3_1187398738.gif
نروح الأن ونكتب النص المناسب على الزر اللي صممناه كالتالي
http://www.adt4w.com/vb/uploaded/3_1187398213.jpg
الليرات الي تم التصميم بها هي بالترتيب كما يلي
http://www.adt4w.com/vb/uploaded/3_1187398696.jpg
والمثال النهائي بعد إضافة بعض أزار أخرى كوبي للزر الأصلي
http://www.adt4w.com/vb/uploaded/3_1187398713.gif


المصدر : أضواء (http://adt4w.com/vb/showthread.php?p=8902#post8902)





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