Unconfigured Ad Widget

تقليص

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

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

الأنيميشن باستخدام الفوتوشوب

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

  • الأنيميشن باستخدام الفوتوشوب

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

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

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

    1- محاكاة لحركة المشي :

    لعمل هذه الحركة نحتاج لعمل وضعين للجسم tow positions .. نرسم الرأس في طبقة و اليدين في طبقة و القدمين في طبقة ثم نعمل ctrl+G لجمع الطبقات في مجموعة group .. و نفس الخطوة عند رسم وضعية أخرى للجسم ..

    1- لرسم الجسم نستعمل أبسط الأدوات في الفوتوشوب :

    1-أداة Ellipse Tool لعمل الرأس.

    2-أداة Rounded Rectangle tool لعمل الجسم و الأطراف.

    3-و دوائر صغيرة بواسطة الفرشة لعمل الأعين.

    الصورة 1-2 تبين توزيع الطبقات بحيث لدينا مجموعتين تمثل وضعيتين للجسم .. position 1 و position 2







    2- نقوم باخفاء المجموعة الثانية position 2 و نقوم بعمل فريم جديد بالضغط على Duplicates selected Frame (مبينة بالدائرة الحمراء ) تأكد من اختيار جميع الطبقات– ما عدا الخلفية – ثم نختار أداة Move Tool و بالضغط على Shift و نقوم بسحب الجسم من أقصى اليسار إلى أقصى اليمين كما هو موضح بالصورة 3-4.





    3- نضغط على Tweens animation frames (مبينة بالدائرة الحمراء ) و ندخل قيمة 10 في خانة Frames to Add فنحصل على 12 فريم.. في الفريم الأول نقوم باظهار position 1 و إخفاء position 2 .. و في الفريم الثاني نقوم باظهار position 2 و إخفاءposition 1 و هكذا .. كما هو موضح بالصورة 5-6.





    4- نستطيع التحكم في وقت الحركة Select Frame time delay كما في الصورة 7.






    و لتخزين العمل : File >> save for web & devices >> save

    النتيجة النهائية ..






    2-محاكاة لردود الأفعال :

    يمكننا استخدام العديد من الأشكال للتعبير عن ردود الأفعال لمثل هذه الشخصيات ,, و هذه بعض الأشكال:

    يتسائل : Wondering

    شرير :Evil

    فكرة : Idea

    يعجب : Like



    3-محاكاة ركوب الدراجة :

    1- نرسم الشخص بنفس الأدوات و بنفس الطريقة و نستعمل Free transformation لتعديل وضعية الجسم لتناسب ركوب الدراجة أيضا نقوم برسم الدراجة باستخدام أبسط الأدوات في الفوتوشوب

    1-أداة Rectangle Tool لعمل إطار الدراجة.

    2-أداة Ellipse Tool لعمل العجلات.






    2- نستخدم نفس الطريقة السابقة في عمل الحركة , و لكن لدينا أيضا حركة الدراجة و لإعطاء الإيحاء بأن عجلة الدراجة تتحركة نقوم بإضافة أي شكل و نجعله يدور على العجلة.

    لعمل ذلك : نختار أي شكل نريد من قائمة الأشكال Custom Shape Tool , قمت باختيار شكل القلب .. و نقوم بعمل عدة قلوب حول العجلة من الداخل بحيث يكون كل قلب في طبقة كما في الصورة 1-2





    نقوم باخفاء جميع طبقات القلب ماعدا الأولى .. و هذه الصورة تبين الطبقات :




    يمكننا أيضا إضافة شكل بوق ليمثل صوت الجرس في الدراجة






    ثم بنفس الطريقة نتأكد من اختيار جميع الطبقات – ما عدا الخلفية – ثم اختر أداة Move Tool و بالضغط على Shift قم بسحب الجسم من أقصى اليسار إلى أقصى اليمين كما هو موضح بالصورة

    3- نضغط على Tweens animation frames ندخل قيمة 15 في خانة Frames to Add
    فنحصل على 17 فريم
    و الآن في الفريم الأول نظهر شكل القلب الأول - في العجلتين - و نخفي الباقي .. في الفريم الثاني نظهر شكل القلب الثاني فقط و نخفي البقية .. و هكذا إلى آخر فريم .. ليس من الضرورة أن يكون عدد الأشكال بنفس عدد الفريمز حيث نعيد إظهار القلوب على التوالي مرة أخرى.

    و لتخزين العمل : File >> save for web & devices >> save

    النتيجة النهائية ..





    شكرا جزيلا لكل من قرأ الموضوع











    التعديل الأخير تم بواسطة Inass; 04 / 11 / 2009, 01:35 AM.

    سبحان الله و بحمده ...
    سبحان الله العظيم




    My Albums
    inass82.deviantart.com


  • #2
    لا لا لا .... هذا موضوع محتاج قعدة وروقان ...

    المواضيع المتخصصة هذه لا يجب أن تمر مرور الكرام ...

    سلمت يداك أختنا الكريمة .... وتستحقين بجد لقب Miss Animation
    سبحان الله وبحمده .. سبحان الله العظيم

    لاريب أنّ الألم هو سائق انفعالاتي الفظّ ، وأنّ الأمل هو وسيلتي الدائمة لترويضه . لكن .. هل أكون بهذا قد لخّصت لك عملية الإبداع ؟

    FACEBOOK

    تعليق


    • #3
      يوجد برنامج مختص بهذا النوع من التصميم , اسمه imageReady
      يتم تنصيبه مع الفوتوشوب بشكل تلقائي
      لكن بعد إصدار الـ Cs2 تمّ الاستغناء عن الإماج ريدي , و دمجه في برنامج واحد مع الفوتوشوب

      شكراً
      ------------------------

      تعليق


      • #4
        السلام عليكم
        مشكور اختي وهذي تجربتي
        http://www.gulfup.com/gfiles/12573436271.gif

        تعليق


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

          المواضيع المتخصصة هذه لا يجب أن تمر مرور الكرام ...

          سلمت يداك أختنا الكريمة .... وتستحقين بجد لقب miss animation

          شكرا جزيلا أستاذي الكريم .. اسعدني كثيرا تواجدك بالموضوع و الذي أسعدني أكثر كلامك الطيب ..

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

          دايما يهمني تعليقك و ملاحظاتك على أي عمل أعرضه

          سبحان الله و بحمده ...
          سبحان الله العظيم




          My Albums
          inass82.deviantart.com

          تعليق


          • #6
            المشاركة الأصلية بواسطة eyad-mufti مشاهدة المشاركة
            يوجد برنامج مختص بهذا النوع من التصميم , اسمه imageReady
            يتم تنصيبه مع الفوتوشوب بشكل تلقائي
            لكن بعد إصدار الـ Cs2 تمّ الاستغناء عن الإماج ريدي , و دمجه في برنامج واحد مع الفوتوشوب

            شكراً


            شكرا جزيلا أخي الكريم على المعلومة

            أنا فعلا لم أذكر أي إصدار قمت بالعمل عليه .. أنا استخدمت CS4 و شريط الأنيميشن يمكن إظهاره من قائمة window .. بالتوفيق.

            سبحان الله و بحمده ...
            سبحان الله العظيم




            My Albums
            inass82.deviantart.com

            تعليق


            • #7
              المشاركة الأصلية بواسطة dahoom مشاهدة المشاركة
              السلام عليكم
              مشكور اختي وهذي تجربتي
              http://www.gulfup.com/gfiles/12573436271.gif
              و عليكم السلام

              جميلة جدا أخي الكريم .. و شكرا لمشاركتي الموضوع ..

              سبحان الله و بحمده ...
              سبحان الله العظيم




              My Albums
              inass82.deviantart.com

              تعليق


              • #8
                ماشاء الله .. موضوع مميز .. لي رجعة
                لكن هل أنت معدة هذا الموضوع .. أنا متأكد من ذلك .
                لا إله إلا الله محمد رسول الله

                DreamPaint Flickr
                MY DeviantArt
                TUNISIA ---->████████████████ : 100% done

                EGYPT ------>████████████████ : 100% done

                LIBYA ------->██████████░░░░░░ : in progress

                ALGERIA ---->████░░░░░░░░░░░░ : in progress

                YEMEN ------>██████░░░░░░░░░░ : in progress


                PALESTINE ->░░░░░░░░░░░░░░░░ : The Next Project



                تعليق


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

                  تعليق


                  • #10
                    المشاركة الأصلية بواسطة DreamPaint مشاهدة المشاركة
                    ماشاء الله .. موضوع مميز .. لي رجعة
                    لكن هل أنت معدة هذا الموضوع .. أنا متأكد من ذلك .
                    نعم أخي الكريم .. حبيت في هذا الموضوع أشرح بعض الخطوات و الأفكار التي عملت بيها الحركة في هذا الموضوع

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

                    شكرا على ردك الطيب .. و بانتظار عودتك للموضوع ..



                    سبحان الله و بحمده ...
                    سبحان الله العظيم




                    My Albums
                    inass82.deviantart.com

                    تعليق


                    • #11
                      المشاركة الأصلية بواسطة young wise مشاهدة المشاركة
                      موضوع جميل جدا رغم عدم تخصص الفوتوشوب فى انتاج الحركة لكنه مفيد فى الحركات البسيطة اما الحركات المعقدة
                      فالفلاش هو المتخصص فى هذا المجال
                      شكرا اخت ايناس على الموضوع الطيب
                      معك حق أخي الكريم .. أنا اشتغلت مرة واحدة فقط بالفلاش من حوالي 7 سنوات .. و بدأت باستخدام الفوتوشوب من حوالي سنة و نصف (ممكن أكثر قليلا) و لا أريد الإنتقال لأي برنامج آخر إلا بعد التمكن من البرنامج و أدواته و أي شئ يخطر على بالي سأنفذه بالفوتوشوب .. لكن كما قلت البرنامج مفيد في الحركات البسيطة.

                      شكرا جزيلا على مرورك بالموضوع ..

                      سبحان الله و بحمده ...
                      سبحان الله العظيم




                      My Albums
                      inass82.deviantart.com

                      تعليق


                      • #12
                        ماشاء الله
                        موضوع جميل ومهم والشرح أجمل
                        بارك الله فيك
                        أتمنالك التوفيق
                        اللهم اغفر لي ولوالـدي وللمسلمين والمسلمات والمؤمنين والمؤمنات الأحيـاء منهم والأموات ..
                        اللهم آمين .. اللهم آمين .. اللهم آمين
                        ..

                        تعليق


                        • #13
                          موضوع راآئــع جداً ,.

                          ماشاءالله عليكي راآئــع جداَ ما قمتِ بطرحه

                          باآرك الله فيكي

                          دمتِ بخير و مود’ة .

                          تعليق


                          • #14
                            بارك الله فيك انس

                            تعليق


                            • #15
                              ابـــــــــداع في ابـــــــــداع
                              وطريقة شرح جميلة و بسيطة
                              وكما قال الاخ اكرم ( Aktoom ) تستحقي لقب " Miss Animation "


                              وبــــــــــــــالتوفيق

                              تعليق

                              يعمل...
                              X