Motion Tween i Photoshop Advertising Blinkie

• Kan 3, 2024

I denne Photoshop CS3-tutorial afslutter vi annonceringsknappen ved at flytte teksten og marihønerne fra blinket og lade det være tomt for at starte animationen igen. I den sidste tutorial afsluttede vi teksten som morphing ved Frame 74.

Nu vil vi begynde at bevæge den røde marihøne fra under komoen og mod teksten (J 3 Designs). Lad os give ladybug 15 rammer for at nå den højre kant af teksten. Fra det tidspunkt flytter vi både teksten og marihønen sammen i 60 billeder, indtil de forsvinder ud af blinket. Dernæst flytter vi guld marihøne fra nederste venstre hjørne mod øverste højre hjørne og fra blinklyden. Lad os give denne ladybug 20 rammer til denne opgave.

På dette tidspunkt vil blinket være tomt. Lad os give publikum en lille hvileperiode på 5 billeder, inden vi flytter den gyldne marihøne tilbage til hendes oprindelige position nederst til venstre på blinket. Dette vil afslutte hele animationen, der gentages, indtil verden kommer til slut.

Åbn din blinkie2.psd-projektfil i Photoshop^R og lad os komme i gang.

1. Vores første skridt er at flytte den røde marihøne mod teksten. Tilføj ramme 75, og indstil varigheden tilbage til .1 sek. Tilføj ramme 76, og klik på det røde Ladybug-lag i lagpaletten. Nu skal du klikke på Flyt værktøjet og bruge det til at flytte marihønen på plads i højre ende af teksten. Du kan også bruge retningspile på dit tastatur til at placere marihøne.
   
   
2. Vælg både Frame 75 og 76 og opret en Motion Tween med en varighed på 15 frames. Du skal nu have 91 rammer.
   
   
3. Nu vil vi bruge en Motion Tween på 60 billeder til at flytte både bug og tekst ud af syne. På ramme 91 skal du vælge både den røde mariehøns og J 3 Designs lagene i lagpaletten. Tilføj en ny ramme 92, og træk både bug og tekst til venstre og fra blinklyden. Vælg både Rammer 91 og 92, og tilføj en Tween på 60 rammer. Du skal have 152 rammer.
   
   Nu ville det være et godt tidspunkt at teste animationen.
   
   
4. Det er tid til at vågne op for den gyldne marihøne og sætte hende på arbejde. Tilføj en ny ramme 153, og vælg det gyldne ladybug-lag i lagpaletten. Tilføj en anden ramme 154, og træk guld marihønsfejlet til øverste højre hjørne og fra blinklyden. Vælg både rammer 153 og 154, og tilføj en 20-frame Tween. Du skal have 174 rammer.
   
   
5. Vi ønsker, at blinkien skal være tom i længden på fem .l sek. Rammer. Så lad os ændre varigheden af ​​Frame 174 til .5 sek.
   
   Endelig er vi nødt til at flytte den gyldne marihøne tilbage til hendes udgangsposition.
   
   
6. Gå tilbage til ramme 1, og klik på Kopier ramme fra pop op-menuen Animationspalette. Vælg den sidste ramme (174), og klik på Indsæt ramme. Vælg Indsæt efter markering i dialogboksen Indsæt rammer, og klik på OK. Dette tilføjer ramme 175.
   
   
7. Tilføj en ny ramme 176 for at duplikere ramme 175. Gå tilbage til ramme 175, og med det gyldne ladybug-lag stadig valgt i lagpaletten, træk marihønen nedad og slukket for blinket.
   
   
8. Vælg både Rammer 175 og 176, og tilføj en 10-rammer Tween. Du skal have 186 rammer.
   
   
9. Sørg for, at Looping Options er indstillet til Forever (bunden af ​​animationspaletten), og gem din blink som AdvBlinkie.psd. Gå tilbage til ramme 1, og test din færdige blink. Du vil også bruge indstillingen Gem til web og enheder i menuen Filer til at gemme din blink i gif-format til internettet.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Flash animated banners, Chicago marketing and advertising agency (Kan 2024).