الانتهاء من Blinkie مع فلاش موشن توينز

• أبريل 23, 2024

عندما عملنا آخر مرة على الرسوم المتحركة Flash blinkie ، انتهينا للتو من تأثيرات النص. كان آخر تأثير للنص في الرسوم المتحركة هو ظهور واختفاء اسم موقع الويب "J3 Designs". يختفي من المرحلة إلى اليسار مع تأثير الجدول الزمني للانتقال (المرحلة الانتقالية 3 في الجدول الزمني). كان هناك سبب لذلك وأنت على وشك معرفة ما كان هذا السبب.

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

افتح blinkie2.fla في Flash CS3 ودعنا نبدأ العمل. نريد أن تبدأ الخنفساء في التحرك من أسفل النقش حيث يبدأ اسم موقع الويب في الاختفاء. نريد أن يبدو أن النص يختفي بسبب الخنفساء. لذلك سنضيف هذا الخنفساء الجديد على الإطار 110 ، وهو عندما يبدأ النص في الاختفاء.

1. انقر فوق ملف - استيراد - استيراد إلى مكتبة لفتح مربع الحوار استيراد وإضافة الخنفساء الحمراء إلى مكتبتنا.
   
   
2. أضف طبقة جديدة أسفل طبقة "التفاصيل الثابتة" وقم بتسميتها "Bug 2". أضف Keyframe (Insert - Timeline - Keyframe) إلى الإطار 110. اسحب الخنفساء الحمراء من المكتبة إلى أسفل النقش بعيدًا عن الأنظار.
   
   نريد أن ينتقل الخنفساء إلى اليسار حتى يختفي عن المسرح كما يختفي النص. لذلك ، نريد أن تصل الخنفساء إلى اليسار وإخراجها من المرحلة بحلول الوقت الذي نصل فيه إلى الإطار 160.
   
   
3. انقر على الإطار 160 على طبقة الشوائب 2 ، أضف إطارًا رئيسيًا واسحب الخنفساء الحمراء إلى اليسار وعلى طول الطريق. انقر بزر الماوس الأيمن بين Frame 110 و 160 واختر Create Motion Tween من القائمة المنبثقة.
   
   اختبر الفيلم وسترى النص يختفي مع تحريك الخنفساء فوقه. بمجرد أن تتوقف الخنفساء الحمراء عن المسرح ، سنقوم بنقل الخنفساء الذهبي (طبقة الأخطاء 1) إلى أعلى وإلى اليمين حتى تختفي أيضًا من على خشبة المسرح.
   
   
4. انقر على الإطار 160 على طبقة الشوائب 1 وأضف Keyframe لنقطة انطلاق الرسوم المتحركة للخنفساء الذهبية. دعونا نستخدم 20 إطارًا لتحريك الخنفساء الذهبي عن المسرح. انقر على الإطار 180 وأضف Keyframe. نقل الخنفساء الذهب صعودا وخارج المرحلة.
   
   
5. انقر بزر الماوس الأيمن بين الإطار 160 و 180 وقم بإنشاء Motion Tween. انقر فوق الإطار 180 وأضف إطارًا إلى طبقات "التفاصيل الثابتة" و "الخلفية" لجعل محتويات هذه الطبقات مرئية مرة أخرى.
   
   أخيرًا ، نريد نقل الخنفساء الذهبي مرة أخرى إلى موضعه الأصلي في أسفل يسار المرحلة. لكننا لا نريد أن ينتقل الخطأ من أعلى المرحلة. نريدها أن ترتفع من تحت المرحلة. لذلك نحتاج أولاً إلى وضع الخنفساء الذهبي على اليسار وتحت المرحلة. بعد ذلك ، كل ما نحتاج إلى القيام به هو تحريكه للأعلى إلى موضعه الأصلي بحيث يمكن تكرار الرسوم المتحركة. سوف نستخدم 10 إطارات لنقل الخنفساء مرة أخرى إلى مكانها.
   
   
6. ارجع إلى الإطار 1 في طبقة الأخطاء 1 وحدد الخنفساء الذهبية. انقر فوق تحرير - نسخ لحفظ الموضع الأصلي للخنفساء الذهبية.
   
   
7. لا يزال في الطبقة Bug 1 ، أضف Keyframe إلى الإطار 190. انقر فوق تحرير - مسح لإزالة الخنفساء الذهبي الموجود بالفعل. ثم ، انقر فوق تحرير - لصق في المكان لإعادة الخنفساء الذهبي مرة أخرى إلى الموضع الأصلي.
   
   
8. لا يزال في طبقة الأخطاء 1 ، انقر فوق الإطار 181 وإضافة Keyframe. ثم ، قم بإزالة الخنفساء الذهبي الموجود بالفعل. ضع الخنفساء الذهبي مرة أخرى في الموضع الأصلي على هذا الإطار (لصق في المكان). ثم ، اسحب هذا الخنفساء إلى تحت المرحلة. أضف Motion Tween بين الإطار 181 و 190 والذي سينقل الخنفساء إلى أعلى وعلى المسرح.
   
   
9. انقر فوق الإطار 190 وأضف إطارًا إلى طبقات "التفاصيل الثابتة" و "الخلفية" لجعل المحتويات على هذه الطبقات مرئية مرة أخرى.
   
   

اختبار وحفظ blinkie كما blinkie3.fla. ثم قم بنشر blinkie الخاص بك كملف .swf واستمتع بلينكي الجديد.

تصاميم J3

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: احصل على ملصقات بالمجان و الى باب منزلك (أبريل 2024).