Transkripte
1. Logo-Animation Intro: Machen Sie sich bereit, Ihre kreative Karriere mit
Logoanimation auf die nächste Stufe Hi, ich bin Valerie. Ich bin ein professioneller
Motion-Designer und Dozent die beste Software
für Animationsgrafiken, Adobe After Effects. Nachdem ich
jahrelang wertvolle
Inhalte in sozialen Medien geteilt und
drei erfolgreiche Kurse abgebrochen habe, freue
ich mich riesig, Ihnen
meinen bisher größten Kurs vorstellen zu können. In diesem Kurs werden Sie fünf verschiedene Arten von
Premium-Logoanimationen
erstellen und Animationsgrafiken auf unterhaltsame und
effizienteste Weise erlernen Animationsgrafiken . Und das alles, während
Sie Adobe After Effects erkunden. Sie werden lernen, welche
Schritte Sie ausführen
müssen , bevor Sie ein Logo animieren So
bereiten Sie Ihr Logo für die Animation vor, fügen neue Grafiken hinzu,
sorgen dafür, dass es mit Ihren Videos
und Bildern funktioniert und vieles mehr Sie beginnen mit
einfachen Animationen und gehen dann zu
komplizierteren über. Nach jeder Lektion erhalten Sie
eine unterhaltsame Aufgabe, mit der Sie
das Gelernte üben können. Am Ende des Kurses werden
Sie das Selbstvertrauen haben, fünf verschiedene
Arten von Logoanimationen zu erstellen. Machen Sie sich keine Sorgen, wenn Sie ein Neuling sind oder gerade erst
mit After Effects beginnen Ich werde alle
wichtigen Funktionen und
Konzepte von After Effects
auf einfache Art und Weise erklären . Wenn du da
reingehen und mehr erfahren willst. Ich habe einen kostenlosen
Anfängerleitfaden, in dem Sie
detaillierte Erklärungen zu
den wichtigsten
Themen von After Effects finden detaillierte Erklärungen zu . die beste Lernerfahrung zu bieten, erhalten
Sie außerdem eine klare
Benachrichtigung darüber , wann Sie
mit mir arbeiten und wann Sie einfach
zuhören sollten, ohne den Computer zu berühren. Sie erhalten
auch Fragen in der Mitte der Lektion,
damit Sie sich
die Lektionen besser einprägen können Ich werde Ihnen sogar sagen, dass Sie
eine Pause von 10 Minuten einlegen möchten ,
und das Sahnehäubchen ist, dass
der Diskurs von
einem professionellen Sprecher
in sehr einfachem Englisch gesprochen einem professionellen Sprecher
in sehr einfachem Auch wenn Englisch nicht wie meine Muttersprache Ihre
Muttersprache ist, werden
Sie die Lektionen leicht
verstehen Machen Sie sich also bereit für
eine unterhaltsame, ansprechende und reichhaltige Lernerfahrung
mit Logoanimation.
2. Was ist Logo-Animation: Hallo, was genau ist Logoanimation und warum
sollten Sie sich dafür interessieren? Logoanimation bezieht sich auf
den Prozess, bei dem
ein statisches Logo durch
Bewegungsgrafiken und
Animationstechniken zum Leben erweckt ein statisches Logo durch
Bewegungsgrafiken und
Animationstechniken zum Leben wird. Mithilfe dynamischer Animationen können
wir die Wirkung
und die visuelle Attraktivität eines Logos verbessern. Logoanimation kann je nach den Bedürfnissen
des Kunden, dem
gewünschten Effekt und der
Komplexität des Logodesigns einfach oder komplex sein. Hier sind einige Gründe, warum es
für Sie und Ihren Kunden von Vorteil sein kann, zu
lernen, wie man
Logoanimationen erstellt . Durch das Angebot von
Logo-Animationsdiensten können
Designer ihren Kunden
einen umfassenderen und
wertvolleren Service bieten einen umfassenderen und . Höhere Kundenzufriedenheit
und höhere Gehälter. Darüber hinaus kann eine gut gestaltete Logoanimation dazu beitragen, das Image
einer Marke zu verbessern und
eine einprägsame und ansprechende
visuelle Identität zu schaffen eine einprägsame und ansprechende
visuelle Identität Dies kann dazu beitragen, die
Markenbekanntheit
und die Kundenbindung insgesamt zu erhöhen und die Kundenbindung insgesamt Zu wissen, wie man
coole Logo-Animationen erstellt kann
Kreativen wie Ihnen helfen, sich von der Masse abzuheben, Ihre technischen Fähigkeiten zu
verbessern und Ihre Kunden überglücklich
zu machen Ordnung, genug mit dem
Gerede. Lass uns anfangen
3. Installation von Adobe After Effects: Hallo da. Vergessen Sie nicht,
den Hauptordner des Kurses mit allen
erforderlichen Materialien herunterzuladen,
bevor wir uns mit
der Animation von
Logos
und After Effects befassen Logos
und After Effects Vergessen Sie nicht,
den Hauptordner des Kurses mit allen
erforderlichen Materialien herunterzuladen,
bevor wir uns mit
der Animation von Kurses mit allen
erforderlichen Materialien herunterzuladen,
bevor wir uns mit Auf diese Weise können
Sie mich
durch die Lektionen begleiten Lassen Sie uns als Nächstes über die Einrichtung
von Adobe After
Effects sprechen . Es ist ein Programm von Adobe, dem Unternehmen, das einige
der coolsten Plattformen
für Entwickler entwickelt der coolsten Plattformen
für Entwickler Wenn Sie noch kein
Adobe-Abonnement haben, machen Sie sich keine Sorgen. In der PDF-Datei und im Hauptordner finden Sie einen
Link zu einer kostenlosen Testversion. Melden Sie sich für die Testversion an
und gehen Sie
zum App-Bereich, um After Effects zu
installieren. Sie nach der Installation von After Effects Gehen Sie nach der Installation von After Effects zu den
Illustrations-Apps und installieren Sie auch Adobe
Illustrator Bald werden wir über
diese Software sprechen und darüber warum wir sie benötigen, wenn wir uns
mit Logoanimationen befassen Wenn Sie bereits
ein Adobe-Abonnement haben, melden Sie sich
einfach auf
der Website oder in der
Desktop-Version bei Ihrem Konto an , gehen Sie zum App-Bereich und installieren Sie After
Effects von dort aus. bei der Installation der Software darauf, Sie bei der Installation der Software darauf,
das Cinema für den Anschluss mit einzubeziehen, da wir es im Kurs
verwenden werden. Stellen Sie sicher, dass Sie auch
Illustrator installieren, falls Sie es noch nicht haben
4. Logo #1 - Animiere ein Logo für eine Sportbekleidungsmarke: Hallo zusammen. In dieser Lektion werden
wir eine
supercoole Logo-Animation für
eine erfundene
Damen-Sportbekleidungsmarke namens Athena erstellen eine erfundene
Damen-Sportbekleidungsmarke namens Athena Wir werden fünf
verschiedene animierte Szenen machen und
sie dann miteinander verbinden. Es gibt viel zu besprechen, also lasst uns keine
Zeit verlieren und gleich loslegen.
5. Adobe After Effects Einführung: Hallo und willkommen zu
unserer ersten Lektion. Wenn wir an einem
After Effects-Projekt arbeiten, müssen
wir sehr gut
organisiert arbeiten , um
Probleme in Zukunft zu vermeiden. Die beste Methode, an
einem Animationsprojekt zu arbeiten , besteht darin, organisierte Ordner
auf unserem Computer zu erstellen. Suchen Sie sich einen geeigneten Ort auf
Ihrem Computer, an dem Sie den
Hauptordner für den Kurs erstellen möchten. Großartig. Nachdem Sie einen guten Ort
gefunden haben, erstellen Sie jetzt einen neuen Ordner. Wir nennen diesen Ordner D I M und
unterstreichen dabei die Logoanimation. Wenn Sie
Windows verwenden, können Sie schreiben, klicken Sie auf den Ordner
und wählen Sie Pin two Schneller Zugriff. Dies wird es in Zukunft einfacher machen, auf diesen
Ordner zuzugreifen. Geben wir nun den Ordner ein,
den wir gerade erstellt haben, und erstellen
vier weitere Unterordner Im ersten speichern
wir alle unsere
After Effects-Dateien Das zweite sind
Renderings oder Samples. In diesem Ordner werden wir
alle Renderings
und Projekttests aufbewahren alle Renderings
und Projekttests Jetzt müssen wir
zwei weitere Ordner erstellen. Einer heißt Assets, in dem wir
alle grafischen Assets speichern, die sich auf dieses Projekt
beziehen. Die zweite ist KI, in der wir alle
Adobe Illustrator-Dateien behalten werden In unserem Fall sind dies die
Logo-Designs für dieses Projekt. Da ich die
Ordner für diesen Kurs bereits vorbereitet habe, gehen
wir, anstatt
diese Ordner zu erstellen, anstatt
diese Ordner zu erstellen, in den Hauptordner des Kurses,
den Sie von mir
heruntergeladen haben. Öffne ihn und kopiere diese
beiden Ordner von dort. Fügen Sie sie nun in den
Ordner ein, den wir gerade erstellt haben. Lassen Sie uns nun die Schriftarten installieren, die
wir in diesem Kurs verwenden werden. Öffnen Sie dazu den
Assets-Ordner. Machen Sie sich keine Sorgen, wenn Sie
hier mehr Dateien
sehen als in der
Unterrichtsaufzeichnung gerade. füge ich später hinzu. Öffnen Sie vorerst
einfach den Schriftartenordner. Ich zeige Ihnen, wie Sie
Schriftarten für Windows-
und Mac-Benutzer installieren . Beginnen wir mit dieser
Schrift namens Montserrat. Öffnen Sie den Ordner und gehen Sie in den statischen Ordner
für Windows-Benutzer Wählen Sie alle Dateien aus, klicken Sie mit der rechten Maustaste und klicken Sie auf Weitere Optionen
anzeigen. Wenn Sie nicht
alle Aktionen sehen wählen Sie „Für
alle Benutzer installieren“ oder „Installieren“. Diese Schriftart ist bereits auf meinem Computer
installiert, daher werde ich sie nicht erneut installieren. Für Mac-Benutzer, bei denen der Finder
ausgewählt ist, klicken Sie auf Los. Klicken Sie nun auf Gehe zum Ordner
und geben Sie diese Zeile ein. Drücken Sie dann die Eingabetaste.
Dadurch gelangen Sie zu dem auf Ihrem System
installierten Schriftartenordner. Kopieren Sie nun alle Schriften aus
dem Kursordner in den
Systemschriftartenordner. Okay. Gehen wir jetzt zurück zum Fonts-Ordner und installieren
eine weitere Schrift namens Ezra Sobald Sie sich im Ordner befinden, rufen Sie
den OTF-Ordner auf und
wählen Sie alle Dateien Klicken Sie mit der rechten Maustaste und wählen Sie
Für alle Benutzer installieren oder Installieren. Die letzte Schriftart, die ich in
diesem Kurs verwenden werde, heißt Belly und ist nur
auf der Fonts-Website von Adobe verfügbar. Gehen wir dorthin und installieren es. Den Link zur Schriftart finden Sie in der Beschreibung dieses Videos. Wenn Sie
kein Abonnement für
Adobe Fonts haben , ist das völlig in Ordnung. Ich werde Ihnen später
in diesem Kurs sagen, welche Schriftart Sie stattdessen
verwenden. Keine Sorge, du musst diese Schrift nicht sofort installieren. Sie ein
Adobe-Abonnement haben, stellen Sie
sicher, dass Sie sich zuerst anmelden, dann einfach auf eine
Familie klicken und auf Okay klicken. Ordnung, nachdem wir alle Schriftarten
installiert haben, kehren
wir zum
Hauptordner zurück und öffnen den AI-Ordner. Hier
finden wir alle unsere
Logo-Designs in Illustrator-Dateien Fangen wir mit dem ersten Logo an. Lassen Sie uns es öffnen, um zu sehen, wie
es in Illustrator erstellt wird. Um es
allen leichter zu machen ,
dieselbe Bedienfeldanordnung zu sehen, wechseln Sie zu Windows, dann zu Arbeitsbereich
und wählen Sie Automatisierung Fantastisch, das ist also ein Logo, das ich
speziell für den Kurs entworfen habe. Stellen wir uns vor, dass dieses Logo für ein
Sportbekleidungsunternehmen für Frauen
bestimmt ist Wie Sie sehen können,
besteht dieses Logo aus mehreren Ebenen. Wir haben dieses Dreieck, eine Hintergrundebene,
einen Großbuchstaben A und die Buchstaben des Logonamens jeweils in eine
eigene Ebene unterteilt, was
für uns im Animationsteil sehr hilfreich sein wird. Jedes Mal, wenn Sie ein Logo entwerfen, ist
es besser
zu versuchen, es auf
diese Weise zu erstellen , wobei alle
Buchstaben getrennt sind. Ordnung, sobald wir das Logo-Design
gesehen haben, ist
es sehr wichtig,
die Animation zu planen , die wir erstellen möchten. Zu diesem Zweck können wir
einen schnellen
Entwicklungsplan für die Animation skizzieren . Erstellen Sie also ein kurzes
Storyboard, um zu
sehen, wie das Storyboard aussehen
sollte Navigieren wir zum Ordner „
Assets“ und
geben Sie die Ideen für den Ordner „ Logo-Animationen Öffnen Sie nun das Storyboard
für dieses Logo und schauen wir uns die
Skizze an, die ich für dieses Logo gemacht habe eine Skizze Es ist sehr wichtig, vor dem Animieren
eines Logos und nach After Effects Es hilft Ihnen, das Gesamtdesign und
die Bewegung
der Logoanimation zu sehen und zu planen Gesamtdesign und
die Bewegung
der Logoanimation zu sehen und Auf diese Weise können Sie den Zeitpunkt, die
Bewegung und das Gesamtdesign
der Logoanimation
festlegen . Es hilft Ihrem Kunden auch, das Endergebnis
zu sehen. Und nehmen Sie Änderungen vor, bevor
Sie mit der Animation beginnen. Dies kann Ihnen auf lange Sicht Zeit und
Mühe sparen. In unserem Fall denke ich, dass es
eine coole Idee für unsere
Damen-Sportbekleidungsmarke wäre, die Silhouette von Athena aus der
griechischen Mythologie hinzuzufügen wäre, die Silhouette von Athena aus der
griechischen Mythologie eine coole Idee für unsere
Damen-Sportbekleidungsmarke Sie steht für die
Werte der Stärkung von Frauen und könnte symbolisieren,
worum Deshalb möchte ich, dass die Silhouette des
Kriegers das Erste in der Szene ist,
gefolgt vom Markennamen Okay, ich hoffe, du verstehst das Konzept, wie ein
Storyboard aussehen sollte. Es muss nicht mit der
höchsten Detailgenauigkeit gezeichnet werden . Es reicht aus, Ihre Idee in
einer Skizze zu
präsentieren , bevor Sie
mit der Animationsphase fortfahren. Sobald Sie mit
der Planung zufrieden sind und der Kunde die Skizze genehmigt
hat, ist
es Zeit, mit
der Animationsphase zu beginnen. Ich hoffe, du bist bereit, denn diese Lektion wird
großartig. Lassen Sie uns gemeinsam das Storyboard schließen und After Effects öffnen Der erste Bildschirm, den Sie sehen werden,
ist hier das Startfenster. Sie können entweder ein
aktuelles After
Effects-Projekt öffnen , an
dem Sie gearbeitet haben, oder ein neues erstellen. Aber lassen Sie mich Ihnen
zeigen, wie
Sie am häufigsten ein neues Projekt starten. Lassen Sie uns dieses Fenster vorerst schließen. Jetzt, damit wir alle
die gleichen Paneele sehen, legen Sie sie. Klicken wir hier auf Standard. Jetzt müssen
wir, wie in jedem Bearbeitungsprogramm, eine
neue Datei öffnen, um dies zu tun. In After Effects müssen wir eine neue Komposition
erstellen. Lassen Sie uns auf Neue
Komposition klicken und die Einstellungen für
unsere erste Komposition
definieren. Es ist wichtig zu beachten, dass
wir all
diese Einstellungen in Zukunft in jeder Phase
der Animation problemlos ändern diese Einstellungen in Zukunft in jeder Phase
der können. Ordnung, das Erste, was wir tun
müssen, ist, ihm einen Namen zu geben. Nennen wir unsere erste
Komposition Logo-Animation. Eins. Großartig. Als Nächstes müssen wir
die Abmessungen für unsere
erste Komposition festlegen . Dies sind die Abmessungen
der Breite und Höhe der von uns erstellten
Komposition, die der Größe
des endgültigen Videos entsprechen. Am Ende erfordern
verschiedene Fälle
unterschiedliche Auflösungen. Wie in den Beispielen gezeigt. einen regulären Instagram-Feed
mussten Beiträge Breite von
1080 Pixeln und eine Höhe von
1080 Pixeln haben. Für den neuen Feed ist jedoch
eine Höhe von 1.350 Pixeln erforderlich. Für Storys, Reels
und Tiktok-Videos sollte
die Größe 1080 Pixel breit und
1920 Pixel hoch Für YouTube-Videos
empfiehlt es sich, eine Auflösung von
1080 Pixeln in der Höhe und
1920 Pixeln in der Breite zu verwenden , was ein Full-HD-Format ist. Wenn Sie
ein Vier-K-Video erstellen möchten, müssen
Sie die
Full-HD-Auflösung multipliziert mit zwei verwenden Dieses Mal werden wir
im Full-HD-Format arbeiten, das 1.920 Pixel breit
und 1080 Pixel hoch ist Als Nächstes wählen wir die Anzahl
der Frames für unsere Animation Wie hoch ist die Bildrate in der Welt der
Videos und Animationen? Bildrate bezieht sich auf die
Anzahl der einzelnen Einzelbilder oder Bilder, die pro
Sekunde angezeigt werden, um die
Illusion von Bewegung zu erzeugen. Die Bildrate wird in
Bildern pro Sekunde, FPS, gemessen. Je höher die Bildrate, desto flüssiger erscheint die Bewegung Die meisten gängigen Videos und Filme
verwenden eine Bildrate von 24, 25 oder 30 Bildern pro Sekunde Wenn Sie jedoch eine Animation
für eine App oder eine Website
erstellen möchten , ist
es besser, mit
60 Bildern pro Sekunde zu arbeiten. Wenn Sie mit
Videobearbeitungssoftware
wie After Effects arbeiten , haben
Sie die Flexibilität, die Bildrate
für Ihr Projekt zu wählen. Es ist wichtig zu beachten
, dass sich die Bildrate auf die
Dateigröße der endgültigen Datei auswirken
kann. Höhere Bildraten erfordern außerdem mehr Speicherplatz und Leistung, was
Ihren Arbeitsablauf verlangsamen kann. In unserem Fall setzen wir es auf 30. wir hier weitermachen
, werden wir die Dauer
unserer Komposition wählen. Die ersten Zahlen stehen hier für die
Anzahl der Stunden. Die zweite Zahl sind die Minuten. Der ist für Sekunden. Das letzte sind die Solitary Frames. 30 Sekunden werden reichen. Diesmal können wir den letzten Frame
löschen. Lassen Sie uns abschließend
die Hintergrundfarbe
der Komposition wählen . Stellen wir es auf Schwarz ein. Um die Sache abzuschließen,
klicken wir auf Okay, hier und hier. Tolle Arbeit. Sie haben gerade
Ihre erste Komposition erstellt. Jetzt möchte ich ganz schnell über
die Oberfläche des
Programms sprechen . Und ich zeige Ihnen
die Panels, damit Sie
sich ein Bild davon machen können , wie
dieses Programm funktioniert. Es mag so aussehen,
als ob es viele Tasten und Funktionen gibt , aber keine Sorge, ich werde
alles so erklären , dass Ihnen
nicht schwindlig wird. Okay, also das Wichtigste zuerst, das
sind die aktiven
Panels und die Software. Fangen wir an, hier über
diesen Bereich zu sprechen ,
der als Projektpanel bezeichnet wird. In dieses Panel importieren wir alle Assets, die wir in diesem Projekt verwenden
werden, wie Bilder,
Sounddateien, Videos usw. Gehen wir nun
zum Ebenenfenster, wo wir die Elemente
aus dem Projektfenster ziehen Oder erstellen Sie neue Ebenen
wie Grundformen, Text, Ebenen,
Effekte usw. Gehen wir nun zum Bedienfeld neben
dem Ebenenfenster, dem Kompositionsfenster Dieses Fenster zeigt uns unsere Zeitleiste, in wir mithilfe
der Zeitanzeige navigieren. Hier haben wir die Möglichkeit,
Ebenen zeitgerecht zu verschieben , um zwischen ihnen zu
planen. Wir werden
hier auch die Keyframes sehen , die wir
später für unsere Ebenen erstellen werden, die Keyframes, mit denen sich unsere Ebenen bewegen Alles, was wir in
diesen beiden Bedienfeldern tun , wird im
Vorschaufenster angezeigt Hier werden wir sehen, wie unsere Ebenen für den Betrachter
aussehen werden. Diese drei Panels arbeiten
alle zusammen. Als Nächstes haben wir das
Hauptfenster der Werkzeugleiste. Die Hauptsymbolleiste
in After Effects besteht einer Reihe von Werkzeugen und Funktionen, mit
denen Sie
visuelle Elemente
in Ihrem Projekt erstellen ,
bearbeiten und verwalten ,
bearbeiten und verwalten können. Es enthält Werkzeuge zum
Auswählen, Verschieben, Transformieren, Zeichnen von Formen,
Erstellen von Text und mehr. Ordnung, lassen Sie uns nun über
das letzte Fenster sprechen , das
als Workflow-Bereich bekannt ist. Dieser Abschnitt enthält
verschiedene Funktionen und Bedienfelder, die uns bei der
Arbeit an dem Projekt unterstützen. Wir können auf ein Fenster zugreifen, um die Liste der Effekte
anzuzeigen, die Schriftart
auszuwählen, die wir verwenden möchten, und viele andere
hilfreiche Hilfsprogramme. Fantastisch. Nun, da Sie sich mit den Panels auskennen
, möchte
ich ein paar
wichtige Notizen machen. Und ich gebe Ihnen einige
wichtige Tipps, die Sie bei der Arbeit
mit After Effects beachten sollten. Wenn Sie den
Vorschaubildschirm so sehen, sich
keine Sorgen, das
liegt wahrscheinlich daran, dass Ihre
Feststelltaste aktiviert ist. Schalten Sie es einfach aus und alles
sollte wieder normal sein. Wenn Sie als Nächstes
in After Effects an einem Projekt
arbeiten, stellen Sie sicher, dass Sie Sprache Ihres Computers auf Englisch
umstellen. Auf diese Weise funktionieren alle von
uns verwendeten Tastenkombinationen ordnungsgemäß. Wenn Sie die
Hintergrundfarbe nicht sehen, klicken Sie einfach hier. Wenn Sie die Zahlen hier
anders sehen als meine,
stellen Sie sicher, dass Sie
das Zeitleistenfenster verkleinern. Jetzt können Sie
Ihre Maus hierher bewegen, die Strg
- oder Befehlstaste
gedrückt halten und hier auf die Zahlen klicken Diese Zahlen
stehen für die Dauer unseres Kompositionszeitplans Wir können es in
Bildern oder in Sekunden sehen. Wenn Sie dann
den Vorschaubildschirm
kleiner oder größer als meiner sehen , klicken Sie
einfach hier
und wählen Sie Anpassen. Klicken Sie abschließend hier und ändern Sie die
Vorschauqualität hier auf voll. Ordnung, jetzt nehmen wir einige
Änderungen an den Softwareeinstellungen vor, um unseren Arbeitsablauf reibungsloser zu
gestalten Gehen Sie
einfach zu Bearbeiten
und gehen Sie zu Einstellungen Mac-Benutzer können auf diese Weise auf
Einstellungen zugreifen. Ordnung, jetzt klicken wir auf Allgemein und beginnen mit
der Anpassung der Softwareeinstellungen. Stellen Sie jetzt alle Einstellungen so ein,
wie ich es getan habe. Sie können das
Video pausieren, wenn Sie
mehr Zeit benötigen , und weitermachen
, wenn Sie fertig sind. Im Moment mache ich mit
der nächsten Spalte, dem nächsten
Raster und den Hilfslinien weiter . Ändere deine Einstellungen so
, dass sie mit meinen übereinstimmen. In Ordnung, weiter zum
Autosave-Bereich. Im Bereich Autosave können
wir wählen, wie oft die Software
unser Projekt automatisch speichern soll Grundsätzlich speichert diese Funktion
Ihre Arbeit automatisch. In bestimmten Intervallen
verlierst du keine Fortschritte. Wenn das Programm abstürzt oder
etwas Verrücktes passiert, habe ich es normalerweise so eingestellt, dass es alle 5 Minuten
speichert, aber Sie können wählen, welcher
Zeitrahmen für Sie geeignet ist. Als Nächstes können
wir im Bereich Speicher und
Leistung überprüfen, wie viel
RAM unser Computer hat. Es könnten 16, 32 oder sogar mehr als 61 sein. Wenn Sie möchten, dass After
Effects schneller ausgeführt wird, können
Sie ihm mehr Speicher zur Verfügung stellen
und den Rest für
andere Dinge verwenden , z. B. für
das Surfen im Internet oder das Ausführen
anderer Programme. Um dies zu erreichen, müssen Sie Ihrem Computer etwas Speicherplatz
wegnehmen. Wenn Sie 16 Gigabyte haben, können
Sie diese Zahl
auf sechs oder sogar vier ändern Die Hauptidee dabei ist,
die Leistung, die Sie
anderen Anwendungen zur Verfügung stellen, zu verringern die Leistung, die Sie
anderen Anwendungen zur Verfügung stellen, und dadurch After
Effects zu ermöglichen , die restliche Leistung Ihres Computers zu nutzen Ordnung, wenn Sie weitermachen, stellen Sie sicher , dass bei der Eingabe alle
Einstellungen meinen entsprechen. Und zum Schluss
gehen wir zu Skript und
Ausdrücke und wählen alles aus
, was in meinen Einstellungen ausgewählt ist. Es ist wichtig zu beachten, dass
Sie
diese Einstellungen nicht jedes Mal ändern müssen ,
bevor Sie ein neues Projekt starten. Sobald wir sie einmal festgelegt haben, müssen Sie nicht noch einmal
dorthin zurückkehren. Okay, nachdem wir
die erste Komposition erstellt und die Softwareeinstellungen
definiert haben , müssen
wir das Projekt speichern
und ihm einen Namen dafür geben. Gehen wir zu Datei
und klicken auf Speichern. Suchen wir nun den Ordner, den wir zuvor
für die Lektion erstellt haben. Gehen Sie in den AE-Ordner und geben Sie der After
Effects-Datei einen
Namen, an der wir gerade arbeiten. Es ist wichtig zu
verstehen, dass wir
jetzt die
After Effects-Datei benennen. Zuvor haben wir einen Namen für unsere erste Komposition angegeben und nicht
den Namen für dieses Projekt. Jetzt geben wir unserer Projektdatei einen Namen
. Sie können es genauso benennen wie die Hauptkomposition
und einen Unterstrich hinzufügen und dann den Namen des Logos schreiben In unserem Fall ist es Athena. Wenn Sie fertig sind, speichern Sie es
und unser Projekt hat
jetzt einen Namen und einen
Namen für das Projekt Wir haben auch die Funktion
zum automatischen Speichern aktiviert , über die
wir bereits gesprochen haben. Das bedeutet, dass
After Effects das Projekt jetzt automatisch
alle paar Minuten
speichert. Ordnung, jetzt ist es an der Zeit, unser
Logo in das Projekt zu importieren. Wir können das auf zwei Arten tun. Suchen Sie entweder das Logo
auf dem Computer und ziehen Sie die AI-Logodatei so
manuell in das
Projektfenster. Eine andere Möglichkeit, dies zu tun, besteht darin auf den leeren
Bereich im Projektfenster zu
doppelklicken. Danach müssen wir nur noch den Ordner
finden, den wir für den Kurs
erstellt haben. Suchen Sie als Nächstes den AI-Ordner
und wählen Sie das erste Logo aus. Achten Sie abschließend darauf, nicht auf diese Funktion und
dann auf Import zu klicken. Jetzt ist ein kleines Fenster
aufgetaucht, in dem wir gefragt werden, wie wir diese Datei in
Kompositions- oder Filmform importieren möchten diese Datei in
Kompositions- oder Filmform importieren Mal sehen, was die Unterschiede zwischen diesen beiden
sind. Bitte tu
es vorerst nicht mit mir. Ich möchte Ihnen zunächst
die Unterschiede zwischen
diesen beiden Optionen erklären . Mach dir keine Sorgen, wir werden
es in Kürze komplett machen. Lassen Sie uns zunächst sehen, welche
Optionen uns
zur Verfügung stehen , wenn wir es als Filmmaterial
importieren möchten. Ich wähle die Option „Ebenen
zusammenführen“ und klicke auf „Okay“, um zu
sehen, was sie bewirkt. Jetzt können wir das Logo
und das
Projektfenster als eine Ebene sehen . Wenn wir dieses Logo
in unsere Komposition ziehen, sehen
wir es als eine einzelne Ebene alle
Unterebenen zusammenkleben. Dadurch wird es nicht möglich sein
, das Logo und
alle Ebenen zu animieren , aus denen
meine Aktion rückgängig gemacht wurde Ich werde ein paar Mal die Strg-Taste drücken. Jetzt importiere ich die Datei erneut. Diesmal klicke ich
auf „Ebene auswählen“. Von hier aus kann ich
eine bestimmte Ebene aus
der Illustrator-Datei auswählen eine bestimmte Ebene aus
der Illustrator-Datei Alle Namen, die wir hier sehen, sind die Namen der Ebenen in der
ursprünglichen Illustrator-Datei In unserem Fall werde ich
diese Option jedoch nicht verwenden , da ich keine bestimmte Ebene auswählen
muss In unserem Fall möchte ich alle Ebenen einbeziehen, wenn sie in separate Ebenen
unterteilt sind . Dafür muss ich hier die Komposition
auswählen. Mit anderen Worten, After
Effects importiert
diese Datei als separate Ebenen
in eine separate Komposition. Auch bei
diesem Vorgang gibt es zwei Optionen. Lassen Sie uns zunächst verstehen,
was es bedeutet,
die Ebenen als
Dokumentgröße zu importieren . Ich klicke auf „Okay“. Und wie Sie sehen können, wird eine neue
Komposition erstellt und ein neuer Ordner
mit allen
Illustrator-Dateiebenen wird angezeigt mit allen
Illustrator-Dateiebenen Wenn ich jetzt die
Logo-Komposition eingebe, sehe
ich, dass das
Logo genau wie in
der Illustrator-Datei in
Ebenen aufgeteilt ist genau wie in
der Illustrator-Datei in
Ebenen Das Hintergrunddreieck und die
Buchstaben sind alle
verschiedene Ebenen Lassen Sie uns nun verstehen,
was es
für uns bedeutet , wenn wir die
Dokumentgröße wählen. Damit Sie das besser verstehen, werde
ich
die Hintergrundebene und
den transparenten Hintergrund vorübergehend ausblenden . Ich werde die Dreiecksebene auswählen und auch die anderen
Ebenen ausblenden. Achte nun auf die
Grenzen dieser Ebene. Obwohl das Objekt auf
dieser Ebene ziemlich klein ist, ist
der Anteil oder die Größe
dieser Ebene groß. Tatsächlich haben sie die Größe
des ursprünglichen
Illustrator-Dokuments Mit anderen Worten,
die Größe des Dokuments. Das Gleiche gilt für diese Ebene. Die Grenzen dieser
Ebene sind
trotz des kleineren Buchstabens größer . Arbeiten mit Ebenen in
Dokumentgröße ist nicht so komfortabel, da es dann schwierig ist,
die Ebenen später zu animieren Gehen wir nun zur zweiten Option über, um die Datei
als Komposition zu
importieren und zu prüfen ob dies für uns eine
bessere Option Aber vorher werde ich
den Ordner und die Komposition löschen , die zuvor erstellt wurden. Ich wähle sie aus, drücke die Rücktaste
und klicke auf Löschen Jetzt möchte ich, dass du es mit
mir machst , um das
Logo-Design in unser Projekt einzubringen Lass uns zweimal hier klicken. Wählen Sie die erste Logodatei aus,
stellen Sie sicher, dass sie nicht markiert ist, und klicken Sie auf Importieren.
Wählen Sie nun Komposition aus. Und dieses Mal
wählen wir „Ebenen“, „Gemeinsam
skalieren “ und klicken auf „Okay“. Erneut
wird ein Ordner mit
allen Logo-Ebenen
und einer neuen Komposition erstellt . Klicken wir
zweimal darauf, um es einzugeben. Hier sehen wir
wieder das
Design des Logos, genau wie zuvor. Aber wenn wir dieses Mal
die Dreiecksebene auswählen, werden
wir sehen, dass die
Grenzen dieser Ebene an die Größe
des Objekts auf dieser Ebene
angepasst werden . Das Gleiche gilt für den Buchstaben A. Es wird für uns viel einfacher sein, diese Ebenen jetzt
zu animieren, wenn ihre Größe der Größe
des Objekts entspricht Okay, jetzt kehren wir von
hier aus zu
unserer Hauptkomposition zurück und setzen unsere Lektion zur Erstellung unserer ersten
Logoanimation Ordnung, diese
Logoanimation besteht also aus fünf animierten
Teilen oder Szenen. Der erste Teil ist
die Animation
der Charaktersilhouette
innerhalb des Dreiecks. Der zweite ist die Animation
des Buchstabens innerhalb des Dreiecks. Die dritte ist
die Verbindung und Übergang zwischen
diesen beiden Animationen. Der vierte Teil ist die
Animation der Buchstaben. Und schließlich werden
wir im fünften Teil die
Outro-Animation erstellen Okay,
lassen Sie uns zuerst an der Animation der Silhouette innerhalb
des Dreiecks arbeiten und wir werden
sie im nächsten Teil
dieser Lektion behandeln sie im nächsten Teil
dieser Lektion Es wird großartig werden.
Also wir sehen uns dort.
6. Neue grafische Assets in das Projekt importieren: Willkommen zurück. Wie Sie gerade sehen
können, ist
unser Arbeitsbereich leer und wir können auf
dem Vorschaubildschirm nichts sehen. Um etwas auf
dem Vorschaubildschirm zu sehen und mit der Erstellung
unserer ersten Szene zu beginnen, können
wir entweder selbst
eine Ebene erstellen oder ein Grafikelement
aus dem Projektfenster importieren. Öffnen wir den Ordner
mit den Logo-Ebenen und ziehen die Dreiecksebene wie folgt in
unsere Komposition. Alternativ können wir eine bestimmte Ebene
aus einer anderen Komposition
kopieren und in die
Hauptkomposition
einfügen. Lassen Sie uns diese
Ebene löschen. Und mach das. Wählen Sie es aus und drücken Sie die Rücktaste oder die
Löschtaste, um es zu löschen Gehen wir nun zurück zur
Logo-Komposition. Wählen Sie die Dreiecksebene im Vorschaufenster
oder im Ebenenfenster aus. Drücken Sie Strg C, um
sie zu kopieren und zu unserer
Hauptkomposition zurückzukehren. Drücken Sie nun Strg V
, um die Ebene einzufügen. Lassen Sie uns nun etwas über
wichtige Werkzeuge und die grundlegenden Ebeneneinstellungen
in After Effects lernen. Sie können diesen
Ordner vorerst schließen. Ordnung, zuerst
lernen wir , wie man diese
Ebene in der Komposition zentriert. Dazu müssen wir
herausfinden, wo sich der Mittelpunkt
der Szene befindet. In diesem Fall können wir
die Raster in After Effects verwenden, die wir hier finden. In unserem Fall müssen wir
ein Grid namens Title Action Safe verwenden ein Grid namens Title Action Safe Aber anstatt
dieses Raster von hier aus auszuwählen, machen
wir es mit einer Abkürzung. Da wir dieses Raster häufig verwenden, kann
es lästig sein,
jedes Mal hierher zu kommen und dieses Raster manuell
auszuwählen. Okay, die Abkürzung für
dieses Raster ist also die Apostroph-Taste Lassen Sie uns auf das Vorschaufenster klicken und die Apostrophtaste drücken Jetzt können wir sehen, wo sich der
Mittelpunkt der Komposition befindet. Jetzt können wir diese Ebene
manuell verschieben, indem wir darauf und sie an die
gewünschte Stelle
in der Komposition ziehen gewünschte Stelle
in der Komposition Oder wir können die transformierten
Eigenschaften dieser Ebene öffnen und einige Parameter für
verschiedene Eigenschaften ändern , die wir hier sehen können Dies sind grundlegende Eigenschaften in jeder Ebene
und in After Effects zu
finden sind. Um diese Ebene zu verschieben, können
wir
den Wert der
Positionseigenschaft ändern . Indem wir die
Werte zur Seite ziehen. Auf diese Weise können wir
die Ebene nach links und rechts verschieben. Von hier aus können wir es auf und ab
bewegen. Als Nächstes können
wir mithilfe der Skalierungseigenschaft die Ebene vergrößern oder
verkleinern. Wir können dafür auch einen
bestimmten Wert festlegen Klicken Sie auf den Wert und schreiben Sie 100. Drücken Sie dann die Eingabetaste.
Von hier aus können
wir die Ebene drehen, indem den Grad
der Rotationseigenschaft
ändern. Ich werde es wieder auf Null setzen. Mithilfe der Opazität können wir die Transparenz
der Ebene steuern. Jetzt möchte ich über eine
Eigenschaft namens Anchor Point sprechen. Der Ankerpunkt, der durch das kleine Kreuz
in der Mitte der Ebene
dargestellt wird. Ich werde es vergrößern, damit
wir es besser sehen können. Lassen Sie uns nun seine Rolle verstehen. Ich werde das Zoomen schließen. Achten Sie nun darauf,
wie sich diese Ebene dreht. Wenn ich den Wert
der Rotationseigenschaft ändere, dreht sich
die Ebene
um ihren Mittelpunkt Sie dreht sich auf diese Weise, weil der Ankerpunkt hier
befindet Jetzt wähle ich das
Ankerpunkt-Werkzeug und verschiebe es in diese Ecke Jetzt
dreht sich die Ebene anders. Sie dreht sich basierend auf
ihrem Ankerpunkt. Im Grunde entscheidet der
Ankerpunkt darüber,
wie sich die Ebene
als Reaktion auf bestimmte Aktionen bewegt Ordnung, lassen Sie uns die
Änderungen rückgängig machen, indem wir
einige Male Strg Z drücken , um
die Ebene wieder in
ihren ursprünglichen Zustand zu versetzen die Ebene wieder in
ihren ursprünglichen Zustand zu Setzen Sie die Drehung wieder auf Null. Und vergessen Sie nicht,
zurück zum Auswahlwerkzeug zu wechseln. Wenn Sie mit
dem Ankerpunkt-Werkzeug fertig sind, lernen wir
nun, wie
Sie die Ebene
in der Komposition
mit dem ausgerichteten Werkzeug zentrieren. Was wir hier finden können. Wenn Sie es hier nicht sehen können, finden
Sie es
im Fenstermenü. Ordnung, um diese Ebene zu zentrieren, müssen
wir hier und hier klicken. Nehmen wir nun an, wir müssen dieses Dreieck
vergrößern. Gehen wir dazu zur Skalierungseigenschaft und
ändern den Wert auf 200. Und los geht's, das
Dreieck ist etwas größer. Lassen Sie uns jetzt
die Ebene vorerst schließen. Lassen Sie uns nun ein wenig heranzoomen
, um es aus der Nähe zu sehen. Sie können dies mit
dem Mausrad oder durch Drücken der Tasten tun, Sie jetzt auf dem Bildschirm sehen. Okay, jetzt, wo wir das Dreieck aus der Nähe
betrachten, stellen
wir fest, dass
es nicht scharf ist. Mit anderen Worten, es ist pixelig. Lassen Sie uns den
transparenten Hintergrund ausschalten ,
damit wir
ihn etwas besser sehen können Jetzt erkläre ich,
wie wir
das Aussehen dieser Ebene
auf maximale Qualität verbessern können . Wie Sie bereits wissen,
wurde diese Ebene in Illustrator erstellt
, einer
vektorbasierten Software Das bedeutet, dass diese Ebene, egal wie
stark wir
sie vergrößern, ihre
maximale Qualität beibehält
und nicht pixelig wird und nicht pixelig Um diese Informationen
in After Effects beizubehalten, können
wir die
Collapse-Funktion anwenden, die sich hier befindet Falls Sie sie nicht finden können, können
Sie hier klicken, um
zusätzliche Ebenenfunktionen anzuzeigen. Okay, lassen Sie uns die
Collapse-Funktion aktivieren. Da hast du's. Das Dreieck ist scharf und sauber. Lassen Sie uns nun diese
Gelegenheit nutzen, um zu lernen, wie Sie auf dem vorherigen Bildschirm navigieren während Sie wie wir mit dem
Zoom arbeiten. Um den Bildschirm zu bewegen, müssen
wir nun die Leertaste
gedrückt halten und den Bildschirm in
eine beliebige Richtung bewegen. Oder wir können den
Mittelklick mit der Maus für diejenigen verwenden, die ihn
haben, um den
Vorschaubildschirm wieder normal zu machen. Wir können hier klicken
und Fit auswählen. Zur Erinnerung: Wir sind
noch dabei, den ersten animierten
Teil der Logoanimation zu
erstellen. In diesem Teil werden wir
den Charakter innerhalb
des Dreiecks zeigen . Es ist erwähnenswert, dass
die Silhouette
der Kämpferin nicht Teil des
ursprünglichen Logo-Designs ist . Manchmal hilft uns
die Einbeziehung von
Designelementen ,
die im ursprünglichen
Logo-Design nicht enthalten sind , dabei , eine bessere Geschichte über
das Unternehmenskonzept zu erzählen. Dennoch ist es wichtig, solche Ideen vor der
Umsetzung mit
dem Kunden zu besprechen vor der
Umsetzung mit
dem Kunden um sicherzustellen, dass sie
mit Ihren Ideen übereinstimmen. Ordnung, jetzt
wollen wir lernen, wie diesen coolen Charakter
zu unserem Projekt
hinzufügen können. Lassen Sie uns zunächst den Assets-Ordner
öffnen. Denken Sie daran, dass unser
Projekt sehr gut organisiert ist. Achten Sie
also darauf, der gleichen Struktur zu folgen , um
spätere Kopfschmerzen zu vermeiden. Gehen wir zum Ordner Assets und suchen den kostenlosen Pick-Ordner. Eine coole Website, auf der Sie
jede Menge Grafik-Assets kostenlos erhalten können . Ich habe diesen Ordner Free Pick genannt, damit ich mich erinnern kann, woher
ich das Asset habe. Hier findest du alle Assets, die ich von dieser Website heruntergeladen habe. Wir wollen den
Silhouette-Ordner öffnen. Das ist normalerweise das, was
Sie erhalten, wenn Sie Grafikdateien aus dem Internet
herunterladen. Bevor wir das Grafikelement
in unser Projekt importieren, müssen
wir
es für die Animation vorbereiten. Lassen Sie mich Ihnen zeigen,
wie. Klicken Sie mit der rechten Maustaste auf die EPS-Datei und öffnen Sie sie
mit Adobe Illustrator Wenn Sie dieses
Pop-up erhalten, klicken Sie einfach auf Ja. In der Datei
gibt es
neben der Silhouette weitere Ebenen , die wir für unser After
Effects-Projekt nicht benötigen. Daher ist es
wichtig,
diese Datei vor der Animation vorzubereiten . Wählen Sie zuerst die
nicht benötigte Ebene und drücken Sie die
Rücktaste, um sie zu löschen Löschen Sie dann den kleinen Buchstaben zu. Jetzt machen wir den
Charakter größer. Wenn du es auswählst, siehst du eine
weitere Ebene mit weißem Hintergrund. Ich kann erkennen, dass sich hinter der Silhouette eine zusätzliche
Ebene befindet. Weil ich große Ebenen sehe,
Ränder, die nicht
der Silhouettengröße entsprechen. Daher weiß ich, dass
sich
hinter der Silhouette eine Ebene befindet , die ich für meine Animation
nicht benötige. Wählen Sie es aus und klicken Sie auf das
Mülleimersymbol, um es zu löschen. Klicken Sie auf Ja, um
das Löschen zu bestätigen. Jetzt wählen wir die Silhouette erneut aus und
vergrößern sie, während wir die Umschalttasten
gedrückt halten ,
damit sie symmetrisch wächst Großartig. Jetzt zentrieren wir
es mit dem Align-Werkzeug. Klicken Sie hier und hier. Nachdem wir
alle unnötigen Ebenen entfernt
und die Abbildung vergrößert haben , können
wir sie als
neue Illustrator-Datei speichern Lassen Sie uns das
Menü Datei öffnen und auf
Speichern unter klicken . Wählen Sie nun aus, ob Sie es auf Ihrem Computer
speichern Speichern wir es im selben
Ordner wie diese Datei. Wenn Sie sich nicht sicher sind, können
Sie zum kostenlosen Pick-Ordner zurückkehren und
den Silhouette-Ordner aufrufen. Stellen Sie sicher, dass wir es als
Illustrator-Datei speichern. Ändern Sie als Nächstes den Namen
in Athens Silhouette. Und schließlich klicken Sie auf
Speichern. Und okay. Lassen Sie uns nun
dieses Fenster minimieren und die neue Illustrator-Datei, die wir
erstellt haben, in After Effects übernehmen Lassen Sie uns nun auswählen, wie
diese Datei in unser
After Effects-Projekt importiert diese Datei in unser
After Effects-Projekt Denken Sie daran, dass diese Illustrator-Datei nur eine Ebenenfrage sollten wir wählen, wenn wir
eine Illustrator-Datei in
das Projekt importieren möchten und diese nur aus einer Ebene besteht Welche Option sollten wir wählen, wenn wir
eine Illustrator-Datei in
das Projekt importieren möchten und diese nur aus einer Ebene besteht
? In diesem Fall können wir wählen, ob wir es als Filmmaterial importieren
möchten, dann können wir es als
zusammengeführte Ebenen importieren , da
wir nur eine Ebene haben In dieser Datei können wir die Illustrator-Datei
im Projektfenster
sehen Ziehen wir diese Datei
in unsere Komposition. Platziere es über der
Dreiecksebene. Wie Sie sehen können, ist diese
Ebene ziemlich groß. Verkleinern wir sie mithilfe der Skalierungseigenschaft, sodass nur die
Skalierungseigenschaft für diese Ebene
angezeigt wird. Wir können es auswählen
und die Taste S drücken. Klicken wir nun auf den Wert und versuchen, eine passende Größe zu finden Vielleicht 50 oder 20. Als Nächstes verschieben wir diese
Ebene in die Mitte
der Komposition, um zu sehen,
ob sie die richtige Größe hat. Ich denke, wir können sie
verkleinern und auf einstellen.
Lassen wir es
vorerst so und machen wir weiter,
weil wir wissen, dass diese
Ebene eine maßstabsgetreue Animation benötigt. Später werden wir
den Ankerpunkt
dieser Ebene an die Position anpassen dieser Ebene an die Position der
aus die Ebene wächst, also an der Körpermitte
dieser Figur. Derzeit wächst es
aus dem Abfall. Weil der
Ankerpunkt hier ist, müssen
wir ihn hierher verschieben. Wählen wir dazu
das Ankerpunkt-Werkzeug aus
und verschieben es hierher. Wenn wir fertig sind, kehren wir
zum Auswahlwerkzeug zurück und überprüfen,
wie sich die Skala jetzt verhält Okay, ich finde es gut. Lassen Sie uns den Wert auf 15
zurücksetzen, die Ebene schließen und
die Tastenkombination weniger drücken. Um alles zu speichern, was wir
bisher gemacht haben, bevor wir weitermachen. Großartig, jetzt bringen wir
den transparenten Hintergrund zurück. Wir können auch Collapse auf
diese Ebene anwenden , um
ihre maximale Qualität zu erhalten. Lassen Sie uns nun lernen, wie Sie
den Charakter
innerhalb der Dreiecksgrenzen transparent machen können. Dazu müssen wir eine
After Effects-Funktion
namens Track Mats verwenden . Um diese Funktion zu sehen, müssen wir hier
klicken, und hier ist sie. Wenn Sie es nicht vollständig sehen können, können
Sie diesen Bereich ein
wenig vergrößern , indem Sie die
kleine Linie hierher ziehen Ich werde die Ansicht vergrößern, um dir
die Linie zu zeigen, die du bewegen musst. Ich spreche von diesem. Zieh es so zur Seite. Ordnung, was ist die Trackmat-Funktion
in Adobe After Effects? Track-Mattis sind eine
Funktion, mit
der die Sichtbarkeit einer Ebene
anhand
des Inhalts einer anderen Ebene gesteuert der die Sichtbarkeit einer Ebene
anhand
des Inhalts einer anderen Ebene Es gibt zwei Hauptfunktionen von
Mattis, die wir verwenden
können: Alpha und Luma Alpha-Matte ist eine
Technik, bei der Sie mithilfe der Transparenz einer Ebene
steuern, was
auf der darüber liegenden Ebene angezeigt wird wird häufig verwendet, wenn Sie coole Effekte erzielen
möchten, z. B. wenn Sie ein Bild durch die Form
anderer Elemente sichtbar machen möchten. Alumamt ist eine Technik, bei der die Helligkeits- oder
Leuchtinformationen
der Mattenschicht
verwendet werden, um die Sichtbarkeit
der darüber liegenden Schicht zu steuern Die helleren Bereiche
der Mattenschicht enthüllen den Inhalt darüber, während die dunkleren Bereiche ihn verbergen Die dazwischen liegenden Graustufenwerte sorgen für unterschiedliche
Transparenzgrade. Luma-Matte wird häufig für
Effekte verwendet , die auf der Helligkeit eines
Bildes basieren Sie helfen dabei,
Teile eines Videos anhand
ihrer Helligkeitsstufen zu isolieren und sichtbar zu machen,
und können verwendet werden, um künstlerische Effekte zu erstellen. Matt ist ein faszinierendes
Thema, das es zu erforschen gilt. Wenn Sie
mehr über sie erfahren und einige
spannende Lektionen genießen möchten , können
Sie sich den kostenlosen Kurs ansehen den
ich im
Eröffnungsvideo erwähnt habe. Link zum Kurs
und die Beschreibung finden Sie unten oder in der PDF-Datei im Hauptordner des Kurses
, den Sie von mir heruntergeladen haben. Ordnung, kommen wir zurück zu unserem Projekt,
das Zeichen
innerhalb der Dreiecksgrenzen transparent zu machen das Zeichen
innerhalb der Dreiecksgrenzen transparent Wir müssen die
Alpha-Mattenfunktion verwenden. Dafür müssen wir den Trac Mattis und die
Peitsche der
Dreiecksebene auf die Zeichenebene
ziehen Peitsche der
Dreiecksebene auf die Zeichenebene Auf diese Weise verwandeln wir
die Dreiecksebene in die Alphaebene
des Charakters Jetzt verwendet das Dreieck die Form der
Silhouettenebene als Maske. Jetzt müssen wir nur noch
die Dreiecksebene erstellen und die Silhouettenebene
als ausgeschnittene Form
verwenden. Um das zu tun,
klicken wir hier, um
das Alpha umzukehren . Da hast du es Jetzt können wir das transparente
Zeichen im Dreieck sehen . Damit sind wir fertig mit
der Gestaltung der Szene für den
ersten Animationsteil. Gehen wir nun
zum nächsten Teil über. Fangen Sie an, diese
Szene zu animieren. Wir sehen uns dort Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
7. Keyframes und Animation: Hey, willkommen zurück. Jetzt lernen wir, wie man in After Effects eine Animation
erstellt. Das erste, was wir animieren
müssen, ist die Skalierung der Silhouette
von groß nach klein Um dies zu erreichen,
müssen wir die
Skalierungseigenschaft animieren Wählen wir die Ebene
und den Prozess aus, um sie zu sehen. Aber tu noch nichts. Hör dir einfach an, was
ich erkläre. Keine Sorge, wir machen es gleich
zusammen. Nehmen wir an, ich möchte, dass
die Ebene zu Beginn der Animation, also bei 0 Sekunden
, dieselbe Größe behält. Bei zweiter Nummer vier möchte
ich dann, dass die Ebene auf eine größere Größe
skaliert wird. Okay, lass uns sehen, was wir haben. Wie Sie sehen können, ist
nichts passiert. Wir haben keine Animation erstellt. Ich drücke Strg Z
, um meine Aktionen rückgängig zu machen. Es ist nichts passiert, weil ich After Effects nicht angegeben
habe, von welcher Größe bis zu welcher Größe
die Ebene wachsen soll. Um After Effects
zu signalisieren welche Änderung ich
an dieser Ebene vornehmen möchte, muss
ich Keyframes erstellen. Keyframes sind Markierungen, die in After Effects
verwendet werden, um Änderungen zu
spezifizieren,
die zu einem bestimmten Zeitpunkt an
einer Ebene vorgenommen werden sollen . Durch die Erstellung von Keyframes können
wir After Effects anweisen die Ebene
zu
unterschiedlichen Zeitpunkten von
einem Zustand in einen anderen zu überführen unterschiedlichen Zeitpunkten von
einem Zustand in einen anderen zu Im Wesentlichen ermöglichen uns Keyframes, Animationen
in After Effects
zu erstellen Mal sehen, wie man Keyframes
erstellt. Zuerst werde ich
die Zeitanzeige
an den Anfang
der Zeitleiste bringen . Das ist bis zur
zweiten Zahl Null. Jetzt kannst du es
zusammen mit mir machen. Lassen Sie uns entscheiden, dass zu
diesem Zeitpunkt, bei der zweiten Zahl Null, diese Ebene sehr groß sein sollte. Lassen Sie uns den Skalenwert ändern bis wir die benötigte Größe haben. Lassen Sie uns die Ebene hierher verschieben, weil wir möchten, dass sie vom Kopf
des
Charakters aus in die Szene eindringt . Lassen Sie uns nun die
Ebene etwas weiter skalieren. Lassen Sie uns sie noch einmal
etwas nach unten verschieben , um zu sehen, was wir tun. Wir können diese Ebene einschalten. Vorerst müssen wir
diese Ebene
vergrößern und positionieren, bis
der Kopf der Figur das gesamte Dreieck zu bedecken
scheint. Wenn es nicht
das gesamte Dreieck abdeckt, werden wir Teile davon sehen. Und das wollen wir nicht. Lassen Sie uns daher
die Ebene weiter skalieren und verschieben, bis
wir das gewünschte Ergebnis erzielen. Schreiben wir hier einfach 130. Ich denke, es ist groß
genug. Dann verschiebe die Ebene hierher, sodass sie die Dreiecksform
bedeckt. Lassen Sie uns es ausschalten und überprüfen, ob wir das Dreieck nicht
sehen. Ja, es sieht gut aus. Jetzt müssen
wir After Effects signalisieren, dass
die Ebene
erscheinen und so bleiben soll , wie
sie in diesem Moment ist. Dafür müssen wir zu
diesem Zeitpunkt
den ersten Keyframe erstellen . Um den ersten Keyframe zu erstellen, können
wir auf die Stoppuhr
der Skalierungseigenschaft klicken Gehen wir nun zur
zweiten Nummer zwei über. Warum genau ist die
zweite Nummer zwei? Ohne besonderen Grund. Nur weil ich beschlossen habe
, dass die Länge dieser Animation 2 Sekunden betragen
würde. Wir können es später ändern,
wann immer wir wollen. Okay, lassen Sie uns von hier aus unserem
Zeitplan etwas näher kommen. Gehen wir nun hierher, um
die zweite Nummer zwei
hier zu sehen , die Zeitanzeige. Und jetzt ändern wir die Werte
der Ebene, bis sie es sind. Wie Sie sehen können,
wurde, sobald
wir die Skalenwerte ändern, automatisch
ein neuer Keyframe für uns
erstellt, was großartig ist. Aber die Sache ist, dass die
Ebene nach unten skaliert wird, aber nicht in die richtige
Richtung, die wir brauchen. Der Grund dafür
ist, dass sie basierend auf der Position der
Ankerpunkte nach unten
skaliert wird. Lassen Sie mich die
Ebene vorerst einschalten, damit wir
sehen können , was wir
in dieser Situation tun. Wir müssen
die Position
dieser Ebene zusammen mit der Skalierungsanimation
animieren Das bedeutet, dass wir auch
Keyframes für die
Positionseigenschaft erstellen müssen auch
Keyframes für die
Positionseigenschaft Gehen wir zurück zum
Anfang der Animation. Das ist die zweite Zahl Null. Wählen Sie nun die Ebene aus und drücken Sie die Umschalttaste, um
die Positionseigenschaft
zusammen mit der Skala zu öffnen . Da wir
mit der Position
der Ebene zu
diesem Zeitpunkt zufrieden sind , können
wir das
erste Schlüsselbild
zu
diesem Zeitpunkt erstellen , damit es so bleibt. Lassen Sie uns nun die
Zeitanzeige auf
die zweite Zahl zwei verschieben und dabei die Shift-Taste gedrückt
halten. Auf diese Weise wird die
Zeitanzeige an den Schlüsselbildern
des Skalenumfangs ausgerichtet Jetzt verschieben wir die Ebene hierher, ziehen sie nach oben und verschieben
sie ein wenig zur Seite Lassen Sie uns nun
die Ebene noch weiter verkleinern. Geben wir 15 für die Skala ein. Dann passen wir die
Position noch einmal an. Jetzt, wo sie kleiner wird, bewegt sich
die Ebene auch an die richtige Stelle, um zu
sehen, wie sie aussieht. Bringen Sie die Zeitanzeige
an den Anfang
der Timeline und drücken Sie
die Leertaste Großartig, du hast
deine erste Animation erstellt. Lassen Sie uns den Vorschaubildschirm so einstellen, dass er
passt, und fahren wir
mit der Animation fort. Gehen wir zur zweiten Nummer vier über und stellen diese Ebene so ein, zu der Position und
Größe
zurückkehrt, die sie am Anfang hatte. Dazu können wir einfach diese beiden Schlüsselbilder
auswählen. Kopieren Sie sie mit der
Tastenkombination
C und drücken Sie Strg
V, um sie einzufügen. Sie werden sich an die
Position der Zeitanzeige halten. In Ordnung, lass uns
sehen, was wir haben. Wir können diese Ebene ausschalten
, damit der Alpha-Effekt seine Wirkung entfalten
kann. Dann schauen wir uns
die Animation an, die wir gemacht haben. Nochmals, wenn Sie
die Leertaste drücken, aber nichts passiert,
gehen Sie weiter zur Vorschau. Um die Einstellungen hier zu ändern, müssen
wir auf
das Ebenenbedienfeld klicken. After Effects kann wissen, auf welche Komposition Sie
sich beziehen. Wenn Sie
das Vorschaufenster nicht sehen, finden
Sie es im Fenster. Ordnung, lassen Sie uns
das Ebenenfenster auswählen und
einige Vorschaueinstellungen ändern. Öffnen Sie zunächst die
Shortcut-Liste und wählen Sie die Leertaste. außerdem sicher, dass
Sie die restlichen
Einstellungen so auswählen, wie ich es getan habe In Ordnung, lass uns weitermachen. Jetzt möchte ich auch
eine maßstabsgetreue Animation
für das Dreieck erstellen . Ich möchte, dass das Dreieck zu
diesem Zeitpunkt nach 2 Sekunden
die
Größe hat, die es derzeit hat. Bleiben wir bei 2 Sekunden
mit der Zeitanzeige. Wählen Sie dann die Ebene aus und drücken Sie, um die
Skalierungseigenschaft dieser Ebene zu sehen. Lassen Sie uns nun Keyframes
mit dem aktuellen Wert erstellen. Sobald wir fertig sind, gehen wir
zur zweiten Zahl Null und
ändern den Wert auf Null. Gehen wir als Nächstes zur
zweiten Zahl vier und stellen das Dreieck auch hier so ein, dass es die
Größe Null hat. Jetzt haben wir eine etwas
interessantere Animation. Wenn die Silhouette klein
und das Dreieck groß wird. Mal sehen, wie es insgesamt
aussieht. Wie Sie sehen können, ist die Bewegung dieser Schichten etwas langweilig. Alles bewegt
sich mit der gleichen Geschwindigkeit. Das liegt daran, dass unsere Keyframes derzeit lineare Keyframes
sind. Um diese Keyframes
etwas interessanter zu gestalten, müssen
wir sie von
linearen Keyframes
in Keyframes umwandeln . *** ist eine Art der
Keyframe-Interpolation , mit der Sie gleichmäßige
und natürlich aussehende Bewegungen erzielen können Wenn Sie***
auf ein Keyframe anwenden, wird die Animation schrittweise beschleunigt und beschleunigt
, sodass sie natürlicher wirkt Um die Keyframes zu konvertieren, müssen
wir
alle Keyframes auswählen. Klicken Sie mit der rechten Maustaste auf einen von ihnen. Gehen Sie zum Keyframe-Assistenten
und wählen Sie ASees oder verwenden Sie die sehr
beliebte Tastenkombination, die F-Tasten-Taste für Mac-Benutzer Sie müssen die
FN-Taste gedrückt halten und F neun drücken. Diesmal klicken wir
einfach darauf. Und wie Sie sehen können, haben unsere
Keyframes ihre Form geändert. Mal sehen, wie es jetzt aussieht. Sieht schon besser aus.
Und wir können es noch besser machen, indem wir die Lockerung
anpassen Ich erkläre in After Effects, was ich
meine. Keyframes sind Zeitpunkte
, an denen Sie
einen bestimmten Wert für eine
Eigenschaft in Ihrer Animation festlegen . Lineare Keyframes sorgen einen konstanten und konsistenten Wechsel von einem Schlüsselbild zum nächsten. Das bedeutet, dass sich die
Animation
mit konstanter Geschwindigkeit
ohne Beschleunigung
oder Verzögerung bewegt mit konstanter Geschwindigkeit
ohne Beschleunigung
oder Verzögerung Andererseits sorgen
diese Keyframes für eine Beschleunigung und Beschleunigung
der Animation, wodurch sie natürlicher
und optisch ansprechender Um die Geschwindigkeit
der Animation zu steuern, können
wir den
Speedgraph-Editor verwenden Speed Graph Editor ist ein
Tool, mit dem Sie die
Geschwindigkeit Ihrer Animation
visualisieren und steuern können. Es zeigt die Geschwindigkeit
einer Animationseigenschaft im
Zeitverlauf an, indem die
Ziehpunkte im Diagrammeditor angepasst werden. Sie steuern die Beschleunigung
oder Verlangsamung
der Animation und sorgen für einen
langsamen Start Eine Lockerung
sorgt dagegen für ein langsames Ende. Ease and Out kombiniert beides sorgt so für ein sanftes Beschleunigen
und Abbremsen Jetzt möchte ich, dass du bezahlst, um die Prozentsätze
hier unten zu beeinflussen. Stellen Sie sich jeden Griff als ein Paar Hände vor, die die Bewegung
beeinflussen Wenn Sie die Ziehpunkte näher
am Keyframe platzieren, wird
ihr Einfluss erhöht, was zu einer schnelleren Änderung führt. Wenn Sie sie wegbewegen, verringern
Sie ihren Einfluss, was zu einer langsameren Änderung führt. jedoch zu viel Zeit in
Anspruch nehmen, den Einfluss
der Animation mit dem Diagrammeditor und
dem Verschieben der Ziehpunkte zu ändern der Animation mit dem Diagrammeditor und
dem Verschieben kann jedoch zu viel Zeit in
Anspruch nehmen, den Einfluss
der Animation mit dem Diagrammeditor und
dem Verschieben der Ziehpunkte zu ändern. Daher möchte ich Ihnen
einen schnelleren Weg zeigen , den
Einfluss von Animationen zu ändern. Wir können das mit dem
Keyframe-Velocity-Panel machen. Das Keyframe-Velocity-Bedienfeld
in After Effects bietet eine numerische Darstellung
der Geschwindigkeit und
des Einflusses Ihrer Keyframes. Das Panel zeigt
separate Werte für eingehende Beschleunigungsgeschwindigkeiten und ausgehende
Beschleunigungsgeschwindigkeiten Die Einflussprozentsätze, die
wir hier angegeben haben denen,
die wir zuvor
in der Geschwindigkeitsgrafik gesehen haben Wenn wir
wie zuvor
mit den Griffen im Diagrammeditor
eine schöne Ease-In
- und Easing-Out-Animation erstellen möchten, können
wir den Einfluss
der Ease-In- und
Ease-Out-Animation wie zuvor
mit den Griffen im Diagrammeditor
eine schöne Ease-In
- und Easing-Out-Animation erstellen möchten, auf 85 ändern auf 85 Der Speedgraph-Editor
wird so aussehen. Das bedeutet, dass die Animation langsam
startet. Bei der zweiten
Nummer wird dann
die Geschwindigkeit erhöht und
danach langsamer. Das Wichtigste
, an das Sie sich erinnern sollten, ist, dass wir die Dauer
der Animation
nicht geändert haben. Die Animation dauert
2 Sekunden, genau wie am Anfang. Wir haben gerade
das Timing zwischen
den Keyframes geändert , indem wir ihren Einfluss
angepasst haben. Es ist ein Prozess von
Versuch und Irrtum. Zögern Sie also nicht
, mit
verschiedenen Einstellungen herumzuspielen , um zu sehen, wie
sie sich auf Ihre Animation auswirken. Da wir
unsere Keyframes bereits von
linear zu Keyframes konvertiert haben, können wir jetzt
den Einfluss
dieser Keyframes ändern , um eine viel
interessantere Bewegung zu erzielen. Und dazu müssen
wir zuerst die
Keyframes auswählen, die wir ändern möchten. Es ist wichtig
, sich daran zu erinnern, dass wir nicht
alle Keyframes für verschiedene
Arten von Eigenschaften gleichzeitig ändern können alle Keyframes für verschiedene . Wir müssen die Keyframes
für jeden
Eigenschaftstyp separat ändern . Wie Sie in
diesen beiden Ebenen sehen können, haben
wir Keyframes für
die Skalierungseigenschaft. Da es sich um denselben
Eigenschaftstyp handelt, können
wir diese Keyframes in
beiden Ebenen auswählen und gemeinsam
ändern Lassen Sie uns alle Keyframes auswählen , die zum
Skalierungsparameter gehören Halten Sie nun die Alt-Taste gedrückt und klicken Sie zweimal auf einen
der Keyframes. Jetzt können wir das
Keyframe-Geschwindigkeitspanel für
die Skalierungseigenschaft sehen Keyframe-Geschwindigkeitspanel für
die Skalierungseigenschaft Lassen Sie uns die Geschwindigkeit
dieser Keyframes auf
85% am Anfang des
Keyframes und auf 85% am Ende ändern 85% am Anfang des
Keyframes und auf 85% am Ende Klicken Sie dann auf Okay. Lassen Sie uns nun dasselbe für
die Eigenschaft Position tun. Wir können die
Keyframes von
hier aus auswählen oder die
Eigenschaft aus der Ebene auswählen. Auf diese Weise wählen wir alle Keyframes aus, die wir für diese Eigenschaft
haben. Halten Sie nun die Alp-Taste gedrückt und klicken Sie zweimal auf einen
der Keyframes. Jetzt können wir das
Keyframe-Geschwindigkeitspanel
für die Positionseigenschaft sehen . Lassen Sie uns die Geschwindigkeit
dieser Keyframes ebenfalls auf 85% ändern dieser Keyframes ebenfalls auf 85% Klicken Sie auf Okay, lassen Sie uns
sehen, wie es aussieht. Jetzt
ist die Bewegung der Ebenen viel interessanter. Sobald wir mit der Animation
des ersten Teils fertig sind, können
wir diese
beiden Ebenen gruppieren , genau wie in
Photoshop oder Illustrator,
aber in After Effects nennen
wir es der Unterkomposition handelt es sich um eine
Technik, Ebenen
gruppiert und als eine einzige Ebene
behandelt werden. Einer der Hauptvorteile der
Unterkomposition von Ebenen besteht darin, dass Sie damit Ihre Zeitleiste
organisieren und einfach verwalten
können organisieren und Das ist ziemlich einfach Wählen Sie
einfach die beiden Ebenen aus und klicken Sie
entweder mit der rechten Maustaste und wählen oder drücken Sie Strg+Shift
C auf Ihrer Tastatur Lass uns das mal ausprobieren. Lassen Sie uns gemeinsam
Strg+Shift C drücken. Nennen wir dieses
Kompositionssymbol nun Animation. Stellen Sie sicher, dass beide
ausgewählt sind, und klicken Sie dann auf Okay. Jetzt können wir die
Komposition, die wir erstellt haben,
im Kompositionsfenster und
auch im Projektfenster sehen . Um diese Vorkomposition aufzurufen,
doppelklicken Sie darauf. Und es gibt zwei Ebenen, die
wir vor einer Minute animiert haben. Ordnung, kehren wir zu
unserer Hauptkomposition zurück und schalten diese Vorkomposition vorerst aus,
damit wir uns darauf konzentrieren können den zweiten
Teil dieser Logo-Animation zu
erstellen Wir werden eine
ähnliche Animation erstellen, aber mit dem Buchstaben A anstelle
der Silhouette Gehen wir dazu zur Komposition des
Logo-Designs. Wählen Sie den Buchstaben A. Halten Sie
die Umschalttaste gedrückt und
wählen Sie auch das Dreieck aus. Drücken Sie nun Strg C
, um diese Ebenen zu kopieren. Navigieren Sie danach zurück zur Hauptkomposition und drücken Sie Strg
V, um sie einzufügen. Es ist möglich, dass der Buchstabe
A nach dem
Einfügen der Ebenen nicht sichtbar Dies könnte daran liegen, dass
die Ebene unter
der Dreiecksebene
steckt Sie müssen
lediglich die A-Ebene
über die Dreiecksebene verschieben und sie wird sichtbar. Wählen wir nun
diese beiden Ebenen und zentrieren sie in
der Komposition. Diesmal werden wir das Aligned Tool jedoch nicht
verwenden. Wir werden zu Hause eine coole
Tastenkombination verwenden. Lassen Sie uns nun
diese Ebenen vergrößern Drücken Sie S, um die
Skalierungseigenschaft für die Ebenen anzuzeigen. Und ändern Sie den Wert auf 200, genau wie wir es zuvor mit
dem Dreieck gemacht haben. Klicken wir nun hier, um
die Kollaps-Funktion zu sehen und sie auf diese beiden Ebenen
anzuwenden ,
damit sie
ihre beste Qualität haben. Wir können den Hintergrund ausschalten , um zu sehen, was wir ein bisschen besser
machen. Jetzt schließen wir die Ebenen und beginnen, den Buchstaben A zu
animieren.
Start. Verschiebe den
Buchstaben hierher. Sie können es mit den
Pfeiltasten auf Ihrer Tastatur tun. Dann klicken Sie hier, um
die Track-Matt-Funktion zu sehen. Und ziehe die
Spitzpeitsche des Dreiecks
auf die Buchstabenebene
, um sie als Alpha zu verwenden Danach klicken Sie hier, um die Alpha-Matte
umzukehren
, sodass das Dreieck
die Buchstabenebene
als ausgeschnittene Form verwendet die Buchstabenebene
als ausgeschnittene Form Fantastisch, lassen Sie uns jetzt diese
Szene animieren. Wir beginnen mit der Erstellung einer Skalierungsanimation
für den Buchstaben A, wählen sie aus und drücken S, um die Skalierungseigenschaft zu
sehen Wir wissen also, dass der Buchstabe die Größe haben
sollte, die er jetzt hat, später in der
Animation. Wir können zur zweiten
Zahl zwei gehen und
das erste Schlüsselbild mit dem
aktuellen Wert erstellen , der jetzt ist. Gehen wir nun zum Anfang
der Timeline und skalieren die
Buchstabenebene auf 500. Wir können den Wert manuell ziehen
oder hier einfach 500 eingeben. Mal sehen, wie es aussieht. Lassen Sie uns nun diese
Dreiecksebene animieren, so wie wir die erste Ebene zuvor
mit der Skalierungseigenschaft
animiert Wählen Sie die Ebene aus und drücken Sie. Aber dieses Mal, um
eine etwas
interessantere Animation zu erstellen , können
wir das
Ankerpunkt-Werkzeug wählen und den Ankerpunkt
des Dreiecks hierher nach unten
verschieben. Halten wir die Steuertaste gedrückt,
während wir den Ankerpunkt bewegen. Auf diese Weise wird es bis
zu diesem Punkt rasten. Sobald wir fertig sind, kehren wir jetzt
zum Auswahlwerkzeug zurück. Wenn wir das Dreieck animieren, wächst und schrumpft
es im
Verhältnis zu seinem Ankerpunkt Okay, drücken Sie Strg Z und bleiben wir bei
der zweiten Zahl zwei, weil wir wissen, dass das Dreieck zu diesem
Zeitpunkt
die Größe haben sollte, die es jetzt hat Deshalb werden wir
hier einen Keyframe mit dem aktuellen Wert
erstellen hier einen Keyframe mit dem aktuellen Wert Gehen wir nun zum Anfang
der Timeline und setzen
die Skala auf Null Mal sehen, wie es aussieht. Jetzt können wir unsere Animation
noch weiter verbessern , indem wir
die Keyframes in*** konvertieren. Wählen wir die
Schlüsselbilder aus und drücken Sie F neun. Lassen Sie uns nun auch die Geschwindigkeit
dieser Keyframes
wie zuvor
ändern , da alle Keyframes zu derselben Eigenschaft
gehören Wir können dies für alle
gleichzeitig tun. Lassen Sie uns die Alt-Taste gedrückt halten und auf einen
der Keyframes
doppelklicken, ihn auf 85
setzen und klicken. Okay, sehen wir es uns noch
einmal an. Das sieht toll aus. Nachdem wir die
Animation dieser Ebenen abgeschlossen haben, fügen
wir sie nun in Pre Comp Wir werden das
Tastenkürzel
Shift C verwenden . Diesmal nennen
wir es Animation Vergewissern Sie sich, dass beide
aktiviert sind, und klicken Sie auf „Okay“. Kombinieren wir nun die beiden
Pre-Comps, die wir erstellt haben. Schalte den ersten animierten Teil ein
und lass uns einen guten Zeitpunkt finden, um mit dem zweiten zu beginnen Wir können
diesen Pre-Comp
vorerst ausschalten , um uns darauf zu konzentrieren,
ein perfektes Timing zu finden Okay, das scheint ein guter Zeitpunkt zu sein,
lass es uns überprüfen Schalten Sie jetzt diese Pre-Comp ein und Sie sie auf die Position der
Zeitanzeige Bewegen Sie nun die
Zeitanzeige vor und
zurück , um sicherzustellen, dass die beiden
Teile gut zusammenpassen Machen wir so lange weiter,
bis wir einen guten Zeitpunkt gefunden haben. Ordnung, ich denke,
wir sollten
die Buchstabenanimation mit
der zweiten Nummer zwei beginnen . Mal sehen, wie es zusammen
aussieht. Ja, es sieht toll aus. Lass es uns noch einmal sehen. Fantastisch. Drücken wir Strg
S, um das Projekt zu speichern bevor wir
zum nächsten Teil übergehen und mit der
Animation der dritten Szene beginnen,
bei der es sich um die Animation der restlichen
Buchstaben des Logos Es wird großartig werden. Also wir sehen uns im nächsten Teil.
8. Texteffekt enthüllen: Willkommen zurück. Fangen wir an, die dritte Szene
zu animieren Gehen wir zunächst zum Anfang
der Timeline und schalten diese
beiden Ebenen aus Geben Sie nun die Komposition des
Logo-Designs und kopieren Sie die Ebenen
der Buchstaben. Wählen Sie von hier aus
die erste Ebene aus, halten Sie die Umschalttaste und wählen Sie diese Ebene aus. Drücken Sie nun Strg
C, um sie zu kopieren. Kehren Sie als Nächstes zur
Hauptkomposition zurück und drücken Sie Strg V
, um die Ebenen einzufügen. Jetzt verschieben wir die Ebenen
in die Mitte der Szene. Wir können ein bisschen hineinzoomen. Sie können den Hintergrund ausschalten damit wir sehen können, was wir tun. Die schwarze Farbe ist in
diesem Fall zu dunkel . Lass uns das ändern. Um die
Hintergrundfarbe des Vorschaubildschirms zu ändern, müssen
wir auf die
Einstellungen dieser Komposition zugreifen. Dazu verwenden wir
die Tastenkombination K. Jetzt sehen wir die Einstellungen
unserer Hauptkomposition, die als
Logoanimation One bezeichnet wird.
Wir können sehen, welche Änderungen
wir vornehmen. Stellen Sie sicher, dass Sie das
Vorschaufeld hier unten ankreuzen. Jetzt klicken wir hier und
ändern die Farbe in Grau. Wählen Sie ein helleres Grau, damit
wir die Buchstaben sehen können. Wenn Sie fertig sind, klicken Sie auf
Okay, hier und hier. Lassen Sie uns nun lernen, wie man diese Buchstaben
animiert. Fangen wir mit
dem ersten Buchstaben
t an. Schalten wir
die anderen Ebenen aus, t an. Schalten wir um uns
nur auf den Buchstaben zu konzentrieren Um nun den Effekt der Belichtung
des Buchstabens zu erzielen, müssen
wir zunächst
eine Maske für die Ebene in der Form
des Buchstabens erstellen eine Maske für die Ebene in der Form
des Buchstabens Wir können dies erreichen, indem das
Stiftwerkzeug
auswählen und
die Maske von oben nach unten in
der Richtung erstellen die Maske von oben nach unten in wir das
Stiftwerkzeug
auswählen und
die Maske von oben nach unten in
der Richtung erstellen, in der
sie sichtbar sein soll Dieser Schritt ist entscheidend, da er
die Richtung bestimmt, in der der Buchstabe
später sichtbar wird. Stellen Sie zunächst sicher, dass
die Ebene ausgewählt ist. Erstellen Sie nun einen Punkt am oberen Rand
des Buchstabens, gefolgt von Punkten auf
dem Weg, bis Sie den unteren Rand erreichen , um die Ecken abzurunden. Klicken und halten Sie auf
das Zeichenstift-Werkzeug, um das zugehörige Menü zu öffnen und das Vertex-Werkzeug
auszuwählen Sie können auch
die Alt-Taste gedrückt halten und
einmal auf den Punkt klicken, um die Ecke abzurunden Wenn Sie fertig sind, passen Sie die Griffe
an, um eine glatte Kurve zu erzeugen. Erstellen Sie als Nächstes eine weitere Maske für den verbleibenden
Teil des Buchstabens. Erstellen Sie hier
zunächst den ersten Punkt. Halten Sie nun die Umschalttaste gedrückt, um die Linie gerade zu
machen. Und erstellen Sie den zweiten Punkt indem Sie auf das
Ende des Segments klicken. Danach müssen wir einen Stricheffekt
auf diese Ebene
anwenden. Lassen Sie uns das Effekt
- und Voreinstellungen-Bedienfeld öffnen. Wenn Sie dieses Bedienfeld nicht sehen können, finden
Sie es unter Windows Suchen Sie nun nach dem
Stricheffekt. Dieser Effekt hilft uns,
die Enthüllung des Buchstabens zu erstellen, den Stricheffekt
auszuwählen und ihn auf unsere Ebene zu ziehen. Wenn wir nun
die Pfadparameter öffnen, werden
Sie feststellen, dass der
Effekt zwei Masken auf
dieser Ebene erkennt und wir ihn auf beide
anwenden müssen. Klicken Sie dazu auf Alle Masken. Erhöhen Sie anschließend die Pinselgröße, bis der Buchstabe nicht
mehr sichtbar ist. Ändern Sie die
Pinselhärte auf 100% Jetzt können wir
die Endeigenschaft animieren , um
die Enthüllungsanimation zu erstellen Um den Enthüllungseffekt zu erzielen, müssen
wir den
Malstil auf die ursprüngliche Ebene ändern Wenn Sie diesen Parameter ändern, wird
der Buchstabe angezeigt. In Ordnung, also
lass es uns jetzt animieren. Stellen wir zunächst sicher, dass wir uns am Anfang
der Zeitleiste
befinden, und erstellen das erste Schlüsselbild für die Eigenschaft mit
einem Wert von Null Um das Schlüsselbild zu sehen, das wir für den Effekt erstellt haben, müssen
wir die
Ebene auswählen und Sie drücken. Da ist er. Wir sehen
die Keyframes für die Eigenschaft, die zu
dem Effekt namens Stroke gehört. Das ist genau das, was wir hier sehen. Okay, gehen wir jetzt zur
zweiten Zahl zwei über und ändern den Wert auf 100% Großartig, mal sehen, was wir haben. Möglicherweise stellen Sie fest, dass einige
Teile eine Überlappung haben, wo
die beiden Formen schlecht aussehen. Um dies zu beheben, müssen wir
den Parameter anpassen , der
die Strichstärke steuert. Außerdem können wir
diese Eigenschaft auch animieren .
Stellen wir es auf zwei ein Gehen Sie nun zum Anfang
der Timeline und erstellen Sie das erste
Keyframe mit dem aktuellen Wert. Drücken Sie U, um das von
uns erstellte Schlüsselbild anzuzeigen Gehen Sie
nun zur zweiten
Zahl zwei und passen Sie den Wert an, bis der
gesamte Buchstabe sichtbar ist. Ein Wert von zehn sollte funktionieren. Mal sehen, wie es aussieht. Lassen Sie uns jetzt die Animation verbessern. Wir können das tun, indem wir
die Keyframes in As konvertieren. Als erstes
müssen wir
alle Keyframes auswählen und
F neun drücken, um sie als zu erstellen. Dann ändern wir die
Geschwindigkeit für die Immobilie. Klicken wir zweimal darauf,
während wir die Alt-Taste gedrückt halten. Ändere es auf 85, 85 und drücke. Okay, lass es uns noch einmal sehen. Fantastisch, und damit sind
wir mit der Animation des ersten Buchstabens fertig Gehen wir zum nächsten über und wiederholen
dabei
dieselben Aktionen Lassen Sie uns zunächst mit
der Erstellung einer Maske beginnen. Wählen Sie das Stiftwerkzeug, wählen Sie die richtige Ebene aus und
beginnen Sie mit der Erstellung der Maske. Ich möchte, dass dieser Brief aus dieser Richtung
erscheint. Also werde ich von hier aus mit
der Erstellung der Maske beginnen. Erstelle hier einen Punkt
und dort einen Punkt. Um nun eine neue
Maske auf derselben Ebene zu erstellen, klicken Sie zuerst auf diese Ebene und beginnen Sie dann mit der
Erstellung einer neuen Maske. Erstelle den ersten Punkt
hier, den zweiten hier, einen
weiteren hier, dann
hier, den letzten hier. Um die Ecken abzurunden,
halten Sie abschließend die Alt-Taste gedrückt und klicken auf die Punkte,
die Sie abrunden möchten Passen Sie dann die Griffe an,
um eine schöne Kurve zu erhalten. Wir müssen diesen Punkt nicht abrunden, wir können diesen Punkt abrunden
und ein wenig anpassen. Sie können die
Umschalttaste gedrückt halten, während Sie
die Griffe bewegen , um eine
gerade Ausrichtung zu erhalten. Okay, die Maske ist also fertig. Und anstatt
den Stricheffekt neu zu erstellen, können
wir
ihn jetzt einfach aus dieser Ebene kopieren Lass es uns jetzt auswählen. Wählen wir den
Effekt von hier aus. Drücken Sie Strg C.
Wählen Sie dann diese Ebene aus und
stellen Sie sicher, dass wir uns am
Anfang der Timeline befinden. Und drücken Sie Strg V
, um den Effekt einzufügen. Wenn Sie fertig sind, drücken Sie auf Sie, um
die Schlüsselbilder des Effekts zu sehen. Im Grunde müssen
wir nicht einmal neue
Keyframes für den Effekt erstellen. Mal sehen, wie gut es aussieht Und jetzt schließen wir diese Ebene und
schalten den nächsten Buchstaben ein. Wählen Sie erneut das
Stiftwerkzeug und erstellen Sie eine Maske. Denken Sie daran, dass sich der erste
Punkt, den Sie erstellen, auf die
enthüllende Animation auswirkt. Wenn ich will,
wird der Brief beginnen, sich zu enthüllen. Von diesem Bereich aus werde ich hier aus mit der Erstellung der
Maske
beginnen. Lassen Sie uns jetzt die Ecken abrunden. Kopieren Sie anschließend den Effekt aus der vorherigen Ebene und fügen Sie
ihn in den dritten Buchstaben ein. Vergessen Sie nur nicht, zum Anfang
der Timeline zurückzukehren ,
bevor Sie den Effekt weitergeben. Ich finde, es sieht gut aus. Lassen Sie uns nun
den nächsten Buchstaben einschalten und dieselben Aktionen wiederholen. Eine kurze Erinnerung daran,
eine neue Maske für diesen
Teil des Buchstabens Klicken
wir einmal auf die
Ebene und fahren Sie mit
der Erstellung der zweiten Maske fort. Vergiss nicht, die Ecken
abzurunden. Okay, und jetzt
wählen wir diese Ebene erneut und drücken Strg V, um
den kopierten Fehler darauf einzufügen. Lassen Sie uns das zum Schluss für
den letzten Buchstaben tun . Ich möchte den Brief von hier aus
enthüllen. Ich fange hier an, den
ersten Punkt der Maske zu erstellen. Um nun die zweite Maske
für den zweiten Teil
des Buchstabens zu erstellen , klicke
ich auf die Ebene und fange an,
die zweite Maske zu erstellen. Lassen Sie uns jetzt die Ecken abrunden. Ich werde diesen Punkt
ein wenig verschieben. Wir können auch diesen
Punkt und diesen Punkt abrunden. Wählen Sie nun die Ebene aus und drücken Sie Strg V, um
den Effekt ebenfalls darauf einzufügen. Ich sehe, dass ich hier nicht um die Ecken gerundet habe.
Lass uns das jetzt machen. Wir können diesen Punkt auch abrunden. Ich werde diesen
Punkt ein
wenig verschieben . Das ist gut genug. Mal sehen, wie es aussieht. Hervorragend. Drücken wir Strg
S, um das Projekt zu speichern, dann können wir die
Vorschau so einstellen, dass sie passt. Und wechseln Sie zurück
zum Auswahlwerkzeug. Wählen wir nun alle Ebenen aus und fügen ihnen eine
Skalenanimation hinzu. Gehen wir zur
zweiten Nummer zwei. Um nun eine Skalierungsanimation zu erstellen, müssen
wir die
Skalierungseigenschaft öffnen. Drücken wir S, um
die Skala für alle
ausgewählten Ebenen zu sehen . Zu
diesem Zeitpunkt werden wir Keyframes mit
dem aktuellen Wert erstellen . Gehen wir zum Anfang
der Timeline und ändern
den Wert auf Null. Ich möchte, dass sich die Buchstaben nach
der
Skalierungsanimation nach links bewegen . Ich weiß, dass
ich bei der
zweiten Nummer zwei möchte, dass die Buchstaben
dort bleiben, wo sie gerade sind. Drücken wir also P und erstellen wir die ersten Keyframes
mit dem aktuellen Wert. Gehen wir nun zur zweiten
Zahl vier und verschieben die Buchstaben mit
der linken Pfeiltaste
auf der Tastatur nach links. Halten Sie dabei die
Umschalttaste gedrückt ,
um die Buchstaben
in größeren Schritten zu verschieben Großartig. Lassen Sie uns danach dieses Panel
vergrößern. Wählen wir nun
alle Schlüsselbilder und drücken Sie F neun
, um sie zu vereinfachen. Halten Sie dann die Alt-Taste gedrückt und
doppelklicken Sie auf einen
der Keyframes, um
das Velocity-Bedienfeld aufzurufen. Ändern Sie es auf 85, 85 und drücken Sie. Okay. Lassen Sie uns jetzt dasselbe für
die Skalenanimation tun. Drücken wir S, um
die Skalierungseigenschaft zu sehen. Wählen Sie alle
Keyframes aus und drücken Sie F neun. Halten Sie nun die Ob-Taste gedrückt, doppelklicken Sie auf einen von ihnen
und ändern Sie ihn ebenfalls auf 85. Nur eine kurze Erinnerung: Wenn Sie
alle Schlüsselbilder
auf den Ebenen sehen möchten , drücken Sie die U-Taste Aber wir müssen
diese Keyframes
jetzt nicht wirklich sehen, um sie auszublenden. Wir müssen noch einmal die
U-Taste drücken. In Ordnung, schauen wir uns an,
was wir bisher gemacht haben. Gute Arbeit. Jetzt können wir all diese Ebenen
in einer Pre-Comp verschachteln Stellen wir sicher, dass wir
alle Buchstabenebenen auswählen. Und dann Strg+Shift
C drücken . Wir können diese
Pre-Comp-Textanimation nennen Fantastisch. Lassen Sie uns nun mit dem
Timing zwischen den
drei animierten Szenen beginnen dem
Timing zwischen den
drei animierten Szenen wir bisher erstellt haben. Wir werden es im nächsten
Teil machen, also sehen wir uns dort.
9. Anpassen der Animation: Willkommen zurück.
Beginnen wir mit der Zeitmessung und Synchronisation aller
Animationsszenen, die wir erstellt haben. Lassen Sie uns diese
Ebene zunächst zeitlich vorwärts bewegen
, um sie in die anderen
Animationen zu integrieren, die wir erstellt haben. Lassen Sie uns die anderen Ebenen einschalten , damit wir sehen können, was wir tun. Lassen Sie uns den
transparenten Hintergrund einschalten. Wie Sie sehen können,
müssen wir
die Animation des Buchstabens A
mit der Animation
der anderen Buchstaben synchronisieren die Animation des Buchstabens A . Aber vorher
möchte ich Ihnen zeigen, wie Sie die Kompositionen organisieren
, die
wir in der Szene haben. Ich zeige dir, was ich meine. Lassen Sie uns als Erstes diesen Pre-Comp vorerst
ausschalten. Lassen Sie uns nun über
diese Komposition sprechen , die
wir in der Szene haben Und erfahren Sie, wie wir
die Größe dieser Vorkomposition ändern können die Größe dieser Vorkomposition Denn wenn ich jetzt die Vorkomposition hierher
verschiebe, können
wir sehen, dass die
Grenzen dieser Vorkomposition der Größe unserer Hauptkomposition
entsprechen Mit anderen Worten, wir haben eine Menge leeren Speicherplatz, den wir
nicht wirklich benötigen Ich möchte nicht, dass es so groß ist. Das bedeutet, dass wir
den unnötigen Platz, den
wir in diesem Pre-Comp haben, zuschneiden den unnötigen Platz, den
wir in diesem Pre-Comp haben Um das zu tun, müssen
wir ihn eingeben. Wie Sie sehen können, haben wir hier
all diesen leeren und
unnötigen Platz. Um es loszuwerden, müssen wir
auf die Einstellungen
dieser Komposition zugreifen. Drücken Sie dazu die
Tastenkombination K. Jetzt können wir die
Einstellungen dieser Komposition sehen. Wir können jetzt ihre Breite verringern. Versuchen wir, eine gute
Größe für die Breite zu finden. Stellen wir es auf 600 ein. Wir können auch seine Höhe reduzieren. Stellen wir es auch auf 600 ein. Wenn Sie fertig sind, klicken Sie auf OK. Kehren wir nun zu
unserer Hauptkomposition zurück. Und wir können sehen, dass
die Grenzen
dieser Komposition
jetzt kleiner geworden sind. Lassen Sie uns jetzt dasselbe auch für
diesen Precomp tun. Als erstes müssen wir also den
Precomp eingeben. Drücken Sie nun die Taste K und ändern hier
die Abmessungen auf 600
mal 600. Drücken Sie Ok und kehren Sie
zur Hauptkomposition zurück. Lassen Sie uns nun
den Buchstaben a animieren und ihn mit der
Animation der Buchstaben
synchronisieren Aber zuerst
animieren wir die Größe dieser Vorkomposition zu
diesem
Zeitpunkt, an der Vier-Sekunden-Marke, wenn der Buchstabe
vollständig im Bild ist, drücken
wir S und erstellen das erste K-Bild mit
dem Gehen wir nun zur
Sechs-Sekunden-Marke und skalieren sie auf 50. Danach wählen wir alle Keyframes aus und
drücken Neun, um sie zu beschleunigen. Halten Sie dann die Alt-Taste gedrückt. Doppelklicken Sie auf einen
der Keyframes und ändern Sie die Geschwindigkeit auf 85 mal 85. Großartig. Als Nächstes sollten
wir den richtigen Moment in
der Timeline finden richtigen Moment in
der Timeline um mit der Animation
der anderen Buchstaben zu beginnen. Lass uns diesen Pre-Comp einschalten. Jetzt sehe ich, dass wir die Position des Buchstabens vor
der Komposition
animieren müssen , damit sie
der Position der Buchstaben entspricht Aber vorher können wir die Größe des Textes vor der
Komposition
anpassen , da er
viel Leerraum enthält Wir werden es genauso machen wie bei den anderen Pre-Comps. Lass uns das schnell machen.
Lass uns zuerst reingehen. Wir können die Schichten schließen. Ordnung, und jetzt
drücken Sie Strg K und
ändern Sie die Abmessungen so, dass sie zu
der Animation passen , die hier passiert. Ich denke, 1.200 in der Breite
sollten der Höhe entsprechen. Wir können 600 versuchen, vielleicht 300, das ist besser Drücken Sie OK und kehren Sie
zur Hauptkomposition zurück. Gehen wir nun zu dem
Zeitpunkt, an dem die Buchstaben
ihre Animation beenden , um ihre endgültige Position zu sehen. Jetzt müssen wir
den Text Precomp und den
Buchstaben der Position von Precop anpassen , weil sie momentan nicht in der Szene
zentriert sind und das sieht Gehen wir zu Sekunde acht wo der Text seine Animation beendet Versuchen wir nun, einen guten
Platz dafür in der Szene zu finden. Du kannst es ein bisschen runterholen. Passen wir nun die Animation
des Buchstabens A an die Position
der anderen Buchstaben an. Wenn der Buchstabe A
die Skalierungsanimation
in Sekunde sechs beendet hat, erstellen
wir eine Animation für die Positionseigenschaft
und verschieben sie nach links.
Drücken Sie P, um die
Positionseigenschaft zu sehen. Jetzt erstellen wir zu
diesem Zeitpunkt ein Keyframe mit dem
aktuellen Wert, weil wir möchten, dass diese Vorkomposition
bis zu
diesem Zeitpunkt dort bleibt, wo
sie sich gerade befindet Gehen wir nun zur
zweiten Zahl Acht und verschieben sie bei gedrückter
Shift-Taste nach links Positionieren wir es hier. Wir
verschieben diese Vorkomposition hierher, sodass die gesamte Szene
im Mittelpunkt
der Komposition steht im Mittelpunkt
der Komposition Wir können diese
Vorkomposition etwas nach rechts verschieben. Wenn Sie fertig sind, wählen Sie alle
Keyframes aus und drücken Sie F neun. Halten Sie dann die Alt-Taste gedrückt
und doppelklicken Sie auf einen
der Keyframes, um
die Geschwindigkeit auf 85 x 85 zu ändern. Wie Sie sehen können, die Buchstaben
derzeit über dem Buchstaben A. Das bedeutet, dass sich die Buchstaben am Ende
dort befinden , wo sie sein sollten
, aber sie waren nicht in der
besten Startposition. Geben wir den Text
vor der Komposition ein und passen die Ausgangsposition so an, dass wir
die Positionskeyframes für
alle Ebenen sehen die Positionskeyframes für , die wir zur Auswahl
benötigen Drücken Sie. Um dann
die Start-Keyframes zu ändern, müssen
wir uns
mit der Zeitanzeige direkt bei ihnen befinden. Andernfalls wird
die Animation durcheinander gebracht, wenn wir
die Buchstaben bewegen ,
ohne auf ihnen zu stehen ,
ohne auf ihnen zu Da wir
neue Keyframes erstellen werden, ist
es extrem wichtig, dass
wir bei
der Änderung auf den richtigen Keyframes stehen . Dazu können wir die
Umschalttaste gedrückt halten, während wir
die Zeitanzeige bewegen. Auf diese Weise springt es
zum nächstgelegenen Schlüsselbild. Okay, lassen Sie uns jetzt
die Position der Buchstaben
in diesen Schlüsselbildern ändern . Lassen Sie uns alle
Ebenen mit der
Rechtspfeiltaste auf der
Tastatur nach rechts verschieben . Halten Sie die Umschalttaste gedrückt
, damit sich die Ebenen
in größeren Schritten bewegen Gehen wir zurück zur
Hauptkomposition und sehen, wie sie aussieht Ich glaube, ich habe sie
zu weit nach rechts verschoben. Ich gehe zurück zur Komposition und verschiebe sie diesmal etwas nach
links. Mal sehen, wie es jetzt aussieht. Es ist schon besser.
Jetzt können wir die Zeitanzeige verschieben, um
die Zeit zwischen
diesen beiden Vorspielen zu sehen . Ich denke, der Text sollte anfangen , sich zu bewegen, nachdem sich der Buchstabe bewegt Das bedeutet, dass wir
den Text Precomp zeitlich
etwas weiter verschieben müssen den Text Precomp zeitlich
etwas weiter Lassen Sie uns das noch einmal sehen Meiner Meinung nach ist es ausgezeichnet Aber jetzt merke ich, dass die aufschlussreiche Animation
des Textes zu schnell passiert. Gehen wir auf die Zusammensetzung der Buchstaben ein und korrigieren wir das. Dazu müssen wir die Schlüsselbilder des Effekts finden , den
wir auf den Ebenen haben. Zuerst müssen wir
alle Keyframes
aller Ebenen anzeigen . Wählen wir dazu alle Ebenen
aus und drücken Sie. Lassen Sie uns dieses Panel vergrößern. Hier sehen wir den
Stricheffekt und die beiden Parameter, die wir in diesem Effekt
angepasst haben. Um
die Animation, die diesen Effekt
auslöst, zu verlangsamen, müssen
wir nun die Animation, die diesen Effekt
auslöst, zu verlangsamen, die
Dauer dieser Animation verlängern. Mit anderen Worten, lassen Sie uns die letzten Schlüsselbilder
des Effekts
auswählen und sie zeitlich
weiter nach vorne verschieben. Platzieren wir sie auf der
zweiten Nummer vier. Großartig, lassen Sie uns jetzt
die Animation so erweitern , dass alle Ebenen
sichtbar werden. Wählen wir dazu
die Schlüsselbilder des Stricheffekts in dieser Ebene aus. Halten Sie die Umschalttaste gedrückt und wählen Sie die restlichen
Schlüsselbilder des Effekts in
den anderen Ebenen aus. Lassen Sie uns nun diese Schlüsselbilder ziehen während Sie die Umschalttaste gedrückt halten. Auf diese Weise werden sie zu den Keyframes springen, die sich nach 4 Sekunden
befinden. Mal sehen, wie es jetzt aussieht. Ich denke, es ist viel besser. Okay, jetzt schließen wir
alle Ebenen. Um das zu tun, müssen wir
sicherstellen , dass wir keine Ebene
auswählen. Sie können hier oder hier klicken. Und jetzt drücken Sie die U-Taste. Lassen Sie uns das
Kompositionsfenster etwas verkleinern. Lassen Sie uns nun einen Offset
zwischen den Ebenen erstellen. Mit anderen Worten,
lassen wir die Buchstaben nacheinander
mit einer leichten Verzögerung
erscheinen. Derzeit
erscheinen sie alle gleichzeitig. Wählen wir alle
Buchstaben außer dem Buchstaben und verschieben sie um
drei Frames vorwärts. Um die Auswahl dieser Ebene aufzuheben, halten Sie die Steuertaste gedrückt
und klicken Sie sofort auf Großartig, lassen Sie uns diese Ebenen zeitlich um
drei Frames vorwärts verschieben zeitlich um
drei Frames vorwärts Halten Sie nun die
Strg-Taste gedrückt und klicken Sie einmal
auf diese Ebene
, um sie abzuwählen Lassen Sie uns nun diese Ebenen verschieben, ebenfalls um
drei Frames
in der Zeit vorwärts Lass uns das noch einmal machen
und sehen, wie es aussieht. Jetzt denke ich, dass wir
den Offset, den wir erstellt haben, etwas erhöhen können. Lassen Sie uns diese
Ebenen erneut auswählen und sie in der Zeit um zwei weitere
Frames vorwärts
verschieben. Jetzt verschieben wir
nur diese Ebenen, zwei weitere Frames vorwärts. Lassen Sie uns das für alle
Ebenen bis zur letzten tun. Lass uns sehen, wie es aussieht. Jetzt denke ich, dass es besser ist. Gehen wir nun zurück
zur Hauptkomposition
und sehen, wie es mit dem Buchstaben A gut aussieht. Lasst uns nun lernen, wie wir
die Dauer der
Pre-Comps, die wir in der Szene haben, verkürzen die Dauer der
Pre-Comps, die wir in der Szene haben Ich erkläre, was ich meine. Wie Sie sehen können,
ist die Dauer dieser Komposition sehr lang. Aber wenn wir es eingeben, können
wir sehen, dass die Animation
in diesem Precomp bei zweiter Nummer drei
endet Mit anderen Worten, dieser
ganze Abschnitt ist wirklich unnötig, weil hier
nichts passiert Wir können die Länge
dieser Komposition bis zu
dem Punkt verkürzen dieser Komposition bis zu , an dem die
Animation endet. Um zu sehen, wo
die Animation endet, müssen
wir sehen, wo sich die letzten Schlüsselbilder in diesen Ebenen befinden. Frage, was ist
die Tastenkombination um die Schlüsselbilder auf
den Ebenen anzuzeigen ?
Um alle Schlüsselbilder
aller Ebenen zu sehen, stellen
wir sicher, dass
keine Ebene ausgewählt ist. Und dann drücken Sie die U-Taste. Jetzt können wir sehen, dass die
letzten Keyframes hier sind,
was bedeutet, dass die Animation
zu diesem Zeitpunkt endet Bleiben wir bei
der Zeitanzeige. Jetzt müssen wir
die Zeitleiste oder
den Arbeitsbereich auf die Position
der Zeitanzeige zuschneiden . Wir können das manuell machen, so oder eine
Abkürzung verwenden, indem wir die Eingabetaste drücken. Um es jetzt zu schneiden, müssen wir schreiben. Klicken Sie auf den Arbeitsbereich und wählen Sie Trim Comp Two Work Area Großartig. Jetzt beträgt die Länge dieser
Komposition 4 Sekunden. Wenn wir zur
Hauptkomposition zurückkehren, scheint
es, dass die Länge
dieser Vorkomposition
tatsächlich verkürzt wurde Wir müssen diesen Pre-Comp nicht
kürzen, weil wir
den Buchstaben A bis zum
Ende der Animation sehen müssen den Buchstaben A bis zum
Ende der Animation Das Gleiche gilt für diesen Pre-Comp. Okay, bevor wir weitermachen, lassen Sie uns die
Timeline verkleinern und die Strg-Taste drücken , um alles zu speichern, was
wir bisher gemacht haben Jetzt möchte ich, dass wir
ein sehr wichtiges Thema besprechen,
nämlich wie wir die Animation ändern können ,
die wir
bereits erstellt haben. Mit anderen Worten, wie
man Keyframes ändert. Das werden wir
im nächsten Teil tun. Es wird eine sehr
interessante Lektion, aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
10. Feinschliff: Willkommen zurück. Lassen Sie uns lernen
, wie man die Keyframes anpasst. Nehmen wir an, ich bin
mit der letzten Position
der Vorkomposition, dem Buchstaben A,
nicht zufrieden mit der letzten Position
der Vorkomposition, dem Buchstaben A, . Ich
möchte dieses
Prepa-Bit nach links verschieben Wenn ich die Ebene
zu einem zufälligen Zeitpunkt auswähle und sie dann an
die gewünschte neue Position verschiebe, bringe
ich die Animation durcheinander Wenn ich die Taste U drücke, um
die Keyframes auf dieser Ebene zu sehen, sehe
ich, dass zu diesem
Zeitpunkt ein
unnötiges Keyframe erstellt
wird. An dem Punkt, an dem ich
mit der Zeitanzeige stehe, und das ist nicht das, was wir wollen. Das passiert, weil
wir in der Eigenschaft
Position bereits
Keyframes haben . Ordnung, ich lösche diesen Keyframe und lass uns
lernen, wie das geht Um
die letzte Position an die Stelle
zu ändern , an der sich dieser
Pre-Comp befinden sollte, müssen
wir uns auf den
spezifischen Keyframe konzentrieren , den
wir ändern möchten In unserem Fall ist es
dieser Schlüsselrahmen. Wir müssen auf
diesem Keyframe stehen und erst dann den Precomp an eine
beliebige andere Position bringen Wenn wir uns nun auf diesem
bestimmten Schlüsselbild befinden, können
wir den Linkspfeil
auf der Tastatur drücken und gleichzeitig die Umschalttaste gedrückt
halten , um diese Ebene nach links zu verschieben Passen wir nun die
Position der
Textvorkomposition an die neue
Position des Buchstabens A an. Wählen Sie diese Vorkomposition aus und
verschieben Sie sie nach links Mal sehen, wie das aussieht. Ich glaube, wir verschieben den Buchstaben
zu weit nach links. Bleiben wir also
beim letzten Schlüsselbild. Wählen Sie erneut diese Vorkomposition aus
und passen Sie erst dann
die Position Lass es uns ein bisschen nach
rechts verschieben. Verschieben Sie nun auch den Text Pre Comp
nach rechts. Mal sehen, wie es aussieht. Okay, jetzt sehe ich, dass sich
die Buchstaben
zu schnell nach links bewegen. Achte auf den Text. Wenn ich die Zeitanzeige bewege, kollidiert
sie
mit dem Buchstaben A. Lass uns das ändern. Um das zu tun, gehen
wir jetzt auf diese
Komposition Wählen Sie alle Ebenen aus und drücken Sie P, um die
Positionseigenschaft für alle Ebenen anzuzeigen. Wie Sie sehen können, dauert die Bewegung
nach links 2 Sekunden. Wenn wir uns nur auf diese Ebene konzentrieren, können
Sie sehen, dass die
Animation nach
2 Sekunden beginnt und nach 4 Sekunden endet. Mit anderen Worten, die Dauer
dieser Animation beträgt 2 Sekunden. Um die Animation zu verlangsamen, müssen
wir die letzten
Keyframes
zeitlich nach vorne verschieben , damit diese Animation
länger als 2 Sekunden dauert. Lassen Sie uns all
diese Schlüsselbilder auswählen. Lassen Sie uns die Schlüsselbilder
entsprechend der Animation
der letzten Ebene verschieben . Es endet derzeit bei
der zweiten Nummer vier. Wir müssen die Keyframes
auf die zweite Zahl fünf verschieben und
dabei die Shift-Taste
gedrückt halten, um sicherzustellen , dass die Keyframes mit der Position
der Zeitindikatoren einrasten . Großartig. Gehen wir nun zurück zur Hauptkomposition, um zu sehen,
wie sie mit dem Buchstaben
A aussieht . Ich denke, wir können mit dieser
Vorkomposition etwas früher beginnen Gehen wir
in der Zeit zurück, ein paar Frames. Versuchen Sie, das Timing
zwischen den Vorkompositionen anzupassen und überprüfen Sie die Animation, um
sicherzustellen, dass sie Ihren Vorstellungen entspricht Ich denke, wir sollten mit
der vierten Sekunde beginnen. Dies ist ein regulärer
Arbeitsprozess bei der Erstellung von Animationen.
In After Effects erstellen
wir eine Animation. Wir müssen oft das Timing der Keyframes
jeder Ebene
anpassen , bis wir mit
dem Endergebnis zufrieden sind. Im Moment denke
ich zum Beispiel, dass der
Buchstabe A zu
lange in der Szene bleibt und angepasst werden
muss. Ich möchte, dass der
Buchstabe A etwas früher in die Szene kommt. Dafür wähle ich
alle Keyframes darauf aus. Das ist die gesamte Animation. Jetzt werde ich einen
Zeitpunkt finden, von dem ich denke, dass er funktioniert ,
zum Beispiel beim
dritten und 15. Bild. Jetzt verschiebe ich die Keyframes
hierher und schaue, was ich bekomme. Da wir nun die
Animation des Buchstabens A verschoben
haben, müssen wir die Animation
der anderen Buchstaben
entsprechend verschieben . Das bedeutet, dass wir diese Vorabversion ebenfalls
auf einen etwas früheren
Zeitpunkt
verschieben müssen ebenfalls
auf einen etwas früheren
Zeitpunkt Schauen wir uns zum Beispiel hier an, wie es aussieht. Jetzt gefällt es mir. Jetzt ist es an der Zeit, eine
Ausgangsanimation für das Logo zu erstellen. Lass uns anfangen.
Zuerst müssen wir alle Ebenen auswählen und sie in
einer einzigen Komposition platzieren , Strg+Shift
drücken, den Namen in
Hauptanimation
ändern, beide auswählen und auf Okay klicken. Jetzt
müssen wir einen Hintergrund für
unsere Szene mit der
Hintergrundfarbe
aus dem ursprünglichen Logo-Design erstellen unsere Szene mit der
Hintergrundfarbe . Um dies zu erreichen, kehren wir zum Projektfenster
zurück. Öffnen Sie den Ordner mit
den Logo-Designebenen. Suchen Sie den Hintergrund und
klicken Sie darauf, um seine Farbe zu sehen. Als Nächstes erstellen wir
einen neuen Hintergrund. After Effects können wir zu diesem
Zweck
eine Ebene namens Solid erstellen . Um einen neuen Volumenkörper zu erstellen, klicken Sie hier mit der
rechten Maustaste auf den leeren
Bereich im Ebenenbedienfeld. Gehen Sie zu Neu und wählen Sie Solid. Wählen Sie nun die Pipette aus und probieren Sie die
Hintergrundfarbe aus dem Design aus Bevor wir auf OK klicken, können wir den Namen in BG
ändern und sicherstellen , dass die Größe des
Volumenkörpers der Größe
der Komposition entspricht .
Klicken Sie dann auf Okay. Und da ist es, wir
haben einen echten Hintergrund. Lass es uns einfach runterholen. Lassen Sie uns nun lernen, wie Sie
diesen coolen Effekt des Verschwindens erzeugen können,
wie im Beispiel gezeigt Als erstes müssen wir eine Einstellungsebene erstellen Einstellungsebene
ist eine spezielle Ebene in After Effects, mit der
Sie Effekte
und Anpassungen
gleichzeitig
auf mehrere Ebenen anwenden können Sie Effekte
und Anpassungen
gleichzeitig
auf mehrere Ebenen anwenden . Anstatt
denselben Effekt
auf jede einzelne Ebene anzuwenden , können
Sie eine Einstellungsebene hinzufügen und den Effekt
auf diese Ebene anwenden. Der Effekt wird
dann auf
alle Ebenen angewendet, die sich
im Ebenenstapel darunter befinden. Der Vorteil der Verwendung einer Einstellungsebene besteht darin
, dass Sie
damit schnell und einfach globale Änderungen an Ihrer Komposition vornehmen können. Nachdem wir also verstanden haben, was
die Einstellungsebene ist, wollen wir eine erstellen
und sehen, wie sie uns
helfen kann , den benötigten Effekt mit dem
Verschwinden zu Um eine
neue Einstellungsebene zu erstellen, müssen
wir hier mit der rechten Maustaste klicken, zu Neu
gehen und
Einstellungsebene auswählen Lassen Sie uns nun diese
Ebene nach oben bringen. Sie können den Ordner jetzt schließen. Jetzt werde ich alle Ebenen ausblenden. Nur um Ihnen zu zeigen, dass
die Einstellungsebene
eine leere Ebene ist ,
die in der Größe unserer Komposition erstellt wurde. Auf dieser Ebene können wir Effekte
hinzufügen und
eine Art Filter erstellen , der sich auf alle darunter liegenden Ebenen auswirkt. Okay, also werde ich
die Ebenen wieder einschalten und den ersten Effekt
zur Einstellungsebene hinzufügen. Der erste Effekt, den wir verwenden werden ,
heißt Turbulent Displace. Ziehen Sie ihn auf die
Einstellungsebene und beginnen Sie mit
der Anpassung der Parameter Sie können sehen, dass dadurch
eine wellenförmige Verzerrung in der Szene entsteht eine wellenförmige Verzerrung in der Lassen Sie uns die Parameter anpassen bis wir etwas
Interessantes bekommen Fangen wir mit der Menge an. Ich denke, wir können
es vorerst auf 30 setzen. Als Nächstes
setzen wir es auf 20. Lassen Sie uns nach reiflicher
Überlegung den Betrag auf 60 setzen. Ordnung, und jetzt können
wir es
noch interessanter machen , indem wir diese Verzerrung
animieren Wir können das tun, indem wir die Evolution
rotieren. Aber anstatt
seine Eigenschaft manuell zu animieren, können
wir eine Expression verwenden, um sie rotieren zu lassen , ohne
einen einzigen Keyframe zu erzeugen Expressions sind eine leistungsstarke
Funktion, mit der Sie automatisieren und steuern verschiedene Aspekte
Ihrer Komposition Ausdrücke sind im Grunde
kleine Codeteile , die zu
verschiedenen Parametern
Ihrer Ebenen oder Effekte hinzugefügt werden können . Expressions und
After Effects können mit Javascript oder
der
Extend-Skriptsprache
erstellt werden. Sie können über
das Bedienfeld „Ausdrücke“
aufgerufen und bearbeitet werden. Um
einen Ausdruck zu erstellen, müssen
wir
die Alt-Taste gedrückt halten und auf die Stoppuhr der Eigenschaft
klicken ,
die wir animieren möchten Jetzt öffnet sich für uns eine Codezeile, in die wir einen
sehr einfachen Ausdruck schreiben werden, Time Asterisk 100 Um die Aktion zu beenden, klicken Sie auf Stelle außerhalb
des Ausdrucksfeldes Jetzt
dreht sich dieser Parameter , ohne dass wir
Keyframes dafür erstellen. Wenn Sie möchten, dass diese
Bewegung schneller ist, können
Sie den
Zeitausdruck auf 500 ändern. Klicken Sie dazu auf den
Ausdruck, um die Ausdruckszeile zu öffnen und
die Zahl zu ändern , die ich für zu schnell halte. Setzen wir es zurück auf 100. Gehen wir nun zur
zweiten Zahl zehn über und erstellen eine Animation
für die Mengeneigenschaft. Wir legen fest, dass
der Wert zu
diesem Zeitpunkt Null sein wird, und
erstellen das erste Schlüsselbild. Gehen wir nun zu den zweiten 16 über und erhöhen
den Betrag auf 100. Mal sehen, wie es gut aussieht. Wir können jetzt alle
Keyframes auswählen und
F 9 drücken , um sie
in CEs-Keyframes umzuwandeln. Ich denke, diese Animation
ist etwas zu langsam. Lassen Sie uns den letzten
Keyframe auf die zweiten 14 verschieben. Mal sehen, es sieht jetzt gut aus. Jetzt können wir
die Ebene schließen und
einen weiteren Effekt namens
Fast Box Blur hinzufügen einen weiteren Effekt namens
Fast Box Blur Suchen Sie
im Effektfenster nach dem und ziehen Sie ihn auf die
Einstellungsebene Drücken wir nun, um
die Schlüsselbilder des
vorherigen Effekts und die Zeit, zu
der die Animation erzeugt wird, zu sehen die Schlüsselbilder des
vorherigen Effekts und die Zeit der die Animation erzeugt wird , damit
der Unschärfeeffekt mit
der Animation
des vorherigen Effekts übereinstimmt der Animation
des vorherigen Lassen Sie uns zu diesem
Zeitpunkt stehen und
das erste Keyframe für diesen
Effekt mit dem Wert Null erstellen das erste Keyframe für diesen
Effekt mit dem Wert Null Um die Keyframes zu sehen, die wir auf der Ebene
erstellt haben, drücken
wir Sie einmal, und dann können
wir dort erneut die Keyframes
für den Unschärfeeffekt sehen Gehen wir nun zur 14. Sekunde
über und erhöhen die Unschärfe auf 30. Mal sehen, wie es aussieht. 30 scheint ein bisschen zu viel. Bleiben wir bei diesem Keyframe
und ändern wir ihn auf zehn. Das sieht besser aus.
Lassen Sie uns nun diese Keyframes auswählen und
sie ebenfalls in einfache Keyframes konvertieren Mal sehen, wie es aussieht. Es sieht ausgezeichnet aus. Wir
können diese Ebene schließen. Jetzt können wir diese
Einstellungsebene endlich beschriften und auswählen. Drücken Sie die Eingabetaste und ändern Sie
den Namen in Unschärfeeffekt. Drücken Sie erneut die Eingabetaste
, um die Aktion zu beenden. Lassen Sie uns nun einen guten Zeitpunkt
finden , um das
Logo verschwinden zu lassen. Nehmen wir an, das Logo wird ab den zweiten zehn verschwinden Um es verschwinden zu lassen, müssen wir
auf die
Opacity-Eigenschaft für die Vorkomposition zugreifen Drücken Sie dazu die Taste. Erstellen Sie nun ein
Keyframe mit einer Deckkraft von 100. Gehen Sie dann zu Sekunde 12 und ändern Sie die Deckkraft auf Null Lassen Sie uns auch
diese Keyframes vereinfachen. Lass uns sehen, wie es aussieht. Meiner Meinung nach
verschwindet das Logo zu früh. Wählen wir diese
Keyframes aus und beginnen mit dem Verschwinden
ab den zweiten 11. Schauen wir uns das jetzt an,
versuchen wir es mit den zweiten 12. Ich denke, das ist besser. Wenn wir nun die Einstellungsebene
auswählen und Sie
drücken, um ihre Schlüsselbilder zu sehen, scheint der Zeitpunkt des Verschwindens
des Logos dem Ende
der Effektanimation zu entsprechen Ende
der Effektanimation Das ist großartig,
aber ich denke, wir können die
Verzerrung noch weiter
vergrößern Lass uns 30 versuchen. Sieht toll aus. Damit sind wir mit
der Erstellung der Animation fertig . Wir sind
bereit, es zu rendern. nun, bevor wir das Projekt
rendern, Lassen Sie uns nun, bevor wir das Projekt
rendern, alles, was wir
erstellt haben , von Anfang bis Ende überprüfen, um nach
Störungen oder Fehlern zu suchen Mir fällt auf, dass
sich der Buchstabe A auf seltsame Weise zur
Seite bewegt Lassen Sie uns versuchen, das Problem zu finden
und es schnell zu beheben. Lassen Sie uns die
Hauptanimation vor der Kompilation aufrufen. Wählen Sie nun A,
Animation Pre Comp, und drücken Sie auf Sie, um
die Keyframes darauf zu sehen Schauen wir es uns noch einmal an. Sie sehen, dass sich der Buchstabe
A nicht mit der gleichen
Geschwindigkeit bewegt wie die anderen Buchstaben. Um dies zu überprüfen, können wir die Keyframes
für die Position
auswählen. Halten Sie die Alt-Taste gedrückt
und doppelklicken Sie auf einen der Keyframes, um
auf die Keyframes zuzugreifen. Bedienfeld „Geschwindigkeit“ für
diese Eigenschaft. Dort können wir feststellen
, dass sich die Geschwindigkeit dieser Animation
von unseren anderen Animationen unterscheidet. Wenn Sie sich erinnern, hatten wir die Geschwindigkeit
aller Keyframes des
Positionsparameters auf 85,
85 für alle Buchstaben
festgelegt aller Keyframes des
Positionsparameters auf 85, . Machen wir das
auch hier. wir nun zur
Hauptkomposition zurück und überprüfen wie gut sie aussieht. Jetzt scheint es, als ob
sich die Animation in derselben Bewegung befindet. Ich denke jedoch, dass die Animation der Buchstaben etwas zu langsam
ist. Lasst uns lernen, wie man es beschleunigt. Lassen Sie uns zuerst
diesen Pre-Comp erneut eingeben. Geben Sie nun den Text Comp ein. Stellen Sie sich mit der Zeitanzeige
auf die vierte Sekunde und verschieben Sie die letzten
Keyframes hierher. Wenn Sie die Schlüsselbilder nicht sehen, können
Sie alle Ebenen auswählen
und P drücken. Lassen Sie uns
diese Keyframes an
die Position der Zeitanzeige verschieben diese Keyframes an
die Position der , während Sie
die Umschalttaste gedrückt
halten wir nun zu
dieser Komposition zurück und sehen wir uns an,
wie sie zusammen mit der Animation des
Buchstabens A aussieht. Sieht gut aus. Großartig, gehen wir zurück zur
Logo-Animationskomposition. Jetzt, da wir
die Logoanimation gekürzt haben, müssen
wir sie auch schneller
verschwinden lassen Dazu wählen wir
die Einstellungsebene aus und drücken
Sie, um die Schlüsselbilder zu sehen. Dann verschieben wir alle
Keyframes auf die neunte Sekunde. Kommen wir nun zur 13.
Sekunde, in der das
Logo
komplett verschwunden ist , und lernen wir etwas Cooles, das Sie
mit After Effects machen können In After Effects können Sie innerhalb
Ihrer Komposition Markierungen
erstellen, um
wichtige Punkte
in der Timeline zu identifizieren wichtige Punkte
in der Timeline Diese Markierungen sind
äußerst nützlich und ich werde Ihnen im nächsten Teil zeigen, wie Sie
sie verwenden können. Wir sehen uns dort. Es
wird großartig werden.
11. Render-Zeit: Hey, willkommen zurück. Wir sind fast fertig
mit unserer Animation. Schauen wir uns einige
coole Funktionen und wichtige Hinweise an, um sicherzugehen, dass wir für
das endgültige Rendern bereit sind. Lassen Sie uns zunächst etwas über
Markierungen in Ihrem Projekt erfahren. Stellen Sie sicher, dass Sie
keine Ebene ausgewählt
haben , bevor Sie eine Markierung
erstellen. Markierungen können uns helfen, an wichtigen
Zeitpunkten
eine Notiz zu erstellen . Wir wissen zum Beispiel, dass unsere Animation hier
bei der zweiten Zahl 13 endet. Ich kann mir selbst eine Notiz
machen, dass das der Punkt
ist, bis ich mein Projekt rendern
muss. Und ich kann das tun, indem ich dafür
eine Markierung erstelle. Klicken Sie auf das kleine Symbol
hier auf der rechten
Seite der Timeline. Sobald Sie darauf klicken, wird
an dem Zeitpunkt, an dem
die Zeitanzeige platziert wird, eine neue
Markierung erstellt . Doppelklicken Sie nun auf
die Markierung und geben So können Sie leichter erkennen
, wo die Animation endet. Dieser Schritt ist optional und
Sie müssen ihn nicht ausführen,
aber es ist gut für Sie,
etwas über diese coole Funktion zu wissen. In Ordnung, jetzt gehen wir
zum Rendering-Teil über. Das Erste, was wir tun müssen, bevor wir ein Projekt rendern
, ist sicherzustellen, dass wir keine
unnötigen Teile
der Animation rendern . Dazu müssen wir
den Arbeitsbereich auf den
Moment verkürzen , an dem die Animation endet. Sie können dies manuell tun
oder die N-Taste drücken. Folge, dass After Effects die Szene
nur bis zum Ende
des Arbeitsbereichs rendert. Als Nächstes müssen wir vor dem Rendern
sicherstellen ,
dass alle unsere Designs
von höchster Qualität sind. Dies können wir erreichen, indem wir
die Collapse-Funktion verwenden. Geben wir diese Komposition und wenden die
Collap-Funktion auf alle Präkompositionen und alle Ebenen innerhalb
dieser Präkompositionen an. Denn wenn ich jetzt heranzoome, kannst
du sehen, dass die Objekte
in der Szene etwas
verschwommen und nicht scharf sind .
Sie sind pixelig In Ordnung, fangen wir
mit der Textkomposition an. Bewegen Sie die
Zeitanzeige in der
Zeit vorwärts , um alle Ebenen zu sehen. Klicken Sie jetzt hier, um
die Collapse-Funktion zu sehen. Wenden Sie es auf all
diese Ebenen an,
damit wir sie alle in
ihrer höchsten Qualität sehen können. Kehren wir nun zur
Hauptkomposition zurück und wenden Collapse auf
alle Vorkompositionen an. Wir müssen die Ebenen für den Buchstaben
A und
das Zeichen nicht erneut
eingeben und auswählen Ebenen für den Buchstaben
A und
das Zeichen nicht erneut
eingeben und Das haben wir bereits zu Beginn
der Lektion gemacht. Aber wir müssen den
Kollaps für diesen Precomp aktivieren. Dann aktiviere den Kollaps
für den Rest der Precomps. Jetzt können wir die Vorschau so einstellen, dass
sie passt und sicherstellen, dass die Animation auch nach dem Zusammenklappen
der Vorkompositionen noch
gut aussieht nach dem Zusammenklappen
der Vorkompositionen noch
gut Sobald wir das getan haben, kehren
wir zur Logo-Animationskomposition zurück und
wenden
den Kollaps Klicken Sie hier, um die
Funktion zu sehen und zu aktivieren. Lassen Sie uns nun einen kurzen Blick
darauf werfen , ob die Kollaps-Funktion unsere Animation
nicht beeinträchtigt hat.
Alles sieht gut aus. Endlich sind wir bereit, die Szene
zu rendern. Um die Komposition
zu rendern, in der
wir uns gerade befinden, können wir zu
Komposition gehen und Zu Rendern Q
hinzufügen wählen . Alternativ können
wir die
Tastenkombination M verwenden Verwenden
wir die
Tastenkombination und drücken M. Jetzt befinden wir uns im
Render-Q-Panel von After Effects Hier können wir sehen, welche
Komposition wir rendern, welche Komposition es ist Jetzt können
wir im Ausgabemodus das
Dateiformat auswählen, das wir benötigen. Wir wählen Ho 0.2 64, 40 MBPS, eine
hochauflösende MP Four-Datei. Dann müssen wir wählen,
wo
das Video gerendert werden soll . Klicke hier. Suchen wir den Ordner, den
wir für diese Lektion erstellt haben. Lassen Sie uns entscheiden, ihn
im Renders-Ordner zu speichern. Stellen Sie jetzt sicher, dass der Name gut ist. Der Name, der
hier erscheint, ist derselbe wie der Name der
Komposition, die wir rendern. Als Nächstes können wir auf Speichern klicken. Klicken Sie abschließend auf
die Render-Taste. Warten wir jetzt ein
paar Minuten. Beachten Sie, dass die
Renderzeit von Animationen nicht
für alle gleich ist. Die Leistung Ihres Computers bestimmt, wie schnell oder
langsam er für Sie sein wird. Einige von Ihnen
müssen vielleicht geduldiger sein, während andere sehen, dass
es in kürzester Zeit fertig ist. Sobald der Rendervorgang abgeschlossen
ist, können
wir
den Render entweder manuell finden oder im Ausgabemodus auf den Link
hier klicken. Dadurch gelangen wir direkt zu dem Ordner, in dem das
Video gerendert wird. Lass uns das Video öffnen
und sehen, wie es aussieht. Tolle Arbeit. Sie können die Animation, die Sie erstellt haben, jetzt auf Ihren
Social-Media-Plattformen und Ihrer Portfolio-Website
zeigen. Wenn dir der Kurs gefällt, wäre
es toll, wenn du ihn
anhand deiner Erfahrung bewerten könntest. Und vergiss nicht, ein Feedback zu
hinterlassen,
damit ich weiß, ob du aus dem Refrain etwas
Cooles lernst oder nicht Ordnung, jetzt
kehren wir zu unserem Projekt und lernen, wie man die Animation
ohne Hintergrund
rendert ohne Hintergrund Dies ist nützlich, wenn wir die
Logoanimation in
verschiedene Hintergründe
integrieren müssen oder wenn im Hintergrund ein Video abgespielt wird. Mal sehen, wie es gemacht wird. Zuallererst können wir das schließen und
das Render-Panel verlassen. Kehren wir nun zu
unserer Hauptkomposition zurück und
schalten hier den Hintergrund
aus, wählen Sie die BG-Ebene aus
und schalten Sie sie aus. Wenn Sie den
transparenten Hintergrund nicht sehen den grauen Hintergrund sehen, ist
das völlig in Ordnung. Dieser graue Hintergrund
ist nicht echt. Es ist nur ein Hintergrund für den
Vorschaubildschirm. Lassen Sie uns jetzt erneut auf
Control drücken. Klicken Sie diesmal hier und ändern Sie das Format
auf Quick Time. Wählen Sie als Nächstes in den
Formatoptionen Animation aus. Jetzt müssen
wir in Kanälen RGB plus Alpha wählen. Dadurch wird After
Effects angewiesen,
diese Animation
ohne Hintergrund,
also mit
transparentem Hintergrund, zu rendern diese Animation
ohne Hintergrund, . Lassen Sie uns nun auswählen, wo
die Animation gerendert werden soll. Lassen Sie uns es
auch in unseren Renders-Ordner rendern. Fügen Sie diesmal den
Unterstrich Alpha oder Unterstrich BG am
Ende des Dateinamens hinzu,
Sie können
zwischen den Dateien unterscheiden Drücken Sie nun auf Speichern und rendern. Warten wir noch einmal
ein paar Minuten. In Ordnung, schauen wir mal,
was wir hier haben. Flipp nicht aus, wenn das
Video etwas abgehackt aussieht. Es ist nur eine Sache mit dem Dateiformat. Um dieses Video zu überprüfen und sicherzustellen , dass es
ohne Hintergrund gerendert wurde, können
wir es in unser Projekt ziehen. Zunächst können wir zu
unserer Logo-Animationskomposition zurückkehren. Öffnen Sie nun den Render-Ordner und ziehen Sie die MOV-Datei
in das Projekt Lassen Sie uns alle
Ebenen ausschalten. Da hast du es. Wir haben eine Animation
ohne Hintergrund. Natürlich
finden Sie die Datei auch im Projektfenster. Da wir
diese Datei im Projekt nicht wirklich benötigen, können
wir sie auswählen und die können
wir sie auswählen und Rücktaste drücken, um sie von hier aus zu
löschen Lassen Sie uns sie auch
aus dem Projektfenster löschen. Lassen Sie uns alle
Ebenen in unserer Szene wieder einschalten. Sie können dieses Fenster auch schließen. Lassen Sie uns nun lernen, wie Sie unser Projekt
im Projektpanel
organisieren. Bevor wir es schließen, ist es
sehr wichtig Sie Ihr Projekt
im Projektfenster organisieren , damit Sie alles leicht finden
können. Dies spart Ihnen
viel Zeit, wenn Sie später wieder an
dem Projekt arbeiten. Ein organisiertes Projekt ist auch wichtig, wenn Sie
mit anderen Animatoren zusammenarbeiten Sie müssen auf
Ihr Projekt zugreifen können und Sie möchten, dass sie sich leicht darin
zurechtfinden Wenn Kunden nach
der Projektdatei fragen, ist
es viel einfacher, sie mit ihnen zu teilen
, wenn sie organisiert ist. Wir können unser
Projekt organisieren, indem wir
Ordner erstellen , genau wie den
Ordner, der beim Import
des Logos aus
Illustrator
geöffnet wurde, und den Ordner
, der beim Erstellen des Volumenkörpers und der Einstellungsebene,
die
wir hier in unserer Komposition haben, angezeigt wurde, und den Ordner
, der beim Erstellen des Volumenkörpers und der Einstellungsebene,
die wir hier in unserer Komposition haben Ordnung, um
einen neuen Ordner zu erstellen,
stellen Sie sicher, dass im Projektfenster nichts
ausgewählt ist Klicken Sie anschließend auf das Symbol
, um einen neuen Ordner zu erstellen. Nennen Sie es nun Assets und drücken Sie zur Bestätigung die Eingabetaste. Ziehen Sie anschließend alle Grafikelemente,
einschließlich
des Ordners
mit den Logoebenen, Zeichenebene und dem
Ordner Solids, in diesen
neu erstellten Ordner. Lassen Sie uns nun einen weiteren Ordner erstellen. Sie beim Erstellen
eines neuen Ordners
darauf, dass Sie im Projektfenster
nichts auswählen. Wenn Sie dies tun, wird
der neue Ordner innerhalb
des ausgewählten Ordners erstellt, was nicht das ist, was wir wollen. Vergewissern Sie sich einfach
, dass nichts
ausgewählt ist , bevor Sie den neuen Ordner
erstellen. Ordnung, lassen Sie uns
hier klicken und diesen
Ordner Precomps nennen Ziehen wir nun alle Precomps, die wir während des
Projekts erstellt haben, in diesen Mit Ausnahme der Hauptkomposition können
wir die Hauptkomposition
mit einer anderen Farbe kennzeichnen als die anderen
Vorkompositionen Als Nächstes legen wir diese
beiden Vorkompositionen in den Ordner und
diesen auch Okay, wir sind hier fast fertig. Lassen Sie uns alle Precomps, die wir
geöffnet haben, schließen und das Projekt speichern,
indem wir die Strg-Taste drücken Sie können das
Raster auch über das
Drop-down-Menü ausschalten oder einfach
die Apostroph-Taste drücken Vergessen wir jetzt nicht,
die Illustrator-Dateien
zu schließen die Illustrator-Dateien . Wir können dieses
After Effects-Projekt schließen. Das war's für unsere erste Lektion. hoffe, du hattest Spaß
und ich kann es kaum erwarten, dich in der nächsten
Lektion zu sehen, wenn wir eine flippige
Logo-Animation für
einen erfundenen YouTube-Kanal
für Motion Designer
erstellen werden eine flippige
Logo-Animation für
einen erfundenen YouTube-Kanal
für Motion Designer
erstellen einen erfundenen YouTube-Kanal
für Motion Designer Und lernen Sie, wie Sie
eine erweiterte
Stretch-Textanimation erstellen eine erweiterte
Stretch-Textanimation Es wird großartig werden.
Also wir sehen uns dort. Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
12. Logo #1 Heimaufgabe: Hallo zusammen. Ich hoffe, Sie fanden die Lektionen hilfreich und haben
einige neue und interessante Dinge gelernt . Um sich besser an
alles erinnern zu können, was wir besprochen haben empfehle
ich dringend, diese
Hausaufgabe zu üben . Ihre Aufgabe ist es,
diese coole Animation neu zu erstellen. Sie haben die Freiheit,
die Farben zu ändern und
zusätzliche Grafiken hinzuzufügen , wenn Sie auf
Probleme stoßen oder Fragen haben Schauen Sie sich gerne
die AE-Projektdatei an, um zu sehen, welche Schritte ich unternommen habe. Darüber hinaus
können Sie mich jederzeit um Hilfe bitten. Viel Glück.
13. Logo #2 - Animiere ein Logo für einen YouTube-Kanal: Hallo und willkommen zurück. In dieser Lektion werden wir eine flippige
Logo-Animation für
einen erfundenen YouTube-Kanal
erstellen , die als
coole Logo-Bumper verwendet werden
kann Ein Logo-Bumper ist eine kurze animierte Sequenz, die als
Einführung in ein Video
dient Oder kann als Übergang
von einer Szene zur anderen verwendet werden. Wir werden uns auf eine
wirklich coole Technik konzentrieren Stretch-Textanimation
genannt wird. Am Ende dieser Lektion werden
Sie wissen, wie Sie
eine fantastische Logoanimation erstellen , die alle umhauen
wird. Lass uns anfangen
und Spaß haben.
14. Animation mit gestrecktem Text: Hallo und willkommen zurück. Schauen wir uns zunächst an, wie dieses Logo
in Illustrator erstellt wurde Gehen Sie dazu
zum AI-Ordner
im Hauptkursordner
und öffnen Sie das zweite Logo Stellen wir uns vor, dieses Logo ist für einen Youtube-Kanal, der
über Bewegungsdesign
und Animation spricht . Wie Sie sehen können,
ist dieses Design auch in
mehrere Ebenen unterteilt. Es gibt eine Ebene
für den Haupttext, eine Ebene für den Slogan, und diese Symbole stehen verschiedene Schlüsselbildtypen, die in After Effects zu
finden sind. Später werden wir lernen, wie wir
sie auf interessante Weise in die Logoanimation integrieren können. Anstatt sie einfach so zu
belassen, wie sie im ursprünglichen
Design
sind, das wir jetzt sehen. Und jetzt schauen wir uns das Storyboard an ,
das ich
für dieses Logo-Design erstellt habe Da wir
über einen Youtube-Kanal sprechen, alles um
Bewegungsgrafiken Ich dachte, wir
könnten mit
einer ausgedehnten Textanimation
der Logo-Buchstaben beginnen , weil Stretch-Textanimation ein großartiges Bewegungsgefühl
erzeugt. Dann dachte ich über
eine interessante Möglichkeit nach, alle
Symbole mit dem Text zu kombinieren. Ich möchte, dass die Symbole in die
Szene gelangen und den Rest
des Textes verschieben , um das
Bewegungssinn in der Szene zu erhöhen. In Ordnung, genug
mit dem Gerede. Fangen wir in der Mittagspause After Effects
können wir dieses Fenster
jetzt schließen , sodass wir alle
die gleichen Panel-Layouts sehen. Klicken wir hier auf Standard. Lassen Sie uns nun unsere
erste Komposition erstellen indem wir auf Neue Komposition klicken. Wir nennen es Logo
Animation Two. Wenn wir zur Auflösung übergehen, arbeiten
wir im Full-HD-Format, das 1.920 Pixel breit
und 1080 Pixel hoch ist Als Nächstes setzen wir die
Bildrate auf 24. Diesmal kann
die Dauer 20 Sekunden betragen. Lassen Sie uns abschließend
die Hintergrundfarbe
für die Komposition wählen . Lass uns mit Schwarz gehen.
Klicken Sie jetzt auf OK. Hier und hier. Und bevor wir mit der Arbeit beginnen, möchte
ich Ihnen etwas über
eine sehr wichtige Aktion in
After Effects namens Purge beibringen eine sehr wichtige Aktion in
After Effects namens Purge Wenn Sie an einem Projekt arbeiten. In After Effects speichert es eine Reihe von Daten und Informationen
in seinem Speichercache. Und manchmal kann dieser
Cache mit alten
oder unnötigen Dingen
verstopft sein, was das Programm verlangsamen
und sogar zu
Fehlern oder Abstürzen führen kann und sogar zu
Fehlern oder Abstürzen führen In diesem Fall können Sie
die Löschfunktion verwenden , um
den Cache zu leeren und
Speicherplatz freizugeben Es ist sehr hilfreich
, wenn Sie
Leistungsprobleme haben oder auf Fehler
stoßen Sie
einfach den
Cache und Sie werden eine große Verbesserung der
Programmausführung
feststellen. Da wir
in der letzten Lektion einige ziemlich
komplizierte Dinge gemacht haben. Intelligent, um After
Effects zu einer
besseren Leistung zu verhelfen , indem
unnötige Daten entfernt werden. Auf diese Weise können wir ohne lästige
Probleme an
diesem Projekt arbeiten . Gehen wir zu Bearbeiten, Löschen und wählen Sie den gesamten Speicher
und den Festplatten-Cache Sie werden sehen, wie viel
Müll Sie gesammelt haben. Die Anzahl kann für Sie unterschiedlich sein. Wie auch immer, klicken Sie auf Okay und warten Sie ein paar Sekunden
, bis alles gelöscht ist. Okay, und jetzt ist es ein ausgezeichneter Zeitpunkt, das
Projekt zu speichern und ihm einen Namen zu geben. Gehen wir zu Datei
und klicken Sie auf Speichern. Suchen wir nun den Ordner, den
wir für die Lektion erstellt haben. Rufen Sie den AE-Ordner auf und benennen Sie
die After Effects-Datei, an der
wir gerade arbeiten. Sie können dieses Projekt
als Beispiel für den Namen auswählen dann die Zahl auf
zwei und den Namen des
Logos in Design in Motion ändern . Wenn Sie fertig sind, klicken Sie auf Speichern. Jetzt importieren wir unser
Logo in das Projekt. Doppelklicken Sie in den leeren
Bereich im Projektfenster. Rufen Sie dann den AI-Ordner auf
und wählen Sie das zweite Logo aus. Stellen Sie sicher, dass wir diese Funktion nicht
auswählen. Klicken Sie dann auf Importieren.
Wie wir gelernt haben, müssen wir es
als Komposition importieren , da wir diese Datei in
separaten Ebenen haben möchten. Hier wählen wir die Ebenengröße, weil wir möchten, dass die
Ebenengrenzen der
Objektgröße und nicht der
Größe des Dokuments entsprechen . Endlich getroffen. Okay, da ist es. Wir haben einen neuen
Ordner erstellt, der alle Ebenen
der Illustrator-Datei sowie eine neue Komposition mit den
Logo-Ebenen darin Wenn wir es öffnen, sehen wir, dass
das Logo in Ebenen aufgeteilt ist, genau wie es in
der ursprünglichen Illustrator-Datei strukturiert ist der ursprünglichen Illustrator-Datei Ordnung, lassen Sie uns
diese Vorkomposition schließen und wir
können mit der Lektion beginnen Öffnen wir zunächst den
Logo-Ebenenordner
im Projektfenster und ziehen den Haupttext des Logos
in die Komposition Um nun die
gestreckte Animation zu erstellen die
wir im Beispiel sehen, müssen
wir
diese Illustrator-Ebene
in eine geformte Ebene mit
einem Pfad konvertieren in eine geformte Ebene mit
einem , der dem Konvertieren
einer Textebene in „
Konturen erstellen“ in Illustrator ähnelt einer Textebene in „
Konturen erstellen“ in Illustrator Auf diese Weise erstellen wir eine Form mit einem Pfad, den wir
verschieben und in
jede andere Form ändern können, die wir in After Effects benötigen. Um diese Ebene
in eine Form mit
einem Pfad
umzuwandeln, klicken Sie mit der rechten Maustaste auf die Gehen Sie zu Erstellen und wählen Sie
Formen aus Vektorebenen erstellen aus. Die ursprüngliche Illustrator-Ebene wird automatisch ausgeschaltet Da wir sie jetzt nicht benötigen, können
Sie sie löschen, indem Sie sie
auswählen und die
Rücktaste oder die
Löschtaste drücken , bevor wir weitermachen Hier ist ein hilfreicher
Tipp für euch Bei der Erstellung einer
Stretch-Textanimation
empfiehlt es sich, Sandsera-Schriften zu verwenden handelt es sich um Schriften ohne die
kleinen dekorativen Striche am Ende jedes
Buchstabens, die so genannten Seras Auf diese Weise wird es viel
einfacher sein, den Text zu animieren. In Ordnung, jetzt
haben wir eine Formebene. Und wir können das Stiftwerkzeug verwenden, um mit dem
Pfad der Buchstaben
herumzuspielen. Aber bevor wir uns damit befassen, möchte ich Ihnen einen kleinen Tipp geben. Wenn Sie Ihrem Design einen
Strich hinzufügen möchten, denken
Sie vielleicht,
dass Sie einfach eine Farbe
wählen und sie dicker
machen können . Nun, es wird nicht angezeigt,
das liegt daran,
dass das
ursprüngliche Illustrator-Design keinen Strich Zum Glück gibt es jedoch
eine coole Möglichkeit, Striche
direkt in After Effects hinzuzufügen .
Hier erfahren Sie, wie das geht. Öffnen Sie Ihre Ebene und
sehen Sie sich ihren Inhalt an. Sie können alle Formen sehen
, aus
denen die Ebene besteht, also all Ihre Buchstaben. Um jedem
Buchstaben einen Strich hinzuzufügen, wählen Sie Inhalt aus. Öffnen Sie dann das Anzeigenmenü
und wählen Sie Kontur aus. Jetzt können Sie
die Dicke und Farbe des Strichs an
Ihre Vorlieben anpassen. Wenn Sie jedoch nicht
vorhaben, den Strich zu verwenden, wählen Sie
einfach diesen
Parameter aus und drücken Rücktaste oder Löschen
, um ihn zu entfernen Okay, wie ich bereits erwähnt habe, die Gruppen, die Sie auf
dem Bildschirm sehen , sind alles Buchstaben Um die Sache zu
vereinfachen, benennen wir
diese Gruppen so um, dass sie den
Buchstaben entsprechen, für die sie stehen. Wenn diese Gruppe beispielsweise den Buchstaben D
darstellt, wählen
wir sie aus und drücken die Eingabetaste. Halten Sie die
Umschalttaste gedrückt und geben Sie D ein. Jetzt wählen wir diese Gruppe und ändern den Namen in oberes KC. Machen Sie dasselbe
für andere Gruppen und benennen Sie sie entsprechend den
Buchstaben, für die sie stehen. Lassen Sie uns nun lernen, wie man die einzelnen
Buchstaben in einem Design
dehnt. Wenn ich auf einen Punkt klicke
und versuche, ihn zu verschieben, passiert
nichts, was die
Punkte des Buchstabenpfads bewegt. Wir müssen zuerst die Form öffnen
und den Pfad auswählen,
aus dem der Buchstabe besteht. Dieser Buchstabe
besteht beispielsweise aus zwei Pfaden. Einer für den inneren Teil
des Buchstabens und einer
für den größeren Teil. Sobald wir den Pfad
durch die Ebene ausgewählt
haben, können wir die
Punkte auswählen und sie verschieben ,
um einen Buchstaben nach Bedarf zu dehnen oder
anzupassen. Um eine
Animation für den Pfad zu erstellen, müssen
wir ihn öffnen. Auf diese Weise können wir
die Stoppuhr sehen und
Schlüsselbilder für diesen Pfad erstellen Anstatt jedoch alle
erforderlichen Pfade manuell zu
öffnen, können
wir den Vorgang vereinfachen, indem wir die Ebene
auswählen
und den Pfad in
die Suchleiste eingeben . After
Effects
zeigt dann alle Pfade an, die mit dieser Ebene
verknüpft sind Möglicherweise stellen Sie fest, dass es für
jede Form in dieser Ebene eine zusätzliche
Eigenschaft
gibt, die als zusammengeführter Pfad bezeichnet wird. Wir benötigen diese jedoch nicht
wirklich, sodass wir sie auswählen und aus allen
Formen in dieser Ebene löschen können. Lassen Sie uns alle
Zusammenführungspfade finden und sie
löschen, bevor wir die Ebene
animieren Ordnung, sobald wir das getan
haben, sind
wir bereit, zuerst mit
der Animationsphase fortzufahren Weil wir bereits wissen, dass alle Formen hier so aussehen
müssen, wie sie aussehen. Jetzt, irgendwann
in der Zukunft, müssen
wir
die ersten Keyframes erstellen ohne etwas zu ändern. Wir wissen nicht, wann
das passieren wird, aber wir wissen, dass es passieren muss. Wir müssen Keyframes
für alle Pfade in dieser Ebene erstellen . Lass es uns
jetzt machen . Um die Sache zu vereinfachen, können
wir die Ebene auswählen und die U-Taste
drücken, um
alle unnötigen Eigenschaften auszublenden alle unnötigen Eigenschaften und nur die Pfade
mit Schlüsselbildern zu sehen. Lassen Sie uns nun unsere
Arbeitsabläufe reibungsloser gestalten indem wir lernen, wie man
die Bedienfelder
in der Software verschiebt die Bedienfelder
in der Software Dies ist besonders
praktisch für diejenigen unter Ihnen an Laptops
mit kleineren Bildschirmen
arbeiten Lassen Sie uns den
Ordner schließen und
die Panels an
unsere Animationsanforderungen anpassen . Lassen Sie uns zunächst das Projektfenster
und
die Workflow-Bereiche verkleinern und
die Workflow-Bereiche Dann nehmen wir das
Kompositionsfenster und ziehen es hierher. Wir können
den Bildschirm etwas weiter vergrößern Lassen Sie uns jetzt ein wenig herauszoomen, um mehr von unserer Timeline zu
sehen. Wir können
hier mit der rechten Maustaste klicken, zu den Spalten gehen
und auf Dehnen klicken, um diese Funktion auszublenden. Lassen Sie uns
diese Funktion vorerst auch ausblenden Klicken Sie mit der
rechten Maustaste hier, gehen Sie zu den Spalten und klicken Sie
auf Übergeordnetes Element und Link. Keine Sorge, wir können diese
Funktionen später
jederzeit wieder einsetzen. Zusätzlich können wir diesen Bereich noch
weiter
minimieren , indem wir die kleinen
Linien hier zur Seite ziehen Auf diese Weise haben wir mehr Platz und können das Projekt
fortsetzen Gehen wir nun näher an unsere Zeitleiste heran, um die
Schlüsselbilder aus der Nähe zu sehen. Übrigens, wenn Sie
die Sekunden hier anders
dargestellt sehen , gehen Sie
einfach hierher,
halten Sie die Steuertaste gedrückt
und klicken Sie auf die Zahlen, bis Sie sie in Sekunden sehen. Ordnung, nachdem wir
gelernt haben , wie man die Panels
organisiert, bringen
wir alles wieder
an seine ursprüngliche Position zurück. Für diejenigen, die es vorziehen, in
dieser Panel-Anordnung zu arbeiten , können
Sie dabei bleiben. Okay, nehmen wir das
Kompositionsfenster hier und ziehen es an den
unteren Rand der Software. Bringen wir jetzt
die versteckten Funktionen zurück. Klicken Sie mit der rechten Maustaste hier, gehen Sie zu den Spalten und wählen Sie Übergeordnetes Element und Link aus. Lassen Sie uns auch
die Stretch-Funktion zurückbringen. Großartig, jetzt sind wir bereit
, den Text zu animieren. Wir werden
drei verschiedene Formen
zu drei verschiedenen
Zeitpunkten für das Buchstabendesign erstellen drei verschiedenen
Zeitpunkten für das Buchstabendesign Dazu erstellen wir Keyframes und passen
den Pfad der Buchstaben an. Auf diese Weise zeigen wir in After Effects, wie
die Formen der Buchstaben zu bestimmten Zeitpunkten
aussehen müssen . Dann
verbinden wir in After Effects die verschiedenen
Formen, die definiert wurden, und erstellen so die gestreckte
Animation für uns. Wie bereits erwähnt, wissen wir,
dass die Buchstaben
irgendwann in der Animation so
erscheinen müssen , wie sie gerade sind . Nehmen wir in der Zwischenzeit an, dass sie bei zweiter Nummer zwei so aussehen
sollten. Gehen wir zur zweiten Nummer
zwei mit der Zeitanzeige über. Wählen Sie die Keyframes aus und verschieben Sie sie, während Sie die Shift-Taste gedrückt
halten. Gehen wir nun eine
Sekunde zurück in der Zeit bis zur zweiten Nummer eins und ändern das Aussehen
der Buchstaben. Mit anderen Worten, lassen Sie uns in After
Effects zeigen , wie diese Buchstaben bei der
zweiten Nummer eins aussehen
sollten. Lassen Sie uns der Einfachheit halber
die Leertaste gedrückt halten und
den Bildschirm zum ersten Buchstaben,
dem Buchstaben D, ziehen den Bildschirm zum ersten Buchstaben, . Dann
ändern wir die Form dieses Buchstabens so, wie er bei der
zweiten Zahl eins erscheinen
soll . Wählen wir diese beiden
Punkte aus und ziehen sie aus
der Szene heraus , während wir
die Umschalttaste gedrückt halten , um sie
auf der geraden Achse zu verschieben. Klicken wir nun auf diesen Punkt, halten Sie die Umschalttaste und wählen Sie auch diesen Punkt aus. Als Nächstes ziehen wir
diese beiden Punkte hierher, während wir
die Umschalttaste gedrückt halten. Wählen wir nun alle
Punkte auf dieser Seite aus und achten darauf, dass wir nicht
die Punkte des Buchstabens auswählen. In Ordnung,
bringen wir sie her. Gehen wir als Nächstes zum
Anfang der Zeitleiste über. Wählen Sie diese Punkte aus und verschieben Sie
sie etwas nach links. Wählen Sie dann all diese Punkte und verschieben Sie sie
aus dem Rahmen heraus. Jetzt, nach Effects, werden
wir wissen, wie dieser Buchstabe zu
drei verschiedenen Zeitpunkten aussehen sollte. In der zweiten Zahl Null sieht
der Buchstabe so aus. In der zweiten Nummer eins sieht
der Buchstabe so aus. In der zweiten Nummer drei kehrt es zu seiner
ursprünglichen Form zurück. Lassen Sie uns jetzt
dasselbe für den Brief tun. Wie Sie sehen können, haben wir den ersten Schlüsselrahmen bei
den zweiten beiden, After Effects
anzeigt, wie
dieser Buchstabenpfad zu diesem Zeitpunkt
aussehen sollte. Machen wir jetzt dasselbe für
den Buchstaben, aber vorher schalten
wir den
Buchstaben D aus, damit er uns bei der
Arbeit an dem Buchstaben
nicht behindert. Um den Buchstaben
D auszublenden, müssen wir
die Ebene schließen und erneut öffnen, um alle darin enthaltenen Gruppen zu
sehen Um alle geöffneten Gruppen zu schließen
und den Buchstaben D schneller zu finden, können
wir den Inhalt schließen,
während wir die Strg-Taste gedrückt halten Wenn wir es jetzt erneut öffnen, werden
wir die Buchstaben
bequemer sehen , wenn alle
Parameter geschlossen sind. Hier ist der Buchstabe D.
Klicken wir auf das Symbol, um es auszublenden. Um nun zurückzugehen und
den Pfad des Buchstabens E zu ändern, müssen
wir unsere
Schlüsselbilder wieder sehen. Lass uns die
Ebene auswählen und dich drücken. Es ist wichtig für mich,
Ihnen all diese
Schritte zu zeigen , da dies der Arbeitsprozess für
die Erstellung
komplexer Stretch-Textanimationen ist Arbeitsprozess für
die Erstellung . Ordnung, jetzt müssen
wir auf den
Pfad dieses Buchstabens klicken, um die Punkte auswählen zu können . Dann wählen wir diese Punkte und verschieben sie außerhalb des Rahmens. Lassen Sie uns nun ein wenig heranzoomen, entweder mit dem
Mausrad oder mit diesen Tasten. Achten Sie darauf, dass Sie nicht
die Punkte des Buchstabens
S auswählen . Verschieben wir ihn hierher. Vielleicht können wir hier
diese Punkte auswählen und
sie hierher verschieben , um eine
interessantere Bewegung zu erzeugen. Lassen Sie uns abschließend zum
Anfang der Zeitleiste gehen. Und passen Sie den Punkt auf diese Weise an
, damit wir
sie aus dem Bild herausholen können. Jetzt weiß After Effects, dass der Pfad in Sekunde Null so aussehen
sollte. In der zweiten Phase
wird der Pfad so aussehen. In der dritten Sekunde
kehrt der Pfad zu seiner
ursprünglichen Position zurück. Mal sehen, wie es aussieht. Ich denke, wir können dafür eine
interessantere Animation erstellen . Gehen wir zur zweiten
über und ändern die Art und Weise, wie der Brief
zu diesem Zeitpunkt aussieht. Mit anderen Worten, lassen Sie uns
die Keyframes ändern, die wir haben. Jetzt ist es wichtig,
die Zeitanzeige auf dem
Keyframe genau zu positionieren . Um dies zu erreichen, können Sie
die Zeitanzeige verschieben und die Umschalttaste
gedrückt halten. Dadurch kann es zu den
Keyframes in der Nähe springen. Okay, jetzt kommen wir näher
an diesen Teil des Briefes heran. Wählen Sie diesen Punkt aus, halten Sie die Umschalttaste
gedrückt und wählen Sie auch diese Punkte aus. Ziehen wir sie jetzt hierher. Im Grunde haben wir das Design
des Briefes so
geändert , wie es zu diesem Zeitpunkt
aussehen sollte. Kehren wir
noch einmal zu
diesem Schlüsselbild zurück und passen
diese Punkte noch einmal an. Verschieben Sie diese Punkte ein
wenig nach rechts. Ich finde, es sieht besser aus. Ordnung,
weitermachen, lassen Sie uns
zum zweiten zurückkehren und mit der
Arbeit am nächsten Buchstaben beginnen. Wir werden den
Stretch-Textstil nicht für den Buchstaben
S verwenden . Lassen Sie uns die Keyframes löschen, die
wir für den Pfad erstellt haben. Wir werden diesen Buchstaben später
anders gestalten. Wählen Sie seinen Schlüsselrahmen aus
und löschen Sie ihn. Wählen wir nun den
Pfad, der sich darüber Das ist
der Pfad
des Buchstabens I. Dieses Mal
ziehen wir diesen Buchstaben
von oben aus, damit Sie bequem arbeiten können. Stellen wir den
Vorschaubildschirm so ein, dass er passt. Wir können das
Vorschaufenster etwas vergrößern. Wählen wir nun
die oberen Punkte aus. Wir können ein bisschen näher kommen. Wir können jetzt sicher sein, dass wir an
zweiter Stelle sind. Lassen Sie uns sie als Nächstes
verschieben. Wählen wir die unteren Punkte dieses Buchstabens aus und verschieben sie hierher. Gehen wir dann zur Sekunde Null und nehmen diese beiden
Punkte aus dem Bild. Wir haben drei Schlüsselbilder erstellt, denen
jeder ein anderes
Design für den Buchstaben hat. Aber bevor wir
weitermachen, kehren wir zur zweiten Nummer
eins zurück und passen das Design dieses Buchstabens zu
diesem Zeitpunkt an, wählen die unteren Punkte aus
und verschieben sie ein wenig nach unten. Mal sehen, was wir haben. Ich finde, es sieht besser aus. Gehen wir nun zum
Buchstaben G über. Dieser Buchstabe hat
im Gegensatz zu den anderen
einen abgerundeten Teil, weshalb wir ihn anders
behandeln müssen. Lassen Sie mich erklären, was ich meine. Lass uns zur zweiten Nummer
zwei gehen und ein bisschen hineinzoomen. Mach es vorerst nicht mit mir. Ich möchte dir zeigen,
was passieren würde, wenn ich versuchen würde, diese Punkte auszuwählen
und sie nach unten zu verschieben Wie Sie sehen können,
wird
sich die Buchstabenform ändern und seltsam aussehen Das passiert, weil
dieser Bereich abgerundet ist. Wenn wir mit Buchstaben arbeiten
, die abgerundete Bereiche haben, müssen
wir dem Pfad möglicherweise
mehr Punkte hinzufügen. Jetzt kannst du es mit mir machen. Wählen wir dazu das Stiftwerkzeug aus, nähern uns dem Pfad und erstellen hier und hier einen neuen
Punkt. Wechseln wir nun zurück
zum Auswahlwerkzeug und wählen alle Punkte aus, die den unteren Teil des Buchstabens
bilden , ohne
die beiden neuen Punkte auszuwählen ,
die wir erstellt haben. Gehen wir nun zur
zweiten Nummer eins. Und wenn wir die
ausgewählten Punkte nach unten bewegen, die Form des Buchstabens nach
Bedarf erhalten Das liegt daran, dass wir
diese beiden zusätzlichen Punkte erstellt haben. Okay, gehen wir ein
bisschen zurück und
gestalten den Brief weiter. An dieser Stelle können Sie die ausgewählten Punkte auch
verschieben, indem Sie die Pfeiltasten auf
der Tastatur drücken und gleichzeitig die Umschalttaste gedrückt halten
. Auf diese Weise
erfolgt die Bewegung in größeren Schritten. Lassen Sie uns nun diese
Punkte auswählen und einen
anderen Ort für sie finden, irgendwo
hier in der Nähe. Das ist in Ordnung. Gehen wir als Nächstes zur
zweiten Zahl Null und passen das Design
des Buchstabens noch einmal an. Sobald wir fertig sind,
schauen wir uns an, wie es aussieht. Ordnung, platzieren wir
die Zeitanzeige auf der zweiten Zahl zwei und animieren dann den
Pfad des Buchstabens Da ich
den Pfad so animieren möchte , dass er die
Szene von links betritt, schalte
ich den
Buchstaben davor Dazu müssen wir
alle Gruppen
in dieser Ebene sehen ,
da wir das Symbol, mit dem wir
die Gruppen ausschalten
können, momentan nicht sehen mit dem wir
die Gruppen ausschalten
können, Lassen Sie uns die Ebene schließen und erneut öffnen, um alle Gruppen
darin zu sehen Um nun alle Gruppen
bequemer zu sehen, müssen
wir den Inhaltsbereich schließen, während wir
die Steuerung gedrückt halten Und dann öffne
es noch einmal, ohne
die Steuertaste gedrückt zu halten Jetzt können wir die Gruppen, die wir
bereits animiert haben, einfach
ausschalten Gruppen, die wir
bereits animiert haben, einfach
ausschalten Konzentrieren Sie sich darauf, den
Pfad des Buchstabens zu animieren. Um seinen Pfad auszuwählen und zu verschieben, müssen
wir die U-Taste drücken
und den Schlüsselrahmen sehen Hier können wir
einen beliebigen Pfad auswählen. Ordnung, gehen wir zur
zweiten Nummer eins und beginnen damit, den Pfad und
die Art und Weise zu entwerfen der Brief zu
diesem Zeitpunkt aussehen soll. Lassen Sie uns zunächst diesen Bereich auswählen und die ausgewählten
Punkte irgendwo hierher verschieben. Wählen Sie dann diese Punkte aus und
verschieben Sie sie aus dem Rahmen heraus. Als Nächstes verschieben wir diesen Bereich hierher. Dieser hier. Ich denke, wir sollten diesen Punkt
etwas nach rechts verschieben. Sobald wir fertig sind, gehen wir
zum Anfang
der Zeitleiste und entwerfen den
Pfad zu diesem Zeitpunkt. Vergessen Sie nicht, beim
Verschieben der Punkte
die Umschalttaste gedrückt zu halten. Ich finde, es sieht gut aus. Drücken wir Strg S, um das Projekt zu speichern. Fahren Sie dann mit der Animation
des nächsten Pfads fort. Stellen Sie sicher, dass Sie an
der zweiten Nummer eins stehen. Lassen Sie uns dieses Mal den Brief schreiben. Ich betrete die Szene
von hier unten. Lass uns die untersten Punkte nehmen und sie
aus dem Bild nach unten
verschieben. Jetzt müssen wir
alle oberen Punkte auswählen und sie hierher verschieben. Wir können ein bisschen herauszoomen. Ordnung,
als Nächstes gehen wir zum Anfang
der Animation und holen diese
Punkte aus dem Bild heraus. Jetzt sieht der Pfad
zu drei Zeitpunkten anders aus, sodass die coole
Stretch-Textanimation von unten
entsteht. In Ordnung, wir fahren mit
dem nächsten Buchstaben fort. Lass uns dafür sorgen, dass es von oben in
die Szene kommt. Gehe zur zweiten Nummer eins und gestalte den Pfad so, wie er zu diesem Zeitpunkt
aussehen sollte. Wählen wir zunächst
die oberen Punkte und verschieben sie
im Rahmen nach oben. Wählen Sie nun die unteren Punkte und verschieben Sie sie
irgendwo hin. Ich habe versehentlich
einen der Punkte auf dem Pfad
des Buchstabens
M ausgewählt . Das passiert manchmal, aber Sie müssen sich keine Sorgen machen. Drücken Sie einfach Strg Z
, um die Aktion rückgängig zu machen. Ordnung, jetzt werde ich diese beiden Punkte erneut
auswählen
und sie hierher verschieben. Sobald wir fertig sind, gehen wir
zum Anfang
der Timeline und holen alle
Punkte aus dem Bild heraus. Stellen Sie nun die Vorschau so ein, dass sie passt, und lassen Sie uns sehen, was wir haben. Ich finde, es sieht gut aus und wir sind bereit, mit dem nächsten
weiterzumachen. Gehen wir also zur
zweiten Nummer eins. Wir können ein wenig hineinzoomen, um den Buchstaben M aus der Nähe zu
sehen. Klicken wir nun auf
einen der Punkte. Zoomen Sie etwas weiter hinein und wählen Sie die unteren Punkte aus, damit dieser Buchstabe von unten in die
Szene eindringt. Achten Sie jedoch darauf, diese beiden Punkte nicht
auszuwählen, denn wenn wir sie
alle zusammen verschieben, sieht
der Pfad seltsam aus. Achte darauf, dass du
die richtigen Punkte auswählst. Ordnung, nachdem wir
die richtigen Punkte ausgewählt haben, verschieben
wir sie nach unten
aus dem Rahmen heraus. Um die Animation
interessant zu gestalten, verschieben
wir diese
beiden Punkte hierher. Wählen Sie als Nächstes den oberen
Bereich des Pfads und verschieben Sie ihn
irgendwo hin. Großartig. Gehen wir jetzt zum
Anfang der Zeitleiste und lassen Sie uns diesen
Pfad aus dem Bild herausnehmen. Es sieht toll aus. Lass uns mit dem Brief
weitermachen. Aber anstatt
es dehnbar zu animieren, werden
wir später eine maßstabsgetreue
Animation dafür erstellen Lassen Sie uns diesen Brief daher
vorerst
ausblenden und uns auf
den Pfad des Briefes konzentrieren Dazu müssen wir alle Gruppen
innerhalb dieser Ebene
sehen. Lassen Sie uns die Ebene schließen und erneut öffnen, um alle Gruppen
darin zu sehen Um alle geöffneten Gruppen zu schließen, müssen
wir
den Inhaltsbereich schließen,
während wir die Steuerung gedrückt halten Und dann öffne
es noch einmal, aber ohne
die Steuertaste gedrückt zu halten Jetzt können wir
die Gruppe des Buchstabens O einfach ausschalten.
Großartig. Und jetzt
wählen wir die Ebene aus und drücken die U-Taste, um zurück
zu den Schlüsselbildern zu gelangen. So können wir den
Pfad des Buchstabens
T animieren . Lassen Sie uns
die Szene von oben betreten Gehen wir zur
zweiten Nummer eins über und entwerfen den Pfad so, wie er zu diesem Zeitpunkt
aussehen sollte Wählen wir zunächst
die oberen Punkte und verschieben sie aus dem Rahmen
heraus nach oben. Für ein interessanteres Bild wählen
wir nur
diese beiden oberen Punkte aus wählen
wir nur
diese beiden oberen Punkte und verschieben sie aus dem Rahmen heraus. Wählen Sie nun die unteren Punkte und verschieben Sie sie
irgendwo hin. Und jetzt gehen wir zum Anfang
der Timeline und holen alle
Punkte aus dem Bild heraus. In Ordnung, lassen Sie uns jetzt zuerst den Buchstaben I
animieren. Stellen wir uns auf die
zweite Nummer eins und entscheiden, dass dieser Buchstabe von rechts in die Szene
kommt Um die Arbeit zu erleichtern, verstecken
wir den Rest
der Buchstaben. Schließen Sie die Ebene erneut und öffnen Sie sie erneut, um alle
darin enthaltenen Gruppen zu sehen Schalten Sie jetzt den
Buchstaben in dem Buchstaben aus. Wenn Sie fertig sind, wählen Sie die
Ebene aus und drücken Sie die U-Taste. Großartig. Wählen wir nun die
Punkte auf der rechten Seite des Pfads aus und ziehen sie nach
rechts außerhalb des Rahmens. Lassen Sie uns diese
Punkte auch hierher verschieben, um
diesem Pfad zu diesem Zeitpunkt
ein interessanteres Aussehen zu verleihen zu diesem Zeitpunkt
ein interessanteres Aussehen . Gehen Sie dann zum Anfang
der Timeline und ziehen Sie diese
Punkte aus dem Bild heraus. Ich finde, es sieht gut aus. Jetzt bringen wir
nur den Brief zurück. Weil wir den
Buchstaben O später anders animieren werden. Wir können den
Pfad des Buchstabens in animieren. Wir müssen den Pfad des
Buchstabens I ausschalten . Lass es uns tun Da ist es, großartig. Wählen Sie nun die Ebene aus
und drücken Sie auf die zweite Nummer eins. Klicken Sie
hier, um den Pfad zu markieren. Und lassen Sie uns diesen Pfad so gestalten, wie er zu
diesem Zeitpunkt aussehen sollte. Gehen Sie nun zum Anfang
der Timeline und holen Sie diesen
Pfad aus dem Bild heraus. Mal sehen, wie das aussieht. Wir können den Pfad
an zweiter Nummer eins anpassen. Das ist besser. Sobald wir fertig sind, ist
es ein guter Zeitpunkt, das
Projekt zu speichern, bevor wir weitermachen. Ordnung, jetzt
fangen wir an, die Buchstaben zu animieren
, die wir nicht gedehnt Aber zuerst löschen wir die
Keyframes auf diesen Pfaden, weil wir in einer Minute
einen neuen erstellen werden Wählen Sie sie aus und drücken Sie die
Rücktaste oder Löschen. Großartig. Um nun wieder
zu den versteckten Buchstaben zurückzukehren, müssen
wir die
Gruppen dieser Ebene sehen. Lassen Sie uns dazu die Ebene
schließen und erneut öffnen, um alle Gruppen
darin zu sehen Um die Gruppen nun klar zu sehen, müssen
wir
den Inhaltsbereich schließen,
während wir die Steuerung gedrückt halten Und dann öffne
es noch einmal, ohne
die Steuertaste gedrückt zu halten Jetzt können wir ganz einfach alle Buchstaben
wieder einschalten,
auch die, die wir animieren
müssen Wenn Sie fertig sind, stellen Sie den
Vorschaubildschirm so ein, dass er passt. Und reduzieren Sie das
Ebenenfenster ein wenig. Lassen Sie uns nun die
Buchstaben und die beiden Os animieren. Ich möchte eine Skalierung und
eine Rotationsanimation
für diese Buchstaben erstellen eine Rotationsanimation
für diese Buchstaben Lassen Sie mich Ihnen zeigen, wie Sie
das auf die beste Art und Weise aller Zeiten machen können. Lassen Sie uns zuerst den Buchstaben S
auswählen, die Steuertaste
gedrückt halten und die beiden Os auswählen. Lassen Sie uns nun ihre Eigenschaften öffnen. Wir können dieses Panel etwas vergrößern. Öffnen Sie nun die transformierten
Eigenschaften für den Buchstaben O. Gehen Sie zur zweiten Zahl zwei und erstellen Sie das erste Schlüsselbild
für die Skalierungseigenschaft, da wir
alle drei Gruppen
ausgewählt haben , nachdem Effects sich um den Rest
gekümmert
und automatisch Keyframes für die
anderen ausgewählten Buchstaben
erstellt hat den Rest
gekümmert
und automatisch . Welches ist genau das, was wir brauchen. Deshalb wähle ich diese
drei Buchstaben auf einmal. Jetzt teilen wir After Effects mit, dass bei
der zweiten Zahl zwei
die drei Buchstaben
die gleiche Größe behalten sollten, die drei Buchstaben
die gleiche Größe behalten sollten wie sie gerade
sind. Gehen wir nun
zur zweiten Zahl eins über und entscheiden, dass
der Skalenwert zu
diesem Zeitpunkt 250 oder vielleicht 200
sein sollte. Gehen wir dann zum Anfang
der Zeitleiste und setzen
die Skala auf Null. Ordnung, jetzt
machen wir dasselbe mit der
Rotationseigenschaft. Das heißt, lassen Sie uns
diesen Buchstaben
eine coole Rotationsanimation hinzufügen , während
sie skalieren. Aber machen wir es
für den Buchstaben S. Nur zuerst können wir
zur zweiten Nummer zwei übergehen. Klicken Sie nun hier auf den leeren
Bereich, um die beiden O's abzuwählen. Großartig. Wählen Sie nun wie zuvor die
Rotationseigenschaft
für den Buchstaben
S aus. Da wir wissen, dass
die Drehung
der Buchstaben
so aussehen sollte, wie sie gerade ist, erstellen
wir das
erste Schlüsselbild mit dem aktuellen Wert
von Null Grad. Lassen Sie uns nun hier
mit der Zeitanzeige stehen, damit wir den Buchstaben sehen können. Und setzen Sie den
Rotationswert auf -180.
Lassen Sie uns dieses Schlüsselbild abschließend an den Anfang
der Animation verschieben an den Anfang
der Animation Damit sind wir fertig damit, alle
Buchstaben zu animieren. Die schwierigste Aufgabe liegt hinter uns. Jetzt können wir den Inhalt schließen. Wählen Sie dann die Ebene und drücken Sie auf Sie, um nur
die Keyframes zu sehen. Und konzentrieren Sie sich darauf, die Bewegung
zu verbessern. Wir werden im nächsten Teil lernen, wie das
geht. Es wird super
viel Spaß machen. Wir sehen uns dort.
15. Ofsett-Ebenen und erstelle eine Verzögerung in der Animation: Willkommen zurück. Lassen
Sie uns lernen, wie Sie diese Animation
viel aufregender gestalten können. Zunächst
ändern wir alle Schlüsselbilder auf
***, wählen alle
Schlüsselbilder aus und drücken F neun. Mal sehen, wie es jetzt aussieht. Als Nächstes bringen wir die
Bewegung auf die nächste Ebene, indem die Keyframe-Geschwindigkeit
für alle Keyframes anpassen, genau wie wir es in
der vorherigen Lektion gelernt haben Denken Sie daran, dass wir
die Geschwindigkeit für jeweils einen
Eigenschaftstyp ändern können die Geschwindigkeit für jeweils einen
Eigenschaftstyp Wie Sie sehen können, haben wir mehrere Keyframes für
verschiedene Eigenschaften, Pfadmaßstäbe und Drehungen. Beginnen wir mit der Anpassung
aller Pfad-Keyframes. Lassen Sie uns diese Keyframes auswählen. Halten Sie nun die Umschalttaste gedrückt und wählen Sie die anderen Keyframes
derselben Eigenschaft aus. Hier können wir sehen, dass es sich um
eine andere Eigenschaft handelt. Ich habe es nicht ausgewählt.
Lassen Sie uns diese auch auswählen. Das ist ein anderes, also wählen wir es nicht aus. Okay,
lassen Sie uns zum Schluss diese auswählen. Sobald das erledigt ist, können wir
die Alt-Taste gedrückt halten und
auf einen der
ausgewählten Keyframes doppelklicken . Sehen wir uns an, wie die
Animation mit
einer Geschwindigkeit von 85 auf beiden Achsen aussieht . Ich denke, wir können
es auf beiden Achsen auf 95 ändern, was
die Animation interessanter macht. Lass es uns jetzt machen und
es uns noch einmal ansehen. Fantastisch. Gehen wir nun zu den Keyframes für Eigenschaften
skalieren über. Zuerst wählen wir
diese Keyframes aus, halten die Umschalttaste gedrückt
und fahren fort, die anderen Keyframes
derselben Eigenschaft
auszuwählen. Halten Sie nun die Alt-Taste gedrückt und doppelklicken Sie auf einen der
ausgewählten Keyframes. Ändern Sie
auch hier die Geschwindigkeit von 95 auf beiden Achsen. Und schlag, okay. Wir müssen uns nicht
mit den
S-Buchstaben-Keyframes für die
Rotationseigenschaft herumschlagen S-Buchstaben-Keyframes für die
Rotationseigenschaft , weil sie schon gut aussehen Okay? Und damit stimmen
wir die Buchstaben ab. Und jetzt sind wir bereit
für den nächsten Schritt, bei dem Offsets
für jede Animation erstellt Ich erkläre gleich, was
ich meine. Alle Buchstaben kommen gleichzeitig in den
Rahmen. Um die Animation
interessanter zu gestalten, können
wir den Eingang der einzelnen Buchstaben
nacheinander verschieben Dazu müssen wir
die von uns erstellten Keyframes verschieben und Offsets in
der Animation erzeugen , wodurch sich die Animation
für die Pfad-Keyframes
verzögert Dadurch
gelangen die Buchstaben nacheinander in die Szene anstatt sie alle auf einmal zu betreten Aber bevor wir
das tun, müssen wir
sicherstellen , dass sich jeder Buchstabe
auf einer eigenen Ebene befindet. Dies wird es später einfacher machen, die Offsets
anzupassen. Keine Sorge, ich zeige
dir genau, wie es geht. Zuerst müssen wir alle Buchstaben
in dieser Ebene sehen. Schließen wir dazu
die Ebene und öffnen sie erneut, um ihren Inhalt
zu sehen Halten Sie nun die Strg-Taste gedrückt
und schließen Sie den Inhalt. Öffnen Sie es jetzt erneut, ohne die Steuertaste
gedrückt zu halten. Hier können wir alle
Buchstaben in dieser Ebene sehen. Da wir 14 Buchstaben haben, müssen
wir 14
separate Ebenen erstellen, die
jeweils nur einen Buchstaben enthalten. Lassen Sie uns dazu die Ebene
schließen. Und jetzt duplizieren wir es mit der
Tastenkombination D 13 mal, sodass wir
insgesamt 14 Ebenen haben. Bevor wir die Tastenkombination drücken, möchte
ich Sie daran erinnern, dass alle Tastenkombinationen
und After Effects nur
funktionieren, wenn Ihre Tastatursprache auf Englisch eingestellt
ist. Okay, jetzt wählen wir die Ebene aus und
duplizieren sie 13 Mal. Sobald wir fertig sind, öffnen wir den
Inhalt dieser Ebene und behalten nur
den Buchstaben D bei , während wir den
Rest der Buchstaben löschen. Wählen wir den Buchstaben in aus, halten Sie die Umschalttaste gedrückt
und wählen Sie den Buchstaben E aus, um alle
Buchstaben dazwischen
auszuwählen. Drücken Sie nun die Rücktaste oder Löschen. Um sie zu löschen,
drücken Sie auf
dieser Ebene auf die Mitte und benennen Sie sie in den Buchstaben D
um.
Abschließend schließen wir sie und fahren mit der nächsten Ebene
fort Öffnen Sie den Inhalt und behalten Sie nur den Buchstaben bei und benennen Sie
die Ebene entsprechend um. In dieser Ebene behalten wir
nur den Buchstaben S. Natürlich Sie die Ebene entsprechend umbenennen. Lassen Sie uns das für
die übrigen Ebenen hier fortsetzen. Wir behalten den Buchstaben I hier, wir behalten den
Buchstaben G und so weiter. Der Prozess der Erstellung dieses
Stretch-Text-Animationsstils kann sehr manuell
und zeitaufwändig sein. Denken Sie jedoch daran, dass unser Logo
aus vielen Buchstaben besteht. Sie müssen diese Art von
Animation nicht
jedes Mal für eine so große Anzahl
von Buchstaben
erstellen , wenn ich mich in
dieser Lektion dafür entschieden habe, mit vielen Buchstaben zu
arbeiten , damit
Sie
diese Aktionen
so oft wie möglich üben können . Auf diese Weise werden Sie sich
an sie gewöhnen und
die einzelnen Schritte zur Erstellung einer komplexen
Stretch-Text-Animation verstehen . Seien Sie geduldig und genießen Sie den Lernprozess, denn
nach Abschluss dieses Kurses werden
Sie das Selbstvertrauen haben, eine Vielzahl von
Premium-Logo-Animationen
für Ihre zukünftigen Kunden
zu erstellen . Okay, sobald wir mit dem
Teilen der Buchstaben fertig sind. Wir sollten unser Projekt speichern,
indem wir die
Strg-Taste drücken . Um uns die Arbeit zu erleichtern, können
wir die Ebenen
,
die zu demselben Wort gehören, mit einer anderen
Farbe kennzeichnen als die anderen. Wir können zum Beispiel
die beiden Ebenen,
aus denen das Wort besteht, mit
einer Farbe und alle
Ebenen, aus
denen das Wort Bewegung besteht,
mit einer anderen Farbe kennzeichnen die beiden Ebenen,
aus denen das Wort besteht, mit einer Farbe und alle
Ebenen, aus
denen das . Großartig, es sieht gut aus.
Wenn wir nun diese Ebene isolieren, werden
wir sehen, dass ihr
Ankerpunkt nicht zentriert ist. Das kann die Animation durcheinander bringen, besonders wenn wir den Buchstaben drehen wollen
. Um dies zu vermeiden, können wir
alle Ebenen auswählen und
ihre Ankerpunkte gleichzeitig zentrieren ihre Ankerpunkte gleichzeitig die Tastenkombination
Strg+Alt und Home
verwenden. Lassen Sie uns das für
alle Ebenen
gleichzeitig tun. Wählen Sie alle aus. Drücken Sie Control All Tone. Dadurch wird sichergestellt, dass
alle Ankerpunkte jetzt auf jeder Ebene perfekt
ausgerichtet
sind. Jetzt fangen wir an,
die Animation zu verbessern .
Das Wichtigste zuerst. Ich denke, die Animation
ist momentan zu langsam. Lasst uns lernen, wie man
es sehr schnell beschleunigt. Lassen Sie uns dieses Fenster vergrößern und
die Animation noch einmal ansehen ,
bevor wir Änderungen vornehmen. Um die Animation zu
beschleunigen, müssen
wir zunächst die
Schlüsselbilder der Ebenen sehen. wir dazu sicher
, dass keine
Ebene ausgewählt ist . Und drücken Sie jetzt Uk, um alle Schlüsselbilder zu
sehen Lassen Sie uns dieses Fenster vergrößern. Jetzt können wir sehen, dass die Animation für alle
Buchstaben 2 Sekunden dauert. Jetzt möchte ich, dass
die Animation für die Buchstaben
nur 1 Sekunde dauert. Dazu kann ich diesen
Keyframe näher an
den vorherigen verschieben Keyframe näher an
den vorherigen Dann kann ich auch den letzten Keyframe
etwas näher rücken Aber anstatt die
Keyframes einzeln zu verschieben, können
wir das auf
viel intelligentere Weise tun Um das viel schneller zu machen, wählen
wir alle Keyframes platzieren
dann
die Zeitanzeige auf der zweiten Zahl eins. nun bei gedrückter Alt-Taste Lassen Sie uns nun bei gedrückter Alt-Taste eines der letzten
Keyframes an die Position
der Zeitanzeige ziehen und
gleichzeitig die Umschalttaste gedrückt halten. Auf diese Weise haben wir
alle Keyframes auf
den von uns ausgewählten neuen Zeitpunkt verschoben den von uns ausgewählten neuen Zeitpunkt und den gleichen
Abstand zwischen ihnen beibehalten. Hätten wir das manuell gemacht, hätte
es ewig gedauert. Ordnung, lass uns sehen, wie
es aussieht. Sieht toll aus. Jetzt drücken wir Sie, um
die Keyframes für
alle Ebenen auszublenden und schließlich mit
der Erstellung des geplanten Offsets zu beginnen. Beginnen wir mit der
Erstellung des Offsets für die Ebenen, aus denen
das Wort Design besteht. Lassen Sie uns vorerst die
anderen Ebenen ausschalten. Lassen Sie uns nun entscheiden, dass der erste Buchstabe, der in
den Rahmen eingegeben wird, der Buchstabe ist. Wir werden diese Ebene nicht berühren und
sie dort lassen, wo sie ist. Nun, der Brief, der danach
kommen muss, ist der Brief. Nehmen wir diese Ebene und
bewegen sie mit der Zeit weiter. Stellen wir sicher, dass sich der
Buchstabe nicht mit dem Buchstaben überschneidet ,
der gut aussieht. Fahren wir nun mit
dem nächsten Buchstaben fort. Der nächste Buchstabe, der in
den Rahmen aufgenommen werden sollte , ist der Buchstabe I. Lassen Sie uns ihn zeitlich vorantreiben. Er wird nach dem Buchstaben G eingefügt. Lassen Sie uns diesen Offset für
alle Ebenen dieses Wortes erstellen. Versuchen Sie vorerst,
den gleichen Abstand
zwischen den Ebenen beizubehalten . Bald werden wir den Abstand anpassen , um ein
interessanteres Ergebnis zu erzielen. Wenn Sie fertig sind, stellen Sie sicher, dass
kein Buchstabe mit einem anderen kollidiert. Ich sehe, dass der Buchstabe S mit dem Buchstaben I
kollidiert. Lassen Sie uns diese Ebene zeitlich
weiter voranbringen Als Nächstes passen wir das Timing für den Buchstaben E
und den Buchstaben D an. Mal sehen, was wir haben Ich finde, es sieht gut aus,
aber ich denke, wir können das Timing für die
Buchstaben E und D noch einmal
anpassen. Ich möchte, dass sie die
Szene etwas früher betreten. Dies ist der Prozess, bei
dem der Offset für diesen
Animationsstil erstellt wird. Wir verschieben die Ebenen immer
und prüfen, wie sie im Verhältnis zum
Rest der Animation
aussehen. Bewegen Sie sich mit der
Zeitanzeige weiter und suchen Sie der Animation, nachdem Sie die Ebenen verschoben und das
Timing angepasst haben. In Ordnung, ich finde,
es sieht gut aus. Lass uns mit
dem nächsten Wort weitermachen. Schalte diese beiden Schichten ein
und time ihren Eintritt. Lassen Sie uns nun einen guten Zeitpunkt
finden zu dem diese beiden Ebenen in die Szene eintreten können. Lassen Sie uns entscheiden, dass diese
Buchstaben eingegeben werden. Ab diesem Zeitpunkt
können wir den Buchstaben N-Bit verzögern. Sieht gut aus, wir können weitermachen. Lassen Sie uns nun den Offset
für das Wort Bewegung erstellen. Lassen Sie uns entscheiden, dass der Buchstabe vom
Anfang der Animation an eingegeben
wird. Wir werden diese Ebene also nicht verschieben. Lassen Sie uns die anderen
Ebenen zeitlich vorwärts bewegen. Sie treten also
nacheinander ein. Bewegen Sie die Ebenen
im Zeitleistenfenster und überprüfen Sie gleichzeitig die Reihenfolge zwischen den Ebenen im
Vorschaufenster. Lassen Sie uns nun sehen, wie
alles zusammen aussieht. Ich denke, das Buchstabenende sollte etwas früher in die Szene kommen. Lassen Sie uns diese Ebene hierher verschieben. Sobald wir mit dem
Timing der Ebenen fertig sind, lassen Sie uns sie alle zu einem Pre-Comp für
ein
übersichtlicheres Projekt zusammenfügen . Auf diese Weise können wir
die Animation später einfach steuern. Lassen Sie uns alle Ebenen auswählen und die Tastenkombinationen drücken. Shift C, nenne das
Pre-Comp-Textanimation. Stellen Sie sicher, dass beide aktiviert und gedrückt
sind. Okay. Jetzt haben wir die gesamte
Animation in einer Ebene. Bevor wir weitermachen,
möchte ich Ihnen zeigen, was passiert, wenn wir diese Ebene später
skalieren wollen. Wie Sie sehen können, wird die Qualität umso geringer,
je größer wir die Ebene machen . Um dies zu verhindern, können wir die hier beschriebene
Collapse-Funktion
anwenden. Wenn Sie es nicht sehen können, können
Sie hier klicken. Okay, lassen Sie uns den
Zusammenbruch auf diesen Pre-Comp anwenden. Wie Sie sehen können,
hat sich die Qualität deutlich verbessert. Bringen wir nun die Größe auf 100%, stellen die
Bildschirmvorschau so ein, dass sie passt, und erstellen wir den
zweiten Teil der Animation, nämlich die Symbolanimationen. Und das werden wir im
nächsten Teil machen. Wir sehen uns dort. Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
16. Fortgeschrittene Animationstechniken: Willkommen zurück. Lassen Sie uns mit
der Erstellung der Icon-Animation
beginnen. Als Erstes müssen wir diese Symbole im
Projektfenster
finden, das Sie im Ordner
mit allen Logo-Ebenen finden . Sobald Sie sie entdeckt haben, wählen Sie
einfach alle aus und ziehen Sie sie in unsere Komposition. Denken Sie daran, dass wir sicherstellen
müssen, dass die Symbole als
eine einzige Ebene bewegen. Später müssen wir sie in einer Gruppe
verschachteln. After Effects sprechen wir Unterkomposition dieser Ebenen Drücken Sie dazu Strg Shift C. Nennen wir es icons comp Stellen Sie sicher, dass beide
ausgewählt sind, und drücken Sie. Okay. Geben wir nun die
Komposition ein, die wir gerade erstellt haben. Wie Sie sehen können, haben wir hier
viel Leerraum,
was bedeutet, dass die
Kompositionsgröße zu groß ist. Um die Größe dieser Komposition zu ändern, müssen
wir auf die
Kompositionseinstellungen zugreifen Drücken Sie dazu Strg
K. Wie Sie sehen können, befinden
wir uns in den Einstellungen
der Icons Comp Composition Stellen Sie nun sicher, dass die Vorschau ausgewählt
ist, damit wir die Änderungen, die
wir vorgenommen haben, in Echtzeit sehen
können Und lassen Sie uns die Größe reduzieren. Versuchen wir es mit 200 mal oder 100 mal 100, das ist besser. Kehren wir nun zur
Hauptkomposition zurück. Die Kompositionsgröße
ist jetzt kleiner, was es einfacher macht, später mit dieser Ebene zu
arbeiten. Als Nächstes können wir den
Kollaps auf diese Komposition
und natürlich auf
alle ihre Ebenen anwenden . Wenn Sie dieses
Symbol nicht sehen können, können Sie hier klicken. Großartig. Lassen Sie uns jetzt alle Ebenen
außer dieser einen ausschalten. Zweiter Gedanke: Lassen wir nur die letzte Ebene
aktiviert und beginnen die Eingabeanimation für diese Komposition auf
der Grundlage Ereignisse in
der Textanimation zu erstellen. Wie Sie sehen können,
soll dieses Symbol den
oberen Teil des Buchstabens I ersetzen. Das bedeutet, dass wir
diesen Teil momentan nicht benötigen. Lass uns lernen, wie man es ausschaltet. Geben wir zunächst
diese Komposition ein. Wählen Sie den Buchstaben I aus, öffnen seinen Inhalt und sehen Sie
, aus welchen Pfaden er besteht. Es gibt den zweiten Pfad
, der der Kreis ist, und den ersten Pfad
, der die Linie ist. Wir wollen
den zweiten Pfad ausschalten. Großartig. Jetzt können Sie diese Ebene schließen und zur
Hauptkomposition zurückkehren. Lassen Sie uns nun diese Ebene einschalten. Wenn wir uns nicht sicher sind, wie
die Animation beginnen soll, können
wir unsere Objekte
vom Ende bis zum Anfang animieren, genau wie wir es
mit den Buchstaben gemacht haben Da wir nicht wussten,
wie die Buchstaben am Anfang aussehen
sollten, haben wir Keyframes dafür erstellt, wie sie am
Ende ihrer Animation aussehen
sollten Wir machen hier dasselbe, indem wir das Symbol zu dem Zeitpunkt platzieren , zu
dem wir wissen, wie
es am Ende aussehen soll.
Wir möchten, dass es sich an derselben Position
wie
der Kreis des Buchstabens I Drücken
wir zunächst As, um
die Ebene ein wenig zu verkleinern. Und es nach unten bewegen. Sie können die Abwärtspfeiltaste
verwenden
, um diese Ebene nach unten zu senken. Geben wir dieser Ebene nun eine andere Farbe, um sie
besser unterscheiden zu können. Lassen Sie uns nun die Position der
Symbole vor der Komposition animieren. Wir stehen bei der
zweiten Nummer drei, wenn
die
Textanimation abgeschlossen ist Und legen Sie den ersten Keyframe
für die Icons Precomp Das heißt, das Symbol
sollte diese Lassen Sie uns Schlüsselbilder
mit dem aktuellen Wert erstellen. Lassen Sie uns nun einen Keyframe
für die Positionseigenschaft festlegen. zu diesem Zeitpunkt die Umschalttaste drücken, Lassen Sie uns zu diesem Zeitpunkt die Umschalttaste drücken, um
die Positionseigenschaft hinzuzufügen. Erstellen Sie nun die ersten
Keyframes mit dem aktuellen Wert. Im Grunde haben wir angegeben,
wie die Icons Precomp zu diesem
Zeitpunkt am Ende
der Animation aussehen
sollen Zeitpunkt am Ende
der Animation Lassen Sie uns nun entscheiden, wie und wo die Icons Precomp befinden sollen,
bevor sie in die Szene aufgenommen werden Im Moment wissen wir nicht genau, in welcher Sekunde es in
die Szene aufgenommen
werden soll Nehmen wir also für den Moment
an, es sollte am Anfang der Timeline beginnen. Später werden wir das Timing
der Animation
und ihre Dauer anpassen . Okay, nehmen wir
an, dass sich das Symbol zu diesem Zeitpunkt hier
außerhalb der Szene befinden sollte. Ein neuer Keyframe mit
dem neuen Wert
der Positionseigenschaft wird
automatisch erstellt. Das bedeutet, dass sich
die Ebene von Sekunde
Null bis Sekunde drei auf eine bestimmte
Weise bewegt. Lassen Sie uns nun bei den
zweiten 1,12 Frames stehen und den Precomp hier
platzieren, um
After Effects mitzuteilen , dass
dieser Precomp zu diesem Zeitpunkt
hier ankommen soll, Precomp zu diesem Zeitpunkt
hier ankommen soll bevor er Was jetzt passieren wird, ist, dass das Symbol von unten kommt, sich
erhebt und dann seine letzte Lassen Sie uns nun entscheiden, wann das
Symbol diesen Punkt erreicht. Seine Größe sollte 100 sein. Zu Beginn der Animation wird ihre Größe 20 sein. Mal sehen, wie das aussieht. Um uns auf die Symbolanimation zu konzentrieren, können
wir die
Textanimation vorerst ausschalten Lassen Sie uns das machen und
sie uns noch einmal ansehen. Ordnung. Meiner Meinung nach ist
diese Animation sehr langsam, was Sinn macht, weil die gesamte Animation 3 Sekunden lang
ist. Verkürzen wir es auf 2 Sekunden. Um das zu tun, bleiben wir
bei der Zeitanzeige. Wählen Sie dann alle Keyframes aus. Halten Sie nun die Alt-Taste gedrückt und
bewegen Sie die letzten Keyframes in Richtung der Zeitanzeige während Sie gleichzeitig die
Shift-Taste gedrückt halten. Lassen Sie uns nun die
Animation verbessern, indem wir
diese Keyframes lockern , da die Bewegung
momentan linear und langweilig
ist Wählen Sie sie aus und drücken Sie F neun. Mal sehen, wie es jetzt aussieht. Jetzt möchte ich, dass das Symbol etwas länger in
der Luft hängt , wenn
es diesen Punkt erreicht. Dazu müssen wir die Geschwindigkeit
der Keyframes
anpassen. Dieses Mal verwenden wir den Diagrammeditor, nicht das
Keyframe-Velocity-Bedienfeld, während alle
Keyframes ausgewählt sind. Gehen wir jetzt zum
Diagrammeditor. Klicken Sie mit der rechten Maustaste, um sicherzustellen, dass wir uns in der Geschwindigkeitsgrafik befinden, und um
sicherzustellen, dass Snap aktiviert ist. Wenn Sie die
Keyframes und Kurven nicht sehen können, können
Sie hier klicken
und die Ansicht etwas verkleinern. Okay, jetzt wählen wir diese
Schlüsselbilder in der Mitte aus
und ziehen ihre Ziehpunkte nach
links, und ziehen ihre Ziehpunkte nach ohne
eine gerade Linie zu hinterlassen. Wählen Sie sie nun erneut und verschieben Sie diese
Griffe nach rechts. Auf diese Weise haben wir die Geschwindigkeit
zwischen den Keyframes
geändert. Die Dauer der
Animation hat sich nicht geändert. Es ist immer noch innerhalb von 2 Sekunden. Wir haben dafür gesorgt, dass die
Ebene schneller
eindringt, länger in der Luft schwebt und dann schnell
ihren Endpunkt erreicht Auf diese Weise können wir die
volle Kontrolle über
die Schlüsselbilder übernehmen und eine
interessantere Animation erstellen Ordnung, jetzt
lassen wir das Symbol etwas schneller an
seine endgültige Position
fallen. Wählen wir dazu
die letzten Keyframes aus und ziehen diese Ziehpunkte
entsprechend dieser Kurve hierher. Wir können sehen, dass die
Geschwindigkeit der Keyframes diesem Zeitpunkt sehr hoch sein
wird. Mal sehen, wie es
aussieht. Sieht toll aus. Ordnung, jetzt
klicken wir hier, um zu
unserer regulären Timeline zurückzukehren und mit der
Erstellung der
Icon-Swap-Animation zu beginnen . Wir möchten, dass diese Animation passiert
, wenn das Icon Pre-Comp in der
Luft schwebt Gehen wir dazu auf die Icons
Precomp ein. Lassen Sie uns die Zeitleiste vergrößern bis wir die
Zahlen hier als Frames sehen Lassen Sie uns nun lernen, wie Sie
die Swap-Animation
zwischen diesen Ebenen erstellen . Zunächst müssen wir entscheiden, für wie viele Sekunden oder Frames wir
diese Ebenen sehen möchten. Nehmen wir an, wir möchten
diese Ebenen
nur für fünf Frames sehen . Lassen Sie uns hier mit
der Zeitanzeige stehen. Schalten Sie jetzt alle
Ebenen ein und wählen Sie sie aus. Als nächstes
müssen wir sie auf eine Länge
von fünf Frames
zuschneiden. Dazu können wir die Tastenkombination Alt und
die rechte Klammer verwenden . Auf diese Weise werden die Ebenen auf die Position der
Zeitanzeige
zugeschnitten. Jetzt müssen wir den
Übergang zwischen den Ebenen erstellen. Anstatt diese
Ebenen einzeln manuell zu verschieben, können
wir die Funktion „
Ebenen sequenzieren“ verwenden. Dazu können wir die letzte Ebene
auswählen, die Umschalttaste
gedrückt halten und die erste Ebene auswählen. Klicken Sie nun mit der rechten Maustaste auf
eine der Ebenen, gehen Sie zum Keyframe-Assistenten und wählen Sie
Sequenzebenen und klicken Sie auf Okay Hier können wir sehen
, dass die Ebenen
in der von uns ausgewählten Reihenfolge nacheinander
platziert werden in der von uns ausgewählten Reihenfolge nacheinander
platziert Ich erkläre, was ich meine. Drücken wir Strg Z
, um die Aktion rückgängig zu machen. Wählen Sie diesmal die
Ebenen von oben aus, nicht wie zuvor von unten. Wenn wir nun
die Sequenz erstellen, beginnt
sie mit der
ersten Ebene, die wir ausgewählt haben. Das ist besser für
uns, weil wir möchten, dass das letzte Symbol, das
angezeigt wird, dieses ist. In Ordnung, jetzt gehen wir zurück
zur Hauptkomposition. Wenn wir uns nun die
Animation genauer ansehen, sieht
es so aus, als ob die Animation zum
Tausch der Symbole zu
früh beginnt und das letzte Symbol am Ende
des Übergangs
verschwindet. Wenn wir zu dieser Vorkomposition zurückkehren, können wir sehen, dass die
Ebene hier endet. Deshalb hören wir auf, es in der Hauptkomposition zu
sehen. Verlängern wir es, damit wir
es bis zum Ende
dieser Komposition sehen können es bis zum Ende
dieser Komposition Okay, lassen Sie uns jetzt
zur Hauptkomposition zurückkehren und einen Zeitpunkt
finden, an dem der Icon-Tausch beginnen soll. Ich möchte, dass es an
diesem Punkt bei Frame 18 beginnt. Lassen Sie uns hier mit
der Zeitanzeige stehen. Gehen Sie zu den Symbolen Pre, Comp, wählen Sie alle Ebenen aus und ziehen Sie sie an die Position der
Zeitanzeige Wenn wir nun zum
Anfang dieser Animation übergehen, werden
wir das
erste Symbol hier nicht sehen Um das erste Symbol
bis zu diesem Moment zu sehen. Wir müssen diese Ebene auswählen
und sie wie folgt erweitern. Mal sehen, wie dieses Timing in der Hauptkomposition
aussieht. Ordnung, ich denke, wir können den Übergang zum Symbol etwas
verzögern. Gehen wir zurück zu dieser Vorkomposition Wählen Sie alle Ebenen aus
und verschieben Sie sie hierher. Lassen Sie uns das Timing noch einmal überprüfen. Ich denke, es sollte früher beginnen. Gehen wir zurück zu den Symbolen vor der Erstellung und verschieben die Ebenen hierher. Großartig, ich denke, es
sieht jetzt besser aus. Drücken wir nun die Strg-Taste , um das Projekt zu speichern,
bevor wir weitermachen. Jetzt fügen wir den Icons Precomp eine coole
Rotationsanimation Icons Precomp Gehen wir zum Anfang
der Animation und drücken jetzt R. Erzeugt das erste Schlüsselbild für die Rotation mit
dem aktuellen Wert. Drücken wir Sie nun, um die anderen
Keyframes auf dieser Precomp zu
sehen Gehen Sie dann zum Ende
der Animation und ändern Sie den Rotationswert
auf eine volle Umdrehung Lassen Sie uns diese
Ebene für einen Moment ausblenden. Während der Bewegung drehen sich auch die
Symbole. Als Nächstes konvertieren wir
die Keyframes als. Lassen Sie uns die Animation
der Symbole
mit der Textanimation synchronisieren . Um zu verstehen
, ab welchem
Zeitpunkt die Symbole die Szene
betreten sollen, müssen
wir uns mit
der Zeitanzeige vorwärts
und rückwärts bewegen und gleichzeitig beobachten, was in der Szene
passiert Ich versuche, einen
Zeitpunkt zu finden, an dem der Text seine Animation fast
abgeschlossen hat Lassen Sie uns entscheiden, dass die Symbole beim zweiten Mal in die Szene aufgenommen
werden. Mal sehen, wie es
zusammen mit dem Text aussieht. In Ordnung, ich denke, das
Timing ist ausgezeichnet. Jetzt sind wir bereit, an diesem Teil der
Animation zu
arbeiten , in dem die Buchstaben auf die Bewegung der Symbole reagieren. Geben wir dazu
den Text pre comp ein. Wir können dieses Panel vergrößern. Platzieren Sie nun die
Zeitanzeige bei den zweiten 3,3 Frames , in denen alle Buchstaben ihre Animation
abschließen. Da wir nun wissen, dass
wir die
Positionseigenschaft animieren werden, müssen
wir sicherstellen, dass alle Ankerpunkte
der Ebenen zentriert sind Ich wähle diese Ebene aus und
zoome sie ein wenig heran, damit du sie besser sehen
kannst Wie Sie sehen können, sind
die Ankerpunkte der Ebenen nicht zentriert. Das lag daran, dass wir, als wir die
Ankerpunkte der Ebenen
zentrierten, an einem Punkt angelangt waren, dem die Buchstaben ihre Animation noch nicht
abgeschlossen hatten. Deshalb hat After
Effects
ihre Ankerpunkte zu diesem Zeitpunkt relativ zu
den Ebenengrenzen
zentriert ihre Ankerpunkte zu diesem Zeitpunkt relativ zu .
Es ist sehr wichtig, dass wir
uns an einem Punkt befinden, an dem die Buchstabenanimationen vollständig fertig
sind. Irgendwo nach
dem dritten, zweiten. Wie dem auch sei, wählen wir
sie aus und drücken die Tastenkombination Alt Home , um die Ankerpunkte neu zu positionieren Ordnung, jetzt
sind alle
Ankerpunkte in
der Mitte der Ebene zentriert Gehen wir zur zweiten Nummer drei, drücken P und beginnen wir, die Position
dieser Ebenen
zu animieren Lassen Sie uns die ersten
Schlüsselbilder für alle Ebenen erstellen,
da wir wissen, dass sich
die Buchstaben zu diesem Zeitpunkt dort befinden müssen,
wo sie sich gerade befinden Gehen wir nun zur
zweiten Nummer vier über. Halten Sie die Umschalttaste gedrückt und verschieben Sie die Ebenen mit den
Pfeiltasten auf der Tastatur nach oben. Verschieben Sie die Ebenen nach oben, bis
Sie
genug Platz haben , um
einen weiteren Buchstaben unter
den vorhandenen Buchstaben
irgendwo
hier in der Nähe einzufügen einen weiteren Buchstaben unter
den vorhandenen . Das ist genug. Gehen wir nun zurück zur Hauptkomposition und
synchronisieren die beiden Animationen, die Symbole und
die
Buchstabenanimationen. Lassen Sie uns den Eintritt
der Symbole in der Szene etwas verzögern. Verschiebe die Icons vor der Kompilation über die Timeline und überprüfe dabei ,
wie das mit
der Textanimation aussieht Mein Ziel ist es, die
Animation des Symbols
einige Frames vor
Abschluss der Animation des Textes zu starten einige Frames vor
Abschluss der Animation des Textes In Ordnung, das
sieht nach einem guten Timing aus. Lassen Sie uns nun die
Animation des Textes zeitlich sodass es sich anfühlt, als ob er von der Bewegung der Symbole
beeinflusst wird. Das ist ein guter Zeitpunkt, weil es
beim Symbol nur darum geht, den Text zu
durchqueren. Geben wir also die
Textkomposition ein und passen die Animation, die wir
erstellt haben, an diesen Moment an. Wählen Sie alle Schlüsselbilder aus.
Wir können dieses Fenster vergrößern, um
sicherzustellen, dass wir sie alle ausgewählt haben. Verschieben Sie sie nun an die Position
der Zeitanzeige. Mal sehen, wie es
neben den Symbolen aussieht. Fantastisch, ich finde das
Timing ausgezeichnet. Lassen Sie uns nun einen Zeitpunkt finden, an wir die Buchstaben
nach
unten verschieben möchten, um den Eindruck zu erwecken, dass sie alle von
der Bewegung des Symbols betroffen
sind. Ich sehe, dass
die Symbole zu diesem
Zeitpunkt bereits gelandet sind. Das bedeutet, dass
wir in diesem Moment mit
der Erstellung der Animation für die herunterfallenden
Buchstaben beginnen können . Gehen wir zur
Textkomposition über und verschieben die darunter liegenden Ebenen so, dass sie unter diesem Punkt
stehen, da dieser Punkt
die Anfangsposition
der Buchstaben darstellt . In der Zwischenzeit möchten
wir sie nicht an ihre
ursprüngliche Position
zurückbringen da wir
die Animation erstellen, in der sie nach unten
gehen und dann
zu ihren Positionen zurückkehren. Lassen Sie uns die Pfeiltaste verwenden
, um die Ebenen unter
ihre ursprüngliche Position zu bringen .
Das ist genug. Gehen wir nun zur fünften Sekunde über und bringen die Buchstaben wieder an ihre
ursprüngliche Position. Sie können diese Punkte
als Bezugspunkt verwenden , um zu wissen, wo sich die richtige
Stelle zum Verschieben der Ebenen befindet, da diese Punkte
die
Schlüsselbilder für die Ausgangsposition dieser Ebenen darstellen . Ordnung, nachdem wir
die Positionsanimation erstellt haben, schauen wir uns an, wie sie mit den Symbolen
aussieht. Meiner Meinung nach
sieht es vorerst gut aus. Gehen wir nun zurück
zur Textkomposition
und verbessern die Bewegung, die
wir für den Text erstellt haben Wir können dieses
Panel etwas größer machen. Wählen wir zunächst die
Keyframes aus, die wir für
die Position erstellt haben , und drücken Sie F
neun, um alle zu verkleinern. Jetzt möchte ich, dass die Anstiegsbewegung der Buchstaben sehr schnell erfolgt. Wählen wir dazu diese Keyframes aus und gehen wir
zum Diagrammeditor. Ziehen Sie nun diese
Griffe nach links. Dadurch ist die Animation an dieser Stelle
schnell. Jetzt möchte ich, dass die
Buchstaben auch schnell fallen. Um dies zu erreichen, wählen wir diese Keyframes erneut aus und ziehen diese Ziehpunkte nach rechts. Jetzt fällt der Text schneller ab. Gehen wir nun zurück zur Hauptkomposition und sehen,
wie sie mit den Symbolen aussieht. Ich finde es sieht toll aus. Lassen Sie uns nun einen Offset
in der Animation erstellen, die wir erstellt haben. Das bedeutet, dass die
ersten Buchstaben, die nach oben
steigen, näher an den Symbolen liegen
sollten. Um das zu tun, kehren wir jetzt
zur Textkomposition zurück. Verlassen wir den Diagrammeditor
, um alle Keyframes zu sehen. Wir können dieses Panel ein wenig vergrößern. Da wir nun wissen,
dass der Buchstabe den Symbolen
am nächsten ist, seine Animation
starten sollte, werden wir
zunächst
seine Schlüsselbilder nicht berühren. Sie haben bereits
den perfekten Zeitpunkt gefunden. Lassen Sie uns
die restlichen Keyframes auswählen und
sie in der Zeit vorwärts bewegen. Aber anstatt es manuell
zu tun, machen
wir es mit einer
sehr nützlichen Tastenkombination. Halte durch, benutze die Pfeiltasten. In unserem Fall ist es
die Rechtspfeiltaste, weil wir diese
Schlüsselbilder zeitlich vorwärts verschieben möchten. Nach den Schlüsselbildern
des Buchstabens halte
ich
die rechte Maustaste gedrückt und drücke sie. Nachdem wir diese
Keyframes ein Bild nach vorne verschoben haben, wählen wir
nun
nur diese Keyframes und verschieben sie ebenfalls ein
Bild nach vorne Wir machen so lange weiter, bis wir die
Keyframes für den Buchstaben erreicht haben Sobald wir fertig sind, machen wir dasselbe für die Ebenen, aus
denen das Wort Bewegung besteht. Wählen Sie diese
Schlüsselbilder aus und bewegen Sie sie mit
der Pfeiltaste nach rechts und nach rechts in der Zeit
vorwärts. Wenn wir nun ein wenig heranzoomen, können
wir sehen, dass wir
einen Offset zwischen
allen Keyframes erzeugt haben . Mal sehen, wie es
in der Hauptkomposition aussieht. Wir können dieses Fenster verkleinern
, um die Szene besser zu sehen. Meiner Meinung nach
sollten die Buchstaben früher steigen Gehen wir dazu zurück
zur Textkomposition. Lassen Sie uns dieses Panel vergrößern. Wählen Sie nun die Schlüsselbilder aus, bei
denen die Buchstaben nach oben verschoben werden. Und verschiebe sie um vier
Frames nach vorne. Lass es uns jetzt überprüfen. Es ist zu früh.
Verzögern wir es um zwei Frames. Lass es uns noch einmal
überprüfen. Fantastisch, es sieht ab und zu
großartig aus. Bevor wir mit dem nächsten Teil fortfahren, vergessen
Sie nicht, das Projekt zu
speichern, indem Sie die Strg-Taste drücken. Im nächsten Teil werden
wir
eine supercoole
Hintergrundanimation
für diese Szene und vieles mehr erstellen eine supercoole
Hintergrundanimation , es wird fantastisch.
Also wir sehen uns dort.
17. Slogan-Animation: Willkommen zurück. Lassen Sie uns
den Hintergrund für unsere Szene erstellen. Dafür können wir die Ebene
der Illustrator-Datei verwenden oder eine
neue feste Ebene erstellen Erstellen wir dazu
eine durchgehende Ebene, aber diesmal verwenden
wir die Tastenkombination Y. Wählen wir
nun die Pipette aus und nehmen die
blaue Farbe aus
der Hintergrundebene
der Illustratorebene der Illustratorebene Als Nächstes ändern wir den
Namen in BG und klicken auf Okay. Lassen Sie uns es
abschließend unter alle Ebenen verschieben. Lassen Sie uns nun die
Eingangsanimation für unseren Hintergrund erstellen. Dazu müssen wir
eine kreisförmige Maske für unseren Festkörper erstellen . Mal sehen, wie das geht. Zuerst müssen
wir sicherstellen, dass die
feste Ebene ausgewählt ist. Drücken Sie nun lange auf das
Rechteckwerkzeug, wählen Sie das Ellipsenwerkzeug aus
und erstellen Sie einen perfekten Kreis, indem dabei die
Umschalttaste gedrückt
halten Jetzt bewegen wir unsere Maske in
die Mitte der Szene. Um die Mitte zu sehen, können Sie
die Apostroph-Taste drücken , um das
Raster einzublenden Auf diese Weise können wir sehen, wo sich
das Kompositionszentrum befindet. Gehen wir nun zurück
zum Auswahlwerkzeug. Doppelklicken Sie auf den Maskenpfad
und verschieben Sie ihn in die Mitte. Sie können ihn auch mit
den Pfeiltasten auf der Tastatur verschieben . Jetzt versteckt unsere Maske
den Hintergrund, aber wir brauchen sie, um den Hintergrund
aufzudecken. Tun Sie das, wir müssen die Maske
invertieren. Sobald wir fertig sind,
animieren wir diese Maske. Lassen Sie uns die Maske öffnen und
den Masken-Erweiterungsständer
auf die Null-Sekunden-Marke einstellen den Masken-Erweiterungsständer
auf die Null-Sekunden-Marke Und ändern Sie den Wert, bis der Hintergrund vollständig sichtbar
ist. Lassen Sie uns das
erste Schlüsselbild für
diesen Wert erstellen , sodass
die Maske zu diesem Zeitpunkt so aussehen sollte. Gehen Sie nun zur
Zwei-Sekunden-Marke und ändern Sie den Wert so, dass der gesamte
Hintergrund sichtbar ist. Indem wir den
Wert der Maskenerweiterung verringern, können
wir ihn auf -450
oder vielleicht -480 setzen . Mal
sehen, was wir haben Lassen Sie uns den Hintergrund sonnen. Um zu überprüfen, ob die Maske vollständig geschlossen
ist, drücken Sie die Apostroph-Taste,
um das Gitter auszuschalten Ich kann sehen, dass die Maske vollständig
geschlossen ist. Wenn Sie
sie nicht vollständig schließen, entsteht eine kleine
Lücke im Hintergrund.
Vergewissern
Sie sich, dass Ihr Wert korrekt ist. Okay, jetzt wählen wir die Schlüsselbilder aus und drücken
F neun, um sie zu lockern. Halten Sie dann die
Alt-Taste gedrückt und doppelklicken Sie auf einen von ihnen, um die Geschwindigkeit
anzupassen. Stellen wir es auf 85 mal 85 ein. Lassen Sie uns jetzt sehen, wie es aussieht. Ich denke, es ist ein bisschen langsam. Lassen Sie uns den letzten Keyframe
auf die 1-Sekunden-Marke verschieben. Das sieht besser aus. Okay, lassen Sie uns diese Ebene jetzt rückgängig machen, damit
wir alle Ebenen sehen können Wir können auch den
transparenten Hintergrund ausschalten. Lassen Sie uns nun die
Hintergrundanimation wir gerade erstellt haben, mit
dem Rest der Szene abstimmen. Ich möchte, dass der Hintergrund kurz nach dem Eingang
des Textes in die Szene kommt. Lass es uns hierher verschieben
und sehen, wie es aussieht. Ich finde es ausgezeichnet. Jetzt sind wir bereit, mit
der nächsten Phase fortzufahren , um
das Aussehen unserer Szene zu verbessern. Wählen wir dazu die Textanimationskomposition aus und duplizieren sie mit Steuerung D. Wählen Sie nun diese
neue Komposition und ändern Sie ihre Farbe
mithilfe des Fülleffekts. Wenn Sie
das Effektfenster nicht finden können, finden
Sie es unter Fenster. In Ordnung, lassen Sie uns den
Effekt auf diese Ebene ziehen. Wir sehen nichts, weil diese Ebene unter einer anderen befindet. Wenn wir diese Ebene isolieren, können
wir die Farbe des Effekts sehen. Lassen Sie uns die Farbe
des Effekts in das
Blau der Symbole ändern . Lassen Sie uns zu dem Zeitpunkt
navigieren , an dem wir sie sehen können. Probieren Sie diese Farbe nun
mit der Pipette aus. Und wenn ich diese Ebene alleine mache, wirst
du sehen, dass sich die
Farbe tatsächlich geändert hat Um es
interessanter aussehen zu lassen, können
wir jetzt einen kleinen Offset
für die beiden Textvorkompositionen erstellen Ich zeige dir, was ich meine. Lassen Sie uns zunächst in
dem Moment stehen , in dem der
Text nach oben geht. Verschieben Sie nun den neuen Text und
kompilieren Sie einen Frame in der Zeit
vorwärts Wenn wir fertig sind, duplizieren wir
diese Komposition erneut und bewegen den Button
11-Frame Ändern Sie dann die Farbe
dieser Komposition in das
Gelb des Slogans Um die gelbe Farbe zu sehen, gehen Sie zum Projektfenster Ziehen Sie den Slogan in die Szene. Gehen wir dann zurück zum Bedienfeld mit den
Effekteinstellungen. Wählen Sie nun diese Komposition und probieren Sie die gelbe
Farbe von hier aus. Lassen Sie uns nun diese
Ebene ausschalten und sehen, wie sie aussieht. Okay, ich denke, wir können
einen etwas größeren Versatz
zwischen den Textkompositionen erzeugen . Lassen Sie uns den Button Comp einen
Frame nach vorne bewegen und
sehen, wie das aussieht Ich denke, wir können
diesen Pre-Comp auch um
einen Frame nach vorne verschieben einen Frame nach vorne Und die unteren 12. Ich denke, so sieht
es besser aus. Lassen Sie uns nun daran arbeiten,
die Animation für den Slogan zu erstellen. Ich möchte, dass der Slogan in die
Szene kommt, kurz bevor der Text seine Animation
abgeschlossen hat,
irgendwo hier in der Nähe. Lassen Sie uns zunächst
die Slogan-Ebene einschalten. Wir können es mit dem Aligned-Werkzeug an
der Mitte der Komposition ausrichten Wie Sie jetzt sehen können, besteht
der Slogan aus einer Ebene Es wäre sehr
kompliziert,
all diese Buchstaben
in separate Ebenen aufzuteilen und sie manuell zu animieren Um den Slogan
intelligenter zu animieren, können
wir die
Textanimatoren von After Effects verwenden Ich zeige dir, was ich meine. Wählen wir zunächst das Textwerkzeug aus und geben Sie
das Wort Lernen ein. Vorher möchte ich Ihnen jedoch einen kleinen Tipp
zur Integration bei der Arbeit mit After Effects
und Illustrator Wie ihr seht, ist der
erste Buchstabe
im Wort lernen
derzeit in Kleinbuchstaben Nehmen wir an, wir haben das bei der
Gestaltung des Logos
und des Illustrators nicht
bemerkt , sondern erst
in After Effects Um das schnell zu beheben, können
wir schreiben, auf diese Ebene
klicken, zu Reveal
gehen
und Reveal and Explorer auswählen Auf diese Weise zeigt
uns After Effects , in welcher Datei auf unserem
Computer sich diese Ebene befindet. In unserem Fall
ist die Datei bereits geöffnet. Jetzt können wir
den Buchstaben löschen und
ein großes L eingeben . Sobald wir fertig sind, können
wir zum Auswahlwerkzeug zurückkehren und
dann
die Strg-Taste drücken, um die Änderungen zu speichern, die wir
für diese Illustrator-Datei vorgenommen haben Wenn wir jetzt
zu After Effects zurückkehren, werden
wir feststellen, dass der Buchstabe
auch hier ersetzt wurde Wie dem auch sei, lassen Sie uns zur
Animation des Textes zurückkehren Lassen Sie uns
zunächst das erste Wort dafür schreiben Stellen Sie sicher, dass Sie das Textwerkzeug
verwenden. Klicken Sie dann einmal hier, um
eine Textzeile zu öffnen , und
geben Sie Leerzeichen ein. Doppelklicken Sie anschließend auf den Text, um ihn
auszuwählen und die Schriftart zu ändern. Suchen Sie nach der Schriftart Monserrat
und wählen Sie Monserrat, und wählen Sie Monserrat Ändern Sie dann die
Farbe der ursprünglichen Ebene in Gelb und
ändern Sie die Schriftgröße Vergessen Sie auch nicht, zum Absatz zu
wechseln, um sicherzustellen, dass der Text
zentriert und
von links nach rechts ausgerichtet ist . Ordnung, jetzt gehen wir zurück
zum Auswahlwerkzeug und
platzieren dieses Wort hier. Vorerst können wir die Slogan-Ebene
ausschalten. Lassen Sie uns nun lernen,
wie Sie diese
Textebene mithilfe von Animatoren animieren Lassen Sie uns zunächst die Ebene öffnen
und den Text hier auswählen. Klicken Sie anschließend auf den kleinen Pfeil für Animieren und wählen Sie Position, da wir für diesen Text eine
Bewegungsanimation erstellen möchten für diesen Text eine
Bewegungsanimation Jetzt können Sie sehen
, dass dieser Ebene ein neuer Animator hinzugefügt
wurde Als Nächstes müssen wir den Änderungspunkt
für diesen Text festlegen. In unserem Fall sollte der Text von unten
kommen. Stellen wir es so hin, dass es hier steht. Du kannst 60 schreiben. Öffnen Sie nun den Bereichswähler und fahren Sie fort. Lassen Sie uns dieses Fenster vergrößern, um
alle Parameter zu sehen , und
den Vorschaubildschirm anpassen , um den Text besser zu
sehen Jetzt müssen wir hier die Form
des Animators ändern. Auf diese Weise
beginnt sich die Textanimation vom ersten Buchstaben an zu bewegen Mit dem Offset-Parameter können
wir nun die Position
zwischen der ursprünglichen Position des Textes und
dem Änderungspunkt steuern zwischen der ursprünglichen Position des , den
wir für diesen Animator festgelegt haben Animieren wir nun den Offset um eine coole Textanimation zu erhalten Gehen wir zum Anfang
der Zeitleiste und
erstellen das erste Schlüsselbild
für den Offset mit einem Wert von -100. Dies ist der Wechselpunkt, den wir für
die Positionseigenschaft dieses
Animators festgelegt haben die Positionseigenschaft dieses
Animators Gehen Sie nun zur
zweiten Nummer eins über. Bevor wir fortfahren,
isolieren wir diese Ebene
, sodass wir nur sie sehen. Okay,
lassen Sie uns zu diesem Zeitpunkt den Offset auf 100 ändern, was der ursprünglichen
Position dieser Textebene entspricht. Lassen Sie uns nun diese Animation verbessern indem wir die Geschwindigkeit
dieser Keyframes ändern. Wenn wir Animatoren verwenden, müssen wir
nicht in
das
Keyframe-Velocity-Bedienfeld oder den Diagrammeditor wechseln , wir können es direkt
vom Animator aus steuern Schreiben wir 20 und E ist hoch
und 80, und E ist niedrig Großartig, lassen Sie uns jetzt den
Text ausblenden, wenn er unten ist. Dazu müssen wir an
dem Punkt stehen, an dem der
Text bereits nach oben verschoben wurde. Jetzt müssen wir nur noch mit der
rechten Maustaste auf die Ebene klicken, zu Maske
gehen und Neue Maske auswählen. Mal sehen, wie es aussieht. Fantastisch. Lassen Sie uns nun diese Ebene schließen und ihr eine
coole Skalenanimation hinzufügen. Wählen Sie dazu
die Ebene aus und drücken Sie. Jetzt möchte ich, dass du
darauf achtest, wie die
Ebene groß wird. Das passiert, weil
der Ankerpunkt hier ist. Nehmen wir das
Ankerpunkt-Werkzeug und zentrieren den Ankerpunkt dieser Ebene während Sie die Steuertaste gedrückt halten. Auf diese Weise rastet der Ankerpunkt in der Mitte der Ebene ein. Ordnung,
vergessen wir jetzt nicht, zurück zum Auswahlwerkzeug zu wechseln und
mit
der Animation
der Skalierungseigenschaft zu beginnen Stellen Sie sicher, dass Sie sich am
Anfang der Timeline befinden. Und erstelle das erste
Keyframe mit einem Wert von Null. Gehen Sie nun zu Frame 12 und
ändern Sie den Wert auf 200. Oder vielleicht 150. Gehen Sie jetzt zur zweiten Nummer eins
und setzen Sie den Wert auf 100. Wählen Sie als Nächstes die
Schlüsselbilder aus und drücken Sie F neun. Halten Sie abschließend die
Alt-Taste gedrückt und
doppelklicken Sie auf einen der Keyframes
, um die Geschwindigkeit zu ändern. Stellen Sie es auf 85 und klicken Sie auf
Okay, mal sehen, wie es jetzt aussieht. Ich denke,
mit einer anderen Geschwindigkeit kann es besser aussehen. Drücken wir F neun, um
die Keyframe-Geschwindigkeit zurückzusetzen und
sie auf normale Keyframes zu bringen sie auf normale Keyframes zu Ändern Sie diesmal die Geschwindigkeit
mit dem Diagrammeditor. Lassen Sie uns diese
Keyframes auswählen und
die Ziehpunkte hierher und
diese Ziehpunkte nach rechts Mal sehen, wie es jetzt aussieht. Ich denke, so sieht es
besser aus. Ich habe das getan, um Sie daran zu erinnern
, dass es manchmal besser ist die Geschwindigkeit von
Keyframes über
den Grafikeditor
zu steuern . In Ordnung, lass uns weitermachen. Lassen Sie uns diese Ebene einblenden, drücken und reduzieren Sie die Deckkraft auf 30, um die Arbeit
mit ihr als Referenz zu erleichtern Lassen Sie uns diese Ebene auch sperren, damit sie Erstellung des zweiten Wortes
nicht gestört Jetzt können wir
diese Ebene einfach duplizieren, indem das Tastenkürzel D verwenden.
Dann verschiebe diesen Text hierher. Doppelklicken Sie nun und
ändern Sie das zu erstellende Wort. Vergessen Sie nicht, nach
dem Schreiben des Textes
ein Leerzeichen und den Punkt zu erstellen . Als Nächstes passen wir eine
Maske für das neue Wort an. Wählen Sie die Ebene aus. Drücken Sie
M, um die Maske anzuzeigen. Löschen Sie es und erstellen Sie ein neues. Als Nächstes verwenden wir eine Linie, um diese Ebene
in der Komposition zu zentrieren. Wir können dieses Wort
etwas nach links verschieben. Sie können die
Referenz jetzt löschen und weitermachen. Duplizieren Sie nun diese Ebene, wählen Sie
dann das
Auswahlwerkzeug aus und verschieben Sie es hierher. Doppelklicken Sie anschließend und
ändern Sie das Wort, um es zu genießen. Wählen Sie erneut die Ebene aus, drücken Sie M, um die Maske anzuzeigen, löschen Sie sie und erstellen Sie eine neue. Sobald wir fertig sind, können wir diese
Ebene etwas nach links verschieben. Lassen Sie uns nun einen Offset
zwischen diesen Ebenen erstellen. Lassen Sie uns entscheiden, dass das Wort
Lernen an erster Stelle stehen sollte. Lassen wir es an Ort und Stelle. Als Nächstes beginnen wir mit
dem Wort Create. 12 Frames, nachdem Sie
das Wort Spaß gelernt haben. 12 Bilder nach der Erstellung. Mal sehen, wie es aussieht. Ich finde, es sieht toll aus. Jetzt können Sie die Strg-Taste drücken , um das Projekt zu speichern,
bevor Sie fortfahren. In Ordnung, jetzt kehren wir zum Auswahlwerkzeug
zurück. Ich verzögere diese Ebenen, um
den Rest der Szene zu sehen ,
und schließe Wir können das Kompositionsfenster auch verkleinern
. Lassen Sie uns nun den
Vorschaubildschirm so einstellen, dass er passt und den Zeitpunkt ermitteln, dem die
Slogan-Wörter eingefügt werden
sollen Ich glaube, es ist irgendwo hier
in der Nähe. Lassen Sie uns diese Ebenen auswählen
und sie hierher verschieben. Schauen wir uns an, wie es aussieht. Ich denke, der Zeitpunkt ist gut, aber ich denke, wir müssen diese Ebenen etwas
näher an den Haupttext anpassen. Machen wir das, während die
Textebenen ausgewählt sind Halten Sie die Umschalttaste gedrückt und verwenden Sie
die Aufwärtspfeiltaste, um sie irgendwo nach
oben zu verschieben . Okay, lass es uns noch einmal überprüfen. Es sieht ausgezeichnet aus und
wir sind bereit weiterzumachen. Im nächsten Schritt erstellen wir einen coolen Bewegungspfad
für unsere Icons. Gehen Sie dazu
zum Effektfenster und
suchen Sie nach einem Effekt namens Echo. Ziehen Sie diesen Effekt vor
der Komposition auf die Symbole. Stellen Sie ihn nun auf -0,001 und die
Anzahl der Echos auf 30 ein. Wählen Sie abschließend Maximum
für den Echo-Operator. Wenn diese Ebene jetzt beschleunigt wird, sehen
wir eine coole
Bewegungsspur, die so aussieht. Sie können sie
mit diesem Parameter vergrößern. Denken Sie
jedoch daran, dass Ihr Computer beim
Rendern
der Szene umso mehr
Arbeit leisten
muss, je mehr Echos Sie hinzufügen Ihr Computer beim
Rendern
der Szene umso mehr
Arbeit leisten
muss Übertreiben Sie es
mit diesem Effekt nicht. Ich ändere es auf 50.
Ich denke, das ist genug. Jetzt sind wir bereit, mit
dem nächsten Teil fortzufahren , in dem wir
die Outro-Animation für
unsere Szene erstellen werden . Wir sehen uns dort Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
18. Outro-Animation: Willkommen zurück. Lassen Sie uns mit
der Erstellung der Outro-Animation
beginnen Wählen wir zunächst
die Textebenen aus und geben ihnen eine gelbe Farbe, damit wir sie leicht identifizieren
können Lassen Sie uns nun das Outro
für die Icons vor der Komposition erstellen. Zuerst müssen wir entscheiden, wann die Icons die Szene
verlassen
sollen Nehmen wir an, es passiert gegen
die Sechs-Sekunden-Marke. Um dies zu erreichen, müssen wir Zusammensetzung des Symbols
auswählen und Taste drücken, um alle Keyframes
für die Positionseigenschaft zu sehen . Passen Sie jetzt auf, wir bewegen es
einfach weg und
überprüfen die Animation. Es wird sofort anfangen,
sich an seine neue Position zu bewegen, aber das wollen wir nicht. Wir wollen, dass es erst in den zweiten sechs Jahren
aufsteigt. Wir wollen, dass es ab Sekunde sechs
die Szene verlässt. Das heißt, nachdem alle Buchstaben ihre Animation
beendet haben. Das bedeutet, dass wir
für
ein paar Sekunden eine Pause in der Animation erstellen müssen . Das Erstellen einer Pause in einer
Animation ist sehr einfach. Sie müssen lediglich Keyframes
mit demselben Wert
wie das letzte Keyframe
erstellen mit demselben Wert
wie das letzte Keyframe Um dies zu tun, klicken Sie hier. Jetzt haben wir einen neuen Keyframe
mit demselben Wert
wie der vorherige erstellt . Das bedeutet, dass sich die Ebene während dieser
Zeit
nicht bewegt. Dadurch wird eine
Pause in der Animation erzeugt. Gehen wir nun zu Sekunde sieben über
und verschieben die Ebene hierher. Gehen wir dann zur zweiten Acht über und verschieben die Ebene hierher. Lassen Sie uns abschließend zur
zweiten Neun übergehen und diese
Ebene aus der Szene ziehen. Wie Sie sehen können, haben wir
einen Pfad für die
Ausgangsanimation des Symbols erstellt . Lassen Sie uns nun die Ecken
dieses Pfads abrunden , damit die Bewegung
der Ebene flüssiger verläuft Halten Sie dazu die Alt- und
die Strg-Taste und klicken Sie einmal auf den
Punkt, den Sie abrunden möchten Sie können
die Ecken auch mit
dem Scheitelpunktwerkzeug abrunden , das sich
unter dem Stiftwerkzeug Wählen Sie das Scheitelpunktwerkzeug aus und klicken Sie einmal auf den Punkt, den
Sie abrunden möchten Wenn wir mit diesem Werkzeug fertig sind, vergessen
wir nicht, zum Auswahlwerkzeug zurückzukehren
. Jetzt können
wir die
Griffe und Punkte des Pfads anpassen , bis wir
die gewünschte Bewegung erreicht
haben Lassen Sie uns den Pfad
in einem schönen, kurvigen Look gestalten. Die Bewegung der Symbole
wird schön und natürlich aussehen. Lassen Sie uns auch diesen Punkt abrunden. Aber verschieben Sie zuerst
die Zeitanzeige
hierher, damit das Symbol
nicht im Weg ist. Halten Sie nun die
Alt- und die Strg-Taste gedrückt und klicken Sie einmal auf den Punkt. Bewegen wir diesen Griff so
, um den Pfad besser sehen zu können. Wir können diese Ebene isolieren , um nur sie
im Vorschaubildschirm zu sehen. Nun wollen wir sehen, wie es aussieht. Der Pfad, den wir für
diese Ebene erstellt haben, sieht großartig aus. Lassen Sie uns jetzt die
Animation noch besser machen. Ich möchte, dass sich diese Ebene beim Beenden sehr schnell bewegt Wählen wir dazu
diese Keyframes aus und gehen wir
zum Diagrammeditor Lassen Sie uns nun diese
Ziehpunkte hierher bewegen, um die Geschwindigkeit
dieser Keyframes zu ändern. Wenn Sie diese Ziehpunkte auf diese Weise
verschieben, werden
wir dafür sorgen, dass sich diese Ebene zu werden
wir dafür sorgen, dass sich diese Ebene zu
diesem Zeitpunkt sehr schnell bewegt. Lassen Sie uns nun dafür sorgen, dass diese Ebene die Szene sehr schnell
verlässt. Wählen wir dazu diese Keyframes aus und
bewegen den Ziehpunkt hierher. Mal sehen, wie es okay aussieht. Der Start sieht gut aus und
der Ausgang sieht gut aus. Aber wie Sie sehen können, hat das Symbol seiner Bewegung
ein paar seltsame Pausen Kehren wir zur
regulären Zeitleiste zurück und sehen wir uns an, wie wir das beheben können Dies geschieht aufgrund
der Keyframes. Um das Problem zu beheben, müssen wir diese Keyframes in
fortlaufende Keyframes umwandeln. Dazu
müssen Sie sie nur auswählen, die Steuertaste, und zweimal darauf
klicken. Dadurch werden
die Keyframes in fortlaufende Keyframes umgewandelt. Und Sie werden sehen
, dass die Animation reibungslos
und
ohne seltsame Pausen Ordnung, jetzt
bringen wir diesen Keyframe näher an die vorherigen und machen die Animation schneller Zu diesem Zeitpunkt können
wir das noch etwas
beschleunigen Ziehen wir diesen Keyframe
näher an den ersten. Das ist jetzt besser.
Passen wir die anderen
Keyframes entsprechend Gehen wir etwas näher ran und
stimmen die Keyframes ab. mit den
Keyframes herumspielen, erhalten Sie ein besseres Verständnis dafür
, wie Sie Ihre Animation steuern können. Wenn Sie mehr darüber erfahren
möchten, können Sie sich
gerne
meinen Leitfaden zu After Effects
für Anfänger kostenlos ansehen . Den Link finden Sie in der PDF-Datei im
Hauptordner dieses Kurses. Okay, ich finde, das sieht toll aus. Lassen Sie uns nun diese
Ebene isolieren und
weiterhin eine Outro-Animation
für die anderen Ebenen erstellen Lassen Sie uns die
Ausgangsanimation für den Haupttext erstellen. Gehen wir dazu zu
dem Punkt, an dem die
Textanimation endet. Zum Beispiel hier bei Sekunde sechs. Drücken Sie nun Alt und die rechte Klammer, um
diese Ebenen bis zu diesem Punkt zu schneiden. Lassen Sie uns nun einen besseren Zeitpunkt finden zu dem der Text seine Animation
beenden kann. Bewegen Sie sich mit
der Zeitanzeige während Sie beobachten, was in der Szene
passiert. Ich sehe, dass zu diesem
Zeitpunkt der Text
mit der Animation fertig ist. Als Nächstes schneiden wir diese Ebenen erneut mit Alt und
der rechten Klammer aus. Lassen Sie uns die
Zeitleiste etwas verkleinern. Drücken Sie nun die Strg-Taste, um all diese Vorkompositionen zu
duplizieren. Danach verschieben wir sie
hierher, sodass sie Seite an Seite liegen Lassen Sie uns diese
Precomps dann vom Ende bis zum Anfang abspielen , um
eine umgekehrte Animation zu erstellen Klicken Sie dazu mit der rechten
Maustaste auf einen von ihnen. Gehen Sie zu Zeit und wählen Sie die Ebene
Time Reverse. Jetzt müssen wir diese Ebenen
so
ausrichten , dass sie alle
am selben Zeitpunkt beginnen. Du kannst die
Shift-Taste gedrückt halten, während du
sie bewegst , um sie exakt
mit der anderen Ebene zu verbinden. Platziere sie nun genau dort, wo wir die
ursprünglichen drei Schichten geschnitten haben. Es ist wichtig, die
Ansicht zu vergrößern und zu überprüfen
, ob zwischen den Ebenen keine Lücke besteht. Damit haben wir
die Erstellung der Outro-Animation für
den Text des Logos
abgeschlossen die Erstellung der Outro-Animation für
den Text des Logos Lassen Sie uns nun das Outro der Symbole mit
dem Ausgangstext synchronisieren. Wählen Sie dazu Zusammensetzung
der Symbole aus und drücken Sie P, um die
Positions-Keyframes anzuzeigen Lassen Sie uns
ab diesem Zeitpunkt beginnen, das Symbol zu verschieben. Nur einen Moment vor dem Brief. Ich fange an, mich aufwärts zu bewegen. Wählen Sie diese Keyframes aus
und verschieben Sie sie hierher. Gehen wir näher an die Zeitleiste heran
und schauen wir uns an, wie das aussieht. Ich denke, es sollte früher passieren. Ich denke, das Timing ist jetzt großartig. Jetzt möchte ich, dass das Symbol
länger in der Luft schwebt ,
bevor ich die Szene verlasse Dafür können wir
die letzten beiden Keyframes zeitlich
etwas nach vorne verschieben die letzten beiden Keyframes zeitlich
etwas nach vorne Jetzt besteht ein größerer Abstand zwischen diesen beiden Keyframes. Das bedeutet, dass
die Symbole
mehr Zeit benötigen , um von
diesem Punkt zu diesem Punkt zu gelangen. Dadurch wird eine
längere Animation des Symbols erzeugt ,
das in der Luft schwebt,
bevor es die Szene verlässt Großartig, lassen Sie uns jetzt
eine Ultra-Animation
für den Hintergrund erstellen eine Ultra-Animation
für den Hintergrund Zuerst müssen wir entscheiden,
wann wir wollen, dass es passiert. Nehmen wir vorerst an,
dass hier bei den zweiten 9.12-Frames ein guter Zeitpunkt
ist Wählen Sie zunächst den Hintergrund aus und klicken Sie auf Sie, um die Schlüsselbilder zu sehen Kopieren Sie nun diese Keyframes mit Steuerung C und fügen Sie
sie mit der
Steuerung V hier ein. Jetzt können wir diese Keyframes
umkehren, um eine umgekehrte Animation zu
erhalten Klicken Sie dazu mit der rechten
Maustaste auf einen von ihnen. Gehen Sie zum Keyframe-Assistenten und wählen Sie Time
Reverse-Keyframes Lassen Sie uns nun den richtigen Moment für das Verlassen des Hintergrunds Ich möchte, dass der
Hintergrund beendet wird, wenn
das Symbol
den Rahmen irgendwo hier verlässt den Rahmen irgendwo hier Mal sehen, wie das aussieht. Okay, da der Hintergrund hier seinen Zweck bereits erfüllt hat, können
wir diese Ebenenfrage streichen. Was ist die Tastenkombination , um die Ebene
von der rechten Seite auszuschneiden, wir können das tun, indem wir
Alt und die rechte Klammer drücken. Lassen Sie uns nun eine
Outro-Animation für den Slogan erstellen. Nehmen wir an, wir wollen, dass sie
die Szene aus
zweiter Nummer sieben verlassen die Szene aus
zweiter Nummer sieben Lassen Sie uns die
Skalenanimation verwenden, um
die Outro-Animation dafür zu erstellen die Outro-Animation dafür Wählen Sie alle
Textebenen aus und drücken Sie. Lassen Sie uns Schlüsselbilder mit
dem aktuellen Skalierungswert erstellen , da der Text
bis zu
diesem Zeitpunkt die gleiche Größe beibehalten
soll . Gehen wir nun zur zweiten Acht über und ändern
die Skala auf Null. Als Nächstes wählen wir alle
Keyframes aus und passen die Geschwindigkeit
mit dem Diagrammeditor an. So. Wenn Sie fertig sind, beenden Sie den Diagrammeditor
und erstellen Sie einen Offset für die
Ausgangsanimation dieser Ebenen. Es sieht gut aus, aber ich denke,
es sollte früher passieren. Das ist besser. In Ordnung, jetzt drücken wir die Strg-Taste
, um das Projekt zu speichern. Wir können alle Ebenen schließen und zum letzten
Teil dieser Lektion
übergehen, wo wir
supercoole Tricks lernen um unsere Animation einzigartig
aussehen zu lassen. Und das werden wir im
nächsten Teil machen. Wir sehen uns dort.
19. Praktische Tricks und Rendering: Willkommen zurück. Lassen Sie uns lernen, wie wir unsere Szene visuell
interessanter aussehen lassen
können. Als erstes werden
wir eine neue
Einstellungsebene erstellen. Dann suchen wir nach dem Effekt namens CC-Linse und
ziehen ihn darauf. Lassen Sie uns jetzt hier
die Größe erhöhen. Wie Sie sehen können, lässt
dieser Effekt die Szene interessanter aussehen indem er sie leicht verzerrt Lassen Sie uns die Größe auf 150 setzen. Jetzt können wir es noch
interessanter machen , indem wir
diese Eigenschaft animieren Gehen wir zum Anfang
der Timeline und erstellen das erste
Schlüsselbild mit dem aktuellen Wert Drücken Sie nun auf Sie, um
die Keyframes zu sehen , die wir für den Effekt
erstellt haben. Gehen wir als Nächstes zur
zweiten Nummer zwei über und ändern die Größe auf 500. Dann konvertiere die
Keyframes in ***
und lass uns sehen, wie es aussieht. Wir können diese
Keyframes zeitlich nach vorne verschieben. Nehmen wir zur
zweiten Nummer eins an, der Effekt bleibt etwas
länger in der Szene. Ich möchte, dass der Effekt endet, wenn die Animation des letzten Buchstabens
beendet ist. Großartig, jetzt wählen wir
den Effekt hier aus, drücken die Eingabetaste und kopieren den Effektnamen mit
Steuerung C. Wenn Sie fertig sind, wählen Sie die Einstellungsebene aus, drücken Sie die Eingabetaste und fügen Sie den Namen ein. Auf diese Weise wissen wir, welcher Effekt sich auf dieser Einstellungsebene befindet. Okay, lassen Sie uns jetzt
eine coole Zoom-Animation erstellen , wenn
das Symbol in der Luft schwebt Dazu müssen wir
über allen Ebenen
eine weitere Einstellungsebene erstellen über allen Ebenen
eine weitere Einstellungsebene und einen Transformationseffekt anwenden Lassen Sie uns jetzt eine neue
Einstellungsebene erstellen, nach dem Transformationseffekt suchen und ihn auf die
neue Einstellungsebene ziehen. Jetzt müssen wir in
dem Moment stehen, in dem das Symbol
die Szene betritt , und einen Keyframe
für die Skalierungseigenschaft
des Transformationseffekts erstellen für die Skalierungseigenschaft
des Transformationseffekts Drücken Sie danach
auf Sie, um das Schlüsselbild zu sehen und zu dem Moment zu wechseln, in
dem das Symbol bereits landet Und erstelle einen weiteren Keyframe mit demselben Wert wie zuvor. Gehen wir abschließend
zur Mitte
dieser Keyframes und
ändern den Wert auf 130 Damit haben wir für die Szene
ein- und auszoomen von dem Moment an, in
dem das
Symbol geöffnet wird, bis es landet, erstellt Szene
ein- und auszoomen von dem Moment an, in
dem das
Symbol geöffnet wird, bis es landet Wie Sie jedoch
beim Zoomen sehen können, Sie möglicherweise fest
, dass das Symbol
außerhalb des Rahmens liegt.
Aber mach dir keine Sorgen. Wir können es mit
der
Positionseigenschaft Transformationseffekte beheben . Das bedeutet, dass wir
die Position relativ
zu dem, was in
der Skalierungsanimation passiert
, anpassen können zu dem, was in
der Skalierungsanimation passiert
, . Zu diesem
Zeitpunkt sind wir mit der
Position der Szene zufrieden. Also werden wir
Keyframes mit diesem Wert erstellen. Drücken Sie nun auf Sie, um
die neuen Keyframes zu sehen. Gehen Sie dann zum Moment
des Heranzoomens und bewegen Sie
die Szene nach unten Gehen wir als Nächstes zum Ende
der Zoom-Animation. Kopieren Sie das erste Schlüsselbild
und fügen Sie es hier ein. Wählen wir nun
alle Keyframes und drücken Sie F neun, um sie
in Z umzuwandeln. Mal sehen, wie es aussieht. Sieht jetzt gut aus. Während nun alle
Keyframes ausgewählt sind, gehen
wir zum Diagrammeditor
und passen diese Animation an. Lassen Sie uns die
mittleren Schlüsselbilder auswählen und diesen
Griff nach links ziehen. Ziehen Sie dann diese Griffe
nach rechts. Ich liebe es. Nachdem wir die Animation
zum Vergrößern und Verkleinern erstellt haben, beenden
wir den Diagrammeditor. Kopieren wir nun den Namen des Effekts und fügen ihn in diese
Einstellungsebene ein. Großartig. Kehren wir nun zu unserem Symbol zurück und verbessern wir
die Animation ein wenig. Lassen wir das Symbol wachsen, wenn es in der Luft
schwebt, bevor
es die Szene verlässt Wählen wir diese Ebene aus und drücken Sie S, um die
Skalierungseigenschaft zu sehen Tatsächlich können wir die U-Taste
drücken, um alle Keyframes
auf dieser Ebene zu sehen, sodass wir die wir
erstellen werden, zeitlich an die
Positionsanimation anpassen können , die wir bereits haben Das heißt, ab dem
Zeitpunkt, an dem das Symbol zu schließen beginnt, stellen
wir es auf
die aktuelle Größe Wenn es diesen Bereich erreicht, erhöhen
wir ihn auf
100% oder sogar 150. Lassen Sie uns nun diese
Ebene verkleinern, sie verlässt die Szene. Lassen Sie uns die Größe auf Null setzen
und sehen, wie es aussieht. Okay, ich denke, wir können etwas früher mit
dem Schrumpfen beginnen. Lassen Sie uns diesen Keyframe hierher verschieben. Lassen Sie uns nun alle
Skalierungs-Keyframes auswählen und die Geschwindigkeit im
Diagrammeditor wie folgt ändern im
Diagrammeditor wie folgt Mal sehen, wie es aussieht. Ich denke, wir sollten
es am Ende nicht auf Größe Null reduzieren. Lassen Sie uns beim letzten
Keyframe stehen und ihn auf 50 ändern,
aber ich denke, die
Animation beim Beenden der Symbole erfolgt zu langsam Um das zu beschleunigen, können wir
die letzten Keyframes auswählen und sie hierher ziehen Lassen Sie uns auch
die Position
dieses Keyframes anpassen und
sehen, was wir haben Ich denke, die Aufwärtsanimation der Symbole erfolgt zu schnell Gehen wir näher an die Timeline und verschieben wir diesen Keyframe
etwas nach rechts. Mal sehen, wie es jetzt aussieht. Ordnung, jetzt, nachdem wir
die Anpassung der Symbolanimation abgeschlossen haben, passen
wir das Timing
der Ausgangsanimation
des Hintergrunds an. Wählen Sie dazu diese Ebene und drücken Sie auf Sie, um ihre Schlüsselbilder zu
sehen. Verschieben Sie sie nun zu
dem
Zeitpunkt, an dem das Symbol die Szene fast
verlassen hat Okay, lassen Sie uns jetzt ein bisschen zurücktreten. Schließen Sie alle Ebenen und erzeugen Sie einen zusätzlichen Effekt, der als Posterzeit
bezeichnet wird Durch diesen Effekt wird die Bewegung im Filmmaterial
stotternder und abgehackter, was dem Aussehen einer
altmodischen Animation ähnelt Damit sich dieser Effekt auf alle Ebenen
auswirkt, erstellen
wir über allen Ebenen eine neue
Einstellungsebene Gehen wir nun zum
Effektfenster und geben Posturized Time Ziehen Sie den Effekt auf
die Einstellungsebene Ändern Sie nun den Wert auf 12. Wenn wir die Animation jetzt sehen,
können wir sehen, dass die Animation etwas abgehackt
ist Mal sehen, wie die gesamte Animation mit diesem
Effekt aussieht. Wenn Ihnen dieser Stil gefällt, können
Sie die Bildrate trotzdem auf
acht senken . Ich bevorzuge es, es bei 12 zu belassen. Kopieren wir jetzt einfach den Namen
des Effekts und fügen ihn in die
Einstellungsebene ein. Okay, jetzt möchte ich dir
ein Tool beibringen , das du
verwenden kannst , wenn du mit
Einstellungsebenen arbeitest. Wie Sie sehen können, wirkt sich der
posturisierte Zeiteffekt auf der Einstellungsebene Diese Einstellungsebene wirkt sich auf
alles aus, was sich darunter befindet. Das bedeutet, dass wir eine
Maske für diese Ebene erstellen und auswählen können , welche Teile der Szene von dem Effekt
betroffen sein sollen und welche nicht. Lass mich dir zeigen, was ich meine. Lassen Sie uns das
Ellipsenwerkzeug auswählen. Drücken und halten Und jetzt wähle das
Rechteckwerkzeug. Stellen Sie sicher, dass wir
die Einstellungsebene mit
dem posturisierten Zeiteffekt auswählen die Einstellungsebene mit
dem posturisierten Zeiteffekt Stellen wir uns nun in einen
Rahmen, in dem wir die
meisten Buchstaben
irgendwo in der Nähe sehen können meisten Buchstaben
irgendwo in der Nähe Dann lassen Sie uns
eine Maske wie diese erstellen. Jetzt haben wir in diesem
Teil der Szene einen kleinen Fehler verursacht Das passiert, weil
nur dieser Bereich vom
posterisierten Zeiteffekt betroffen
ist Jetzt können wir andere Bereiche in
der Szene maskieren , um ein
interessanteres Aussehen Zum Beispiel können wir hier eine weitere Maske und
hier eine weitere
erstellen . In diesen Teilen
bewegt sich die Animation mit 12 Bildern pro Sekunde. Und in anderen Teilen bewegt sie
sich mit 24 Bildern pro Sekunde, was der ursprünglichen Bildrate der Komposition entspricht, mit der
wir begonnen haben. In Ordnung, schauen wir uns an, wie
es insgesamt aussieht. Wenn wir nun
die Form der Maske ändern möchten, können
wir
zum Auswahlwerkzeug wechseln. Doppelklicken Sie auf die Maske und ändern Sie
dann ihre Form
oder verschieben Sie sie an eine
andere Stelle, oder verschieben Sie sie an eine
andere Stelle um zur nächsten Maske zu gelangen.
Drücken Sie die Eingabetaste und
wählen Sie dann die zweite Maske aus. Sie müssen diese Masken nicht
erstellen, wenn Ihnen das
Gesamtbild, das sie erzeugen, nicht gefällt. Ordnung, nachdem wir alle Effekte
vorbereitet haben, sind
wir bereit,
unsere Animation zu rendern. Aber vorher
machen wir noch eine Sache. Ich möchte, dass die
Zoom-Animation
erst beginnt , nachdem der letzte Buchstabe seine Animation
beendet hat. Wählen wir dazu die Einstellungsebene mit
dem Transformationseffekt aus und verzögern den Start der
Animation auf dieser Ebene. Bewegen Sie sich mit der Zeitanzeige während Sie den
Vorschaubildschirm betrachten, um einen Moment zu finden, dem sich der letzte Buchstabe
bereits in der Szene befindet. Lassen Sie uns diese
Schlüsselbilder hierher verschieben. Jetzt beendet der Buchstabe
seine Animation. Und erst dann beginnt die
Zoom-Animation. Sehen wir uns die gesamte Animation noch
einmal an, bevor wir das Projekt
rendern. Okay, jetzt sind wir bereit
, unser Projekt zu rendern. Gehen wir zunächst
zu dem Zeitpunkt, an dem die Animation vollständig abgeschlossen
ist
, also etwa in Sekunde 11. Lassen Sie uns nun den Arbeitsbereich auf
diesen Zeitpunkt kürzen, um zu vermeiden, dass unnötige Teile
gerendert werden. Drücken Sie dazu die Taste N. Lassen Sie uns nun lernen, wie Sie
diese Animation mit
transparentem Hintergrund rendern . Sie können den
transparenten Hintergrund wieder
einschalten , um ihn mit einem
transparenten Hintergrund zu rendern. Zuerst müssen wir zum Render-Panel gehen
. Drücken Sie dazu Strg
M. Klicken wir hier, um die endgültige Ausgabe in den Formatoptionen auf
Quick Time
umzustellen, wählen Sie Animation und klicken Sie
dann auf OK. Wählen Sie jetzt unter Kanäle
RGB plus Alpha. Dadurch wird After
Effects angewiesen,
die Animation ohne Hintergrund
zu rendern . Wenn Sie fertig sind, klicken Sie auf OK. Wählen wir nun aus, wo
die Animation gerendert werden soll. Rendern Sie es
jetzt in unseren Renders-Ordner . Stellen Sie sicher, dass der Name korrekt ist, klicken Sie
dann auf Speichern und rendern Warten wir jetzt einen Moment. Fantastisch. Kehren wir nun zu unserer Hauptkomposition zurück und lernen ,
wie wir unseren Render
mit anderen Videos kombinieren können. Wenn wir
einen Übergang zwischen
zwei Videos erstellen und ihn
als animierten Bumber verwenden möchten, musst
du das nicht mit mir
machen Ich möchte dir nur
den Prozess zeigen , damit du
weißt, wie er gemacht wird Gehen wir zunächst zurück zum Projektfenster und
drücken
die Strg-Taste, um
eine neue Komposition zu erstellen. Benennen Sie nun eine Testkomposition. Ändern Sie als Nächstes die
Abmessungen auf Full HD. 24 Bilder pro Sekunde und
eine Dauer von 20 Sekunden. Klicken Sie auf Okay. Jetzt importieren wir
zwei Videos in unser Projekt. Ich wähle Videos aus, die ich
in einem meiner Kurse verwendet habe, aber Sie können
jedes Video auswählen, das Sie auf
Ihrem Computer haben . In Ordnung. Ich ziehe eines der Videos in die Komposition
und verkleinere es. Ich importiere das Video, das
wir gerade gerendert haben. Platzieren Sie es nun in der Komposition über
dem Video und verschieben Sie
unser Rendering auf das zweite. Erstens: Wenn wir
sehen, dass sich der Hintergrund unserer
Animation bald öffnet, können
wir die Videoebene ausschneiden
und ein weiteres Video hinzufügen. Lass mich dir zeigen, was ich meine. Ich stehe hier mit
der Zeitanzeige in dem Moment, in dem der
Hintergrund geöffnet werden muss. Dann werde ich das
Videomaterial bis zu diesem Moment zuschneiden. Jetzt werde ich
ein weiteres Video einfügen , um
genau ab diesem
Zeitpunkt zu beginnen , wenn sich der
Hintergrund öffnet Wir werden das zweite Video sehen. Auf diese Weise haben wir
einen coolen Logo-Übergang geschaffen. Mal sehen, wie das insgesamt
aussieht. Ordnung, nachdem ich Ihnen diesen Prozess
gezeigt
habe, werde ich diese Komposition löschen weil ich sie nicht wirklich benötige. Ich lösche auch beide Videos und das Rendern der Animation. Jetzt rendern wir es
als MP4-Datei. Verwenden wir die Tastenkombination
und drücken Strg M. Jetzt
wählen wir im Ausgabemodus H 0,264 40 MBPS Dann müssen wir wählen,
wo das Video gerendert werden soll. Stellen Sie jetzt sicher, dass der Name gut ist. Als nächstes können wir Speichern drücken. Klicken Sie abschließend auf
die Schaltfläche Rendern. Warten wir jetzt ein
paar Minuten. Lass uns sehen, was wir haben. Toll, sieht toll aus. Gehen wir jetzt zurück zu unserem
Hauptprojekt und organisieren es. Bevor wir es schließen, können wir
diese Panels und
die geöffneten Pre-Comps schließen diese Panels und
die geöffneten Pre-Comps Beginnen wir nun damit, im
Projektfenster
einen neuen Ordner mit dem Namen Assets zu erstellen im
Projektfenster
einen neuen Ordner mit dem Namen Assets Ziehen Sie den Ordner mit
den Logo-Ebenen und dem Solids-Ordner hinein. Erstellen Sie nun einen weiteren
Ordner namens precomps. Sie können die
Hauptkomposition
mit einer anderen Farbe beschriften als die anderen Ziehen Sie nun alle Precomps, die wir während des
Projekts
erstellt haben , in diesen Ordner, mit Ausnahme Um es übersichtlicher
aussehen zu lassen, klicken Sie hier und
hier können Sie
das Effektfenster jetzt schließen und S
drücken, um das Projekt zu
speichern Sie können Illustrator auch beenden. Bevor wir fertig sind,
setzen wir die Werkzeuge auf
ihren ursprünglichen Zustand Jetzt können Sie das Projekt beenden. Ich hoffe, Ihnen hat dieser Spaß gemacht, und ich kann es kaum erwarten, Sie in
der nächsten Lektion
zu sehen , in der wir
eine sehr interessante
Logoanimation
für ein imaginäres Technologieunternehmen erstellen werden eine sehr interessante
Logoanimation für ein imaginäres Technologieunternehmen Es wird
großartig, wir sehen uns dort. Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
20. Logo #2 Heimaufgabe: Hallo zusammen. Ich hoffe, Sie fanden die Lektionen hilfreich und haben
einige neue und interessante Dinge gelernt . Um sich besser an
alles erinnern zu können, was wir besprochen haben empfehle
ich dringend, diese
Hausaufgabe zu üben . Ihre Aufgabe ist es,
diese coole Animation neu zu erstellen. Sie haben die Freiheit,
die Farben zu ändern und
zusätzliche Grafiken hinzuzufügen , wenn Sie auf
Probleme stoßen oder Fragen haben Schauen Sie sich gerne
die AE-Projektdatei an, um zu sehen, welche Schritte ich unternommen habe. Darüber hinaus
können Sie mich jederzeit um Hilfe bitten. Viel Glück.
21. Logo #3 - Animation eines Logos für ein Tech-Unternehmen: Hallo zusammen und willkommen zurück. In dieser Lektion erstellen wir eine beeindruckende Logoanimation für ein fiktives IT-Unternehmen, das
sich auf Datenerfassung konzentriert Die Animation umfasst vier animierte
Schlüsselszenen, die
einzeln erstellt werden, bevor sie nahtlos und
mit perfektem
Timing zusammengefügt In dieser
Lektion verwenden wir ein
sehr praktisches, integriertes
Skript in After Effects Wir werden einige Ausdrücke verwenden, komplexe Keyframes
erstellen
und viele
wertvolle Techniken erlernen, und viele
wertvolle Techniken erlernen um effizient
mit After Effects zu arbeiten. Ich bin mir sicher, dass Sie dieses Video lieben werden
, also lassen Sie uns keine Zeit mehr verlieren und
direkt in die Lektion eintauchen.
22. Animation von divergierenden Pfaden: In Ordnung, also
fangen wir mit der Lektion an. Ich hoffe, du bist bereit dafür , denn diese Lektion
wird wie immer
sehr interessant sein . Beginnen wir die Lektion mit
einem
Blick darauf , wie das Logo in Illustrator
erstellt wurde Öffnen wir dazu
den Hauptordner, den wir für den Kurs
erstellt haben ,
und rufen den AI-Ordner Öffnen wir nun das
dritte Logo-Design , um dieselbe
Panel-Anordnung zu sehen. Gehen wir zu Window Workspace
und wählen Automation aus. Großartig, und wie Sie jetzt sehen können, ist
dieses Design auch
in mehrere Ebenen unterteilt. Es gibt eine Hintergrundebene, eine Symbolebene des Logos und eine Ebene mit dem Haupttext. Die Textebene ist eine
normale Textebene die in der Ezra-Schrift
geschrieben Bevor wir nun mit der
Erstellung der Logoanimation fortfahren, müssen
wir uns eine
interessante Möglichkeit überlegen, sie zu animieren Aus diesem Grund ist
es, wie ich immer sage, sehr wichtig, eine erste Skizze der Idee zu
erstellen ,
die mit
dem Konzept dieses
spezifischen Logos in Verbindung gebracht werden kann dem Konzept dieses
spezifischen Logos in Verbindung gebracht Lassen Sie uns die Skizzenidee für
dieses Logo öffnen und sehen,
wie ich es geplant habe. Da es ein Logo für ein
imaginäres Technologieunternehmen ist, das sich mit Datenerfassung befasst, dachte
ich, es wäre cool alle Daten an
einem einzigen Punkt zusammengeführt würden und
das Logosymbol, die
Kugel, entsteht das Logosymbol, die
Kugel, Dann öffnet diese Kugel ein Portal ,
aus dem alle Buchstaben
des Logos herauskommen In Ordnung, genug
mit dem Gerede. Öffnen wir After Effects, wir können dieses Fenster schließen. Klicken wir nun auf Standard,
damit wir alle dieselben Panels sehen. Lassen Sie uns nun unsere
erste Komposition erstellen. Wir nennen es Logo
Animation Three. Wir werden im
Full-HD-Format arbeiten, die Breite auf 1920
und die Höhe auf 1080 Pixel
einstellen . Ändern Sie die Bildrate auf 30 und stellen Sie die Dauer
auf 20 Sekunden ein. Lassen Sie uns abschließend
die Hintergrundfarbe für
die Komposition wählen .
Lass uns mit Schwarz gehen. Ordnung, jetzt
importieren wir das Logo-Design
in das Projekt. Jetzt. Doppelklicken Sie zuerst in den leeren Bereich im
Projektfenster, dann in den AI-Ordner und wählen Sie das
dritte Logo-Design aus. Achten Sie darauf, diese
Funktion nicht auszuwählen, und klicken Sie auf Importieren. Wie Sie bereits wissen, müssen
wir jetzt die Komposition auswählen, da wir diese
Datei mit separaten Ebenen importieren möchten. Hier wählen wir die
Ebenengröße, weil wir möchten, dass die Ebenengrenzen
der Objektgröße und
nicht der Dokumentgröße entsprechen . Großartig. Und jetzt können wir den Ordner mit allen
Illustrator-Dateiebenen sehen allen
Illustrator-Dateiebenen Außerdem können Sie
die neue Komposition mit demselben Namen wie
die automatisch
erstellte
Illustrator-Datei sehen demselben Namen wie
die automatisch
erstellte
Illustrator-Datei erstellte Wenn Sie die Komposition eingeben, wird das Logo genau wie in der
ursprünglichen Illustrator-Datei in
Ebenen
aufgeteilt genau wie in der
ursprünglichen Illustrator-Datei in
Ebenen Ordnung, lassen Sie uns
diese Vorkomposition schließen und mit der Lektion
beginnen Aber vorher sollten wir nicht
vergessen, das Projekt zu speichern
und ihm einen Namen zu geben Gehe zu Datei und klicke auf Speichern. Suchen wir nun den Ordner, den
wir für die Lektion erstellt haben. Gehen Sie zum AE-Ordner und geben Sie
der Projektdatei einen Namen , an der wir
gerade arbeiten. Wir können auf dieses
Projekt klicken, um
den Namen zu probieren , und dann
den Namen an das Logo anpassen. In der dritten Animation
werden die Daten unterstrichen und dann auf Speichern geklickt. Lassen Sie uns zunächst
die Animation
für die Datenzeilen erstellen , die wir im Beispiel
sehen Um die Arbeit zu vereinfachen, zeigen
wir dafür das
Kompositionsraster , die
Apostrophtaste Lassen Sie uns nun mit der Erstellung
der Datenleitungen beginnen. Wählen wir zunächst das Stiftwerkzeug aus. Schalten Sie als Nächstes die Füllung aus und ändern Sie die
Strichfarbe auf Graudruck. Okay, und belassen Sie die
Dicke vorerst bei fünf. Dann lassen Sie uns hier den
ersten Punkt erstellen. Halten Sie die Shift-Taste gedrückt und
erstellen Sie hier einen weiteren Punkt. Dadurch wird die
Linie gerade. Jetzt erhöhen wir die
Linienstärke auf zehn. Als Nächstes zentrieren Sie den Ankerpunkt
dieser Ebene mithilfe der
Tastenkombination zu Hause. Jetzt zentrieren wir die Ebene im Kompositionszentrum
mit
der Steuerung auf der Startseite. Wenn wir fertig sind, erstellen die kleine Kugel, die sich
zusammen mit der Linie bewegen
soll. Sie dazu das Rechteckwerkzeug gedrückt und wählen Sie das Ellipsenwerkzeug Stellen wir nun sicher, dass wir
keine Ebene auswählen. Und erstellen Sie die
Kugel, während die Umschalttaste gedrückt
halten, um sie symmetrisch zu halten. Als Nächstes färben wir es grau
und entfernen den Strich. Großartig. Jetzt können wir die ausgewählte Ebene
schließen und die Eingabetaste drücken, um den Namen in Kugel zu
ändern. Ändern Sie dann den Namen
dieser Ebene in Strich. Lassen Sie uns diese Ebene nun mit
einer anderen Farbe kennzeichnen , damit wir sie von den anderen unterscheiden
können. Ordnung, jetzt
lernen wir, wie man die Kugel entlang des
Linienpfads bewegt und sie
während der Bewegung animiert Dafür verwenden wir ein integriertes Skript
in After Effects. Mal sehen, wie es geht. Zuerst müssen
wir die Ebene öffnen. Gehe zu Inhalt, öffne die Form, öffne den Pfad und wähle ihn aus. Wenn Sie den Pfad nicht auswählen, funktioniert
das Skript nicht. Um das Skript zu öffnen,
gehen Sie zu Fenster, scrollen Sie nach unten und klicken Sie auf
Nullwerte aus Pfaden erstellen Dadurch wird ein kleines
Fenster für dieses Skript geöffnet. In unserem Fall verwenden wir
die Trace-Path-Funktion. Sie können es schließen,
und wie Sie sehen können wurde in der Szene
ein neues Null-Objekt
erstellt. Kehren wir
zum Auswahlwerkzeug zurück und verstehen, was hier
passiert. Aber lassen Sie uns zunächst
verstehen, was in After Effects
ein Nullobjekt ist . Ein Nullobjekt ist ein Ebenentyp,
der
nicht gerendert wird oder
auf dem Vorschaubildschirm angezeigt wird, aber
als Referenzpunkt
für andere Ebenen in
der Komposition verwendet werden kann . Es handelt sich um eine unsichtbare Ebene, mit der Position,
Drehung, Skalierung
und andere Eigenschaften anderer
Ebenen in der Komposition
gesteuert werden
können Drehung, Skalierung . Einer der
Hauptvorteile der Verwendung eines Null-Objekts besteht
darin, dass Sie damit mehrere Ebenen gleichzeitig
steuern können mehrere Ebenen gleichzeitig
steuern anstatt
jede Ebene einzeln anpassen zu müssen. Beispielsweise können Sie
einem
Nullobjekt mehrere Ebenen überordnen und dann
die Ebenen mit der Null steuern. wir uns entlang der Zeitleiste bewegen, werden
Sie feststellen, dass
das
Nullobjekt dem Pfad der Linie folgt. Es ist cool, aber das Objekt
wiederholt diese Bewegung jedes Mal, wenn es das
Ende des Pfads erreicht, was nicht das ist, was wir wollen. Lassen Sie uns verhindern, dass das Nullobjekt
dies tut. Versuchen
wir zunächst zu
verstehen, warum es das tut. Öffnen wir die Null-Ebene, gehen wir zu Effekten und Sie werden einen Effekt namens
Trace Path darauf
sehen. Innerhalb dieses Effekts gibt es zwei Schlüsselbilder in der
Eigenschaft „Fortschritt“. Die Null-Ebene wiederholt sich aufgrund eines Ausdrucks
in dieser Eigenschaft. Sie können den Ausdruck an
der roten Farbe des
Eigenschaftswerts erkennen . Lassen Sie uns den Ausdruck für
diese Eigenschaft anpassen und bei der Null anhalten , um die Bewegung zu wiederholen. Um auf das Expression-Bedienfeld zuzugreifen, wählen Sie die Ebene aus und
drücken Sie zweimal die E-Taste Wählen wir nun die erste Zeile und löschen nur diesen Teil Diese Codezeile macht
die Nullschleife endlos. Klicken Sie hier, um die Aktion zu beenden. Stellen Sie sicher, dass Sie
genau das löschen, was ich gelöscht habe, sonst funktioniert es nicht. Wie Sie sehen können, bewegt es sich 1 Sekunde lang
vom Anfang bis zum Ende des
Pfads. Es ist zu schnell für uns. Gehen wir zur zweiten Nummer drei und verschieben den
letzten Keyframe hierher. Jetzt
dauert diese Animation 3 Sekunden, nicht 1 Sekunde wie zuvor Fantastisch. Jetzt lernen wir ,
wie man die
Kugel mit Null verbindet. Wir können dies mit
Hilfe der Parent- und Link-Funktion tun, die sich hier
befindet. Elternschaft ist eine Beziehung zwischen zwei Schichten
und der einen Ebene, an
die das Kind gebunden ist und der Bewegung einer
anderen Ebene
folgt, der Elternschicht Wenn Sie eine Ebene einer anderen Ebene
überordnen, alle Bewegungen oder
Transformationen,
die auf die übergeordnete Ebene angewendet werden, auch
auf die untergeordnete Ebene angewendet Dies ist nützlich, wenn Sie
komplexe Animationen wie
Charaktere oder Fahrzeuge erstellen möchten, bei denen sich die Bewegung eines Teils auf die Bewegung eines anderen auswirkt. Bei Verknüpfungen
handelt es sich dagegen um eine flexiblere Beziehung
, mit der Sie eine Eigenschaft oder einen
Parameter einer Ebene auf der
Grundlage einer anderen
steuern können eine Eigenschaft oder einen
Parameter einer Ebene auf der
Grundlage einer anderen
steuern . Ordnung, lassen Sie uns nun die
Ebene der Kugel der Nullebene zuordnen. Dazu ziehen wir den Pick-Whip der
Kugelebene auf die Nullebene Dadurch wird sichergestellt, dass,
wenn sich die Null bewegt, die Kugel mitbewegt wird Wenn wir
die Elternfunktion deaktivieren möchten, können
wir hier klicken
und „Keine“ auswählen Wie Sie verstehen, müssen
wir die Kugel hier im Bereich
der Null
platzieren und sie dann mit Null verbinden Wenn Sie es jedoch nicht manuell erstellen
möchten, können
Sie die Kugel
so verknüpfen, dass sie automatisch
an die Nullposition Mal sehen, was ich
meine. Lassen Sie uns die Shift-Taste gedrückt halten und nun die Spitzhacke
der Kugel auf Null
ziehen Jetzt befindet sich die Kugel
am Ankerpunkt Null,
was bedeutet, dass sie sich an
der Position Null Im nächsten Schritt müssen wir einen interessanteren
Pfad für unsere Linie
erstellen. Wählen wir dazu
die Ebene der Linie aus. Wählen Sie das Stiftwerkzeug, gehen Sie näher heran und erstellen Sie zusätzliche
Punkte in diesen Bereichen. Lassen Sie uns hier einen Punkt erstellen, einen hier, einen weiteren hier und den letzten hier. Wählen wir nun diesen Punkt aus, halten die Umschalttaste und wählen als Nächstes diesen Punkt aus. Lassen Sie uns
diese beiden Punkte anheben. Wenn wir
die Form dieses Teils ändern möchten, müssen
wir diesen Punkt auswählen
und ihn bewegen, um ihn auszuwählen Halten Sie die Alt-Taste gedrückt und
wählen Sie ihn wie folgt aus. Lass es uns hierher verschieben.
Wählen wir diesen Punkt aus. Und bewege ihn auch. Toll, jetzt machen
wir dasselbe
auf der anderen Seite. Lassen Sie uns in diesem Bereich vier
Punkte erstellen. Wählen Sie nun die beiden
Mittelpunkte und verschieben Sie sie diesmal nach unten. Lassen Sie uns
die Punkte ein wenig neu anordnen. Fantastisch. Wir können einen Schritt zurücktreten und
die Form dieser Zeile weiter anpassen. wir dazu die Alt-Taste
gedrückt, wählen diese Punkte aus
und verschieben sie hierher. Als Nächstes verschieben wir
diese Punkte hierher. Vielleicht können wir die
untersten Punkte etwas nach oben verschieben. Machen wir dasselbe mit
diesen, okay? Lass uns sehen, wie es
aussieht. Sieht gut aus. Jetzt ist es ein ausgezeichneter
Zeitpunkt, die
Strg-Taste zu drücken , um das
Projekt zu speichern, bevor wir weitermachen. Lassen Sie uns nun lernen, wie man
diese Ecken abrundet. Öffnen wir dazu
die Ebene der Linie. Sie können die Form schließen. Jetzt. Als Nächstes
wählen wir Inhalt und fügen dem Inhalt dieser Ebene einen neuen Effekt hinzu ,
der als
runde Ecken bezeichnet wird. Wenn Sie die Ansicht etwas vergrößern, werden
Sie eine deutliche
Verbesserung der Ecken feststellen. Lassen Sie uns die neue Eigenschaft öffnen
und den Radius vergrößern. Stellen Sie ihn auf 20 ein. Großartig. Lassen Sie uns nun lernen, wie Sie die Kugel
während der Bewegung die Linie
sichtbar machen . Lassen Sie uns den
Vorschaubildschirm so einstellen, dass er passt. Wählen Sie nun die Form
im Inhalt
dieser Ebene aus und fügen Sie den Effekt „Pfade
trimmen“ hinzu. Als Nächstes vergrößern Sie dieses Panel ein
wenig und öffnen Sie dann den Effekt. Indem wir nun den Wert
der Eigenschaft end ändern, können
wir die Linienzeichnung steuern. Verbinde diese Eigenschaft
mit der Bewegung der Kugel. Wir müssen auf die
Fortschrittseigenschaft unter
dem Trace-Path-Effekt zugreifen , der
sich in der Null-Ebene befindet. Lassen Sie uns alle
Parameter schließen und dann nur die
Fortschrittseigenschaft
öffnen, um nur sie zu sehen. Da unsere Kugel nun mit der Null
verbunden ist, wird
es so aussehen, als ob die
Kugel die Linie enthüllt. Damit das funktioniert, müssen wir
die Eigenschaft end des
Effekts mit der
Eigenschaft progress von Null verknüpfen die Eigenschaft end des
Effekts . Wenn sich nun die Null bewegt, bewegt sich die Kugel, und die Endeigenschaft des
Trimmpfad-Effekts bewegt sich
mit der Kugel. Sieht toll aus. Lass uns weitermachen. Wir können den
Vorschaubildschirm wieder anpassen. Damit diese Animation interessanter
aussieht, lassen wir den hinteren
Teil der Linie im Verhältnis
zur Bewegung der Kugel
verschwinden. Wir können dazu
die Start-Eigenschaft
des Trimpfad-Effekts verwenden . Lassen Sie uns entscheiden, dass die Linie ab der zweiten Nummer eins zu verschwinden
beginnt Lassen Sie uns einen Schlüsselrahmen für
die Start-Eigenschaft mit
dem aktuellen Wert erstellen . Gehen wir nun in der dritten Sekunde zum
Ende
der Kugelanimation und
ändern den Wert auf 100. Mal sehen, wie es
aussieht. Es sieht gut aus. Lassen Sie uns nun die Ebenen schließen
und die Animation verbessern. die Animation zu verbessern, müssen
wir zunächst alle
Schlüsselbilder sehen, die wir in dieser Szene haben. Stellen wir sicher, dass wir keine Ebene
auswählen
und drücken Sie. Jetzt fangen wir an,
die Bewegung der Kugel zu verbessern. Lassen Sie uns diese Keyframes auswählen. Drücken Sie neun und ändern die Geschwindigkeit
im Diagrammeditor Klicken Sie hier mit der rechten Maustaste, um sicherzugehen, dass
wir uns in der Geschwindigkeitsgrafik befinden. Lassen Sie uns nun diese Keyframes auswählen und den Griff hierher bewegen, damit die Kugel am
Anfang langsam bewegt und dann gegen Ende die
Geschwindigkeit erhöht Lassen Sie uns die Ebene für
die Linie ausschalten und sehen, wie sie aussieht Lassen Sie uns nun die Bewegung
der Linienanimation
verbessern, da die
Bewegung der Linie jetzt
nicht mit der
Bewegung der Kugel synchronisiert ist . Gehen wir zurück zur Zeitleiste. Wählen Sie diese Schlüsselbilder aus. Drücken Sie F neun und ändern Sie die
Geschwindigkeit im Diagrammeditor. Lassen Sie uns diese
Keyframes auswählen und den Ziehpunkt hierher
bewegen sodass
die Linie am
Anfang langsam verschwindet und gegen Ende die
Geschwindigkeit erhöht wird. Jetzt möchte ich das Aussehen
des Pfades, den wir hier haben, anpassen. Und dazu wählen wir
das Stiftwerkzeug und passen die
Form der Linie ein wenig an. Klicken Sie auf einen der Punkte, halten Sie
nun die Alt-Taste und wählen Sie die Punkte
in diesem Abschnitt aus. Lassen Sie uns diesen Teil hierher verschieben. Jetzt verschieben wir diesen
Teil etwas nach links. Mal sehen, wie das jetzt aussieht. Okay, lassen Sie uns jetzt
ein sehr kleines Detail anpassen , das niemand sehen wird, aber es ist wichtig, darüber Bescheid
zu wissen. Lassen Sie uns ein bisschen zoomen und sehen, wie
das Ende dieses Pfads aussieht. Wie Sie sehen können,
endet die Linie in einer geraden Linie. Lasst uns lernen, wie man es rundet. Schließen Sie dazu die Ebene und öffnen Sie sie erneut, um
alle Parameter zu sehen Öffnen Sie nun den Strich und ändern Sie
die Linienobergrenze in eine runde Kappe. Jetzt sieht es besser aus. Lassen Sie uns hier
auch die Runde wechseln. Okay, und jetzt können wir alle
Parameter und Ebenen schließen. Stellen Sie den Vorschaubildschirm so ein, dass er passt, wechseln Sie zurück zum
Auswahlwerkzeug und fahren Sie fort. Lassen Sie uns nun eine maßstabsgetreue
Animation für die Kugel erstellen. Gehen Sie zur Sekunde Null, wählen Sie diese Ebene aus und
drücken Sie S, um den
Skalierungsparameter zu sehen. Ändern Sie nun den Wert auf Null und erstellen Sie das erste
Schlüsselbild mit diesem Wert. Gehen wir als Nächstes zu Frame 15
und setzen die Skala auf 100. Kopieren wir dann
diese Keyframes. Gehe zu den zweiten drei
und füge sie hier ein. Klicken Sie nun mit der rechten Maustaste auf einen
der Schlüsselbilder. Gehen Sie zum Keyframe-Assistenten
und wählen Sie Time Reverse-Keyframes aus, um diese Animation
umzukehren Jetzt schrumpft die Kugel , wenn sie ihren letzten Punkt erreicht Ich denke, sie sollte
schrumpfen, bevor sie
das Ende erreicht , um zu sehen, wann die Kugel ihren letzten Punkt
erreicht Wählen wir die
Null-Ebene aus und drücken Sie als Nächstes. Lassen Sie uns die maßstabsgetreue
Animation der Kugel hierher verschieben, sodass die Kugel
verschwindet , kurz bevor ihre Bewegung
beendet ist. Wählen wir nun
diese Keyframes aus. Drücken Sie neun und ändern die Geschwindigkeit
im Diagrammeditor Lassen Sie uns auf diese Weise
sehen, wie es aussieht. Hervorragend, wir können zur Zeitleiste
zurückkehren. Damit sind wir mit
dem ersten Teil unserer Animation fertig . Da wir das wissen, müssen
wir
diese Animation
in Zukunft einige Male duplizieren. Am besten verschachteln Sie alle Ebenen
in einer einzigen Komposition. Es wäre mühsam, die Ebenen nacheinander zu
duplizieren. Okay, lassen Sie uns
alle Ebenen auswählen und Strg+Shift C drücken, wir nennen es Datenzeile eins Stellen Sie sicher, dass beide aktiviert
sind und klicken Sie auf Okay. Geben wir nun
diese Vorkomposition ein und passen die Größe und Länge
dieser Komposition Dazu müssen wir
diese Kompositionseinstellungen eingeben. Drücken Sie Strg K.
Passen Sie nun die Höhenmaße
dieser Komposition an. Stellen Sie sicher, dass die Vorschau aktiviert ist
, um zu sehen, was Sie gerade tun. Stellen wir es auf 400 ein. Lassen Sie uns nun die
Kompositionsdauer
auf 1 Sekunde verkürzen , da wir wissen, dass unsere Animation in der dritten
Sekunde endet. Da hast du's. Unsere Komposition ist fertig und
wir sind bereit, weiterzumachen. Kehren wir zu unserer
Hauptkomposition zurück. Im nächsten Teil werden wir
eine weitere Animation erstellen, die der
ähnelt, die wir gemacht haben, aber mit einigen kleinen Änderungen Wir werden
mit der Größe, der
Linienstärke und den
Farben der Objekte der Kugel herumspielen Linienstärke und den
Farben der Objekte der Wir sehen uns im nächsten Teil.
23. Ebenen-Duplikationstechniken: Willkommen zurück. Lass uns lernen ,
wie man
Comps wie ein Profi dupliziert Zunächst ist es wichtig zu
wissen, dass
wir, um Design
innerhalb der duplizierten
Komposition
erfolgreich zu ändern ,
diese Komposition das Design
innerhalb der duplizierten
Komposition
erfolgreich zu ändern,
diese Komposition über
das Projektfenster und nicht
über das Ebenenfenster duplizieren müssen das Projektfenster und nicht
über das Ebenenfenster Auf diese Weise können wir Änderungen innerhalb
der duplizierten Komposition
vornehmen , ohne das Original zu
beeinträchtigen Ich zeige dir, was ich meine. Suchen wir unsere Komposition
im Projektfenster, wählen sie aus und drücken Sie Strg D,
um sie zu duplizieren. Jetzt haben wir
eine neue Komposition erstellt und ihr Suffix wurde
automatisch auf zwei geändert Geben wir nun diese
neue Komposition und nehmen einige Designänderungen vor Wir beginnen damit, die Farbe
der Strichebene zu
ändern .
Lass es uns weiß machen. Als Nächstes ändern wir auch die Farbe der Kugel in Weiß. Lassen Sie uns diese Komposition nun in unsere Hauptkomposition aufnehmen. Und achten Sie darauf, dass sich die Änderungen
nur auf die neue Komposition auswirken. Das ist großartig, weil
wir
einige Varianten
dieser Datenanimation haben wollen . In Ordnung, lassen Sie uns jetzt
diesen Pre-Comp in der Szene arrangieren. Zuerst können wir diese
Komposition verarbeiten und die Größe auf 70
setzen Klicken Sie dann mit der rechten Maustaste darauf, um es zu
transformieren, und wählen Sie Vertikal
spiegeln. Jetzt möchte ich, dass die Kugel am Ende
die Mitte der Szene
erreicht. Gehen wir dazu zum Ende
dieser Animation, um die
letzte Position der Kugel zu sehen. Ziehen wir nun diese Vorkomposition an die Stelle
, an der wir die Kugel in der Mitte sehen
werden, irgendwo hier in der
Nähe. Lassen Sie uns überprüfen, ob die
Kugel die Mitte erreicht. Genau. Großartig. Jetzt möchte ich, dass die große Kugel in der Szene nicht
sichtbar ist
, wenn sie erstellt wird. Um das zu tun, verschieben wir
diese Komposition hierher. Mal sehen, wie es aussieht. Es sieht toll aus. Lassen Sie uns diese Ebene nun mit einer helleren Farbe
kennzeichnen, damit wir sie von
den anderen Kompositionen
unterscheiden können . Lassen Sie uns nun eine ähnliche
Animation von dieser Seite aus erstellen. Dazu duplizieren wir diese beiden Kompositionen
mit Steuerung D. Als Nächstes fügen wir die neuen Kompositionen
hier nebeneinander ein. Und um beide genau umzudrehen, klicken Sie hier mit
der rechten Maustaste und
erstellen Sie eine neue Null. Verbinden Sie nun die beiden
neuen Kompositionen mithilfe von
parent und link mit der Null. Wählen Sie dann die Null aus. Klicken Sie mit der rechten Maustaste, wechseln Sie zur
Transformation und wählen Sie „ Horizontal
spiegeln“ für die
Zufälligkeit in der Szene Klicken Sie mit der
rechten Maustaste auf die Null und
gehen Sie erneut zu Transformationen, aber wählen Sie diesmal „ Das sieht etwas
interessanter aus. Okay, lassen Sie uns nun
diese beiden Kompositionen
von der Null trennen und von dieser Seite aus eine ähnliche
Animation erstellen Dafür werden wir
diese Kompositionen noch einmal duplizieren. Verschiebe sie nach oben und verbinde
sie mit der Null. Wählen Sie nun die Null aus, drücken Sie R, um die
Drehungseigenschaft anzuzeigen, und drehen Sie sie um -90 Grad. Sieht gut aus. Wenn Sie fertig sind , trennen Sie diese Kompositionen von der Null und duplizieren
Sie sie noch einmal. Verschiebe die neuen nach oben, verbinde sie mit der Null und drehe die Null
um -270 Grad Im Grunde haben wir die Funktionen
Null und Parent und
Link verwendet , um unsere Ebenen im Betrug zu entwerfen und zu
positionieren Jetzt, wo wir damit fertig sind, brauchen
wir die Null nicht mehr. Wählen wir sie aus und löschen sie, indem
wir Rücktaste oder Löschen drücken Lassen Sie uns nun einen kleinen Versatz
zwischen den weißen und den grauen
Datenlinien erstellen . Wählen wir die gesamte Datenzeile aus, zwei Kompositionen gleichzeitig. Klicken Sie dazu hier und
wählen Sie Labelgruppe auswählen. Wir können die Zeitleiste vergrößern. Lassen Sie uns nun die
ausgewählten Vorbereitungen
für Frames zeitlich vorwärts verschieben für Frames zeitlich vorwärts Mal sehen, wie es aussieht. Fantastisch. Lassen Sie uns nun eine weitere Version der
Datenzeilenanimation erstellen. Das heißt, wir müssen
dieselbe Animation erstellen, jedoch mit ein paar Änderungen
in der Designfrage. Woher sollten wir die
Komposition kopieren, damit wir Änderungen vornehmen
können, ohne die vorherigen zu
verfälschen Um das zu tun,
duplizieren wir die Datenzeile zwei Pre-Comps im
Projektfenster. Wählen wir es aus Drücken Sie Strg D. Nun geben wir die neue Komposition ein und
nehmen einige Designänderungen vor. Wir beginnen damit,
die Farbe der Kugel
zu einer dunkleren Farbe zu ändern . Als Nächstes ändern wir auch die Farbe
der Strichlinie in eine
dunklere Farbe. Bringen wir nun
diesen Precomp in die
Hauptkomposition und positionieren ihn in der Szene Platzieren wir es so, dass sich
die Kugel, wenn sie
ihre endgültige Position erreicht, in der
Mitte der Szene befindet Als Nächstes kennzeichnen wir diese Ebene mit einer anderen Farbe, um
sie von den anderen Kompositionen zu trennen . Lassen Sie uns nun diese
Ebene isolieren, um nur sie zu sehen. Und jetzt wollen wir den Punkt erreichen,
an dem die Kugel
ihre letzte Position erreicht hat, und
diesen Precomp entsprechend verschieben Wenn Sie fertig sind, drücken Sie R, um
die Drehung dieser Ebene anzuzeigen. Jetzt möchte ich, dass
diese Komposition diagonal in der Szene positioniert wird Wenn ich
diese Komposition jedoch drehe, dreht sie sich von ihrer Mitte aus da sich der
Ankerpunkt in der Mitte befindet Das bedeutet, dass wir
den Ankerpunkt hierher verschieben müssen. Nehmen wir das
Ankerpunkt-Tool und verschieben es hierher. Wenn Sie fertig sind, vergessen Sie nicht , zum
Auswahlwerkzeug zurückzukehren. Wenn wir die Ebene jetzt drehen, sie sich korrekt. Gehen wir zu dem Zeitpunkt
über, an dem wir alle Ebenen
sehen können , um zu
sehen, was wir tun. Jetzt setzen wir es auf 45. Drücken Sie nun, um den
Maßstab dieser Ebene anzuzeigen. Und verkleinern Sie es ein wenig, da Sie sehen können, dass die Ebene im Verhältnis zu ihrer Position am
Ankerpunkt
kleiner wird . Lassen Sie uns es auf 50 setzen. Lassen Sie uns nun
zusätzliche Kopien
der Vorkomposition erstellen und sie so anordnen,
dass sie die gesamte Szene durchqueren Wählen wir diese Vorkomposition aus
und duplizieren wir sie als Nächstes. Lass es uns drehen. Ich denke,
wir können es auf 135 setzen. Lassen Sie uns das jetzt
noch einmal duplizieren und ebenfalls drehen. 224 Grad, sieht gut aus. Jetzt sind diese beiden Pre-Comp
symmetrisch angeordnet. Lassen Sie uns nun
diese Pre-Comp ein letztes
Mal duplizieren und sie
relativ zu der
Pre-Comp davor drehen relativ zu der
Pre-Comp davor 310 sieht gut aus. Lassen Sie uns jetzt überprüfen, ob
alles in Ordnung aussieht. Okay. Lassen Sie uns nun
all diese Ebenen schließen, isolieren und weitermachen. Wie Sie sehen können, haben wir in unserem Ebenen-Panel
eine Menge Vorkompositionen, was die Navigation erschwert Um etwas Zeit zu sparen und die Dinge einfacher
zu machen, sollten
wir unsere Ebenen organisieren Lassen Sie uns zunächst dieses Fenster vergrößern und nur die beiden
Vorkompositionen der Datenleitung auswählen. Verschieben Sie sie
nun nach oben, sodass sie nebeneinander
stehen Als Nächstes erstellen wir
einen leichten Versatz für die Kompositionen der
drei Datenzeilen Stellen wir uns dazu
an einen Punkt, an
dem wir
alle Vorkompositionen sehen können .
Wählen Sie nun alle aus und verschieben Sie
sie ein paar Frames Schauen wir uns an, wie es aussieht. Ich finde es sieht toll aus. Ordnung, wir haben den
Entwurf der Datenleitungsszene abgeschlossen . Es ist eine tolle Zeit, die Tasten zu drücken , um alles zu speichern, was
wir bisher gemacht haben. Um unsere
Hauptkomposition übersichtlich zu halten, wählen
wir nun alle
Vorkompositionen aus und verschachteln sie zu einer
einzigen Komposition Sie können dies tun, indem Sie Strg+Shift C
drücken Benennen Sie die Komposition
nun in
Data Lines Main um und klicken Sie auf OK Um die
höchste Qualität beizubehalten und die Komposition später skalieren
zu können, aktivieren wir die Funktion zum
Zusammenklappen für diese Vorkomposition und alle
darin enthaltenen Präkompositionen Klicken Sie hier, wenn Sie die Collape-Funktion nicht sehen . Fantastisch. Jetzt ist es ein ausgezeichneter Zeitpunkt, Strg S zu drücken, um das Projekt zu
speichern. Bevor wir zum
nächsten Teil übergehen, in dem wir die Hauptkugel
animieren und eine supercoole
Portalanimation
erstellen Es wird großartig werden. Also wir sehen uns im nächsten.
24. Fortgeschrittenes Timing: Willkommen zurück. In diesem Teil werden
wir die
farbenfrohe Kugel animieren, coole
Wellenanimationen dahinter
erstellen
und lernen, wie man ein Fangen wir mit der Animation der
bunten Kugeln an. Suchen wir
es dazu in den Ebenen
des Logo-Designs und ziehen
es in unsere Komposition. Gehen wir nun zum
Anfang der Animation. Schalten Sie diese Pre-Comp-Presse erstellen Sie eine maßstabsgetreue Animation
für die Kugel Lassen Sie uns den Wert zu diesem Zeitpunkt auf
Null ändern. Und erstelle den ersten
Keyframe mit diesem Wert. Gehen wir dann zur
zweiten Nummer eins über und ändern den Wert auf 100. Lassen Sie uns nun
diese Keyframes konvertieren. Um *** diese Keyframes auszuwählen, drücken Sie neun und passen Sie die Geschwindigkeit
im Diagrammeditor Die Schicht beginnt
schnell zu wachsen und
verlangsamt sich gegen Ende. Sehen wir uns an, wie gut es aussieht, und fügen wir nun eine
Rotationsanimation hinzu. Wählen wir die
Ebene aus. Drücken Sie nun R , um die Rotationseigenschaft zu sehen. Lassen Sie uns lernen, wie wir
die Kugel drehen können , ohne Keyframes zu
erstellen. Wir können dies mit einem
einfachen Ausdruck tun. Zuerst müssen wir einen neuen Ausdruck
für diese Eigenschaft erstellen. Halten Sie die Alt-Taste gedrückt und klicken Sie
einmal auf die Stoppuhr. Schreiben wir nun ein
Vielfaches von 100
und klicken Sie hier, um
die Aktion zu beenden. Da ist es Unsere Kugel wird sich
ohne Keyframes drehen. Jetzt werde ich dir
einen coolen Trick beibringen, um einen coolen
Highlight-Effekt auf der Kugel zu erzielen. Um ihr einen besseren Drei-D-Look zu verleihen. Klicken Sie zuerst mit der rechten Maustaste auf die Ebene, gehen Sie zu Ebenenstile und
wählen Sie Inner Shadow. Wenn Sie ein wenig hineinzoomen, werden
Sie sehen, dass wir jetzt
einen Schatten in diesem Teil haben. Lassen Sie uns den Effekt öffnen und die Farbe auf Weiß
ändern. Stellen Sie dann den
Mischmodus auf Bildschirm ein. Wie ihr sehen könnt,
bekommen wir in dieser Gegend bereits ein schönes Highlight. Stellen wir nun die Opazität
auf 100%, die Entfernung auf acht und die Größe auf 15 ein Wenn wir fertig sind, ändern wir die Position des von uns erstellten
High-Lights Dazu müssen wir den Winkelparameter
drehen. Stellen wir es auf 340 ein. Um diese
Ebenen in der besten Qualität zu erhalten,
aktivieren Sie abschließend die Kollapsfunktion für diese Ebene und schließen Sie sie. Okay, jetzt gehen wir zurück
zum Anfang der Animation und erzeugen
die Welle,
die sich hinter der Kugel befinden
sollte Wählen Sie dazu das
Ellipsenwerkzeug aus. Klicken Sie nun einmal hier , um sicherzustellen, dass wir keine Ebene
auswählen Schalten Sie jetzt die Füllfarbe aus. Ändern Sie dann die Strichfarbe in Weiß und erstellen Sie einen Kreis,
während Sie die Umschalttaste gedrückt halten. Lassen Sie uns nun diese Ebene mit Control Home
in der Szene zentrieren. Anstatt eine maßstabsgetreue
Animation für diese Ebene zu erstellen, können
wir einfach die
Kugelebene auswählen, S drücken, die Eigenschaft
auswählen und die Taste
C drücken, um die
Schlüsselbilder darauf zu kopieren. Wählen Sie nun den Kreis aus und drücken Sie Strg V, um die Schlüsselbilder
einzufügen. Drücken Sie auf Sie, um die Keyframes zu sehen. Lassen Sie uns auch die
Strichstärke dieses
Kreises animieren auch die
Strichstärke dieses
Kreises Lassen Sie uns
die Ebene öffnen und schließen, um
alle Parameter zu sehen , die
wir transformieren können Und jetzt öffnen Sie den
Ellipsenstrich des Inhalts. Jetzt ändern wir die Breite auf 40 und erstellen zu diesem Zeitpunkt den ersten
Keyframe Gehen Sie nun zum zweiten und
ändern Sie die Breite auf Null. fertig sind, konvertieren Sie diese
Keyframes in EasyE-Keyes und sehen Sie wie toll es aussieht Lassen Sie uns nun die
Wellenebene in der
Zeit etwas vorwärts bewegen, um einen sanften Versatz zwischen
den Kugelanimationen zu erzeugen den Es sieht toll aus. Wir können diesen
Pre-Comp vorerst einschalten. Nachdem wir mit
der Animation der Kugel und der Welligkeit fertig sind, lassen Sie uns diese beiden Ebenen zu
einer Pre-Comp zusammenfassen , um die Ordnung
in unserer Hauptkomposition aufrechtzuerhalten Ändern wir den Namen in Big
Sphere Comp und drücken Okay Jetzt geben wir diese
Vorkomposition ein und ändern ihre Größe,
denn im Moment haben
wir hier viel .
Jetzt geben wir diese
Vorkomposition ein und ändern ihre Größe,
denn im Moment haben
wir hier viel leeren und unnötigen Platz. Drücken Sie Strg K, um auf die Kompositionseinstellungen zuzugreifen
. Ändern Sie die Größe auf 600 mal 600.
Das ist viel besser Wählen Sie nun diese Ebene aus und
drücken Sie Sie, um
ihre Schlüsselbilder anzuzeigen. Und schneide die Ebene bis zu dem Punkt
, an dem die Animation endet. Stellen Sie sich mit der
Zeitanzeige hier hin und drücken Sie dazu die Alt-Taste und die rechte
Klammer. Lassen Sie uns sehen, wie es aussieht,
bevor wir weitermachen. Großartig, gehen wir jetzt zurück zur Hauptkomposition und aktivieren Collapse
für diesen Precomp Kehren Sie jetzt zum
Auswahlwerkzeug zurück und kennzeichnen Sie diese Precomp mit einer anderen Farbe, damit wir sie von
der
Datenlinien-Komposition unterscheiden können sie von
der
Datenlinien-Komposition unterscheiden Lassen Sie uns nun diese Ebene in der Zeit
vorwärts bewegen und den Punkt
finden, an dem
die große Kugel eindringen
soll Es sollte hier passieren, wenn
sich alle Datenkugeln in der Mitte
verbinden. Lassen Sie uns es hier positionieren
und sehen, wie es aussieht. Es sieht gut aus, aber jetzt
merke ich , dass sich die Welligkeit über der großen Kugel
befindet Ich zoome ein bisschen hinein, um dir zu
zeigen, was ich meine. Wir wollen nicht,
dass die Welle vorne ist, wir brauchen sie
hinter der Kugel Geben wir diese Vorkomposition ein und
verschieben diese Ebene unter
die Sphärenebene Okay, kehren wir zur Hauptkomposition zurück,
stellen
den Vorschaubildschirm so ein, dass er passt, und fahren wir mit dem
nächsten Teil fort, in dem wir lernen, wie man das Portal
und die Textanimationsszene erstellt und die Textanimationsszene Lassen Sie uns zunächst mit
dem Portal beginnen Lassen Sie uns die Ebenen ausschalten und für einen
besseren Arbeitsablauf ein Raster
öffnen. Sie können dieses
Raster von hier aus aktivieren oder es mit der Tastenkombination
Alt und der Apostrophtaste
öffnen Wählen wir das Stiftwerkzeug aus. Klicken Sie dann hier, um
sicherzustellen , dass wir keine Ebene
auswählen. Schalten Sie nun die Füllung ein und
lassen Sie sie vorübergehend grau. Belassen Sie den Strich und das Weiß
mit einer Dicke von zehn. Wir können es
später bei Bedarf ändern. Lassen Sie uns nun mit der
Erstellung des Portals beginnen. Erstellen Sie hier den ersten Punkt
und gestalten Sie ihn weiter. Doppelklicken Sie anschließend auf
den Pfad der Form. Halten Sie die
Umschalt- und Steuertasten gedrückt, Sie die
Größe symmetrisch aus
allen Richtungen und ändern Sie die
Größe symmetrisch aus
allen Richtungen. Das
sollte reichen Drücken Sie dann die Eingabetaste, um die Aktion zu
beenden. Animieren wir es jetzt, aber drücken Sie vorher Alt,
eine Apostrophtaste, um das Raster
auszuschalten Öffnen Sie nun die Ebene und
die Formeneigenschaften. Um diese Ebene zu animieren, müssen
wir Keyframes
für den Pfad dieser Form erstellen Gehen wir vorerst zur
zweiten Nummer eins über. Weil wir wissen, dass die
Form des
Portals genau so aussehen
sollte, wie es jetzt aussieht. Daher können wir zu diesem
Zeitpunkt
den ersten Keyframe erstellen und After Effects mitteilen. Diese Form sollte so
aussehen. Gehen wir nun in der Zeit zurück und passen die Form so an, wie sie am Anfang aussehen
sollte. Wählen wir zunächst diesen Punkt aus. Drücken Sie die Apostrophtaste, um den Mittelpunkt der Szene zu
sehen. Jetzt verschieben wir diesen
Punkt in die Mitte. Dann wählen wir diesen Punkt aus. Und verschiebe es auch in die
Mitte. Wir können es
mit den Pfeiltasten ein wenig anpassen. Als Nächstes wählen wir
die Schlüsselbilder aus und drücken F neun, um sie
in einfach umzuwandeln. Halten Sie schließlich die
Alt-Taste gedrückt und klicken Sie auf einen der
Keyframes, um die Geschwindigkeit über
das
Keyframe-Velocity-Bedienfeld zu ändern Geschwindigkeit über
das
Keyframe-Velocity-Bedienfeld .
Stellen Sie sie für beide Werte auf 85 Drücken Sie OK und sehen Sie, wie es aussieht. Großartig, lassen Sie uns jetzt eine
Enthüllungsanimation für diesen Pfad erstellen. Um diese Enthüllungsanimation zu erstellen, können
wir eine Maske
für diese Form erstellen. Animieren Sie dann den Pfad der Maske, um
die Form sichtbar zu machen Mal sehen, was ich meine.
Wählen Sie zunächst die Ebene aus. Klicken Sie dann auf
das Ellipsenwerkzeug und halten Sie es gedrückt, um
das Rechteckwerkzeug auszuwählen Stellen Sie nun sicher, dass wir diese Ebene
ausgewählt haben , und erstellen Sie die Maske Aber achte
darauf, was passiert ist. Anstatt eine Maske zu erstellen, haben wir einfach eine neue Form erstellt. Drücken wir Strg Z, um
die Aktion rückgängig zu machen und zu
verstehen, warum sie passiert ist. Um Masken auf Formebenen zu erstellen, müssen
wir
dieses Symbol hier auswählen. Auf diese Weise wissen
wir in After Effects, dass wir eine neue Maske auf
dieser Formebene erstellen möchten und keine zusätzliche Form
innerhalb dieser Ebene erstellen möchten. Okay, nachdem wir das
Symbol ausgewählt haben, erstellen wir die Maske. Jetzt müssen wir den Maskenpfad
animieren. Aber vorher verschieben wir die Keyframes für
die
Portalöffnung in der Zeit nach vorne Denn vor dem Öffnen müssen
wir
die Keyframes für
die Enthüllungsanimation
des Strichs erstellen . Verschieben Sie diese Keyframes auf
die zweite Nummer eins. Lassen Sie uns nun eine
Animation für den Maskenpfad erstellen. Um den Pfad der Maske zu sehen, wählen Sie die Ebene aus und drücken Sie M. Zu diesem Zeitpunkt
, der zweiten Nummer eins, sollte
die Maske
nun , der zweiten Nummer eins, so
aussehen, wie sie aussieht. Lassen Sie uns nun
das erste Schlüsselbild erstellen , wenn der Pfad
so aussieht, wie er aktuell aussieht. Gehen Sie nun zurück in der Zeit zum
Anfang dieser Ebene. Ändern wir den
Pfad der Maske bis wir den
weißen Strich des Portals nicht mehr sehen. Wechseln wir dazu
zurück zum Auswahlwerkzeug. Wählen Sie nun die beiden
unteren Punkte
der Maske aus und verschieben Sie sie in
die Mitte der Ebene. Wählen Sie nun die Punkte
des oberen Teils
der Maske aus und verschieben
Sie sie ebenfalls in
die Mitte der Ebene. Achten Sie darauf, nicht den
Pfadpunkt des Portals auszuwählen. Wählen Sie nur den Maskenpfad aus. Gehen wir nun näher heran und
verschieben die Punkte mit den Pfeiltasten auf der Tastatur bis wir die Ebene nicht mehr sehen. Wählen Sie dann die
Schlüsselbilder aus und drücken Sie F neun. Diesmal ändern wir
ihre Geschwindigkeit mithilfe des Diagrammeditors
, damit sich die Maske zu Beginn der Animation schnell
öffnet. Okay, jetzt können Sie sehen,
wenn sich die Form öffnet. Wir haben ein kleines Problem
mit den Ecken. Wenn ich mich hin und her bewege, können
Sie sehen, wie die
Ecken scharf werden. Um dieses Problem zu beheben, schließen wir
die Ebene und öffnen sie erneut. Schließe die Maske. Und jetzt greifen wir hier auf den Strich
dieser Form zu. Ändern Sie die
Linienverbindung in eine runde Verbindung. Wenn Sie fertig sind, schließen Sie den
Strich und lassen Sie uns weitermachen. Lassen Sie uns nun eine schöne
Animation für die Strichbreite erstellen. Lassen Sie uns zunächst
einen Zeitpunkt finden, an dem wir den
Strich mit einer Animation beginnen möchten. Gehen wir nach der
aufschlussreichen Animation zur zweiten Nummer eins über. Öffnen Sie nun den Strich und
lassen Sie uns diese Eigenschaft animieren. Sie können diesen Bereich
etwas vergrößern, um ihn besser sehen zu können. Jetzt möchte ich, dass die Dicke zehn beträgt, bevor das Portal geöffnet wird. Beim zweiten. Nummer zwei, wenn sich das Portal öffnet, sollte
die Dicke Null sein. Lassen Sie uns nun diese Keyframes vereinfachen
und sehen, wie es aussieht. Ich finde, es sieht toll aus. Wir können die
Parameter dieser Ebene schließen. Lassen Sie uns nun diese Ebene mit dem Rest
der Animation zeitlich abstimmen. Zuerst können wir diese
Ebene auswählen und Sie drücken, um
die Keyframes zu sehen , bevor die Portalanimation
mit dem Rest der Szene abstimmen. Drücken Sie auf dieser Ebene die Eingabetaste
und ändern Sie den Namen in Rhombus, da dies der
offizielle Name für diese Du kannst auch Portal schreiben, wenn du willst, das ist nicht wirklich wichtig Lassen Sie uns nun die Ebene schließen, den Vorschaubildschirm so
einstellen, dass er passt, und fahren wir
mit dem Timing dieser Ebene und der restlichen Animation fort. Ich denke, das Portal sollte
die Szene irgendwo hier in der Nähe betreten . Lassen Sie uns die restlichen
Ebenen einschalten und das Portal an die Position
der Zeitanzeige
ziehen. Das spielt vorerst keine Rolle, denn bevor das Portal geöffnet wird, müssen
wir dafür sorgen, dass die Kugel die Portallinie
berührt. Lass es uns vorerst hierher verschieben. Und erstelle eine Touch-Animation für die Kugel, die die Animation
des Portals starten soll . Lassen Sie uns zunächst entscheiden, dass die Touch-Animation bei der
zweiten Zahl vier
beginnen soll bei der
zweiten Zahl vier
beginnen Wir können diese Ebene vorerst auch zeitlich
vorwärts bewegen, damit sie uns nicht stört. Wählen Sie nun die große Kugel aus und drücken Sie P, um die
Positionseigenschaft zu sehen. Lassen Sie uns nun
das erste Keyframe
mit dem aktuellen Wert erstellen , da wir
mit
der Position dieser Ebene bis zu diesem Punkt zufrieden sind . Gehen wir nun 15 Frames vorwärts und verschieben
diese Ebene hierher. Gehen wir nun wieder 15
Frames vorwärts und verschieben diese Ebene hierher, denn hier
beginnt sich die Linie des Portals zu zeigen. Gehen wir nun zur zweiten Nummer sechs über und verschieben die Ebene hierher. Wir werden gleich verstehen,
warum. Lassen Sie uns als Nächstes einen Zeitpunkt finden ,
an dem sich das Portal öffnen
sollte. Es sollte passieren, wenn die
Kugel die Touch-Animation ausführt. Gehen wir in der Zeit
vor und zurück und versuchen, den perfekten Zeitpunkt
für die Öffnung des Portals zu finden . Ich denke, wir sollten das Portal
bei der zweiten Nummer vier
starten . Ziehen wir es hierher
und sehen wir, wie es aussieht. Das sieht nach einem guten Timing in Bezug auf die
Animation der Kugel aus. Lassen Sie uns nun die
Animation der Kugel verbessern. Wählen wir alle
Schlüsselbilder aus und drücken Sie neun. Lassen Sie uns nun dafür sorgen, dass die
Kugel diesen Punkt
schnell erreicht , um die Illusion
zu erzeugen die Kugel die Linie berührt. Wählen wir dazu
diesen Keyframe aus und gehen wir
zum Diagrammeditor Ziehen wir nun diesen
Griff hierher und diesen Griff hierher, damit die Kugel in diesem Teil
schnell bewegt Wählen wir nun diesen Keyframe und bewegen seinen Griff wie folgt Lass uns sehen, was wir haben. Das ist ein bisschen zu schnell. Okay, das ist besser. Die Berührungsbewegung fühlt sich für mich immer noch nicht realistisch
genug an. Ziehen wir es jetzt etwas fester an und bewegen den Griff
dieses Keyframes hierher, sodass der Ball
nach dem Berühren
der Linie schnell zurückprallt Mal sehen, wie es aussieht. Sieht toll aus. Gehen wir jetzt zurück zu unserer Zeitleiste und setzen die
Zeitmessung zwischen diesen Ebenen fort. Im Moment beginnt
die Animation
der Linie des Portals zu früh und
sie kollidiert mit der Kugel Lassen Sie uns das Portal rechtzeitig
voranbringen. Passen wir nun die
Öffnungsanimation des Portals an, da sie momentan nicht mit der
Touch-Animation der Kugel
synchronisiert ist , was bei der
zweiten Zahl fünf passiert Drücken Sie auf die
Portalebene und wählen Sie die Schlüsselbilder für
die Öffnung der Form und die Dicke der Linie aus. Und verschiebe sie hierher.
Lass uns sehen, wie es aussieht. Gut, sieht gut aus, außer dass sich der Ball nach dem
Öffnen des Portals
zu weit zur Seite bewegt . Stellen wir uns auf diesen
Keyframe und passen ihn an. Lass es uns hierher verschieben.
Das ist besser. Drücken Sie die Strg-Taste, um
alles zu speichern, was wir bisher getan haben. Gehen wir nun in der
Timeline zurück, schließen die Ebenen
und fahren mit dem nächsten
Teil fort, in dem wir
die Textanimation erstellen , die
aus dem Portal herauskommt. Wir sehen uns im nächsten Teil. Es wird großartig werden. Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
25. Text aus der Tunnelanimation: Willkommen zurück.
Beginnen wir mit einer Lektion darüber wie man eine
coole Textanimation erstellt , die aus dem Portal kommt. Und um uns die Arbeit zu erleichtern, können
wir unseren Text in
einer separaten Komposition erstellen. Auf diese Weise müssen wir uns keine
Sorgen machen, dass die anderen Ebenen unsere
Arbeit durcheinander Außerdem wird es später viel einfacher sein, die Textanimation
zu unserer Szene
hinzuzufügen Lassen Sie uns eine neue Komposition erstellen. Wir können das
durch Komposition erreichen. Neue Komposition oder verwenden Sie
das Tastenkürzel end. Nennen wir es Textkomposition, stellen wir die Abmessungen vorerst
auf Full HD ein, wir passen es vielleicht später Wir lassen die anderen Einstellungen
so wie sie sind und drücken. Okay, da hast du's. Wir sind gerade zu der
neuen Komposition übergegangen, die wir kreiert haben. Sie finden sie auch
im Projektfenster. Großartig. Ziehen wir nun die ursprüngliche
Illustrator-Textebene in unsere Komposition, um
sie als Referenz zu verwenden Wählen Sie dann das Textwerkzeug aus
und schreiben Sie den Firmennamen. Doppelklicken Sie nun auf den Text und ändern Sie die Schriftart in
Ezra Irregular Färben Sie dann den Text weiß
und ändern Sie die Größe auf 100. Wählen wir nun
nur den Buchstaben O und probieren die Farbe
aus der Originalebene aus. Sobald wir fertig sind, können wir diese Ebene
löschen. Und vergessen Sie nicht, zum Absatz zu
gehen, um
sicherzustellen, dass unser Text
zentriert und
von links nach rechts geschrieben ist . In Ordnung, wählen Sie jetzt
die Textebene aus. Drücken Sie Strg Alt, um den Ankerpunkt in
der Mitte der Ebene zu zentrieren. Und dann steuern Sie Home , um die Ebene
in der Komposition zu zentrieren. Wechseln Sie nun zurück
zum Auswahlwerkzeug und
lassen Sie uns den Text animieren Anstatt jeden
Buchstaben
einzeln manuell aufzuteilen und zu animieren, was viel Zeit in Anspruch nehmen würde Wir werden dafür die
Ebenenanimatoren und
After Effects verwenden After Effects Wählen Sie den Text durch
die Ebene aus und erstellen Sie den ersten Animator, der vom Typ Position sein
sollte, da dies die
Animation ist, die wir erstellen möchten Gehen wir jetzt näher ran. Du wirst hier kleine
rote Kreuze sehen. Dies sind eigentlich
die Ankerpunkte jedes Buchstabens, die sich derzeit
am unteren Rand des Buchstabens befinden . Lasst uns lernen, wie man es in
die Mitte der Buchstaben verschiebt. Öffnen Sie dazu weitere
Optionen und ändern in unserem Fall
den Wert für die
Gruppierungsausrichtung -30 ist ausgezeichnet. Jetzt schließen wir es und machen weiter. Lassen Sie uns nun entscheiden, wo der Punkt der Änderung
in diesem Text liegen wird. In unserem Fall tritt
es dort in den Rahmen ein. Lassen Sie uns entscheiden, dass der Text von links kommen
soll. Wir schreiben hier -600. Öffnen wir nun den
Bereichswähler und fahren fort. Lassen Sie uns nun die Form der
Animatoren so ändern, dass sie rampenförmig wird. Warum runterfahren und nicht runterfahren? Weil wir wollen, dass der letzte
Buchstabe zuerst kommt. Okay, gehen wir zum
Anfang der Animation und erstellen ein Schlüsselbild für die Offset-Eigenschaft
mit dem Wert 100. Gehen wir nun zur
zweiten Zahl drei über und ändern den Wert auf -100. Lassen Sie uns nun
diese Animation verbessern , indem wir
die Geschwindigkeit
dieser Keyframes ändern die Geschwindigkeit
dieser Keyframes Wenn wir Animatoren verwenden, müssen
wir nicht auf das
Keyframe-Velocity-Bedienfeld zugreifen Wir können es direkt
vom Animator aus steuern. Stellen wir es auf 84 Es
hoch und 84 Ease niedrig ein. Lass uns sehen, wie es
aussieht. Sieht gut aus. Fügen wir nun eine
Rotationsanimation für die Buchstaben hinzu. Wählen wir dazu den Animator aus. Klicken Sie auf den kleinen Pfeil neben dem Wort „Eigenschaft hinzufügen“
und wählen Sie „Rotation“ Jetzt haben wir eine neue
Eigenschaft im Animator. Wir können das am
Startpunkt des Animators festlegen. Die Buchstaben werden
um -90 Grad gedreht. Jetzt werden die Keyframes, die wir für den Offset
erstellt haben , von beiden
Eigenschaften in diesem Animator beeinflusst Die Position und die
Drehung. Es sieht toll aus. Kehren wir nun zu unserer
Hauptkomposition zurück und fügen die Textanimation ein, die
wir gerade erstellt haben. Lassen Sie uns diese Ebene zeitlich und zeitlich
vorwärts bewegen, den Texteingang im Verhältnis zu dem, was
in der Szene passiert. Der Text sollte
zu diesem Zeitpunkt bei
der zweiten Nummer sechs beginnen , wo das Portal geöffnet ist. Aber wie Sie sehen können, ist es nicht
dort positioniert, wo es sein sollte. Der Text sollte
irgendwo hier positioniert werden. Das heißt, wir müssen zur Textkomposition zurückkehren und
ihre endgültige Position anpassen Lassen Sie uns lernen, was wir in solchen Situationen
tun sollten. Als Erstes können
wir hier das Panel
der Hauptkomposition sperren. Gehen wir nun in die
Vorkomposition des Textes. Ziehen Sie nun dieses Precomps-Bedienfeld. Hier auf dieser Seite
sehen wir den Precomp des
Textes von innen Und hier sehen wir unsere
Hauptkomposition, die gerade gesperrt ist Das bedeutet, dass
alle Ebenen, die wir in diesem Panel
sehen
, zur Textkomposition gehören. Ordnung, wenn
wir jetzt den Text verschieben, sehen
wir sofort, wie er in der Hauptkomposition
aussieht. Okay, lassen Sie uns eine gute
Position für den Text finden, irgendwo hier,
weil wir den Text verschieben. Wir gehen zum Anfang
der Animation,
es scheint, als ob ein Teil davon an der falschen Stelle
ist. Denn im Moment können wir
es sehen , bevor es das Portal verlässt. Das bedeutet, dass wir den Wechselpunkt, den
wir für die
Positionseigenschaft unseres Textanimators festgelegt haben,
anpassen müssen wir für die
Positionseigenschaft unseres Textanimators festgelegt haben Das ist kein Problem,
wir müssen nur den Startpunkt
des Textes in unserem Animator
ändern Gehen wir zur
Positionseigenschaft des Animators und ändern sie auf -700. Wie Sie jetzt sehen können, ist
alles an der richtigen Stelle Sobald wir fertig sind, können wir dieses Panel
entsperren und eines davon
schließen Okay, wir sind also zurück
zur Textkomposition. Nachdem wir es positioniert
und angepasst haben, drücken
wir Strg
K, um die Größe zu ändern Wir haben hier viel
leeren Raum, also lassen Sie uns
die Höhe verkleinern , bis wir die richtige Größe
gefunden haben Ich denke, wir können es auf 250 setzen. Lassen Sie uns abschließend zur
Hauptkomposition zurückkehren und
Collapse für diesen Precomp anwenden Jetzt müssen wir
einen Enthüllungseffekt erzeugen , bei dem der
Text aus unserem Portal erscheint Das heißt, wir müssen
die Illusion erzeugen , dass der Text aus dem Portal herauskommt Und das können wir mit
der Track-Matt-Funktion machen. Das heißt, wir können
die Portalform verwenden , um als
Maske für den Text-Precomp zu dienen Ich zeige dir, was ich meine. Lassen Sie uns zuerst diese Form
duplizieren. Verschiebe es über den Text. Ändern Sie den Namen dieser
Ebene in eine Maske für Text. Und jetzt mache den Text
nur innerhalb der
Grenzen dieser Form sichtbar . Wir können dies mit der
Track-Matte-Funktion tun. Klicken wir hier, um diese Funktion zu
sehen. Ziehen wir nun die Spitzpeitsche
der Gleismatte dieser
Ebene auf die Portalebene Wählen wir es aus und drücken M , um die Maske
auf dieser Ebene zu löschen Wir brauchen es momentan nicht. Wie Sie an
der Seite des Portals sehen können, können
wir die Buchstaben nicht sehen. Und
genau das brauchen wir, um
die Illusion zu erzeugen , dass der Text
aus dem Portal herauskommt. Gleichzeitig
können wir aber auch nicht die Buchstaben sehen, die daraus
herauskommen sollen. Repariere das, wir müssen
den Pfad dieser Form ändern. Bevor wir das tun,
schalten
wir vorübergehend die Ebene des echten Portals damit wir sehen können, was wir tun. Wie Sie vielleicht bereits
wissen, gibt es auf dem Pfad
Schlüsselbilder
, die seine Form ändern. Die ersten Keyframes stören uns
nicht. Was uns stört, ist die Art und Weise,
wie sich das Portal öffnet. Das ist der zweite Schlüsselrahmen. Das heißt, wir müssen uns auf
die letzten Schlüsselbilder
des Pfads konzentrieren und ihn ändern. Bleiben wir bei dem
Schlüsselbild, das wir anpassen möchten. Um nun die Punkte
des Pfads dieser Form zu sehen, müssen
wir den
Pfad durch die Ebene auswählen. Jetzt können wir diesen
Punkt auswählen und nach rechts verschieben, um
diese Pfadanimation zu ändern. Jetzt ist der Text
sichtbar, weil wir den Bereich der Ebene
, der als Maske fungiert,
erweitert haben . Okay, lassen Sie uns das O-Portal
wieder einschalten und sehen, wie
alles zusammen aussieht. Es sieht toll aus. Lassen Sie uns nun eine
Abschlussanimation für das Portal
erstellen. Lassen Sie uns zunächst
einen Zeitpunkt finden, an es passieren sollte.
Sagen wir mal hier. Wählen Sie nun diese Ebene aus und drücken Sie auf Sie, um die Keyframes darauf zu sehen. Als Nächstes erstellen wir
dieselbe Animation wie am Anfang,
aber umgekehrt. Wir können all diese
Keyframes auswählen, sie kopieren und mit Strg V an der Position der
Zeitanzeige einfügen. Klicken Sie nun mit der rechten Maustaste
auf einen der Keyframes Gehen Sie zum Keyframe-Assistenten und wählen Sie Time
Reverse-Keyframes Wenn Sie fertig sind, wählen Sie die
Keyframes zum Schließen des Portals aus. Und verschiebe sie hierher
, weil sie anfangen müssen , sich zu schließen, bevor sich
die Maske schließt. Mal sehen, wie es aussieht. Großartig. Nachdem der Text
veröffentlicht und das Portal geschlossen ist, bringen
wir die Kugel
näher an den Text heran. Das heißt, wir müssen dafür
eine Positionsanimation erstellen. Wählen Sie zunächst die
Sphärenkomposition aus und drücken Sie P, um den
Positionsparameter zu sehen Lassen Sie uns nun einen Zeitpunkt finden, an
dem die Kugel beginnen soll, sich
in
Richtung der Mitte
der Komposition zu bewegen,
sagen wir dem die Kugel beginnen soll, sich
in
Richtung der Mitte
der Komposition zu bewegen , bei Sekunde neun Nur einen Moment bevor
sich die Portallinie schließt. Lassen Sie uns nun Keyframes mit
dem aktuellen Wert
bis zu diesem Zeitpunkt erstellen .
Wir möchten, dass die Kugel
dort bleibt, wo sie sich gerade befindet. Gehen Sie nun zu Sekunde zehn
und bewegen Sie die Kugel an ihre endgültige Position,
irgendwo hier in der Nähe. Gehen wir nun zurück zu dem Punkt, an dem sich die
Kugel zu bewegen beginnt. Passen Sie außerdem
die Textposition an, dass sie sich in Richtung Mitte bewegt. ab diesem Zeitpunkt Wählen Sie ab diesem Zeitpunkt die Textkomposition aus,
drücken Sie P und erstellen Sie ein Schlüsselbild
mit dem aktuellen Wert Gehen Sie zu Sekunde zehn und
verschieben Sie diese Ebene hierher. Wählen Sie nun alle Keyframes aus, die wir für die Position erstellt haben. Drücken Sie neun, halten Sie die Alt-Taste gedrückt
und klicken Sie zweimal auf einen
der Keyframes, um
deren Geschwindigkeit über das Bedienfeld für die
Keyframe-Geschwindigkeit zu ändern deren Geschwindigkeit über das Bedienfeld für die
Keyframe-Geschwindigkeit .
Stellen Sie sie für beide auf 85 Okay, lass uns sehen, wie es aussieht. Ich kann sehen, dass die Animation der weißen Linie noch nicht abgeschlossen
ist. Lassen Sie uns diese Keyframes in der Zeit
etwas vorwärts bewegen. Auf diese Weise beginnen
sich die Kugel
und der Text zu bewegen, wenn die Linie
vollständig verschwunden ist. Lass es uns noch einmal sehen. Ich finde es großartig. Lassen Sie uns nun eine
Outro-Animation für dieses Logo
erstellen Lassen Sie uns sie dieses Mal mithilfe der Opacity-Eigenschaft
verschwinden lassen Aber zuerst müssen wir
einen Zeitpunkt finden, an dem
wir wollen, dass es passiert Lassen Sie uns entscheiden, dass es ab der
zweiten Zahl, 12,
passieren wird . Wählen wir beide Ebenen aus und
drücken, um die Deckkraft zu öffnen. Erstellen Sie nun Keyframes mit
dem aktuellen Wert, der
100% ist . Gehen Sie dann zu Sekunde 13 und ändern Sie
die Deckkraft auf Null Wählen Sie als Nächstes alle
Keyframes aus und drücken Sie neun. Mal sehen, wie es aussieht. Sie werden feststellen, dass die
Kugel nicht wie der Text verschwindet. Das liegt daran, dass es in dieser
Vorkomposition einen Ebenenstil gibt Erinnere dich an den inneren Schatten. dieses Problem zu lösen, klicken Sie hier und schalten die Collapse-Funktion
auf diesem Precomp Jetzt
funktioniert die Opazitätsanimation korrekt, aber falls wir die Vorkomposition auf der höchsten Qualität
belassen und
trotzdem
den Kollaps aktivieren möchten , müssen
wir in
diese Vorkomposition gehen, die Ebene mit dem Ebenenstil
auswählen und Sie zweimal
drücken, um
den Ebenenstil schnell
zu finden Wählen wir nun
den Ebenenstil aus und drücken Strg X, um ihn von hier aus
auszuschneiden Gehen wir dann zurück zur
Hauptkomposition. Wählen Sie den Precomp
der Kugel aus und drücken Sie Strg V, um den
Ebenenstil darauf einzufügen Auf diese Weise behalten wir
das von uns
erstellte Highlight bei und können trotzdem das
Zusammenklappen für diese Ebene aktivieren Großartig. Und jetzt ist es
ein guter Zeitpunkt, die Strg-Taste zu drücken und
das Projekt zu speichern,
bevor wir mit der nächsten
Phase fortfahren, in der wir
unsere Objekte in der Szene einfärben und sie wirklich fantastisch aussehen
lassen. Es wird Spaß machen. Also wir sehen uns im nächsten Teil.
26. Coloring und Rendering: Willkommen zurück. Fangen wir , die Objekte in der Szene
zu stilisieren und ihnen Farben zu geben Das erste, was wir malen werden
, ist das Portal. Wählen wir diese Ebene aus. Klicken Sie auf das Wort „Füllen“
und wählen Sie, ob Sie diese Ebene mit einem
Farbverlauf füllen möchten. Klicken Sie dann auf Okay. Lassen Sie uns nun lernen, wie Sie
den von uns erstellten Farbverlauf steuern können. Um es schnell zu finden,
wählen Sie diese Ebene aus, geben Sie das Wort Farbverlauf in die Suchleiste ein und drücken Sie die Eingabetaste. Lassen Sie uns nun diesen Parameter öffnen
und auf Farbverlauf bearbeiten klicken. Jetzt malen wir es
mit den richtigen Farben. Lass uns auf diese Farbe klicken
und sie in Blau ändern. Wie Sie sehen können, können wir
die Farbe nicht sehen , da ihre
Opazität auf Null gesetzt ist Um es zu ändern, klicken Sie
hier und setzen Sie es auf 100. Und jetzt können wir
die blaue Farbe sehen. Jetzt können wir zu
dieser Farbe zurückkehren und
eine andere Farbe wählen. Wählen wir ein dunkleres Blau. Klicken wir nun auf
die zweite Farbe und malen sie mit
einem helleren Blau. Als Nächstes überprüfen wir die Opazität. Derzeit liegt sie bei 50%. Ändern Sie
sie auf 100 und klicken Sie auf Okay. Sobald wir fertig sind, ändern wir die
Position der Farben. Dazu können wir diese
Griffe zur Seite ziehen. Wenn Sie diese Griffe nicht sehen können, können
Sie die
Farbposition von hier aus anpassen. Sie können es auch nach oben
und unten platzieren, wenn Sie möchten. Okay, ich lasse es so stehen. Wenn du
die Farben später ändern möchtest, kannst
du einfach hier klicken und wie bisher
auf den
Verlaufseditor zugreifen. Gehen wir nun
zum Anfang der Animation über und ändern die Farben in den
Datenzeilen vor der Erstellung Geben wir die
Datenzeilen vor der Berechnung ein
und ändern wir zunächst die
Farben für die erste Datenzeile Wählen wir zunächst
die Strichebene aus. Und dann klicken Sie hier auf Stroke , um es mit einer
Verlaufsfarbe zu füllen. Sobald wir
die Verlaufsfarbe ausgewählt haben, zeigt
After Effects
die letzten Einstellungen an, die wir für den Farbverlauf
verwendet haben .
Das ist kein Problem. Enger Farbverlauf in
der Suchleiste. Und drücken Sie die Eingabetaste. Öffne jetzt den Farbverlauf, ändere die Farben. Ziehen wir die Ebene
der großen Kugel in diese Komposition, damit wir die Farben darin
sehen können Geben wir nun Edit, Gradient ein und ändern die Farben Aber vorher stellen wir
sicher, dass die Deckkraft
für alle Farben auf 100%
eingestellt ist . Okay, jetzt kehren wir zu den Farben zurück und ändern sie mit
der Pipette Ordnung, jetzt klicken wir hier um die zweite Farbe
für den Farbverlauf festzulegen Wir können diese Farbe probieren
und etwas abdunkeln. Lassen Sie uns nun die
Zeitanzeige bewegen, um zu sehen, wie der Strich
entlang der Animation aussieht.
Ich sehe, dass der Abstand zwischen den
Farbpunkten zu gering ist. Lassen Sie uns den Endpunkt
hierher verschieben und sehen, wie er aussieht. Ordnung, jetzt passen wir
den Startpunkt an,
indem wir entweder den Wert von
hier aus ändern oder den
Punkt manuell verschieben. Während ich die Shift-Taste gedrückt halte, denke
ich, dass die Linie
am Anfang heller und am Ende
dunkler sein
sollte . Geben Sie dazu den Farbverlauf ein
und kehren Sie die Farben um. Wir können
diese Farbe etwas aufhellen. Mal sehen, wie es aussieht. Ich denke, wir müssen
die dunklere Farbe etwas dunkler machen. Wählen wir nun
die zweite Farbe und kopieren die Farbinformationen, da wir sie verwenden werden, um die kleine Kugel zu
füllen Wählen Sie nun diese Ebene aus. Gehe zum Füllen und drücke Strg V. Jetzt möchte ich
über ein wichtiges Thema sprechen. Nehmen wir an, wir beschließen, diese Sphäre zu
verkleinern. Ich drücke S, um
die Skalierungseigenschaft zu öffnen. Wie Sie sehen können,
haben wir hier bereits Keyframes. Das heißt, wenn wir die Kugel
verkleinern, werden
wir neue
Keyframes erstellen und
die Animation durcheinander bringen , um sie
zu verkleinern, ohne sie zu vermasseln Die Animation kann sie
mithilfe der
Transformationseigenschaften dieser Form verkleinern mithilfe der
Transformationseigenschaften dieser Form Ich erkläre, was ich meine. Lassen Sie uns diese Ebene öffnen, ihre transformierten Eigenschaften
schließen und den Inhalt
und die Ellipse öffnen Wie Sie sehen,
gibt es
für Formebenen zusätzliche
Transformationseigenschaften , die zur Form selbst gehören Dies sind die transformierten
Eigenschaften der Ebene. Hier haben wir bereits Keyframes. Dies sind die transformierten
Eigenschaften der Form. Hier gibt es keine Keyframes. Wir können diese Kugel mithilfe
der Skalierungseigenschaft verkleinern , die zu
den transformierten Eigenschaften
der Form gehört den transformierten Eigenschaften
der . Setzen wir es auf 80. Das solltest du dir vor allem merken , wenn du mit Formebenen arbeitest. Ordnung, lassen Sie uns
die Ebene schließen und die
große Kugel von hier löschen. Kehren wir nun
zur Zusammensetzung
aller Datenleitungen zurück zur Zusammensetzung
aller Datenleitungen und überprüfen, ob alle Vorversionen dem Namen Datenleitung 1 aktualisiert
wurden Hervorragend, lassen Sie uns jetzt
die Farben für die
nächsten Kompositionen ändern die Farben für die
nächsten Kompositionen Geben wir Datenzeile zwei ein. Zunächst ändern wir die Größe der Kugel anhand der transformierten
Eigenschaften der Form, nicht anhand der transformierten
Eigenschaften der Ebene Öffnen wir den Inhalt
und die Ellipse. Lassen Sie uns nun die
transformierten Eigenschaften
dieser Form öffnen und von hier aus
die Skala ändern Setzen wir es auf 70. Diesmal belassen wir die Farbe der Kugel
und des Strichs in Weiß. Kehren Sie nun zur Zusammensetzung
aller Datenleitungen zurück. Konzentrieren wir uns auf Datenzeile drei. Platzieren wir die große Kugel
hier, um ihre Farben zu testen. Lassen Sie uns nun die Strichebene hier mit einer schönen hellen
Farbe aus der Kugel einfärben. Als Nächstes kopieren wir die
Daten für diese Farbe und fügen sie als
Füllfarbe für die kleine Kugel ein. Sie können diese Ebene jetzt löschen. Großartig, lassen Sie uns
zur Zusammensetzung
aller Datenleitungen zurückkehren und sehen, wie sie aussieht. Lassen Sie uns nun das Aussehen der Datenzeile
zwei
der Vorkompositionen mit einem Effekt verbessern Datenzeile
zwei
der Vorkompositionen , der als Glow bezeichnet wird Ziehen wir den Effekt
auf diese Komposition. Wir können ihn ein- und ausschalten, um
zu sehen, auf welche Komposition
wir den Effekt angewendet haben. Es ist dieser hier unten. Gehen wir zu dem Zeitpunkt, an wir
diese Ebene vollständig sehen. Stellen wir nun den
Leuchtradius auf 60 ein. Sobald wir fertig sind, kopieren wir
den Effekt von hier. Wählen Sie mit Steuerung C
die anderen Vorkompositionen aus, benennen Sie Datenzeile zwei
und drücken Sie Strg V, um den Effekt einzufügen Es sieht toll aus. Sobald wir fertig sind, kehren
wir zu unserer
Hauptkomposition zurück und fügen den Effekt auch
auf die Welligkeit Ich beziehe mich auf
die Wellenebene , die hinter
der großen Kugel auftaucht Gehen wir auf diese Komposition ein. Wählen Sie diese Ebene aus
und drücken Sie
Strg V. Nun kehren zur Hauptkomposition zurück und sehen uns an, wie alles zusammen aussieht. Ich finde es perfekt. Jetzt sind wir bereit, mit der nächsten Phase
fortzufahren, die den
Hintergrund dafür schafft. Gehen wir zurück zum
Projektfenster und ziehen die
Hintergrundebene in unsere Szene. Sie können sehen, dass diese Ebene dieselbe Größe wie
das
ursprüngliche Illustrator-Design Lassen Sie uns lernen, wie Sie einen
solchen Hintergrund direkt
in After Effects erstellen einen
solchen Hintergrund direkt
in After Effects Lassen Sie uns zunächst mit der
Tastenkombination Y einen neuen
Volumenkörper erstellen . Ändern Sie nun seinen Namen in BG Stellen Sie sicher, dass der Volumenkörper
der Größe unserer Komposition entspricht. Lassen Sie die Farbe
Schwarz stehen und klicken Sie auf OK. Verschieben Sie nun den Festkörper unter
alle anderen Ebenen und wenden Sie einen Effekt namens
Gradient Ramp darauf an. Solide Ebenen haben
keinen eingebauten Farbverlauf. Wir müssen den Effekt hinzufügen Okay, jetzt ändern wir
die Farben des Effekts. Wie Sie sehen können, ist die Form
des Verlaufs im ursprünglichen
Design kreisförmig. Lassen Sie uns auch den
Verlauf unserer Ebenen kreisförmig gestalten. Sie können diese
Ebene von hier aus löschen. Ändern Sie nun die
Rampenform auf radial. Jetzt haben wir einen
kreisförmigen Farbverlauf. Lassen Sie uns nun die Position
der weißen Farbe
leicht nach oben und die Position
der schwarzen Farbe
leicht nach unten verschieben leicht nach oben und die Position . Stellen wir nun den Vorschaubildschirm wieder auf die richtige Größe zurück und
schalten das Raster aus. Damit haben wir
die Animation
fertig erstellt und sind
bereit, dieses Stück zu rendern. Aber vor dem Rendern stellen
wir den Arbeitsbereich auf den Zeitpunkt ein, an dem wir diese Komposition rendern
möchten. Wir können sehen, dass die Animation nach 13 Sekunden
endet. Drücken wir nach innen, um
den Arbeitsbereich auf
diesen Zeitpunkt zu verkürzen . Sehen wir uns die Animation nun vor dem Rendern noch
einmal an. Okay, ich denke, die Farbe
dieser Datenlinien passt zu
stark zum Hintergrund. Lassen Sie uns diese Farbe ein wenig ändern. Gehen wir dazu
zur Zusammensetzung
aller Datenzeilen und geben von hier
oder von hier aus
Datenzeile drei ein, weil diese
Zusammensetzung bereits geöffnet ist. Lassen Sie uns nun die Farbe
des Strichs und der Kugel ändern. Lass es uns auf diese Farbe ändern. Kopieren Sie nun die Daten für diese Farbe und fügen Sie sie
als Strichfarbe ein. Toll, ich finde, es
sieht viel besser aus. Drücken wir nun die Strg-Taste , um das Projekt zu speichern,
bevor wir es rendern. Okay, jetzt drücken wir Strg M
, um auf
das Render-Panel zuzugreifen. Für den Ausgabemodus wählen
wir sie 0,264 40 MBPS Wählen wir nun aus, wo
die Animation gerendert werden soll. Wir rendern es in
unseren Renders-Ordner. Stellen
Sie sicher, dass der Name jetzt richtig ist Klicken Sie auf Speichern und rendern
und warten Sie einen Moment. Sobald das Rendern abgeschlossen ist, können
wir den
Ausgabemodus öffnen und auf
den Link klicken , um zu dem Ordner zu gelangen, in dem wir unsere Animation gespeichert haben. Lass uns das Video öffnen und
sehen, wie es geworden ist. Wie Sie sehen können, haben wir hier
ein kleines Problem. Unser Farbverlauf
sieht nicht so gut aus. Sie können die Farbbänder sehen. Kehren wir zu unserem Projekt zurück und versuchen, es
so weit wie möglich zu reparieren. Gehen wir zur
Hauptkomposition. Wählen Sie die Hintergrundebene aus. Und hier im
Verlaufseffekt sollten Sie die Rampenstreuung
auf 100 ändern , um die
Farbbänder und den Farbverlauf weicher Wir können ein bisschen hineinzoomen
, um es aus der Nähe zu sehen. Okay, jetzt drücken wir erneut
Strg M und rendern
es noch einmal. Sie können das
vorherige Rendern schließen. Wählen Sie erneut H 0.264 40 MB Gus. Wählen Sie nun diesen Renderer für das
Rendern an seiner Stelle aus. Klicken Sie auf Speichern und dann auf Ersetzen. Klicken Sie nun auf die Schaltfläche Rendern. Klicken Sie auf OK und
warten Sie einen Moment. Gehen wir nun zurück zum Ordner
und überprüfen das neue Rendering. Wie Sie sehen können, ist es jetzt
besser. Fantastisch. Gehen wir jetzt zurück zu unserem Projekt und organisieren es,
bevor wir es schließen. Und um das Projekt zu organisieren, müssen
wir Ordner im
Projektfenster erstellen , wie wir es
in den vorherigen Lektionen getan haben. Zunächst können Sie dieses Fenster schließen. Gehen wir nun
zum Projektpanel. Sie können alle
geöffneten Kompositionen schließen. Lassen Sie uns einen Ordner
namens Assets erstellen. Ziehen Sie den Ordner mit
den Logo-Ebenen und dem Solids-Ordner hinein. Sie können die
Hauptkomposition mit
einer anderen Farbe kennzeichnen als die
übrigen Kompositionen. Lassen Sie uns nun einen neuen
Ordner namens precomps erstellen. Ziehen Sie alle Precomps, die wir während des
Projekts
erstellt haben , in diesen Ordner, mit Ausnahme Da wir nun an einem
relativ komplexen Projekt gearbeitet haben, sollten wir die Software bereinigen Gehen Sie zu Bearbeiten, wählen Sie Löschen und anschließend Gesamter Arbeitsspeicher
und Festplatten-Cache aus Hier können Sie sehen, wie viel
Junk gesammelt wurde. Es kann eine andere
Nummer für dich sein. Klicken wir auf jeden Fall auf Okay
und warten Sie ein paar Sekunden. Jetzt können Sie Strg
S drücken, um das Projekt zu speichern. Sie können
Illustrator auch
endlich beenden Illustrator und After Effects
schließen Ich hoffe, Ihnen hat diese Lektion gefallen und ich kann es kaum erwarten,
Sie in der nächsten Lektion zu sehen, in der wir eine
epische Logoanimation
für ein erfundenes strategisches
Spieleunternehmen erstellen für ein erfundenes strategisches
Spieleunternehmen Und erkunden Sie die
Drei-D-Welt in After Effects. Es wird großartig. Also wir sehen uns dort. Aber bevor Sie in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
27. Logo #3 Heimaufgabe: Hallo zusammen. Ich hoffe, Sie fanden die Lektionen hilfreich und haben
einige neue und interessante Dinge gelernt . Um sich besser an
alles erinnern zu können, was wir besprochen haben empfehle
ich dringend, diese
Hausaufgabe zu üben . Ihre Aufgabe ist es,
diese coole Animation neu zu erstellen. Sie haben die Freiheit,
die Farben zu ändern und
zusätzliche Grafiken hinzuzufügen , wenn Sie auf
Probleme stoßen oder Fragen haben Schauen Sie sich gerne
die AE-Projektdatei an, um zu sehen, welche Schritte ich unternommen habe. Darüber hinaus
können Sie mich jederzeit um Hilfe bitten. Viel Glück.
28. Logo #4 - Animiere ein Logo für ein Video-Kriegsspiel: Hallo und willkommen zurück. In dieser Lektion werden wir
eine supercoole Logo-Animation
für ein erfundenes Video-Kriegsspiel erstellen . Wir werden uns darauf konzentrieren,
die Drei-D-Welt und
After Effects zu erlernen und
tief in das Kino einzutauchen Vier D rendern ein Feature. Wir werden auch ein
kostenloses Plug-In installieren, mit dem
wir supercoole
Neonstrich-Animationen erstellen können. Außerdem werden wir
lernen, wie man
mit einfachen Effekten
spannende Hintergründe erstellt . Es gibt viel zu besprechen, also lasst uns keine
Zeit verlieren und gleich loslegen.
29. Entwerfen eines Logos von Grund auf in After Effects: Hallo da. Schauen wir uns zunächst an , wie dieses Logo in Illustrator erstellt
wird Öffnen Sie den Hauptordner, den wir für den Kurs
erstellt haben, gehen Sie
dann in den AI-Ordner
und öffnen Sie das vierte Logo Um nun dieselbe
Panel-Anordnung zu erhalten, gehen Sie zu Fenster, dann zu Arbeitsbereich
und wählen Sie Automatisierung. Dieses Design ist
in verschiedene Ebenen aufgeteilt, genau wie der Rest des
Designs, das wir in diesem Kurs gesehen haben. Es gibt eine Hintergrundebene und eine Haupttextebene mit
einem Drei-D-Effekt. Dies ist eine normale Textebene, die in Bauchschrift
geschrieben ist. Wenn Sie es
vor dem Kurs nicht installiert haben, machen Sie sich keine Sorgen. Sie können auch die Schriftarten
Ezra oder Monserrat verwenden. Bevor wir nun
die Logoanimation erstellen, müssen wir uns
wie immer eine interessante
Möglichkeit
überlegen, sie zu Deshalb ist
es, wie ich immer sage, sehr wichtig, eine grobe Skizze zu erstellen , die zum Logo-Konzept
passt Lassen Sie uns die
Skizzenidee für dieses Logo öffnen und das kurze Storyboard
ansehen, das ich für dieses Logo-Design
erstellt habe Zunächst wollte ich
dieser Animation
einen dramatischen Ton verleihen dieser Animation
einen dramatischen Ton Deshalb habe ich
beschlossen, jeden Buchstaben
nacheinander einzugeben und nicht das gesamte Logo auf einmal
anzuzeigen. Da es sich um ein Logo für ein Videospiel über
Kriege und Schlachten handelt, dachte
ich, es könnte cool
sein, gleich nach der
Planung der Animation
eine dunkle Atmosphäre von Krieg und
Feuer zu erzeugen der
Planung der Animation
eine dunkle Atmosphäre von Krieg und . Öffnen wir
After Effects und fangen wir an, die erste Szene zu
entwerfen. Wie immer können wir dieses Fenster
schließen. Wir können alle das
gleiche Panel-Layout sehen. Klicken wir auf Standard. Lassen Sie uns nun unsere
erste Komposition erstellen. Wir nennen es Logo-Animation. Gehen Sie jetzt zu Three D Render. Da wir in dieser Lektion echte Drei-D-Objekte
erstellen werden, müssen
wir
die Render-Einstellungen
von Classic Three
D auf Cinema Four
D ändern von Classic Three
D auf Cinema Four . Auf diese Weise können wir den
Textebenen in der Szene etwas Tiefe
verleihen. Bald wirst du verstehen
, wovon ich spreche. Kehren wir zunächst zu
Basic zurück und fahren mit
den Kompositionseinstellungen fort. Wir werden im
Full-HD-Format arbeiten, das 1.920 Pixel breit
und 1080 Pixel hoch Ändern Sie als Nächstes die Bildrate auf 24 und die
Kompositionsdauer auf 20 Sekunden. Lassen Sie den Kompositionshintergrund
schwarz und klicken Sie auf OK. Jetzt importieren wir unser
Logo in das Projekt. Klicken Sie zweimal auf den leeren
Bereich im Projektfenster,
rufen Sie den AI-Ordner auf und
wählen Sie das vierte Logo aus. wir nun sicher, dass wir
diese Funktion nicht aktivieren und auf Hier importieren
klicken.
Wir wissen bereits, dass wir die Komposition auswählen
müssen, da wir diese
Datei in separaten Ebenen haben möchten. Hier wählen wir die Ebenengröße, weil wir möchten, dass die
Ebenengrenzen der Objektgröße und
nicht der Größe des Dokuments entsprechen . Klicken Sie jetzt auf Okay. Da hast du's. Ein neuer Ordner
wurde mit
allen Ebenen der
Illustrator-Datei erstellt allen Ebenen der
Illustrator-Datei Außerdem wurde automatisch eine neue Komposition
mit dem Namen der Illustrator-Datei
erstellt Wenn wir es eingeben, sehen wir, das Logo in Ebenen unterteilt und genau so organisiert ist, wie es in der ursprünglichen
Illustrator-Datei
ist Ordnung, lassen Sie uns
diese Vorkomposition schließen und mit der
Lektion beginnen Aber vorher sollten wir nicht
vergessen, das Projekt zu speichern
und ihm einen Namen zu geben Suchen wir nun den Ordner, den
wir für die Lektion erstellt haben. Gehen Sie in den AE-Ordner
und geben Sie
dem After Effects-Projekt, an dem wir
gerade arbeiten, einen Namen . Sie können auf dieses Projekt klicken, um ein
Beispiel für den Namen zu erhalten, und
die Erweiterung auf vier
Unterstriche, Rise of Vikings, ändern die Erweiterung auf vier
Unterstriche, Rise of Vikings, Wenn Sie fertig sind, klicken Sie auf Speichern. Jetzt möchte ich
ein paar wichtige Hinweise erwähnen. Wenn Sie den Vorschaubildschirm
so sehen, machen Sie sich keine Sorgen, Sie sehen ihn so, weil
Ihre Feststelltaste aktiviert ist Schalten Sie ihn aus und er wird
wieder normal. Stellen Sie abschließend sicher, dass Ihr
Computer auf Englisch eingestellt ist. Die Tastenkombinationen, die
wir im Kurs verwenden,
funktionieren also einwandfrei. Großartig, jetzt möchte ich, dass wir
das Design-Logo
in unsere Komposition einfügen das Design-Logo
in unsere Komposition Verkleinern Sie es, verschieben Sie es dann
hierher und sperren Sie diese Ebene. Wir werden diese Komposition als
Referenz für die Erstellung des
Logos und der After Effects verwenden Referenz für die Erstellung des
Logos und der After Effects Großartig, jetzt fangen wir an, die Szene zu
entwerfen. Wir beginnen mit der Erstellung der
Textebenen für das Logo. Dazu wählen wir das Textwerkzeug aus und
geben das Wort Rise ein. Doppelklicken wir nun auf den
Text, um ihn vollständig auszuwählen. Lassen Sie uns nun die Farbe
des Wortes in diese Farbe ändern. Sehen wir uns als Nächstes die Details dieses Textes im
ursprünglichen Design an. Kehren wir zu Illustrator zurück
und wählen Sie diesen Text aus, um seine Informationen wie
Schriftart, Schriftstärke und Schriftgröße
anzuzeigen Schriftart, Schriftstärke und Schriftgröße In Ordnung, jetzt kehren wir zu After Effects
zurück. Lassen Sie uns zunächst
die Schrift auf Belly Bold ändern. Für diejenigen, die diese Schrift nicht
haben, können
Sie auch die Schrift
Ezra oder Monserrat verwenden Lassen Sie uns nun die
Schriftgröße auf 150 ändern. Und klicken Sie hier, um alle
Buchstaben in Großbuchstaben umzuschreiben. Klicken Sie auch hier, um sie noch mutiger zu
machen. Gehen wir nun zu Absatz
und stellen sicher, dass unser Text zentriert
ist und die
Schreibrichtung von links nach rechts ist Wählen wir nun die Ebene aus und
drücken Strg D, um sie zu duplizieren. Verschieben Sie diese Ebene mit
der Abwärtspfeiltaste nach unten,
während Sie die Umschalttaste gedrückt halten. Und ändere den Text auf Aus. Dann setzen wir die Schriftgröße auf 80 und ändern die
Farbe auf Weiß. Als Nächstes wählen wir erneut die
Rise-Ebene aus und duplizieren sie mit
Steuerung D noch einmal. Verschiebe diese Ebene nach unten und
ändere den Text in Vikings. Lassen Sie uns nun die Farbe so ändern
, dass sie dem Rot des Logos entspricht , und
die Schriftgröße so einstellen
, dass sie dem Logo-Design entspricht Wählen wir zunächst den Buchstaben aus
und setzen wir seine Größe auf 180. Wählen Sie nun den Buchstaben S aus
und setzen Sie seine Größe auf 210. Zum Schluss wiederholen Sie dasselbe auf
der anderen Seite des Textes. Großartig, jetzt wechseln wir zurück
zum Auswahlwerkzeug und zentrieren die Ankerpunkte auf
allen Textebenen. Wählen Sie dazu alle Ebenen aus und
drücken Sie Control All Time. Gehen wir als Nächstes zu einer Zeile, ändern sie in Komposition
und klicken Sie hier. Wählen Sie dann nur diese Ebene aus
und klicken Sie hier, um
sie innerhalb der Komposition zu zentrieren. Drücken Sie nun die
Apostrophtaste, um das Raster einzublenden. Lassen Sie uns abschließend die
restlichen Ebenen in
Bezug auf das Wort verschieben , sodass alle Ebenen in der Szene
zentriert sind Lassen Sie uns nun die Ebenen im
Ebenenfenster so
umschalten , dass sie
der Reihenfolge in der Szene entsprechen. Mit anderen Worten, das Wort
Wikinger wird unten stehen, das Wort Rise oben und das Wort in der Mitte Lassen Sie uns nun die beiden
orangefarbenen Pfeile im Logo erstellen. Wählen Sie dazu das Stiftwerkzeug aus. Klicken Sie nun hier, um sicherzustellen, dass
keine Ebene ausgewählt ist. Erstellen Sie dann in diesem Bereich eine gerade
Linie. Klicken Sie einmal hier, halten Sie die Umschalttaste gedrückt und erstellen Sie hier einen weiteren Punkt. Dann ändern wir die Farbe
der Linie vom Logo in
Orange. Schnappen Sie sich die Pipette
und probieren Sie diese Farbe aus. Klicken Sie auf OK und ändern Sie
die Strichstärke auf 25. Als Nächstes klicken wir hier, um die Füllung für diese Form zu
entfernen. Lasst uns nun lernen, wie man
das Ende dieser Linie scharf macht. Sie dazu diese Ebene,
öffnen Sie Inhalt,
Form öffnen, Kontur öffnen. Scrollen wir nun ein wenig nach unten bis wir die
Eigenschaft Taper sehen Lass es uns öffnen. Lassen Sie uns
die Endlänge auf 100 setzen. Okay, jetzt
schließen wir diese Ebene, drücken die Eingabetaste und ändern
den Namen in Stroke. Jetzt duplizieren wir diese
Ebene, indem wir Strg D drücken, rechten Maustaste darauf klicken, zu Transformieren
gehen und Horizontal spiegeln auswählen. Als Nächstes kehren wir
zum Auswahlwerkzeug zurück und
verschieben diese Ebene hierher. Damit haben
wir das Logo von Grund auf neu
und nach After Effects entworfen . Drücken wir Strg S, um
das Projekt zu speichern , bevor wir mit der
Animation der Textebenen fortfahren Bevor wir den Text animieren, organisieren
wir unsere Komposition Zum Beispiel können wir
diese beiden Ebenen auswählen und
sie zu einer Komposition verschachteln Drücken Sie dazu Strg+Shift C. Nennen wir es Strokes Comp Stellen Sie sicher, dass beide
ausgewählt sind, und klicken Sie auf OK. Lassen Sie uns nun diese
Komposition eingeben und ihre Größe ändern ,
da wir zu viel
leeren und unnötigen Speicherplatz haben Hier die Frage, wie können wir die
Größe dieser Komposition anpassen Dazu müssen wir auf
die Kompositionseinstellungen zugreifen. Dazu verwenden wir das
Tastenkürzel
K. Stellen Sie nun sicher, dass „Vorschau ausgewählt
ist, damit wir
sehen können, was wir gerade tun. Lassen Sie uns nun die Größe 600
mal 100 ändern. Sieht gut aus Drücken Sie OK. Und kehre
zu unserer Hauptkomposition zurück. Und wenden Sie die
Kollapsfunktion auf diese Komposition an. In der Zwischenzeit können wir
diese Ebene ausschalten , damit sie uns nicht
stört. Wir können sie hier auch mit
der Shy-Funktion aus
dem Ebenenfenster ausblenden . Wenn Sie dieses
Symbol nicht sehen, können Sie hier klicken. Ordnung, lassen Sie uns diese Ebene
ausblenden und die Funktion
aktivieren, indem wir hier
auf das Symbol klicken. Jetzt können wir
diese Ebene hier nicht sehen. Keine
Sorge, wir können sie zu jedem Zeitpunkt
im Projekt wiederherstellen. Okay, lassen Sie uns den
Vorschaubildschirm wieder
anpassen und mit
der Animation der Textebenen beginnen Und das werden wir im
nächsten Teil machen. Wir sehen uns dort.
30. Cinema 4D Renderer und 3D-Animation: Willkommen zurück wie in
unseren vorherigen Lektionen. Auch dieses Mal werden
wir
den Text mit den
Textanimatoren in After Effects animieren Lassen Sie uns zunächst
diese beiden Ebenen ausschalten und
mit dem Wort Wikinger beginnen Aber vorher können wir
diese Ebene entsperren und sie
auch in diesem Panel verstecken Damit die Buchstaben
nun außerhalb der Szene erscheinen, müssen
wir die Ebene öffnen, den Text hier
auswählen, das Animationsmenü
öffnen
und diese Funktion mit der Bezeichnung „Pro
Charakter drei D aktivieren“ auswählen .
Wie Sie sehen können, haben
wir hier
ein kleines Symbol, das symbolisiert, dass sich
alle Buchstaben nun wie drei D-Ebenen
verhalten Mal sehen, was ich meine.
Klicken Sie hier und erstellen Sie einen neuen Animator
mit der Eigenschaft Position Wie Sie sehen können, haben
wir
neben dem Wert der die Ebene nach links
und rechts nach oben und unten
bewegt, , der die Ebene nach links
und rechts nach oben und unten
bewegt, einen neuen Wert,
mit dem wir die Ebene vor und
zurück
bewegen können die Ebene vor und
zurück
bewegen Wenn wir nicht
die Funktion „
Drei D pro Zeichen aktivieren“ ausgewählt hätten , hätten
wir
diese Bewegungsachse nicht bekommen Damit sich
die Buchstaben beim Animieren von
Text mit Animatoren im
Drei-D-Bereich bewegen , müssen
wir diese Funktion aktivieren Großartig. Um nun den Text zu animieren, müssen
wir den Änderungspunkt
für die Positionseigenschaft festlegen für die Positionseigenschaft die Werte
der Z-Achse
der Position
ändern , bis der Text
die Szene verlässt Für größere Bewegungen können Sie die
Shift-Taste gedrückt halten. Für mich waren es -23 80. Möglicherweise müssen Sie
diesen Wert jedoch je
nach verwendeter Schriftart anpassen diesen Wert jedoch je
nach verwendeter Schriftart Die Hauptsache ist, sicherzustellen, dass sich der Text außerhalb
der Szene befindet. Okay, und jetzt öffnen wir den
Bereichswähler und die Option Erweitert. Lassen Sie uns die
Form der Animatoren ändern, um sie hochzufahren. Das heißt, wenn der
Offset einen Wert von -100 hat, befinden sich die Buchstaben an
dem von uns festgelegten Wechselpunkt Und wenn der Offset
einen Wert von 100 hat, befinden sich
die Buchstaben an ihrer ursprünglichen Position
und sie sind
vom ersten Buchstaben an in die Szene eingedrungen Großartig. Und jetzt sind wir bereit, Keyframes
festzulegen und den Text
zu animieren Fangen wir jetzt am Anfang
der Animation an, ändern den Offset auf -100 und
erstellen das erste Keyframe Gehen wir als Nächstes zu Sekunde vier über. Warum gerade zweite vier? Es gibt keinen besonderen Grund, nur eine persönliche Präferenz. Ich habe gerade beschlossen
, dass der Text 4 Sekunden
braucht, bis er
fertig ist. Okay. Und jetzt, zu
diesem Zeitpunkt, ändern
wir den Offset auf 100. Mal sehen, was wir
haben. Wie Sie sehen, ist
es für
After Effects schwierig eine Vorschau der Szene anzuzeigen,
da wir derzeit mit dem
Cinema Four D-Renderer
arbeiten , um After
Effects die Anzeige unserer Szene zu erleichtern Wir können die
Vorschauqualität von hier auf das
dritte oder sogar auf ein Viertel reduzieren ,
wenn wir es uns noch einmal ansehen, dann wird
es viel schneller gerendert Okay, jetzt ändern wir die
Geschwindigkeit dieser Animation. Wie wir bereits
bei der Arbeit mit
Textanimatoren gelernt haben , können
wir das tun, indem wir die Zahlen in
diese Parameter
eingeben . Ist hoch, schreiben
wir 20, und als
niedrig schreiben wir 80. Mal sehen, wie es
aussieht. Sieht nett aus. Jetzt fügen wir dem Text eine schöne
Rotationsanimation hinzu. Dazu müssen wir
zusätzliche Eigenschaften
hinzufügen . Animator. Wählen Sie es aus, gehen Sie zu „Hinzufügen“, dann „Eigenschaft“ und
wählen Sie „Rotation“ Jetzt legen wir den
Wechselpunkt fest. Wie Sie sehen können, dreht sich der Text, wenn
ich
ihn drehe, von seinem unteren Teil aus Dies liegt daran, dass sich
die Ankerpunkte
aller Buchstaben in
dieser Textebene unten
befinden Um dies zu ändern, öffnen wir weitere Optionen und ändern die
Position des Ankerpunkts. Schauen wir uns dabei den
Buchstaben V an, da er sich bereits am
Ende seiner Animation Setzen
wir ihn auf -40. Sobald wir fertig sind, können
wir ihn schließen und den Text
wieder drehen Jetzt drehen sich die Buchstaben so,
wie sie sollten, aber ich verstehe nicht wirklich
, in welche Richtung
sie sich drehen Um ein bisschen besser zu sehen, was wir
machen, können
wir dafür die
Szenenansicht ändern. Lass uns hier klicken und Custom View One
auswählen. Jetzt sehen wir die gesamte
Szene aus einem Winkel , der es einfacher macht zu erkennen
, wo sich der Text dreht. Ich möchte, dass sich der Text von unten
dreht, also schreiben wir hier -180. Gehen wir jetzt zurück zur
aktiven Kamera, weil wir den Offset bereits
animiert haben Diese Animation gilt
auch für den Wechselpunkt, den wir für die Drehung
festgelegt haben. Lassen Sie uns den Vorschaubildschirm so einstellen , dass er passt und sehen wir, was wir haben. Ich denke, der Text
rotiert zu stark. Das ist kein Problem. Wir müssen nur die Rotation reduzieren. Lass uns -90 schreiben und
sehen, wie es aussieht. Toll, das ist schon besser. Fantastisch, wir haben gerade
damit fertig, dass sich der Text im
Drei-D-Raum bewegt , und jetzt ist es
an der Zeit , ihm ein
realistischeres Drei-D-Aussehen zu verleihen. Um die Sache zu vereinfachen, kehren wir noch einmal zu benutzerdefiniertem V zurück und
gehen
dann zu
dem Punkt über, an dem wir den gesamten Text im Rahmen sehen können , und stellen
die Qualität auf Vollformat um, um unsere Arbeit besser sehen zu können. Als Nächstes öffnen wir die
Geometrieoptionen und erhöhen die
Extrusionstiefe auf 80. Lassen Sie uns nun die Farbe
der Seiten des Textes ändern. Dazu müssen wir
den Text auswählen und einen
zusätzlichen Animator erstellen Gehen Sie also zur Seite, dann zur Farbe und wählen Sie RGB Lassen Sie uns die Ecken in
derselben Farbe wie den Text und ihn dann ein wenig abdunkeln Jetzt können wir
dem Text einige Schatten hinzufügen , um das
Aussehen noch weiter zu verbessern Öffnen Sie dazu die
Materialoptionen und passen Sie die
folgenden Parameter an. Kehren wir zur aktiven Kamera zurück, stellen den
Vorschaubildschirm wieder auf die richtige Größe ein
und schauen wir uns an, wie er aussieht. Platzieren wir die
Zeitanzeige hier. Wie Sie hier sehen können, haben wir subtile
Schatten auf dem Text erzeugt. Ich finde, es sieht toll aus. Ordnung, und jetzt müssen wir eine ähnliche Animation
für die nächste Textebene
erstellen. Aber anstatt den
Vorgang von Grund auf neu durchzuführen, können
wir die beiden
Animatoren, die wir erstellt haben, kopieren sie
dann in das Wort Rise einfügen Aber vorher
gehen wir zum Anfang
der Animation Weil einer unserer
Animatoren Keyframes hat. Wenn wir möchten, dass die Keyframes am Anfang
der Timeline
beginnen, müssen
wir uns hier an die
Zeitanzeige halten Drücken wir nun Strg
V. Da ist es. Wir können sehen, dass dieser Text
bereits nach Bedarf animiert ist. Lass uns dafür einfach die
Drehrichtung ändern. Gehen wir in den ersten Animator und ändern die Drehung
auf 90 Grad, was das Gegenteil
des unteren Textes ist Großartig, jetzt fügen wir diesem Text eine Tiefe von
drei D hinzu,
wie wir es beim ersten Text getan haben Gehen wir zunächst zu den Geometrieoptionen und fügen diesem Text eine Tiefe von
drei D hinzu. Gehen wir nun in der
Zeit vorwärts , um den
Text in der Szene zu sehen. Gehen wir nun in den zweiten Animator und ändern
die Farbe an den Seiten Wählen wir die rote Farbe
aus dem ersten Text. Sieht nett aus. Lassen Sie uns abschließend auch die Materialoptionen für
diese Ebene wie für
die vorherige
festlegen . Gehen wir nun
zur letzten Textebene, wählen sie aus und schalten sie ein. Gehen Sie zum Anfang
der Animation und drücken Sie Strg V, um
die beiden Animatoren einzufügen Geben wir nun
den ersten Animator und ändern einige Parameter Zuallererst möchten wir nicht, dass sich
dieser Text überhaupt dreht. Daher können wir die Rotation
löschen. Jetzt möchte ich nicht, dass dieser Text Buchstabe
für Buchstabe eingegeben wird. Ich möchte, dass beide Buchstaben
zusammen eingegeben werden. Dafür müssen wir
zu Advanced gehen und es in Wörter
ändern. Jetzt wird dieser Text
als einzelnes Wort eingegeben, okay? Und wie Sie sehen können, ist der Punkt, an dem sich die
Positionsparameter ändern, nicht gut. Wir wissen das, weil wir
gerade
am Anfang
der Animation stehen am Anfang
der Animation und diesen Text sehen können, was wir nicht wollen. Wir möchten, dass dieser Text zu Beginn
der Animation nicht in
der Szene enthalten ist. Daher müssen wir den
Änderungspunkt
der Positionseigenschaft
im ersten Animator Lassen Sie uns Advanced schließen
und es ändern. Wir müssen lediglich den Wert ändern,
den wir auf Position gesetzt haben. Lassen Sie uns den Wert so ändern, dass dieses Wort
durch den Buchstaben O in die Szene aufgenommen wird. Dazu
muss sich unser Wechselpunkt etwas nach rechts bewegen. Passen Sie
beide Achsen weiter an, bis es so
aussieht, als ob der Text die Szene
durch den Buchstaben O
verlassen hat die Szene
durch den Buchstaben O
verlassen Ordnung, jetzt fügen wir dieser Ebene auch
eine Tiefe von drei D hinzu Da
der Text dieses Mal jedoch kleiner
als die anderen Texte ist, setzen
wir die
Extrusionstiefe auf 40. Mal sehen, wie das aussieht. Sieht toll aus. Lassen Sie uns jetzt die Seitenfarben
ändern. Fügen Sie dem Text abschließend einige
Schatten hinzu, indem die Parameter der
Materialoptionen
anpassen. Jetzt haben wir ein paar coole Schatten. Jetzt schließen wir die
Ebenen und drücken die
Strg-Taste , um alles zu speichern, was
wir bisher gemacht haben. Und jetzt ändern wir die Qualität auf Quartal und sehen uns
die gesamte Animation an. Ich denke, wir müssen das
Wort Wikinger
in der Zeit etwas nach vorne verschieben , um einen kleinen
Versatz in der Animation zu erzeugen Wählen wir dazu
diese Ebene aus und ziehen wir sie
auf Bild Nummer sechs. Mal sehen, wie es aussieht. Ordnung, jetzt lassen wir
unsere Szene noch
interessanter aussehen , indem
wir eine neue Kamera erstellen
, um eine neue Kamera zu erstellen. Klicken Sie mit der rechten Maustaste hier, gehen Sie zu
Neu und wählen Sie Kamera. für den Kameratyp Wählen Sie für den Kameratyp eine Kamera mit einem Knoten und für die Linsengröße
15 Millimeter. Klicken Sie dann auf „Okay“.
Lassen Sie uns nun den transparenten Hintergrund
des vorherigen Bildschirms aktivieren und
die Qualität auf voll einstellen , damit wir besser sehen
können, was wir
machen. Wenn ich jetzt die
Kamera ein- und ausschalte, werden
Sie feststellen, dass
wir
dank der Kamera jetzt einen etwas
interessanteren Blickwinkel für unseren Text erhalten. Sie können dies an den Stellen feststellen , an denen der Text in die Szene eintritt. Ordnung. Nun, wie wir im ursprünglichen Logo
sehen können, erscheint
das Wort Wikinger in
einem etwas anderen Blickwinkel
als bei uns. Passen wir das an Wählen wir dazu diese Ebene aus und
drücken R, um die
Rotationseigenschaften zu sehen. Lassen Sie uns nun die
Ebene auf der X-Achse drehen. Geben wir minus fünf ein. Lassen Sie uns als Nächstes auch das Wort „steigen“
rotieren. Diesmal geben wir
fünf auf der X-Achse ein. Okay, das sieht toll aus. Es ist ein guter Zeitpunkt, Strg S zu
drücken, um
das Projekt noch einmal zu speichern ,
bevor Sie weitermachen. Lassen Sie uns nun die
orangefarbenen Pfeile dafür animieren. Klicken wir zunächst auf
das Shy-Funktionssymbol , um die versteckten Ebenen aufzudecken Lassen Sie uns die
Funktion für die Ebenen deaktivieren, wir können diese Ebene löschen. Bringen wir jetzt den
schwarzen Hintergrund , um zu sehen, was wir ein bisschen besser
machen. Lassen Sie uns nun diese Vorkomposition einschalten
und lernen , wie man die
Pfeile animiert Lassen Sie uns zunächst die Komposition
eingeben. Um Striche
und After Effects zu animieren, müssen
wir nun den Inhalt auswählen und dieser Ebene einen Effekt namens „
Pfade zuschneiden“
hinzufügen Öffnen Sie den Effekt und stellen Sie
sicher, dass Sie sich am
Anfang der Zeitleiste Und ändern Sie den
Endparameter auf Null. Und erstelle den ersten
Keyframe mit diesem Wert. Gehen wir nun zur
zweiten Zahl zwei über und ändern den Wert auf 100. Wählen Sie nun die
Keyframes aus und drücken Sie F neun. Drücken Sie dann die Alt-Taste und klicken Sie zweimal auf einen der
Keyframes. Hier schreiben wir 85
sowohl für die Breite als auch für die Höhe. Und schlag. Okay, lass uns
sehen, wie es jetzt aussieht. Okay, jetzt wenden wir diesen
Effekt auf den zweiten Pfeil an. Wählen Sie den Effekt aus, drücken Sie
Strg C. Wählen Sie nun den zweiten Pfeil. Stellen Sie sicher, dass Sie sich am
Anfang der Timeline befinden und Strg V drücken, um
den Effekt auf diese Ebene einzufügen. Sie können auf Sie drücken, um die Keyframes zu
sehen. Da ist es, wir haben die Animation
für die Pfeile fertig erstellt. Okay, jetzt kehren wir zur Hauptkomposition zurück und
stimmen
die Pfeilanimation entspricht, was in der Szene
passiert. Lassen Sie uns mit den
Pfeilen einen Moment beginnen bevor der gesamte Text seine Animation
beendet hat. Bei drei Sekunden können
wir die Qualität verringern
und sehen, wie es aussieht. Die Eingabe der
Pfeile sieht gut aus, aber mir ist aufgefallen, dass die Eingabe
des Wortes aus nicht gut ist. Ich erkläre, was ich meine. Gehen wir zu dem Zeitpunkt, an dem dieses Wort anfängt, in die Szene
einzudringen. Wie Sie sehen können, erfolgt die Eingabe
dieses Wortes nicht wie wir es wollen,
über den Buchstaben
O. Aber warum passiert das? Positionieren Sie den Buchstaben früher
richtig. Das passiert, weil
wir jetzt eine Kamera
mit einem
15-Millimeter-Objektiv in der Szene haben , was zu einer leichten
Verzerrung der Buchstaben führt. Um das zu beheben, müssen wir
nur zum ersten Animator
dieser Ebene zurückkehren und
den Änderungspunkt im
Positionsparameter dieses Animators leicht anpassen den Änderungspunkt im
Positionsparameter dieses Animators Positionsparameter dieses Animators Stellen Sie sich zunächst an den Punkt an dem Sie den
Text sehen können Verschiebe diese Ebene nun
etwas nach rechts. Mal sehen, ob das
Problem behoben ist. Sieht besser aus. Sie können diesen Wert
mit den Pfeiltasten
auf der Tastatur etwas
ändern . Okay, das ist gut genug. Sobald wir mit
der Animation fertig sind und alle Probleme
gelöst haben, müssen
wir alle
Ebenen in einer Komposition zusammenfassen. Auf diese Weise können wir der Hauptkomposition problemlos
weitere Ebenen und Effekte
hinzufügen . Wählen Sie später alle
Ebenen aus und drücken Sie Strg+Shift
C. Geben Sie der Komposition dann den Namen „
Haupttitel Animation“. Vergewissern Sie sich, dass beide Optionen
ausgewählt sind, und klicken Sie auf OK. Für schnelleres Arbeiten
und für After Effects können
wir die Einstellungen
dieser Komposition wieder
auf das klassische Drei-D-Format ändern dieser Komposition wieder
auf das klassische Drei-D-Format . Das liegt daran, dass wir in dieser Komposition keine Objekte mit einem
Volumen von drei D
erstellen, sodass Sie nicht
weiter mit dem
Cinema Four D-Renderer an
dieser Komposition arbeiten müssen mit dem
Cinema Four D-Renderer an
dieser Komposition Drücken wir Strg K, um diese Kompositionseinstellungen
aufzurufen. Gehen wir nun zu Three D Renderer und ändern ihn wieder
auf Classic Three D. Jetzt hat diese Komposition einen
Cinema Four Diese Komposition hat den klassischen
Drei-D-Effekt. Nachdem das erledigt ist, wollen wir zum
nächsten Teil übergehen und lernen, wie man
fantastische Feuerschläge erzeugt Wir sehen uns im nächsten.
31. Fire strikes-Animation und kostenlose Plugin-Installation: Willkommen zurück. Jetzt werden wir lernen, wie man
Funken erzeugt . Absolut. Von Grund auf neu Lassen Sie uns zunächst
diese Ebene vorerst ausschalten, die Qualität auf voll
einstellen und mit der Erzeugung
der Feuerfunken beginnen Um diesen Effekt zu erzielen, müssen wir
zuerst einen neuen Festkörper
erstellen Klicken Sie mit der rechten Maustaste hier, gehen Sie zu
Neu und wählen Sie Solid. Lassen Sie uns den
Namen in Sparkles ändern. Passen Sie die Größe an unsere
Komposition an und färben Sie sie schwarz. Und klicken Sie hier und hier auf Okay. Im nächsten Schritt gehen wir zu Effects und
suchen nach CC snowfall Füge es der festen Ebene hinzu. Passen wir nun die
Effektparameter bis wir
das gewünschte Ergebnis erzielen. Zoomen wir ein bisschen hinein, damit wir besser sehen
können, was wir
machen. Okay, lassen Sie uns zuerst
die Geburtenrate auf 500 senken. Ändern Sie als Nächstes die Größe auf 15. Dann geben wir als Variation 100 für maximale Zufälligkeit
bei den Sparkle-Größen Danach können wir die Szenentiefe deutlich erhöhen Geben wir hier 21.000 ein. Großartig. Mal sehen
, was wir bisher haben. Okay, wie Sie sehen können, bewegen sich
die Partikel sehr langsam. Erhöhen wir die Geschwindigkeit auf
1.500. Das sieht besser aus. Fügen wir nun der Partikelgeschwindigkeit maximale Zufälligkeit
hinzu. Auf diese Weise bewegen sich einige schnell
und andere langsam. In Ordnung, sieht soweit gut aus. Als Nächstes stellen wir den Wind auf 1.000 ein, sodass sich die Partikel zur Seite
bewegen. Ändern wir die Zufälligkeit
des Windes auf zehn. Dadurch entsteht ein Gefühl von Bewegung
und Bewegung wie bei
echten Feuerfunken Ordnung, jetzt vier,
spreizt weiter . Setz es auf zehn. Okay, jetzt
schalten wir diesen Pre-Comp ein. Und um die Pre-Comp mit
dem Effekt zu sehen , müssen wir dieses
Kontrollkästchen deaktivieren Jetzt werden wir den Effekt
zusammen mit der Szene sehen. In Ordnung, lassen Sie uns die Szene wieder
ausschalten. Und jetzt gehen wir zurück zum
Effekt und ändern unter
Extras die
Bodenebene auf zehn. Auf diese Weise fliegen die Partikel nur bis zur Mitte
der Komposition. Bald, wenn wir sie färben, wirst
du verstehen, was ich meine. Okay, und jetzt setzen wir den Zufallswert auf zehn
für eine zufälligere Bewegung. Jetzt können wir die Glitzer einfärben. Wir machen das mit dem
degradienten Ramp-Effekt. Lassen Sie uns diesen Effekt zu unserem
Festkörper hinzufügen und die Farben ändern. Wir können die
erste Farbe rot einfärben, die zweite gelb. Positionieren wir nun die
gelbe Farbe hier. Mal sehen, wie es
aussieht. Sieht nett aus. Lassen Sie uns als Nächstes
unser Funkeln verbessern. Mit einem anderen
Effekt, der als Glow bezeichnet wird, sehen Sie noch besser aus. Wir können diese Einstellungen schließen und die beiden Parameter
des Leuchteffekts
anpassen. Stellen Sie den Radius auf 15 und
die Intensität auf zwei ein. Zoomen Sie hinein, um zu sehen, wie es nach oben aussieht. Wählen wir nun
den Glüheffekt aus und
drücken Sie Strg D, um ihn zu duplizieren. Aber hier ändern wir
den Leuchtradius auf 50. Lassen Sie uns jetzt alle Effekte schließen
und sehen, was wir haben. In Ordnung, das sieht gut aus. Das Letzte, was wir
tun müssen, ist diese Ebene umzudrehen. Klicken Sie mit der rechten Maustaste darauf. Gehen Sie zu Transformieren und wählen Sie Vertikal
spiegeln. Auf diese Weise entsteht die Illusion als würden Funkeln
von Grund auf entstehen Lassen Sie uns nun das Aussehen mit dem
CC-Linseneffekt
noch weiter verbessern mit dem
CC-Linseneffekt
noch weiter Suchen Sie den Effekt und
ziehen Sie ihn auf den Festkörper. Ändern Sie nun die Größe auf 170
und sehen Sie, wie das aussieht. Jetzt sehen die Glitzer an den
Rändern der Szene
etwas verzerrt aus Es ist jedoch wichtig, diesen Effekt
nicht zu übertreiben, sonst die
Dinge seltsam aussehen könnten Unser Maximum liegt diesmal bei 170. Ich finde, es sieht toll aus, aber ich denke, wir müssen die Ränder
der Glitzer
abdunkeln . Öffnen wir den Farbverlauf und bewegen den roten Farbpunkt
leicht nach oben. Ich denke, wir können diese Farbe auch etwas
abschwächen. So etwas in der Art. Okay, lassen Sie uns jetzt diese Pre-Comp einschalten Und da hast du es. Die Funken des Feuers fügen sich perfekt
in die Textanimation ein. Gehen wir nun zum Anfang
der
Animation über und animieren
die Funkeln, um diese Vorkomposition vorübergehend
auszuschalten Lassen Sie uns nun den
Schneefalleffekt öffnen und Lassen Sie uns ihn zu
Beginn der Animation auf Null setzen. Lassen Sie uns nun einen
Keyframe mit diesem Wert erstellen. Drücken Sie anschließend auf Sie, um das
Schlüsselbild auf der Ebene zu sehen. Gehen wir nun zur
zweiten Zahl zwei über und ändern den Wert auf 300. Mal sehen, wie es
aussieht. In Ordnung. Ich finde, es sieht toll aus. Lassen Sie uns nun
diese Vorkomposition einschalten und
lernen , wie Sie die
Wikinger-Symbolanimation erstellen Wir werden diese Animation
mit einem kostenlosen Plug-In erstellen, das in wenigen Augenblicken
zusammen heruntergeladen und installiert
wird Nehmen wir an, wir haben beschlossen,
unserer Animation, die wir im Internet
gefunden haben,
ein cooles Designelement hinzuzufügen unserer Animation, die wir im Internet
gefunden haben,
ein cooles Designelement , das sich auf
das Konzept unseres
Firmenbrands und seines Logos bezieht . Nachdem die Kunden dem Hinzufügen
einer neuen Grafik zugestimmt haben, die im ursprünglichen
Logo-Design nicht vorhanden ist, können
wir das
Grafik-Asset aus
dem Internet herunterladen und
in unserem Assets-Ordner speichern. Gehen wir nun zum
Ordner Assets
und rufen den Ordner Free Pick auf. Hier betreten wir einen Ordner
namens Viking Symbol. Klicken Sie mit der rechten Maustaste auf die EPS-Datei und wählen Sie, ob Sie
sie in Illustrator öffnen Lassen Sie uns nun dieses Design für einige Animationen
vorbereiten. Lassen Sie uns zunächst
den schwarzen Hintergrund loswerden , weil wir ihn nicht benötigen. Wählen wir nun die gesamte
Form aus und färben sie schwarz. Als Nächstes ändern wir den
Namen in einen
Standardnamen , damit wir keine Probleme mit
der Animation
haben. Nennen wir es Viking
Zicon. Lass uns zu File gehen. Klicken Sie auf Speichern
unter, um es auf Ihrem Computer zu speichern
und im selben Ordner wie
dieses Asset zu speichern. Stellen Sie einfach sicher, dass Sie es
als Illustrator-Datei speichern. Lassen Sie uns abschließend den
Namen ändern und auf Speichern klicken. Ordnung, jetzt kehren wir zu
unserem Projekt zurück und importieren
die Datei, die wir gerade gespeichert Gehen Sie über das Projektfenster und doppelklicken Sie hier auf den
leeren Bereich. Lassen Sie uns nun den Ordner
dieses Grafikelements suchen. Wie Sie sehen, können wir die Datei, die
wir gerade gespeichert haben, nicht sehen. Wenn Sie die Datei nicht sehen können, erkläre
ich Ihnen in einer Minute, wie Sie
dieses Problem lösen können. Diejenigen, die die Datei sehen können, es ist die neue Illustrator-Datei Wählen Sie sie einfach aus
und klicken Sie auf Importieren. Dann warte, bis wir
den gleichen Punkt wie du erreicht haben. Es dauert nur ein
paar Sekunden. In Ordnung, lass uns von hier
wegziehen. Obwohl in Illustrator alles in Ordnung
zu sein scheint, kann es manchmal in Illustrator alles in Ordnung
zu sein scheint, Fehlfunktionen
der gespeicherten Datei kommen In solchen Fällen können Sie einfach die problematische
Datei „Weiter“
löschen, zu Illustrator
zurückkehren und sie erneut als
Illustrator-Datei
speichern, diesmal
jedoch in einem
anderen Ordner ohne den Namen zu ändern Suchen Sie nun den Ordner, in dem Sie die Datei
speichern, und da ist sie Wir können sehen, dass
die Datei gültig ist. Und bevor wir
das in unser Projekt
und After Effects importieren , ändern
wir den Namen. Wenn Sie fertig sind, wechseln Sie zurück
zu After Effects. vor dem Import der Datei
sicher, dass Sie sie
im vorgesehenen Ordner abgelegt haben. Schließlich können Sie die Datei bequem in Ihr Projekt
ziehen. Großartig. Und jetzt sind wir alle
an demselben Punkt angelangt. Und in diesem Fall können
wir Filmmaterial auswählen. Da dieses Dokument nur eine
Ebene enthält, benötigen
wir After
Effects nicht, um
eine separate Komposition
für eine einzelne Ebene zu erstellen . Wählen Sie als Nächstes aus demselben
Grund die Option „Ebenen zusammenführen“. Hier sehen wir die
Illustrator-Datei im Projektfenster. Ziehen wir diese Datei
in unsere Komposition. Schalten Sie die anderen Ebenen aus, schalten Sie den transparenten
Hintergrund ein. Und Sie können
dieses Panel auch schließen. Jetzt werden wir lernen, wie man es mit einem
sehr coolen Plug-In
animiert Aber bevor wir das
Plug-In installieren, gehen wir zu Bearbeiten,
dann zu Einstellungen und geben
Scripting and Expressions dann zu Einstellungen und geben
Scripting and Expressions wir nun sicher, dass alle Einstellungen
genau meinen entsprechen Wenn sie auf Okay gedrückt werden, speichern Sie das Projekt
mit der Taste S und schließen Sie es, damit das
Plug-In ordnungsgemäß funktioniert. Okay, und jetzt suchen wir das
Plug-In, das wir installieren müssen. Sie können auf den Link in
der PDF-Datei klicken , die sich
im Ordner dieses Kurses befindet. Oder öffnen Sie Google und
suchen Sie nach Sabre After Effects. Gehe jetzt zur ersten Website. Scrollen Sie ein wenig nach unten, bis Sie den Plugin-Download
sehen. Ich werde die
Version für Windows herunterladen. Der Installationsvorgang für Mac-Benutzer ist genau derselbe. Ordnung, wählen Sie nun einen Ordner auf Ihrem Computer
, um das Plug-In zu speichern. Ich werde es in
dem Ordner speichern, in den ich alle
After
Effects-Plug-ins herunterlade. Lassen Sie uns nun diese Datei extrahieren. Sobald Sie fertig sind, können Sie diese Datei
löschen. Gehen wir nun in diesen Ordner
und öffnen seine Installation. Drücken wir Ich stimme zu. Wenn Sie frühere
Versionen von After Effects verwenden, wählen Sie Benutzerdefiniert und
wählen Sie Ihre Version aus. In Ordnung, klicken wir auf
Installieren und beenden. Großartig. Und jetzt sind wir
bereit, mit dem nächsten Teil fortzufahren. Wenn wir lernen, wie man
das Viking Zicon
mit diesem Plug-In animiert , wird das großartig Wir sehen uns also im nächsten Teil. Aber bevor Sie
in die nächste Lektion eintauchen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
32. So verwendest du den Saber-Effekt: Willkommen zurück. Nachdem wir
alle das Plug-In installiert haben, wir zu unserem Projekt zurück, gehen zum AE-Ordner
und öffnen das Projekt. Um das
Plug-In nun auf unserer Ebene zu verwenden, müssen
wir zunächst seinen Pfad verfolgen. Dazu müssen
wir zuerst die Ebene auswählen, zur Ebene wechseln und Autotrace
auswählen Autotrace analysiert
das Bild und erstellt eine Reihe von Pfaden,
die auf den Kanten und
Farbkontrasten im Bild basieren die auf den Kanten und
Farbkontrasten im Okay, also lass uns jetzt darauf klicken. Stellen Sie sicher, dass alle
Einstellungen mit meinen übereinstimmen. Stellen Sie sicher, dass Sie das Häkchen deaktivieren,
invertieren und drücken. Okay, jetzt haben wir unsere Form, die aus vielen Masken besteht Wir können diese Ebene löschen. Lassen Sie uns jetzt den
transparenten Hintergrund ausschalten. Wählen wir nun
die Ebene aus und drücken Sie ihn, um alle Masken darauf zu sehen. Wir können dieses Panel erweitern. Wie Sie sehen können, hat After
Effects für jede Maske
einen Keyframe erstellt .
Wir brauchen sie nicht Lassen Sie uns alle
auswählen und
sie löschen , indem wir die
Rücktaste drücken oder Löschen Scrollen Sie nach unten, um sicherzustellen, dass Sie alle Keyframes
ausgewählt haben. Lassen Sie uns nun ein
Maskendruck-Steuerelement auswählen
, um alle auszuwählen und sie alle auf einmal zu
schließen. Sobald Sie fertig sind, können Sie
die Ebene jetzt schließen , um den Effekt, den wir erzeugen, besser kontrollieren zu können. Bald müssen wir all
diese Masken kopieren und auf einen Festkörper
einfügen. Lassen Sie uns einen neuen Volumenkörper erstellen. Wir nennen es Viking. Stellen Sie sicher , dass es die gleiche Größe
wie die Komposition hat. Färben Sie den Festkörper
schwarz ein. Und schlag. Okay. Wählen wir nun diese Ebene aus und drücken sie, um alle Masken
anzuzeigen. Wählen Sie die erste Maske aus. Drücken Sie die Strg-Taste und wählen Sie alle aus. Drücken Sie nun Strg
C, um sie zu kopieren. Als Nächstes schließen wir diese
Ebene. Wählen Sie den Festkörper aus. Und drücken Sie Strg V, um
die Masken auf diesen Festkörper einzufügen. Sie können diese Ebene jetzt löschen. Jetzt können wir den Sabre-Effekt hinzufügen. Gehen wir zum Effektfenster
und suchen nach dem neuen Effekt, den wir
installiert haben , namens Sabre Drag
the effect on the new solid Lassen Sie uns einige Parameter anpassen. Öffnen Sie zunächst den benutzerdefinierten Kern und stellen Sie sicher, dass der Effekt auf
die Masken auf dieser Ebene verweist. Wechseln Sie anschließend in den Alpha-Modus
und ändern Sie ihn in Mask Glow. Lassen Sie uns vorerst
das Leuchten ausschalten, weil ich Ihnen eine praktische Abkürzung
zeigen möchte. Lassen Sie uns ein wenig heranzoomen und über die Abkürzung
sprechen. Wie Sie sehen können, haben
wir auf dieser Ebene viele Maskenpfade. Manchmal kann es
unsere Arbeit bei der Erstellung
detaillierter Pfadanimationen beeinträchtigen . Zum Glück gibt es
eine coole Abkürzung, um diese Pfade zu
verstecken. Drücken Sie die Tastenkombination Shift H. Mit dieser Tastenkombination können Sie die Sichtbarkeit
von Ebenensteuerungen
wie Masken, Effektsteuerungen
und Transformationseigenschaften
im Kompositionsfenster ein- und
ausschalten wie Masken, Effektsteuerungen und Transformationseigenschaften
im Kompositionsfenster Auf diese Weise können wir sehen, was
wir besser machen. Okay? Und jetzt können wir den Glanz
zurückbringen. Und fangen wir an, die
Parameter des Effekts zu ändern. Stellen Sie die Kerngröße auf 0,50 Als Nächstes legen Sie die Globusneigung auf eins Für den Leuchtbereich
können Sie ihn auf 0,8 setzen.
Lassen Sie uns abschließend die Farbe
in leuchtendes Orange ändern Um den Pfad nun zu animieren, müssen
wir Keyframes
für den Endversatz festlegen Gehen wir zum Anfang
der Timeline und erstellen einen Keyframe mit
dem Wert Null Drücken Sie nun auf Sie, um das von uns erstellte
Schlüsselbild zu sehen. Gehen Sie zur vierten Sekunde über. Ändern Sie nun den Wert auf 100. Jetzt haben wir einige coole Animationen mit
Enthüllungseffekten. Wählen wir nun die Schlüsselbilder und drücken Sie F neun, um sie zu beschleunigen. Machen wir es interessanter, indem wir die Maskenentwicklung animieren Aber anstatt diesen
Parameter mit Keyframes zu drehen, können
wir es intelligenter machen Frage, was sollten wir tun, um diesen Parameter zu drehen,
ohne Keyframes zu erstellen Lass es uns zuerst mit einem
Ausdruck machen. Um einen neuen Ausdruck
für diesen Parameter zu erstellen, müssen
wir die Alt-Taste gedrückt halten und einmal auf den
Parameter Stoppuhr
klicken. Lassen Sie uns nun das Zeitsternchen
fünf schreiben und sehen, wie es aussieht. Aber wie Sie sehen können, sehen
wir nicht die Rotationsanimation,
die
wir gerade erstellt Das liegt daran, dass die Form ihre maximale Enthüllung
erreicht hat. Lassen Sie uns das Problem beheben, indem wir
den letzten Keyframe für den
Endversatzparameter ändern , für
die
Erzeugung des Enthüllungseffekts verantwortlich ist Bleiben wir bei diesem
Schlüsselbild und ändern wir es auf 20. Jetzt
erreicht die Enthüllung der Formen noch nicht ihre volle Ausdehnung, sodass wir die
Drehbewegung auf diesem Pfad sehen können. In Ordnung, jetzt
öffnen wir den Flicker. Ändere die Intensität auf
100 und die Geschwindigkeit auf zehn. Das heißt, wir haben jetzt eine kleine
Flacker-Animation auf diesem Pfad Damit sind wir
mit diesem Effekt fertig. Wir können den Effekt schließen. Lassen Sie uns nun alle Ebenen einschalten und diese Ebene nach unten verschieben. Lassen Sie uns nun einen
Hintergrund für unsere Szene erstellen. Drücken wir dazu
Strg Y und erstellen einen neuen Volumenkörper. Ändern Sie den Namen in BG und
stellen Sie sicher, dass er dieselbe
Größe wie die Komposition hat. Belassen Sie die Farbe
Schwarz und klicken Sie auf OK. Als Nächstes fügen wir diesem Festkörper den
Verlaufseffekt hinzu. Um zu wissen, welche Farben verwendet werden
sollen, gehen wir zum
Projektfenster und ziehen die Hintergrundebene als Referenz in
unsere Szene. Wählen Sie nun den Volumenkörper aus und kehren Sie
zu den Effektsteuerungen zurück , um den Effekt darauf zu
sehen. Lassen Sie uns zunächst
die richtigen Farben ausprobieren. Jetzt können wir sehen, dass der
Farbverlauf hier kreisförmig ist. Lassen Sie uns es auch für
unseren Festkörper ändern. Wir können diese Ebene löschen. Lassen Sie uns die
Verlaufsfarben positionieren, aber wie Sie sehen können, können
wir sie nicht sehen. Das liegt daran, dass wir
die Ebenensichtbarkeit zuvor mithilfe
der Tastenkombination
Shift H ausgeblendet haben. Drücken wir erneut
diese Tastenkombination, um die Ebenensteuerungen
wieder einzublenden. Jetzt können wir
die Farben entweder
von hier aus oder direkt
vom Punkt aus verschieben . Lass uns
so etwas erstellen. Lassen Sie uns nun den Hintergrund
unter allen Ebenen platzieren. Wie Sie sehen können,
können wir es überhaupt nicht sehen. Das liegt daran, dass wir darüber unseren Festkörper mit dem Symbol
haben. Um den Hintergrund
im Symbol zu sehen, müssen
wir den
Mischmodus der Symbolebene ändern Ich zeige dir, was ich meine. Klicken wir hier
, um die Optionen
für die verschiedenen
Mischmodi der Ebenen zu sehen für die verschiedenen
Mischmodi der Ebenen Lassen Sie uns nun die
Mischmodi für
den Volumenkörper öffnen und einen
Mischmodus namens diesen auswählen Da hast du es.
Meiner Meinung nach sollte
der Hintergrund etwas dunkler
sein. Kehren wir
zum Verlaufseffekt zurück und verdunkeln die Farbe etwas Lassen Sie uns nun die
Textanimation etwas
interessanter gestalten , indem wir
eine kleine Kamerabewegung erzeugen. Geben wir dazu
diese Komposition ein. Wählen wir nun die Kamera aus und drücken, um ihre Position zu sehen. Gehen wir zu dem
Zeitpunkt über, an dem der Text
seine Animation abschließt , und erstellen das erste Schlüsselbild
mit dem aktuellen Wert, wir
das erste Schlüsselbild
mit dem aktuellen Wert,
denn zu diesem Zeitpunkt soll sich die Kamera an
dieser Position befinden. Gehen wir zum Anfang
der Timeline, um zu sehen, was
wir mit der Kamera machen. Klicken Sie hier und wählen Sie zwei Ansichten. In diesem Panel können wir unsere gesamte Szene aus einer
anderen Perspektive betrachten. Sehen Sie es von
oben. Es ist viel bequemer für uns, die
Kamera so nach vorne zu bewegen. Jetzt, wenn der Text eingegeben wird, bewegt sich
die Kamera von ihm weg. Lassen Sie uns die Qualität
für einen Moment verringern, um die Kamerabewegungen zu überprüfen, die
wir gerade erzeugt haben. Ordnung, jetzt kehren wir zur
Hauptkomposition zurück und erstellen eine maßstabsgetreue Animation für das Symbol. Wählen Sie es aus und drücken Sie S, um
die Skala für diese Ebene zu öffnen. Stellen wir uns nun an den
Anfang der Timeline, ändern die Größe auf 150 und erstellen das erste Schlüsselbild. Gehen wir nun zur
zweiten Zahl fünf über, bis zu dem Zeitpunkt,
an dem die Kamera
ihre Animation beendet hat, und vergrößern wir diese Ebene auf 180. Lassen Sie uns
auch hier die Qualität verringern und sehen, wie es aussieht. Ich finde es sieht toll aus. Drücken wir nun die Strg-Taste
, um das Projekt zu speichern. Bevor wir weitermachen, noch
eine letzte Sache: Gehen wir zurück zum Gradienten im Hintergrund und ändern
die Rampe, Streuung auf 100 Wie wir in der
vorherigen Lektion gelernt haben, sollte
dies das
Erscheinungsbild des Farbverlaufs verbessern Fahren wir nun mit dem nächsten
Teil fort, in dem wir
das Aussehen der Szene verbessern und
die endgültige Animation rendern werden.
Wir sehen uns dort.
33. Nützliche Tipps und Rendering: Willkommen zurück. Beginnen wir mit der Verbesserung des
Aussehens der Szene. Aber vorher sollten wir
die Qualität wieder auf
vollen Stand bringen und das Stromnetz ausschalten. Isolieren Sie diese Ebene
, sodass wir sie nur sehen. Gehen wir nun etwas näher heran
und vergrößern dieses Panel. Klicken Sie nun mit der rechten Maustaste
auf die Textebene, gehen Sie zu Ebenenstile und wählen Sie den inneren Schatten aus, genau wie in
der vorherigen Lektion. Lassen Sie uns die Farbe auf Weiß ändern, die Deckkraft auf 100
und den Mischmodus auf Bildschirm
einstellen und den Mischmodus auf Bitteschön, wir haben ein cooles
Highlight kreiert. Lassen Sie uns nun eine
geeignetere Farbe für das Design wählen. Wählen Sie eine orange Farbe,
damit sie mit
dem Symbol und dem
Feuerschlag auf der Rückseite verschmilzt . Als Nächstes aktivieren wir
das globale Licht, ändern den Abstand auf
drei und die Größe auf zwei. Dadurch entsteht ein cooler
Hintergrundbeleuchtungseffekt hinter dem Text. Ich zoome ein bisschen hinein, damit Sie
sehen können, wovon ich spreche. Wie Sie sehen können, verleiht es dem Design eine
nette Note. Ordnung, jetzt
isolieren wir auch den Hintergrund , um zu sehen, wie er
mit den Hintergrundfarben aussieht. Fügen wir nun einen weiteren Effekt , um das Aussehen noch weiter zu verbessern. Gehen Sie zum
Effektfenster, geben Sie Sweep ein und ziehen Sie den Effekt namens CC Light Sweep auf
die Textebene Lassen Sie uns nun
diesen Effekt animieren, um eine
aufregendere Animation zu erzeugen , wenn
der Text in die Szene eindringt Lassen Sie uns den
Zeitpunkt ermitteln , an dem der Sweep beginnen soll Sagen wir ab der
Vier-Sekunden-Marke. Lassen Sie uns nun den
ersten Keyframe für
den Parameter erstellen , der für
die Position des Sweeps verantwortlich Drücken Sie auf Sie, um den von uns erstellten
Keyframe zu sehen. Gehen Sie nun zur
Sieben-Sekunden-Marke über. Und schieb den Kehrer hierher. Lass uns sehen, wie es aussieht. Es sieht toll aus. Lassen Sie uns an dem Punkt stehen, an dem wir
den Schwung im Text sehen ,
und ihn ein wenig verfeinern Lassen Sie uns zunächst
die Farbe auf Gelb ändern. Passen wir nun die
anderen Parameter an. Wenn Sie mehr
über einen neuen Effekt erfahren möchten,
probieren ihn aus und ändern die verschiedenen Parameterwerte,
während Sie sich Ihre Szene ansehen. Auf diese Weise werden Sie verstehen, was jeder Parameter steuert
und, was noch wichtiger ist, wie er sich auf das
Erscheinungsbild Ihrer Szene auswirkt. Okay, jetzt möchte ich eine wichtige Notiz
machen. Wie Sie sehen können, ist
die Ausgangsposition
des Sweeps hier. Wenn wir ein paar
Sekunden in die Vergangenheit reisen, scheint
es, dass der Text an dieser Stelle mit dem
Sweep
kollidiert Das bedeutet, dass sich die Position
des
Sweeps
bis zur dritten Sekunde außerhalb der Szene befinden
sollte . Das werden wir nicht sehen Wenn sich der Text
an dieser Position befindet, beginnt
der Sweep erst
ab Sekunde drei in
die Szene einzudringen erst
ab Sekunde drei in
die Szene Dann wird die
Animation ausgeführt, die wir zuvor eingerichtet haben. Ordnung, jetzt wählen wir den Effekt aus und duplizieren
ihn mit Steuerung D, wir können den ersten Effekt schließen. Jetzt verwenden wir den zweiten Effekt nur, um dem Text eine zusätzliche
Markierung hinzuzufügen. Lass uns hier klicken und
alle Keyframes entfernen , die wir erstellt haben. Jetzt platzieren wir den Sweep in der Mitte und drehen
ihn um 90 Grad. Lassen Sie uns auch die Farbe
ein wenig ändern und
die Kantenstärke erhöhen Wir können ein bisschen hineinzoomen, um zu
sehen, was wir tun. Wir setzen das auf drei. Lassen Sie uns nun die
Sweep-Intensität auf
400 erhöhen und die
Sweep-Intensität auf 60 reduzieren Dann auch mit 60. Jetzt haben wir zusätzliche
Highlights im Text. So sieht es ohne
den doppelten Effekt aus. So sieht es damit aus. Meiner Meinung nach
sieht es so besser aus. Wie Sie sehen können, haben wir in
der Mitte des Titels
einige nette Highlights. Okay, lassen Sie uns alle Ebenen
zurückbringen. Jetzt möchte ich einen
Schlagschatten für unsere Textebene erstellen. Dadurch sieht es
besser aus, da Kontrast
zwischen dem Text
und der Form dahinter
nicht ausreicht , um einen
Schlagschatteneffekt auf der Ebene zu
erzielen. Wir müssen im Effektfenster
danach suchen und es auf die Ebene
ziehen. Wenn wir jedoch einen
Light-Sweep-Effekt auf derselben Ebene haben, kann der
Schlagschatten dadurch seltsam aussehen Wie Sie sehen können, sieht es
eher nach einem Glühen aus. Es wird auch dann
so aussehen, wenn ich den Schlagschatteneffekt
über den Lichtkegel
verschiebe. Lassen Sie uns ihn jetzt entfernen. Ich zeige Ihnen, wie Sie
zusammen mit dem Lichtkegel
einen richtigen Schlagschatteneffekt erzeugen können. Klicken Sie dazu mit der rechten Maustaste auf
die Zusammensetzung der Textebene. Gehen Sie zu Ebenenstile und
wählen Sie Drop Shadow. Lassen Sie uns nun den Effekt öffnen
und die Parameter anpassen. Okay, ich denke, das
sieht gut genug aus. Lassen Sie uns nun eine kleine
Farbkorrektur an
der gesamten Szene vornehmen . Erstellen wir dazu eine neue Einstellungsebene und wenden einen Effekt
namens Kurven darauf an. Lassen Sie uns diesen Teil
des Griffs etwas nach unten
und diesen Teil etwas nach oben bringen , damit wir mehr
Kontrast in der Szene erzeugen. Als Nächstes kopieren wir den Effektnamen und fügen ihn in die
Einstellungsebene ein. Aber jetzt merke ich, dass der Sweep zu klein
aussieht, um ihn zu ändern Wir können zum
ersten Light-Sweep-Effekt zurückkehren und seine Form ändern Ich lasse es linear. Jetzt möchte ich dir
einen coolen Trick zeigen , um die
Szene interessanter aussehen zu lassen. Da wir Fire Strike
im Hintergrund haben, können
wir den inneren
Schatteneffekt, den wir zuvor hinzugefügt haben, animieren , um das
Gefühl zu erzeugen, dass unser Text durch den
Feuerschlag dahinter
beeinflusst wird durch den
Feuerschlag dahinter
beeinflusst Lass mich dir zeigen, was ich meine. Wählen wir zunächst diese Ebene aus
und drücken zweimal die U-Taste, damit wir alle
Parameter und Effekte darauf sehen können Lassen Sie uns
hier alle Effekte schließen , bis wir
zum inneren Schatten gelangen Lassen Sie uns nun einen
Ausdruck in der Opazität erstellen. wir dazu die Alt-Taste
gedrückt und klicken Sie einmal auf die
Opacity-Stoppuhr Lassen Sie uns nun den
folgenden Ausdruck hier schreiben. Sobald wir fertig sind, klicken wir
hier, um die Aktion zu beenden. Lassen Sie uns diese Ebene isolieren
, um zu sehen, wie sie aussieht. Beachten Sie, dass der innere
Schatten jetzt flackert, was uns das Gefühl gibt
, dass das Licht von den
Feuerfunken dahinter
kommt von den
Feuerfunken dahinter
kommt Ordnung, lassen Sie uns jetzt
die Outro-Animation
für die gesamte Szene erstellen die Outro-Animation
für die Fangen wir mit der
Titelanimation an. Lassen Sie uns zunächst auf
die Textkomposition eingehen. Wir können jetzt zurückkehren, um uns einen anzusehen. Stellen Sie sich an die Neun-Sekunden-Marke , wenn der Text
seine Animation beendet hat. Und kürzen Sie den Arbeitsbereich mit der N-Taste bis zu
diesem Punkt. Klicken Sie nun mit der rechten Maustaste auf den Arbeitsbereich und wählen Sie Trim
Comp to Work Area fertig sind, kehren wir zur
Hauptkomposition zurück und
duplizieren diese Vorkomposition, wählen sie aus und drücken D. Klicken Sie dann mit der rechten Maustaste
auf die neue Vorkomposition, gehen Sie zur Zeit und wählen Sie
die Ebene Time Jetzt
funktioniert diese Vorkomposition als unsere
Text-Out-Animation Wir können den ersten
Sweep, den wir hier haben, löschen , weil wir ihn nicht brauchen
, um den Text noch einmal durchzugehen Lassen Sie mich erklären, warum. Lassen Sie uns diese Pre-Comp
an das Ende der
ersten Pre-Comp verschieben an das Ende der
ersten Pre-Comp Stellen Sie sicher, dass beide Pre-Comps perfekt nebeneinander
ausgerichtet sind perfekt nebeneinander
ausgerichtet Da diese Pre-Comp
im Wesentlichen die Umkehrung
der ursprünglichen Pre-Comp ist , sehen
wir, dass der Sweep Das gefällt mir nicht. Ich schlug vor
, den ersten Sweep zu löschen Okay, jetzt
kommen wir zum Ende
dieser Vorkomposition und drücken rein, um den Arbeitsbereich auf diesen Punkt zu
kürzen, weil wir danach nicht alles
rendern müssen Als Nächstes erstellen wir eine
Outro-Animation für die Sparkles. Wählen wir die Ebene aus und drücken sie, um die darauf befindlichen
Schlüsselbilder anzuzeigen Kopieren wir nun diese Keyframes und fügen sie am
Ende der Animation Klicken Sie nun mit der rechten Maustaste auf einen von ihnen. Gehen Sie zum
Keyframe-Assistenten und wählen Sie „Keyframes
umkehren“ , um die Animation
umzukehren Lassen Sie uns
diese Keyframes abschließend hierher verschieben. Wenn wir fertig sind,
wählen wir die Symbolebene aus, drücken und erstellen
bei der zweiten Zahl sieben eine
Ausblendanimation bei der zweiten Zahl sieben Erstellen Sie zu diesem Zeitpunkt
den ersten
Keyframe mit dem aktuellen Wert Gehen Sie nun zur zweiten Zahl neun und ändern Sie die
Deckkraft auf Null Lassen Sie uns abschließend
diese Keyframes vereinfachen. Lassen Sie uns nun die Qualität verringern
und sehen, wie es aussieht. Ich finde es großartig. Stellen
wir nun die Qualität auf voll ein und bereiten uns darauf vor,
die Szene kurz vor dem Rendern zu rendern. Lassen Sie uns die Software bereinigen, um unerwartete Probleme
beim Rendern zu vermeiden. Gehen Sie dazu zu Bearbeiten, Löschen und wählen Sie den gesamten
Speicher und den Festplatten-Cache Klicken Sie dann auf Okay und
warten Sie ein paar Sekunden. Lassen Sie uns nun
das Projektfenster organisieren, einen Ordner mit dem Namen Assets
erstellen und die Ordner mit
den Logo-Ebenen und dem
festen Ordner sowie die Viking-Symboldatei hineinziehen den Logo-Ebenen und dem
festen Ordner sowie die Viking-Symboldatei hineinziehen . Als Nächstes erstellen Sie einen neuen
Ordner namens precomps. Und ziehen Sie alle Precomps, die wir während
des Projekts erstellt haben, hinein, mit Ausnahme der Hauptkomposition,
die wir mit einer
anderen Farbe versehen können Als Nächstes schließen wir
diese Vorkompositionen. Drücken Sie Strg S, um das Projekt zu
speichern. Drücken Sie nun Strg M, um im Ausgabemodus auf
das Render-Panel zuzugreifen . Wählen Sie H 0,264 40 MBPS. Und rendern Sie die Animation
in unseren Renders-Ordner,
überprüfen Sie den Namen, drücken Sie auf
Speichern und rendern Sie dann Und jetzt warte einen Moment. Großartig. Und jetzt wollen wir
sehen, was wir haben. Es sieht ausgezeichnet aus. Ihr solltet stolz auf euch
sein, denn ihr habt heute viel gelernt. Und jetzt gehen wir zurück zu
unserem Projekt und schließen es ab. Diesmal
müssen wir das Projekt nicht organisieren
, da wir es bereits vor dem Rendern
gemacht haben. Schließen Sie also einfach das Programm
und speichern Sie das Projekt. Denken Sie daran, auch
Illustrator zu schließen. Ich hoffe, Ihnen hat die Sitzung gefallen und ich freue mich darauf, Sie
in der letzten Lektion
dieses Kurses zu sehen in der letzten Lektion
dieses Kurses Wir werden eine supercoole
Logo-Animation für
ein erfundenes Tierheim erstellen Logo-Animation für
ein erfundenes Tierheim , indem wir
tief in die Arbeit mit einer Kamera
in einem dreidimensionalen Raum eintauchen . Es wird großartig werden.
Also wir sehen uns dort.
34. Logo #4 Heimaufgabe: Hallo zusammen. Ich hoffe, Sie fanden die Lektionen hilfreich und haben
einige neue und interessante Dinge gelernt . Um sich besser an
alles erinnern zu können, was wir besprochen haben empfehle
ich dringend, diese
Hausaufgabe zu üben . Ihre Aufgabe ist es,
diese coole Animation neu zu erstellen. Sie haben die Freiheit,
die Farben zu ändern und
zusätzliche Grafiken hinzuzufügen , wenn Sie auf
Probleme stoßen oder Fragen haben Schauen Sie sich gerne
die AE-Projektdatei an, um zu sehen, welche Schritte ich unternommen habe. Darüber hinaus
können Sie mich jederzeit um Hilfe bitten. Viel Glück.
35. Logo #5 - Animiere ein Logo für ein Tierheim: Hallo da. In dieser Lektion werden
wir eine
tolle Logo-Animation
für ein imaginäres
Wildtierheim erstellen für ein imaginäres
Wildtierheim Diese Art von Animation
ist sehr beliebt. Es wird immer ein
Unternehmen geben, das Sie bittet,
eine Animation zu erstellen , in der
alle Mitarbeiter zusammen
mit dem Firmenlogo erscheinen. In dieser Lektion werden wir uns
eingehend mit der Welt der
Drei-D-Raum- und After
Effects sowie der
Drei-D-Kamerabewegungen befassen Drei-D-Raum- und After . Wir werden auch lernen, wie Sie
das Projekt intelligent erstellen , sodass Sie problemlos zu einem anderen Bild
wechseln oder
ein neues hinzufügen können zu einem anderen Bild
wechseln oder
ein neues hinzufügen , ohne
die Animation zu beeinträchtigen Diese Animation besteht aus
drei animierten Hauptteilen. Wir werden jeden Teil
separat erstellen und sie dann verbinden
und zeitlich aufeinander abstimmen. Lassen Sie uns direkt darauf eingehen.
36. Wie du viele Bilder in einem 3D-Raum organisierst: Hallo und willkommen zur letzten
Lektion für diesen Kurs. Lassen Sie uns die
Lektion damit beginnen, zu sehen, wie dieses Logo
in Illustrator erstellt wird Öffnen wir dazu
den Hauptordner, den wir für den Kurs
erstellt haben ,
und rufen den AI-Ordner Öffnen wir nun das fünfte Logo. Dieses Design ist ebenfalls
in mehrere Schichten aufgeteilt. Es gibt eine Hintergrundebene, eine Ebene für das
orangefarbene Rechteck, eine Ebene für den Haupttext, bei der sich um eine Gliederungstextebene handelt. Das bedeutet, dass dies
keine Textebene ist, wir den Text als Nächstes ändern können, und eine Ebene für den Slogan. Der Slogan ist eine
normale Textebene die in der
Monserrat-Schrift geschrieben Ordnung, jetzt wie immer, bevor wir uns mit
After Effects befassen, müssen
wir uns eine
interessante Möglichkeit überlegen, es zu animieren Wie ich immer sage, ist es
sehr wichtig,
eine grobe Storyboard-Skizze
der Idee zu erstellen eine grobe Storyboard-Skizze
der , die eine Verbindung
zum Konzept des Logos herstellen kann Lassen Sie uns die Ideendatei öffnen
und uns ansehen, was ich für dieses
Tierheim-Logo-Design geplant
habe Da es bei dem Unternehmen
darum geht , Tieren ein
Zuhause zu bieten, dachte
ich, es
wäre cool alle Tiere im Logo
zusammenkommen würden. Auf diese Weise können wir zeigen, dass
das Unternehmen
all diese Tiere zusammenbringt und ihnen ein Zuhause gibt. Nur damit Sie es wissen, das
ist die Art von Animation , die große Unternehmen und
Konzerne ständig verwenden. Okay, lassen Sie uns jetzt
After Effects zusammen öffnen Wir können dieses Fenster schließen ,
sodass wir alle
dieselbe Bedienfeldanordnung sehen können. Klicken wir auf Standard. Lassen Sie uns nun mit der Erstellung
unserer ersten Komposition fortfahren. Wir nennen es Logo
Animation Five. Als Nächstes gehen wir zum
Drei-D-Rendern über. Da
wir in der vorherigen Lektion den Cinema
Four D-Renderer verwenden Stellen wir sicher, dass wir uns
derzeit auf Classic Three D nicht auf Cinema Four D befinden, da wir diesen Renderer in diesem Projekt nicht verwenden
müssen Renderer in diesem Sobald wir fertig sind, kehren wir
zu Basic zurück und fahren auch
diesmal mit den Kompositionseinstellungen fort. Wir
werden in vollem Umfang arbeiten. HD-Format hat eine Breite von 1.920 Pixeln und eine Höhe von
1080 Pixeln Dann stellen wir die Bildrate
auf 30 Bilder pro Sekunde ein, und die Komposition wird 20 Sekunden lang
sein Wir lassen den
Kompositionshintergrund schwarz. Klicken Sie abschließend auf Okay. Lassen Sie uns nun unser
Logo-Design in das Projekt importieren. Doppelklicken Sie auf den leeren
Bereich im Projektfenster, gehen Sie
dann in den AI-Ordner
und wählen Sie das fünfte Logo aus. Achten Sie darauf, diese Funktion nicht zu
überprüfen und klicken Sie hier auf Import. Wir wissen bereits, dass wir die Komposition auswählen
müssen, da wir diese
Datei in separaten Ebenen haben möchten. Hier wählen wir die Ebenengröße aus, weil wir möchten, dass die
Ebenengrenzen der Objektgröße und
nicht der Größe des Dokuments entsprechen . Jetzt importieren wir die
Tierbilder in unser Projekt. Sie finden sie
im Assets-Ordner. Ich habe diese Bilder
von der Vado-Website heruntergeladen. Sie sollten hier jetzt
einen weiteren Ordner mit dem
Namen Neu Ignorieren sehen Namen Neu Ignorieren Vorerst werden wir uns am Ende
der Lektion damit In der Zwischenzeit wählen wir hier
alle Bilder aus
und klicken auf Import. Klicken wir nun hier, um die Bilder in einer
übersichtlicheren Form zu
sehen. Bevor wir mit der Arbeit
an der ersten Szene beginnen, speichern
wir das Projekt
und geben ihm einen Namen. Dieses Mal machen wir es mit
der Tastenkombination. Suchen wir nun den Ordner, den
wir für die Lektion erstellt haben. Rufen Sie den AE-Ordner auf und geben Sie dem After Effects-Projekt, an dem
wir gerade arbeiten, einen Namen. Sie können dieses
Projekt auswählen, um
den Namen als Beispiel zu verwenden, und ihn auf
fünf ändern, um das Vertrauen zu unterstreichen Wenn Sie fertig sind, klicken Sie auf Speichern. Lassen Sie uns nun lernen, wie Sie mit Projekten mit
vielen Bildern
umgehen , bei denen wir die Bilder möglicherweise
jederzeit im Projekt ändern müssen . Weil der Kunde uns jederzeit bitten
kann unterwegs ein neues
Bild
zu ändern oder hinzuzufügen,
um das Projekt so zu erstellen, dass wir die Bilder
schnell ändern können,
ohne die Animation zu Bilder
schnell ändern beeinträchtigen. Wir müssen für jedes Bild eine
Vorabversion erstellen. Lassen Sie uns die
erste Pre-Comp mit
dem ersten Bild erstellen , um eine
neue Pre-Comp-Press-Steuerung zu erstellen Lassen Sie uns dieses
Pre-Comp-Foto eins nennen und entscheiden, dass es ein Format von
1080 mal 1080 Pixeln haben
wird Sie können die anderen
Einstellungen unverändert lassen. Klicken Sie jetzt auf Okay, großartig Wir sind automatisch zum neuen Pre-Comp
übergegangen. Sie finden es auch im
Projektfenster. Ziehen wir nun das erste
Bild in diese Vorkomposition. Wie Sie sehen können, ist
es ziemlich groß. Drücken wir S und passen die Größe an die Abmessungen dieses
Precomps an Ich finde 30 ausgezeichnet. Jetzt verschieben wir das Foto hierher, damit wir
diesen Teddybären sehen können Lassen Sie uns nun die Ecken
des Bildes abrunden. Und wir werden es mit
der Track-Matte-Funktion machen. Lass mich dir zeigen, was ich meine. Wir müssen sicherstellen, dass wir die Ebene
nicht auswählen. Stellen Sie nun sicher, dass wir
das Rechteckwerkzeug mit einer weißen
Füllfarbe und ohne Kontur verwenden . Doppelklicken Sie anschließend hier. Auf diese Weise erstellen wir ein Rechteck, das genau
der Größe dieser Komposition entspricht. Lass uns das Rechteck öffnen. Lassen Sie uns auch hier seinen Pfad öffnen. Wir werden die
Eigenschaft „Rundheit“ ändern. Meiner Meinung nach ist 100 ausgezeichnet. Lass uns die Ebene schließen. Jetzt können wir diese Form mithilfe
einer Trackmat-Funktion als Maske für das Foto verwenden
. Wenn Sie es nicht sehen, können
Sie hier klicken. Lassen Sie uns nun die Trainingsmatte ziehen. Wähle die Peitsche des Bildes
in Richtung des Quadrats. Da hast du es. Wir haben abgerundete Ecken für das Bild erstellt. Im Grunde wird dieses Bild nur innerhalb der
Grenzen des Quadrats sichtbar sein. Okay, ich platziere das Foto hier. Lassen Sie uns nun lernen, wie
Sie das zweite Bild vorbereiten, ohne
jedoch alle
Aktionen zu wiederholen, die wir bisher ausgeführt haben. Dazu müssen wir
die Vorkomposition des ersten Bildes
über das Projektfenster duplizieren die Vorkomposition des ersten Bildes
über das Projektfenster Wählen wir die Komposition aus und drücken Sie automatisch die Taste D. In After Effects nennen wir die
neue Komposition Foto zwei. Das ist großartig für
uns. Geben wir nun diese Komposition ein, um
das Bild zu ersetzen und
den gleichen Überblick zu behalten. Verrückt auf Einstellungen. Wir
wählen hier die Bildebene aus. Lassen Sie uns nun das zweite Bild
darauf fahren , während Sie die Alt-Taste gedrückt
halten. Schließlich passen wir
die Größe und Position des Bildes an, indem wir
die Maustaste gedrückt halten
, während wir
das neue Foto auf das
vorherige ziehen . Wir
ersetzen sie im Grunde genommen zwischen ihnen und
behalten dabei die Einstellungen
des ersten Fotos Lassen Sie uns nun mit der
Erstellung der Komposition
für das nächste Bild fortfahren Erstellung der Komposition
für das nächste Bild Wählen wir diese
Komposition aus und duplizieren wir sie mit Steuerung D.
Gehen wir hinein. Wählen Sie das Bild aus, das wir ersetzen
möchten, und fahren Sie fort, während Sie die Alt-Taste gedrückt
halten. Lassen Sie uns nun
das neue Foto neu positionieren. Fantastisch, jetzt wiederholen wir diese Aktion, bis wir alle Bilder
fertig haben Es ist gut, dass wir
dieselbe Aktion viele
Male machen , denn so
kannst du dich besser daran erinnern. Okay, nachdem wir alle
Vorkompositionen für jeden in
erstellt haben , können
wir sie über
das Ebenenbedienfeld schließen Aber anstatt es manuell
zu tun, verwenden
wir eine praktische Abkürzung Halten Sie die
Steuertaste gedrückt und drücken Sie die Taste mehrmals, bis wir alle
Vorabversionen für die Bilder
geschlossen haben alle
Vorabversionen für die Bilder
geschlossen Wenn Sie versehentlich auch die
Hauptkomposition schließen, doppelklicken Sie
im Projektfenster darauf Ordnung, um die
Dinge
im Projektfenster zu organisieren, erstellen
wir jetzt Dinge
im Projektfenster zu organisieren, einen neuen Ordner
namens Animals Picks. Als Nächstes wählen wir
alle Bilder und ziehen sie in diesen Ordner. Jetzt erstellen wir
einen weiteren Ordner namens precomps und ziehen alle Precomps für
die Fantastisch. Bevor wir weitermachen, drücken
wir die Strg-Taste, um
alles zu speichern, was wir bisher gemacht haben. Öffnen wir nun den
Precomps-Ordner und ziehen alle Precomps für die Bilder
in die Hauptkomposition in Sie können diesen Ordner jetzt schließen. Jetzt lernen wir, wie man
diese Schichten im Drei-D-Raum verteilt . Dazu müssen
wir zuerst eine neue Kamera erstellen. Klicken Sie mit der rechten Maustaste hier, gehen Sie zu
Neu und wählen Sie Kamera. Wir werden mit der
Ein-Node-Kamera mit
einem
35-Millimeter-Objektiv arbeiten . Klicken Sie auf Okay. Damit die Kamera nun mit diesen Vorkompositionen
interagieren kann, müssen
wir all diese
Ebenen in drei D-Ebenen umwandeln Klicken wir hier, um auf die Funktion mit
den drei D-Ebenen zuzugreifen. Wählen wir nun alle
Ebenen aus und konvertieren sie in drei D-Ebenen, damit wir
die Ebenen
bequemer im Drei-D-Raum verteilen können. Lassen Sie uns unsere Vorschau
auf die benutzerdefinierte Ansicht umschalten.
Wir können den
transparenten Hintergrund ausschalten, Wir können den
transparenten Hintergrund ausschalten um zu sehen, was wir besser machen. Wir können den
Vorschaubildschirm auch so einstellen, dass er passt. Lasst uns jetzt verstehen,
was hier vor sich geht. Hier können wir unsere gesamte
Szene von der Seite sehen. Hier befindet sich die
Kamera. Hier sind alle Ebenen, die derzeit
übereinander gestapelt Jetzt können wir
das zweite Bild auswählen und
es entlang des Griffs der Z-Achse bewegen Wir könnten diese Ebene auch
durch die Ebene selbst bewegen. wir dazu
die Taste, um die
Positionseigenschaft zu sehen. Jetzt können wir den Wert
der Z-Achse manuell ändern. Wählen wir das erste Bild aus und drücken P, um seine Position sowie
den Wert der Z-Achse zu sehen, der derzeit auf Null gesetzt
ist. Lassen Sie uns den Z-Achsenwert
für das zweite Bild auf 500 ändern. Wählen wir nun
das dritte Bild aus und drücken P, um auch seine
Position zu sehen Und ändern Sie den
Z-Achsenwert auf 1.000 Warum 1.000, weil er 500 Pixel
hinter dem zweiten Bild Auf diese Weise halten wir einen gleichbleibenden Abstand zwischen den Schichten im
dreidimensionalen Raum Gehen wir zur nächsten Ebene und platzieren sie hinter
dem dritten Bild. Anstatt es auszuwählen
und manuell zu verschieben. Auf diese Weise können wir den Wert der Z-Achse einfach auf
1.500
ändern . Okay, du hast die Idee. Lassen Sie uns nun dieses Panel vergrößern. Wählen Sie alle Ebenen aus und
drücken Sie, um ihre Position zu sehen. Dann ändern wir die
Z-Achse für jede von ihnen addieren jedes Mal 500 Pixel zum Wert der Ebene
davor. Ordnung, jetzt
klicken wir hier, um sicherzustellen, dass
keine Ebene ausgewählt ist. Und drücken Sie dann noch
einmal, um
die Position für alle
Ebenen gleichzeitig zu schließen . Als Nächstes kehren wir
zu Active Camera zurück, um zu
sehen, wie unsere Szene
durch die von uns erstellte Kamera aussieht. Gehen wir nun zum
nächsten Teil des Projekts über. Und ordnen Sie
die Bilder weiterhin über den Raum
der drei D hinweg an und
verwechseln Sie ihre Position, um das
Ganze interessant zu halten. Es wird eine lustige Fahrt werden. Wir sehen uns im nächsten Teil. Aber bevor Sie mit
der nächsten Lektion beginnen, empfehle
ich Ihnen
dringend, eine zehnminütige Pause einzulegen, von Ihrem Stuhl
aufzustehen, sich leicht zu dehnen und ein Glas Wasser zu trinken. Das wird dir helfen,
dein Gehirn für die nächste Lektion wieder aufzuladen .
37. 3D-Kamera: Willkommen zurück. Lassen Sie uns lernen ,
wie Sie die Bilder im Drei-D-Raum nach
dem Zufallsprinzip anordnen Zunächst können wir das Bild zu
den Seiten
bewegen und dann
weiter beobachten, wie die Szene durch die Kamera
aussieht Wir können mit zwei Ansichten arbeiten. Bei der Arbeit mit dieser Methode ist
es wichtig, hier auf den blauen Rahmen
zu achten. Das bedeutet, dass wir gerade dieses Panel
auswählen. Das bedeutet, dass alle
Einstellungen hier nur für
dieses Panel gelten , wenn ich
den Vorschauhintergrund optimiere Wir werden ihn nur im
rechten Bereich sehen Wenn wir jetzt hier klicken, wählen
wir dieses Panel Jetzt gelten all
diese Einstellungen dafür. Nur in diesem Panel
sehen wir die Szene aus einer
Perspektive von oben, also von oben. Nun, ich möchte nicht, dass du
das mit mir machst. Hör einfach zu. Ich möchte erklären,
was hier passiert. Wir können hier auch
mit benutzerdefiniertem D-One arbeiten. Wenn ich die Kamera nun
entlang ihrer Z-Achse
im rechten Bereich nach vorne bewege , werden die Bilder
größer. Es ist wichtig zu
verstehen, dass wir nicht die
Ebenengröße des Objekts vergrößern, sondern es mit
der Kamera vergrößern, sodass es größer erscheint Mit anderen Worten, in diesem Panel sehen
wir die Szene durch
das Objektiv der Kamera Okay, also wähle ich
dieses Panel aus und setze es
wieder in die Ansicht von oben. Jetzt kannst du es mit mir machen. Gehen wir mit
der mittleren Maustaste in diesen Bereich. Wenn Sie die
mittlere Maustaste nicht gedrückt haben, können
Sie die Leertaste gedrückt halten und den Bildschirm
mit der Maus ziehen. Okay, bevor wir die Bilder
positionieren und zu den Seiten
verschieben, bewegen
wir unsere Kamera
ein bisschen nach hinten Jetzt wählen wir
das erste Bild aus, halten die Strg-Taste und wählen jede zweite Ebene Gehen wir nun näher heran und
verschieben diese Ebenen mithilfe der
X-Achse zur Seite. Wenn wir fertig sind, klicken wir
hier
auf das kleine Quadrat und kennzeichnen diese Ebenen
mit einer anderen Farbe. Dadurch wird es viel einfacher , die
restlichen Ebenen auszuwählen. Klicken Sie nun auf das Quadrat
dieser Ebene und
wählen Sie Ebenengruppe auswählen. Lassen Sie uns nun diese
Ebenen zur Seite verschieben, Dies. Als Nächstes wählen wir die Kamera aus
und bewegen sie vorwärts und rückwärts, um zu überprüfen, wie die Bewegung mit der aktuellen
Anordnung der Bilder
aussieht Wie Sie sehen können, ist
alles zu eng. Meiner Meinung nach müssen wir die Bilder etwas
verkleinern. Wählen wir dazu
all diese Ebenen aus, verarbeiten sie und ändern sie auf 30. Wenn wir jetzt die Kamera bewegen, haben
wir etwas Abstand
zwischen den Bildern. Mal sehen, wie es aussieht.
Das ist viel besser. In Ordnung, lassen Sie uns jetzt unsere Kamera
animieren. Gehen wir zum Anfang
der Timeline. Und bewegen Sie die Kamera an den Punkt ,
von dem aus
sie sich bewegen soll, irgendwo hier,
vor dem letzten Bild. Drücken wir nun P und erstellen das erste Keyframe
mit dem aktuellen Wert. Gehen wir dann zu den zehn Sekunden über und bewegen die Kamera so
rückwärts Mal sehen, wie es
aussieht. Es sieht toll aus. Es ist ein guter Zeitpunkt
, die
Kontrolltaste zu drücken , um alles zu speichern, was
wir bisher gemacht haben. Jetzt, wo wir
die Kamerabewegungen haben, können
wir in
der Timeline navigieren und können
wir in
der Timeline navigieren und die Bilder interessanter
anordnen. Zum Beispiel können wir
zu diesem Zeitpunkt aufhören. Wir können den Wolf hier hochheben, was
von diesem Panel aus leicht zu bewerkstelligen ist. Gehen wir nun in der
Zeit voran und bringen den Fuchs hierher. Lassen Sie uns als Nächstes in der Zeit
voranschreiten. Wir können den
Leoparden hier unten platzieren. Lassen Sie uns
so lange weitermachen, bis wir alle
Tierbilder auf
dem Drei-D-Feld angeordnet Tierbilder auf
dem Drei-D-Feld Unser Ziel ist es,
die Bilder
so zu verteilen, dass sich
alle Bilder
ungefähr in der
Mitte der Szene befinden, wenn die
Kamera ihren letzten Punkt erreicht der
Mitte der Szene befinden, wenn die der
Mitte Wir werden sehr bald verstehen, warum wir das
tun. Vorerst sieht das gut aus, in der Timeline
weitermachen und
die Bilder weiter anordnen wenn wir
in der Timeline
weitermachen und
die Bilder weiter anordnen. Mal sehen, wie es zu Beginn
der Bewegung der
Kamera aussieht . Aber vorher
wählen wir dieses Panel aus und stellen die Vorschau so ein, dass wir den gesamten Frame sehen
können. Ordnung, jetzt wollen wir sehen ob es ein Bild gibt, das
wir anpassen müssen. Wir können den Leoparden hierher bringen. An diesem Punkt geht die Kamera direkt
durch das
Bild, und das gefällt mir nicht Ich stelle mich an den
problematischen Rahmen und verschiebe das Bild an eine
etwas andere Position. Hier gibt es noch ein Bild, das verschoben werden muss. Wir können es etwas
weiter nach rechts verschieben. Bisher sieht alles gut aus. Lassen Sie uns nun lernen, wie Sie in unserer Szene
einen coolen
Tiefenschärfe-Kameraeffekt erzeugen . Dies bedeutet, dass einige
Teile der Bilder
verschwommen und andere
scharf sind Schließen wir dazu die
Kamera und öffnen sie erneut. Öffnen wir nun die
Kameraoptionen. Übrigens,
anstatt es manuell zu tun, können
wir
die Taste einfach zweimal drücken. In Ordnung, jetzt
aktivieren wir die Schärfentiefe. Beachten Sie, dass eine neue Zeile in unserer Kamera
erschienen ist. Wenn wir die
Fokusentfernung ändern, bewegt sich diese Linie. Diese Linie definiert, wo sich
der Fokusteil befinden wird. Um zu verstehen, was wir tun, erhöhen
wir die Blende auf 100. Jetzt können wir die
Schärfentiefe sehen. Derzeit ist es besser, der Fokus
liegt neben der Zebraebene. Diese Ebene ist im Fokus und der Rest der
Ebenen nicht Wir können den Fokus auf
die Position
der Hundeebene verschieben , um zu sehen, wohin der Fokuspunkt verschoben werden
muss. In diesem Bereich können wir die
Hundeebene auswählen. Auf diese Weise können wir ihre
Position in der Ansicht von oben sehen. Jetzt können wir die
Fokusentfernung auf diesen Punkt verschieben. In Ordnung, ich bin mir sicher, dass
du verstanden hast, worum es geht. Jetzt platzieren wir
den Fokusabstand irgendwo in der Mitte
des Kameraobjektivs. Da sich die Kamera bewegt, sieht
es so aus,
als würde sich
der Fokus ändern , wenn sich die Kamera von
einem Bild zum anderen bewegt. Schauen wir uns an, wie es aussieht. Es sieht toll aus. Jetzt können wir die Kamera schließen
und weitermachen. Drücken wir nun
Control Why, um
einen Festkörper zu erstellen , in dieser Szene
als Hintergrund dient. Ändern Sie den Namen in B, G.
Stellen Sie sicher, dass der Volumenkörper dieselbe Größe wie die Komposition und ändern Sie seine Farbe in Weiß. Lassen Sie uns nun diese Ebene
nach unten verschieben und sie nicht
zu drei D machen, damit sie nicht von der Bewegung
unserer Kamera
in der Szene beeinflusst wird . Auf diese Weise
bleibt die Hintergrundebene an Ort und Stelle
, wenn sich die Kamera bewegt. Ordnung, sobald wir mit dem
Komponieren der Szene
im Drei-D-Raum fertig sind, können wir wieder mit Ansicht eins
arbeiten Wählen wir nun all diese Ebenen aus und
drücken Strg+Shift C sie alle
zu unterkomponieren. Nennen wir es Pick Comp. Stellen Sie sicher, dass beide Optionen
ausgewählt sind, und klicken Sie auf OK. Jetzt sind wir bereit für den nächsten
Schritt, in dem wir lernen werden ,
wie man das Logo
des Unternehmens mit der
Szene der Bilder kombiniert . Lassen Sie uns zunächst den Logotext suchen und ihn in
unsere Komposition ziehen. Im nächsten Schritt
müssen wir die Unterkomposition
der Bilder nur
innerhalb der Textgrenzen sichtbar machen der Bilder nur
innerhalb der Textgrenzen sichtbar Klicken wir dazu hier und verwenden Sie die
Track Mat-Funktion Auch hier wollen wir die
Vorkompilierung der Bilder. Wir werden die
Textebene als Maske verwenden. Deshalb ziehen wir
den Track Matt Pick Whip von der Pix Pre Comp
in Richtung Textebene Jetzt fungiert die Textebene als Matte für die Bildvorkomposition In Ordnung, jetzt lassen Sie uns diese Ebene verarbeiten
und vergrößern. Wie Sie sehen können, ist sie momentan sehr
pixelig. Welche Funktion sollten wir auf
die Illustrator-Ebene anwenden, um ihre Qualität zu
maximieren Um dieses Problem zu lösen, klicken
wir hier und wenden die Funktion
zum Zusammenklappen auf diese Ebene an Jetzt ist der Text klar
und sieht gut aus. Sobald wir fertig sind, setzen wir
die Größe auf 100 zurück. Gehen wir nun zu dem
Zeitpunkt dem die Kamerabewegung
in der Bildvorkomposition endet, sagen
wir bei der
Zehn-Sekunden-Marke Lassen Sie uns nun das erste
Schlüsselbild für die Skalierung
dieser Ebene erstellen , um After
Effects mitzuteilen , dass
diese Ebene
zu diesem Zeitpunkt diese Größe
haben soll Gehen wir nun zurück zum
Anfang der Zeitleiste und skalieren die Ebene, bis
sie den gesamten Bildschirm bedeckt. Wir können die Ebene von
diesem Punkt aus übernehmen und sie skalieren,
während wir die Shift-Taste gedrückt halten. Schreiben wir hier 3.000, das haben wir jetzt. Aber wir wollen
die Textform im Moment
überhaupt nicht sehen . Wir müssen auch die
Position dafür anpassen. Drücken wir dazu die Umschalttaste und gehen wir nun zur
Zehn-Sekunden-Marke. Wir legen ein Schlüsselbild mit
dem aktuellen Wert fest,
weil wir wissen, dass diese Ebene dort befinden muss, wo sie sich zu diesem Zeitpunkt
gerade befindet. Gehen wir jetzt zurück
zum Anfang
der Timeline und verschieben
die Ebene etwas nach rechts. Wir
müssen sie vergrößern und beide Parameter
weiter synchronisieren bis wir
die Textteile nicht mehr sehen Okay, schreiben wir 6.800 für die Skalierung und stellen sicher, dass wir die Ecken des Textes nicht
sehen In
Ordnung, lassen Sie uns jetzt einen guten Zeitpunkt
finden um mit dem Verkleinern der Textebene zu beginnen ,
die wir Ich denke, wir können
diese Animation mit
der zweiten Nummer sieben beginnen der zweiten Nummer Da dies der Punkt ist, an dem alle Bilder im Rahmen
zu sehen sind. Lassen Sie uns diese
beiden Schlüsselbilder auswählen und sie auf die
zweite Zahl sieben verschieben. Auf diese Weise startet der Text die Animation von der Sekunde an
und nicht am Anfang. Mal sehen, wie es aussieht. Wie Sie sehen können,
bewegt sich der Text gegen Ende sehr schnell. Dies liegt daran,
dass sich
der Wertparameter
der Skala innerhalb
kürzester Zeit stark ändert der Wertparameter
der . Um dies zu beheben, wählen wir alle Keyframes aus und
drücken F neun, um sie zu beschleunigen. Verschieben Sie nun diese beiden
Schlüsselbilder auf Bild Nummer sechs,
um die Animation etwas zu
verlängern. Lass es uns jetzt sehen. Es sieht besser aus. Gehen wir nun zur zweiten Nummer zehn und erstellen den Teil, in dem
der Text weiß wird. Dazu können wir die
Zusammensetzung der Bilder eingeben. Um dies zu erreichen,
duplizieren Sie nun den weißen Hintergrund und platzieren Sie ihn über allen Ebenen. Drücken Sie nun die linke
Klammer, um
diese Ebene an die Position
der Zeitanzeige zu verschieben . Drücken Sie nun, um die
Deckkraft dieser Ebene anzuzeigen. Lassen Sie uns hier ein Schlüsselbild mit
einer Opazität von Null erstellen. Gehen Sie zu den zweiten 12 und
ändern Sie die Deckkraft auf 100. Lassen Sie uns abschließend
diese Keyframes auswählen und F 9 drücken, um sie zu vereinfachen. Mal sehen, wie es aussieht. Es sieht gut aus. Drücken Sie nun auf dieser Ebene auf die Mitte und ändern Sie
den Namen in White Fade. Wenn wir nun zur
Hauptkomposition zurückkehren, können
wir sehen, dass wir
den Effekt erzeugt haben , bei dem der
Text weiß wird. Okay, jetzt ist es ein
guter Zeitpunkt, Strg S zu
drücken , um alles zu speichern, was
wir bisher gemacht haben. Jetzt importieren wir
das Rechteck
des Logos, indem wir es
in unsere Komposition ziehen die besten
Animationsergebnisse zu erzielen, müssen
wir diese
Illustrator-Ebene nun in
eine geformte Ebene mit Pfaden umwandeln , die wir anpassen und skalieren können Klicken Sie dazu mit der rechten
Maustaste auf die Ebene. Gehen Sie zu Erstellen und wählen Sie
Formen aus Vektorebene erstellen. Sie können diese Ebene jetzt löschen. Öffnen Sie nun diese Formebene,
bis Sie ihren Pfad sehen. Gehen Sie dann zu dem Zeitpunkt an dem der Text
seine Animation beendet hat Dies ist
die zweite Zahl zehn. Erzeugt das erste Schlüsselbild für den Pfad in
seiner aktuellen Form. Gehen Sie jetzt zur zweiten Nummer acht
, um zu sehen, was wir tun. Wir können die Ebene isolieren und
nun die obersten Punkte
des Pfads auswählen und sie bei
gedrückter Umschalttaste nach oben
außerhalb der Szene ziehen . Wählen Sie nun diesen Teil aus
und ziehen Sie ihn nach unten. Als Nächstes zoomen wir ein wenig heraus, wählen die Seitenpunkte aus und
verschieben sie zu den Seiten. Wie Sie sehen können,
wurde auf diesem Pfad automatisch ein neuer Keyframe erstellt. Das bedeutet, dass
die Form dieses Pfads bis zur
zweiten Zahl Sieben so
aussehen wird . Diese Form ändert sich erst wenn
sie das erste Schlüsselbild erreicht, erst danach
beginnt sie zu schrumpfen Ordnung, jetzt
wählen wir diese Schlüsselbilder aus
und drücken F neun, um sie
in ASEs umzuwandeln. Halten wir als Nächstes die
Alt-Taste gedrückt und doppelklicken auf einen der Keyframes,
um die Geschwindigkeit zu ändern Stellen Sie ihn für beide
Achsen auf 85 ein und drücken Okay, lass es uns jetzt überprüfen. Okay, lassen Sie uns jetzt die Isolierung
deaktivieren, die Ebene
schließen und sehen, wie sie im Verhältnis zu dem
aussieht, was in der Szene
passiert. Ich denke, die rechteckige
Animation beginnt zu früh, um das Problem zu beheben.
Drücken Sie auf Sie, um die
Schlüsselbilder auf dieser Ebene zu sehen. Lassen Sie uns jetzt einen besseren Zeitpunkt
für den Start dieser Animation finden. Ich denke, es sollte
bei den zweiten Neun beginnen, sie
auswählen und
auf die zweite Nummer neun verschieben. Lass es uns jetzt überprüfen. Okay, lassen wir es
vorerst so und fahren mit dem nächsten
Teil der Animation fort, der darin besteht, einen Hintergrund
für
die Hauptkomposition zu erstellen , in der wir uns gerade
befinden Wie Sie sehen können, haben
wir momentan keinen
Hintergrund, wenn ich den Transparenzhintergrund für die Vorschau aktiviere Lassen Sie uns dafür einen erstellen. Wählen wir die
Hintergrundebene aus dem ursprünglichen Logo-Design aus. Lassen Sie uns einen Festkörper in der
Farbe dieses Hintergrunds erstellen. Bewegen Sie den Festkörper abschließend nach unten. Jetzt haben wir einen schönen
Hintergrund in der Szene. Großartig, wir können jetzt mit der
Animation des Logo-Slogans fortfahren. Lassen Sie uns die
Slogan-Ebene in unsere Szene integrieren. Jetzt platzieren wir es in der Szene. Wir können in der Zeit weitermachen
, um zu sehen, wohin wir es verschieben müssen. Halten Sie nun die
Umschalttaste gedrückt und bewegen Sie sie mit den
Pfeiltasten auf der Tastatur nach unten. Um zu vermeiden, dass sie die Animation beeinträchtigt
, positionieren
wir diese Ebene nun unter dem Rechteck, sodass
das Rechteck sie auf diese Weise
verdeckt Wir sehen es nur, wenn
das Rechteck schrumpft. Großartig. Lassen Sie uns nun
einen coolen Sweep kreieren, der den Slogan
übergeht, um die Aufmerksamkeit
des Betrachters Klicken wir dafür hier, um
sicherzustellen, dass wir keine Ebene
auswählen Wählen Sie das Rechteckwerkzeug aus, stellen Sie das Feld auf Weiß und
stellen Sie sicher, dass der Strich ausgeschaltet ist. Zoomen Sie nun ein wenig hinein und erstellen Sie ein Rechteck
, das so aussieht. Wählen wir nun diese
Ebene aus und drücken, drehen
wir die
Ebene um 30 Grad. Gehen wir nun zur
zweiten Nummer 11. Gehe zurück zum Auswahlwerkzeug. Verschieben Sie diese Ebene hierher, während Sie die Umschalttaste gedrückt
halten. Drücken Sie nun, um die
Positionseigenschaft
für diese Ebene zu sehen , und
erstellen Sie dann das erste Schlüsselbild. Gehen Sie als Nächstes zu Sekunde 13 und verschieben Sie die Ebene hierher, während Sie die Umschalttaste gedrückt
halten. Wählen Sie dann diese Schlüsselbilder aus und drücken Sie F neun, um sie zu vereinfachen. Leichtigkeit. Fantastisch. Drücken wir nun auf die Mitte dieser Ebene und ändern den Namen in Slogan Mat, oder Sie können ihn Slogan Sweep nennen Ordnung, jetzt
positionieren wir diese Ebene
über der Slogan-Ebene Klicken Sie hier, um die
Track-Matt-Funktion zu sehen. Ziehen Sie nun die Track-Pick-Peitsche
des weißen Rechtecks
in Richtung der Slogan-Ebene Dadurch wird sichergestellt, dass
das Rechteck
nur innerhalb
der Sloganform sichtbar ist nur innerhalb
der Sloganform sichtbar Lassen Sie uns abschließend wieder
zur Slogan-Ebene zurückkehren. Klicken Sie dann hier und wenden Sie
den Kollaps für diese Ebene an. Jetzt wollen wir sehen, wie es
aussieht. Sieht nett aus. Drücken wir Strg S
, um das Projekt zu speichern. Gehen wir nun zum
nächsten Teil über und erstellen eine Outro-Animation für die
gesamte Szene, die wir erstellt haben
38. So ersetzst du Bilder einfach: Willkommen zurück. Lass uns eine
Nutroanimation für diese Szene erstellen Aber vorher sollten wir unser Projekt ein wenig
organisieren. Wählen wir zunächst
diese beiden Ebenen und markieren sie orange. Das liegt daran, dass diese beiden Ebenen Animation des
Sloganteils
bilden. Als Nächstes markieren wir diese
Ebene braun. Diese beiden Ebenen werden
ebenfalls braun markiert , da sich diese drei Ebenen auf denselben
Teil der Animation beziehen, die Animation des Hauptlogos. Großartig. Damit
diese Animation nun mit
einem weißen Hintergrund endet, duplizieren
wir diese
orangefarbene rechteckige Ebene markieren sie mit einer helleren Farbe. Drücken Sie jetzt auf Sie, um die Schlüsselbilder zu
sehen. Gehe zur zweiten Nummer 13 und verschiebe sie
irgendwo hin. Vorerst. Klicken Sie dann mit der rechten Maustaste auf einen der Schlüsselbilder und kehren Sie deren Animation um. Verschieben Sie dann die Schlüsselbilder
auf die zweite Zahl 13. Lassen Sie uns nun die
Farbe dieser Ebene auf
Weiß ändern und sie unter
dem orangefarbenen Rechteck positionieren. diese Weise haben wir
den weißen Hintergrund erstellt, der am
Ende dieser Animation sichtbar sein
muss. Lassen Sie uns nun
eine Outro-Animation
für die restlichen
Ebenen in der Szene erstellen für die restlichen
Ebenen in der Szene Wählen Sie zunächst die
Textebene aus, halten Sie die Taste und wählen Sie die orangefarbene
Rechteckebene Drücken Sie S und gehen Sie zur
zweiten Zahl 13. Erstellen Sie einen neuen Schlüsselrahmen für das orangefarbene Rechteck und
einen weiteren für die Textebene. Gehen wir nun zur
zweiten Nummer 15 über. Skalieren Sie die Ebenen auf Null. Als Nächstes wählen wir
diese Keyframes und drücken Neun, um sie zu vereinfachen. Halten Sie nun die Taste gedrückt und doppelklicken Sie auf einen der Keyframes
, um die Geschwindigkeit zu ändern Mal sehen, wie es aussieht. Sieht toll aus. Lassen Sie uns jetzt
bei der zweiten Nummer 15 stehen. Sie können diese Ebenen schließen. Drücken Sie nun N, um den
Arbeitsbereich auf diesen Zeitpunkt zu kürzen. Sehen wir uns nun die gesamte
Animation von Anfang bis
Ende an . Es sieht toll aus. Lassen Sie uns nun lernen, wie Sie unserer Animation
neue Bilder hinzufügen, da dies ein
sehr mögliches Szenario sein kann wenn Sie Animationen
mit vielen Bildern erstellen. Klicken wir zunächst zweimal auf
das Projektfenster und
geben Sie den Ordnernamen ein. Wir wählen die drei neuen
Bilder aus und klicken auf Import. Um unser Projekt zu organisieren, öffnen
wir den Bildordner. Wählen Sie alle Bilder aus und markieren sie grün, damit wir
wissen, dass sie verwendet wurden. Platzieren wir nun
die neuen Bilder in diesem Ordner, um
die Reihenfolge der Bilder
besser zu sehen .
Wir können hier klicken, um
sie nach ihrer Farbe anzuordnen. Okay, jetzt geben wir die
Zusammensetzung der Bilder ein. Nehmen wir an, wir wurden gebeten, einer Szene neue Bilder
hinzuzufügen. Um dies so
schnell wie möglich zu tun, müssen wir
zunächst
die Komposition, die wir
bereits in der Szene haben,
über das Projektfenster duplizieren . Wählen Sie Komposition Nummer 12 und drücken Sie Strg D. Geben
wir die Komposition ein und wählen Sie
dann das Bild
aus, das Sie ersetzen möchten. Jetzt ziehen wir das neue Bild an
seine Stelle , während wir die Alt-Taste gedrückt
halten. Wenn Sie fertig sind, positionieren Sie
das Bild und markieren Sie es grün, damit wir
wissen, dass es verwendet wurde. Großartig. Lassen Sie uns nun eine
weitere erstellen. Dazu können
wir
diese Komposition duplizieren und das
Bild auch dort ersetzen. das neue Bild, während der
Elefantenpickel ausgewählt ist Suchen Sie das neue Bild, während der
Elefantenpickel ausgewählt ist. Halte die Maustaste gedrückt und ziehe es
auf den Elefanten. Passen wir die Größe und die Position des neuen Bildes markieren
Sie es dann ebenfalls grün. Großartig, lass es uns noch einmal machen. Wir werden
diese Komposition duplizieren. Wählen Sie das Bild aus, das wir ersetzen
möchten, und ersetzen Sie das
Bild auch hier. Passen wir die Größe und
Position des neuen Bildes an. Markieren Sie dieses
Bild abschließend grün. Gute Arbeit. Wir können
die neuen Precoms schließen. Jetzt möchte ich dir zeigen,
wie du
diese neuen Precomps sehr schnell in unsere
Animation integrieren kannst diese neuen Precomps sehr schnell in unsere Zuerst zeige ich dir,
wie du es nicht machen kannst. Mach es nicht mit mir, wir
machen es in Kürze zusammen. Eine Möglichkeit, das zu tun, besteht darin den neuen Precomp in
die Komposition einzufügen, die Ebene drei D zu
machen
und dann zu versuchen, einen guten Platz
dafür im Drei-D-Raum zu finden dafür im Drei-D-Raum Wie Sie wissen, kann das viel
Zeit in Anspruch nehmen. In Ordnung, jetzt zeige ich dir
einen besseren Weg, das zu tun. Du kannst es zusammen mit mir machen. Zuerst müssen wir entscheiden, wo wir das neue Bild
platzieren wollen. Sagen wir irgendwo zwischen der Schildkröte und dem Hund. Als Nächstes duplizieren Sie den Turtle
Precomp mit Steuerung D. Dann
können wir ihn hierher verschieben Vorerst, weil das
ungefähr der Ort ist , an dem ich das neue Bild einfügen
möchte So wie wir nun innerhalb der
Bildkompositionen zwischen
Bildern wechseln , können
wir diese Methode verwenden, um zwischen den Vorkompositionen zu
wechseln Wählen wir das neue Duplikat aus. Und ziehen Sie die Komposition
mit dem neuen Bild auf die duplizierte Komposition,
während Sie die Alt-Taste gedrückt halten Auf diese Weise behalten Sie
alle Daten der duplizierten Vorkomposition und können problemlos zwischen den
Vorkompositionen wechseln Jetzt können wir P auf
der neuen Komposition drücken und sie platzieren
, wo immer Passen wir die Position
des neuen Bildes an, bis wir
etwas bekommen, das uns gefällt Lassen Sie uns überprüfen, ob die Kamera nicht mit
dem neuen Bild kollidiert Wir können es
etwas senken. Großartig. Jetzt üben wir das noch einmal und
fügen die zweite neue Komposition ein. Okay? Zuerst müssen wir die Stelle finden, an der wir das neue Bild platzieren wollen
. Dann können wir einfach den Fuchs kopieren, ihn an die Stelle
verschieben und ihn mit Bild Nummer 14 austauschen Sobald das erledigt ist,
drücken Sie einfach P und bewegen Sie es ein wenig, bis es zum Rest der Szene passt Ich werde es vorerst hier platzieren. Und dann mit
der Zeitanzeige hin
und her gehen , um zu überprüfen
, wie das im Verhältnis
zur Szene aussieht.
Ich denke, wir sollten
es hierher verschieben. Sieht nett aus. In Ordnung, machen wir
das ein letztes Mal. Ich will hier ein neues Bild,
dafür können wir die Katze kopieren, sie
dann hierher verschieben und
sie gegen Figur 15 austauschen. Und jetzt drück und finde einen
besseren Platz für den Geparden. Manchmal dauert es ewig, den richtigen Ort
zu finden, aber es ist cool, das ist
einfach ein Teil des Jobs Jetzt drücken wir Strg S
und speichern das Projekt. Alles klar? Jetzt will ich nicht, dass du es
zusammen mit mir machst. Ich möchte, dass du einfach zuhörst. Nehmen wir an, der Kunde
möchte, dass wir
ein bestimmtes Bild
durch ein anderes Bild
oder sogar ein Video
anstelle eines Bildes ersetzen ein bestimmtes Bild
durch ein anderes Bild . Das ist überhaupt kein Problem. Alles was wir tun müssen, ist
die Komposition des Bildes einzugeben , um das
sie uns gebeten haben, zu ersetzen Jetzt können wir das Video importieren. Ich werde das Video auswählen, das ich in einem meiner Kurse
verwendet habe. Lass mich es einfach ganz schnell finden. Ordnung, wir müssen
nur die Ebene auswählen, die wir ersetzen
möchten , und
die neue Ebene darauf ziehen ,
während wir die Alt-Taste gedrückt halten. Ich kann das Video nicht sehen, weil
es in Sekunde sieben endet. Deshalb verschiebe ich die
Zeitanzeige hierher. Jetzt muss ich die
Position und Größe des Videos anpassen. Wenn ich zur
Hauptkomposition zurückkehre, werde
ich das Video nicht sehen. Das liegt daran, dass wir an zweiter Nummer
neun
sind und mein Video
an zweiter Nummer sieben endet. Der Comp ist eindeutig da, aber da die Videoebene
bereits beendet ist,
sehe ich nichts In solchen Fällen kannst du das Video mit
der Stretch-Funktion hier
verlangsamen Jetzt können wir
mehr von dem Video sehen. Wenn ich zurück gehe, um
es mir im Hauptfilm anzusehen, werden
wir das neue Video sehen Okay, ich drücke ein
paar Mal Strg Z , bis ich
unseren Geparden wiedersehe Gehen wir jetzt zurück zur
Hauptkomposition und sehen die gesamte Animation ein letztes Mal an, bevor wir das Projekt
rendern Alles sieht gut aus. Lassen Sie uns vor dem Rendern das
Projektfenster organisieren. Lassen Sie uns zunächst einen
Ordner mit dem Namen Assets erstellen. Ziehen Sie die Ordner mit
den Logo-Ebenen, Tierbildern
und Festkörpern hinein. Lassen Sie uns nun die
Hauptkomposition blau markieren. Ziehen Sie als Nächstes alle Precomps, die wir während des Projekts
erstellt haben , in
den Precomps-Ordner, mit Ausnahme Lassen Sie uns alle Precomps schließen. Da wir an
einem komplexen Projekt gearbeitet haben, sollten wir es
vor dem Rendern bereinigen, damit
beim Rendern keine
unerwarteten Probleme auftreten beim Rendern keine
unerwarteten Probleme Frage, welche Maßnahmen sollten wir
ergreifen , um das Projekt
vor dem Rendern zu bereinigen? Gehen Sie dazu zu Bearbeiten. Wählen Sie den gesamten Speicher
und den Festplatten-Cache aus. Klicken Sie auf OK und
warten Sie einige Sekunden. Lassen Sie uns nun im Ausgabemodus die Taste
M drücken. Wählen Sie hier 0,264 für MBPS, wählen Sie aus, um die Animation in unseren
Renderordner
zu rendern, suchen Sie nach dem Namen, klicken Sie auf
Speichern und rendern Sie dann Warten wir jetzt
ein paar Augenblicke ab. Lass uns sehen, was wir haben. Sieht toll aus. Jetzt können Sie
das Video, das Sie in dieser Lektion erstellt haben, in soziale Medien hochladen und auf Ihrer
Portfolio-Website
präsentieren. In Ordnung, jetzt kehren wir
zu unserem Projekt zurück und schließen es. Vergessen Sie nicht, auch
Illustrator zu schließen. Damit haben wir den Kurs
abgeschlossen. Ich hoffe, Ihnen hat
der Kurs gefallen und haben viele neue und
interessante Dinge gelernt, und ich hoffe,
Sie im nächsten Kurs zu sehen.
39. Logo #5 Heimaufgabe: Hallo zusammen. Ich hoffe, Sie fanden die Lektionen hilfreich und haben
einige neue und interessante Dinge gelernt . Um sich besser an
alles erinnern zu können, was wir besprochen haben empfehle
ich dringend, diese
Hausaufgabe zu üben . Ihre Aufgabe ist es,
diese coole Animation neu zu erstellen. Sie haben die Freiheit,
die Farben zu ändern und
zusätzliche Grafiken hinzuzufügen , wenn Sie auf
Probleme stoßen oder Fragen haben Schauen Sie sich gerne
die AE-Projektdatei an, um zu sehen, welche Schritte ich unternommen habe. Darüber hinaus
können Sie mich jederzeit um Hilfe bitten. Viel Glück.
40. Logo-Animation Outro: Herzlichen Glückwunsch zum Abschluss
dieser fantastischen Reise. Ich bin wirklich stolz auf dich. Du hast einige
neue und großartige Fähigkeiten erlernt, statische Logos zum Leben
erweckt und bist tiefer in die
Welt des Motion Designs eingetaucht. Außerdem haben Sie jetzt fünf
Premium-Logo-Animationen, die Sie auf
Ihrer Portfolio-Website präsentieren
oder mit
Ihren potenziellen Kunden teilen können Ihrer Portfolio-Website präsentieren
oder mit
Ihren potenziellen Kunden teilen , um
ihnen zu zeigen , wozu Sie in
der Lage sind. Und denken Sie daran, dieser Kurs ist erst
der Anfang. In der sich ständig verändernden Welt
des Motion Designs gibt es immer
etwas Neues zu lernen . Probieren Sie also weiterhin neue Dinge aus, überschreiten Sie Ihre
Grenzen und teilen Sie Ihre großartige
Kreation mit der Welt. Ich hoffe, dir hat dieser Kurs gefallen. Vielen Dank, dass Sie Teil davon waren,
und ich kann es kaum erwarten,
Sie im nächsten zu sehen.