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


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

131

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

21

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

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

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

31

هتلاقي التحديد علي الصورة عامل كده

41

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

4- هنروح لقائمة select<modify<contract و نعمل القيمة 2 واضغط ok

هيبقي التحديد عامل كده

51

5- نستخدم آداة التدرج الشفاف 6

و نعمل اللون أبيض

ونعمل التدرج بس يكون بالشكل ده

7

اضغط Ctrl+d لإزالة التحديد

هتطلع النتيجة النهائية كده

8

كده نعتبر خلصنا نص الشغل

وصلنا لنقطة مهمة  اللي هي تقسيم القايمة دي لزراير

6-هنستخدم آداة line tool اضغط عليها حدد عرضها 1 بكسل ونكبر الصورة

نرسم خط عمودي زي المثال

91

ونلامها باللون الأبيض  ودرجة شفافية 39%

7- نعمل duplicate layer ونحركها 1 بكسل شمال للاير المنسوخة ونملاها بالدرجة دي #05695c

ونعمل الشفافية 82%

هتطلع النتيجة النهائية كده

10

وبعدين نوزع كلمات الزراير ونحط ما بين كل كلمتين خط زي ده

وده تطبيقي

11

نيجي لنقطة مهمة جدا جدا جدا  هيا سهلة ولكن هي لمسة جمالية للتصميم وهي اللمعة العكسية

هنقوم مجمعين كل اللايرات ونحطها في فولدر

ونعمل duplicate للفولدر كله

وبعدين نضغط ctrl +e علشان ندمج اللايرات

- افتح قائمة edit >transform>flip vertical ليتم عكس التصميم

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

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

12

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

وانا هديلكم مثال من تطبيقي

13

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

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