Motion Graphics Essentials: FX-Animation mit Adobe After Effects

1. Intro: Hallo, da. Mein Name ist Carminys Guzman. Ich bin in der Dominikanischen Republik geboren und aufgewachsen und lebe jetzt in Portugal. Ich bin Mitbegründer von Operary, einem Animationsstudio, in dem ich als Animator, Illustrator und Drehbuchautor arbeite . Wir produzieren seit über einem Jahrzehnt erstklassige Videos. Wir hatten das Vergnügen , mit unglaublichen Unternehmen wie Intel, Deloitte, Bayer, Port und vielen anderen zusammenzuarbeiten unglaublichen Unternehmen wie Intel, Deloitte, Bayer, . Jetzt freuen wir uns, unser Wissen mit Ihnen zu teilen. Feuer, Rauch, Wasser, Sie werden diese Animationen während Ihrer gesamten Karriere als Animator häufig verwenden müssen. In diesem Kurs erfahren Sie, wie Sie sie als Profi in Rekordzeit und ohne Plugins animieren können. Wir werden uns mit der After Effects-Oberfläche vertraut machen und uns die Tastenkombinationen ansehen , die wir während des Kurses verwenden werden. Als Nächstes zeige ich Ihnen, wie Sie mit drei verschiedenen Projekten auf einfache Weise Feuer und rauchendes Wasser animieren können. Natürlich ohne Plugins zu verwenden. Zum Abschluss werde ich Ihnen beibringen, wie Sie den Animationen einfach den letzten Schliff geben können . Sie können alle Dateien herunterladen , die wir während des Kurses verwenden werden. Auf diese Weise können Sie den Anweisungen in Echtzeit folgen und es wird viel einfacher sein , alles, was Sie lernen, anzuwenden. Dieser Kurs ist ideal für Animatoren, Illustratoren, Grafikdesigner, Kreative und allgemein für alle, die ihre Illustrationen zum Leben erwecken möchten. Mit Geduld, einer positiven Einstellung und Ausdauer werden Sie Erfolg haben. Deine Zeit ist jetzt. Nehmen Sie am Kurs teil. 2. Projekt: Hallöchen. Ich freue mich sehr, dass Sie sich für diesen Kurs entschieden haben. Am Ende dieses Kurses werden Sie bereit sein, die drei Projekte des Kurses wie ein Profi zu animieren . Wenn Sie keine Zeit haben, Ihr Design zu erstellen, sich keine Sorgen, Sie können meine Kunstwerke zum Üben und Experimentieren verwenden . Nach jeder Lektion gebe ich Richtlinien, um sicherzustellen, dass Sie die bestmöglichen Ergebnisse erzielen. Also achte darauf, sie zu befolgen und zu üben. Ich freue mich auf Ihre Arbeit, also laden Sie Ihre Projekte bitte die Kursprojektgalerie hoch. Wenn Sie Fragen oder Kommentare haben, diese gerne unter der Fragenleiste posten. Ich kann es kaum erwarten zu sehen, was du dir einfallen lässt. Lass uns Spaß daran haben, gemeinsam tolle Animationen zu erstellen. 3. Erste Schritte: Hallo zusammen. Bevor wir mit der Animation der Projekte beginnen, sollten wir uns mit der After Effects-Oberfläche in Verbindung setzen. Wir arbeiten mit dem Standardarbeitsplatz, aber Sie können Ihre bevorzugte Option wählen. Der erste Schritt besteht darin, eine neue Komposition zu erstellen. Gehe zu Komposition, Neue Komposition. Öffnen Sie eine neue 1920 x 1080-Komposition mit 24 Bildern, geben Sie ihr 10 Sekunden Zeit und geben Sie ihr einen Namen. In einem zweiten Schritt importieren wir das Adobe Illustrator-Design. Wir importieren das Design, das Sie auf dem Bildschirm sehen. Wir werden dieses Design für das erste Projekt des Kurses verwenden . Wie Sie sehen, handelt es sich ein sehr einfaches Design mit nur drei Schichten. Gehen wir zurück zu After Effects. Um das Design zu importieren, gehen Sie zu Datei, wählen Sie „Datei importieren“ und wählen Sie die gewünschte Datei aus. Wenn wir in der Option „Importe als“ eine Datei mit mehreren Ebenen importieren, müssen wir „ Zusammensetzung“ — „Ebenengrößen beibehalten“ auswählen. Wie Sie sehen können, wurden eine Komposition und ein Ordner mit Ebenen erstellt. Wir werden an der Komposition arbeiten. Mit einem Doppelklick geben wir die Komposition ein, die wir importiert haben. Werfen wir nun einen kurzen Blick auf die After Effects-Oberfläche. Das Feld, in dem Sie die Abbildung sehen, ist das Ansichtsfenster. Dieses Panel zeigt Ihnen die Ergebnisse Ihrer Designs und Animationen. Unten sehen wir das Zeitleistenfenster. In diesem Bereich werden wir mehr Zeit damit verbringen , die Animationen zu erstellen. Von hier aus können wir die Transformationseigenschaften der Ebene einfach ändern . Wenn wir nach links schauen, sehen wir das Projektfenster, in dem alle von uns erstellten Kompositionen und alle von uns importierten Dateien angezeigt werden. Oben finden wir die wichtigsten Tools. Jetzt zeige ich Ihnen die Tastenkombinationen für diesen Kurs. Die Tastenkombinationen beziehen sich auf die Ebenen, Eigenschaften und die häufig verwendeten Werkzeuge. Sehen wir uns an, wie Sie die Ebeneneigenschaften mit einem einzigen Klick öffnen . Drücken Sie A für den Ankerpunkt, P für die Position, S für die Skala, R für die Drehung und T für die Opazität. Wenn wir die Umschalttaste gedrückt halten, können wir außerdem mehrere Eigenschaften gleichzeitig öffnen. Jetzt werden wir sehen, wie Sie mit einem Tastendruck auf die wichtigsten Tools zugreifen können. Drücken Sie V für das Auswahlwerkzeug, Halten, Leertaste für das Handwerkzeug, Z für das Zoomwerkzeug, W für das Rotationswerkzeug und Y für das schwenkbare Werkzeug. Es geht ums Üben. Unter Projekte und Ressourcen Ihnen eine PDF-Datei mit den hilfreichsten Abkürzungen zum Download zur Verfügung . Wir sehen uns in der nächsten Lektion. 4. Feueranimation: In dieser Lektion erstellen wir die Animation, die Sie auf dem Bildschirm sehen, ganz einfach. Mit einem Doppelklick rufen wir die Feueranimation der Komposition auf, rufen wir die Feueranimation der Komposition in der vorherigen Lektion erstellt wurde. Zunächst erstellen wir mit Hilfe des Stiftwerkzeugs eine sehr einfache Form. Wir färben es gelb. Perfekt. Jetzt wenden wir den Wave Warp-Effekt an. Dazu gehen wir zu Effect, Distort, Wave Warp. Von den Effektsteuerungen aus passen wir die Eigenschaften an. Wir setzen die Richtung auf Null, Wellenbreite auf 150 und die Wellengeschwindigkeit auf 1,5. Schließlich wenden wir in der Pinning-Option die Unterkante an. Ich habe diese Konfiguration verwendet, aber Sie können mit verschiedenen Werten spielen bis Sie das Ergebnis erhalten, das Ihnen am besten gefällt. Perfekt. Jetzt platzieren wir mit Hilfe des Pan Back-Tools den Ankerpunkt an der Basis der von uns erstellten Form. Der Ankerpunkt ist die Achse, um die sich unsere Ebene dreht, und er ist auch der Referenzpunkt, wenn wir die Größe der Ebene ändern. Ich habe fast vergessen, wenn Sie das Effekteinstellungsfenster nicht sehen können, können Sie es vom Fenster aus aktivieren. die Ebene ausgewählt ist, duplizieren wir sie nun viermal, indem wir die Tastenkombination Strg D oder Command D auf dem Mac viermal drücken. Platzieren Sie sie nach Ihren Wünschen, passen Sie ihre Größe an und drehen Sie sie. Sie können die Ebenen vom Viewport aus ändern , wie ich es bisher getan habe, oder vom Zeitleistenfenster aus, je nachdem, was Ihnen wohler ist. In meinem Fall fühle ich mich wohler, wenn ich es direkt vom Viewport aus anpasse. Sehen wir uns eine Vorschau an, um zu sehen, wie es aussieht. Es muss noch verbessert werden. Im Moment bewegen sich alle Ebenen mit der gleichen Geschwindigkeit, was die Animation langweilig und unrealistisch macht. Lassen Sie die Animation natürlicher aussehen. Wir werden die Wellengeschwindigkeit so modifizieren, dass der Effekt auf jeder Ebene unterschiedliche Geschwindigkeiten hat auf jeder Ebene unterschiedliche Geschwindigkeiten und ein organischeres Aussehen erzielt wird. Wir wählen einfach die Ebenen aus und ändern die Geschwindigkeit des Effekts. Perfekt. Jetzt sieht es viel besser aus. Um nun effizienter und organisierter zu arbeiten, wählen wir alle Ebenen aus, während wir die Umschalttaste gedrückt halten. Wir klicken mit der rechten Maustaste und wählen Pre-Compose. Wir geben ihm einen Namen und klicken auf Okay. Auf diese Weise erstellen wir eine neue Komposition. Mit einem Doppelklick können wir das Innere betreten und auf die Ebenen zugreifen. Gehen wir zurück zur Hauptebene und duplizieren die Ebene mit Control D oder Command D auf dem Mac. Die Idee ist, die Farbe der Ebene zu ändern , die wir dupliziert haben. Dazu gehen wir zu Effekt, Generieren, Füllen und wenden eine orange Farbe darauf an. Wir ändern die Größe und platzieren sie an der gewünschten Stelle. Perfekt. Auch hier machen wir den gleichen Prozess. Wir duplizieren eine Ebene und ändern die Farbe. Wir ändern seine Größe und platzieren ihn an seinem Platz. Jetzt haben wir unser wunderbares animiertes Feuer. Zum Abschluss werden wir mit der Komposition Projekt 1 beginnen. Wir ziehen unsere Animation unter die erste Ebene und platzieren sie an der gewünschten Stelle. Wenn wir eine Vorschau ansehen, können wir bereits sehen, wie das Feuer in die Szene integriert ist. In zukünftigen Lektionen werden wir sehen, wie wir das Aussehen unserer Animation ganz einfach verbessern können . 5. Rauchanimation: Hallo, es ist Zeit, Rauch zu animieren. Aber bevor wir beginnen, lassen Sie uns alles organisieren. Im Projektpanel erstellen wir drei Ordner, indem wir hier klicken , und wir nennen sie beispielsweise Feuer, Rauch und Wasser. Als Nächstes ziehen wir alle Materialien aus der vorherigen Lektion perfekt in den Fireordner. Nun ja, wir können damit beginnen die Animation des Rauchs zu erstellen. Wenn der Rauchordner ausgewählt ist, wechseln Sie zu Komposition, Neue Komposition. Wie in der vorherigen Lektion erstellen wir eine neue 1920 x 1080-Komposition mit 24 Bildern, geben ihr 10 Sekunden Zeit und benennen sie. Wir werden die Fenstergröße reduzieren , um komfortabler arbeiten zu können. Jetzt erstellen wir mit Hilfe des Stiftwerkzeugs eine sehr einfache Form. Dann klicken wir auf „Füllen“ und wählen die Option „Linearer Farbverlauf“. Wir gehen in die Farbeinstellungen und färben beide Enden weiß. Jetzt setzen wir die Opazität auf 0%. Warum? Weil wir wollen, dass der Rauch, wenn er weggeht , genauso verschwindet wie im wirklichen Leben. Toll, wir haben es schon. Wir werden Toggle Transparency Grid aktivieren , um komfortabler zu arbeiten. Jetzt geben wir die Eigenschaften der Ebene ein. Wir gehen zu Inhalt, Form, Farbverlauf, Füllung und ändern die Werte des Start- und Endpunkts. Es war keine gute Idee, Toggle Transparency Grid zu aktivieren. Ich werde es wieder deaktivieren, um besser zu funktionieren. Um den letzten Schliff zu geben, ändere ich den Start - und Endpunkt direkt vom Ansichtsteil mit Hilfe des Auswahlwerkzeugs direkt vom Ansichtsteil aus. Es ist ziemlich gut. müssen wir nur noch den Rauch animieren. Dazu verwenden wir Effect, Distort, Wave Warp. Von den Effektsteuerungen passen wir die Eigenschaften an. Wir sagten diese Richtung auf Null, Wellenhöhe auf 30, Wellenbreite auf 300 und die Wellengeschwindigkeit auf 0,5. Denken Sie daran, dass Sie diese Werte nach Ihren Wünschen ändern können. Es ist ein sehr intuitiver Effekt, daher empfehle ich Ihnen, mit den Werten der verschiedenen Eigenschaften zu spielen . Bei der Pinning-Option wenden wir die Unterkante an. Sehr gut. Wir können sehen, dass wir auf dem richtigen Weg sind, aber wir können ihn immer noch verbessern. Wir werden den Effekt mit Strg D oder Befehl D auf dem Mac duplizieren , damit er natürlicher aussieht, und wir ändern den Wert der Wellenbreite auf 150. Mal sehen, wie es läuft. Toll, es sieht gut aus. Zum Abschluss werden wir diesen Rauch in ein integrieren. Lassen Sie uns die Layouts von Projekt 2 importieren. Wenn der Smoke-Ordner ausgewählt ist, gehen wir zur Datei, importieren und wählen die gewünschte Datei aus. Denken Sie daran, dass wir beim Import einer Datei mit Ebenen bei Importen als Option Zusammensetzung, Beibehaltung und Ebenengröße auswählen müssen Größen Zusammensetzung, Beibehaltung und Ebenengröße auswählen müssen. Mit einem Doppelklick geben wir die Komposition ein. Jetzt müssen wir nur noch die von uns erstellte Rauchanimation ziehen , skalieren und platzieren. Zum Abschluss werden wir eine Maske auftragen. Die Maske hilft uns dabei, die Teile des Rauchs zu verbergen , die wir nicht sehen wollen, anderen Worten, wir können nur den Rauch sehen , der sich in der Maske befindet, die wir erzeugen werden . Um eine Maske anzuwenden, stellen wir sicher, dass die Rauchschicht ausgewählt ist, und erstellen mit einem Stiftwerkzeug einen geschlossenen Pfad. Ich werde die Maske ein wenig anpassen, damit sie besser aussieht. Wir haben es schon. Wir können bereits sehen, wie unsere wundervolle Animation fertig und integriert ist. Wir sehen uns in der nächsten Lektion. 6. Wasseranimation: Hallo nochmal. Jetzt ist es an der Zeit, die Animation zu erstellen, die Sie auf dem Bildschirm sehen. Wie immer beginnen wir mit der Erstellung einer Komposition. Wir werden es benennen und die gleichen Werte wie in früheren Projekten belassen . Perfekt. Lassen Sie uns nun einen Festkörper erstellen. Dazu gehen wir zu Layer. Neuer Feststoff, wir haben ihn so wie er jetzt ist, schwarz und wir klicken auf „Okay“. Als Nächstes gehen wir zu Effect. Lärm und Korn, Fraktalgeräusch. Das ist ein Effekt, den ich mag, und wir können mit angepassten Werten sehr interessante Ergebnisse erzielen mit angepassten Werten sehr interessante Ergebnisse , um das gewünschte Ergebnis zu erzielen. Beim Fraktaltyp wählen wir die Option Strings und den Noisetyp Spline. Als Nächstes erhöhen wir den Kontrastwert auf 500. Wir öffnen die Übertragungsoptionen und entfernen das Häkchen bei uninformierter Skalierung, sodass wir die Dimensionen des Effekts mit mehr Freiheit ändern können. Ich werde die Skalenbreite auf etwa 300 erhöhen. Wir können die Skalenhöhe bei 64 oder 65 belassen. Später, wenn wir es in die Szene integrieren, werden wir sehen, ob es gut aussieht oder ob wir diese Werte ein wenig anpassen müssen. Nachdem die Ebene ausgewählt ist, gehen wir zu Effekt und Farbkorrekturstufen. Die Idee ist, unserem Effekt mehr Kontrast zu verleihen, unserer Animation einen Fang und ein Aussehen zu verleihen. Dazu platzieren wir die eingegebenen Schwarz- und Eingabeweißwerte in der Mitte des Histogramms. Wir geben der Eingabe Schwarz einen Wert von 120 und wir geben der Eingabe Weiß einen Wert von 130. Die Pfeile erscheinen jetzt in der Mitte und unsere Szene sieht viel lustiger aus. Lassen Sie uns unserer Szene ein wenig Farbe verleihen. Dazu gehen wir zu Layer, New Solid. Wir färben es blau und klicken auf „Okay“. Wir haben die neue Ebene darunter gezogen. Für den Feststoff, auf den der Effekt angewendet wurde, wenden wir den Modus Hinzufügen an. Um die Anpassung des Aussehens der Szene abzuschließen, verringern wir die Opazität auf 20%. Toll, wir sind fast da. Lassen Sie uns das Aussehen der Szene etwas mildern. Es überzeugt mich nicht. Wir können das auf sehr einfache Weise lösen. Wir gehen zu den Untereinstellungen und senken den Wert des Untereinflusses. Jetzt sieht es viel besser aus. Großartig. Jetzt ist es an der Zeit, Animationen mit einem einfachen Ausdruck hinzuzufügen. Innerhalb des fraktalen Geräuscheffekts wechseln wir zur Evolutionsoption und klicken bei gedrückter Alt-Taste auf die „Stoppuhr“. Wir schreiben den Ausdruck, den Sie auf dem Bildschirm sehen. Dank dieses Ausdrucks müssen wir keine Keyframes erstellen, um die Animation zu erstellen , und wir sehen eine Vorschau an. Wunderbar, ich mag es. Indem wir den Zeitwert ändern, können wir das Wasser schneller oder langsamer bewegen. Je höher der Wert, desto schneller bewegt sich das Wasser. Belassen wir es bei 50. Um unserer Animation ein organischeres Aussehen zu verleihen, wenden wir als Nächstes einen Effekt an, den wir alle kennen, Wave Warp. Wir erhöhen beispielsweise den Wert der Wellenbreite auf 400 und reduzieren die Geschwindigkeit auf 0,5. Mal sehen, wie es läuft. Toll, ich mag es. Wir haben unsere Animation bereit, um in Projekt 3 integriert zu werden . Gehen wir zum Projektfenster. Wenn der Wasserordner ausgewählt ist, importieren wir die Abbildung aus Projekt 3. Ich werde diese Komposition in den entsprechenden Ordner legen , um alles zu organisieren. Mit einem Doppelklick betreten wir Projekt 3. Wie Sie sehen können, ist es eine supereinfache Szene. Wir ziehen die Animation des Wassers, das wir gerade erstellt haben , und platzieren sie in dieser Szene. Schauen wir uns das mal an. Es sieht gut aus, aber ich denke, wir können es ein bisschen verbessern. Ich werde es maßstabsgetreu anpassen, damit es sich besser in den Pool integriert. Wir platzieren einfach die Ankerpunkte oben und passen die Skala an. Lass uns sehen. Jetzt ist die Animation besser in die Perspektive der Abbildung integriert. In der nächsten Lektion werden wir sehen, wie wir das Aussehen unserer Animationen auf sehr einfache Weise verbessern können . Wir sehen uns dort. 7. Letzer Schliff: Hallo zusammen. In dieser Lektion geben wir unseren Animationen den letzten Schliff. Fangen wir mit der Feueranimation an. Wir werden einen Glüheffekt auf die Feueranimation anwenden . Wir wählen die Ebene aus und gehen zu Effect, Stylize, Glow. Bei der Glühschwelle wenden wir 80% an, belassen den Leuchtradius bei 90 und stellen die Glühintensität auf 1,5 ein. Schauen wir uns das mal an. Perfekt. Ich werde es so lassen. Auch hier empfehle ich Ihnen, mit den Effekteigenschaften zu spielen und die Werte zu verwenden, die Ihnen am besten gefallen, um ein einzigartiges und anderes Aussehen zu erzielen. Als Nächstes erstellen wir eine Einstellungsebene. Gehen Sie dazu zu Ebene, Neu, Einstellungsebene und stellen Sie sicher, dass Sie es über allen anderen Ebenen platzieren. Das Besondere daran ist, dass, wenn wir Effekte auf eine Einstellungsebene anwenden, wir sie auf alle darunter liegenden Ebenen anwenden. Wählen Sie die Einstellungsebene aus, wählen Sie Effekt, Rauschen und Körnung, Rauschen und wenden Sie 10% Rauschen an. Indem wir Rauschen hinzufügen, fügen wir unserer Animation eine kleine Textur hinzu, die mir gefällt. Schließlich wenden wir einen letzten Effekt an. Gehe zu Effekt, Time, Posterize Time und senke die Bildrate auf 12. Durch die Anwendung dieses Effekts wollen wir den traditionellen Stil der Animation nachahmen , mit der normalerweise bei dieser Bildrate gearbeitet wird. Sehen wir uns eine Vorschau an. Die Animation wird vollständig abgeschlossen sein. Ich denke, ich werde den Geräuschpegel etwas reduzieren, 7% sind genug. Schauen wir uns das mal an. Toll, um Zeit zu sparen, wählen und kopieren Sie die Einstellungsebene mit Strg C oder Befehl C auf dem Mac. Gehen Sie als Nächstes zu Projekt 2 und fügen Sie es mit Strg V oder Command V auf dem Mac ein. So einfach ist das. Wir müssen den Vorgang nicht wiederholen. Gehen Sie zum Abschluss zu Projekt 3 und fügen Sie es ein. Eine sehr einfache Möglichkeit, unseren Projekten den letzten Schliff zu geben . 8. Rendering: Jetzt, wo wir unsere Projekte fertig haben, können wir sie exportieren. Denken Sie daran, dass die Komposition, die wir derzeit geöffnet haben, exportiert wird. Für diese gehen wir zur Komposition und wählen Zu Adobe Media Encoder hinzufügen. Media Encoder hilft uns, Projekte effizienter zu exportieren. Erstens, welcher war der Codec? In diesem Fall verwenden wir H264. Es exportiert das Video in MP4, dem am häufigsten verwendeten Format für das Web. In Bezug auf die Ausgabeauflösung können wir die Option „Quelle anpassen“, „ hohe oder mittlere Bitrate“ wählen , um Fehler zu vermeiden und sie in der gleichen Größe zu exportieren, in der wir an dem Projekt gearbeitet haben. Schließlich wählen wir den Speicherort für den Export des Videos und geben der Datei einen Namen. Um den Vorgang abzuschließen, klicken Sie hier auf die Schaltfläche Abspielen. Damit ist alles bereit. Sobald der Vorgang abgeschlossen ist, können Sie Ihr Video öffnen und es in der Kursprojektgalerie mit uns allen teilen . Ich freue mich darauf, deine Arbeit zu sehen. 9. Schlussgedanken: Herzlichen Glückwunsch zum Abschluss des Kurses. Es war mir eine Freude, Sie auf dieser Reise zu begleiten. Ich kann es kaum erwarten, zu sehen, wie Sie alles, was Sie gelernt haben, anwenden , indem Sie Ihre Animationen von Grund auf neu erstellen. Bitte teile deine Projekte in der Projektgalerie oder tagge mich in deinen Instagram-Beiträgen. Ich freue mich darauf, Ihre Kreationen zu sehen und Ihnen Feedback zu geben, das Ihnen hilft, sich zu verbessern. Denken Sie daran, dass Übung den Meister macht und Fehler Teil des Lernprozesses sind. Der Prozess des Erlernens von Animationen kann eine Herausforderung sein, ist aber unglaublich lohnend. In meinem Profil finden Sie Updates zu neuen Klassen und anderen Klassen der Welt der Animation. Ich freue mich über Ihr Feedback, nehmen Sie sich also bitte einen Moment Zeit, um eine Bewertung des Kurses zu hinterlassen und Ihre Erfahrungen mit anderen zu teilen. Danke, dass du an diesem Kurs teilnimmst und ich freue mich , dich bald in meinen anderen Klassen zu sehen. Mach weiter mit deiner fantastischen Arbeit.