تصميم علامة تبويب الويب 2.0 مع فوتوشوب
يحاول دليل المتابعة أدناه أن يعطيك فكرة عن كيفية تصميم قائمة علامات تبويب لطيفة وأنيقة في نمط Photoshop ، ويب 2.0.
الخطوة 1
أنشئ قماشًا جديدًا بخلفية بيضاء [#ffffff] بأي حجم تريده ، ويفضل أن يكون مستطيلًا ؛ هم أكثر ملاءمة لرسم علامات التبويب. ثم التبديل إلى تبويب القنوات (في Windows -> القنوات) ، انقر فوق إنشاء قناة جديدة في أسفل اليمين.
الخطوة 2
على طبقة القناة المحددة ، ارسم شكلًا مشابهًا باستخدام أداة Polygonal Lasso. املأه باللون الأبيض [#ffffff]؛ قم بإلغاء تحديد منطقة Polygonal (حدد أي أداة Marquee واضغط على الشاشة واحدة) ؛ إعطاء الشكل التمويه الضبابي مع دائرة نصف قطرها 6.0px.
الخطوه 3
CTRL-L لاستدعاء Dialog Dialog ودفع السهم الأيمن والأيسر للقاء سهم الوسط ، مثل الصورة أعلاه. هذا سوف “ناعم” الشكل الضبابي لأعلى ويمنحك شكل زاوية مستديرًا لطيفًا.
الخطوة 4
في تبويب القنوات, امسك CTRL, انقر فوق صورة مصغرة للقناة الطبقة ألفا 1. سيتم الآن تحديد الشكل الجديد ، قم بالتبديل مرة أخرى إلى علامة تبويب الطبقات, إنشاء طبقة جديدة وملء المساحة المحددة باللون الأسود [# 000000].
الخطوة 5
قم بإزالة الزوايا الدائرية لليسار السفلي واليسار السفلي الأيمن ، وانقله نحو اليسار ثم ضعه كما هو موضح أعلاه. بعد ذلك سوف نركز على علامة تبويب اللون الأسود.
| معلق CTRL, انقر فوق علامة التبويب طبقة مصغرة لتسليط الضوء على صورة علامة التبويب بأكملها. | |
| مع استمرار تمييز صورة علامة التبويب ، حدد أداة مستطيلة سرادق, معلق ALT ورسم مستطيل من المنطقة التي نريد إزالتها. | |
| يجب أن تشاهد الجزء العلوي المحدد فقط. تحديد -> تعديل -> عقد, العقد من 2px ويجب أن تحصل على شيء مثل الصورة على اليسار. | |
| قم بإنشاء طبقة جديدة ، املأ المنطقة المميزة باللون الأبيض [#ffffff]. انقر بزر الماوس الأيمن ، اختر خيارات المزج ثم التدرج التراكب. استبدل اللون الأبيض [#ffffff] بتوقف اللون الرمادي [# 616161]. يجب أن تبدو علامة التبويب مثل الصورة الموجودة على اليسار. |
الخطوة 6
إنشاء طبقة جديدة ؛ تحديد أداة مستطيلة مدورة (نصف القطر 8px) ، ارسم مستطيلًا ثم ضع هذه الطبقة خلف طبقة علامة التبويب السوداء. انقر بزر الفأرة الأيمن واختر خيارات المزج وأدخل الإعدادات التالية.
شبح الهبوط
- التعتيم: 31 ٪
- المسافة: 0px
- انتشار: 0 ٪
- الحجم: 2px
شطبة وزخرف
- العمق: 100 ٪
- الحجم: 0px
- تليين: 0px
التدرج التراكب
- فيما يلي إعدادات توقف اللون.
- اللون: #aaaaaa، الموقع: 0٪
- اللون: # fffff ، الموقع 100٪
الخطوة 7
ضع بعض النصوص لمشاهدة الشكل العام لموقع الويب 2.0. أنا باستخدام الخط Lucida Fax ، حجم الخط 32pt و 25pt. ويتم علامة التبويب الخاصة بك! لا تتردد في اللعب مع مجموعة ألوان Tab.
تحميل البرنامج التعليمي
