Unconfigured Ad Widget

تقليص

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

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

عمل فراشة متحركة

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

  • عمل فراشة متحركة

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

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

    نبدأ بعمل شكل الجناح بواسطة البن تول .. و اللون بقيمة c20ae8



    و باستعمال custom shape tool نختار شكل Raindrop من القائمة كما مبين بالصورة " يشبه القطرة " و اجعل قيمة اللون 520862# نعمل عدة أشكال (كل شكل في طبقة) و بعدة أحجام و باستعمال Free transform >> Rotate يتم توزيع الأشكال على الجناح كما هو مبين بالصورة.





    نعمل Duplicate لطبقة الجناح ثم نطبق عليها الفلتر Blur >> Gaussian Blur
    قم بعمل ctrl + G لجميع الطبقات (التي تشكل الجناح) عدا الخلفية و سمها Group 1

    والآن .. في طبقة جديدة باستخدام البن تول نعمل جسم الفراشة و قيمة اللون cac805 # ثم Duplicate لطبقة الجسم و نطبق عليها Blur >> Gaussian Blur ثم ادمج جميع الطبقات عدا الخلفية طبعا.



    اعمل Duplicate لي Group 1 و سميه Group 2 ثم اجعل Group 2 فوق طبقة الجسم ثم طبق Free transform >> Horizontal و Free transform Rotate مع التحريك للحصول على الوضعية المناسبة للجناح.



    اذهب لي Animation Frames و اعمل new frame .. في الفريم الأول قم باظهار Group 1 و اخفاء Group 2
    في الفريم الثاني العكس .. اظهر Group 2 و اخفي Group 1 .. ضبط التوقيت على 0.1 sec
    ثم File >> save for Web & Devices >> save



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





    إضافة حركة أخرى :

    لإضافة الحركة الإنتقالية للفراشة في هذه الصورة مثلا ..


    اذهب لي Animation Frames و اعمل new frame

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



    ثم قم بعمل Tweens Animation Frames و ادخل قيمة 10 في خانة Frames to add سيصبح عدد الفريمز 12



    في الفريم الأول قم باظهار Group 1 و اخفاء Group 2
    في الفريم الثاني العكس .. اظهر Group 2 و اخفي Group 1 .. في الفريم الثالث قم باظهار Group 1 و اخفاء Group 2 .. و هكذا لآخر فريم.

    ثم File >> save for Web & Devices >> save

    فتكون النتيجة كما يلي:




    اتمنى انو الفكرة تكون واضحة .. بالتوفيق للجميع.
    التعديل الأخير تم بواسطة Inass; 26 / 10 / 2009, 07:56 PM.

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




    My Albums
    inass82.deviantart.com


  • #2
    العمل مو ظاهر
    سبحان الله

    والحمد لله

    والله اكبر

    تعليق


    • #3
      النتيجة النهائية لا تظهر أختي الفاضلة
      سبحان الله وبحمده .. سبحان الله العظيم

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

      FACEBOOK

      تعليق


      • #4
        قمت بإعادة رفع الصورة أرجو إنها ظاهرة الآن ..

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




        My Albums
        inass82.deviantart.com

        تعليق


        • #5
          نعم ظهرت ... بوركت أختاه .

          الحركة سريعة ... حبذا لو تضيفي فريمات أكثر لتوضح حركة عشوائية للفراشة .
          سبحان الله وبحمده .. سبحان الله العظيم

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

          FACEBOOK

          تعليق


          • #6
            أتقصد هكذا مثلا:



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




            My Albums
            inass82.deviantart.com

            تعليق


            • #7
              تمام التصميم جميل
              مدونتى

              تعليق


              • #8
                كتير حلوة !!!
                اللهم صل وسلم وبارك على سيدنا محمد واله وصحبه اجمعين


                http://homslife.info/upload/uploads/d73f0fa94a.jpg

                تعليق


                • #9
                  رائع جدا ... ما شاء الله عليكي أختي ...

                  بس لا يجب أن ترجع الفراشة للخلف

                  الحركة للأمام <<< تمام
                  سبحان الله وبحمده .. سبحان الله العظيم

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

                  FACEBOOK

                  تعليق


                  • #10
                    تصميم جميل ...
                    لكن لو حركة اجنحة الفراشة ابطئ لكان افضل

                    تعليق


                    • #11
                      المشاركة الأصلية بواسطة young wise مشاهدة المشاركة
                      تمام التصميم جميل
                      شكرا أخي الكريم

                      المشاركة الأصلية بواسطة muniro مشاهدة المشاركة
                      كتير حلوة !!!
                      مشكور أخي الكريم

                      سعيدة إنو الفكرة قد اعجبتكم

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




                      My Albums
                      inass82.deviantart.com

                      تعليق


                      • #12
                        المشاركة الأصلية بواسطة aktoom مشاهدة المشاركة
                        رائع جدا ... ما شاء الله عليكي أختي ...

                        بس لا يجب أن ترجع الفراشة للخلف

                        الحركة للأمام <<< تمام

                        شكرا جزيلا أستاذنا الكريم aktoom .. و قد قمت بإضافة هذه الجزئية من الحركة إلى الشرح.

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




                        My Albums
                        inass82.deviantart.com

                        تعليق


                        • #13
                          المشاركة الأصلية بواسطة troublemaker مشاهدة المشاركة
                          تصميم جميل ...
                          لكن لو حركة اجنحة الفراشة ابطئ لكان افضل

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

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

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




                          My Albums
                          inass82.deviantart.com

                          تعليق


                          • #14
                            بارك الله لك سيدتى
                            لكن لى تعليق اوليس من الممكن زيادة وقت الحركة لكى تبطىئ من السرعة
                            وَاللّهُ غَالِبٌ عَلَى أَمْرِهِ وَلَكِنَّ أَكْثَرَ النَّاسِ لاَ يَعْلَمُونَ

                            calligraphyer@yahoo.com


                            تابع كل ماهو جديد

                            تعليق


                            • #15
                              المشاركة الأصلية بواسطة Inass مشاهدة المشاركة

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

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

                              شكراً للتوضيح
                              فعلاً طريقة جميلة و سهلة و لا تختلف عن برنامج Easy Gif Animation كثيراً

                              شكراً لكِ ... و بالتوفيق

                              تعليق

                              يعمل...
                              X