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

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

تصميم شريط زاوية - وشاح إحترافي مطوي من الطرفين الدرس الرابع abc4web Ribbon 04

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

  • تصميم شريط زاوية - وشاح إحترافي مطوي من الطرفين الدرس الرابع abc4web Ribbon 04

    [frame="10 85"]
    بسم الله الرحمن الرحيم

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

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

    :PS:

    تصميم شريط زاوية - وشاح إحترافي الدرس الرابعabc4web Ribbon 04

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

    تصميم شريط زاوية - وشاح إحترافي الدرس الثاني abc4web Ribbon 01

    تصميم شريط زاوية - وشاح إحترافي الدرس الثاني abc4web Ribbon 02

    تصميم شريط زاوية - وشاح إحترافي الدرس الثالث abc4web Ribbon 03

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



    :photoshop:

    التصميم الرابع وهو التصميم الرائع فى هذه السلسة ان شاء الله لكثرة إستخدامه كوشاح أو إضافة فى تصاميم الجوائز والشعارات

    الوشاح المطوي من الطرفين هو وشاح بتصميم ثلاثي الأبعاد إحترافي يظهر وكأنه شريط لاصق حول الشكل .

    هذا هو الشكل العام للوشاح الذى سوف نشرحه



    وعليكم الإبداع فى التنفيذ والتطبيق للشرح للحصول على أشكال وألوان مختلفة كما وضعت لكم فى الملف المرفق وقد قمت بتغير بعض الإتجاهات للطية الخاصة بالوشاح

    أسأل الله لكم جميعا التوفيق


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

    1- نبدأ عمل جديد بالمساحة المطلوبة ولتكن 600*400 بيكسل ونضيف خلفية ذات تدريج خاص باللون الرصاصي.



    2- نقوم بتغير اللون العلوي وليكن مثلا 656565 ثم من أداة رسم الأشكال Rectangle Tool وبهذه الإعدادات




    نقوم برسم مستطيل صغير فى الجهة اليسرى هكذا ونسميه ( نهاية الوشاح )




    3- سوف نقوم الآن بقطع جزء من هذا الشكل لنحصل على الشكل الذى حددناه للتصميم وللحصول على ذلك نضيف طبقة جديدة ونسميها ( منطقة القطع ) ونرسم شكل جديد وليكن " شكل معين " من خلال إستخدام أداة رسم الأشكال Custom Shape Tool ونختار من الأشكال شكل المعين أو مربع ونقوم بتدويره طبعا .
    ونضيفه أسفل الشكل السابق ونقوم بتحديده من خلال الضغط على Ctrl من لوحة المفاتيح
    ثم نقف على طبقة الشكل الأول ( نهاية الوشاح ) ونضغط على Del من لوحة المفاتيح ثم نقوم بإخفاء طبقة ( منطقة القطع ) لأننا سوف لانحتاج إليها ثانية.



    -----------------------------

    4- الآن سنقوم بتصميم طية الوشاح

    نقوم مجددا برسم مستطيل صغير بإستخدام أداة Rectangle Tool وبنفس الإرتفاع للشكل الأول ( نهاية الوشاح ) ولكن العرض صغير كما فى الصورة
    ومن شريط الأدوات نذهب إلى Edit > Transform > Perspective للتحكم المخصص فى الشكل كما تعلمنا فى الدروس السابقة
    ثم نقوم بتصغير الشكل الداخلي للمستطيل الصغير وذلك من خلال الإمساك بالماوس بأحد أطرافه ثم التحريك للداخل .




    5- بعد الإنتهاء من طبقة ( نهاية الوشاح ) نضيف لها تأثير كتدريج اللون Gradient Overlay بهذه الإعدادات كما فى الصورة التالية




    6- بعد أن إنتهينا من رسم الطية سنقوم أيضا بتغير اللون الخاص بها وذلك بإضافة تدريج خاص لها من خلال Gradient Overlay بهذه الإعدادات كما فى الصورة التالية




    7- سوف نحصل على هذا الشكل



    من صندوق الطبقات قم بتجميع الطبقتين فى مجلد كى ننسخهما للجهة اليمنى


    8- الآن بعد أن إنتهينا من تجميع الطبقتين لنهاية الجهة اليسرى نقوم بإضافة نهاية الجهة اليمنى للوشاح
    وذلك بمطابقة الطبقات الخاصة بنهاية الوشاح وذلك من خلال الوقوف على مجلد الطبقتين وبيمين الماوس نختار Duplicate Layer وكما يعرف محبي هذا البرنامج يمكن سحب المجلد إلى أيقونة الطبقات بالأسفل للحصول على نسخة مطابقة من الطبقتين .

    نضغط على Ctrl + T للتحديد الحر ثم نقف على الشكل فى مساحة العمل وبيمين الماوس نختار إنعكاس الإتجاه Flip Horizontal

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

    ------------------------------

    9- الآن سنقوم بتصميم الجسم العلوى للوشاح

    نضيف طبقة جديدة ونسميها ( واجهة الوشاح ) ثم بإستخدام أداة رسم الأشكال Rectangle Tool نقوم برسم مستطيل كبير بنفس إرتفاع نهاية الوشاح لكن يبدا من نهاية طبقة طي الوشاح التى قمنا بتصغيرها عندما رسمنا ( طية الوشاح ) بطول الوشاح الذى تريده






    9- بعد الإنتهاء من طبقة ( واجهة الوشاح ) نضيف لها تأثير كتدريج اللون Gradient Overlay بهذه الإعدادات كما فى الصورة التالية



    وسوف نحصل على هذا التأثير



    10- أخيرا نحرك طبقات الجهة اليمنى للوشاح إلى بداية مستطيل واجهة الوشاح لنحصل على الشكل النهائي



    مراجعة للخطوات فى صورة متحركة



    وبذلك نكون قد إنتهينا من الشرح بحمد الله

    :fasel8:

    لتحميل ملف العرض كامل الطبقات ومفتوح

    :PSD:

    :morfqat:

    أتمنى لكم جميعا الفائدة

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


    :fasel6:
    أبوهمام
    .
    [/frame]
    الملفات المرفقة

  • #2
    [frame="11 85"]السلام عليكم ورحمة الله وبركاته
    شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . [/frame]

    تعليق


    • #3
      بارك الله بجهودك اخي ابو همام

      :teslam:

      تعليق


      • #4
        جزاكم الله خيرا إخوانى على المرور والتواصل

        أتمنى للجميع الفائدة

        بالتوفيق

        تعليق


        • #5
          شـكــ وبارك الله فيك ـــرا لك ... على هذه الدروس الشيقه

          تعليق


          • #6
            المشاركة الأصلية بواسطة al_agel مشاهدة المشاركة
            شـكــ وبارك الله فيك ـــرا لك ... على هذه الدروس الشيقه
            حياك الله أخانا فهمي

            أشكر لك مرورك وأتمنى لك الفائدة

            تعليق


            • #7
              ما شاء الله

              ابدعت بالشرح

              بارك الله فيك

              تعليق


              • #8
                بارك الله فيك أخي أبا همام درس رائع جزاك الباري خيرا

                تعليق


                • #9
                  بارك الله فيك أبو همام
                  دروس روعه
                  هل انتهت السلسله أم شي باقي
                  لاني أريد ان اصنع لها كتاب ألكتروني

                  تعليق


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

                    جزاك الله خير أخي

                    لي عودة بالتطبيق بس انصب البرنامج

                    تحيتي

                    تعليق


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

                      هذا تطبيقي بس أحس فيه خطأ. بالزاويه الصغيره




                      تحيتي

                      تعليق


                      • #12
                        المشاركة الأصلية بواسطة طيف عآبر مشاهدة المشاركة
                        السلام عليكم ورحمة الله وبركاته

                        هذا تطبيقي بس أحس فيه خطأ. بالزاويه الصغيره

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

                        حياك الله

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



                        مراجعة سريعة للتطبيق



                        مرفق الملف المفتوح
                        الملفات المرفقة

                        تعليق


                        • #13
                          ff

                          المشاركة الأصلية بواسطة الجنتل مشاهدة المشاركة
                          بارك الله فيك أبو همام
                          دروس روعه
                          هل انتهت السلسله أم شي باقي
                          لاني أريد ان اصنع لها كتاب ألكتروني
                          وفيك بارك الله أخى الجنتل لفتة طيبة منك ياطيب

                          الدروس مستمرة ان شاء الله حتى نصل الى أكبر عدد ممكن من الأوشحة الإحترافية

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

                          هناك دروس يستكملها أخى أبو الوليد إن شاء الله تعالى

                          تعليق


                          • #14
                            المشاركة الأصلية بواسطة abohmam مشاهدة المشاركة
                            وعليكم السلام ورحمة الله وبركاته

                            حياك الله

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



                            مراجعة سريعة للتطبيق



                            مرفق الملف المفتوح
                            الله يعافيك اخوي على الملاحظات بالفعل في مكانها

                            ان شاء الله احاول مرة ثانيه اطبقه

                            لك الشكر

                            تعليق


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

                              محاوله للتطبيق مرة ثانيه

                              ان شاء الله يكون تمام واذا في خطأ بلغني أخي لحتى اتقنه صح وما يكون فيه خطأ



                              احترامي

                              تعليق

                              مواضيع تهمك

                              تقليص

                              المنتدى: المكتبة الالكترونية نشرت بواسطة: 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