إعـــــــلان

تقليص
لا يوجد إعلان حتى الآن.

درس عمل زر ويب جميل وبسيط 1

تقليص
هذا الموضوع مغلق.
X
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • درس عمل زر ويب جميل وبسيط 1

    [frame="14 90"]
    بسم الله الرحمن الرحيم
    السلام عليكم ورحمة الله وبركاته

    في هذا الدرس السريع سنتعلم كيفية تصميم زر ملون وجميل. وخطوات الدرس سهلة جدا ولن تواجهوا أي صعوبة بإذن الله.

    أولاً: نفتح مساحة عمل جديدة وأبعادها 180 × 80 بكسل ونملؤها بإحدى درجات اللون الأسود ذات الكود 212121
    ثانياً: نضيف طبقة جديدة ونرسم مستطيلاً باستخدام أداة "Rectangular Marque Tool" وبعد رسم المستطيل نذهب للقائمة:
    Select > Modify > Smooth ونضبط القيمة على 3 px بكسل وذلك لنطي زوايا المستقيم حوافا دائرية فتصبح الصورة بهذا الشكل



    ثالثاً: باستخدام أداة "Paint Bucket Tool" نملأ المستطيل باللون الأحمر القاني ورمزه b00000 فتصبح الصورة هكذا:



    رابعاً: من قائمة Layer > Layer Style > Blending Options نضبط القيم حسب الصور:

    Inner Shadow


    Outer Glow


    Gradient Overlay




    Stroke



    وهذه النتيجة النهائية:



    ويمكن تغيير اللون من قائمة Blending Options ثم تغيير اللون في Color Overlay بأي لون تريد. وفي الصورة أدناه نلاحظ ثلاثة ألوان تم تغييرها من Color Overlay مع الحفاظ على بقية القيم الأخرى.



    انتهى الشرح أسأل الله أن ينفع به.

    تحياتي: ذوالجنـــــــاح
    [/frame]


  • #2
    رد: درس عمل زر ويب جميل وبسيط 1

    جزاك الله خيرا اخي ذو الجناح وبارك الله فيك إن شاء الله سأعود بالتطبيق

    تعليق


    • #3
      رد: درس عمل زر ويب جميل وبسيط 1

      "]

      تعليق


      • #4
        رد: درس عمل زر ويب جميل وبسيط 1

        جزاك الله خيرا أخى الحبيب
        شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
        جارى التطبيق ان شاء الله

        تعليق


        • #5
          رد: درس عمل زر ويب جميل وبسيط 1

          شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

          تعليق


          • #6
            رد: درس عمل زر ويب جميل وبسيط 1

            شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

            تعليق

            مواضيع تهمك

            تقليص

            المنتدى: المكتبة الالكترونية نشرت بواسطة: HaMooooDi الوقت: 07-30-2025 الساعة 04:01 PM
            المنتدى: التصنيع والانتاج نشرت بواسطة: HaMooooDi الوقت: 07-30-2025 الساعة 03:44 PM
            المنتدى: التعريف بالهندسة الصناعية نشرت بواسطة: HaMooooDi الوقت: 07-30-2025 الساعة 03:38 PM
            المنتدى: الجوال والإتصالات نشرت بواسطة: ماريا عبد الله الوقت: 07-10-2025 الساعة 01:22 AM
            المنتدى: الجوال والإتصالات نشرت بواسطة: ماريا عبد الله الوقت: 07-04-2025 الساعة 12:04 AM
            يعمل...
            X