Tekst morphing in Photoshop-animatie

• Mei 8, 2024

Tot zover in deze lopende Photoshop^R animatieproject, we hebben een tekstvervagingseffect en een eenvoudige op tekst gebaseerde tekstanimatie voor de blinkie gemaakt. We hebben 47 frames in onze animatie. Nu zullen we de tekst op de J3 Designs (website naam) laag veranderen met behulp van Photoshop's Warped Text-functie en het animatiepalet.

1. Om de morph van de naam van de website voor te bereiden, moeten we een nieuw frame toevoegen (Frame 48) en de duur terug instellen op .1 sec. We moeten ook de zichtbaarheid van de Ontwerper en voor lagen. Schakel vervolgens de zichtbaarheid van de J3 ontwerpen (naam van website) laag in het palet Lagen.
   
   
2. Nu kunnen we de morph beginnen. Voeg een nieuw frame (Frame 49) toe aan het palet Animatie. Ga terug naar de blinkie en selecteer de tekst "J3 Designs" met het gereedschap Tekst. Hiermee kun je de knop Tekst verdraaien gebruiken. Klik op de knop om het dialoogvenster Tekst verdraaien te openen. Stel de vervolgkeuzelijst Stijl in op Vis, het keuzerondje op Horizontaal en houd de schuifregelaars ingesteld op 0. Sluit het dialoogvenster.
   
   
3. Voeg een nieuw frame toe (frame 50) om het eindframe voor de eerste helft van de morph-animatie in te stellen. Selecteer de tekst opnieuw en open het dialoogvenster Tekst verdraaien. Verplaats de schuifregelaar Buigen naar 100 en sluit het dialoogvenster.
   
   
4. Selecteer Frames 49 en 50 om de morph-animatie te maken. Kies Tween in het paletmenu. Stel het aantal frames in op 5 en klik op OK. Photoshop voegt de tween-frames toe. Je hebt 55 frames in de animatie.
   
   
5. Laten we nu de andere kant opgaan met de morph. Voeg een nieuw frame toe (Frame 56). Selecteer de tekst en open het dialoogvenster Tekst verdraaien. Zet de Bend-schuifregelaar terug op 0 en sluit het dialoogvenster. Selecteer Frames 55 en 56 en maak een andere Tween met een duur van 5 frames. Photoshop voegt de tween-frames toe en u zou 61 frames in het animatiepalet moeten hebben.
   
   Nu zullen we de laatste twee stappen herhalen, maar stel deze keer de Bend-schuifregelaar in op -100 in plaats van 100.
   
   
6. Voeg een nieuw frame toe (Frame 62). Selecteer de tekst en open het dialoogvenster Wrat Text. Zet de Bend-schuifregelaar op -100. Selecteer Frames 61 en 62 en maak een andere Tween met een duur van 5 frames. Photoshop voegt de tween-frames toe en u zou 67 frames moeten hebben.
   
   
7. Voeg opnieuw een nieuw frame toe (Frame 68) en zet de Bend-schuifregelaar terug op 0. Selecteer Frame 67 en 68 en maak een laatste Tween. Je zou nu 73 frames moeten hebben.
   
   
8. Ten slotte willen we dat de animatie de website-naam (J3 Designs) gedurende 2 seconden laat zien. Voeg een nieuw frame toe (Frame 74) en stel de duur in op 2 sec.
   
   

Selecteer frame 1 in het animatiepalet en speel uw animatie af. Sla uw project op als blinkie2.psd. In de volgende tutorial gaan we onze bugs verplaatsen en de animatie voltooien.

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: Creating a User Controllable Head Turning Owl ( Morph Targets Tutorial ), Part I (Mei 2024).