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

الموضوع في 'التصاميم و الجرافيكس' بواسطة khaled mahmoud, بتاريخ ‏يونيو 15, 2005.



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

    بسم الله نبدئ الدرس
    1- افتح ملف عمل جديد بمقاس 200*200 او حسب متطلباتك
    2- انشئ لير جديد
    3- اختر اداة رسم الدائرة و ارسم دائرة مع الضغط على زر shift لرسم دائرة منتظمة الشكل
    4- قبل ملئ الدائرة باى لون اختر اداة رسم المربع و ارسم مستطيل
    على ان يكون متصل بالدائرة و يتم ذلك بالضغط shift اثناء رسم المستطيل و طبعا تكون تحديد الدائرة مازال موجود
    لتكون هكذا
    صورة 1
    [​IMG]
    5- الان املا التحديد باللون الاسود
    ثم طبق الامر التالى select>> modify>> contract
    و اعطها القيمة 2 بيكسل
    بعد ذلك اضغط زر delet من الكيبورد
    فيظهر الشكل كالتالى
    صورة 2
    [​IMG]
    6- الان انشئ لير جديدة ستكون هى لير رقم 2
    (و لاحظ ان التحديد مازال موجود) ثم املا اللير الجديد باللون الاسود
    ثم طبق الامر التالى select>>modify>>contract
    و اعطها قيمة 2 بيكسل ايضا
    7- الان انشئ لير جديدة ستكون رقم 3
    و املاه باللون الاسود
    8- الان اضغط ctrl+d لالغاء التحديد اخيرا و احذف اللير رقم 2
    فيكون الشكل هكذا
    صورة 3
    [​IMG]
    9- الان اذهب الى اللير رقم 1 و نشطها و من خلا ل ايكونة حرف f
    الموجودة اسفل اللليرات اختر الامر Gradient overlay
    و اختر منها transparent rainbow ) كما بالصورة
    صورة 4
    [​IMG]
    10- الان نشط اللير رقم 3 ( لاننا حذفنا لير 2 )
    و اختار نفس الخطوة السابقة لكن بتدرج اخر و ليكن
    blue . red. yellow كما بالصورة
    صورة 5
    [​IMG]
    فيكون العمل بهذا الشكل
    صورة 6
    [​IMG]
    11- انشئ لير جديدة و املاها باى لون تريدة ما عدا الابيض او الاسود
    انا اخترت مثلا الاخضر ثم غير البلند مود blend mode الى (color)
    كما بالصورة
    صورة 7
    [​IMG]
    يبقى الان اضافة نص او شكل على الزر هكذا
    اختر اداة الكتابة و اكتب ما تريد
    فيكون هذا العمل النهائى
    صورة 8
    [​IMG]
    صورة 9
    [​IMG]
    و اى استفسار انا بانتظار الردود على الدرس

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

    [​IMG]
    :heart: :heart: :heart: :heart: :heart: ​
     
  2. محب الله ورسوله

    محب الله ورسوله مشــرف عــام إداري

    إنضم إلينا في:
    ‏أكتوبر 20, 2004
    المشاركات:
    6,706
    الإعجابات المتلقاة:
    2,177
    نقاط الجوائز:
    128
    الجنس:
    ذكر
    درس مميز ويمكن عمل أشكال أخري للزر بنفس الطريقة
    وبانر اكثر من مميز
    وخذ هذا بانر الموقع أعطيني رأيك فيه

    [​IMG]
     
  3. mido_saml

    mido_saml New Member

    إنضم إلينا في:
    ‏ابريل 23, 2005
    المشاركات:
    115
    الإعجابات المتلقاة:
    2
    نقاط الجوائز:
    0
    الوظيفة:
    student
    مكان الإقامة:
    مـصـــegyptـــــــر
    درس روعة والله

    تسلم اخى خالد
     
  4. بخصوص البانر

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

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

    [​IMG]

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

    بالتوفيق ان شاء الله
    :angry: :angry: :angry: :angry: ​
     
  5. alimm

    alimm New Member

    إنضم إلينا في:
    ‏يونيو 2, 2005
    المشاركات:
    11
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0
    درس اكثر من رائع


    مشكور
     

مشاركة هذه الصفحة