Ecard Shop Animation
An dieser Stelle in unserem Flash-ProjektR.Wir haben unseren Kartenladen mit Miniaturkarten gefüllt. Jetzt ist es Zeit, mit der Präsentation unserer Künstler zu beginnen. Jeder Künstler hat eine Karte im Regal. Wir werden jede dieser Karten animieren und die Informationen des Künstlers in einem Textballon anzeigen.

Jede E-Card hat dieselbe Animation, daher erstellen wir die Animation sechsmal. Denken Sie daran, unser Ziel ist es, dass jede E-Card als kleine E-Card im Regal beginnt und vergrößert wird, um die Bühne fast auszufüllen. Unser erster Schritt besteht darin, einige horizontale und vertikale Hilfslinien festzulegen, mit denen wir die E-Card und den Textballon positionieren können. Unsere erste E-Card wird eine Winter-Schneemannszene sein, die Kate Mawdsley in Aquarellfarben gemalt hat. Zuerst importieren wir die E-Card-Grafik in die Flash-Bibliothek.

Fügen Sie als Nächstes einen Keyframe auf einer Ebene der Timeline hinzu, auf der die Animation beginnen soll. Beginnen wir mit Frame 275. Ziehen Sie die E-Card-Grafik auf die Bühne und platzieren Sie sie neben den Hilfslinien. Klicken Sie mit der rechten Maustaste und konvertieren Sie die Grafik in ein Symbol namens KateM. Klicken Sie erneut mit der rechten Maustaste und wählen Sie im Menü die Option "Bewegungs-Tween erstellen". Wir werden die ersten 30 Bilder verwenden, um die kleine E-Card aus dem Regal zu zoomen. Wenn wir über Frame 275 hinaus 30 Frames hinzufügen, wird die E-Card in Frame 305 auf die volle Größe vergrößert. Fügen Sie Frame 305 einen Keyframe hinzu. Dadurch wird die volle Größe und Endposition der E-Card "gesperrt".

Jetzt können wir zu Frame 275, dem Beginn der Animation, zurückkehren und das Transformationswerkzeug verwenden, um die E-Card auf ein kleines Quadrat zu reduzieren. Als nächstes legen wir die kleine E-Card auf die passende E-Card im Regal. Verwenden Sie den Schieberegler "Zeitleiste", um entlang der 30 Bilder unserer Animation zu scrubben. Wir sollten sehen, wie die Karte im Regal beginnt und auf die volle Größe vergrößert wird. Eine letzte Berührung besteht darin, die Deckkraft der E-Card zu Beginn der Animation auf 0% zu reduzieren. Jetzt beginnt die Karte unsichtbar und zoomt in den ersten 30 Bildern auf volle Größe und Deckkraft.

Für die nächsten 60 Frames (305 bis 365) möchten wir, dass die E-Card auf der Bühne bleibt und im Grunde nichts tut. Dies gibt dem Betrachter die Möglichkeit, die E-Card anzuzeigen. In dieser Zeit werden wir auch den Textballon hinzufügen. Fügen Sie also Frame 365 einen Keyframe hinzu, um die E-Card über diesen 60 Frames zu "sperren". Schließlich werden wir die Deckkraft der E-Card verringern, damit sie ausgeblendet erscheint. Dies dauert nur 10 Frames. Fügen Sie Frame 375 einen Keyframe hinzu und reduzieren Sie die Deckkraft der E-Card auf 0%. Das ist die gesamte Animation für die erste E-Card. Jetzt können wir die passende Animation für den Textballon hinzufügen.

Pamela Gladding Ecards

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: Speed Illustration & Animation | Making of Thanksgiving eCard for Hallmark eCards (March 2024).