Dovršavanje treptaja s Flash Motion Tweens-om

• Travanj 25, 2024

Kad smo posljednji put radili na Flash blinkie animaciji, tek smo završili tekstualne efekte. Posljednji tekstualni efekt koji se pojavio u animaciji bio je pojava i nestanak naziva web stranice "J3 Dizajni". Nestaje s pozornice slijeva s efektom prijelaza vremenske trake (Prijelaz 3 na vremenskoj traci). Za to je postojao razlog, a vi ćete otkriti što je to bio razlog.

Zapamtite da kao dio detalja u dizajnu imamo te dvije dame. Vrijeme je da ih pokrenete. Kad smo izgradili slojeve u našem projektu blinkie, u sloj Bug 1 dodali smo zlatnu bubu. Sada, prva stvar koju ćemo učiniti je dodati drugu damu u novi sloj koji ćemo zvati Bug 2. Želimo da se ovaj crveni bubulj pojavi ispod kamena. Stoga ćemo novi sloj morati staviti ispod sloja statičkih detalja.

Otvorite blinkie2.fla u Flash CS3 i krenimo na posao. Želimo da se ladybug počne kretati ispod kamena kada naziv web stranice počne nestajati. Želimo da izgleda kao da tekst nestaje zbog bubama. Stoga ćemo na Frame 110 dodati ovu novu damu, a to je kada tekst počne nestajati.

1. Kliknite Datoteka - Uvezi - Uvezi u biblioteku da biste otvorili dijaloški okvir Uvezi i dodali crvenu bubu u našu knjižnicu.
   
   
2. Dodajte novi sloj ispod sloja Statički detalji i imenovajte ga „Bug 2“. Dodajte ključni okvir (Umetanje - Vremenska crta - Okvir ključa) u okvir 110. Povucite crvenu bubu iz biblioteke, za sada ispod kamena i van pogleda.
   
   Želimo da se ova dlana pomakne ulijevo dok ne nestane s pozornice dok tekst nestane. Dakle, želimo damu sve do lijeve i izvan pozornice do trenutka kad stignemo do okvira 160.
   
   
3. Kliknite na okvir 160 na sloju Bug 2, dodajte ključni okvir i povucite crvenu bubu lijevo i skroz s pozornice. Kliknite desnom tipkom miša između okvira 110 i 160 i na skočnom izborniku odaberite Create Motion Tween.
   
   Isprobajte film i trebali biste vidjeti kako tekst nestaje dok se bubuljica kreće po njemu. Jednom kada crvena bubica nestane s pozornice, pomaknut ćemo zlatnu bubu (sloj Bug 1) gore i udesno dok također ne nestane s pozornice.
   
   
4. Kliknite na okvir 160 na sloju Bug 1 i dodajte ključni okvir za početnu točku animacije zlatne bubice. Koristimo 20 okvira da pomaknemo zlatnu bubu s pozornice. Kliknite na okvir 180 i dodajte ključni okvir. Pomaknite zlatnu bubu gore i s pozornice.
   
   
5. Kliknite desnom tipkom između okvira 160 i 180 i stvorite Motion Tween. Kliknite na okvir 180 i dodajte okvir slojevima statičkih detalja i pozadine kako bi sadržaj na tim slojevima bio ponovo vidljiv.
   
   Na kraju, želimo vratiti zlatnu bubu u prvobitni položaj u donjem lijevom dijelu pozornice. Ali ne želimo da se kuka spusti s vrha pozornice. Želimo da se pomakne ispod pozornice. Dakle, prvo moramo postaviti zlatnu bubu ulijevo i ispod pozornice. Tada sve što trebamo učiniti je premjestiti ga natrag u prvobitni položaj kako bi se animacija mogla ponoviti. Koristit ćemo 10 okvira da vratimo bubu na svoje mjesto.
   
   
6. Vratite se do Frame 1 na sloju Bug 1 i odaberite zlatnu bubu. Kliknite Uredi - Kopiraj da biste spremili izvorni položaj zlatne bubice.
   
   
7. I dalje na sloju Bug 1 dodajte ključni okvir Frame 190. Kliknite Uredi - Obriši da uklonite zlatnu bubu koja je već tu. Zatim kliknite Uredi - Zalijepi na mjesto kako biste vratili zlatnu bubu u prvobitni položaj.
   
   
8. Ipak na sloju programa Bug 1 kliknite na okvir 181 i dodajte ključni okvir. Zatim uklonite zlatnu bubu koja je već tu. Vratite zlatnu bubu u prvobitni položaj na ovom okviru (Zalijepite na mjesto). Zatim povucite ovu damu ispod pozornice. Dodajte Motion Tween između Frame 181 i 190 koji će ovu damu pomaknuti gore i na pozornicu.
   
   
9. Kliknite na okvir 190 i dodajte okvir slojevima statičkih detalja i pozadine kako bi sadržaj na tim slojevima bio ponovo vidljiv.
   
   

Testirajte i spremite blinkie kao blinkie3.fla. Zatim objavite svoj blinkie kao .swf datoteku i uživajte u svom novom blinkieju.

J3 dizajni

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke 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 i Flash Paper je ili su [a] registrirani zaštitni znak ili zaštitni znak tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: ????Lokali&Customi????instagram: @axionary_????idemo na 2k subova!!!???? #pubgmobile???? (Travanj 2024).