موضوع: عمل فراشة متحركة

ردود: 17 | زيارات: 12631
  1. #1
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643

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

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

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

    نبدأ بعمل شكل الجناح بواسطة البن تول .. و اللون بقيمة 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. #2
    العمل مو ظاهر

  3. #3
    مشرف عام
    صور رمزية aktoom
    تاريخ التسجيل
    Dec 2005
    المنطقة
    بلاد العرب أوطاني
    العمر
    52
    ردود
    17,805
    النتيجة النهائية لا تظهر أختي الفاضلة
    سبحان الله وبحمده .. سبحان الله العظيم

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

    FACEBOOK

  4. #4
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    قمت بإعادة رفع الصورة أرجو إنها ظاهرة الآن ..

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




    My Albums
    inass82.deviantart.com


  5. #5
    مشرف عام
    صور رمزية aktoom
    تاريخ التسجيل
    Dec 2005
    المنطقة
    بلاد العرب أوطاني
    العمر
    52
    ردود
    17,805
    نعم ظهرت ... بوركت أختاه .

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

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

    FACEBOOK

  6. #6
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    أتقصد هكذا مثلا:



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




    My Albums
    inass82.deviantart.com


  7. #7
    تمام التصميم جميل

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


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

  9. #9
    مشرف عام
    صور رمزية aktoom
    تاريخ التسجيل
    Dec 2005
    المنطقة
    بلاد العرب أوطاني
    العمر
    52
    ردود
    17,805
    رائع جدا ... ما شاء الله عليكي أختي ...

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

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

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

    FACEBOOK

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

  11. #11
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    اقتباس الموضوع الأصلي كتب بواسطة young wise معاينة الرد
    تمام التصميم جميل
    شكرا أخي الكريم

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

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

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




    My Albums
    inass82.deviantart.com


  12. #12
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    اقتباس الموضوع الأصلي كتب بواسطة aktoom معاينة الرد
    رائع جدا ... ما شاء الله عليكي أختي ...

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

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

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

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




    My Albums
    inass82.deviantart.com


  13. #13
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    اقتباس الموضوع الأصلي كتب بواسطة troublemaker معاينة الرد
    تصميم جميل ...
    لكن لو حركة اجنحة الفراشة ابطئ لكان افضل

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

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

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




    My Albums
    inass82.deviantart.com


  14. #14
    عضو متميز
    صور رمزية النمر الخطاط
    تاريخ التسجيل
    Oct 2009
    المنطقة
    صندوق الادوات
    ردود
    1,533
    بارك الله لك سيدتى
    لكن لى تعليق اوليس من الممكن زيادة وقت الحركة لكى تبطىئ من السرعة
    وَاللّهُ غَالِبٌ عَلَى أَمْرِهِ وَلَكِنَّ أَكْثَرَ النَّاسِ لاَ يَعْلَمُونَ

    calligraphyer@yahoo.com


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


  15. #15
    اقتباس الموضوع الأصلي كتب بواسطة Inass معاينة الرد

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

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

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

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

  16. #16
    عضو نشيط
    صور رمزية Islam.mo7med
    تاريخ التسجيل
    Apr 2008
    المنطقة
    المنصوره - ام الدنيا
    العمر
    25
    ردود
    446
    ههههه جميا اختى بس ابطى السرعه شويه
    إذا ازداد الغرور..نقص السرور

    عظَمة عقلك تخلق لك الحساد .. وعظَمة قلبك تخلق لك الأصدقاء

    لا داعى للخوف من صوت الرصاص .. فالرصاصة التى تقتلك لن تسمع صوتها.
    قرار رقم 104 مدنى
    اخدت عهد على نفسى لن اترك موضوع رايته الا وسوف اضع له رد ولو بابتسامه

  17. #17
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    اقتباس الموضوع الأصلي كتب بواسطة النمرخطاط معاينة الرد
    بارك الله لك سيدتى
    لكن لى تعليق اوليس من الممكن زيادة وقت الحركة لكى تبطىئ من السرعة
    بارك الله فيك أخي الكريم .. و ممكن زيادة و قت الحركة طبعا أنا هنا حبيت وضع الفكرة .. بالتوفيق

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


    بس لي تعليق في رد سابق على السرعة:

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

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




    My Albums
    inass82.deviantart.com


Bookmarks

قوانين الموضوعات

  • لا يمكنك اضافة موضوع جديد
  • لا يمكنك اضافة ردود
  • لا يمكنك اضافة مرفقات
  • لا يمكنك تعديل مشاركاتك
  •  
  • كود BB مفعّل
  • رموز الحالة مفعّل
  • كود [IMG] مفعّل
  • [VIDEO] code is مفعّل
  • كود HTML معطل