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

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

درس عمل ستايل موقع أو كتاب إلكترونى

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

  • درس عمل ستايل موقع أو كتاب إلكترونى


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


    هذا أول شرح لى بقسم الفوتوشوب وأرجوا
    ان ينال الدرس رضاكم
    وأنا متقبل لأى إنتقادات :abc_145:

    (( درس عمل ستايل موقع أو كتاب إلكترونى ))


    نفتح صفحة عمل بمقاس 1024×776


    من قائمة View أختر New Guide ثم اكتب 40px
    كرر العمل لكن المره دى اكتب 984px
    المساحه التى سنعمل داخلها = 944 بيكسل

    أملا الخلفيه بهذا اللون f1f8f9


    1- عمل الهيدر

    باستخدام اداة Rectangle Marquee Tool اعمل مستطيل بالأبعاد التاليه
    1024 × 100

    ندرج طبقة جديدة ونملا التحديد باللون الاسود 000000



    نضيف تدرج لهذه الطبقه





    الألوان المستخدمه
    529ad0
    67bfea


    حمل هذه الصوره من هنا وضعها فوق طبقة الهيدر
    غير blend mode الى Soft Light
    والشفافيه opacity الى 21%






    الان نضيف شئء من اللمعه تحت لوجو موقعنا

    ندرج طبقه جديده ونسميها Glow

    بإستخدام أداة التحديد البيضاوى Elliptical Marquee Tool

    أجعل الـ Feather
    =
    18 Px


    نستخدم Fixed Size
    نرسم دائره بأبعاد
    150 × 150 Px


    ونملأها باللون الأبيض FFFFFF





    غير الـ blend mode لهذه الطبقه الى Overlay
    وقلل الشافيه الى 50%



    نعمل الان لوجو



    (إستخدمت خط Motken noqta للعربى
    حمل هذه الصوره وضعها بجانب اللوجو (من هنا)

    بإستخدام أداة الـ Pin Tool اعمل هذا التحديد



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

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




    2- عمل الناف بار

    باستخدام اداة Rectangle Marquee Tool اعمل مستطيل بالأبعاد التاليه
    1024 × 70


    املا التحديد باللون الأبيض FFFFFF ونحركه أسفل الهيدر مباشرة




    نضيف blending options لهذه الطبقه








    الأن سنقوم بعمل خطين بين طبقتى الهيدر والناف
    بإستخدام القلم Pen وسمك الفرشاه 1px
    نرسم خطا بطول العمل من اليمين لليسار أو العكس :abc_145:

    أثناء الرسم نضغط Shift حتى يكون الخط مستقيما



    الخط العلوى بلون 008dcd
    السفلى بلون FFFFFF


    الان أصبح الشكل هكذا





    الان نضيف اللينكات




    استخدمت اللون 525252 فى الكتابه والخط هو abc4web_Tehran


    باستخدام اداة Rectangle Marquee Tool اعمل مستطيل حول أول لينك بالأبعاد المناسبة
    ندرج طبقة جديده ونملا التحديد بأى لون




    نضيف blending options لهذه الطبقه







    الان نضع طبقة التحديد أسفل طبقة أول لينك

    اصبح الشكل كالتالى




    3- عمل الفوتر

    باستخدام اداة Rectangle Marquee Tool اعمل مستطيل بالأبعاد التاليه
    1024 × 40
    املا التحديد بأى لون




    نضيف تدرج لونى لهذه الطبقه







    بعد الكتابه على الفوتر (إستخدمت فونت abc4web_Vanilla)



    هذا هو الشكل النهائى





    تحميل ملف الـ PSD

    [hide]http://www.multiupload.com/VWZYNRHLWE[/hide]


    الخطوط المستخدمه


    [hide]http://www.multiupload.com/I0PZSKMU91[/hide]



    أخير لا نُجيز إستخدامه فيما حرم الله


    التطبيقات على الدرس

    www.abc4web.net



    التعديل الأخير تم بواسطة محمود عفيفى; الساعة 12-02-2010, 11:07 PM. سبب آخر: إضافة التطبيقات

  • #2
    رد: درس عمل ستايل موقع أو كتاب إلكترونى

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


    عاشت الايادي ياالغالي تسلم

    تعليق


    • #3
      رد: درس عمل ستايل موقع أو كتاب إلكترونى

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

      تعليق


      • #4
        رد: درس عمل ستايل موقع أو كتاب إلكترونى

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

        حياك الله اخي العزيز محمود العفيفي

        بدايه موفقه وطيبه بإذن الله أكيد سيتم التطبيق والاستفاده بإذن الله

        نفتح صفحة عمل بمقاس 1024×776

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

        لتنويه فقط ولفت الانتباه أخي محمود ليسى إلا :abc_145:

        مشكور للمجهود الطيب وبنتظار المزيد بالتوفيق.



        .

        تعليق


        • #5
          رد: درس عمل ستايل موقع أو كتاب إلكترونى

          جزاك الله خيراً وبارك الله فيك
          أكيد بتعمل على قالب كتاب إلكتروني وستفاجئنا به قريباً
          جاري حفظ نسخة من الشرح ولي عودة إن شاءالله

          تعليق


          • #6
            رد: درس عمل ستايل موقع أو كتاب إلكترونى

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

            تعليق


            • #7
              رد: درس عمل ستايل موقع أو كتاب إلكترونى

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



              أبعاده 800 ف 600 بإذن الله يمشى مع كل الشاشات

              تعليق


              • #8
                رد: درس عمل ستايل موقع أو كتاب إلكترونى

                ألف شكر أخي الكريم

                تعليق


                • #9
                  رد: درس عمل ستايل موقع أو كتاب إلكترونى

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

                  حياك الله اخي محمود حتى ولو لم يكن نقطة تمدد

                  فلو افترضنا شخص يتصفح على نسبة عرض 800 - 600

                  فكيف سيكون شكل الكتاب لديه أكيد لن يشاهد التصميم بالكامل

                  بالتوفيق

                  تعليق


                  • #10
                    رد: درس عمل ستايل موقع أو كتاب إلكترونى

                    حياك الله اخى كيجن نت
                    انا حاليا أتصفح بشاشه 800 ف 600
                    بيكون شكل الاستايل اللى بالمقاسات السابقه (800) ممتاز
                    لكن اعنقد انى الوحيد اللى عندى الشاشه دى لأنها قديمه اوى :abc_145:
                    فبعمل حساب الباقيين لو شافوا الاستايل بيكون شكله مش حلو
                    ومعظم المنتديات الأجنبيه بتعمل المقاسات دى بيكون شكله عندى كبير شويه
                    لكن بيكون شكله افضل من ال800 عندهم

                    تعليق


                    • #11
                      رد: درس عمل ستايل موقع أو كتاب إلكترونى

                      جزاك الله خيرا أخى محمود على هذا الشرح الرائع

                      بارك الله فيك وجارى التطبيق والإستفادة

                      لك التحية والشكر

                      تعليق


                      • #12
                        رد: درس عمل ستايل موقع أو كتاب إلكترونى

                        بارك الله فيك أخى أبو همام
                        بإذن الله نرى تطبيق ضرب نار :abc_145:

                        تعليق


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