كيفية عمل أزرار لموقع ويب في Photoshop

جدول المحتويات:

كيفية عمل أزرار لموقع ويب في Photoshop
كيفية عمل أزرار لموقع ويب في Photoshop

فيديو: كيفية عمل أزرار لموقع ويب في Photoshop

فيديو: كيفية عمل أزرار لموقع ويب في Photoshop
فيديو: PLASTIC EFFECT IN PHOTOSHOP 2024, يمكن
Anonim

يعد التنقل السهل هو المفتاح لجعل موقع الويب مريحًا للزيارة وجذابًا لكل من المالك والزوار عبر الإنترنت. يجب أن تكون عناصر القائمة والتنقل واضحة ولطيفة وموجزة ، ومن الجيد إنشاء أزرار جذابة لموقع الويب الخاص بك في محرر الرسومات Adobe Photoshop. هذا ليس من الصعب القيام به.

كيفية عمل أزرار لموقع ويب في Photoshop
كيفية عمل أزرار لموقع ويب في Photoshop

تعليمات

الخطوة 1

قم بإنشاء مستند جديد وحدد أداة Rounded Rectangle Tool من شريط الأدوات. ارسم مستطيلًا دائريًا ضيقًا ، ثم حدد أداة التحديد البيضاوي من Toolbox وارسم دائرة على الجانب الأيسر من المستطيل تتداخل مع حوافه وتتجاوزه.

الخطوة 2

انقر بزر الماوس الأيمن فوق طبقة المستطيل وحدد خيار Rasterize Layer ، ثم في منتصف التحديد ، انقر مرة أخرى وحدد خيار Layer via Cut من قائمة السياق لنسخ التحديد إلى طبقة جديدة.

الخطوه 3

افتح قائمة إعدادات الطبقة وفي علامة التبويب Drop Shadow ، اضبط وضع المزج على عادي ، والتعتيم على 23 ٪ ، والمسافة إلى 3 بكسل. في علامة التبويب Color Overlay ، اضبط اللون المطلوب باستخدام صيغة المزج Normal والشفافية بنسبة 100٪. يجب أن يكون لديك صورة ذات لونين.

الخطوة 4

حدد أداة Elliptical Marquee Tool من Toolbox مرة أخرى وارسم دائرة داخل تحديد اللون الأيسر. انقر فوق حذف. بعد ذلك ، انقل التحديد إلى طبقة جديدة واملأها بأي لون.

الخطوة الخامسة

افتح قائمة Layer Style مرة أخرى واضبط علامة التبويب Gradient Overlay بأي ألوان تناسب نظام ألوان موقعك. اضبط النمط الشعاعي على التدرج اللوني. بعد ذلك ، في علامة التبويب Stroke ، اضبط سمك الحد على 2 بكسل ، والموضع الخارجي للمسار ، والعتامة على 30٪. حدد تعبئة متدرجة للحد. انقر فوق موافق.

الخطوة 6

في صندوق الأدوات ، حدد فرشاة ذات لون أبيض ، واضبطها بحيث تصبح ناعمة ، وقطر الفرشاة 10 بكسل. في أعلى يمين الدائرة التي رسمتها ، ارسم نقطة لرسم تمييز.

الخطوة 7

ثم حدد الطبقة مع الجزء الرئيسي من الزر وفي قائمة Layer Style ، اضبط معلمة Inner Shadow مع Multiply Blending Mode و Opacity 33٪. اضبط تدرجًا خطيًا مع عتامة 25٪. الزر الخاص بك جاهز - كل ما تبقى هو إضافة نقش عليه.

موصى به: