Motion Tween in Photoshop Advertising Blinkie

• Mei 2, 2024

In deze Photoshop CS3-tutorial zullen we de advertentie-blinkie afmaken door de tekst en lieveheersbeestjes van de blinkie te verwijderen en leeg te laten om de animatie opnieuw te starten. In de laatste tutorial hebben we de tekst morphing op Frame 74 voltooid.

Nu gaan we het rode lieveheersbeestje van onder de deelscherm naar de tekst verplaatsen (J 3 Designs). Laten we het lieveheersbeestje 15 frames geven om de rechterkant van de tekst te bereiken. Vanaf dat moment zullen we zowel de tekst als het lieveheersbeestje gedurende 60 frames samen verplaatsen totdat ze van de blinkie verdwijnen. Vervolgens verplaatsen we het gouden lieveheersbeestje van de linkerbenedenhoek naar de rechterbovenhoek en van de blinkie af. Laten we dit lieveheersbeestje 20 frames geven voor deze taak.

Op dit punt is de blinkie leeg. Laten we het publiek een korte rustperiode van 5 frames geven voordat we het gouden lieveheersbeestje terugbrengen naar haar oorspronkelijke positie in de linkeronderhoek van de blinkie. Hiermee wordt de hele animatie voltooid die zich herhaalt totdat de wereld ten einde is.

Open uw blinkie2.psd-projectbestand in Photoshop^R en laten we beginnen.

1. Onze eerste stap is het rode lieveheersbeestje naar de tekst te verplaatsen. Voeg frame 75 toe en stel de duur terug in op 0,1 sec. Voeg frame 76 toe en klik op de rode lieveheersbeestje laag in het palet Lagen. Klik nu op de tool Verplaatsen en gebruik deze om het lieveheersbeestje aan de rechterkant van de tekst te plaatsen. U kunt ook de richtingpijlen op uw toetsenbord gebruiken om het lieveheersbeestje te positioneren.
   
   
2. Selecteer zowel Frame 75 als 76 en maak een Motion Tween met een duur van 15 frames. Je zou nu 91 frames moeten hebben.
   
   
3. Nu zullen we een Motion Tween van 60 frames gebruiken om zowel de bug als de tekst uit het zicht te verwijderen. Selecteer in frame 91 zowel de lagen Rood lieveheersbeestje als J 3 Ontwerpen in het palet Lagen. Voeg een nieuw Frame 92 toe en sleep zowel de bug als de tekst naar links en van de blinkie. Selecteer beide Frames 91 en 92 en voeg een Tween van 60 frames toe. U zou 152 frames moeten hebben.
   
   Het zou nu een goed moment zijn om de animatie te testen.
   
   
4. Het is tijd om dat gouden lieveheersbeestje wakker te maken en haar aan het werk te zetten. Voeg een nieuw frame 153 toe en selecteer de laag Gouden lieveheersbeestje in het palet Lagen. Voeg nog een frame 154 toe en sleep het gouden lieveheersbeestje rechtsboven en van de blinkie af. Selecteer beide Frames 153 en 154 en voeg een Tween van 20 frames toe. Je zou 174 frames moeten hebben.
   
   
5. We willen dat de blinkie leeg is voor de lengte van vijf frames van 1 seconde. Laten we de duur van frame 174 dus wijzigen in .5 sec.
   
   Eindelijk moeten we het gouden lieveheersbeestje terug in haar startpositie brengen.
   
   
6. Ga terug naar Frame 1 en klik op Frame kopiëren in het pop-upmenu van het animatiepalet. Selecteer het laatste frame (174) en klik op Frame plakken. Kies Plakken na selectie in het dialoogvenster Frames plakken en klik op OK. Hiermee wordt frame 175 toegevoegd.
   
   
7. Voeg een nieuw Frame 176 toe om Frame 175 te dupliceren. Ga terug naar Frame 175 en, met de Gouden Lieveheersbeestje-laag nog steeds geselecteerd in het Lagen-palet, sleep het lieveheersbeestje naar beneden en van de blinkie af.
   
   
8. Selecteer beide Frames 175 en 176 en voeg een Tween van 10 frames toe. U zou 186 frames moeten hebben.
   
   
9. Zorg ervoor dat de Looping-opties zijn ingesteld op Forever (onderaan in het palet Animatie) en sla je blinkie op als AdvBlinkie.psd. Ga terug naar frame 1 en test je voltooide blinkie. Je wilt ook de optie Opslaan voor web en apparaten in het menu Bestand gebruiken om je blinkie in gif-indeling voor het web op te slaan.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Clip Studio Paint Animation Tutorial Beginners Tips & Tricks (Mei 2024).