درس تصميم شريط أيكونات زجاجي عرضي Web 2.0 احترافي

[الروند]

السلام عليكم ورحمة الله وبركاته
آسف لقلة تدويناتي ولكن اعذروني لانشغالي في العمل
درس اليوم مهم جدا للمصممين المبتدئين والمحترفين وهو تصميم شريط ايكونات ويب2 يمكن استخدامه في هيدر او اي حاجة تانية درس ,إحترافي ,بسيط
الدرس منقول من المدونة التابعة لشركة بيور للخدمات التقنية www.alwank.com

معلش انا هتكلم باللهجة المصرية اختصارا للوقت :)
نبدأ بالنتيجة النهائية للدرس



1- افتح الفوتوشوب وافتح صفحة عمل جديدة نفترض مثلا 500*300 بكسل ونملاها باللون الاسود .
2- نضيف لاير جديد ونستخدم آداة rounded rectangle rool ونعمل مستطيل مثلا 400*50بكسل
3- ندخل على الاعدادات ونعمل تدرج عمودي درجتين 00d9bb#,#035b50
- اعمل اعدادات inner glow شفافية 28% واملاها باللون 6bf7e4 #
هيطلع العمل لغاية دلوقتي كده

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

- هنضيف لاير جديد فوق الاير بتاع المستطيل ونضغط علي زر Ctrl ونضغط على الشيب اللي تحت اللاير الجديد بتاع اللمعة

للتوضيح أكثر في الصورة دي


هتلاقي التحديد عامل كده
لو بقي كده يبقي الشغل ماشي لغاية دلوقتي تمام




- هنروح لقائمة selectflip vertical ليتم عكس التصميم

- حرك اللاير المقلوب اسفل الفولدر الاول ونخلي شفافيته 8%

هيبقي شكله كده





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

وانا هديلكم مثال من تطبيقي بس اضفت فيه فرشة



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

ارجو ان يكون الدرس نال اعجابكم , اذا يوجد اي استفسارات او تعليقات انا حاضر




المصدر : مدونة ألوانك http://alwank.com/2009/03/tutorial-d...cons-web2-pro/