Motion 3D Animation - Die Grafik

• April 27, 2024

Animationen in 3D können verwirrend sein, aber Apple Motion verfügt über benutzerfreundliche Steuerelemente, mit denen Sie professionelle Animationen erstellen können. In den nächsten Tutorials werden wir ein einfaches Intro mit einer Nachricht für die Weihnachtszeit erstellen.

Dieser Antrag^R Projekt hat ein wenig von allem für die Saison. Das Bokeh-Hintergrundbild ist eine Komposition aus mehreren lizenzfreien Fotografien. Der animierte Text wird in Photoshop erstellt^R und in Bewegung animiert. Die animierten Lichter werden mit dem Formwerkzeug von Motion und einigen Verhaltensweisen hinzugefügt.

Mit Ausnahme der Lichtanimation können alle anderen Designelemente in einer Photoshop-Grafik mit Ebenen erstellt werden, die dann problemlos in Motion importiert werden kann, wobei die Ebenenhierarchie beibehalten wird.

Die Animation

Die Animation beginnt mit dem Feiertagstext, der sich aus dem Schnee erhebt und die Einkerbung im Schnee belässt. Der Text steigt weiter an, bis er vertikal ist, und bewegt sich dann weiter rückwärts, bis er fast den Schnee dahinter berührt. Schließlich wird es wieder angehoben, bis es vertikal ist und dann anhält. Der schwierige Teil der Animation besteht darin, die Bewegung des Texts mit der Bewegung der Schattenbuchstaben zu synchronisieren. Da muss sich die Bewegung des Buchstabens im Schatten widerspiegeln. Eine weitere Herausforderung besteht darin, ein paar farbige Kreise zu erstellen, die der Farbe des darunter liegenden Bokeh-Lichts entsprechen, und die Kreise so zu animieren, dass sie realistisch blinken. Der letzte Teil des Intro ist der Firmenname, der neben der grünen Glocke eingeblendet wird.

Die grafischen Elemente

Diese Art von animiertem Text kann mit verschiedenen Optionen in Motion erstellt werden. Mit dem Textwerkzeug können Sie den Text in Motion erstellen oder Textgrafiken importieren. Da die Buchstaben in der Feiertagsnachricht dieses Projekts immergrüne Elemente und Beeren enthalten und diese Elemente mit dem Text verschoben werden müssen, war es einfacher, sie in Photoshop zu erstellen und die Grafiken in Motion zu importieren. Wenn Ihr Projekt jedoch mit dem Bewegungstext-Werkzeug erstellt werden kann und Sie eine Herausforderung wünschen, können Sie auch das Text-Werkzeug verwenden, um den Text zu erstellen und zu verfolgen, um den Text mit der Beeren-Zweig-Grafik zu synchronisieren.

Das Hintergrundbild wurde aus zwei Fotos gemacht. Der Typ Bokeh leuchtet mit der Schneeschicht und der grünen Glocke. Da die Animation über dem Schnee stattfindet, war der „Horizont“ des Schnees mit dem Bokeh bei der Auswahl des Bildes wichtig. Die grüne Glocke wurde von ihrem Originalfoto isoliert und der untere Rand wurde mit einem Radiergummi mit weicher Kante gelöscht, was die Illusion erweckte, dass die Glocke im Schnee liegt.

Es gibt vier Textebenen: Die roten Buchstaben, die Schattenbuchstaben hinter dem Text und die 3D-Einrückungsbuchstaben im Schnee bilden die Weihnachtsbotschaft. Die vierte Ebene enthält sowohl den Firmennamen als auch den Schatten des Texts. Der Textebenenstil hat eine rote Farbüberlagerung und ein innerer Schatten fügt dem Text einen leichten 3D-Effekt hinzu. Die Schattengrafik wurde aus einer Kopie der Nachrichtentextebene erstellt, die in eine schwarze Farbe geändert und gerastert wurde. Anschließend wurde ein Gaußscher Unschärfefilter mit einem Radius von 2,5 Pixeln angewendet. Die Deckkraft der Schicht wurde auf 32% reduziert. Schließlich wurde der Text Schnee Einzug mit einer Kombination aus Bevel & Emboss, Stroke, Inner Shadow und Color Overlay erstellt.

Nachdem diese vier Textebenen erstellt wurden, war es Zeit, sie über der Hintergrundebene zu platzieren. Die Nachricht wurde zuerst platziert und der Schattentext wurde auf einer Ebene darunter und der Einrückungstext auf einer Ebene darüber platziert, wobei sich nur die unteren Ränder des y berühren. Das Perspektiv-Werkzeug (Bearbeiten - Transformieren - Perspektive) wurde verwendet, um den Schatten- und Einrückungstext zu reduzieren und die Illusion zu erzeugen, dass sie auf dem Schnee liegen.

Tutorial Beispiel:


Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Nachdruck der Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder eine eingetragene Marke oder eine Marke von Adobe Systems Incorporated in den USA und / oder anderen Ländern.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie und Mac sind Marken von Apple Inc., eingetragen in den USA und anderen Ländern. CoffeBreakBlog ist eine unabhängige Veröffentlichung und wurde von Apple Inc. nicht autorisiert, gesponsert oder anderweitig genehmigt. Screenshots werden mit Genehmigung verwendet.

Video-Anleitungen: Motion Graphics - 3D Animation - Begis GmbH film-connexion produziert Motion-Graphics. (April 2024).