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

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

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

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

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

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

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

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

    حياكم الله جميعا

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



    إصدارات الفوتوشوب المتوافقة للتطبيق CS أو أحدث
    مستوى الدرس : إحترافي
    مستوى الشرح : بسيط جدا


    الشرح يمكن تطبيقه والإستفادة منه لأكثر من إستخدام منها ( واجهة إسطوانة - واجهة كتاب إلكتروني - إطارات تجميلية لقوالب المنتديات )

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



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

    1- نفتح عمل جديد بالمقاسات المبينة فى الصورة أو بالمقاس المراد تصميمه



    2- نقوم بتعديل هام فى خيارات مساحة العرض وهو تحديد ابعاد الشبكة التى سوف نظهرها لكى تساعدنا فى تنسيق التصميم كما نرى فى هذه الصورة

    وللوصول الى هذه الخيارات من قائمة Edit نختار Preferences ثم نختار Guides, Grid & Slices ونعدل كما فى هذه الصورة
    ملحوظة: الفائدة من هذا التعديل كوننا نحدد ابعاد التصميم بالبيكسل ولانعرف مساحات الشبكة بهذه القيمة ، فنحن بذلك نعرف تحديدا ماذا نفعل فى التصميم.



    3- الآن نظهر الشبكة كى تساعدنا فى رسم وتحديد الأبعاد



    4- ننتقل إلى صندوق الطبقات ونضيف 6 طبقات كما هو موضح فى هذه الصورة ( الجسم - الهيدر - حلية الهيدر - الفوتر - حلية الفوتر - الأزرار )



    5- نقف على طبقة الجسم وبإستخدام أداة رسم الأشكال Rounded Rectangle Tool نرسم مثل هذا المستطيل مع إنحناء فى الحواف بقية 10 بيكسل مثلا



    - ثم نطبق على طبقة الجسم هذا الاستايل




    6- نحصل على هذا الشكل فنقوم بتحديده بالضغط على Ctrl + النقر بشمال الماوس على الطبقة



    7- نستخدم أداة التحديد Rectangular Marquee Tools ولكن نقوم بتعديل طريقة التحديد وهى تحديد جزء من التحديد النشيط Intersect with selection كما هو مبين فى الصورة
    ونقوم بتحديد الجزء العلوى من الشكل وكأننا نقوم بقطعه هكذا ....



    8- وسوف نحصل على هذا الشكل والذى سوف يكون الهيدر للتصميم



    9- نقف على طبقة الهيدر فى صندوق الطبقات



    10- ثم نملئ هذا التحديد بأى لون غير لون الخلفية لنحصل على هيدر للتصميم



    11- ثم نقف على طبقة الجسم ونكرر الخطوات السابقة لنحدد الفوتر بالترتيب التالي :
    1- نقف على طيبقة الجسم ونقوم بتنشيط التحديد
    2- نختار طريقة التحديد Intersect with selection
    3- نقوم بتحديد الجزء الذى نريده كفوتر من أسفل الجسم بحجم اقل طبعا من الهيدر لنحصل على الشكل التالي



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



    13- لنحصل على الشكل التالي



    14- نقف على طبقة ( حلية الهيدر ) ونقوم برسم تحديد أى رسم هندسي للحلية بإستخدام أداة التحديد النقطي نضع نقاط التصميم من لوحة المفاتيح إضغط على L وسيتم تنشيط أداة Lasso tool
    ولاننسى أن نظهر الشبكة لتساعدك على نساوى أبعاد التحديد



    15- وسوف تحصل على الشكل التالي :


    16- مازلنا على طبقة ( حلية الهيدر ) قم بملئ هذه الطبقة بلون مختلف عن الهيدر وسوف تحصل على الشكل التالي



    17- نكرر الخطوات من 14 إلى 16 ونقف على طبقة حلية الفوتر ثم نملأها بلون لنميزها عن لون الفوتر ايضا لنحصل على هذا الشكل



    :fasel:

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

    18- نقف على طبقة الهيدر ونطبق هذه التأثيرات على اللير












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



    20- ننتقل إلى طبقة حلية الهيدر ونقوم بتطبيق هذا الاستايل









    21- نقوم بنسخ الاستايل من طبقة حلية الهيدر إلى حلية الفوتر مثلما فعلنا فى الخطوة رقم 19

    لنحصل على الشكل النهائي للتصميم جاهز للتقطيع



    تستطيع إضافة بعض الأزرار أو الدوائر أو لمساتك الإحترافية حسب إحتياجك أو إستخدام التصميم

    :fasel:

    إنتهى الشرح بعون الله

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

    حتى نلقاكم مع درس جديد أترككم فى رعاية الله وحفظه

    ولاتنسونا من صالح دعائكم
    .
    أبوهمام


    .

    الرد الأول محجوز للتطبيقات المميزة
    .
    [/frame]

  • #2
    رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

    تطبيقات الأعضاء

    تطبيق ابوهمام




    :fasel:

    تعليق


    • #3
      رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

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

      مشكور اخي العزيز أبوهمام

      شرح احترافي مثل العاده ودرس ممتع ومفيد لمافيه من الفائده المختلفه

      بارك الله بجهودك الطيبة وجزاك عنا كل خير



      .

      تعليق


      • #4
        رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

        جزاك الله خير الدنيا والاخرة
        وبارك الله بك وفيك الى يوم نبعث
        جميل ومفيد جدا للاخوان
        تسلم الايادي

        تعليق


        • #5
          رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

          بارك الله فيك

          لي عوده مع التطبيق

          تعليق


          • #6
            رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

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

            تعليق


            • #7
              رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

              جزاك الله خيرا أخي ابو همام

              خطوات العمل كثيرة إن شاء الله سأحاول التطبيق

              .

              تعليق


              • #8
                رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

                شرح جميل واحترافي من أيدي مبدعة

                شــــ لك ــــكراً أخي الفاضل أبو همام

                وجزاك الله خيراً

                تعليق


                • #9
                  رد: شرح تصميم واجهة إسطوانة أو كتاب إلكتروني وكذلك إطار لقوالب المنتديات

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


                  جزاك الله خير ياالغالي عاشت ايدك اسئل الله التوفيق

                  تعليق


                  • #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