فوتوشوب خلق الويب 2.0 زر
الأزرار التعليمية في Photoshop هي على الأرجح واحدة من أكثر الفئات سخونة في أي موقع من برامج Photoshop التعليمية ، وبما أن Web 2.0 هي الموضوعات الساخنة الآن ، فلنبدأ في إجراء زر بسيط مناسب لأي تطبيق من مواقع الويب 2.0. البرنامج التعليمي بعد القفز.
قم بإنشاء لوحة قماش فارغة على بعد حوالي 500 بكسل (العرض) × 400 بكسل (الارتفاع) لبدء تصميم الزر. إنشاء مكالمة طبقة جديدة "bg01". اختر أداة مستطيلة مدورة, اضغط SHIFT وارسم مربعًا جانبيًا مستديرًا في الوسط. أي لون على ما يرام في المرحلة الحالية.
استدعاء حتى خيارات المزج من 'bg01وضبط الأنماط التالية:
شبح الهبوط
- التعتيم: 40 ٪
- المسافة: 0px
- انتشار: 0 ٪
- الحجم: 6px
التدرج التراكب
- توقف اللون: 0 ٪ ، # d00031
- توقف اللون: 100 ٪ ، # ff2b5d
اضغط CTRL ، انقر بزر الماوس الأيسر على "bg01"طبقة مصغرة لتحديد شكلها. اذهب تحديد -> تعديل -> عقد وأدخل القيمة "2px". سيؤدي هذا إلى تقليص المساحة المحددة بمقدار 2 بكسل.
إنشاء مكالمة طبقة جديدة "bg02وملأ المنطقة المميزة (بعد الانكماش) بأي لون. أنا استخدم # 000000 الأسود هنا. انقر نقرًا مزدوجًا فوق "bg02" لبدء تشغيل خيار المزج وقرص النمط التالي.
التدرج التراكب
- توقف اللون: 0 ٪ ، # c6002f
- توقف اللون: 100 ٪ ، # c6002f
قم بإنشاء طبقة جديدة للنص ، أطلق عليها "رسالة قصيرة". أدخل نص الزر الخاص بك. سوف تستخدم الأبجدية لتمثيل. أنماط الخطوط التي أستخدمها هنا هي كما يلي:
- تقريب أريال بولد
- 150pt
نفسه ، بعد تحديد النص الخاص بك ، انقر نقرًا مزدوجًا فوق "النص" لبدء تشغيل خيارات المزج وقرص الأساليب التالية.
شبح الهبوط
- التعتيم: 25 ٪
- المسافة: 0px
- انتشار: 0px
- الحجم: 5px
الظل الداخلي
- التعتيم: 10 ٪
- المسافة: 0px
- خنق: 0
- الحجم: 10px
شطبة النقش
- العمق: 1 بكسل
- الاتجاه: أسفل
- الحجم: 0px
- تليين: 0px
- تسليط الضوء على التعتيم الوضع: 32 ٪
- عتامة وضع الظل: 32٪
التدرج التراكب
- توقف اللون: 0٪ # d2d2d2
- توقف اللون: 100 ٪ # f0efef
زر على وشك الانتهاء. دعونا نعطيها توهج قليلا على الجزء العلوي. معلق CTRL, الزر الأيسر 'bg02طبقة مصغرة لتمييز الشكل الخارجي ؛ أختر الكسوف أداة سرادق. امسك ALT, مع تحديد أداة Eclipse Marquee Tool ، يكون السحب متجهًا إلى النصف السفلي من المساحة المحددة. الرجوع إلى الصورة أعلاه.
مع تمييز الجزء العلوي مع استمرار تحديد أداة Eclipse Marquee Tool ، انقر بزر الماوس الأيمن واختر ريشة. أدخل 15px لنصف القطر.
قم بإنشاء طبقة جديدة ، أطلق عليها "توهج'واملأ الجزء المميز باللون الأبيض [#ffffff]. هذا يجب أن يضيف تأثير التوهج إلى الجزء العلوي من الزر الخاص بك. يجب أن يبدو المنتج النهائي مثل الصورة أدناه.
شيء إضافي ...
قرص خيارات المزج من 'bg01وbg02سوف تعطيك أزرار أكثر إثارة للاهتمام. إليك برنامج تعليمي آخر لبرنامج Photoshop على زر قمت به سابقًا - إنشاء زر لامع لـ Web 2.0
تحميل عينة
