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

مشاهدة النسخة كاملة : .::. درس مفصل تصميم ايقونات(ازرار) للمنتديات والمواقع .::.



salima
10-30-2013, بتوقيت غرينيتش 02:54 AM
السلام عليكم ورحمة الله وبركاته

ها انا اعود لكم من جديد وفي جعبتي درس مفصل جميل وبسيط

والكل منا يحتاجه وهو كيفية تصميم ايقونات جميله وبطريقة بسيطه

سأقول بسم الله وابدأ بالشرح طريقة

1- افتح عمل جديد بمقاس 100×39 بيكسل

2- الان سنقوم بعمل الاساسات للايقونه قم بأختيار اداة الرسم وارسم مستطيل

واجعل الاعدادات كما بالصورة

لا تنسى ان يكون نصف القطر 15 بيكسل

http://designsector.net/button1.png

3-ارسم مثل هذا الشكل

http://designsector.net/button2.png

4- من خيارات اللير اختر Blending وضع الاعدادات التالية

http://designsector.net/button3.png

http://designsector.net/button3b.png

http://designsector.net/button3c.png

http://designsector.net/button3d.png

ستحصل على هذا الشكل

http://designsector.net/button4.png

5- الان اضف لير جديد وارسم بـ اداة رسم المستطيلات مستطيل اخر واجعله اكبر من الاول
كما في الصورة

http://designsector.net/button4b.png




الان اضف من خيارات الير الاعدادات التالية

http://designsector.net/button4c.png

http://designsector.net/button4e.png

http://designsector.net/button5.png

الان ضع الشفافية للير بمقدار 49% opacity

وهذا ما ستحصل عليه

http://designsector.net/button6.png

6- الان حان وقت وضع بعض الامور الجماليه للشكل
اختر اداة رسم المستطيل وارسم بداخل اللير الاول الشكل التالي

http://designsector.net/button13.png

7- اختر اداة التحديد marquee tool

وامسح هذا الجزء من اللير الجديد

http://designsector.net/button14.png

الان ضع للير هذه الاعدادات

http://designsector.net/button15.png

http://designsector.net/button16.png

http://designsector.net/button17.png

وهذا ما ستحصل عليه

http://designsector.net/button18.png

الان لنضف بعض المسات الجماليه لما صنعنا

اصنع لير جديد وضعه اسفل الير الاخير (يعني تحت اللير الخاص بالون الاخضر)

وارسم بداخله مستطيل اخر ولكن اكبر منه كما في الصورة

http://designsector.net/button19.png

الان ضع له هذه الاعدادات

http://designsector.net/button20.png

http://designsector.net/button21.png

http://designsector.net/button22.png

http://designsector.net/button23.png

وهذا الناتج النهائي

http://designsector.net/button24.png

وهذا تطبيقي الخاص بالمرفق

اتمنى ان اكون قد وفقت بالشرح طريقة

وان اكون قد افدتكم

دمتم بود

^__^


الصور المرفقة http://www.traidnt.net/vb/attachments/60210d1153194340-botoun.jpg


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

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى