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

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



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

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

http://www.talk-mania.com/tutorials/tutorial57/8.jpg


بسم الله نبدأ الدرس مفصل

اولا افتح عمل جديد بمقاس 500 x 100 pixels with a white background

وطبعا الخلفيه white


ثانيا اختر اداة المستطيل
حدد نصف قطرها الى 5 بكسل وتعمل شكل المستطيل بس على صغير وتبدأ تعملها فى الجميع الاجزاء
وعشان تعمل كوبى للير وتريح نفسك دوس
Ctrl+J to duplicate the layer

وبعد ما تاخدها كوبى تحركها من اماكنها وتخليهم فى نفس المستوى

عشان تبقا بالشكل دا

http://www.talk-mania.com/tutorials/tutorial57/1.jpg

ثم يضاف ما يلي طبقة اساليب

او لتجميل اشكال الازرار عشان مش هينفع نسبها سايحه كدا http://www.dzbatna.com/images/smilies/crazy.gif

واختار الاتى زى الى بالصور ولو مش عايز لونها زى التطبيق بتاعى انت وراحتك وكل واحد وزوقه http://www.dzbatna.com/images/smilies/crazy.gif

http://www.talk-mania.com/tutorials/tutorial57/2.jpg
http://www.talk-mania.com/tutorials/tutorial57/3.jpg
http://www.talk-mania.com/tutorials/tutorial57/4.jpg


ودى النتيجه بتاعتى بعد ما خلصت الخطوة الى فوق

http://www.talk-mania.com/tutorials/tutorial57/5.jpg


عشان نعمل قائمه تحت الازرار اختار اداة الاشكال ومنها المستطيل




واعمل الشكل الاسود دا
http://www.talk-mania.com/tutorials/tutorial57/6.jpg

وبعد ما تعملها تدوس على خصائص الير الى انت عامله
وتختار الاتى
http://www.talk-mania.com/tutorials/tutorial57/3.jpg
http://www.talk-mania.com/tutorials/tutorial57/4.jpg

وبعدين هى دى النتيجه بعد الشغل
http://www.talk-mania.com/tutorials/tutorial57/7.jpg

ثم اختر اداة الخط. (تحديد الوزن الى 1 بكسل)

وجعل على 3 خطوط ووضعها في مثل الصورة التالية. واعتقد ان هذا امر بسيط جدا والمهمة لن تتمكن من المشاكل

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

http://www.talk-mania.com/tutorials/tutorial57/8.jpg




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

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


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