Morphing-Text in Photoshop-Animation

• April 18, 2024

Bisher in diesem laufenden Photoshop^R. Im Animationsprojekt haben wir einen Textüberblendungseffekt und eine einfache gerahmte Textanimation für das Blinkie erstellt. Wir haben 47 Bilder in unserer Animation. Jetzt werden wir den Text auf der Ebene "J3 Designs" (Website-Name) mithilfe der Warped Text-Funktion von Photoshop und der Animationspalette ändern.

1. Um sich auf die Änderung des Website-Namens vorzubereiten, müssen wir einen neuen Frame (Frame 48) hinzufügen und die Dauer auf 0,1 Sekunden zurücksetzen. Wir müssen auch die Sichtbarkeit für die deaktivieren Designer und zum Schichten. Schalten Sie dann die Sichtbarkeit des ein J3 Designs Ebene (Website-Name) in der Ebenen-Palette.
   
   
2. Jetzt können wir den Morph starten. Fügen Sie der Animationspalette einen neuen Frame (Frame 49) hinzu. Gehen Sie zurück zum Blinkie und wählen Sie mit dem Textwerkzeug den Text „J3 Designs“ aus. Auf diese Weise können Sie die Schaltfläche Warp-Text verwenden. Klicken Sie auf die Schaltfläche, um das Dialogfeld Warp-Text zu öffnen. Setzen Sie die Dropdown-Liste Stil auf Fisch, das Optionsfeld auf Horizontal und halten Sie die Schieberegler auf 0. Schließen Sie das Dialogfeld.
   
   
3. Fügen Sie ein neues Bild hinzu (Bild 50), um das Endbild für die erste Hälfte der Morph-Animation festzulegen. Wählen Sie den Text erneut aus und öffnen Sie das Dialogfeld Warp-Text. Bewegen Sie den Schieberegler Biegen auf 100 und schließen Sie das Dialogfeld.
   
   
4. Um die Morph-Animation zu erstellen, wählen Sie Frames 49 und 50. Wählen Sie im Palettenmenü Tween. Stellen Sie die Anzahl der Frames auf 5 ein und klicken Sie auf OK. Photoshop fügt die Tween-Frames hinzu. Die Animation enthält 55 Bilder.
   
   
5. Gehen wir jetzt mit dem Morph in die andere Richtung zurück. Fügen Sie einen neuen Rahmen hinzu (Rahmen 56). Wählen Sie den Text aus und öffnen Sie das Dialogfeld Warp-Text. Setzen Sie den Schieberegler Biegen wieder auf 0 und schließen Sie das Dialogfeld. Wählen Sie die Frames 55 und 56 aus und erstellen Sie ein weiteres Tween mit einer Dauer von 5 Frames. In Photoshop werden die Tween-Frames hinzugefügt, und die Animationspalette sollte 61 Frames enthalten.
   
   Jetzt werden wir die letzten beiden Schritte wiederholen, aber diesmal den Bend-Regler auf -100 anstatt auf 100 setzen.
   
   
6. Fügen Sie einen neuen Rahmen hinzu (Rahmen 62). Wählen Sie den Text aus und öffnen Sie das Dialogfeld Wart Text. Stellen Sie den Bend-Schieberegler auf -100. Wählen Sie die Frames 61 und 62 aus und erstellen Sie ein weiteres Tween mit einer Dauer von 5 Frames. Photoshop fügt die Tween-Frames hinzu und Sie sollten 67 Frames haben.
   
   
7. Fügen Sie erneut einen neuen Frame hinzu (Frame 68) und setzen Sie den Schieberegler Biegen wieder auf 0. Wählen Sie Frame 67 und 68 aus und erstellen Sie ein letztes Tween. Sie sollten jetzt 73 Frames haben.
   
   
8. Schließlich soll in der Animation der Name der Website (J3 Designs) 2 Sekunden lang angezeigt werden. Fügen Sie einen neuen Frame hinzu (Frame 74) und stellen Sie die Dauer auf 2 Sekunden ein.
   
   

Wählen Sie in der Animationspalette Bild 1 aus und spielen Sie Ihre Animation ab. Speichern Sie Ihr Projekt als blinkie2.psd. Im nächsten Tutorial werden wir beginnen, unsere Fehler zu verschieben und die Animation zu beenden.

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Photoshop Morphing Classroom: How to morph 2 png images (April 2024).