Motion Tween u programu Photoshop Advertising Blinkie

• Svibanj 13, 2024

U ovom vodiču za Photoshop CS3 završit ćemo reklamni blinkie premještanjem teksta i bubamara s blinkeja, ostavljajući ga praznim za ponovno pokretanje animacije. U posljednjem tutorialu smo završili preslikavanje teksta na Frame 74.

Sada ćemo početi pomicati crvenu damu ispod kamena i prema tekstu (J 3 Dizajni). Dajmo bubamaru 15 okvira da dođu do desnog ruba teksta. Od tog trenutka pomaknut ćemo i tekst i džaba zajedno za 60 okvira dok ne nestanu s treptaja. Dalje ćemo premjestiti zlatnu bubu iz donjeg lijevog ugla prema gornjem desnom kutu, a izvan treptaja. Dajmo ovom damu 20 okvira za ovaj zadatak.

U ovom će trenutku treptaj biti prazan. Dajmo publici mali period odmora od 5 okvira prije nego što zlatnu bubu pomaknemo natrag u prvobitni položaj u donjem lijevom kutu treptaja. Ovo će dovršiti cjelokupnu animaciju koja će se ponavljati sve dok svijet ne bude na kraju.

Otvorite datoteku projekta blinkie2.psd u Photoshopu^R i krenimo.

1. Naš prvi korak je pomicanje crvene bubice prema tekstu. Dodajte Frame 75 i vratite trajanje na 0,1 sekundu. Dodajte Frame 76 i kliknite na sloj Red Ladybug u paleti Slojevi. Sada kliknite na alat Move i upotrijebite ga da pomičete bubu na svoje mjesto na desnom kraju teksta. Također možete upotrijebiti strelice na tipkovnici za postavljanje bubamara.
   
   
2. Odaberite Frame 75 i 76 i stvorite Motion Tween u trajanju od 15 okvira. Sada biste trebali imati 91 okvir.
   
   
3. Sada ćemo koristiti Motion Tween od 60 okvira za pomicanje greške i teksta iz vida. Na Frame 91 odaberite slojeve Red Ladybug i J 3 Designs u paleti slojeva. Dodajte novi Frame 92 i povucite i grešku i tekst s lijeve strane i dalje s treptaja. Odaberite Okviri 91 i 92 i dodajte Tween od 60 okvira. Trebali biste imati 152 okvira.
   
   Sad bi bilo dobro vrijeme za testiranje animacije.
   
   
4. Vrijeme je da probudim tu zlatnu bubamaru i da je zaposlim. Dodajte novi Frame 153 i odaberite Zlatni Ladybug sloj u paleti Slojevi. Dodajte još Frame 154 i povucite zlatnu bubu u gornju desnu i s gorušice. Odaberite Okviri 153 i 154 i dodajte okvir između 20 okvira. Trebali biste imati 174 okvira.
   
   
5. Želimo da blinkie ostane prazan u duljini od pet .l sec okvira. Dakle, promijenimo trajanje Frame 174 na .5 sec.
   
   Napokon, moramo vratiti zlatnu bubu natrag u njezin početni položaj.
   
   
6. Vratite se na Frame 1 i zatim na skočnom izborniku palete Animation kliknite Kopiraj okvir. Odaberite posljednji okvir (174) i kliknite Zalijepi okvir. U dijaloškom okviru Zalijepi okvire odaberite Zalijepi nakon odabira i kliknite U redu. To će dodati Frame 175.
   
   
7. Dodajte novi Frame 176 za dupliciranje Frame 175. Vratite se na Frame 175 i, sa zlatnim bubamastim slojem koji je još uvijek odabran u paleti Slojevi, povucite ladicu prema dolje i s nje.
   
   
8. Odaberite oba okvira 175 i 176 i dodajte 10 okvira okvira. Trebali biste imati 186 okvira.
   
   
9. Provjerite je li opcija Looping postavljena na Forever (dno palete Animation) i spremite svoj blinkie kao AdvBlinkie.psd. Vratite se na Frame 1 i testirajte svoj gotov blinkie. Također ćete htjeti koristiti opciju Spremi za web i uređaje iz izbornika Datoteka da biste spremili treptaj u gif formatu za web.
   
   

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

Upute Video: Clip Studio Paint Animation Tutorial Beginners Tips & Tricks (Svibanj 2024).