Transkripte
1. Kurs-Trailer: Hallo, da. Ich bin Carminys Guzman. Ich bin Mitbegründer von operary.com. Wir sind ein Animationsstudio mit mehr als acht Jahren Erfahrung. Wir haben schöne animierte Erklärvideos für Hunderte von Unternehmen weltweit erstellt. In diesem Kurs werde ich Ihnen beibringen, wie man Zoom-Loops schnell und einfach macht. Wir werden mit der Entwicklung der Idee beginnen. Ich würde Ihnen zeigen, wie mein Arbeitsprozess ist, und dann werden wir unser Projekt in Adobe Illustrator entwerfen. Unterwegs lernen Sie, wie Sie Ihren Animationen verrückte Texturen und Effekte hinzufügen können. Schließlich werden wir unser Design zum Leben erwecken. Wenn Sie After Effects noch nicht verwendet haben oder keine Erfahrung haben, empfehle
ich Ihnen, zuerst meinen vorherigen Kurs zu belegen:
Animieren Sie Ihre Illustrationen in Rekordzeit mit Adobe After Effects. Sind Sie bereit, verrückte Zoomschleifen in After Effects zu erstellen? Fangen wir an.
2. Bevor du loslegst: Ich lade Sie ein, die Projektdatei herunterzuladen, die wir während des Kurses erstellen werden. Auf diese Weise können Sie die Anweisungen in Echtzeit befolgen, und es wird viel einfacher für Sie sein, das Gelernte anzuwenden. Dies ist ein Zwischenstufenkurs. Um es reibungslos zu verfolgen, benötigen
Sie Grundkenntnisse von After Effects. Ich freue mich darauf, Ihre Animationen am Ende des Kurses zu sehen. Bitte teilen Sie Ihre Arbeit in der Kursprojektgalerie, damit wir alle Ihre Kunst genießen können.
3. Ideen und Referenzen: Bevor wir mit dem Design beginnen, müssen
wir entscheiden, was wir tun wollen. Wir müssen eine klare Vorstellung davon haben, wie unser Design und unsere Animation aussehen werden. In meinem Fall wusste ich, dass ich drei Dinge wollte: Ein Auge als Hauptelement zu verwenden. Um geometrische Formen für das Hauptdesign zu verwenden und einen endlosen Zoom mit einer echten Berührung zu haben. Aus diesen Ideen habe ich eine Reihe von Referenzen zusammengestellt, um sich inspirieren zu lassen. Normalerweise suche ich auf Websites wie Pinterest,
Instagram oder Google-Bildern nach Inspiration . Ich bin nicht die Art von Person, die viel Skizzieren macht, aber ich hätte lieber die Idee klar in meinem Kopf, bevor ich anfange. In meinem Fall zeichne ich meine Entwürfe immer gerne zuerst auf Papier. Ich werde schlau handeln und meine Ziele viel schneller erreichen. Sobald ich meine Skizze fertig
habe, scanne ich sie mit meinem Smartphone und importiere sie in Adobe Illustrator, und das war's.
4. Tastaturbefehle in AI: Die am häufigsten verwendeten Diagramme in Adobe Illustrator sind diejenigen,
die sich auf die Werkzeuge beziehen, die wir am häufigsten verwenden. Einige von ihnen sind in After Effects gleich. Lassen Sie uns sehen, wie Sie auf das Hauptwerkzeug zugreifen können, indem Sie den Schlüssel berühren. Drücken Sie „V“ für das Auswahlwerkzeug, „A“ für das Direktauswahlwerkzeug, „P“ für das Stiftwerkzeug, „B“ für das Malpinselwerkzeug, „T“ für das Textwerkzeug, „R“ für das Rotationswerkzeug, „I“ für das Werkzeug Pipettenwerkzeug und „Z“ für das Zoomwerkzeug. Wie Sie mit Verknüpfungen sehen, können
wir Werkzeuge schnell wechseln, ohne dass Sie Zeit verschwenden müssen, um zum Werkzeugfenster zu gehen. Ich habe Ihnen eine PDF-Datei mit den nützlichsten Verknüpfungen hinterlassen, damit Sie sie herunterladen können.
5. DESIGN: Willkommen in dieser Klasse. Lassen Sie uns sehen, wie Sie in Adobe Illustrator für eine handgefertigte Zeichnung entwerfen. Wir öffnen eine neue 1080 x 1080 Pixel Dokumente. In anderen Dokumenten habe ich die Farbpaletten vorbereitet, die ich für dieses Design verwenden werde. Ich empfehle Ihnen, im Voraus die Farben vorzubereiten, die Sie verwenden werden. Wenn Sie es schwierig finden, Farben in einem zu mischen, um Zeit zu sparen, können
Sie die Farben verwenden, die alle Websites sehen. Es ist sehr intuitiv und liefert sehr gute Ergebnisse. Gehen wir zurück zu unserer Farbpalette. Wir wählen unsere Farben aus und ziehen sie in das Dokument, an dem wir arbeiten werden. Wir setzen es auf, damit es uns nicht stört. Jetzt gehen wir zu „Datei“, wählen „Platzieren“ und suchen nach der Skizze,
die wir zuvor gescannt haben, und wir legen sie in unsere Dokumente. Wir gehen zu „Ebenen “ und erstellen eine neue Ebene. Wir ziehen die Skizze auf die neue Ebene. Wir doppelklicken und benennen die Ebenen. Als Nächstes sperren wir beide Ebenen, damit sie uns beim Entwerfen nicht stören. Jetzt können wir anfangen zu entwerfen. Wir erstellen eine neue Ebene, um unser Design zu erstellen. Halten Sie das „Rechteck-Werkzeug“ für eine Sekunde gedrückt, um die restlichen Optionen anzuzeigen. Wir können das „Star Tool“ oder das „Polygon Tool“ wählen. Wir ziehen, indem Sie die „Shift“ -Taste gedrückt halten, um die Proportionen intakt zu halten. Während wir immer noch die Maus gedrückt halten, drücken
wir wiederholt die „Pfeil nach unten“ -Taste, bis wir das Dreieck erhalten. Wir platzieren ein Dreieck und passen es an. Im Moment werden wir nur mit Strichen arbeiten, um unsere Skizze ohne Probleme zu sehen. Wir wollen ein Dreieck innerhalb des Hauptdreiecks erstellen. Um dies mit einem Dreieck zu erreichen, gehen Sie zu „Objekt“ wählen Sie „Pfad“ „
Offset-Pfad “, und wenden Sie einen Offset-Pfad von minis zehn Pixel. Jetzt werden wir einen Kreis erstellen. Wir halten die „Alt“ -Taste gedrückt, um die Mitte als
Referenz zu nehmen , und die „Shift“ -Taste, um einen perfekten Kreis zu bilden. Wir platzieren es. Wir benennen die Ebene und sperren sie. Jetzt erstellen wir eine neue Ebene und zeichnen ein Sechseck. So wie das. Wir wählen das „Stift-Werkzeug“ und indem wir auf drei Punkte klicken, erstellen
wir ein Dreieck. Lassen Sie uns die Linien erstellen, die innerhalb des Dreiecks liegen. Wir verwenden das „Pen Tool“ erneut. Wir erstellen nur eine, ausgewählt und halten die Erdtaste gedrückt, wir duplizieren es. Dann drücken wir mehrmals „Strg“ plus C oder gemeinsame D und Mac, um sie zu duplizieren. Mit der „Shift“ -Taste wählen
wir alles aus und heben dann das Sechseck auf. Ich muss das Dreieck auswählen und die letzte Zeile entkommen mir. Dann gehen wir zu „Pathfinder“ und wählen „Teilen“. Lassen Sie uns einen neuen Kreis erstellen. Denken Sie daran, „Alt“ und „Shift“ zu drücken, um es perfekt zu machen. Wir benennen die Ebene und sperren sie. Wieder werden wir mit dem „Pen Tool“ das Auge zeichnen. Wir klicken hier, bewegt sich zum anderen Punkt und klicken erneut. Ziehen Sie nun, um eine Kurve zu erstellen. Wir klicken erneut, um den Umriss fortzusetzen und schließlich, schließen Sie ihn und ziehen Sie, um die Kurve anzupassen. Wir benennen die Ebene und sperren erneut. Jetzt werden wir die Augen des Auges erschaffen. Nennen Sie es und sperren Sie es. Lassen Sie uns nun den Kreis der Pupille erstellen. Wir wählen es aus und halten die „Alt“ -Taste gedrückt, ziehen
wir, um die Helligkeit des Auges zu erstellen und wir machen es kleiner. Wir benennen die Ebene und sperren sie. Wir erstellen eine andere Ebene. Jetzt müssen wir nur die drei Meter Kreise erstellen, die um das Auge herum sind. Wir erstellen das erste, duplizieren es und platzieren es. Wir nennen die Schicht und wir haben bereits unser komplettes Design. Wir entsperren alle Ebenen und entfernen die Skizzenebene, indem Sie sie in den Papierkorb ziehen. Wir wählen alle Elemente des Designs aus und machen es größer. Denken Sie daran, die „Shift“ -Taste gedrückt zu halten, um die Proportionen intakt zu halten. Jetzt müssen wir nur das Design einfärben. Dazu werden wir die verschiedenen Teile auswählen und mit dem „Pipette Tool“ die Farben nehmen, die wir vorher vorbereitet hatten. Entschuldigung, ich werde für jetzt zu streicheln gehen, um den Rest der Elemente zu sehen. Wir färben weiter. Wir wählen und färben die ganze Zeit so. Jetzt müssen wir nur den Hintergrund erstellen. Wir erstellen eine neue Ebene. Erstellen Sie ein Quadrat mit der Größe der Komposition. Färben Sie es und verschieben Sie es unter alle Ebenen. Zum Abschluss wählen wir die Farbpalettenebene aus und löschen sie. Es ist fertig. Wir haben unser Design erledigt.
6. Tastaturbefehle in AE: In dieser Klasse werden wir einen Blick auf die Verknüpfungen werfen, die wir in After Effects verwenden werden. Die am häufigsten verwendeten Tastenkombinationen beziehen sich auf die Eigenschaften der Layer und die Werkzeuge, die wir am häufigsten verwenden. Lassen Sie uns sehen, wie Sie die Layer-Eigenschaften mit einem einzigen Klick öffnen. Drücken Sie A für den Ankerpunkt, P für die Position, S für die Skalierung, R für die Drehung und T für die Deckkraft. Wenn wir die Umschalttaste gedrückt halten, können
wir mehrere Eigenschaften gleichzeitig öffnen. Jetzt werden wir sehen, wie Sie mit nur einem Klick auf den Schlüssel auf die wichtigsten Tools zugreifen können. Drücken Sie V für das Auswahlwerkzeug. Halten Sie die Leertaste für das Handwerkzeug, Z für das Zoomwerkzeug, W für das Drehwerkzeug und Y für das Schwenk-Werkzeug. Es geht um die Praxis. Ich habe Ihnen eine PDF-Datei mit den nützlichsten Verknüpfungen hinterlassen, damit Sie sie herunterladen können.
7. Zoom Loop: Hallo, willkommen zu dieser Lektion. Jetzt, da wir unser Design fertig haben, können
wir es animieren. In der vorherigen Lektion haben wir diese Szene in einem Quadratformat von 1080 x 1080 Pixeln entworfen. Aber ich habe meine Meinung geändert und wir werden die Animation breiter aussehen lassen. Ich denke, es wird besser aussehen. Ich kaufe eine neue Komposition von 1.920 mal 1.080 bei 24 Frames. Nennen Sie es, geben Sie ihm drei Sekunden und versichern Sie es. Als nächstes importieren oder entscheiden wir aus Adobe Illustrator und ziehen die importierte Komposition in die Hauptkomposition. Geben Sie die Komposition ein. Wir gehen zur Komposition, wählen „Kompositionseinstellungen“ und in der Breite ändern
wir den Wert bei 1.920 Pixeln. Als nächstes gehen wir zur Hintergrundebene, wählen Sie sie aus und passen sie an die Kompositionen mu Größe an, indem Sie an den Seiten ziehen. So einfach. Zuerst wollen wir die Rezession der Zyklen animieren. Wir drücken den Ankerpunkt E, den Sensor. Wir erstellen einen Schlüsselrahmen in Verwüstung Ziel bis zum Ende
der Timeline und beantworten vierte, Ladungen Interpretation. Mal sehen, wie es funktioniert. Okay, jetzt machen wir das Gleiche mit einer Linien-Design-Layer. Wir animieren die Rotation. Aber in diesem Fall, anstatt zwei Umdrehungen zu machen, machen
wir nur eine. Schauen wir uns mal an. Jetzt wollen wir die Hintergrundschicht legen und sie in
die Hauptzusammensetzung einfügen und unter der Zusammensetzung prägen. Als nächstes erstellen wir eine Maske über die Zusammensetzung des Auges. Wir müssen nur eine Ebene auswählen und eine Form erstellen. In diesem Fall wird ein Kreis mit gut auf die Größe des Auges angepasst, so dass es sich lohnt. Wir invertieren die Maske, indem wir auf die umgekehrte Box und who-la klicken, haben
wir ein Loch mit Seite der Pupillenseite erstellt. Sie können sehen, was dahinter steckt. Wir werden die Ankerpunkte platzieren. In diesem Fall wollen wir es in die Mitte des Auges setzen und wir animieren die Skala. Erstellen Sie einen Schlüsselrahmen, gehen Sie auf die N und erhöhen Sie die Skalierung auf DD Zeichen ist nicht auf dem Bildschirm zu sehen. Wie Sie sehen können, dass das Zeichen pix-elated ist. Um dies zu lösen, gehen wir in die Komposition und aktivieren das kontinuierlich pasteurisierte in allen Schichten. Wir gehen zurück zur Hauptkomposition und aktivieren sie. Okay, jetzt sieht alles gut aus, aber es gibt immer noch ein Problem. Wenn wir Vorschau, sehen wir, dass davon ausgehen, scheint keine kontinuierliche Bewegungen zu sein, sondern erweicht am Ende. Um es zu lösen, wählen wir die Skala aus. mit der rechten Maustaste, wählen Sie den Schlüsselbild-Assistenten, Wenn wir eine Vorschau wieder, cool, jetzt haben wir, was wir wollten. Okay, also dupliziere jetzt die Komposition und lösche alle Schlüsselbilder der Kopie, indem du auf die Stoppuhr klickst. Wechseln Sie zum Ende der Zeitachse, und verknüpfen Sie die Kopie mit der ursprünglichen Komposition. Vorschau. Alles gut. Jetzt duplizieren wir die Kopie, entfernen die Lean aus der neuen Kopie, bewegen sich zum Ende der Timeline und verknüpfen sie mit der vorherigen Kopie. Das war's. Wir haben bereits davon ausgegangen, dass das nie endet. Genießt du den Kurs? Bitte folgen Sie mir auf Skulptur, damit Sie keinen meiner kommenden Klassen verpassen werden.
8. Texturen und verrückte Effekte: Hallo, da. In dieser Lektion werden
wir Ihnen einige Tipps zeigen, um
Ihre Animationen und noch interessanteres Finish zu geben . Zuerst werden wir eine Textur auf
ein zweites Projekt anwenden und später werden wir es animieren. Dazu importieren wir eine Textur. Ich werde das hier benutzen, aber du kannst alles benutzen, was du magst. Sie können kostenlose Texturen von Seiten wie Pixabay sind kostenlos pik herunterladen. Wir platzieren es auf der Hintergrundebene. Jetzt werden wir den Mischmodus setzen. Wenn diese Optionen nicht auf dem Bildschirm angezeigt werden, klicken Sie hier. Mit dieser Textur sieht der Overlay-Modus gut aus. Sie können andere Möglichkeiten ausprobieren, um zu sehen, welche mit Ihrer Textur am besten ist. Jetzt können wir eine Textur animieren. Um dies zu tun, animieren wir die Position und Drehung alle vier Frames. Es besteht keine Notwendigkeit, eine Bestellung zu befolgen. Wir bewegen und drehen die Textur einfach alle vier Frames. Wir erstellen etwa fünf Keyframes. Der letzte muss der gleiche sein wie der erste, damit er farbenfroh aussieht. Um dies zu erreichen, kopieren wir den ersten Keyframe und fügen ihn ein. Wählen Sie nun alle Keyframes aus, klicken Sie mit der
rechten Maustaste, und wählen Sie das Schlüsselbild „Halten umschalten“. Dadurch wird die Interpretation gestoppt, die nach Effekten automatisch zwischen zwei Keyframes ausgeführt wird. Wenden Sie den Schleifenausdruck an. Kopieren Sie es und fügen Sie es in die Drehung ein. Es ist fertig. Es ist eine interessante Ressource, die wir in nur einer Minute anwenden können. Ich schlage vor, dass Sie auch die gleiche Methode auf Ihre Textur anwenden, um mehr zu üben. Es ist sehr einfach. Eine weitere sehr interessante Ressource ist das Hinzufügen von Falten und abstrakten Hintergründen zu Ihren Muskel realen Animationen. Zuerst werden wir Schicht, neu, solide. Wir werden es größer machen als die Komposition. Sie werden wissen, warum in einem Moment. Wir legen den Volumenkörper auf die Textur. Als nächstes wenden wir die Radiowellen Effekte an. Diese Effekte erzeugen eine konstante Pools von Zyklen. Wir können auch andere Formen erstellen, indem wir die Anzahl der Seiten reduzieren und sogar Sterne erstellen. Aber gehen wir zurück zu unserem Zyklus. Erhöhen Sie die Frequenz auf zwei und ändern Sie die Farbe des Strichs. Lassen Sie uns bis zum Anfang der Animation ein wenig Deckkraft behalten. Um dies zu tun, setzen wir Tempo in der Zeit auf 1,5. Wir gehen auf die Timeline und verschieben die Ebene auf die Animation nimmt den gesamten Bildschirm. Wickeln Sie einfach ein, bis Sie es bekommen. Jetzt werden wir das Zentrum der Animation mit der Mitte des Auges zusammenfallen lassen. Wir müssen nur die Position des Festkörpers bewegen, bis wir es erreichen. Sehen Sie, das ist der Grund, warum wir das Solide größer machen müssen als die Entschädigung. Wir können es auf dem Bildschirm bewegen, ohne die Animation zu schneiden. Schließlich wenden wir die CC Kaleida Effekte an, die
einen Kaleidoskopeffekt mit verschiedenen symmetrischen geometrischen Figuren erzeugen . Wir verwenden eine Größe von 46 oder so und wir werden bereits unseren schönen animierten Hintergrund haben. Nun wenden wir den Füllmodus hinzufügen an
, so dass der Effekt auch von der animierten Textur beeinflusst wird. Perfekt. Sie können mit den Optionen beider Effekte spielen, die Bänder
ändern und sehr verrückte Effekte erstellen. Um zu beenden, werden wir eine Anpassungsebene erstellen. Diese müssen auf all den anderen stehen. Wir werden die posterize Zeiteffekte anwenden, um
ihm einen Stil mehr wie traditionelle Animation zu geben. Das Anwenden eines Effekts auf eine Einstellungsebene wirkt sich auf alle darunter liegenden Ebenen aus. Wir haben die Anzahl der Frames pro Sekunde auf 12 reduziert, um mehr Carson-Look zu erhalten . Sieht nett aus. Möchten Sie, dass Ihre Animation länger dauert? Es ist sehr einfach. Erstellen Sie eine neue Komposition mit der gleichen Größe wie die vorherige. Multiplizieren Sie den Zeitwert mit der gewünschten Zahl. Zum Beispiel um vier. Ziehen Sie nun einfach die Master-Kompensation und duplizieren Sie sie auf die Hälfte vier, wählen Sie die vier Ebenen aus, gehen Sie zur Animation. Wählen Sie Keyframe-Unterstützung, Sequenzebenen, und das ist es, Animation dauert jetzt 12 Sekunden. Jetzt lade ich Sie ein, eine unendliche Summe zu vollbringen. Sie können die Kreuzdateien verwenden oder noch besser, erstellen Sie Ihre Entwürfe. Ich freue mich auf Ihre Arbeit. Bitte laden Sie sie in die Kursprojektgalerie hoch oder markieren Sie mich in Ihren Instagram-Beiträgen. Dies ist unser Instagram-Konto.
9. Rendering: Jetzt, da wir alle bereit sind, können
wir sie erkunden. Dazu gehen wir zur Vergütung und wählen Act to Adobe Media Encoder. Media Encoder hilft uns, die Praxis effizienter zu erforschen. Denken Sie daran, dass eine Komposition, die wir derzeit geöffnet haben, exportiert wird. Zuerst wählen wir den Codec. In diesem Fall werden wir H264 verwenden, es erkundet das Video in MP4. Sie müssen das Format für das Web verwenden. In Bezug auf die Ausgänge Auflösung, können
wir die March Quelle,
hohe oder mittlere Bitraten Option wählen , um Fehler zu vermeiden und es in der gleichen Größe zu nutzen, in der wir an den Projekten gearbeitet haben. In diesem Kurs haben wir Short End Loops Animationen mehr auf soziale Netzwerke wie Instagram fokussiert. Für diese Art von Animation ist
es besser, die Optionen für mittlere Bitraten zu wählen
, damit die Videos nicht zu viele Megabyte belegen. Schließlich wählen wir den Ort, an dem wir das Video erkunden, und geben der Datei einen Namen. Zum Abschluss klicken wir hier auf den Play-Button. Sie können Ihre Animation auch als GIF erkunden. Um dies zu tun, gehen Sie zurück zu After Effects und senden Sie das Video zurück an Media Encoder, wir wählen die kathodischen animierten GIFs. Die Option GIF-Match-Quelle für die Animation. Wieder wählen wir den Ort, an dem wir das Video erkunden und geben der Datei einen Namen. Wir klicken endlich auf den Play-Button hier. Und damit wird alles fertig sein. Sobald der Vorgang abgeschlossen ist, können
Sie Ihr Video öffnen und es beginnt sich in den sozialen Medien zu bewegen.
10. Letzte Gedanken: Herzlichen Glückwunsch, dass Sie so weit kommen. Nun lade ich Sie ein, alles, was Sie
gelernt haben, anzuwenden , indem Sie Ihre eigene Animationsschleife erstellen. Ich werde es lieben, sie zu sehen. Sei nicht schüchtern und lade bitte in die Cross - Projektgalerie hoch oder tagge mich in deinem Instagram-Post. Suchen Sie nach Referenzen, lassen Sie sich inspirieren und vor allem üben. Wenn Sie den Kurs genießen, lassen
Sie mir bitte eine Rezension. Ich werde sehr dankbar sein. Ich hoffe, Sie in zukünftigen Kursen wiederzusehen. Vielen Dank.
Carminys Guzmán, Motion grapher
