وصف الموضوع

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب على غرار ما يعرف بنمط ويب 2 .

الأوسمة :
Photoshop| فوتوشوب| نمط| ويب2| web2| أزرة| الدكتور نت| تدرجات| زر
في التصنيفات :Photoshop

إذا أردت أن تضع وصلة للموضوع في موقعك أو في منتدى يمكنك استخدام الوصلة التالية .

الشفرة :
<a href="http://qatardr.net/class/962" rel="bookmark" > إنشاء زر متدرج على طريقة ويب 2</a>

اضغطCtrl-C أو Apple-C  للنسخ

الوصلة ستظهر كالتالي :
إنشاء زر متدرج على طريقة ويب 2

هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]

أولا : أنشأ مستند جديد بالحجم الذي تفضل . أنشأ طبقة جديدة و بأداة رسم الاشكال الهندسية ارسم مستطيع بأي لون تختاره.

ثانيا : بالضغط على الطبقة نريد إدراج نمط للطبقة Style إما بالضغط على الطبقة مرتين متتالتين و اختيار gradient overlay أو من القوائم اختر Layer > layer style > gradient overlay

و أنشا التدرج اللوني التالي بالألوان الموضحة بالصورة .

ثالثا : نريد الآن إضافة إطار للزر Stroke من نفس المكان السابق Layer style لكن هذه المرة نختار Stroke .و نضع الإعدادت التالية :

رابعا : أنشا طبقة جديدة (Shift+Ctrl+N) و حدد المنطقة العلوية من الزر مع ترك مساقة 1 بكسل لو لم تتمكن من ترك المسافة حدد حول الجزء العلوي من الزر و اختر Select > modify > contract و ضع القيمة 1 لتصغير التحديد بمقدار واحد بكسل .و لون داخل التحديد بأي لون .

خامسا : من نافذة الطبقات على اليمين قلل القيمة Fill إلى صفر كما في الصورة

و ضع Layer style نمط للطبقة .. نريد هنا وضع تحديد Stroke للطبقة. بحيث يكون التحديد عبارة عن تدرج لوني من الأبيض إلى الشفافية .

سادسا : نريد تحديد المنطقة السفلية من الزر بمقدار واحد بكسل كما في الصورة

سابعا : نختار أداة التدرج اللوني بالإعدادات التالية بحيث يكون التدرج اللوني من الأبيض إلى الشفافية و تكون طريقة التعبئة دائرية.

ثامنا : نعبأ المنطقة التي حددناها من الوسط إلى اليمين أو اليسار . ثم نكرر على طبقة جديدة و باستخدام التدرج اللون من اللون #0eb2f0 إلى الشفافية . لنحصل على الشكل التالي

تاسعا : نريد إنشاء ظل للزر نرسم مستطيل اسفل الشكل و نستخدم التدرج اللوني من إحدى درجات الأزرق إلى الشفافية

و من ثم نخفف شفافية الطبقة إلى 30%.

نضيف النص

كما يمكننا إنشاء شريط أدوات بنفس الطريقة

• اضيف  في 12 يونيو 2008
• التعليقات : [ لا يوجد تعليقات ]
• الزوار : [ 887 قارئ ]
• هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]