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

مشاهدة النسخة كاملة : شرح طريقة عمل تول بار أسفل البنر في الواجهة interface "1"



admin
10-30-2013, بتوقيت غرينيتش 05:19 AM
بسم الله الرحمن الرحيم
حلقة تعليمية في تصميم تول بار للموقع اللي يكون تحت البنر
هذا هو المنتج plugin النهائي من هذه الحلقة التعليميه
http://www.adt4w.com/vb/uploaded/3_1187386344.jpg



نبدا الشرح طريقة على بركة الله
سوف أسير معكم في دروسي هذه خطوة بخطوة لنص للناتج النهائي لموضوع الحلقة
اولا قم بعمل شكل مماثل للشكل التالي وقم باعطائه اللون المانسب وعلى سبيل المثال انا اخترت اللون كما في الصورة وكود code اللون هو #215FA8
نقطة هامة // الشكل التالي يمكنك عمله بعدة طرق نذكر منها على سبيل المثال عمل مربع وقصه من الطرف بشكل مائل
أو باستخدام اداة البن تول
عموما هذا هو الشكل
http://www.adt4w.com/vb/uploaded/3_1187386499.jpg
الأن من لوحة المفاتيح اضغط Ctrl وبنفس الوقت وانت ضاغط على الكترل اضغط بالماوس على لير الشكل اللي عملناه سويا
ومن ثم نروح لـ قائمة select >> modify <<smooth ونعطيها القيمة 10 كما في الصورة التالية وثم نضغط اوكي
http://www.adt4w.com/vb/uploaded/3_1187387978.jpg
طبعا راح تعطينا الشكل التالي أو مشابه له
http://www.adt4w.com/vb/uploaded/3_1187388140.jpg
نطبق عليه الخيارات التالية كما في الصورة
http://www.adt4w.com/vb/uploaded/3_1187388113.jpg
يصبح لدينا الشكل التالي
http://www.adt4w.com/vb/uploaded/3_1187388217.jpg
نعمل تكرار للير أو الطبقة duplicate layer
اللير الجديد نطبق كما في الصورة نقص طرفه
http://www.adt4w.com/vb/uploaded/3_1187388367.jpg
حلو لحد الأن تمام http://www.dzbatna.com/images/smilies/icon30.gif
ركزوا معاي كويس هنا http://www.dzbatna.com/images/smilies/smoke1.gif
نعطيه الخيارات التالية
http://www.adt4w.com/vb/uploaded/3_1187388545.jpg
الآن تقريبا كل شي انتهى لكن فاضل التحبيشات http://www.dzbatna.com/images/smilies/no.gif اقصد الكماليات كالنص والخط الفاصل
النص نص مافيه شرح طريقة http://www.dzbatna.com/images/smilies/dunno.gif والخط خط http://www.dzbatna.com/images/smilies/harhar1.gif
والشكل النهائي مرة أخرى
http://www.adt4w.com/vb/uploaded/3_1187386344.jpg


المصدر : أضواء (http://adt4w.com/vb/showthread.php?t=1269)




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

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


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