Flash Thanksgiving Animation

• April 23, 2024

In diesem Tutorial erstellen wir einen einfachen Texteffekt Tween mit Flash^R. Bewegungsvoreinstellungen für ein Thanksgiving-Projekt. Wenn Sie den Digital Art-Tutorials gefolgt sind, haben Sie bereits das Hintergrundbild für dieses Projekt erstellt. Wenn nicht, verwenden Sie den Link unten auf der Seite, um das Tutorial zu lesen.

Der erste Schritt besteht darin, alle Ebenen in unserem Photoshop zusammenzuführen^R. Bild. Wie im Tutorial erwähnt, brauchten wir jedes Blatt auf einer eigenen Ebene, als wir das Hintergrundbild erstellten. Jetzt, da wir bereit sind, es als Hintergrundbild für unsere Flash-Animation zu verwenden, können wir alle Ebenen zu dieser einen Hintergrundebene zusammenführen.

1. Öffnen Sie Ihr Hintergrundbild in Photoshop. Klicken Sie in der Menüleiste auf Ebene - Bild reduzieren. Jetzt können wir diese Version unseres Bildes im Standard-PSD-Format speichern. Um die geschichtete Version intakt zu halten, müssen wir diese abgeflachte Version unter einem neuen Namen speichern. Nennen wir es ThanksgivingFlattened.psd.
   
   
2. Starten Sie ein neues Projekt in Flash CS4. Benennen Sie Ebene 1 in "Hintergrund" um.
   
   
3. Wir können unser abgeflachtes Bild in unser Flash-Projekt importieren. Klicken Sie auf Datei - Importieren - In Bühne importieren. Navigieren Sie zu Ihrer ThanksgivingFlattened.psd und wählen Sie diese als Importbild aus. Es sollte auf der Flash-Bühne erscheinen.
   
   Da das Hintergrundbild dieselbe Breite und Höhe wie die Standard-Flash-Bühne hat, wird es automatisch auf der Bühne zentriert und ist einsatzbereit.
   
   
4. Fügen Sie der Zeitleiste eine neue Ebene hinzu und nennen Sie sie "Happy Thanksgiving". Dadurch wird das voreingestellte Bewegungs-Tween für unseren Text "Happy Thanksgiving" gespeichert.
   
   
5. Klicken Sie mit dem Textwerkzeug auf die Bühne und fügen Sie unseren Text in das Textfeld ein. Im Eigenschaftenfenster können Sie Schriftart, Stil, Größe und Farbe des Texts ändern. Im Beispiel habe ich den Text "Times New Roman" beibehalten, aber die Größe auf 35pt festgelegt. Ich habe auch den Anti-Alias ​​für die Animation festgelegt und die Farbe in ein dunkles Rot geändert (# BD2226).
   
   
6. Klicken Sie bei noch ausgewähltem Text auf Fenster - Bewegungsvoreinstellungen, um das Bedienfeld zu öffnen. In diesem Bereich befinden sich mehrere Voreinstellungen im Ordner "Standardvoreinstellungen". Experimentieren Sie mit jeder Voreinstellung, um festzustellen, welche Sie in Ihrer Animation verwenden möchten. Im Beispiel habe ich die Voreinstellung "Multiple-Bounce" verwendet.
   
   Bei der Arbeit mit Motion Presets ist eines zu beachten. Die Voreinstellung wird auf das Objekt (unseren Text) angewendet, wie es im ersten Frame der voreingestellten Animation angezeigt wird. An dieser Stelle konzentriert sich unser Text auf die Bühne. In der Voreinstellung für Mehrfachsprung wird der Text ein wenig abfallen und einige Male springen. Wenn ich die Voreinstellung jedoch an der aktuellen Position auf den Text anwende, wird der Text beim Ablegen nicht sichtbar. Es wird am unteren Ende der Bühne abfallen und wir werden nicht sehen können, wie es abprallt. Daher muss ich den Text oben oder über der Bühne platzieren. Auf diese Weise fällt es herunter und springt in der Mitte der Bühne. Dies ist der Effekt, den wir wollen. Wenn Sie eine andere Voreinstellung verwenden, möchten Sie entscheiden, wo sich der Text zu Beginn Ihrer Animation befinden soll.
   
   
7. Wählen Sie den Text aus und ziehen Sie ihn direkt über die Bühne. Um eine Voreinstellung auf Ihren Text anzuwenden, wählen Sie die Voreinstellung Ihrer Wahl aus und klicken Sie auf die Schaltfläche Übernehmen.
   
   Jedes Preset ist ein Bewegungs-Tween mit einer festgelegten Anzahl von Frames, die der Happy Thanksgiving-Ebene hinzugefügt werden.
   
   
8. Bevor wir unsere Animation testen, müssen wir die Hintergrundebene bis zum Ende des voreingestellten Tween erweitern. Im Beispiel ist dies Frame 75. Klicken Sie mit der rechten Maustaste auf diesen Frame auf der Hintergrundebene und fügen Sie einen Frame ein. Jetzt können wir auf Control - Test Movie klicken, um eine Vorschau unserer bisherigen Animation anzuzeigen.
   
   

Im nächsten Tutorial werden wir diese Animation verfeinern und eine zweite Voreinstellung hinzufügen, um unser Projekt abzuschließen. Speichern Sie zu diesem Zeitpunkt Ihr Projekt im Standardformat .fla.

Weiter →

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: Lyraptor (My Little Pony Flash Thanksgiving Special) (April 2024).