الاثنين، 28 مايو، 2007

درس تصميم زر

بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
اليوم سأشرح طريقة بسيطة لتصميم زر يشبه أزرار الماك
قمت بتصوير الفيديو عن طريق برنامج snag it
لكني واجهت مشاكل في الرفع لهذا عدت إلى الطريقة التقليدية
:)

الخطوة الأولى
أنشأ ملف جديد بالقياسات التي تراها مناسبة
و أنشأ فيه طبقة جديدة

الخطوة الثانية
إستخدم أداة التحديد لرسم مربع في منتصف الملف كما في الصورة

الخطوة الثالثة
من قائمة
select > rounded rectangle
لتدوير زوايا المربع و من النافذة التي تظهر إختر 95

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


الخطوة الخامسة
أنشأ طبقة جديدة و قم بتوسعة التحديد
select > grow
و إجعل القيمة 2 بيكسل
و قم بتعبئة التحديد باللون الأسود كما يلي:
1- حدد اللون الأسود للمقدمة
2- edit > fill with fg color

ثم إسحب الطبقة الجديدة أسفل طبقة التدريج و حدد طبقة التدريج و إدمجها مع الطبقة الجديدة
layer > merege down

الخطوة السادسة
أنشأ طبقة جديدة تعلو كل الطبقات و قم برسم تحديد يشبه الذي في الصورةو قم بتدوير زوايا التحديد كما في الخطوة الثالثة و بإستعمال نفس القيم أيضا
و إختر اللون الأبيض للمقدمة و حدد أداة التدريج و إختر التدريج من نوع
fg to transparent
ثم قم برسمه من الأعلى إلى الأسفل
ثم قم بإضافة النصوص و المؤثرات التي تريدها
و هذه النتيجة التي حصلت عليها و يمكنك إستعمال أي ألوان مختلفة

ليست هناك تعليقات: