Unconfigured Ad Widget

تقليص

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

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

صمم موقعك بإستخدام الفوتوشوب

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

  • صمم موقعك بإستخدام الفوتوشوب

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

    تلبية للطلب المتزايد حول طريقة إستخدام برنامج الفوتوشوب لتصميم المواقع، قمنا بتنزيل درس خاص في هذا الخصوص.

    الشكل النهائي للدرس:



    الدرس:

    هنا

    لمناقشة الدرس بإمكانكم طرح الإستفسـارات هنا أو في منتديات النادي.
    ملاحظة:
    لا تحتاجون للتسجيل للمشاركة في منتديات نادي الفوتوشوب.

    تقبلوا تحيات أسرة النادي.
    نادي الفوتوشوب
    الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

  • #2
    جزاك الله خير

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

    و اشكرك من كل قلبي
    Anmar - Studio

    تعليق


    • #3
      السلام عليكم ورحمة الله.

      صبرك معانا شوي أخي العزيز.

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

      تحياتي.



      نادي الفوتوشوب
      الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

      تعليق


      • #4
        شكراً اخي Selection28
        هذا الموضوع يفيد كثيراً مصممين المواقع ومن يرغبون في عمل الواجهات Interface لمواقعهم
        وهناك رجاء ان يتم في الدروس اللاحقة توضيح بعض التفاصيل الدقيقة المتعلقة بتنفيذ العمل والتي يمكن ان تكون حجر عثرة في طريق من لا يملك خبرة كافية بالبرنامج ..

        تحياتي ..
        المنابر على twitter@ / facebook

        تعليق


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

          درس جميل جداً ومفيد بارك الله فيك .

          رفيق الدرب
          http://www.c4arab.com/images/avatar/4166.jpg
          دليل القمة التعليمي للفوتوشوب

          تعليق


          • #6
            شكرا للجمـيع.

            الأخ ابو بدر

            أنا مستعد ابين اي تفصيل أو شئ غير واضح في تطبيق هذه الدروس إن شاء الله هنا.

            يعني إن كان فيه أي إستفسار من قبل الأخوة فأنا ما عندي مانع أغير الدرس وأفصله أكثر ولكن لازم أول شئ أعرف وين التقصير حتى أقدر أعدله.

            شكراً لكم على الملاحظة وإن شاء الله أنا في خدمة الجمـيع.

            تحياتي لكم.
            نادي الفوتوشوب
            الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

            تعليق


            • #7
              حضرة الأخ العزيز Anmar

              سلام عليكم

              تفضل أخي تكملة الدرس وتحويل الشكل إلى جداول HTML:

              http://www.photoshopclub.net/Tutoria...gn/slicing.htm

              وأنا في خدمتك.

              تحياتي لك.
              نادي الفوتوشوب
              الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

              تعليق


              • #8
                ما اعرف كيف اشكرك

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

                تسلم اخي Selection28
                Anmar - Studio

                تعليق


                • #9
                  السلام عليكم
                  اخوي Selection28 , هذا الدرس جميل جدا وكنا محتاجينه
                  فيه اسئلة اترك الصورة هي التي تسألك
                  هنا
                  http://www.ro7e.net/upload/files/123asd.jpg



                  سؤال اخير : درس التصميم مشابه لتصميم هذه الصفحة http://www.abunawaf.ws/forum/index.php?act=SF&f=7

                  لكن هذه الصفحة عندما يتم تحول مقاس الشاشة الى 764×1024 لايتأثر التصميم لكن في تصميم هذا الدرس يتأثر ويكون التصميم كأنه وضع لمقاس الشاشة 640×480 .. سؤالي كيف نضع تصميم لايتأثر بأي مقاس لشاشة زائر الموقع

                  ارجوا ان يكون السؤال واضح
                  دروس الـ After Effects
                  دروس الـ Premiere
                  دروس الـ Combustion 3
                  دروس تحرير الصوت
                  دروس الاديوس EDIUS

                  تعليق


                  • #10
                    حضرة الأخ العزيز عابر
                    السلام عليكم
                    شكراً لك أخي لمتابعتك الدرس وتطبيقه.

                    الرد على السـؤال الأول:

                    الظاهر من الشكل الذي تفضلت به هو أنك وضعت لاير الـ Stroke أسفل لاير الـ Style لهذا فأن الستايل باين على الستروك ...
                    عليك أن تضع لاير الستروك فوق لاير الستايل.
                    قمت بتحرير الدرس للتركيز على هذه الخطوة بالذات ... إن شـاء الله يكون هذه المرّة أوضح.

                    شكراً لك مرّة ثانية على المتابعة والملاحظة.

                    الرد على السـؤال الثاني:

                    بالنسـبة لأحجام الـ Tables من ناحية الطول والعرض فأنه عندنا خيارين.
                    إمـا نكتبها بالنسب المئوية ( أنصح به طبعاً )، أو نقرر نحن الحجم بالبكسلات.
                    في هذا الدرس .. الحجم قررناه نحن بالبكسلات .. لهذا تجد أن حجم التصميم لا يكبر مع تكبير الرزوليوشن .. بل انه يبقى على حجمه اللي حددناه نحن.

                    الموقع الذي نقلته لي .. فلنأخذ البنر الفوق كمثال:

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

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

                    هناك درس في النادي يتطرق إلى هذا الأمر ولكن التايبل هناك عمودي بدل من أن يكون أفقي ... مهما طال التايبل فأن شكله لن يتغير.

                    الدرس ستجده:

                    http://www.photoshopclub.net/Tutoria...ders/index.htm

                    في هذا الدرس ... الجدول في الوسط وضعنا فيه صورة كخلفية له .. مهما كبر التايبل أو صغر فأن الشكل النهائي لن يتغير لأن الذي يكبر ويصغر من التايبل هو الصورة التي وضعناها كخلفية.

                    أتمنى أن يكون الشرح واضح وإذا فيه اي سـؤال أو إسـتفسار أنا في الخدمة عزيزي.

                    تقبل تحياتي.
                    التعديل الأخير تم بواسطة Selection28; 19 / 08 / 2003, 11:20 AM.
                    نادي الفوتوشوب
                    الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

                    تعليق


                    • #11
                      اخوي Selection28
                      شكرا على الشرح المستفيض
                      يعني الحل هي جعل الصورة في وسط التصميم خلفية ..
                      فيه مشكلة عندي وهي ان الدروس الخط فيها رمادي فاتح جدا وصغير وهذا يتعبني في القراءة
                      شكرا اخي الدروس فعلا قيّمة وتسد فراغ نعاني منه
                      دروس الـ After Effects
                      دروس الـ Premiere
                      دروس الـ Combustion 3
                      دروس تحرير الصوت
                      دروس الاديوس EDIUS

                      تعليق


                      • #12
                        لا شكر على واجب ..
                        إن شـاء الله سنقوم قريباً بتغيير تصميم المنتدى من جديد وسيتغر الستايل حقه بما يناسب طلبات الجمـيع.

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

                        تقبل تحياتي.
                        نادي الفوتوشوب
                        الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

                        تعليق


                        • #13
                          اخي العزيز Selection28

                          لقد واجهتني مشكلة و ما اقدر احلها الي هي
                          اذا اروح على الفرونتت بيج و اكتب بالspecer اذا اكتب اكثر من الازم سوف يتفكك الموقع يعني الصور تتفكك

                          و شكراً
                          Anmar - Studio

                          تعليق


                          • #14
                            الأخ العزيز أنمـار

                            صورة الـ Spacer وغيرها موجودة داخل جداول Tables، هذه الجداول لها حجم معين بالبكسل وليست بالنسب المئوية ... يعني إذا كان ما هو موجود في داخل الـ Spacer أكبر من خارجه فأن الجدول سيمتد حتى يحتوي على الكلام ... مع إمتداد الجدول فأن الصور الموجودة في داخل هذه الجداول ستتغير أخي العزيز.

                            هذه أحد سلبيات تصميم المواقع بالفوتوشوب فقط لأنه يقيدك.

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

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

                            تفضل:

                            http://www.maxforums.net/showthread....threadid=26035

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

                            شوف الدرس وإذا واجهت مشكلة أخبرني وأنا في خدمتك.
                            نادي الفوتوشوب
                            الرئيسية | الدروس | منتديات ومناقشات الدروس المطروحة

                            تعليق


                            • #15
                              بيض الله وجهك والله يرفع قدرك .......
                              مشكووور الله يكتب أجرك .
                              ونفتقر لمثل هذه الدروس المهمه جداً .
                              وبالتوووفيق ،،،
                              لقد أسمعت لو ناديت حيا
                              ولاكن لاحياة لمن تنادي

                              تعليق

                              يعمل...
                              X