Animierte Palmen aus Rastergrafiken

• Kann 9, 2024

In den nächsten beiden Tutorials werden wir Palmen in Flash animieren^R. CS5. Dies war Teil einer Flash-E-Card-Animation, die ich für Pamela Gladding Ecards erstellt habe. Das Kunstwerk stammt von Louise Max, einer der Künstlerinnen bei P G Ecards. Pamela entwickelte das Animations-Storyboard für diese E-Card. Eine der ersten Aufgaben bestand darin, zwei Palmen am Strand zu animieren. Diese Animation wird während der gesamten E-Card-Animation und auch nach dem Ende der Karte fortgesetzt.

Ich habe keine Palme gesehen, also bin ich zu Google gegangen und habe nach Videos von Palmen gesucht, die sich im Wind bewegen. Was Sie zuerst bemerken werden, ist, dass sich der Stamm der Palme nur sehr wenig bewegt, es sei denn, es handelt sich um einen Hurrikan. Die ganze Aktion findet in den Palmen statt, die sich anmutig im Wind wiegen.

Als mir das Bildmaterial für die E-Card in einer überlagerten Photoshop-Datei per E-Mail zugeschickt wurde, wurden die Palmen der Palme (alle in einem Stück) vom Hintergrund kopiert und auf eine transparente Ebene gelegt. Wir hatten also die Hintergrundebene, die alles enthielt (Himmel, Sand und Bäume) und eine Ebene mit der Gruppe von Palmen.

Zu diesem Zeitpunkt besteht die einzige Möglichkeit, die Palmen zu animieren, darin, die Palmengruppe in einer Tween-Ebene über dem Hintergrund zu drehen. Das würde jedoch nicht allzu realistisch aussehen. Zunächst wird die ursprüngliche Gruppe von Palmen, die sich noch in der Hintergrundebene befindet, angezeigt, wenn sich die Palmenebene dreht. Zweitens bewegt sich im wirklichen Leben jede Handfläche einzeln und nicht zusammen als Gruppe.

Da die E-Card-Animationen für P G Ecards aus Rastergrafiken erstellt werden, sind die Animationsmöglichkeiten im Vergleich zu Vaster-Animationen begrenzt. Wenn wir also einen Teil der Animation realistischer gestalten können, wird der Gesamteindruck der E-Card verbessert.

Wir können eine realistischere Animation erstellen, indem wir jede Handfläche einzeln bewegen. Die erste Aufgabe bestand also darin, jede der Palmen auszuwählen und auf einer eigenen transparenten Ebene zu platzieren. Ein Trick, den ich im Laufe der Jahre verwendet habe, ist das Vergrößern, um den Bereich zu vergrößern, den Sie auswählen möchten, und das polygonale Lasso-Werkzeug. Da die Farben in den Handflächen so ähnlich sind, funktioniert dies besser als das Schnellauswahlwerkzeug.

Wie Sie sehen können, ist die ursprüngliche Palmengruppe oben abgeschnitten. Diese gerade Kante wäre ein Problem, wenn die Handflächen animiert werden und den fehlenden Abschnitt der Handflächen beim Drehen anzeigen. Unser nächster Schritt bestand also darin, die einzelnen verfügbaren Palmenstücke zu verwenden, um die fehlende Sekunde dieser oberen Palmen auszufüllen.

Schließlich möchten wir für das Hintergrundbild die Palmen entfernen und die leeren Löcher im Himmel füllen, die beim Entfernen der Palmen aus dem Hintergrund entstanden sind. Da der Himmel fast einfarbig ist, können wir die inhaltsbewusste Füllung verwenden, um den fehlenden Himmel einfach zu ersetzen.

Jetzt sind wir bereit, die Palmen zu animieren.

Weiter →

Fertige E-Card bei Pamela Gladding Ecards anzeigen

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: Der Besuch (Animation) (Kann 2024).