Довършване на Blinkie с Flash Motion Tweens

• Март 31, 2023

Когато за последно работихме върху анимацията Flash blinkie, току-що завършихме текстовите ефекти. Последният текстов ефект, възникнал в анимацията, беше появата и изчезването на името на уебсайта „J3 Designs“. Той изчезва от сцената вляво с ефект на преход на времевата линия (преход 3 на времевата линия). Имаше причина за това и предстои да разберете каква е тази причина.

Не забравяйте, че като част от дизайнерските детайли имаме тези две калинки. Е, време е да ги накараме да работят. Когато изградихме слоевете към нашия проект blinkie, добавихме златната калинка към слоя Bug 1. Сега, първото нещо, което ще направим, е да добавим втория калинка към нов слой, който ще наречем Bug 2. Искаме този червен калинка да се появи изпод камеята. Следователно ще трябва да поставим новия слой под слоя Static Details.

Отворете blinkie2.fla във Flash CS3 и нека да работим. Искаме калинката да започне да се движи под камеята, тъй като името на уебсайта започва да изчезва. Искаме да изглежда, че текстът изчезва заради калинката. Така че ще добавим тази нова калинка към Frame 110, която е, когато текстът започне да изчезва.

1. Щракнете върху File - Import - Import to Library, за да отворите диалоговия прозорец Import и добавете червената калинка към нашата библиотека.
   
   
2. Добавете нов слой под слоя Static Details и го наречете „Bug 2“. Добавете ключов кадър (Вмъкване - Времева линия - Ключова рамка) към Frame 110. Плъзнете червената калинка от библиотеката до под камерата и извън полезрението за сега.
   
   Искаме тази калинка да се движи вляво, докато изчезне от сцената, докато текстът изчезне. Така че, искаме калинката чак вляво и извън сцената до момента, в който достигнем Frame 160.
   
   
3. Кликнете върху Frame 160 на слоя Bug 2, добавете Keyframe и плъзнете червената калинка вляво и чак до сцената. Щракнете с десния бутон между Frame 110 и 160 и изберете Create Motion Tween от изскачащото меню.
   
   Тествайте филма и трябва да видите как текстът изчезва, докато калинката се движи върху него. След като червената калинка е извън сцената, ще преместим златната калинка (бъг 1 слой) нагоре и надясно, докато тя също изчезне от сцената.
   
   
4. Кликнете върху Frame 160 на слоя Bug 1 и добавете Keyframe за начална точка за анимацията на златната калинка. Нека използваме 20 кадъра, за да преместим златната калинка от сцената. Кликнете върху Frame 180 и добавете Keyframe. Преместете златната калинка нагоре и извън сцената.
   
   
5. Щракнете с десния бутон между Frame 160 и 180 и създайте Motion Tween. Кликнете върху Frame 180 и добавете Frame към слоевете Static Details и Background, за да направите съдържанието на тези слоеве отново видимо.
   
   Накрая искаме да преместим златната калинка обратно в първоначалното си положение в долната лява част на сцената. Но не искаме бъгът да се движи надолу от върха на сцената. Искаме тя да се движи нагоре изпод сцената. Затова трябва първо да поставим златната калинка вляво и под сцената. Тогава всичко, което трябва да направим, е да го преместим нагоре обратно в първоначалното си положение, за да може анимацията да се повтори. Ще използваме 10 кадъра, за да върнем калинката обратно на мястото си.
   
   
6. Върнете се обратно към Frame 1 на слоя Bug 1 и изберете златната калинка. Кликнете върху Редактиране - Копиране, за да запазите първоначалната позиция на златната калинка.
   
   
7. Все още върху слоя Bug 1 добавете Keyframe към Frame 190. Щракнете върху Edit - Clear, за да премахнете златната калинка, която вече е там. След това щракнете върху Редактиране - Поставете на място, за да върнете златната калинка в първоначалното положение.
   
   
8. Все пак върху слоя Bug 1, щракнете върху Frame 181 и добавете Keyframe. След това премахнете златната калинка, която вече е там. Поставете златната калинка обратно в първоначалното положение на тази рамка (Поставете на място). След това плъзнете тази калинка към сцената. Добавете Motion Tween между Frame 181 и 190, който ще премести калинката нагоре и на сцената.
   
   
9. Щракнете върху Frame 190 и добавете Frame към статичните детайли и фоновите слоеве, за да направите отново съдържанието на тези слоеве видимо.
   
   

Тествайте и запишете blinkie като blinkie3.fla. След това публикувайте blinkie като .swf файл и се насладете на новото си blinkie.

J3 дизайни

Copyright 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 в Съединените щати и / или други страни.

Инструкции Видео: Обявиха обществена поръчка за довършване на Старческия дом в Шумен (Март 2023).