النتائج 1 إلى 6 من 6

الموضوع: سلسلة الدروس تصميم الأزرار "1" :طريقة عمل زر الكروم مع بعض اللمسات من .::b happy::.

  1. سلسلة الدروس تصميم الأزرار "1" :طريقة عمل زر الكروم مع بعض اللمسات من .::b happy::.



    السلام عليكم

    هذا الدرس لعمل أو تصميم زر الكروم

    مثال على الدرس :
    مستوى الدرس : متوسط و طويل شوية

    بسم الله الرحمن الرحيم

    نبدأ الدرس

    1- قم بفتح عمل جديد بخلفية بلون ابيض بالمقاسات العرض 175 × الطول 70

    2- اجعل هذا اللون (#D4D4D4) هو اللون الأفتراضي و اذهب الى Edit>Fill>Foreground Color

    3- قم بعمل طبقة جديده عن طريق Layer>New>Layer

    4- قم بإختيار اداة التحديد و خليها بالخيارات التالية (علما انك تستطيع وضع المقاس المناسب)



    مثال التصميم حتى هذه الخطوة



    -طبعا قم بملأ التحديد بإي لون ليس بالضروره لون محدد عن طريق استخداد اداة

    - أذهب الى Layer > Layer Style > Blending Options

    الحين راح نحط صح على الخيارات التاليه
    drop shadow و gradient overlay و stroke

    نبدأ بتطبيق الخيارات التالية
    drop shadow



    gradient overlay



    و اخيرا
    stroke



    و هذا مثال للدرس حتى هذه الخطوة



    اختر اداه التحديد الدائرية تجدها لو ضغطت بيمين الماوس على الأداة المذكورة بالأعلة و هي المربعه

    و اختر الخيارات التالية من الأعلى



    قم بسحب دائرة على آخر التصميم كما في المثال (ملاحظه اضغط shift اثناء السحب لتكون دائيرية 100%)

    هذا هو شكل العمل



    و افعل نفس الشيء و لكن من الطرف الآخر للتصميم
    مثال



    الآن قم بإختيار أداة التحديد المربعة و اوصل الديائرتين ببعض
    مثال



    الحين أضغط Ctrl+Shift+I راح تلاحظ انه التحديد انعكس اضغط حذف Delete و سيبقى التصميم أو الزر بالأصح

    المثال



    طبعا الكثير راح يسألني عن النقطة الحمراء و لكن راح اشرحها دون حاجه للسؤال

    قم بعمل طبقه جديد و لن اشرح طريقة عمل الطبقه الجديده لأني وضحتها بالأعلى و حابب انك تتعلموا

    اختر اداة التحديد الدائرية و الي أيضا موضحه في الأعلى و قم بتحديد دائرة صغيرة مع الضغط على shift لكي تكون دائرية 100%

    املأها باللون الي تحب انا اخترت احمر طبعا اداة التعبئيه موضحه بالأعلى هذي هيه

    الحين روح ل Layer > Layer Style > Blending Options و طبق هذه الخيارات



    و drop shadow خليه بالخيارات الأفتراضية

    و طبعا سبق و شفتو المثال و لكن هذا مثال ثاني



    لأي استفسار أو سؤال انا جاهز

    تحياتي





    __________________
    سبحان الله و بحمده .... سبحان الله العظيم

    للمراسلة
    b happy غير متواجد حالياً


  2. #2
    ينتظر رسالة التوكيد
    تاريخ التسجيل
    May 2004
    المشاركات
    561


    رائع الدرس ..
    وبخصوص النقطة الحمرا .. بأمكانك صنع زر اخر وعمل اضافات عليه بحيث
    جعل النقطة الحمراء تضيئ عند مرور الماوس عليها ...
    والافكار كثير ..


    تحياتي .. ديزاين





    Dezo غير متواجد حالياً

  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2004
    المشاركات
    580


    تسلم والله بي هابي

    ولاتحرمنا من دروسك اللي وربي استفدت منها كثير





    __________________
    سبحان الله وبحمده ,, سبحان الله العظيم

    منتديات- العاب- توبيكات - موقع-
    يوتيوب - قصص - العاب بنات
    الغالـــي غير متواجد حالياً



  4. فكرة حلوة اخوي Dezo و شكرا لردك

    lowly ان شاء الله مستمر بالدروس و الله انك فرحتني بكلامك و تسلم على ردك

    بالتوفيق





    __________________
    سبحان الله و بحمده .... سبحان الله العظيم

    للمراسلة
    b happy غير متواجد حالياً

  5. #5
    مُجَاهِد سابقاً
    تاريخ التسجيل
    Apr 2004
    المشاركات
    12,000


    رووووووعة..

    تحياتي,,





    __________________
    استخدم خاصية تنبيه المشرفين للضرورة وعند ملاحظة موضوع يخالف قوانين منتديات سوالف وسيتم مراجعة الموضوع او المشاركة المبلغ عنها على الفور
    عبد الله هُربي غير متواجد حالياً



  6. تسلم أخوي Arabs





    __________________
    سبحان الله و بحمده .... سبحان الله العظيم

    للمراسلة
    b happy غير متواجد حالياً





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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