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

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



ثانيا : بالضغط على الطبقة نريد إدراج نمط للطبقة 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%.





نضيف النص




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