درس زر جميل (فوتوشوب)

  • بادئ الموضوع khaled mahmoud
  • تاريخ البدء
K

khaled mahmoud

Guest
السلام عليكم احباء و اعضاء
شبكة كتاب العرب
:heart: :heart: :heart: :heart: :heart:
و متابعى دروس الفوتوشوب
كيف حالكم
معى الان درس جميل
و هو كيف تصنع زر جميل ينفع اخواننا مصممى جرافيك المواقع

بسم الله نبدئ الدرس
1- افتح ملف عمل جديد بمقاس 200*200 او حسب متطلباتك
2- انشئ لير جديد
3- اختر اداة رسم الدائرة و ارسم دائرة مع الضغط على زر shift لرسم دائرة منتظمة الشكل
4- قبل ملئ الدائرة باى لون اختر اداة رسم المربع و ارسم مستطيل
على ان يكون متصل بالدائرة و يتم ذلك بالضغط shift اثناء رسم المستطيل و طبعا تكون تحديد الدائرة مازال موجود
لتكون هكذا
صورة 1
pic1.gif

5- الان املا التحديد باللون الاسود
ثم طبق الامر التالى select>> modify>> contract
و اعطها القيمة 2 بيكسل
بعد ذلك اضغط زر delet من الكيبورد
فيظهر الشكل كالتالى
صورة 2
pic2.gif

6- الان انشئ لير جديدة ستكون هى لير رقم 2
(و لاحظ ان التحديد مازال موجود) ثم املا اللير الجديد باللون الاسود
ثم طبق الامر التالى select>>modify>>contract
و اعطها قيمة 2 بيكسل ايضا
7- الان انشئ لير جديدة ستكون رقم 3
و املاه باللون الاسود
8- الان اضغط ctrl+d لالغاء التحديد اخيرا و احذف اللير رقم 2
فيكون الشكل هكذا
صورة 3
pic3.gif

9- الان اذهب الى اللير رقم 1 و نشطها و من خلا ل ايكونة حرف f
الموجودة اسفل اللليرات اختر الامر Gradient overlay
و اختر منها transparent rainbow ) كما بالصورة
صورة 4
pic4.gif

10- الان نشط اللير رقم 3 ( لاننا حذفنا لير 2 )
و اختار نفس الخطوة السابقة لكن بتدرج اخر و ليكن
blue . red. yellow كما بالصورة
صورة 5
pic5.gif

فيكون العمل بهذا الشكل
صورة 6
pic6.gif

11- انشئ لير جديدة و املاها باى لون تريدة ما عدا الابيض او الاسود
انا اخترت مثلا الاخضر ثم غير البلند مود blend mode الى (color)
كما بالصورة
صورة 7
pic7.gif

يبقى الان اضافة نص او شكل على الزر هكذا
اختر اداة الكتابة و اكتب ما تريد
فيكون هذا العمل النهائى
صورة 8
pic-8.gif

صورة 9
pic-9.gif

و اى استفسار انا بانتظار الردود على الدرس

تابعونا لدينا المزيد
اخوكم خالد
شبكة كتاب العرب

banner.gif

:heart: :heart: :heart: :heart: :heart:​
 
درس مميز ويمكن عمل أشكال أخري للزر بنفس الطريقة
وبانر اكثر من مميز
وخذ هذا بانر الموقع أعطيني رأيك فيه

arabsbook.gif
 
بخصوص البانر

اخى محب السلام عليكم

طبعا البانر اكثر من رائع و فعلا الموقع يحتاج لبانر متحرك مثل هذا
لكى يعطى واجهة افضل
و لكن اقترح ان يحتوى البانر على لوجو الموقع هذا

logo_12.gif


على ان يكون بنفس هذا البانر

بالتوفيق ان شاء الله
:angry: :angry: :angry: :angry:​
 
عودة
أعلى