في هذا الدرس سنتعلم كيفية عمل أزرار أفقية تعمل كقائمة رئيسية مثلا في موقعك .. لن تحتاج الى فلاتر أو أي عملية تجميل في هذا الدرس سوى التعامل مع التدرجات بشكل إحترافي .
إفتح الفايروركس وإبدأ عمل بمقاس 400 × 200 بيكسل بخلفية بيضاء أو أي لون تريد .
إستخدم أداة المربع
وقم بعمل مستطيل بالمقاسات المجودة في الصورة التوضيحية التالية :
قم بعمل تدرج لوني وتحديد كما هو موضح في الصورة التالية :
-
#B7514C
-
#8D2929
-
#A73F48
لنحصل على هذا الشكل :
الآن حدد أداة الخطوط
وإعمل خط عامودي أصغر حجم العمل بقليل وبلون #8E2A2A لاحظ المقاسات في الصورة التالية :
الآن إختر Edit ثم Clone للحصول على نسخة أخرى من الخط الفاصل ثم إضغط على السهم المتجه الي اليمين مره واحده وذلك لإزاحة الخط الفاصل واحد بيكسل عن الخط السابق ثم قم بتغير لونه الى هذا اللون #BC605A .
العملية السابقة نقوم بإجارئها دائما في تصميم المواقع فهي تعطي تأثير رائع للثريدي وتظهر الأعمال بشكل إحترافي فيجب إتقانها والتعلم على تدرجاتها
وبذلك سنحصل على هذا الشكل التالي :
قم الآن بإضافة النص على هذا الزر الرائع والبسيط في نفس الوقت وتلاعب بلون النص وظله لتحصل على شكل مثالي ولائق .. لاحظ ناتج الدرس بعد إضافة النص :
المصدر: http://www.dndon.net/e107_plugins/content/content.php?content.69
