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

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

طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع

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

  • طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع

    [frame="3 80"]
    بسم الله الرحمن الرحيم

    الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

    السلام عليكم ورحمة الله وبركاته

    سنبدأ من اليوم إن شاء الله فى تعلم بعض مهارات الفوتوشوب والتطبيقات المميزة

    وسوف نبدا بالدروس المهمة والتى بعد تطبيقها سوف نستطيع الإستفادة مما تعلمناه فى تطبيقات أخرى سوف أذكرها إن شاء الله فى وقتها ، بمعنى أننا سوف نربط الشروحات ببعض كى نستفيد من أى خطوة أو تأثير تعلمناه .

    درسنا اليوم هو طريقة تصميم ( أيقونة - زر للموقع أو وسام للأعضاء ) بنفس التطبيق

    مستوى الدرس : متقدم

    أمثلة للنتيجة النهائية
    [gdwl]


    [/gdwl]

    هل نبدا الشرح ؟؟؟ نبدا إن شاء الله

    1- أفتح عمل جديد وحدد المقاس العرض والإرتفاع 340x340 بيكسل
    2- إختر أداة التحديد الدائرى وإضغط من لوحة المفاتيح على زر Shift وارسم دائرة تقريبا 180x180 بيكسل ، ثم قم بملئ الدائرة باللون الأسود .



    3- مازلنا على طبقة الدائرة نقف عليها بالماوس ونضغط بيمين الماوس ونختار Blending Options Sittings
    ونطبق جميع القيم التى فى الصور أدناه

    Bevel and Emboss



    Bevel and Emboss > Contour



    Gradient Overlay



    وهذه هى أكواد ألوان التدريج



    ستكون النتيجة مثل هذا الشكل



    4 - نضغط من لوحة المفاتيح على CTRL + SHIFT + ALT لنضيف طبقة جديدة ، ونختار أداة التحديد الدائرى مثل الخطوة الأولى.
    5 - الآن نذهب إلى Select > Transform Selection ونضغط على CTRL + ALT وننظر إلى صندوق المعلومات.



    إذا لم تشاهد هذه النافذة فيمكنك إظهارها من قائمة Windows أو تضغط على F8 من لوحة المفاتيح لتظهر النافذة.

    6 - نمسك ركن الطبقة اليسار بالماوس ونحرك الماوس ونحن ننظر إلى نافذة المعلومات حتى نصل إلى مقاس 152x152 بيكسل .



    إذا لم تستطع التحكم فى التصغير فإستخدم الطريقة الثانية كما فى الصورة



    7 - نقوم بملئ هذه الطبقة أو الدائرة باللون 0060c3 # كما بالشكل التالي



    8 - مازلنا على طبقة الدائرة الثانية نقف عليها بالماوس ونضغط بيمين الماوس ونختار Blending Options Sittings
    ونطبق جميع القيم التى فى الصور أدناه

    Inner Shadow



    Bevel and Emboss



    Gradient Overlay



    وهذه هى أكواد الوان هذا التدريج



    سوف نحصل على هذه النتيجة



    9 - أرسم دائرة بنفس الطريقة التى كررناها من قبل ولكن بمقاس 113x113 بيكسل على أن يكون مكانها مثل هذه الصورة .



    10- إجعل اللون الأعلى 007acf# .
    ثم إختار أداة التعبئة بالتدريج Gradient Tool ثم حرك الماوس من أعلى الدائرة إلى المنتصف تقريبا
    غير الـ Blending Mode إلى Screen .



    11- الآن سوف نقوم بصناعة الظل حول التصميم
    - أختار أداة التحديد الشكل البيضاوي كى نقوم برسم شكل بيضاوي مثل هذا ( لاتنسى وضعه تحت الطبقة رقم 1 )



    12- نذهب إلى قائمة الفلاتر ونختار------------------- Filter > Blur > Gaussian Blur - Radius: 14.0



    نضيف بعض اللمسات السحرية وسوف نحصل على الشكل النهائي



    أتمنى أن يعجبكم التأثير ويكون الدرس سهل التطبيق

    ولاتنسونا من صالح دعائكم

    فى إنتظار التطبيقات واللمسات السحرية

    الدرس القادم ان شاء الله تعالى




    مـ(أجمل تحية لكم جميعا)ـع
    أبو هــــMـــام

    .
    [/frame]

  • #2
    رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

    ماشاء الله عليك أستاذنا , درس ولا أروع ...
    تسلم إيدك على الدرس المميز .. وبإنتظار باقى الدروس
    وجارى تطبيق الدرس
    تقبل تحياتى
    المجد جروب

    تعليق


    • #3
      رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

      المشاركة الأصلية بواسطة المجد جروب مشاهدة المشاركة
      ماشاء الله عليك أستاذنا , درس ولا أروع ...
      تسلم إيدك على الدرس المميز .. وبإنتظار باقى الدروس
      وجارى تطبيق الدرس
      تقبل تحياتى
      المجد جروب
      حياك الله أخى ماهر

      فى انتظار التطبيق واللمسات الفنية

      موفق بإذن الله ... لك مني أجمل تحية .

      تعليق


      • #4
        رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-


        أشكرك أخي الكريم أبو همام
        على المجهود الحلو في إعداد الدرس


        مع الأسف حاولت حفظ هذه الصفحة من أجل الرجوع إليها فيما بعد .... فلم أستطيع !!!!
        وكذلك الكثير من صفحات المنتدى ...
        فهل من حل ؟؟

        تعليق


        • #5
          رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

          المشاركة الأصلية بواسطة الدمشقي مشاهدة المشاركة

          أشكرك أخي الكريم أبو همام
          على المجهود الحلو في إعداد الدرس


          مع الأسف حاولت حفظ هذه الصفحة من أجل الرجوع إليها فيما بعد .... فلم أستطيع !!!!
          وكذلك الكثير من صفحات المنتدى ...
          فهل من حل ؟؟
          حياك الله اخى أبا شام

          صراحة لم أواجه هذه المشكلة وقد أوقفت هاك تحويل المنتدى إلى html ربما كان هو السبب

          ولكن بالنسبة لحفظ الصفحة هناك حل اسهل عن طريق المتصفح Avant الذى تستخدمه وهو حفظ الصفحة كصورة




          وهذا مثال للتحميل


          وفى إنتظار التطبيق ياطيب

          تعليق


          • #6
            رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-


            يسلموا إيديك ياغالي
            الصراحة بعدما كتبت الرد قمت بحفظ الصفحة بطريقة ( لولبية ) والحمد لله نجحت فيها ...

            بالنسبة للخيار الذي أشرت عليه : غير موجود عندي ( يبدو أنني تأخرت كثيراً في تحديث نسختي الخاصة من برنامج الـ Avant

            إن شاء الله تعالى سوف أحدثها الآن ....

            تحيتي لك

            تعليق


            • #7
              رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

              جزاك الله خيرماقصرت

              تعليق


              • #8
                رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-


                تطبيق بسيط أتمنى أن أكون قد وفقت به













                وهذا تطبيق مصغر :



                تعليق


                • #9
                  رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

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

                  تطبيق رائع أخى الحبيب ابا شام

                  تسلم الأيادى

                  فقط بالنسبة لحفظ الصورة بصيغة Gif الشفاف يظهر تأثير البلور والظل بوضوح وكأنه لون

                  فيمكن الإستغناء هذا هذا التأثير أو تقليله جدا

                  لك منى أجمل تحية

                  تعليق


                  • #10
                    رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-


                    ملاحظة مهمة جزاك الله خيراً أخي أبو همام




                    تعليق


                    • #11
                      رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

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

                      ماشاء الله تطبيق رائع أخى الدمشقي

                      الآن سوف لاأجرب بعدك خلاص كده تمام

                      تعليق


                      • #12
                        رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

                        بوركت يا غالى

                        تعليق


                        • #13
                          رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

                          جزاك الله خيرا
                          تطبيقى

                          تعليق


                          • #14
                            رد: -/ طريقة تصميم أيقونة أو زر للموقع أو وسام مع هذا التأثر الرائع \-

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

                            تعليق


                            • #15
                              جزاااك الله الخير كله .. وبارك الله في عمرك وجزاك وكل خير

                              تعليق

                              مواضيع تهمك

                              تقليص

                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 06-08-2025 الساعة 11:33 PM
                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 06-04-2025 الساعة 05:29 PM
                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 05-31-2025 الساعة 10:07 PM
                              المنتدى: القسم العام نشرت بواسطة: ماريا عبد الله الوقت: 05-30-2025 الساعة 11:48 PM
                              المنتدى: التصنيع والانتاج نشرت بواسطة: HaMooooDi الوقت: 05-30-2025 الساعة 09:36 AM
                              يعمل...
                              X