كيفية عمل أزرار ثلاثية الأبعاد

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

كيفية عمل أزرار ثلاثية الأبعاد
كيفية عمل أزرار ثلاثية الأبعاد

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

فيديو: كيفية عمل أزرار ثلاثية الأبعاد
فيديو: ( HTML || CSS )How To Create 3D Push Button --- عمل زرار ثلاثى الابعاد 2024, يمكن
Anonim

غالبًا ما يتم استخدام عناصر التنقل ثلاثية الأبعاد في تصميم المواقع. يمكن عمل مثل هذه الأزرار في محرر الرسومات Photoshop ، لمحاكاة الحجم باستخدام الظلال والتعبئة المتدرجة.

كيفية عمل أزرار ثلاثية الأبعاد
كيفية عمل أزرار ثلاثية الأبعاد

ضروري

برنامج فوتوشوب

تعليمات

الخطوة 1

قم بإنشاء مستند جديد في محرر رسومي باستخدام الخيار "جديد" من قائمة "ملف". حدد حجم المستند الجديد ليلائم الزر ، واجعل الخلفية شفافة.

الخطوة 2

قم بتنشيط أداة Rounded Rectangle Tool. إذا كنت تريد زرًا مستديرًا قليلاً ، في شريط خيارات الأداة ، اضبط نصف القطر على ملليمتر واحد. ارسم مستطيلاً مستدير الزوايا باستخدام الأداة المحددة. سيكون الشكل الناتج أساس الزر.

الخطوه 3

انقر بزر الماوس الأيمن فوق الطبقة وحدد خيار Rasterize Layer. قم بتحميل التحديد باستخدام خيار تحميل التحديد من قائمة التحديد.

الخطوة 4

استخدم أداة التدرج Gradient Tool لملء الزر بتدرج لوني ثنائي اللون ، واختيار مزيج مناسب من الألوان من الإعدادات المسبقة في لوحة التدرج. يجب أن يكون نمط التدرج خطيًا ، حدده بالنقر فوق الزر Linear Gradient أسفل القائمة الرئيسية. يجب أن يكون الجزء العلوي من الزر بعد التعبئة أخف من الجزء السفلي.

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

قم بتطبيق نمط على الطبقة. للقيام بذلك ، استخدم خيار Blending Options من قائمة السياق. حدد علامة التبويب Drop Shadow وأدخل قيمة مائة وعشرين درجة لمعامل Angle. اضبط معلمة الحجم على ثلاث وحدات بكسل.

الخطوة 6

في علامة التبويب Inner Shadow ، اضبط نفس القيمة لمعامل Angle ، وللحجم ، اضبط القيمة على خمسة بكسل. قم بتطبيق النمط بالضغط على مفتاح Enter.

الخطوة 7

اصنع ظل للزر. للقيام بذلك ، انقر فوق الزر إنشاء طبقة جديدة واملأ المنطقة المحددة من الطبقة الجديدة باللون الأسود. حدد أداة دلو الطلاء لهذا الغرض. قم بإلغاء التحديد باستخدام Ctrl + D.

الخطوة 8

قم بتطبيق مرشح Gaussian Blur من مجموعة Blur في قائمة Filter على المستطيل الأسود. اضبط نصف القطر على أربعة بكسل. اسحب طبقة الظل أسفل طبقة الزر وارفع الظل من ثلاثة إلى أربعة بكسلات لأعلى. للقيام بذلك ، قم بتنشيط أداة التحريك Move Tool وقم بتحريك الظل باستخدام أزرار المؤشر. قلل عتامة هذه الطبقة إلى ستين بالمائة.

الخطوة 9

اصنع الطبقة النشطة بالزر وقم بتحميل تحديد منها. قم بتقليل التحديد بمقدار 2 بكسل باستخدام خيار Contract من مجموعة Modify من قائمة Selection.

الخطوة 10

قم بإنشاء طبقة جديدة واملأ التحديد الناتج بتدرج خطي من الأبيض إلى الشفاف بحيث يكون الجزء الأبيض في أسفل الزر. قم بإلغاء التحديد. باستخدام خيار Free Transform من قائمة Edit ، قم بتقليل المساحة التي يغطيها التدرج رأسيًا. قم بتطبيق التحول باستخدام مفتاح Enter.

الخطوة 11

قم بتغيير وضع Blend من طبقة التدرج إلى Overlay. يمكن القيام بذلك عن طريق تحديد وضع من القائمة المنسدلة على الجانب الأيسر من لوحة الأنماط. قم بتقليل عتامة الطبقة إلى ستين بالمائة.

الخطوة 12

باستخدام أداة الكتابة الأفقية ، اكتب النص الذي يجب أن يكون على الزر.

الخطوة 13

اجمع كل الطبقات في مجلد باستخدام خيار Group Layers من قائمة Layer ، وحددها أثناء الضغط باستمرار على مفتاح Ctrl. احفظ الزر في ملف psd باستخدام خيار حفظ من قائمة ملف.

موصى به: