Grundlagen des Motion Designs: Beginne mit der Animation in Adobe After Effects

1. Einführung: Willkommen zu den Grundlagen des Motion Designs. Ich werde Ihnen zeigen, wie Sie diese Animation mit grundlegenden Techniken erstellen können. Techniken wie der Write-On-Effekt, eine Einführung in den Diagrammeditor, eine Einführung in Textanimatoren und mehr Ihr Unterrichtsprojekt besteht darin, alle Techniken, die Sie in diesem Kurs gelernt haben Ihre eigene Animation anzuwenden Ich kann es kaum erwarten zu sehen, was du kreierst. 2. Erste Schritte: Für diesen Kurs benötigen Sie Adobe After Effects, Adobe Media Encoder zum Exportieren Hier ist eine Liste der Schriften, die ich in dem Projekt verwendet habe. Hier sind einige Ideen für dein Klassenprojekt. Folgen Sie meiner Animation, oder Sie können Ihren Namen animieren Erstelle ein unteres Drittel, mach deine eigene Werbung oder was auch immer du möchtest Stellen Sie sicher, dass Sie Ihr Projekt in der Projektgalerie veröffentlichen , damit jeder sehen kann, was Sie erstellt haben. 3. Einführung in Adobe After Effects(optionale Lektion): Damit Ihr After Effect-Bildschirm wie meiner aussieht, wechseln Sie zu Window Workspace und wählen Sie Standard Wenn Ihnen jemals ein Bedienfeld fehlt, immer daran , dass Sie jedes benötigte Bedienfeld unter der Registerkarte Fenster finden können . Nehmen wir an, Ihnen fehlt das Kompositionsfenster. Gehe zu Fenster. Scrollen in der Liste nach unten, bis Sie Komposition finden. Gehen Sie zu Datei, Projekteinstellungen, Zeit, Anzeigestil und wählen Sie Frames aus. Klicken Sie auf Neue Komposition. Sie können den Namen der Komposition ändern. Sie können die Größe ändern. Sie können die Bildrate ändern, die Dauer der Komposition ändern und eine Hintergrundfarbe wählen. Hier oben auf dem Bildschirm findest du dein Rechteckwerkzeug. Um das Rechteck zu erstellen, können Sie einfach mit der Maus ziehen Sie können die Füllfarbe die Konturfarbe ändern. Oder Sie können den Strich entfernen indem Sie diesen Wert auf Null ändern. Hier ist das Werkzeug hinter dem Werkzeug, dieses kleine Ding. Hier ist der Ankerpunkt. Ein Ankerpunkt ist der Ort, von dem aus die Ebene animiert wird. Das wird später im Unterricht Sinn machen. bei ausgewählter Ebene Drücken Sie bei ausgewählter Ebene, um die Positionseigenschaft aufzurufen. diese beiden Werte ändern, können Sie das Rechteck verschieben. Klicken Sie auf die Schaltfläche Stoppuhr. Neben der Position wird ein Keyframe auf der Timeline platziert, mit dem Sie sich über die Zeitleiste bewegen können Ziehen Sie einfach den Abspielkopf und ändern Sie den Wert erneut Dadurch wird ein weiteres Schlüsselbild auf der Timeline platziert. Drücken Sie die Leertaste, um eine Vorschau Ihrer Animation anzuzeigen. Sie können sehen, wie sich das Rechteck zwischen diesen beiden Schlüsselbildern bewegt. Sie können Ihr Schlüsselbild verschieben, indem Sie es einfach über die Timeline ziehen Dadurch wird die Geschwindigkeit der Animation geändert. Ich hätte fast vergessen zu erwähnen , dass Sie, wenn Sie Ihren Vorschaubereich zuschneiden möchten , N drücken Sie können beide Keyframes auswählen und auf einfache Weise neun drücken da die Animation dadurch etwas flüssiger Und wir gehen in den Diagrammeditor, um Ihnen zu zeigen, was er macht Das hier ist die Schaltfläche für den Diagrammeditor. Sobald Sie sich im Diagrammeditor befinden, klicken Sie unten auf diese Schaltfläche und wählen Sie Geschwindigkeitsdiagramm bearbeiten. Für diesen Kurs werden wir die Geschwindigkeitsgrafik verwenden, weil ich finde, dass es für Anfänger viel einfacher ist, ihr zu folgen. Indem Sie die Ziehpunkte hierher ziehen, können Sie die Geschwindigkeit der Animation ändern Sie sehen, wie sich das auf die Geschwindigkeit des Rechtecks auswirkt. Die Form dieser Kurve weist darauf hin, dass die Animation schnell beginnt und langsam endet. Sie finden es hier oben neben dem Stiftwerkzeug. Klicken Sie irgendwo hin. Geben Sie Ihren Text ein. Hier im Charakterfenster können Sie fast alles ändern, was Sie möchten. Sie können die Schriftart ändern, die Größe ändern, die Farbe ändern , , den Text in der Mitte der Komposition zentrieren. Gehen Sie zum ausgerichteten Bedienfeld Textanimatoren finden Sie, indem Sie die Ebene öffnen Klicken Sie auf diese Schaltfläche neben Animate. Wählen wir aus, gehen wir zu zehn Frames auf der Timeline über. Klicken Sie auf die Stoppuhr kehren Sie zum Anfang des Zeitlinientyps zurück, ein Wert von Null Fügen wir nun eine Position hinzu. Gehe zu zehn Frames auf der Zeitleiste. Klicken Sie auf die Stoppuhr-Schaltfläche kehren Sie zum Anfang der Zeitleiste Geben Sie an der Y-Position den Wert 50 ein. Wählen Sie nun die Keyframes aus. Klicken Sie auf Neun, um es einfach zu machen. Ich möchte Ihnen auch zeigen , wie man das macht, ist die Verwendung des Stiftwerkzeugs. Sie finden das Stiftwerkzeug hier oben neben dem Rechteckwerkzeug. Indem Sie auf Punkte klicken und diese Griffe ziehen, können Sie genau wie mit dem Rechteckwerkzeug eine Form erstellen Sie können die Füllfarbe ändern. Sie können die Füllung entfernen, indem Sie hier und dann auf Keine klicken. Ändern Sie die Größe des Strichs, ändern Sie die Farbe des Strichs. Sie können Ihre Linie bearbeiten. Wenn Sie auf diese Punkte klicken und diese Griffe ziehen diese Griffe um eine gerade Linie zu zeichnen, können Sie die Umschalttaste gedrückt halten Eine weitere Sache, die ich Ihnen zeigen möchte, ist, wie Sie zwei Ebenen überlagern können. Indem Sie auf diese Pick Whip-Schaltfläche klicken und sie auf die andere Ebene ziehen Es ist jetzt übergeordnet. Wenn Sie jetzt eine Ebene verschieben, sollte sich auch die andere Ebene bewegen Das ist im Grunde das, was ich dir zeigen wollte. Jetzt können wir mit der Animation beginnen. 4. Animiere die Dose: Um mit der Animation zu beginnen, müssen Sie die Projektdatei öffnen Gehen Sie zur Datei, Projekt öffnen. Suchen Sie die Projektdatei und stellen Sie sicher, dass Sie sich in der richtigen Komposition befinden. Wenn Sie sich nicht in der richtigen Komposition befinden, finden Sie sie unter Main Composition Skill Share, Class Animated. Ich werde auch eine fertige Version des Kurses hinzufügen. Sie können sich das auch gerne ansehen. In dieser ersten Lektion werden wir die Dose animieren. Wenn die Dosenebene ausgewählt ist, drücken Sie P und klicken Sie auf die Stoppuhr-Taste , um ein Schlüsselbild auf der Zeitleiste zu platzieren Ziehen Sie das Schlüsselbild über etwa 15 Frames. Um nun die Dose am Anfang der Timeline nach links zu bewegen , ziehen Sie die X-Position und bewegen Sie die Dose ganz nach links, bewegen Sie die Dose ganz nach bis sie vom Bildschirm verschwindet. Dadurch wird ein weiteres Schlüsselbild auf der Timeline platziert. Wir können es verbessern, indem wir beide Keyframes auswählen neun drücken. Dadurch wird die Animation etwas flüssiger Aber wir können es noch besser machen, indem mit dem ausgewählten Keyframe den Diagrammeditor aufrufen für den Diagrammeditor klicken Sobald Sie sich im Diagrammeditor befinden, klicken Sie unten auf diese Schaltfläche und wählen Sie Bearbeiten, Geschwindigkeitsdiagramm Ziehen Sie diesen Griff ganz nach links. Sehen Sie sich jetzt erneut eine Vorschau Ihrer Animation an. 5. Animiere die Linie: Um die Linie zu animieren, verwenden wir Option „Pfad trimmen“, klicken Sie auf der Linienebene neben „Hinzufügen“ nach unten Klicken Sie auf dieses Symbol und Sie auf der Ebene „Pfad zuschneiden“ nach unten Gehen Sie zu etwa 12 Frames auf der Zeitleiste, geben Sie einen Startwert von 50% und einen Wert von 50% Klicken Sie auf die Stoppuhr zur Seite Um das Startende zu erreichen, bewegen Sie sich über etwa zehn Frames geben Sie einen Startwert von Null und einen N-Wert von 100 Wählen Sie alle Schlüsselbilder aus und klicken Sie auf neun. 6. Slide in Text: Jetzt animieren wir die Folie im Text. Gehen Sie zu etwa 35 Frames auf der Zeitleiste. Klicken Sie auf die untere Textebene und drücken Sie P. Klicken Sie auf die Stoppuhr , um ein Schlüsselbild auf der Timeline zu platzieren Gehen Sie zurück zu etwa 20 Bildern auf der Timeline. Ziehen Sie nun den Text, bis er sich knapp über der Linie befindet. Wählen Sie beide Schlüsselbilder aus und klicken Sie im Diagrammeditor auf neun Köpfe und ziehen Sie diesen Griff nach links. Um den Text über der Linie unsichtbar zu machen, verwenden wir eine Matte. Erstellen Sie eine neue rechteckige Ebene direkt über der Linie. Verschiebe die neue rechteckige Ebene mithilfe der Trackmatte und wähle Pick Whip direkt über die Textebene Ziehen Sie es auf die Mattenebene. Klicken Sie auf Invert Mat. Jetzt wird der Text aus der Linie heraus animiert. 7. Textanimator: Um den mittleren Text zu animieren, verwenden wir einen Textanimator, der neben Animate die Textebene herunterschaltet die Textebene Klicken Sie auf dieses Symbol und wählen Sie die Position aus der Liste und geben Sie einen Wert von 85 in Schalten Sie die Bereichswählungsebene nach unten geben Sie einen Wert von minus 100 in den Offset ein und klicken Sie auf die Bewegen Sie sich auf der Timeline um mehr als 30 Frames und geben Sie den Wert 100 in den Offset ein Sie haben jetzt zwei Schlüsselbilder auf der Zeitleiste unter der erweiterten Ebene. Ändern Sie die Form so, dass sie nach oben steigt, und geben Sie einen Wert von 90% in der Ease Low wenn Sie die Spur verwenden. Matt, wähle Whip und ziehe es auf die verrückte Ebene 8. Animiere den Arm: Jetzt animieren wir den übergeordneten Arm, die Daumenebene und die Handebene mit der Pick-Peitsche Wählen Sie die Handebene und stellen Sie sicher, dass sich Ihr Ankerpunkt an der richtigen Stelle befindet , wenn die Handebene ausgewählt Um die Rotation aufzurufen, klicken Sie auf der Zeitleiste bei 20 Frames auf das Stoppuhrsymbol Zeitleiste bei 20 Frames auf das Gehen Sie über 25 Frames auf der Zeitlinie und geben Sie einen Wert von 75 in die Rotation Bewegen Sie sich auf dem Zeitlinientyp um mehr als 15 Frames bei einem Wert von Null. Wählen Sie alle drei Schlüsselbilder aus. Drücken Sie F neun und gehen Sie nun in den Diagrammeditor. Ziehen Sie diesen Griff ganz nach links. Machen Sie dasselbe mit diesem Griff. Ziehen Sie diesen Griff nun ganz nach rechts. Und machen Sie dasselbe für den letzten Ziehpunkt bei 20 Frames auf der übergeordneten Zeitleiste, der mit dem Pickwick zur Handebene übergehen kann 9. Eine einfache Schreibetechnik: Jetzt machen wir das Richtige bei Wirkung. Wählen Sie die Textebene aus. Wählen Sie Ihr Stiftwerkzeug aus. Wir werden jetzt eine Reihe von Linien über unseren Text ziehen. Um eine neue Linie zu erstellen, klicken Sie einfach auf eine Stelle außerhalb der Ebenen und dann erneut auf die Ebene. Achten Sie darauf, die Linien in der Reihenfolge zu zeichnen , in der sie in Effekten und Voreinstellungen animiert werden sollen in Effekten und Voreinstellungen Suchen Sie nach einem Strich. Das wird der Effekt sein , der unsere Animation antreibt. Wählen Sie „ Originalbild anzeigen“ im Malstil. Ändern Sie die Pinselgröße auf zehn, Pinselhärte auf 100% Stellen Sie sicher, dass Sie nach etwa 1 Sekunde auf alle Masken klicken, fünf Bilder, klicken Sie auf die Stoppuhr am Ende, gehen Sie zu 15 Bildern auf der Timeline, geben Sie 0% ein. Wählen Sie am Ende beide Schlüsselbilder aus, klicken Sie auf neun und gehen Sie in den Diagrammeditor Ziehen Sie diesen Griff nach links 10. Hintergrund: Geben Sie die Hintergrundebene mit einem Doppelklick ein. Wählen Sie eine der Blattebenen aus. Drücken Sie R, um die Rotationseigenschaft am Anfang der Zeitleiste aufzurufen. Drücken Sie, um die Stoppuhr zu beenden auf der Zeitleiste zehn Frames vorwärts zu bewegen Ändern Sie den Rotationswert , wie Sie möchten. Gehen Sie auf der Zeitleiste weitere zehn Frames vorwärts. Kopieren Sie das erste Schlüsselbild und fügen , indem Sie das Schlüsselbild auswählen und Strg und V drücken . Wählen Sie nun alle drei Schlüsselbilder aus. Steuerung C, Steuerung V. Wiederholen Sie diesen Vorgang nun, bis Keyframes die gesamte Zeitleiste abdecken. Wählen Sie alle Keyframes aus, klicken Sie mit der rechten Maustaste, wählen Sie „ Umschalten“ und halten Sie den Keyframe gedrückt Wiederholen Sie diesen Vorgang, bis alle Ebenen animiert sind. 11. Exportieren: Hier ist ein kurzes Tutorial, wie Sie Ihre Animation auf der Zeitleiste exportieren können. Klicken Sie hier, um Ihre Komposition zu trimmen. So lang wird Ihre Animation beim Exportieren sein. Gehen Sie zur Datei Exportieren Zu Adobe Median Coder hinzufügen . Sobald Adobe Median Coder geöffnet ist, klicken Sie auf einen dieser Links, um die Eigenschaften anzuzeigen . Neben Format Choose 0.264 Neben der Voreinstellung können Sie jede dieser von Adobe erstellten Voreinstellungen auswählen erstellten Ich wähle Youtube, zehn Ep, Full HD Neben dem Ausgabenamen können Sie Ihren Namen eingeben und angeben, wohin Sie exportieren möchten. Klicken Sie dann auf Okay. Klicken Sie auf den grünen Pfeil, um zu exportieren. 12. Outro / Abmoderation: Und das ist es auch schon. Stellen Sie sicher, dass Sie Ihr Projekt in der Projektgalerie veröffentlichen , damit jeder sehen kann, was Sie erstellt haben.