Transkripte
1. Intro: Hallo, das ist die Startseite Sho von Motion Circles.com In diesem Kurs werde
ich dir beibringen, wie
man trendige
Animationen erstellt , die
du Ich unterrichte seit vier
Jahren Motion
Design und habe
über 40.000 Schüler unterrichtet Ich fühle mich wirklich geehrt, , was
ich in
den letzten zehn Jahren gelernt habe,
mit der Community teilen und den Studenten auf ihrer Reise zum
Motion-Design
helfen zu
können den letzten zehn Jahren gelernt habe,
mit der Community teilen und den . Dieser Kurs ist inspiriert
von der Arbeit, die Matt, Boys und Pitrit
seit Jahren auf ihrem
Instagram-Kanal Sie haben Hunderte
von Möglichkeiten aufgezeigt,
Typografie zu animieren , und die Arbeit, die sie machen Wenn du dich dazu inspirieren lassen
möchtest, wie man Typografie animiert, schau dir
unbedingt
ihre Instagram-Seite in In diesem Kurs zeige ich dir, wie
du
Typografie
so animieren kannst, wie sie es tun, und
deinen Text unterhaltsam und visuell ansprechend gestalten deinen Text unterhaltsam und visuell ansprechend Dieser Kurs ist anfängerfreundlich. Ich werde jedoch nicht
zu sehr auf die Funktionsweise von After
Effects eingehen , wenn Sie
daran interessiert sind ,
die Software zu erlernen. Dieser andere Kurs,
der als vollständiger
Anfängerkurs zu After
Effects bezeichnet wird der als vollständiger
Anfängerkurs zu After , hilft Ihnen und ermöglicht Ihnen, sofort
mit der Software zu beginnen. In diesem Kurs werden Sie, auch wenn Sie
ein Anfänger sind und noch keine
Erfahrung mit After Effects
haben, in der Lage sein,
die Dinge, die wir vermitteln, Schritt für Schritt zu befolgen . Ich versuche, diesen Kurs
so einfach wie möglich zu gestalten, damit
Anfänger den Prozess
und die Logik hinter der Animation
verstehen . Sobald Sie verstanden haben, wie wir diese Typografien animieren, sind
Sie bestens
gerüstet, um
Ihre eigene Typografie-Animation
in dem von Ihnen gewünschten Stil zu animieren Ihre eigene Typografie-Animation
in Und fangen Sie an, alle möglichen Möglichkeiten auf eigene Faust zu erkunden
. Die Techniken und
Prozesse, die wir in
diesem Kurs vermitteln , sind
auf jedes andere
Motion-Design-Projekt anwendbar . Und Sie können
die Dinge, die wir hier vermitteln
, sofort auf andere
Projekte anwenden . Für das Klassenprojekt
werde ich Ihnen zeigen,
wie Sie verschiedene
Typografie-Stile animieren Schritt für Schritt können Sie die
Projektdateien
herunterladen, um sie weiterzuverfolgen Sie können auch
Ihr eigenes Wort und Ihr eigenes
Design wählen , um die
Techniken zu testen, die wir vermitteln. Das Ziel ist einfach, mit diesen
verschiedenen Projekten
Spaß zu haben. In der Klasse lernst
du alle wichtigen Aspekte von
After Effects anhand von Übungen aus der
realen Welt kennen. Wir werden uns damit befassen,
wie Sie
Ihre Designdatei
und Ihren Illustrator vorbereiten Ihre Designdatei
und Ihren Illustrator So passen Sie Ihr
eigenes Design-Storyboard an. So nutzen Sie kostenlose Plug-ins, um effektiver zu arbeiten
und Zeit zu sparen. So übernimmst du mithilfe
von
Geschwindigkeitsdiagrammen die volle Kontrolle über deine Animation und hauchst
deiner Bewegung Leben ein
wie ein Profi. So wenden Sie Spezialeffekte auf Ihre Typanimation an
und gestalten sie stilisiert So animieren Sie
realistische Sprünge. So wenden Sie einige einfache Animationsprinzipien
auf Ihr Projekt an Und wie man
einfache Keyframes und
Graph-Editoren verwendet , um
komplexe Animationen zu Unzählige Tastenkombinationen, Workflow-Tipps und Tricks, die Sie sofort verwenden können Am Ende des
Kurses werden Sie
ein umfassendes Verständnis dafür
haben, wie Sie
diese trendigen
Typografie-Animationen erstellen diese trendigen
Typografie-Animationen und in der Lage sein, sie selbst zu
erkunden Sobald Sie
mit diesem Kurs fertig sind, können
Sie sich
meine anderen Kurse ansehen
und sich eingehend Motion Graphics und After
Effects-Animationen zu verschiedenen
Themen befassen Wenn Sie während des
Kurses Fragen haben, zögern Sie nicht, mich zu kontaktieren. Ich helfe Ihnen gerne weiter. Freust du dich also darauf
, mit einer fantastisch
aussehenden, trendigen
Typografie-Animation
zu beginnen fantastisch
aussehenden, trendigen , die du online teilen Ich kann es kaum erwarten, dich im Unterricht zu
sehen.
2. Finde Inspiration: Willkommen in der Klasse.
Bevor wir anfangen eingehend mit After
Effects und Animation zu befassen, möchte
ich
darüber sprechen, wo ich Inspiration und
Farbpaletten finden kann.
Ich lasse mich gerne von
Pinterest und Heads inspirieren Die Inhalte sind kuratiert und
du wirst
tolle Designs und Animationen
auf Pinterest oder Heads finden tolle Designs und Animationen
auf Pinterest oder Geben Sie einfach alles ein
, wonach Sie suchen. Lass mich dir zeigen, wie es gemacht wird. Jetzt sind wir in der
Klemme und ich habe das Schlüsselwort
kinetische Das zeigt es mir. Bei Pinches
basiert
das Ergebnis grundsätzlich auf Ihrem bisherigen
Suchverlauf Je mehr Sie sich dieses
fantastisch aussehende Design
ansehen desto besser
wird es Ihnen das Design zeigen Im Grunde können Sie sehen, dass dies all die verschiedenen Arten von
kinetischen Typen
sind , auf die Sie
zurückgreifen oder von denen Sie sich inspirieren lassen können Etwas wie das hier. Einer
sieht ziemlich cool aus. Und wenn ich auf eines davon klicke, wenn du nach unten scrollst, kannst du auch einige der zugehörigen
Designs und Animationen sehen. Und das ist eine gute Möglichkeit, verschiedene Animations- oder Designstile
zu erkunden. Sie können auch sehen, dass es
verschiedene
Farbpaletten gibt , auf die Sie
sogar anhand
dieser Inspirationen zurückgreifen können sogar anhand
dieser Inspirationen Ich bin mir ziemlich sicher, ob du Pinterest zum ersten Mal
verwendest Es zeigt dir nicht so
viele gut aussehende Designs. Aber seien Sie geduldig, denn wenn
Sie es eine Weile verwenden, werden
all die verschiedenen
Designs angezeigt, die auf denen basieren, auf die Sie im Laufe der Zeit geklickt haben Deine Pinnwände werden
immer besser aussehen. Und das sind alles
großartige Ideen, mit denen
Sie Ihre
eigene Typografie animieren Einige von ihnen sind statisch,
andere animiert, und sie können alle
gute Referenzen sein Das war's mit Pinterest. Wenn du zu Hands gehst, können
wir nach
kinetischer Typografie suchen Sie können sogar ein
anderes Schlüsselwort verwenden, vielleicht vom Typ Animation Es
zeigt Ihnen nur eine Reihe verschiedener Ideen, wie
Sie Text animieren können. Und dieser spezielle
ist von Matt, wie wir im vorherigen Intro
erwähnt haben Und er hat viele
großartige Typografie-Animationen gemacht. Sie können auf seinen
Stil oder seine Animation verweisen. Es gibt eine Menge verschiedener
Optionen und es gibt auch andere tolle Designer, die
im Bereich Typografie arbeiten Und sie werden diese
wunderschöne kinetische
Typografie-Animation haben wunderschöne kinetische
Typografie-Animation wie diese, die auch
ziemlich cool aussieht Ich mag die Textur und
die Animation ist lustig,
verspielt, das sieht ziemlich gut aus Ich persönlich
benutze nicht oft Hände, deshalb kann man die
Bretter hier an Händen sehen, sie sehen nicht so gut aus
wie die Bretter in Pinchest Sobald Sie eines der Programme oder
die
Software eine Weile benutzt haben, wird
es den Stil annehmen,
den Sie mögen Und dann wird
es dir durch
ihren Algorithmus immer mehr diejenigen empfehlen, die
dir gefallen haben
oder auf die du zuvor geklickt hast Deshalb siehst du
diese farbenfrohe Palette oder eine Reihe verschiedener Animationen, die sich auf meinem Board befinden Und wenn du im Laufe der Zeit
auf diese wunderschön aussehenden
Bilder klickst , werden
immer bessere Designs sodass du sie
deinem Geschmack anpassen Das ist also eine gute Möglichkeit,
Referenzen zu erhalten oder sich von
den tollen Designs und
Animationen inspirieren zu lassen
, die wir bereits im Internet haben . Was die Farbpalette
angeht, ist
dies die Website,
die ich gerne verwenden würde Es heißt Cooler Stassio. Wenn Sie zu Tools gehen und dann erkunden können,
gibt es eine Menge Farbpaletten, die
derzeit beliebt sind und
die Sie Sie können einfach einen
Screenshot machen oder sogar Ihre eigenen Paletten erstellen Wenn wir zum
Palettengenerator gehen und auf die Leertaste drücken, werden
all diese Farben aufgefüllt Wenn dir eine der
Farben gefällt, kannst du sie sperren. Sagen wir, wenn ich, lassen Sie uns wie diesen
hier besiedeln. Wenn mir diese beiden Farben gefallen, kann
ich sie hier sperren. Und dann füge
weitere Farben hinzu. Ich mag dieses Gelb hier. Und dann lassen Sie uns
die beiden auf der linken Seite weiter bevölkern. Ich hasse einfach die Leertaste, um die Farben
hier auf der linken Seite
ständig zu wechseln und zu
überlegen, bis ich eine gute finde, ich finde das ziemlich Also werde ich diese
Palette für mein Projekt speichern. So lassen wir uns
vom Internet inspirieren und bekommen auch eine
gute Farbpalette. In diesem Kurs
werde ich viele
Tastenkombinationen verwenden , die auf meinem Bildschirm angezeigt
werden. Tastenkombinationen
eignen sich hervorragend , um Ihre
Effizienz und Ihren Arbeitsablauf zu verbessern. Es unterscheidet den
Amateur-Animator von den Profis. Wenn Sie es
professionell machen möchten,
stellen Sie sicher, dass Sie die
Tastenkombinationen so verwenden, wie ich es tue Und mit etwas Übung werden
sie dich ganz
natürlich und intuitiv
werden. Das ist es. In dieser Lektion
stelle ich Ihnen einige Plug-ins vor, die
wir
in der nächsten Lektion
während des gesamten Kurses verwenden werden .
3. Kostenlose Plugins: In dieser Lektion werfen
wir einen
Blick auf einige Plug-ins
, mit denen wir unseren Arbeitsablauf
beschleunigen und Typografie animieren können unseren Arbeitsablauf
beschleunigen und Typografie animieren Gehen wir zu Scripts.com Das erste, über das ich
sprechen möchte, heißt Copy Und dieser ist Name
Your Own Price. Sie können Null setzen, wenn Sie ein Anfänger sind und es ausprobieren
möchten. Und wenn du eine beliebige Zahl
eingeben möchtest, kannst
du sie hier eingeben
und sie den Karten hinzufügen. Im Grunde
wird dieser
deine Leichtigkeit kopieren, ohne deine Werte zu
überschreiben Das bedeutet, dass wir,
sobald wir diese verwendet
haben, dieselbe
Beschleunigungsanimation auf
verschiedene Dinge anwenden können , indem wir einfach die Beschleunigung kopieren ohne
den Wert
der Eigenschaft zu ändern Wir werden also in der aktuellen Lizenz
zeigen, wie das
geht, aber diese ist sehr gut Das wird uns viel
Zeit sparen und unseren Arbeitsablauf beschleunigen. Dies ist die erste
, jede Kopie, und wenn wir dann
zu einer anderen wechseln, wird
dies als zerlegter Text bezeichnet Es ist auch dein eigener Preis. Dieses Plugging
macht es also möglich jeden Buchstaben
aus einem Textfeld auf einer
eigenen Ebene zu
trennen ,
sodass jeder Buchstabe getrennt ist und einzeln
animiert werden kann Und das ist sehr
wichtig, wenn wir die Animation für die
Typografie machen Das ist auch ein Name,
dein eigener Preis, und du kannst Null setzen, wenn du
ein Anfänger bist , nur um es auszuprobieren Ein weiteres Plug-In, über das ich sprechen
möchte,
heißt Motion Tools Pro
von der Motion Design School. Dieser ist ebenfalls kostenlos und hat viele
verschiedene Funktionen. Ich bin ziemlich neu in diesem Bereich und
ich möchte es testen, also spiele ich damit
herum während wir die Typografie
animieren.
Ich werde ein paar
Möglichkeiten zeigen, dieses Plug-In zu verwenden Dieses Plug-In hat eine Menge Potenzial
,
aber wir gehen in unserer Lektion nur sehr
wenig darauf ein.
Wenn Sie
es dennoch verwenden und ausprobieren möchten, können
Sie es herunterladen und
selbst testen Es gibt auch
Online-Tutorials, in denen Sie
Leute finden , wie sie dieses
Plug-In verwenden können, um ihren Arbeitsablauf zu beschleunigen. Und das ist sehr
gut für mich
persönlich, ich habe es nicht
allzu oft benutzt. Und der letzte
ist die Überlastung. Dies ist ein kostenpflichtiges Plug-In, es ist nicht kostenlos, es ist
von Battle X. Im Grunde hilft es
Ihnen dabei, Ihre
Illustrator-Datei oder
Illustrator-Ebenen
nahtlos auf After Effects
zu
übertragen Illustrator-Ebenen
nahtlos auf After Effects
zu , sodass
Sie nichts mit nur
einem Klick auf eine Schaltfläche tun müssen .
Sie können all diese
Formeninformationen von
Illustrator nach After Effects übertragen, Sie können all diese
Formeninformationen von
Illustrator nach After Effects übertragen wenn Sie ein Anfänger sind Wir haben Ihnen auch gezeigt, wie Sie es ohne Plug-In
machen können, aber dieser Plug-In insgesamt wird
Ihnen eine Menge Zeit sparen. Und das ist für die vier
Stecker, die wir haben. Der erste ist als Kopie
und dann zerlegter Text Motion Tools Pro
und dann Overload Wenn ich meine After Effects öffne, habe ich sie bereits
heruntergeladen und installiert Wenn wir zu Windows gehen,
können wir zur Erweiterung wechseln, und da ist das
Motion Tool Panel. Ich kann dieses einschalten
und dann kann ich
dieses Bedienfeld platzieren , vielleicht direkt über meiner
Effektsteuerung hier drüben. Damit ich dieses
Motion Pro-Panel geöffnet habe. Ich möchte dieses
Bedienfeld für Effekte darunter platzieren. Wir haben also zwei separate Panels. Und dann sehe ich immer noch
wie diesen Motion Tools Pro, so ordne ich die Panels an. Und wenn ich dann zu Windows gehe, kann
ich auch hier
drüben auf
meinen zerlegten Text zugreifen hier
drüben auf
meinen zerlegten Text Das ist eines, das wir tatsächlich brauchen, wir können ein Fenster öffnen, um
auf das Plug-In zuzugreifen Und das ist die Kopie. Wenn ich das machen will, mache
ich es einfach kleiner. Vielleicht lege ich es
hier drüben drauf, nur um diese Kopie anzudocken. Und dann habe ich meine East-Kopie und mein Motion-Tool hier drüben. Ich kann zwischen den beiden wechseln,
indem ich hier auf den Tab klicke. Wir werden häufig die
As-Version verwenden und dann werden
wir ein paar Bewegungstools verwenden . In
dieser Lektion können
Sie dieses
Plugging auf eigene Faust erkunden Es gibt eine Menge
Potenzial, wie ich schon sagte. Der letzte ist die Überlastung. Die Überlastung besteht jedoch hauptsächlich
dann, wenn wir
es in Illustrator verwenden.
Wir übertragen
Illustrator-Dateien nach After In diesem Fall können
Sie, da es
sich in After Effects befindet, auch Mittel
rückwärts übertragen, wie Sie Ebenen
von After Effects
nach Illustrator übertragen können von After Effects
nach Es funktioniert in beide Richtungen, und das werde
ich Ihnen in
den nächsten Lektionen zeigen Das war's mit den Steckern, die wir
in der Lektion verwenden Lass uns zum nächsten Video gehen.
4. Entwerfen + Kunstwerke vorbereiten: In Ordnung, fangen wir
mit dieser ersten Lektion an. In dieser Lektion werden wir
das Wort Teilen animieren. Share steht für
Teile deine Arbeit. Als kreativer Mensch musst
du dein Handwerk behalten, ausüben und es mit der Welt
teilen. Teilen ist ein Beitrag. Je mehr du teilst, desto
mehr inspirierst du andere. Wie Sie hier
in unserer Illustrator-Datei sehen können, haben
wir das Wort Share bereits mit einer
wunderschönen Farbpalette
gestaltet Ich möchte Ihnen jedoch
den vollständigen Prozess zeigen, wie Sie jedes beliebige Wort in diesem Stil animieren
können Um das zu tun, fangen
wir also von vorne an Lassen Sie uns das rechte Feld
hier verwenden, um dieses Wort zu entwerfen. Und dann, nach dem Design, importieren
wir
das Bildmaterial in After Effects. Um es zu animieren, entwerfen
wir schnell dieses Wort Die Schrift, die wir verwenden,
heißt Drug Boats. Wir müssen nur das Wort
eingeben. Jetzt habe ich auch ein bisschen die Höhen
gedehnt. Im Moment sind es 171%
der ursprünglichen Höhen, weil wir den Raum füllen wollen In vielen Fällen animieren
wir
die Pfadeigenschaft
dieser Wörter Um das zu tun,
müssen wir die Schriften
nach der Kontur skizzieren .
Drücken Sie einfach die Befehlstaste
O für die Gliederung Nachdem wir das Wort skizziert
haben, können wir
das
gewählte Wort nicht mehr ändern . Stellen Sie also sicher, dass Sie das richtige Wort
auswählen , das Sie animieren möchten,
bevor Sie es skizzieren Und nachdem Sie es skizziert haben, können
Sie nichts mehr ändern Jetzt müssen wir nur noch dieses Wort
duplizieren. Halten Sie die Option gedrückt und ziehen Sie sie
dann nach oben. Jetzt haben wir hier ein anderes Wort. Lass uns die Farbe auf Grün ändern. Verschieben wir es
hierher , um einen Abstand zur zweiten Ebene zu haben,
sodass wir hinter dem Wort,
das wir haben, fast
einen Schatten
mit sodass wir hinter dem Wort,
das wir haben, fast drei D haben. Allerdings
müssen wir auch den Pfad dieser hinteren Ebenen anpassen , sodass
all
diese Ecken
miteinander verbunden sind, wie Sie hier sehen können Das wollen wir tun
, indem wir die Ansicht vergrößern und die zweite Ebene auswählen,
bei der es
sich um eine schwarze Ebene handelt Und dann gehen wir auf der Tastatur zu
A wählen all diese Ankerpunkte aus. Ich werde diesen
Ankerpunkt hierher ziehen , um diese Ecken hier zu verbinden. Und dann ziehe ich
diese beiden Ankerpunkte verschiebe sie nach oben, sodass sie oben
verbunden sind. Und dann hier drüben
muss ich diese Ecke verbinden. Ziehe einfach diesen Ankerpunkt und
verbinde die Ecke dort. Und dann kann ich diesen
Ankerpunkt ziehen, um ihn nach
links zu bewegen , sodass der Schatten gut auf
die Kurve
übergeht. Jetzt haben wir hier drei D S. Wir werden
dasselbe für das
H tun. Wir werden die schwarze Schicht auf der Rückseite modifizieren. Im Moment haben wir dieses
Direktauswahl-Tool ausgewählt. Wir können also auf
diese Ankerpunkte klicken und sie
dann einfach ziehen. Sie können hier sehen, dass uns ein Ankerpunkt
fehlt. Ich werde mit meinem Pin-Tool P auf
der Tastatur drücken . Ich werde diesem Pfad einen
Ankerpunkt hinzufügen. Wenn Sie auf diesen Pfad klicken,
habe ich jetzt einen zusätzlichen Ankerpunkt. Drücken Sie A auf der Tastatur, um zum Direktauswahlwerkzeug
zurückzukehren. Und dann ziehe ich diesen Ankerpunkt bis
zur Kantenecke, um diese beiden Ecken zu
verbinden. Und dann füge ich hier
einen weiteren Ankerpunkt hinzu, P auf der Tastatur, Ankerpunkt
hinzufügen,
A auf der Tastatur drücken, zurück zum
Direktauswahl-Werkzeug
gehen, das machen. Und dann
ziehe ich es hierher, sodass wir
das H alle miteinander verbunden haben .
Das ist gut. Das Gleiche machen wir mit
den anderen Briefen. Jetzt finde ich,
dass alles großartig aussieht. Ich habe meine drei D-Buchstaben. Als Nächstes müssen wir nur die Farbe von H
und R
ändern . Mir ist gerade aufgefallen, dass uns ein Ausrufezeichen
fehlt,
was in Ordnung ist, weil wir
diese Charge verwenden können , nachdem ich sie entworfen
habe Jetzt starte ich einfach Shift G, um die Gruppierung
aller Buchstaben aufzuheben. Jetzt kann ich H
und R wählen, um diese Farbe auszuwählen. Jetzt haben wir Share einsatzbereit. So habe ich
diesen Brief hier entworfen. Nachdem wir den
Buchstaben entworfen haben, müssen
wir
diese Buchstaben nur noch in After
Effects importieren und mit der Animation beginnen Gehen wir zu After Effects. Lassen Sie uns eine Komposition erstellen. Klicken Sie auf Neue Komposition, nennen Sie diese eine Hauptkomposition und machen Sie sie dann zu
1080 x 1080 Pixeln. Bildrate: 30
Bilder pro Sekunde. Ändern Sie die Dauer
auf 10 Sekunden. Klicken Sie auf Okay, jetzt haben wir diesen Arbeitsbereich, den wir nutzen können. Das ist gut. Gehen wir
zurück zu Illustrator Heute ist der Industriestandard
für den Import von Illustrator-Dateien in After Effects die Verwendung
eines Plug-ins namens Overload Es ist mit der
Fenstererweiterung überlastet. Es ist jedoch ein kostenpflichtiges Plug-In, es ist kein kostenloses. Wir zeigen Ihnen,
wie Sie die Überlastung nutzen können, um
Dateien
schnell zwischen Illustrator
und Afterfacts zu übertragen Dateien
schnell zwischen Illustrator
und Afterfacts Das spart eine
Menge Zeit, wenn Sie zwischen Illustrator
und After Eats
arbeiten Es wird einfach
eine enorme Zeitersparnis sein. Ich werde auch zeigen,
wie man
die Dateien importiert , ohne
das Plug-In am Ende zu überlasten, aber vorerst werden wir
etwas Zeit sparen und Overload verwenden Sobald wir diese
Buchstaben fertig haben, wähle
ich einfach jeden
einzelnen aus und verwende dann Overload, um die
Dateien nach Efax hinein zu übertragen Wählen wir das und die
schwarze Ebene auf der Rückseite aus. Jetzt haben wir den ganzen
S-Buchstaben ausgewählt. Lass uns diesen Knopf hier drücken. Übertrage unseren Brief
an After Effects. Und dann wähle ich
den rosafarbenen Transfer aus. Und wählen Sie dann erneut die
A-Übertragung aus. Sie können sehen, wie schnell es ist , all diese
Forminformationen und
Pfadinformationen von
Illustrator nach After Effects zu übertragen Pfadinformationen von
Illustrator nach After Effects zu Jetzt kann ich diesen Hintergrund auch in Bezug auf den Schatten anpassen Wir können ihn später erstellen, sobald
wir die Animation haben. Wir müssen uns also
keine Sorgen um den Schatten machen. Und wir können uns
darüber Gedanken machen, oder vielleicht
kann ich einen Stern verschieben und diesen dann
einfach in Star umbenennen. Vorerst werde ich ihn einfach
verstecken, weil wir den Stern vorerst
nicht verwenden müssen. Jetzt habe ich all meine
Elemente drin. After Effects, wir können mit der
Animation in After Effects beginnen Animation in After Effects Zuallererst muss ich diese Buchstaben
gruppieren. Die
ersten beiden Ebenen werden aus meinem Buchstaben S bestehen. Man verschiebt C, um
eine neue Komposition zu erstellen. Nennen Sie diesen einen Stuhl. Okay, und dann der Befehl C, H. Ich gruppiere diese Buchstaben jetzt habe ich alle meine Buchstaben und
meinen Stern und meinen Hintergrund
5. KI zu AE ohne Overlord: Ordnung, in diesem Video
möchte ich darüber sprechen, wie wir
Illustrator-Dateien ohne die
Plugin-Überlastung nach
After Effects übertragen Illustrator-Dateien ohne die
Plugin-Überlastung nach After Effects Überlastung hilft
Ihnen zwar, viel Zeit zu sparen, es handelt sich um ein kostenpflichtiges Plug-In Wenn Sie es
also nicht haben, gibt
es auch eine einfache Möglichkeit, Dateien
von Illustrator nach After Effects
zu übertragen von Illustrator nach After Effects
zu Hier haben wir diese
Illustrator-Datei eingerichtet. Und was
die Textanimation angeht, müssen wir als Erstes diesen Text skizzieren Nehmen wir an, wenn wir unser
Textdesign in Illustrator haben, müssen wir es zunächst skizzieren, damit wir mit der Tastenkombination Umschalttaste
sicherstellen können , dass es umrissen ist So haben Sie
den Text in Illustrator skizziert? Ich kann diesen löschen, da unser Design bereits umrissen ist Ich möchte
Ihnen nur zeigen, wie wir es
skizzieren können , bevor wir unsere Dateien
importieren. Der Grund, warum wir es
skizzieren müssen, ist, dass wir aufgrund der Art und Weise, wie wir
in After Effects
animieren , häufig
die Pfadeigenschaften
dieser Formen manipulieren
müssen die Pfadeigenschaften
dieser Formen Wir müssen diese
Formen in einer Gliederung haben,
um sie in After Effects animieren
zu Nachdem wir die
Topographie skizziert haben, müssen
wir zu einem Ebenenfenster wechseln Und dann klicken wir hier auf
dieses Drop-down-Menü. Wählen wir diese
Release-to-Layer-Sequenz aus. Im Moment können Sie also
sehen, dass wir nur
eine Ebene in
diesem Ebenenfenster haben . Das heißt, wenn wir diese
Datei in After Effects importieren, erhalten
wir nur
diese eine Ebene in der alles auf dieser einen Ebene integriert ist. Damit wir nicht
jeden Buchstaben oder jedes
Element einzeln manipulieren können . Um
diese Buchstaben also separat zu animieren, müssen
wir zu diesem Drop-down-Menü gehen Klicken Sie auf
Zur Ebenensequenz freigeben. Jetzt können Sie sehen, dass alles unter dieser Ebene
auf einer eigenen Ebene getrennt ist. Und jetzt müssen wir nur noch
alles auswählen , was sich unter dieser ersten Ebene befindet, und
sie dann außerhalb der ersten Ebene ablegen. Diese erste Ebene wird
leer. Jetzt kann ich es löschen. In diesem Fall können Sie sehen, dass jedes Element
auf einer eigenen Ebene getrennt ist. Wenn ich diese
Sichtbarkeitssymbole umschalte, können
Sie sehen, dass dies meine
Farbpalette hier ist Und dann habe ich Schicht
sieben bekommen, was ein Stern ist. Hier habe ich ein paar Ebenen
, die Sterne darstellen. Und dann habe ich hier drüben
jeden Buchstaben auf seiner eigenen Ebene. Auf diese Weise
wollen wir
unsere Ebenen in Illustrator trennen unsere Ebenen in Illustrator Lassen Sie uns diese
Illustrator-Datei speichern. Das ist alles, was wir in
Illustrator tun müssen , bevor
wir diese Datei importieren Speichern
wir diesen einen Befehl S. Gehen wir zu After Effects Ich habe meine
Komposition bereits eingerichtet. Alles was ich tun muss, ist
zum Project Panel zu gehen und hier
doppelt zu klicken. Lassen Sie uns zu meinem
Storyboard navigieren, das Share ist. Und dann beim Import, wenn wir es in die Komposition ändern
müssen, behalten wir die Ebenengrößen Auf diese Weise können wir
die Ebenengröße von 1080 x 1080 beibehalten ,
die wir in Illustrator
haben ,
die ohne die
ursprüngliche Dateigröße zu ändern Stellen Sie dann sicher, dass wir
diese Illustrator- oder
Photoshop-Sequenz nicht auswählen , denn wenn wir diese auswählen, wird
dies zu
Problemen mit unserer Zeitleiste führen Stellen Sie sicher, dass das Häkchen nicht gesetzt ist. Klicken Sie auf Öffnen. Jetzt können
Sie sehen, dass wir einen Ordner namens Shared Layers haben
, der alle Ebenen enthält
, die wir in Illustrator haben Und dann haben wir eine
Komposition importiert. Ein Doppelklick in
diese Komposition. Im Moment können Sie
unter dieser Komposition sehen, dass
wir all diese Ebenen haben. Das ähnelt dem, was wir
in diesem
Ebenenfenster in Illustrator hatten in diesem
Ebenenfenster in Illustrator Auf diese Weise importieren wir all diese einzelnen Ebenen in After
Effects, um sie zu animieren Jetzt muss ich
alles auswählen, kopieren und dann in meine Hauptkomposition einfügen, die mein Arbeitsbereich ist Das sieht ziemlich gut aus. Als Nächstes
müssen wir den Zeitplan
ein wenig
organisieren. Ich weiß bereits, dass
die ersten paar Ebenen bis zu den Ebenen sechs bis sechs meine Farbpaletten
sind Also kann ich es vorerst löschen. Ich brauche meine Farbpalette nicht. Und alle Sternebenen kann
ich in
einer Komposition gruppieren. Wählen Sie also alle Sternebenen aus. Befehlstaste C, nenne diese
neue Komposition Stern. Jetzt haben wir die
Sternebene hier in
meinem Projektfenster gespeichert , sodass ich
sie nicht in meiner Timeline haben muss. Ich kann sie in meiner Timeline löschen, aber sie bleibt in meinem
Projektfenster hier drüben. Mal sehen, was wir darunter
haben. Das ist mein Ausrufezeichen. Mit meinem Ausrufezeichen möchte
ich auch den schwarzen Schatten
hinter
meinem Ausrufezeichen finden schwarzen Schatten
hinter Ich möchte diesen Schatten finden. Diese Ebene 27 ist ein Schatten. Diese beiden Schichten sollten also zu einem Buchstaben
zusammenpassen. Stimmt das? Um sie zu gruppieren, setze
ich es zusammen, Befehl C, nenne dieses eine
Ausrufezeichen
einfach als Und dann suche ich
die nächsten beiden Buchstaben. Das ist ein E. Ich möchte
den Schatten des E finden ,
weil diese beiden meine drei D-Buchstaben E
bildeten.
Wir werden sie zusammen gruppieren. Nenn es so.
Jetzt hast du die Idee. Ich muss nur jeden
Buchstaben mit dem Schatten
dahinter finden und
diese beiden Ebenen so gruppieren , dass sie jeden Buchstaben darstellen. So transportieren wir unsere Illustrator-Datei
in After Effects Das Problem mit dieser gemeinsamen
Buchstabenanimation, das
wir haben, werden wir
im nächsten Video animieren jedoch nur um eine Vorschau, wir werden
die Forminformationen oder
die Pfadinformationen
dieser Buchstaben nicht ändern die Forminformationen oder
die Pfadinformationen
dieser Buchstaben In diesem Fall
muss ich keine der Illustratorebenen
in eine Formebene umwandeln Es gibt jedoch einige
Fälle, in denen wir sie in
eine Formebene umwandeln müssen sie in
eine Formebene umwandeln Um das zu tun,
lassen Sie uns zum Beispiel dieses
R in eine Formebene umwandeln wollen,
alles was ich tun muss, ist erneut
auf Go zu Erstellen, Formen aus Vektorebene
erstellen zu klicken . Und jetzt können Sie sehen,
dass es
eine Gliederungsebene,
Ebene 18, Kontur, erstellen wird . Und schalte meine ursprüngliche
Illustrator-Ebene aus. Wenn ich jetzt zu diesem
Drop-down-Menü
gehe, gehe zu Gruppe, gehe zu Pfad Sie können sehen, wenn ich auf diesen Pfad
klicke, habe ich all diese Ankerpunkte , die ich
manipulieren kann, um diese Formen zu
Animationszwecken zu ziehen und in einen anderen Buchstaben zu verwandeln Das sind also die beiden Dinge, die ich Ihnen in dieser Lektion zeigen
möchte Zunächst müssen Sie
die Illustrator-Datei
in Illustrator vorbereiten die Illustrator-Datei
in Illustrator Stellen Sie sicher, dass
wir im Ebenenfenster jede Ebene mit
dem Befehl „In
Ebenensequenz freigeben“ auf einer
eigenen Ebene trennen mit
dem Befehl „In
Ebenensequenz freigeben“ auf einer
eigenen Ebene Und nachdem wir all diese
Elemente auf einer eigenen Ebene haben, können
wir sie
in After Effects importieren. Und dann können wir die
Komposition verwenden , um
sie zu gruppieren. Wenn wir die vergangene Eigenschaft nicht
animieren müssen. Wenn wir
die vergangene Eigenschaft animieren müssen, können
wir einfach erneut klicken
und dann zu Erstellen, Formen aus
Vektorebenen erstellen gehen Formen aus
Vektorebenen erstellen Und so
erstellen wir diese Formen, bei denen wir
die vergangene Eigenschaft
hier animieren können, sodass sie zwischen
verschiedenen Pfaden wechselt Wenn Sie den
Überlastungsstecker nicht angeschlossen haben, wird
dies
Ihr Lieblings-Video sein Wenn Sie vergessen haben, wie man
Dateien von Illustrator
nach After Effects importiert , können
Sie jederzeit auf dieses Video
zurückgreifen Und mit etwas Übung
wird dieser Prozess für Sie ganz natürlich werden Das war's mit diesem
Video. Gehen wir zum nächsten, um
diesen Shear-Text zu animieren
6. Teilen: Lassen Sie uns jetzt
mit der Animation beginnen. Zuerst muss ich P
auf der Tastatur drücken, um die Positionseigenschaft
aufzurufen, und jetzt können wir erneut auf
einzelne Dimensionen klicken. Da wir nur die Y-Position
animieren, wollen
wir keine Änderungen der
X-Position Nehmen wir an, das Keyframe
an der Y-Position. Zuallererst möchte ich, dass wir uns
auf und ab bewegen. Ich möchte
einen Buchstaben animieren und dann dieselbe Animation
auf alle Buchstaben
anwenden Und dann verschiebe ich die
Animations-Keyframes so, dass sie alle dieselbe
Animation versetzt haben, sodass alle Buchstaben nacheinander
animiert werden Lassen Sie uns zuerst diese Animation ausprobieren . Fahren Sie fort.
Fünf Bilder. Befehl Rechtspfeil,
12345 Und dann lassen Sie uns eine Vorwegnahme machen , denn mein S
wird sich nach unten bewegen Bevor es nach unten geht, lasse
ich es zuerst nach oben bewegen. Am liebsten gewinnen sie Energie
in die entgegengesetzte Richtung. Es ist ein Animationsprinzip
, das wir zuvor verwendet haben. Ich bewege mich, du gehst immer in die andere Richtung
, um Energie zu gewinnen. Und dann gehen wir zehn Frames
vorwärts. Befehlsumschalt,
Rechtspfeil für zehn Frames. Wir verschieben diesen Brief
nach unten, vielleicht hier. Das sieht gut aus. Und dann wieder zehn Frames
vorwärts. Befehlstaste, Umschalt-Rechtspfeil. Es geht zurück zur Overshooting-Position, Befehl C, kopiert diesen Keyframe hierher und macht dann wieder
fünf Frames, 12345 kopiert den ersten Es kehrt zur
ursprünglichen Position zurück, Befehl V.
Das ist eine Schleife
meiner Animation für das S.
Wenn ich eine Vorschau dieser Animation ansehe, geht
sie nach oben
und dann nach unten und kommt
dann wieder zu einem geht
sie nach oben
und dann nach unten und kommt
dann wieder kommt
dann wieder Es geht ein bisschen über,
es ist fast so, als würde man zu
viel überfahren und sich dann
wieder in die richtige Position zurückziehen Das ist meine allgemeine
Animation für das S. Jetzt muss ich nur noch den gesamten Keyframe
auswählen,
erneut klicken, den
Keyframe-Assistenten aufrufen und zu *** Und dann klicken wir auf
diesen Diagrammeditor, um
die Graphen zu modifizieren und
etwas Energie aus unserer Animation herauszuholen Jetzt müssen wir
diese Griffe nur ein wenig ziehen ,
damit wir etwas Energie bekommen. Vielleicht 75% des Einflusses, oder versuchen wir es mit einem Einfluss von 70%. Sie können sehen, dass es
eine Einflussnummer gibt , wenn ich diesen Griff ziehe Versuchen wir, hier einen Einfluss
von 70% zu haben. Es muss nicht exakt
sein, die Vorfreude zu hoch ist. Geben Sie ihm vielleicht einen Einfluss von
55%. Ich möchte nicht, dass es zu viel wird. Lassen Sie uns jetzt sehen, wie
es aussieht. Ja, das kannst du sehen. Jetzt haben wir
etwas Energie für unseren Brief. Es hat einen gewissen Charakter.
Mir gefällt dieser Antrag hier. Jetzt müssen wir
diese Animation nur noch einmal duplizieren. Stellen wir sicher, dass
es, sobald es zur
ursprünglichen Position zurückkehrt, für fünf Frames
dort bleibt. Gehen wir also fünf Bilder
vorwärts, 12345, und jetzt können wir das Schlüsselbild
kopieren Alle
Keyframe-Befehle C, Befehl V
und dann wieder zum Ende, 12345, halten Sie ihn fünf
Frames lang gedrückt. Und dann nochmal kopieren. Und dann lass uns noch eine
Runde kopieren, 12345, nochmal kopieren. Jetzt haben wir also vier
Loops unserer Animation. Lass uns diese
S-Animation hier abspielen. Ja, das gefällt mir. Jetzt haben wir die Animation fertig. Wir können einfach all
diese Keyframes auf
die anderen Ebenen kopieren ,
sodass sie dieselbe Art von Animation
haben Aber bevor wir
das tun, müssen wir alle Ebenen
P auf der Tastatur
auswählen und
sicherstellen, dass wir auf
die Positionseigenschaft klicken , um Dimensionen zu
trennen Jetzt haben wir die weiße Position. Lassen Sie uns den gesamten
Keyframe an dieser Position kopieren. Wählen Sie dann all diese Positionseigenschaften
für die Buchstaben Stellen Sie sicher, dass unsere
Zeitleistenanzeige auf Null steht. Zweiter Befehl V zum
Einfügen in das Schlüsselbild. Jetzt hat alles
den gleichen Keyframe. Sie werden sich genauso bewegen. Jetzt
bewegen sich alle Buchstaben gleichzeitig. Das ist jedoch nicht das,
was ich tun möchte. Es, ich möchte, dass
sich jeder Buchstabe nacheinander bewegt. Um das zu korrigieren, wählen
wir die Buchstaben
des zweiten Buchstabens und das Schlüsselbild
des zweiten Buchstabens aus. Wählen Sie all diese aus und
achten Sie darauf, dass Sie nicht
die erste Charge auswählen , da wir sie
für die Lockerung benötigen . Und jetzt gehen wir zu diesem Plugin für
Bewegungswerkzeuge. Ich habe Ihnen bereits im vorherigen Video gezeigt
, wie Sie dieses Plug-In
installieren und wie Sie es
hier in Ihren After
Effects-Bedienfeldern einsetzen . Wir müssen die Menge hier
auf zwei Frames ändern. Und dann drücken wir
diesen Knopf hier. Es wird unsere
Keyframes um zwei Frames verschieben. Sobald ich jedoch darauf klicke und zu meinem Grafikeditor gehe, kannst
du sehen, dass er alle meine
Beschleunigungsinformationen löscht Ich möchte also den ersten Stapel auswählen weil wir
den ersten Stapel, also die Animation auf
dem S,
nicht berührt haben. Wir müssen
die Animation auf
dem S auswählen und dann sicherstellen, dass wir eine Kopie der
Beschleunigungsinformationen Und dann können wir jeden
Buchstaben auswählen, all diese Keyframes. Stellen Sie sicher, dass wir die
Beschleunigungsinformationen erneut einfügen. Damit wir immer noch die Animation
haben , die wir zuerst haben Und jetzt muss ich
die ersten beiden Ebenen ebenfalls um
zwei Frames verschieben. Wenn ich alle Schlüsselbilder auswähle
und zum Diagrammeditor gehe, können Sie
jetzt sehen, dass all diese Kurven wunderschön versetzt
sind.
Und genau das wollen wir. Lass uns die Animation abspielen
, die ziemlich gut aussieht. Jetzt können wir die Sterne einfach schnell
animieren. Nehmen wir an, wir haben den Stern
hier mit dem S verbunden Drücken
wir R und Shift auf der Tastatur, um die Skala und
die Rotation hochzuziehen Drücken wir den Keyframe auf
der Eigenschaftsskala für Skalierung und Drehung, 420 Frames, Kommentarverschiebung Drücken Sie erneut das Keyframe
für die Rotation, ich wollte nur vielleicht in 2 Sekunden
eine Runde drehen Dann, was die Größe angeht, werde ich
am Anfang vielleicht etwa 50% haben . Dann gehen Sie bis zu
100% und halten Sie
es dann fünf Frames lang. 12345, halte den Wert für fünf Frames bei
100%. Und dann geh wieder darauf zurück. Ich werde diese
beiden in die Mitte stellen. Jetzt
klicken wir erneut auf Keyframe Assistant, Easy Ease und gehen dann
zum Diagrammeditor Lassen Sie uns versuchen,
die Ziehpunkte zu manipulieren , um
ihr einen gewissen Einfluss zu geben Geben Sie ihm vielleicht 65 oder 70% Einfluss, um eine Kurve zu haben , die dieser
in Bezug auf die Drehung
ähnelt. Das ist meine Rotationskurve. Ich werde diese
Griffe zusammenziehen. Und was die Skala angeht,
das ist meine Skalenkurve
, die ziemlich cool aussieht. Ich habe das Gefühl, dass es
sich nicht schnell genug bewegt. Lassen Sie uns diese
zusammennehmen und sicherstellen, dass es schnell genug
rotiert. Ich wähle alle
Keyframes aus. Halten Sie dann die
Wahltaste gedrückt, um
den letzten Keyframe zu verschieben , um
die Zeit so anzupassen , dass er
schneller und langsamer Jetzt kann ich
diese Keyframes duplizieren. Befehl: Gehe fünf Frames vorwärts, Befehl V. Jetzt ändere ich
diese Drehung auf zwei Runden Das wird
der zweite Loop sein , der ziemlich gut
aussieht. Jetzt kann ich den
Sternbefehl D zum Duplizieren duplizieren. Ich werde den Stern
so bewegen, dass er hier an der
Ecke des Juckreizes Und dann den dritten, ich verschiebe ihn so, dass er hier ist. Den vierten, ich werde ihn hierher
verschieben. Die fünfte, ich verschiebe
sie hierher. Und das ist der ganze Stern, den wir brauchen. Und dann übertrage ich jedem Buchstaben den
Stern. Der erste Stern
ist also der Elternteil von. Damit es sich mit dem bewegt. Ich möchte sicherstellen, dass es
sich mit dem Buchstaben bewegt, damit es sich nicht zufällig dreht. Das letzte ist mit
dem Ausrufezeichen versehen. Jetzt muss ich
den Keyframe nur ein wenig verschieben. Vielleicht um zwei Frames. 12345, vielleicht um fünf Frames. Und dann 12345 gehen
45 Frames Offset. Dieser geht auf 45 Frames. 12345 Offset. 12345 Offset. Das
sieht ziemlich gut Lassen Sie uns nun eine
Schattenebene für unseren Text erstellen. Wählen wir alle Ebenen
über dem Hintergrund aus und stellen C ein. Ändern
wir diese Ebene auf „Animation
teilen“. Das ist gut. Und dann duplizieren Sie diesen
Ebenenbefehl D.
Gehen wir zu den Effekten und dem
Precess-Panel-Sender, zu
Windows-Effekten und Precess Windows-Effekten und Precess Suchen Sie nach einer
Effektfüllung und fügen Sie eine Füllung hinzu. Dann lassen Sie uns diesen ein wenig nach
rechts verschieben. Und dann wählen wir
diese
als hellere Version
dieser Hintergrundfarbe oder als dunklere Version
dieser Hintergrundfarbe aus. Nur leicht abgedunkelt,
fast ein Hinweis. Ich finde, das sieht ziemlich
cool aus. Lass uns diesen spielen. Jetzt liegt ein Schatten
unter unserer Textanimation. Das Letzte, was
wir jetzt machen wollen, ist ein Wischglanz-Effekt der von links nach
rechts über den Text geht Um das zu tun, gehen wir
zu Layer New Solid. Lass uns fast
wie eine weiße Farbe kreieren. Versuchen wir es mit einer weißen Farbe. Jetzt muss ich nur noch ins Pintole
gehen. Zeichne eine Form, die ziemlich
gut aussieht. Jetzt schiebe ich
das hier rüber, um
diesen Brief hier abzudecken. Ich verschiebe es
ganz nach rechts. Stellen wir sicher, dass sich der
Ankerpunkt in der Mitte befindet Halten Sie die Befehlstaste gedrückt und klicken Sie
dreimal auf diesen Stift hinter dem Werkzeug, um den
Ankerpunkt in die Mitte zu
verschieben. Und dann drücken wir
P auf der Tastatur. Fügen wir ein Schlüsselbild hinzu und
fahren dann mit 123440 Frames fort. Bewegen Sie diesen
ganz nach rechts. Wählen Sie beide Keyframes aus. Klicken Sie mit der rechten Maustaste auf den
Keyframe-Assistenten, ganz einfach. Gehen Sie zum Diagrammeditor. Stellen Sie sicher, dass wir alle die Geschwindigkeitsgrafik
anpassen. Es war die
Geschwindigkeitsgrafik, die wir Anfang an
anpassen. Das habe ich vorher
vergessen zu erwähnen. Stellen Sie sicher, dass Sie hier auf
diese Schaltfläche klicken, um
zu dem Geschwindigkeitsdiagramm zu gelangen , das wir anpassen, um
die Animation zu manipulieren. Geben Sie ihm ein Diagramm wie
dieses. Ich möchte nur sichergehen, dass es
alle Buchstaben abdeckt, über die man hinwegfegt.
Das sollte in Ordnung sein Und als Nächstes müssen
wir diese
Share-Animation so machen, diese
Share-Animation so machen sie die Alpha-Matte
meiner weißen Sonnenschicht ist. Lass uns auf
die weiße Solarschicht klicken. Und dann müssen wir hier
die
Option Track Matt einschalten . Wenn Sie sie nicht haben, stellen
Sie sicher, dass Sie
hier in der Ecke auf die zweite Schaltfläche klicken , um die Track-Matte
einzuschalten. Wählen Sie dann
die Ebene Nummer zwei aus und teilen Sie die Animation als Track. Jetzt ist meine Share-Animation
verschwunden , weil das
Symbol ausgeschaltet ist. Aber wir müssen es wieder einschalten. Und wenn ich jetzt umschalte, können
Sie sehen, dass der
Kinneffekt sich
verdeckt und meine Animation
überlagert Ich finde, die
Transparenz ist zu groß. Also drück auf die Tastatur. Lassen Sie uns das auf
85% ändern, etwas abschwächen, und jetzt schauen wir uns an, wie
unsere Animation aussieht. Das sieht ziemlich gut aus. In Ordnung, das war's mit
unserer ersten Animation. Vergiss nicht, es auszuprobieren und mit der Welt zu
teilen. Wir sehen uns in der nächsten Lektion.
7. Erfolg: Willkommen zurück. In dieser Lektion werden
wir das Wort Erfolg
animieren Handeln ist der grundlegende
Schlüssel zum Erfolg. Ideen von Pablo Picasso werden Sie nicht zum Erfolg
führen,
Taten schon Deshalb werden wir heute
etwas üben, um
dieses Wort Erfolg zu animieren Wie Sie hier sehen können, haben
wir unseren Erfolg in unserem Board
mit einem Illustrator
gestaltet Ich habe dir bereits gezeigt, wie du
die
Plugging-Overload nutzen kannst, um
Dateien von Illustrator nach After Effects
zu übertragen , und ich habe dir auch gezeigt, wie
du das ohne die
Plugging-Overload machen In dieser Lektion werde ich Ihnen eine andere Methode
beibringen,
nämlich dieses
Design in After
Effects zu erstellen , sodass wir keine Dateien übertragen
müssen Gehen wir jetzt zu
After Effects. Lassen Sie uns zunächst
eine neue Komposition erstellen. Nennen wir diesen einen Haupt-Com. Lassen Sie uns die Dimension
auf 13, 50 auf 1080 ändern. Und dann Frames von rechts auf
30 Bilder pro Sekunde. Dauer bis zehn
Sekunden. Klicken Sie auf. Okay, jetzt haben wir eine Komposition
und das Projekt eingerichtet. Zuallererst möchte ich mir
diese rosa Farbe schnappen , die
ich in meinem R-Board habe. Ich möchte mir nur
den Code schnappen und dann
zu After Effects gehen. Lass uns einen Hintergrund erstellen. Gehe zu Layer New, Sell it. Klicken Sie im Code auf Color
Paste. Klicke auf, okay, jetzt
haben wir einen rosa Hintergrund. Wir können diese Ebene vorerst sperren. Jetzt müssen wir nur noch unseren eigenen Text
erstellen. Da wir keinen Text in dieser
Illustrator-Datei verwenden , können
wir alles
in After Effects erstellen und direkt
in After Effects animieren Geben wir das Wort Erfolg ein und navigieren wir
dann
zum Zeichenfenster Wenn Sie es nicht haben,
steht es unter Windows Character. Die Schriftart, die wir
verwenden, heißt Rock Grotesque Condensed Bode Ich möchte nur die Schrift
vergrößern, um den Raum auszufüllen. Ich möchte auch die
Höhe und den
vertikalen Maßstab der
Schrift vergrößern, um sie höher zu machen. Irgendwo in der Nähe, vielleicht
hier, ist das groß genug. Als Nächstes möchte ich zwei Lineale
ziehen, um den oberen und unteren Rand zu markieren Befehl R für das Lineal. Ich ziehe einfach zwei Lineale , um sicherzugehen, dass ich
einen ähnlichen Rand habe. Damit die Schrift, die wir haben, nicht
über den Rand hinausgeht dem Rand zu nahe
kommt. Jetzt kann ich das Wort nach
oben verschieben, das sieht gut aus. Und lassen Sie mich
diesen Ebenenbefehl duplizieren. Ziehen Sie es für diesen Text nach unten. Gehen wir zum Charakter. Lassen Sie uns
die Schriftarten auf eine andere Breite ändern. Lassen Sie uns vorerst die
fett gedruckte Variante wählen. Und dann kann ich die Größe verkleinern. Ich will diese
vertikale Skala nicht mehr. es auf 100% ändern,
haben wir jetzt diese kürzere
Version des Erfolgs und dann haben wir eine größere
Version des Erfolgs ich in Bezug auf den
Abstand dazwischen zoome, möchte
ich diese
beiden vielleicht näher aneinander bringen In diesem Fall
muss ich also möglicherweise den Maßstab ändern. Möglicherweise muss
die vertikale Skala
dieser obersten Ebene noch größer geändert werden. Jetzt haben wir einen
ziemlich guten Abstand zwischen diesen beiden
verschiedenen Ebenen. Ich denke, das funktioniert vorerst. Ich möchte diese
animieren ich
die Pfadeigenschaft
dieser beiden verschiedenen
Versionen desselben Buchstabens verwenden möchte dieser beiden verschiedenen
Versionen desselben Buchstabens Um zwischen groß und dick und dann kurz und dick
zu wechseln Es ist im Grunde ein Morphing
zwischen diesen Informationen hier drüben, diesen Pfadeigenschaftsinformationen und dann diesen kleinen
Pfadeigenschaftsinformationen Dazu müssen wir alles in
eine Formebene mit der
Pfadeigenschaft Re
umwandeln eine Formebene mit der
Pfadeigenschaft Re Klicken Sie auf Erstellen,
Formen aus Text erstellen Und dann gehe zur ersten Ebene,
Create, Create Shape from Text. Und jetzt haben wir
die beiden Textebenen umrandet, die
Pfadinformationen enthalten. Wir können diese beiden
ursprünglichen Ebenen jetzt ausblenden einfach die Schaltfläche Schüchtern verwenden und dann hier auf Schüchtern
klicken
, um die beiden Ebenen auszublenden. Wenn ich das
Drop-down-Menü unter dem Inhalt umschalte, habe ich all diese verschiedenen
Ebenen in dieser einen Ebene Und dann habe ich all diese anderen Buchstaben in
der zweiten Ebene, dem unteren Text Das sieht gut aus. Und zuerst möchte
ich nur
den oberen Teil animieren Wir werden das so
machen
, dass wir zwei Ebenen
auswählen müssen Lassen Sie mich beide Ebenen auswählen. Und dann suchen
wir in der Suchleiste nach unserem Pfad. Jetzt werden alle Pfadeigenschaften aktiviert
, die wir haben. Unter jedem Buchstaben müssen wir Pfadeigenschaft einen Keyframe
hinzufügen, all die Buchstaben, die gut aussehen Nehmen wir als Nächstes an, dass wir zuerst den Buchstaben S
animieren Um das Morphing zwischen
der kürzeren Version des S und
der größeren
Version des S zu animieren der kürzeren Version des , müssen wir
lediglich das Schlüsselbild unter
der Pfadeigenschaft kopieren Schlüsselbild unter
der Kopieren wir dieses Schlüsselbild und gehen dann zur
Pfadeigenschaft des größeren S über. Und dann gehen
wir 25 Frames vorwärts Befehlstaste, Rechtspfeil, 12, das ist für 20 Frames, und dann 12345 für 25 Und dann können wir
die Pfadeigenschaft auswählen. Drücken Sie den Befehl V, um
meine kleinere Version
des S einzufügen .
Sie wurde jedoch nach unten verschoben. Ich muss oben
bleiben. Und
wenn ich das einmal gemacht habe, kannst
du in der Vorschau sehen, dass sich das S dehnt. Das ist die Art von
Animation, die wir brauchen. Das ist ziemlich einfach. Und dann nehmen wir an, wir fahren
weitere 25 Frames fort. Dann können wir das
vorherige Schlüsselbild kopieren, das
der ursprüngliche State-Man
C ist , und dann Befehl B. Wenn ich
nun diese S-Ebene und
den Hintergrund solo mache und dann einfach diese Animation abspiele, wird diese
S-Ebene hoch und
runter gehen und sich zwischen
der hohen Version und
der kürzeren Version hin- und herbewegen runter gehen und sich zwischen der hohen Version und
der kürzeren Version hin- und Auf diese Weise animieren wir also ein Morphing zwischen verschiedenen
Schriftstärken Ein besonderer Hinweis dabei ist, dass animieren besser ist, die beiden
Dicken innerhalb einer Familie zu haben,
um
das
Morphing reibungslos zu Denn bei den meisten
Schriften, die gut gestaltet sind,
dem Ankerpunkt, ist die Anzahl der Ankerpunkte innerhalb
derselben Familie immer Sie können diese längere Version sehen, die höhere Version
der S, die sie hat, sie hat so viele Ankerpunkte Und wenn wir dann
zur kürzeren Version wechseln, hat
sie die gleiche
Anzahl an Ankerpunkten Und dieser
Ankerpunkt enthält die
Positionsinformationen und die Pfadinformationen zwischen
diesen beiden Stärken bewegen.
Nehmen wir an, wir ändern ihn eine andere Schriftfamilie und wenn Sie dann
zwischen zwei verschiedenen Schriftarten wechseln möchten , die beiden verschiedenen
Schriftfamilien dann eine unterschiedliche haben die beiden verschiedenen
Schriftfamilien dann eine unterschiedliche Anzahl
von Das wird zu einem Problem führen. Stellen Sie also sicher, dass Sie das Morphing
zwischen Charakteren oder zwischen
Buchstaben innerhalb derselben Familie immer
animieren zwischen Charakteren oder zwischen Buchstaben innerhalb derselben Und dann
funktioniert ein Teil der Schrift besser als der andere. Zum Beispiel dieser groteske
Felsbrotesk, er hat eine Menge
unterschiedlicher Dicke, von extrabreit bis hin zu normaler
Breite Und dann kondensiert, komprimiert. Sie haben so viele
verschiedene Dicken , dass Sie sie zum Animieren verwenden können Und es gibt auch andere Mittel, die wir
im Laufe des Kurses verwenden Aber das Besondere
ist, dass wir immer innerhalb derselben Familie
animieren müssen Jetzt können Sie sehen,
wie wir im Grunde einen Buchstaben animieren Da wir dieses S bereits haben, können
wir diesen Buchstaben
und den Hintergrund rückgängig Jetzt machen wir einfach dasselbe
für den Rest des Buchstabens Mal sehen, ob wir das U animieren
wollen Kopieren
wir das kürzere
Keyframe hierher. Und dann gehen wir hier
runter zum U Stellen Sie sicher, dass wir die
Keyframes aneinander ausrichten, V. Dann müssen
wir das U nur ganz nach oben richten
, bis es an unserem Rand ausgerichtet ist. Jetzt können wir diesen
ersten Keyframe kopieren. Jetzt
animieren wir S und U. Das sieht gut aus Lass uns das C machen. Wir
haben das C hier. Gehen Sie zu diesem und richten Sie dann
den Keyframe aneinander aus. Dann müssen wir
das C nur ganz nach oben bewegen. Dann gehe zum zweiten C, weil derselbe Buchstabe, wir müssen ihn nur kopieren. Und dann müssen wir nur
das C auch hierher verschieben. Das ist gut. Und
dann haben wir das E. Kopieren wir das
Schlüsselbild auf dem E. Dann gehen wir zur
Pfadeigenschaft des E. Stellen Sie sicher, dass Sie
die Pfadeigenschaft auswählen , bevor
Sie das Schlüsselbild einfügen, sonst
weiß es nicht, wohin es gehen soll. Das sieht gut aus. Und
dann haben wir das, gehen wir zum
Schlüsselrahmen des S und dann gehen wir
zur größeren Version Stellen Sie sicher, dass wir es
einfügen und nach oben verschieben. Beim letzten
können wir dasselbe tun, aber verschieben Sie es einfach ganz
nach hinten. Das wird unsere Animation
sein. Und wenn wir dann wieder
25 Frames vorwärts gehen, werden
wir
die ursprünglichen Zustände
jedes Buchstabens kopieren
, sodass es sich um eine Schleife handelt. Jetzt können Sie sehen, ob ich es abspiele Wir haben all diese Buchstaben animiert, das
sieht ziemlich gut Als Nächstes werden
wir dasselbe für
die unterste Ebene tun dasselbe für
die unterste Ebene Jetzt müssen wir nur noch
die Informationen aus
der größeren Version kopieren die Informationen aus
der größeren Version Gehen wir zum S, dem ersten Schlüsselbild Dann fügen wir diesen ersten Keyframe
in diesen Eigenschaftsbefehl
V mit kürzerem Pfad ein . Das sieht ziemlich gut aus, es kommt
schon von unten Das gefällt uns,
dann kopieren wir das U und
fügen es ein. Das
sieht ziemlich gut aus, sodass wir die Position nicht mehr
anpassen müssen. Es bedeutet, genau die
Position zu haben, die wir wollen. Jetzt kopieren wir das C. Das zweite
C hier, das sieht gut aus. Und dann kopieren wir
das E, das ist gut. Und dann kopieren wir das S. Dann das letzte S, und
das ist dieses. Stellen Sie sicher, dass Sie
die frühere Eigenschaft auswählen. Jetzt muss ich nur noch
sicherstellen, dass es nach 25
Frames
zur kürzeren Version zurückkehrt , um eine Schleife zu bilden. Wenn ich diese Animation jetzt abspiele, sieht sie so aus. Es sieht ziemlich cool aus.
Wir müssen jedoch die Lockerungseinstellung anpassen ,
damit sie mehr Energie hat Wählen wir alle Keyframes aus und klicken
dann erneut auf Keyframe-Assistent
. Einfach und bequem Gehen wir zum Grafikeditor. Wir müssen diese Griffe ändern. Stellen Sie sicher, dass wir uns innerhalb
der Geschwindigkeitskurve befinden. Klicken Sie auf den zweiten
Button. Geschwindigkeitskurve bearbeiten. Jetzt müssen wir nur noch
etwas Einfluss nehmen. Vielleicht den
Einfluss auf 70% ändern.
Versuchen wir , den Einfluss auf beide Griffe auf 70%
zu ändern. Es wird uns
eine nette Animation mit
etwas Energie geben , die ziemlich gut
aussieht. Gehen wir zurück zur Timeline
und sehen uns die Animation an. Ich habe das Gefühl, ich will mehr Energie. Ich möchte es noch mehr machen. Vielleicht
sollten wir statt 70 versuchen, einen
Einfluss von 80% zu haben, um mehr Lockerung
und mehr Geschwindigkeitsvariationen Versuchen wir es mit 80% Einfluss. Das sieht ziemlich gut aus. Ja, ich
glaube, es gefällt mir, wenn ich die Timeline
noch weiter nach oben ziehe. Jetzt wollen wir nur
noch diese Keyframes duplizieren Wählen Sie zunächst all
diese Keyframes aus, drücken Sie den Befehl C, und dann können wir diese
Keyframes noch zweimal duplizieren Befehl V duplizieren. Und dann hier drüben,
Befehl V duplizieren. Und vielleicht noch einmal, Befehl V duplizieren, viermal
abspielen. Das Gleiche gilt für diese Reihe
von Keyframes. Kopieren. Dann hat Befehl V
den Befehl V eingefügt Befehl V hat es
eingefügt, sodass ich weiß, dass meine Animation viermal
abgespielt wird Das ist jetzt gut. Und das nächste, was
ich tun möchte, ist , diese Keyframes zu staffeln Oder verschieben Sie diese Keyframes
so, dass jeder Buchstabe nacheinander
animiert wird nacheinander
animiert anstatt alle gleichzeitig Um das zu tun,
möchte ich grundsätzlich, dass dieses S an erster Stelle steht. Und vielleicht nach zwei Frames,
Rechtspfeil, zwei Frames, ich möchte, dass das geht. Und dann möchte ich, dass jeder Buchstabe
um zwei Frames verzögert wird. Mal sehen, wie das aussieht. Wenn ich die Animation
um zwei Frames verzögere. Für jeden Buchstaben ist das gut. Und dann werden wir von Anfang an
dasselbe tun. Wir werden zwei Frames haben. Es wird mein
zweiter Brief hier sein. Und dann mach zwei Bilder. Jetzt haben wir alles
um zwei Frames verzögert. Jetzt ist das ziemlich
glatt. Mir gefällt, wie es aussieht. Das ist wunderschön. Wenn ich das Drop-down-Menü schließe, habe ich nur zwei Ebenen innerhalb einer Komposition
mit einem Hintergrund, aber die Animation
ist bereits drin. Mir gefällt, wie das aussieht. Lassen Sie mich versuchen,
ein paar Buchstaben
in eine dunkle statt
in eine weiße Farbe umzuwandeln . Ich möchte
C und E und Schwarz ändern. Gehen wir dazu
in diese erste Ebene und wählen dann
die Option Gehe zur Füllung. Und dann ändere diese
Farbe in Schwarz. Und als Nächstes wählen wir
die
erste Farbe aus, gehen in die Füllung und
ändern sie in Schwarz. Dann ändern wir das E.
Das sieht gut aus. Dann werden wir
das ändern, dieses. Führen Sie einen aus. Das letzte muss auf eine
Plakette umgestellt werden. Das sieht gut aus. Und für die zweite Schicht wird
es hier
das größere U sein. Dieser. Dann das C hier. Dieser, der zweite und dann das S hier. Okay, das sieht ziemlich gut aus. Wenn ich alle auswähle und
dann alle schließe. Nun, das ist meine Animation.
Das sieht ziemlich gut aus. Ich habe das Gefühl, dass es nicht
direkt in der Mitte ist. Ich möchte es nur vielleicht ein bisschen
in die Mitte bewegen. Sehen wir uns unsere Animation an. Lassen Sie uns nun zusätzlich zu dieser Animation einige Turbulenzen dieser Animation Gehen wir zur neuen Ebene und wählen
dann die Einstellungsebene Jetzt fügen wir einen Effekt
hinzu, der als turbulente Displays
bezeichnet Wählen Sie die turbulenten Displays aus.
Sie können sehen, dass sie
bereits verzerrt Ich möchte die Beträge so ändern
, dass es weniger ist, vielleicht 20. Und dann lassen Sie uns die Größe auf
eine kleinere Größe
ändern , vielleicht auf zehn. Sie können sehen, dass meine Kanten
des Buchstabens in Bezug auf
die Komplexität bereits aufgeraut Ich kann es bis zu fünf Grad abtönen,
und Sie können sehen, dass die Kanten pixeliger sind, sogar noch mehr Jetzt können wir die Entwicklung animieren. Gehen wir von Null zum
Anfang. Ich möchte sehen, wo mein Ende ist. Wenn ich mein Ende hier drüben
habe, ändere ich die Entwicklung
auf vielleicht das Fünffache. Jetzt
sollten sich meine Turbulenzen bewegen und ich sollte eine Turbulenz haben
, die sich ständig Ich finde die
Komplexität zu groß. Vielleicht schalte ich es wieder auf drei und
dann die Größe auf sieben
herunter , nur mit einer sehr sanften Bewegung. Als Nächstes möchte ich einen Geräuscheffekt
hinzufügen. Ich kann hier einen
Geräuscheffekt erzeugen. Füge es über meine Ebene, setze den Geräuscheffekt
in den Vordergrund. Lassen Sie uns den Wert
auf 10% ändern. Es wird ein leichtes Rauschen
über meiner Animation geben. Ich finde, das sieht ziemlich gut aus. Und das Letzte, was ich hinzufügen
möchte, sind diese Pfeile. Sie können die Pfeile
in After Effects zeichnen. Um etwas Zeit zu sparen, verwenden
wir einfach den überladenen Stecker, um ihn in
After Effects zu stecken Ich habe hier zwei Ebenen, das ist mein Pfeil Ich lasse es fallen und
lege es unter die Geräuscheinstellungsebene. Und dann animiere ich
diese beiden einfach
schnell mit einem Trimpfad Gehen wir zum Trimpfad
und dann gehen wir auf Null. Stellen Sie sicher, dass der Anfang komplett
Null ist und fahren Sie dann
vielleicht 20 Frames vorwärts, ändern Sie alles auf 100% dann wechselt Relic zur
Keyframe-Geschwindigkeit Wenn ich den
Einfluss auf vielleicht 66 ändere, das Gleiche wie bei diesem Gehe zur
Keyframe-Geschwindigkeit und ändere die Geschwindigkeit auf 66. Dann muss ich
die beiden Keyframes am Ende
vorwärts bewegen am Ende
vorwärts ,
damit sie nicht zur gleichen Zeit
beginnen Lassen Sie mich diese vier
Schlüsselbilder kopieren und
sie unter Ebene eins platzieren . Das sollte unsere
Animation für den Eros sein. Wenn ich die beiden Ebenen auswähle, nennt MechIFC diesen einen Pfeil Jetzt haben wir hier einen Pfeil, und dann kann ich ihn duplizieren Drücken Sie R auf der Tastatur, drehen Sie es um 180
Grad, es ist hier drüben. Und dann duplizieren Sie es erneut. Vielleicht legst du es hier um das C herum. Jetzt dupliziere ich den
Pfeil einfach ein paar Mal. Ich verteile sie und platziere sie
entsprechend meiner Animation an
verschiedenen Positionen. Nun, das war's mit der
Animation der Erfolgshoffnung. Genieß es. Und wir
sehen uns im nächsten Video.
8. Schleifenanimation: Ordnung, in diesem Video
werde ich Ihnen zeigen, wie wir mit unserer Animation eine nahtlose Schleife erstellen
können Lassen Sie uns dieses Projekt
als Beispiel verwenden. Um
eine nahtlose Schleife zu erstellen, müssen wir nur
einen Startpunkt finden , der mit
dem Endpunkt identisch ist,
und so erstellen wir eine nahtlose Schleife. Lassen Sie uns die Zeitleiste umschalten
und uns zuerst unsere Animation ansehen. Wenn wir zu den Schlüsselbildern
unseres Erfolgs gehen, Sie auf der Tastatur
animieren, können
Sie diesen
Anfangsframe sehen Wir haben
nichts, was diesen Anfangsframes
identisch Also muss ich es bis zum Ende ziehen bis mein letztes Pass-Keyframe
anfängt zu animieren An diesem Punkt denke ich, dass dies der
Ausgangspunkt sein könnte,
weil das ein Punkt ist bereits
alles animiert
wurde Ich muss sicherstellen, dass ich
ein Lineal ziehe , um einen
Referenzpunkt zu finden Ich kann dieses S
als Bezugspunkt verwenden. Nehmen wir an, ich möchte nur diese Position
meines ersten S-Ohrs
markieren und sicherstellen, dass ich weiß, wo sich das befindet. Und dann möchte ich auch
ein anderes Wort als Referenz verwenden , wie hier das kleinere S. Ich ziehe ein Lineal hierher. Wenn Sie
das Lineal nicht haben, drücken Sie einfach Befehl R. Um das Lineal hochzuziehen, müssen wir nur
zwei Referenzpunkte finden. Das erste hier und dann
das dunkle kleinere S hier. Das ist meine Position für
das S. Und dann bin ich auf der Tastatur und schneide
den Vorschaubereich ab, um meine Animation zu
starten. Ab diesem Punkt
muss
ich als Nächstes einen Endpunkt finden, an dem sich dieser genau an der
Position befindet wie mein Lineal. Wenn wir weitermachen,
ist das unsere Animation. Das ist animierend. Das ist
gut. Das ist gut. Wenn wir etwas finden wollen, können
wir vom Ende hier anfangen. Wenn wir den
Timeline-Indikator
von hinten nach vorne ziehen , sehen
Sie ungefähr diesen Punkt, an dem sich meine beiden S genau an der gleichen Position
befinden wie meine S von Anfang an. Weise weiß ich, dass dieser Frame genau derselbe
ist
wie der erste Frame. Wenn ich ihn hier schneide, entsteht eine nahtlose Schleife. Drücken wir die Tastatur,
um den Vorschaubereich bis hierher zu kürzen. Und das ist der
Vorschaubereich, in dem
wir eine
Stimulus-Loop-Animation haben werden. Drücken wir die Leertaste
für die Vorschau. Ja, Sie können sehen,
dass das eine nahtlose Schleife ist. Da wir auch einige
sekundäre Animationen haben. Wir haben all diese Pfeile
, die rein und raus kommen. Wir wollen auch
sicherstellen, dass all diese
Pfeile innerhalb meines Vorschaubereichs beginnen und enden. Wenn meine Pfeile von hier
aus nach draußen gehen , bringt das meinen Loop durcheinander. Wenn wir eine ähnliche sekundäre
Animation haben, muss
ich alle
meine Ebenen in
meinen Vorschaubereich ziehen ,
um eine nahtlose Schleife zu erzeugen. Außerdem kannst du sehen, wenn ich dich auf der Tastatur
drücke, es gibt nicht nur einen
Punkt, an dem wir
diese beiden S genau an der
Position des ersten Frames haben . Wenn ich noch einmal rückwärts gehe, müsste
es hier noch einen
Punkt geben. Dies ist ein weiterer Punkt, an dem es sich nahtlos wiederholen wird Wenn ich es von
hier aus schneide, kann ich es einfach auf der Tastatur eintippen, um es auch hier zu
schneiden. Im Grunde haben wir
ein paar Loops in meinen Ebenen als Animation. Und ich kann es schneiden,
wo immer ich will, solange das erste und das letzte
Bild exakt identisch sind Ich möchte nur
zwischen diesen Positionen sehen, ich habe nichts anderes. Vielleicht ist das Bild hier,
selbst wenn ich es hier schneide, genau dieselbe Position
wie meine beiden s. Wenn ich es hier schneide, könnte
es, es könnte immer noch
ein guter Ort für eine
Loop-Animation sein ein guter Ort für eine
Loop-Animation sein Das einzige Problem wäre, ich denke, diese S sind gut Das einzige Problem wäre möglicherweise nicht
genügend Zeit meine Pfeile möglicherweise nicht
genügend Zeit haben, um
die Animation innerhalb dieser
kurzen Zeit abzuschließen . Also möchte ich vielleicht zwei Loops in meine
Loop-Animation
hier N einbauen . Ich kann
meine Pfeile
innerhalb dieser beiden Schleifen animieren lassen , und dann habe ich immer noch eine komplette themenlose Ich hoffe, das ergibt Sinn. Ich kann dir ein anderes Beispiel zeigen. Sehen wir uns hier ein anderes Beispiel an. Hier ist ein weiteres Beispiel. Das ist die Animation, an der
wir im nächsten Video arbeiten werden. Wir können dies jedoch
als Beispiel für unsere
Looping-Animation verwenden als Beispiel für unsere
Looping-Animation Zuerst müssen wir
den Linealbefehl R aufrufen , um die Lineale anzuzeigen Und dann muss ich
meine Startposition finden. Ich möchte nur
sichergehen, dass ich einen Ort finde
, an dem all meine Buchstaben
anfangen zu animieren Mal sehen, ob das ein guter
Ort für etwa acht Frames ist. Ich ziehe einfach ein Lineal, um zu sehen
, wo mein erster Buchstabe P ist. Und dann muss ich ein Lineal
ziehen, um
sicherzugehen , dass wir die
Position für das Y markieren. Das ist gut. Und
dann können wir auf der Tastatur den
Vorschaubereich hier einstellen Gehen wir weiter und stellen
sicher, dass wir
es vielleicht zwei Loops lang abspielen lassen können. Und dann suchen wir uns einen
Ort, wo wir
das an der exakten
Position hier haben . Das ist die genaue Position
meines ersten Buchstabens und des Y. Lass uns das auf der Tastatur eingeben. Mal sehen, ob ich hier drüben spiele. Ob es
eine nahtlose Schleife sein soll. Ja, ich denke, das macht
Sinn. Ich denke, das funktioniert. Jetzt haben
wir im ersten Bild das P und das Y, und dann im letzten Bild haben wir das P und das Y an
genau derselben Position. So erzeugen wir
eine nahtlose Schleife. Ich muss auch sicherstellen, dass
alle meine Sterne zu Beginn
innerhalb dieses
Vorschaubereichs animiert werden Beginn
innerhalb dieses
Vorschaubereichs In meiner Timeline kann man zwar sehen, wie sich die Ebene ausdehnt, aber es ist noch nichts animiert Ich muss mir also nicht so viele Gedanken
darüber machen. Wenn ich den Keyframe ein- und ausschalte, ist
das ein Startpunkt, an dem der erste Stern animiert Es befindet sich bereits in
meinem Vorschaubereich. Das funktioniert. Und dann
muss ich sicherstellen, dass der letzte Stern meinen Endpunkt hier
nicht überschreitet. Ich denke, das funktioniert auch. Das kann
unserer ähnlichen Schleife gefallen. Wenn ich es spiele,
sieht es so aus. Es wird einfach ununterbrochen in einer
Endlosschleife laufen. Ordnung, das
war's mit diesem Video.
Ich hoffe, Sie bekommen eine Vorstellung
davon, wie Sie mit unserer
Typografie-Animation
einen ähnlichen Loop erstellen mit unserer
Typografie-Animation
einen ähnlichen Loop Lass uns im nächsten Video anfangen,
diesen Partytext zu animieren nächsten Video anfangen,
diesen Partytext
9. Party: Willkommen zurück. In dieser Lektion werden
wir
das Wort Party animieren Arbeite hart. Spiele hart, wenn das Leben hart ist.
Vergiss nicht zu feiern. Wie Sie sehen können, haben wir
dieses Design bereits in Illustrator entworfen Wir können vorerst einen Screenshot
der Farbpalette machen
und dann
den Text in After Effects erstellen den Text in After Effects Gehen wir jetzt zurück
zu After Effects. Lassen Sie uns eine neue Komposition erstellen, diese Hauptkomposition
nennen und dann die Dimension auf
1080 mal 108030
Bilder pro Sekunde ändern 1080 mal 108030
Bilder pro Sekunde Und dann
wird die Dauer zehn Sekunden betragen. Klicken Sie auf Okay. Jetzt haben wir
unsere After Effects-Datei. Gehen wir jetzt zum Textwerkzeug und geben unser
Wort Party
That Looks Good ein. Und dann werden
wir in dieser Lektion die
Schrift Rock Grotesque verwenden Lassen Sie uns das auf
ein schweres Gewicht umstellen. Stellen Sie sicher, dass die vertikale Skala
bei 100% liegt . Alles
ist wieder auf die Standardeinstellung eingestellt. Wir benötigen vorerst nur diese eine
Schriftebene. Denken Sie daran, dass
wir in dieser Lektion über einige
Stile beim Animieren gesprochen Stile beim Animieren haben.
Wir müssen den
editierbaren Text in
einen Durchgang umwandeln , damit wir die Vergangenheit für das
Morphing
manipulieren können Vergangenheit für das
Morphing
manipulieren In dieser Lektion müssen wir unseren Text
nicht umreißen,
sodass wir, nachdem wir alles
animiert haben ,
den Text immer noch
in
eine , beliebige Kopie umwandeln können, die wir hier sagen möchten Das ist also ein Vorteil, den wir haben, wenn wir unseren Text nicht
skizzieren. Jetzt haben wir unser Parteiwort hier. Wir lassen
es einfach fallen. Lass mich rauszoomen. Wir gehen zu meiner Registerkarte Ausrichten und
zentrieren dann Ausrichten. Ich möchte auch wieder heranzoomen , um sicherzugehen, dass mein
Ankerpunkt ganz unten ist. Klicken wir auf diesen Stift dahinter
, um meine Ankerpunkte zu ziehen. Stellen Sie sicher, dass er
zur Mitte meines Textes ausgerichtet ist. Und dann lass es
ganz nach unten fallen, direkt bis zum Rand hier drüben. Was die Animation angeht, möchte
ich mich in dieser Lektion nur mit einer
Eigenschaft befassen,
nämlich einer Skaleneigenschaft. Sobald wir den
Ankerpunkt nach unten gezogen haben, schalten
wir die
Skalierungseigenschaft ein. Wie auf der Tastatur: Wenn ich
die Skala vergrößere, vergrößert
sich auch
unser Exemplar, oder? Das wird also im Grunde
die Animation sein, die wir wollen,
um die Animation sein, die wir wollen, diese Parteilinie
größer und kleiner
zu machen. Lassen Sie uns das wieder auf
100% setzen. Ich möchte nur
sehen, ob ich diesen
Text ganz nach oben ändere. Ist das groß genug, um den gesamten Raum
einzunehmen? Ich habe das Gefühl, ich möchte, dass dieser Text hier ist
, wenn er größer wird. In diesem Fall
muss ich diesen
Ankerpunkt möglicherweise noch weiter nach unten verschieben. Vielleicht hier drüben, sagen wir, ich habe
hier 270% und
ändere es dann wieder auf
100% oder noch weniger Wir können es noch kleiner machen, vielleicht um 50%, sodass die
Parteilinie weit unten ist Ich denke, das funktioniert von 50 bis 300% Ja, das
funktioniert. Im Wesentlichen Das ist unsere Animation.
Zuallererst möchte
ich
meine Farbpalette importieren, von der ich
bereits einen Screenshot gemacht habe. Stellen Sie sicher, dass ich meine
Farbpalette hier habe und gehen Sie
dann zu Layer New Solid. Lassen Sie uns diese
gelbe Farbe
als Hintergrund für den Text ausprobieren. Ich möchte zum Charakter übergehen und
sicherstellen, dass wir
eine weiße Füllung und
eine schwarze Kontur haben , die ziemlich gut
aussehen. Wir können die
Farbpalette vorerst ausblenden. Jetzt können wir die
Partylinie nach 0 Sekunden animieren. Lassen Sie mich es runterziehen und bei null Sekunde vergrößern
. Ich möchte, dass die Skala
vielleicht 60% beträgt. Ja, das sieht ziemlich cool aus. Mit meinem Ankerpunkt da unten kann
ich einen Schlüsselrahmen
für die Skalierungseigenschaft setzen. Gehen Sie 25 Frames vorwärts und
klicken Sie auf 121-23-4525 Frames. Jetzt kann ich es bis auf 250 oder
vielleicht 300 zoomen. Ja, ich glaube, mir gefällt, wie es
gerade ist . Das
sieht ziemlich gut aus. Und dann lassen Sie uns weitere 25 Frames
vorwärts gehen. Kopieren Sie dann den
ersten skalierten Keyframe , um eine Schleife zu erstellen, sodass dies
unsere Animation ist . Gehen Sie auf und ab Lassen Sie uns die drei Ebenen
erneut duplizieren , um daraus zwei Schleifen zu machen Geh rauf und runter und rauf und runter. Das sieht jetzt ziemlich gut aus. Ich mag diese Animation. Das ist im Grunde der
Keyframe, den wir brauchen. Und dann
müssen wir jetzt
die Lockerung manipulieren, um ihr mehr Energie
zu geben In Bezug auf die Animation. Wählt alle Keyframes aus, oder? Klicken Sie ganz einfach auf den
Keyframe-Assistenten. Gehen Sie zum Diagrammeditor. So wie wir das Diagramm
bearbeiten wollen. Zuallererst müssen wir
sicherstellen, dass wir auf die zweite Schaltfläche klicken. Geschwindigkeitskurve bearbeiten. Wir
befinden uns in der Geschwindigkeitsgrafik. Nehmen wir an, diese Schaltfläche
passt zur Grafik. Um es größer zu machen, wollen wir eine springende Animation
haben. Das heißt in
Bezug auf einen Bounce,
wann immer ein Bounce wann immer ein Bounce Oder ein Ball springt bis in
die Luft,
wann immer er den höchsten oder
höchsten Punkt erreicht, wird
er dort sein, wo
die Geschwindigkeit für einen Sprung hier am
niedrigsten ist für einen Sprung hier am
niedrigsten An diesem Punkt
sollte der Graph fast flach sein, flach
wie möglich, damit wir
eine Abprallkurve erreichen können Und an diesem Punkt
verliert es die gesamte Geschwindigkeit. Am Anfang wollte ich mit Energie auf den Boden
treffen, also muss ich diesen Griff
ganz nach innen ziehen, um eine Kurve zu
haben, in der wir am Anfang
etwas Geschwindigkeit haben. Und dann wird diese
Energie langsam verschwinden. die Kurve flacher wird, geht die Energie weg Und wenn sie dann fällt,
wird sie sich langsam beschleunigen. Auch dies ist die Kurve, die wir für eine
springende Animation benötigen Wir ziehen diesen Griff einfach hierher. Diese beiden Schleifen, die Kurve
wird identisch sein. Also werden wir diese
Kurve ganz nach oben ziehen und dann diese Kurve ein wenig nach hinten ziehen. Am Anfang haben wir ein
gewisses Tempo, das sich langsam zum höchsten Punkt hin
abschwächt Die Geschwindigkeit wird gleich Null
werden. Und wenn sie dann sinkt, wird
sie langsam wieder
schneller werden Und wenn es dann
auf den Boden
fällt, bekommt es
etwas Energie zurück Das ist die Grafik, die wir brauchen. Wir wollen auch sicherstellen, dass
diese höchsten Punkte
ungefähr die gleiche Höhe haben
, damit wir die gleiche Energie erhalten Schauen wir uns die Animation an,
als wir das Diagramm angepasst haben. Ja, wir haben schon eine
gewisse Sprungkraft. Ich finde, das sieht ziemlich gut aus. Ich muss
diesen Keyframe nur noch einmal duplizieren ,
sodass wir vier Bounces haben Lassen Sie uns C befehlen und dann sicherstellen, dass die
Timeline-Anzeige hier drüben ist Befehl V, jetzt haben wir
vier Sprünge, 1234. Jetzt haben wir unsere Animation fertig. Wir müssen nur noch eine Sache
tun, bevor wir es
auf eine andere Farbe duplizieren. Ich möchte
den Text auswählen und dann
zur Zeicheneinstellung gehen. Ich möchte das
Tracking etwas weiter reduzieren. Vielleicht ändere es auf minus 50. Ich kann auch einzelne
anpassen, vielleicht diese beiden. Ich verwende einfach meine
Tastenkombination, den
Linkspfeil, um sie näher zu bewegen. Dann verschiebe diesen ein wenig
heraus. Bewege diesen näher
, nur um das Tracking anzupassen. Jetzt haben wir eine Party-Technologie
, die nahe beieinander liegt. Jetzt müssen wir nur noch jeden Buchstaben auf
seiner eigenen Ebene
trennen , damit wir die Animation verschieben
können. Lassen Sie uns den zerlegten Text aus dem
Plugin-Fenster aufrufen. Und dann, wenn die Party-Ebene ausgewählt ist, können wir sie zerlegen Nachdem wir also
auf den zerlegten Text geklickt haben, haben
wir jeden
Buchstaben auf einer eigenen Ebene Und diese Party-Ebene
ist nicht sichtbar. Wir können diesen
mit unserer schüchternen Schicht abschrecken. Wenn Sie im
zerlegten Text einen Pfeil sehen, liegt das
daran, dass ich
auf dieses Textwerkzeug klicke und dann ein
Begrenzungsfeld ziehe und das Wort Party
eintippe das Wort Party
eintippe Nachdem ich diese
Party-Ebene ausgewählt
habe, kann ich auf den
zerlegten Text klicken Es wird jedoch nicht funktionieren, es wird
mir ein Fehlerset geben Absatztext wird nicht unterstützt. Was ist ein Absatztext? Ein Absatztext liegt vor,
wenn Sie auf
das Textwerkzeug klicken und dann zuerst
ein Begrenzungsfeld ziehen und dann in
die Textebene eingeben , danach ist es ein Absatztext Damit der
zerlegte Text funktioniert, müssen
Sie jedoch auf
dieses Textwerkzeug und dann einmal auf den
Bildschirm klicken Und Sie sehen, dass es
eine leere Textebene gibt. Wenn Sie jetzt
das Wort Party eingeben, ziehen Sie
nichts aus dem Begrenzungsfeld heraus, klicken Sie
einfach hier auf den Bildschirm. Geben Sie das Wort Party ein.
Wenn Sie jetzt auf zerlegten Text klicken, wird
es funktionieren Wenn Sie also einen Pfeil erhalten, liegt das
daran, dass
Sie bei der Eingabe des Textes
ein Begrenzungsfeld herausziehen , wodurch Sie im
zerlegten Text
eine Fehlermeldung erhalten im
zerlegten Text
eine Fehlermeldung Zurück zu unserer Lektion. Jetzt haben
wir die Party fertig. Jetzt muss ich
dich nur auf der Tastatur drücken. Zeige alle Keyframes an, die ich brauche
, um jeden Keyframe zu verschieben. Nehmen wir an, das P ist der erste Buchstabe
, der auftaucht. Mir war ein Frame gegenüber. Wählen Sie einen Frame,
und dann können wir all diese
Keyframes um
einen Frame nach vorne
ziehen , sodass unsere Buchstaben
nacheinander nach oben gehen. Mal sehen, wie es aussieht. Ja, das sieht ziemlich gut aus. Das ist alles was ich brauche.
Wählen wir alle Buchstaben aus, drücken wir Shift C. Nennen wir das
One Party Animation. Jetzt haben wir einen Batch des Partyanimationsbefehls D. Lassen Sie uns
ihn zunächst einmal duplizieren. Wir müssen nur
unsere Farbpalette einschalten und sie zur Seite
verschieben. Zum zweiten gehe
ich zu meinen
Effekten und Präzessen und suche nach der Füllfarbe Dann
ändere ich die zweite Farbe in
diese rosafarbene Farbe Ich brauche auch eine Gliederung. Also werde ich den Umriss
durch den Ebenenstil erreichen. Klicken Sie mit der rechten Maustaste und wechseln Sie mit einem Strich zum
Ebenenstil. Gehen wir in den Strich hinein. Lassen Sie uns den Strich vielleicht
auf einen ändern und dann die Farbe
auf Schwarz ändern. Es wird ein schwarzer Strich sein. Und dann leg diesen
lila zurück. Lassen Sie uns nun
diese rosafarbene Ebene erneut duplizieren. Und lege es darunter, ändere diese Farbe
in diese rote Farbe. Und dann duplizieren Sie es erneut. Leg es darunter,
ändere es in lila. Und dann duplizieren Sie es erneut, legen Sie es darunter, ändern
Sie es in das dunkle Violett. Jetzt haben wir all diese Farben
hinter meiner weißen Farbe. Jetzt muss ich nur noch
die Schichten verschieben. Lassen Sie uns die
Farbpalette ausschalten. Gehen Sie einen Frame vorwärts, verschieben Sie die Ebenen, hassen Sie die eckigen Klammern
, um die Ebenen zu verschieben. Gehen Sie
wieder einen Frame vorwärts und verschieben Sie diese Ebene. Gehen Sie einen Frame, versetzten Sie diese Ebene und dann wieder einen Frame,
versetzten Sie diese Ebene. Jetzt haben wir all diese
Ebenen um einen Frame versetzt. Schauen wir uns die Animation
an. Jetzt müssen wir dieses Stück nur noch mit
einigen sekundären Animationen
abschließen ,
vielleicht mit ein paar Starts. Fügen wir die Animation der
Sterne hinzu. Ich habe es im
Sternanimationsordner. Ich verwende die zweite Sternanimation mit einer Menge Duplikate Das ist jetzt eine vollständige Animation. In Ordnung, das war's mit
der Party-Animation. Wir sehen uns im nächsten Video.
10. Like: Willkommen zurück. In diesem Kurs werden
wir dieses Wort
animieren Wie wir bereits in den vorherigen
Lektionen über drei verschiedene Möglichkeiten
zur Textanimierung
gesprochen vorherigen
Lektionen über drei verschiedene Möglichkeiten
zur Textanimierung Wenn dir der Kurs bis jetzt gefällt, vergiss nicht, eine
Bewertung unter dem Kurs zu hinterlassen Das wird dazu beitragen
, dass dieser Kurs mehr Schüler erreicht , die diese
Art von Animation lernen möchten. Und das wird sehr geschätzt werden. Lassen Sie uns nun mit dieser Lektion beginnen. Wir haben diesen Typ in Illustrator
angelegt. Die Schrift, die wir verwenden,
heißt Rock Grotesque. Und dieses kühne ist
ein verdichtetes Schwarz, und das dünne ist nur
eine dünne, enge Der Grund, warum wir Rock Rotesque
verwenden , dass es eine wirklich große Familie ist Sie hat all diese
unterschiedlichen Dicken und Gewichte, sodass wir sie
manipulieren und zwischen ihnen hin- und herwechseln können . Sie können auch
verschiedene Passarten wählen, aber ich empfehle etwas,
das viele
verschiedene Varianten hat, sodass Sie
zwischen diesen Varianten
transformieren oder morphen können zwischen diesen Varianten
transformieren oder morphen Wir haben auch darüber gesprochen, wie man den Plugging-Overload
nutzt und
wie man
Dateien von Illustrator
nach After Effects überträgt Dateien von Illustrator Um etwas Zeit
zu sparen, verwende
ich in dieser Lektion einfach die
Plugging-Overload, um diesen Buchstaben nach After Effects
zu Lassen Sie uns in After Effects gehen, eine neue Komposition
erstellen, diese eine
Hauptkomposition
nennen und
die Dimension auf 1080 mal
108030 Bilder pro Sekunde ändern die Dimension auf 1080 mal
108030 Bilder pro Sekunde Die Dauer eines Klicks
beträgt zehn Sekunden. Okay, wir haben unsere Zusammensetzung. Gehen wir zurück zu Illustrator. Wir können den Text auch in
After Effects eingeben , aber
um etwas Zeit zu sparen, lassen Sie uns diesen einen
Buchstaben nach dem anderen verschieben Jetzt haben wir einen.
Und dann geh zurück, drücke das K, drücke das
E, das sieht gut aus. Und dann lass uns die Gruppierung aufheben. Und dann schiebe ich eins nach dem anderen. Ich drücke zuerst das L und dann das I und dann
das K und dann das. Das sieht gut aus. Jetzt haben wir die Pfadinformationen all
dieser Buchstaben. Lassen Sie mich eine
Hintergrundebene erstellen, einen neuen Festkörper. Wir brauchen nur einen rein schwarzen
Hintergrund, der funktionieren sollte. Lass es
ganz nach unten fallen. Jetzt müssen wir nur noch
die Pfadeigenschaft so animieren , sie zwischen den verschiedenen
Dicken der einzelnen Wenn wir
den Plugin-Overload nicht verwenden, zeige ich ihn einfach schnell Lass uns hier alles verstecken. Nehmen wir an, wir haben unseren eigenen Buchstaben
in After Effects eingegeben, ändern
wir ihn in
kondensiertes Mach es so super groß Wenn wir den
Plugging-Overload nicht verwenden, können wir das tun und dann zu
Formen aus Text erstellen übergehen Jetzt hätten wir die
Forminformationen für jeden Buchstaben, darin
befinden sich vier Buchstaben Lassen Sie mich diese Textebene löschen. Gehen wir jetzt rein
und schauen uns hier an, unter dem Inhalt
gibt es vier Buchstaben, und wir
müssen sie nur dreimal duplizieren. In der ersten Ebene können
wir
die drei Buchstaben löschen und
nur einen Buchstaben darin lassen. Und dann lösche in der zweiten Ebene einfach die
anderen drei Buchstaben. In der dritten Ebene löschen
wir L, I und E. Und dann löschen
wir
in der letzten Ebene die
ersten drei Buchstaben. Jetzt hätten wir vier
verschiedene Buchstaben auf eigenen Ebene, und
jeder einzelne enthält
Pfadinformationen. So machen wir die Pfadinformation also ohne
den Plug in Overload, ist genauso, als würden wir
den Overload-Plug-In verwenden. Aber Overload macht
es einfach einfacher,
all diese Pfadinformationen
von Illustrator nach After Effects
zu übertragen all diese Pfadinformationen von Illustrator nach After Effects
zu Lassen Sie uns jetzt unsere
Ebenen wieder einschalten. Wir haben diese
Pfadinformationen bereits. Es ist dasselbe wie das, was
ich zuvor demonstriert habe. Wenn Sie es manuell machen, müssen wir
jetzt nur noch
das Morphing zwischen
den Dicken animieren das Morphing zwischen
den Dicken Lassen Sie uns die gesamte Ebene auswählen. Suchen Sie nach
der Pfadeigenschaft. Stellen Sie sicher, dass die
Zeitleistenanzeige auf Null Sekunde steht. Lassen Sie uns für
alle Pfadeigenschaften eine Stoppuhr drücken. Jetzt haben wir einen Keyframe
für den gesamten Pfad. Jetzt müssen wir nur noch
die ersten Pfadinformationen
von ganz L abrufen , das hier Ebene fünf ist Kopieren wir diesen
Pfadinformationsbefehl C und fügen ihn dann
in den ersten Buchstaben ein, hier
das große L ist. Gehen wir 25 Frames vorwärts. Befehlsumschalt,
Rechtspfeil, 1212345. Jetzt sind wir bei 25 Frames. Wählen Sie den
Befehl V für Pfadeigenschaften aus. Fügen Sie ihn ein. Wenn ich in der Zeitleiste ein- und ausschalte, können
Sie sehen, dass sich dieser Pfad von einem
sehr langen Pfad in
einen kurzen Pfad
verwandelt . Das sieht gut aus Und jetzt wählen wir das I, oder Sie können das E wählen, da
wir es ausgewählt haben, lassen Sie uns das Schlüsselbild
unter dem Pfadbefehl C kopieren Und dann suchen wir hier nach
dem größeren E, und
das ist dieses. Und dann klicken Sie auf
die Pfadeigenschaft. Stellen Sie sicher, dass Sie auf diese
Eigenschaft klicken, bevor Sie
den Keyframe-Befehl V hinter sich
lassen. Lassen Sie uns hier K
ausführen, Befehl C, um zu kopieren Lass uns das K finden, dieses. Und dann Befehl V. Dann wäre
der letzte das Ich, dieser. Lass uns das
Schlüsselbild kopieren und dann zu dem Buchstaben
übergehen, diesem. Klicken Sie auf den Pfad V. Jetzt können wir einfach diese
vier Buchstaben ausschalten Das ist
der ursprüngliche Buchstabe, der keine Animation hat. Lassen Sie uns die Sichtbarkeit ausschalten. Und dann können wir
auf die Schaltfläche Shy klicken
und auf alle Ebenen klicken. Wenn ich jetzt diese Animation abspiele,
erhalte ich Folgendes. Ich erhalte ein Morphing zwischen den beiden unterschiedlich dicken
vier Buchstaben Im Grunde ist das
die Animation. Das ist eine sehr einfache Animation
für diese Bewegungen. Und dann lass uns
dich auf die Tastatur drücken. Wir gehen einfach
weitere 25 Frames vorwärts , 1212345 Kopieren Sie nun den ersten Keyframe,
sodass wir eine Schleife abschließen. Alles kehrt
zu den ursprünglichen Zuständen zurück, und wir haben hier diese eine Schleife. Jetzt duplizieren wir einfach
den Keyframe erneut, um sicherzustellen, dass
wir zwei Loops haben. Wenn ich jetzt die Animation abspiele, ist
das die Bewegung, die wir
bekommen, bevor wir weitermachen. Ich möchte
die Animation auch zuerst mit
den dünnen Schriftflächen beginnen ,
anstatt mit der dicken. Ich möchte nur diese Ebenen ausschneiden und die Option Alles in den
linken eckigen Klammern
auswählen. Und dann können wir alle Ebenen auf Null
Sekunden verschieben , sodass es
mit den dünnen Schriften beginnt. Und jetzt fehlt uns ganz am Ende ein
Schlüsselbild. Also gehen wir wieder 25 Frames
vorwärts und kopieren dann das
allererste Keyframe auf jede Ebene, sodass
wir zwei Loops bilden können Und jetzt, wo ich alle Keyframes
habe und alles
auswähle, kommen wir wieder
zu den dünnen
Schriftflächen jetzt, wo ich alle Keyframes
habe und alles
auswähle, kommen wir wieder
zu den dünnen
Schriftflächen alle Keyframes
habe und alles
auswähle, kommen wir wieder
zu den Roter Klick,
Keyframe-Assistent, einfache Bedienung. Und dann gehen wir
zum Diagrammeditor. Klicken wir auf dieses dicke
Diagramm, um es anzusehen. Und klicken Sie auch auf diese Schaltfläche, um
sicherzustellen, dass wir uns in
der Geschwindigkeitsgrafik befinden. die Animation angeht, Was die Animation angeht, möchte ich
eine springende Animation machen Bouncing Curve,
über die wir in der vorherigen Lizenz gesprochen haben über die wir in der vorherigen Denken Sie daran, als wir
die Party-Animation hatten, haben wir einen Sprung am
höchsten Punkt gemacht, das ist dieser Punkt
hier in der Ich möchte, dass diese Animation
dort hängt, sodass ich
diese Kurven ziehen kann , nur um
sicherzugehen , dass ich diese
Kurve ganz nach außen ziehe Und dann wird die Geschwindigkeit fast
Null werden. Die Kurve wird
für die erste Kurve so flach wie
möglich sein , ich
ziehe einfach den Griff zurück. Was den Einfluss angeht, möchte
ich diesen Einfluss
auf vielleicht 90% des Einflusses ändern . Siehst du die Einflusszahl? Wenn ich den
Griff hierher ziehe, gebe
ich ihm 90%
Einfluss und ziehe
dann den ersten Griff
ganz nach links. Lassen Sie uns hier weitere 90% des Einflusses vornehmen
, damit es hier ausgewogen ist. Ich muss das
auswählen, weil es vier verschiedene Ebenen mit
vier verschiedenen Buchstaben gibt und es hier ein paar Keyframes gibt. Also muss ich einen Markierungsstrich setzen, diesen Griff
zurückziehen, vielleicht zwei, 15%, und dann einen Markierungsrahmen , erneut
auswählen, dasselbe tun, diesen Griff ganz
nach hinten
bewegen und dann den
Einfluss hier auf etwa 90% ändern dann den
Einfluss hier auf etwa 90% ändern. Dieser hier
könnte auch 90% sein Und dann
wird der letzte Wert derselbe sein,
etwa 15% des Einflusses, da es sich um eine Schleife handelt Diese Kurven
sollten also identisch sein. Und das ist eine Art
Bouncing-Kurve, die wir brauchen. Mal sehen, wie die Animation mit
dieser Art von Kurve
aussieht Das ist ziemlich nett. Das ist fast wie ein
Sprung, siehst du das? Ich habe das Gefühl, dass die
Animation etwas langsam ist. Lassen Sie mich versuchen,
diese Keyframes näher zu rücken, Option
„Alles Es“ und die Tastatur auszuwählen Und dann ziehen Sie einfach
den letzten Keyframe ,
sodass wir
den Abstand zwischen
all diesen Keyframes ändern können den Abstand zwischen
all diesen Keyframes um ihn langsamer oder schneller zu machen In diesem Fall möchte ich, dass
es schneller ist,
also verschiebe einfach alles nach
innen, um näher dran zu sein Ich finde, es sieht ziemlich gut aus. Jetzt kann ich
diese Keyframes vielleicht noch
einmal kopieren , um ihnen vier
Loops statt zwei Loops zu geben. Jetzt werden es vier Loops machen. Nun, das ist gut, und als Nächstes
möchte ich etwas an Deckkraft ändern, damit
der Buchstabe ein
bisschen flackert Gehen wir zum ersten Buchstaben. Drücken Sie die Umschalttaste auf der Tastatur
, um die Opazität zu erhöhen. Und dann gehen wir von 100%, vielleicht
fünf Frames vorwärts, 12345, wechseln zu 85% und dann wieder fünf
Frames vorwärts 12345,
ändern es wieder auf 100% 12345, und dann ändern wir es auf 85%. Wir haben fast ein
Flackern Und dann können wir einen Ausdruck
hinzufügen,
um diese Animation zu löschen. Halten wir die Option
auf der Tastatur gedrückt. Drücken Sie die Stoppuhr und fügen Sie einen
Ausdruck namens Loop Out hinzu. Dann drücken die Klammern die Eingabetaste. Nachdem wir nun den
Loopout-Ausdruck hinzugefügt haben, erhalten wir Folgendes Wir bekommen dieses ständige
Flackern für diesen Brief. Ich denke, das funktioniert. Als Nächstes möchte ich nur
die Keyframes kopieren und dasselbe für
die
anderen drei Buchstaben tun dasselbe für
die
anderen drei Buchstaben Wählen Sie alle drei aus und
gehen Sie mit
dem
Timeline-Anzeigebefehl V auf Null Sekunde . Drücken Sie Sie auf die Tastatur
, um den Keyframe anzuzeigen Und dann muss ich nur
diesen Expression-Befehl
C kopieren und
ihn dann zu diesen drei Buchstaben hinzufügen ihn dann zu diesen drei Buchstaben Halten Sie die Option gedrückt. Und dann klicken Sie auf
die Stoppuhr, um das Ausdrucksfeld zu öffnen und dann
den Ausdruck einzufügen Jetzt flackern all diese
drei Buchstaben. Ich finde, das sieht gut aus. Und als Nächstes möchte ich
die Keyframes vielleicht
um zwei Frames verschieben. Geh auf Null. Zweiter Befehl 2 Sekunden lang
klicken und dann
verschiebe ich
diese Keyframes,
gehe wieder zwei Sekunden vorwärts, versetze die Keyframes wieder versetze die Keyframes zwei Sekunden
vorwärts,
versetze die Jetzt habe ich gerade das Problem erkannt. Erinnerst du dich, als wir
die ersten beiden
Schlüsselbilder in vier Sätze kopieren ? Ich erinnere mich, dass wir
die Kurve für den letzten Keyframe nicht geändert die Kurve für den letzten Keyframe Wenn ich in diese Keyframes gehe, mir
den Diagrammeditor
innerhalb des Keyframes ansehe
und mich daran erinnere, dass dies das Ende ist,
dann den Diagrammeditor
innerhalb des Keyframes ansehe
und mich daran erinnere, dass dies das Ende ist, ist das das letzte
Keyframe, das wir in der ersten Animation
hatten, und
wir haben im Grunde genommen einfach eine Kopie gemacht, um zwei weitere Sets
zu erhalten Der Einfluss
hier ist jedoch nicht korrekt und
er ist nicht Also muss ich
den
Einfluss auch hier anpassen ,
damit dieser Teil etwa 15% liegt. Und jetzt sollten wir während der gesamten Animation eine konsistente Kurve
haben. Lassen Sie uns diese Einflüsse kopieren. Wählen Sie alles aus und
gehen Sie zum einfachen Kopieren. Kopieren Sie
das Easing und fügen Sie es dann in diesen
Satz von Schlüsselbildern ein. Klicken Sie auf dieses As,
dann auf dieses, klicken Sie auf das S. Jetzt kopiere
ich einfach
alles in diese
drei verschiedenen Buchstaben Schauen wir uns nun an ob die Animation konsistent
ist. Ja, jetzt ist es viel
konsistenter , wenn die
zweite Schleife endet und in die dritte Schleife
kommt,
das sieht ziemlich gut aus. Als Nächstes möchten
Sie einige
sekundäre Animationen hinzufügen, vielleicht ein paar Sterne wie in
den vorherigen Lektionen. Ich habe meine Sterne bereits
im Projektfenster. Es ist die Sternanimation Nummer eins. Und sobald ich es hinzufüge, wird
es einfach zufällig in einer Art von Sternen
auftauchen. Ich finde, das sieht ziemlich cool aus. Und jetzt fügen wir auch einen
Glow-Effekt hinzu. Gehe zur Ebeneneinstellungsebene. Lassen Sie uns den Namen in Glow ändern. Schauen wir uns
die Effekte und den Prozess an
und wählen das Plug-In aus. Deep Glow, Deep Glow
ist auch nicht kostenlos, aber ich möchte nur zeigen, wie es
aussieht. Sie müssen es nicht benutzen,
wenn Sie es nicht haben. Aber wenn ich es reingebe, kannst du sehen, dass es wirklich erstklassig aussieht. Und es gibt diesen schönen
Glanz, vielleicht zu viel. Ändern wir es auf 2,5
und verringern wir dann den Radius, vielleicht 400. Geben wir ihm hier einfach einen sehr subtilen und schönen
Glüheffekt. Lassen Sie uns den
Eingangsschwellenwert ändern. Vielleicht nein, ja, und so
sieht es aus, wenn der
Deep-Globe-Stecker angeschlossen ist. Neben dem tiefen Leuchten möchte
ich auch
die Farbe dieser Buchstaben ändern . Lassen Sie uns
dieser Einstellungsebene einen weiteren Effekt,
Farbton und Sättigung hinzufügen . Ich möchte einfach von Anfang an den Kanalbereich
drücken, den Kanalbereich
drücken, Sie auf der Tastatur
drücken und dann vielleicht zu
etwa 4 Sekunden übergehen. Lass uns den Kanal wechseln,
damit es läuft, vielleicht eine Runde. Jetzt haben wir eine Änderung der
Farbinformation während der gesamten Animation. Mal sehen, wie es
mit den Farbänderungen aussieht. Das sieht ziemlich cool aus. Mir gefällt, wie es aussieht, aber ich denke, der Animation
fehlt ein bisschen Energie. Ich möchte vielleicht trotzdem
versuchen, diese Keyframes einander anzunähern, nur die Pfadeigenschaften Um diese Keyframes einander anzunähern, muss
ich die
Option „
Alles gedrückt halten“ auswählen und dann
den letzten Keyframe auswählen Schlage einfach alles
drinnen so an. Ja, das ist viel besser wenn wir einen
Ort suchen wollen, an dem es sich wiederholen kann. Vielleicht
ist das, ausgehend von
diesem Frame hier auf der Tastatur, der Endpunkt. Möglicherweise wurde ein Fehler ausgelöst und wir
müssen sicherstellen, Keyframe für
den Kanalbereich
innerhalb dieser Looping-Periode liegt Mal sehen, wie es mit dem
Loop aussieht. Ja, das
wird ein perfekter Loop. Das sieht ziemlich
nett aus. Sagen wir mal mit dieser Lektion,
ich hoffe, sie gefällt euch. Und wir sehen uns
im nächsten Video.
11. Danke: Willkommen zurück. In dieser Lektion werden
wir dieses Wort
animieren Danke. Wir alle haben in unserem Leben vielen Menschen
zu danken. Ich möchte mich bei Ihnen dafür
bedanken, dass Sie
an diesem Kurs teilgenommen und
mich als Ihren Lehrer ausgewählt haben. Ich schätze es sehr, dass
Sie sich die Zeit genommen haben, hier mit mir diese
Animationstechniken zu lernen. Deshalb möchte ich mich auf animierte
Weise bedanken, genau wie in dieser Animation hier. Lassen Sie uns zunächst zu Illustrator
zurückkehren. Das ist unser Storyboard. Das Gesicht, das ich verwende,
ist grotesk. Auch hier verwende ich
diese Familie gerne, weil sie eine große
Variation hat, oder Im Moment verwende ich
diese schwarzen Schriften und in dieser Animation
wollen wir eher etwas wie falsche drei D machen . Jeder Buchstabe hat
eine gewisse Breite und
ist sehr einfach einzurichten. Wir machen einfach eine Kopie
davon und dann skizzieren wir es. Chmift, wir können
das noch einmal skizzieren. Und dann ändern wir einfach
die Farbe jedes Buchstabens. Die Gruppierung aufheben, Chmiift, um
die Gruppierung der Buchstaben aufzuheben. Jetzt kann ich diese Farben einfach probieren. Sie können eine
beliebige Farbe wählen , um Ihre eigene
Animation für ein einzigartiges Wort zu erstellen. Ich zeige dir nur,
wie wir das machen können. Danke. Jetzt kann ich das
einfach unter den
Buchstaben legen und
alles nach rechts bewegen , sodass wir
hinter jedem Buchstaben eine Dicke erkennen können. Jetzt kann ich jeden Buchstaben
und den Schatten gruppieren. Vielleicht legen Sie diese Taste nach oben
und bewegen sie dann näher, und lassen Sie das
dann auf der Rückseite wie folgt fallen. Ich habe diese Buchstaben einfach gestaffelt. Damit wir
eine solche Tiefe schaffen können. Wenn du es so
anordnen willst, kann
es etwas
Ähnliches sein wie bei mir links, diesem Board hier. Und so haben wir
die Illustrator-Datei
für diese Animation eingerichtet die Illustrator-Datei
für diese Animation Da wir bereits wissen,
wie man Overload verwendet, möchte
ich in
dieser Lektion überprüfen, wie wir die Datei ohne Plug-In von
Illustrator nach After
Effects übertragen
können ohne Plug-In von
Illustrator nach After
Effects Lassen Sie uns das noch einmal überprüfen. Wir können diesen
als Beispiel verwenden. Ich brauche den Schatten nicht mehr weil ich den
Schatten später in After Effects erstellen kann. Im Moment wähle ich einfach
alle Schatten aus und
lösche den Schatten. Ich lege diesen hier
drüben ab, damit er
nicht in meinem R-Board ist. Und lassen Sie mich dieses R-Board löschen ,
sodass ich nur noch mit einem
R-Board arbeiten kann. Auflistung hier dient nur zu
Demonstrationszwecken, aber um
Dateien ohne
Plug-In von Illustrator
nach After Effects zu übertragen , machen wir das Gehen wir zum Ebenenfenster und dann zu diesem
Drop-down-Menü Klicken Sie auf Für Ebenensequenz freigeben
. Jetzt wird
alles erweitert, was sich
unter der ersten Ebene befindet. Wir müssen nur alles auswählen
, was sich unter der
ersten Ebene befindet , und sie dann
außerhalb der ersten Ebene ablegen, sodass jede Ebene
ihre eigene Ebene hat. Und dann können wir
Ebene eins löschen, da sie leer ist. Nun, das ist die gesamte Ebene
, die wir haben,
getrennt von unserem Befehl
hier, zwei Ebenen freizugeben. Jetzt haben wir alles
getrennt, wenn wir diese
Illustrator-Datei in After Effects
importieren Alles befindet
sich auf einer separaten Ebene Speichern wir diesen
Illustrator-Dateibefehl S und öffnen wir dann
After Effects, um eine neue Komposition zu erstellen Nennen wir das eine Hauptkomposition. Dann können wir 1080 mal
108030 Bilder pro Sekunde machen. Die Dauer kann 10 Sekunden betragen. Klicken Sie auf, okay, gehen Sie
einfach zu Project. Jetzt können wir die
Illustrator-Datei importieren. Doppelklicken Sie auf
das Projektfenster und navigieren Sie dann zum
Storyboard hier drüben Stellen Sie sicher, dass wir die Ebenengrößen der Komposition
beibehalten haben. Und stellen Sie sicher, dass wir nicht
die Illustrator-Sequenz auswählen. Es wird ein Problem verursachen. Wenn Sie dieses Häkchen hier setzen, stellen Sie sicher, dass es deaktiviert ist,
und klicken Sie auf Öffnen Wenn ich jetzt in die
Dankeskomposition gehe, haben wir all diese Ebenen.
Lass uns alles kopieren. Gehe zu meiner Hauptkomposition. Als Nächstes
müssen wir sie nur zusammenfassen. Für jeden Buchstaben gibt vorne
einen Buchstaben und dann gibt es noch einen Schatten
oder die Dicke. Wir müssen sie zusammenfassen. Drücken Sie Shift C, um das hier zu
gruppieren. Und dann
sind diese beiden die Gruppe I. Dann das N, dann das K. Und dann das, das
letzte ist der Hintergrund. Jetzt haben wir all diese Buchstaben After Effects
importiert. Jetzt können wir anfangen, diese
zu animieren. Zuallererst
möchte ich sie angleichen. Drücken wir den Befehl
R für das Lineal. Und dann lassen Sie uns hier eine
Richtlinie veröffentlichen. Das sieht gut aus. Ich
möchte einfach alles aufeinander abstimmen. Lass das nach unten fallen und lass dann
das Ok fallen . Und dann das S. Wir können
alles ein bisschen nach oben verschieben. Zuallererst
möchte ich den Ankerpunkt zu jedem Buchstaben
auf
der Grundlinie jedes Buchstabens verschieben Ankerpunkt zu jedem Buchstaben
auf
der Grundlinie jedes Buchstabens , für den,
den Ankerpunkt in
der Mitte des Schlüssels. Lassen Sie uns den Stift dahinter drücken, um diesen Ankerpunkt
am unteren Rand des T zu platzieren. Und dann machen wir für das H
dasselbe für dasselbe,
lassen Sie den Ankerpunkt auf die
Grundlinie jedes Buchstabens fallen. Das funktioniert jetzt. Und dann wählen wir alles
P auf der Tastatur aus. Jetzt können wir einen Schlüsselrahmen hinzufügen. Wir wollen
doch
eine Bounce-Animation machen , oder? Geh vorwärts. Vielleicht können 20
Bilder verschoben werden, Rechtspfeil, 20 Bilder. Und jetzt wollen wir, dass
alles herunterfällt. Vielleicht hier,
der höchste Punkt. Ich möchte, dass sie den
ganzen Weg bis hierher springen. Und dann ist das
der tiefste Punkt. Gehen wir wieder
20 Frames vorwärts. Und dann können wir
den ersten Schlüsselframe kopieren , um zur
Ausgangsposition zurückzukehren. Jetzt denke ich
darüber nach. Ich sollte mit den Buchstaben auf dem Boden beginnen. Lassen Sie mich das
erste Schlüsselbild löschen und dann
alles auf Null setzen. Zweitens beginne ich mit
den Buchstaben auf dem Boden. Damit sie hochspringen
und dann 420 Frames machen können. Jetzt kann ich das
erste Schlüsselbild einfügen. Wieder
landen sie einfach auf dem Boden. Wenn ich all
diese Keyframes habe, klicke auf
Keyframe-Assistent, Easy East Gehen Sie zum Grafik-Editor, klicken Sie auf das dicke Diagramm, um es anzuzeigen, und stellen Sie dann sicher, dass wir uns
mit der zweiten Schaltfläche
hier
innerhalb des Geschwindigkeitsdiagramms befinden. Das ist gut. Vielleicht ziehst du es hierher. Wenn es auf und ab springt, will
ich sichergehen, dass man am
höchsten Punkt ist ,
dem höchsten Punkt Hier wird die Geschwindigkeit
abnehmen. Wir werden hier
eine flachere
Kurve in diesem Bereich haben hier
eine flachere
Kurve in diesem Bereich Dann wird die Kurve bei der ersten
Berührung
des Bodens steiler sein, so wie hier Also werde ich
alle Griffe der beiden
Seiten ganz nach hinten ziehen . Und dann der mittlere Griff, er wird ihn ganz nach außen verlängern. Am höchsten Punkt ist es eine flachere Kurve und dann eine steile
Kurve auf beiden Seiten Sehen wir uns die Animation an. Ich habe noch keinen weiteren
Satz von Keyframes, also muss ich
V three Keyframe erneut duplizieren, um einen weiteren Satz
zu erstellen Damit wir einen Sprung machen können. Lass es mich einfach duplizieren, das wird ein Sprung sein Es gibt immer noch ein
Problem mit der Kurve. Lass uns alles auswählen. Gehe zum Diagrammeditor. Ich sehe hier drüben,
es ist nicht symmetrisch. Es gibt ein Problem
mit der Kurve. Ich muss den Griff
ganz nach hinten ziehen, um
sicherzugehen , dass er beim
Sprung
die gleiche Geschwindigkeit erreicht,
sodass er perfekt
symmetrisch ist Und wir bekommen eine Bounce-Kurve.
Sehen wir uns die Animation an Ja, mir gefällt, wie es aussieht. Jetzt kann ich vielleicht
alles auswählen. Drücken Sie die Option auf der Tastatur. Bewege sie
etwas mehr hinein, damit sie beim
Sprung mehr Energie haben. Ja, das gefällt mir. Jetzt muss ich
nur noch
den Keyframe duplizieren Lassen Sie uns das duplizieren, um zwei weitere Grenzen
hinzuzufügen, 123. Jetzt haben wir drei Bounces, 123. Ich habe das Gefühl, dass der Ort, an dem wir den Keyframe
kopieren, wieder ein Problem
hat Lass uns
alles auswählen und reingehen. Siehst du diese Kurve hier? Dieser Punkt hat eine seltsame Kurve auf der linken Seite
, die nicht symmetrisch ist. Was wir tun müssen,
ist, den Ankerpunkt auszuwählen
und dann müssen wir diese Kurve
so ganz nach hinten
ziehen. Das ist symmetrisch. Auch hier ist alles konsistent, die Geschwindigkeit ist konsistent. Lass uns einen Blick darauf werfen. Ja, ich glaube, das funktioniert. Und als Nächstes müssen
wir nur
das Keyframe so verschieben, dass
jeder Buchstabe zu das Keyframe so verschieben, dass einer anderen Zeit
herunterkommt. Lassen Sie uns zuerst herunterkommen, und dann werden wir als zweites
runtergekommen sein. Gehen Sie ein Bild
oder vielleicht zwei Frames vorwärts. Versuchen wir es mit zwei Frames-Offsets. Und dann werden wir
den H12 1212 haben. Dann wollen wir mal sehen, ob das
funktioniert . Das könnte zu viel sein. Ich denke, ich würde vielleicht
einen Offset-Frame bevorzugen. Lass uns stattdessen einen Frame machen. Ich muss nur alles nach
hinten verschieben , sodass
ein Frame versetzt ist. Nimm einen Frame.
Ja, das gefällt mir. Das sieht ziemlich gut aus.
Das Letzte, was Sie jetzt tun möchten, ist, zusätzlich
zu allem eine Farbvariation vorzunehmen. Gehen wir also zu einer
neuen Ebene und erstellen dann eine
Einstellungsebene. Gehen wir zu Effekten und Voreinstellungen und suchen wir nach der Farbsättigung Dann werden wir
dasselbe tun wie zuvor. Drücken Sie ein Keyframe
im Kanalbereich, treffen Sie Sie auf der Tastatur, gehen Sie zu Sekunden, oder wir
finden eine Stelle, an der es wiederholt wird. Lassen Sie uns diesen Teil hier sagen: Stellen
Sie sicher, dass mein erster Keyframe mit dem ersten Frame, der sich in einer
Schleife abspielt,
ausgerichtet ist mit dem ersten Frame, der sich in einer
Schleife abspielt,
ausgerichtet Und dann werden wir
einen anderen Punkt finden , an dem
Loops vielleicht hier aufeinandertreffen, und dann werde ich
den Kanalbereich auf eine Runde ändern den Kanalbereich auf eine Runde ,
sodass die Farbe wechselt Mal sehen, die
Schleife, die wir haben. Ja, ich glaube, es funktioniert.
Lass uns heranzoomen und einen Blick darauf werfen. Das Letzte, was
wir tun wollen, ist, unseren Buchstaben etwas mehr Charakter
hinzuzufügen. Was wir tun können, ist
Squash und Dehnübungen. Wenn es auf den Boden trifft, kann
es sich ein wenig zerquetschen Und dann wird es unseren Buchstaben
etwas Charakter verleihen. Lass uns alles wie
auf der Tastatur machen. Drücken Sie Shift. Lass mich
alle Schlüsselbilder zeigen. Lassen Sie uns den ersten, unseren ersten Buchstaben
, animieren unseren ersten Buchstaben
, Ich möchte nur
die Y/Y-Positionsskala manipulieren. Lassen Sie uns diese Immobilie hier freischalten. Und am Anfang,
wenn es am Boden ist, möchte
ich die Skala auf
vielleicht 75% ändern. Das ist vielleicht zu viel, aber wir können es versuchen. Und dann, vielleicht, nach
drei Frames, 123, geht
es wieder auf 100% zurück Wenn es
dann wieder auf
den Boden trifft, bevor es einschlägt, genau wenn
es einschlägt, wird es 75 sein. Aber bevor es drei
Frames früher erreicht, 123, sollte
es bei 100% sein. Dann
wieder drei Frames, 123, und dann geht es wieder auf 100
zurück. Es wird ungefähr
so sein, dass es 75 erreicht, und nach drei
Frames wird es wieder 100. Gehen wir zum Keyframe-Assistenten. hinzufügen Über diese Registerkarte für Keyframe-Geschwindigkeit hier können wir auch ganz einfach
etwas
Geschwindigkeit Lassen Sie mich es einfach als Standardbeschleunigung auf
66 ändern, lassen Sie mich diese drei
Keyframes kopieren. Fügen Sie es hier Verschiebe den Aufprall, den mittleren Rahmen so, dass er mit meinem Aufprall
übereinstimmt. Und dann hierher, verschiebe
den mittleren Rahmen hierher. Mal sehen, wie es aussieht. Jetzt fügt es meinem Brief ein paar
Kürbisse hinzu. Jetzt kann ich einfach
all diese Keyframes duplizieren Komm und sieh, und dann
gehe ich zum nächsten Stellen Sie sicher, dass wir die Skalierung freischalten, und lassen Sie mich dann
die Position des
Aufpralls hier finden . Und dann stellen Sie sicher, dass wir
sie am mittleren Schlüsselrahmen ausrichten . Gehe zum nächsten. Richten Sie das mittlere
Schlüsselbild hier so aus. Dann entsperren Sie die Waage. Richten Sie sich hier aus. Und dann der letzte hier, eine Zeile hier drin. Mal
sehen, wie es aussieht. Wenn es einen Unterschied macht, ja, man merkt, dass es etwas
Squash hat und sich dehnt, wenn es runter geht und
auf den Boden Ich denke, das ist gut genug. Wenn wir die Animation verlangsamen, wird
es offensichtlicher aussehen, aber ich möchte die Animation vorerst nicht
verlangsamen. Das Letzte, was wir tun
möchten, ist,
einige Schatten unter
diesem Textzahnrad hinzuzufügen . Lassen Sie uns alles auswählen und
gruppieren. Nennen wir das eine
Sache Animation. Dann lass es uns duplizieren. Gehen Sie zu Effekte und präzisieren Sie, suchen Sie nach einem Prozess
namens Fill Dann ändern wir es
in diese blaue Farbe. Und dann können wir es ein
bisschen
anders machen als dieses Blau hier. Schieben Sie es nach unten, und dann
können wir die
Positionseigenschaft verschieben. Es ist nicht so sichtbar.
Lass es uns dunkler machen. Das sieht ziemlich gut aus. Mal sehen, wie es jetzt
aussieht. Ja, ich glaube, das funktioniert. Da hast du's. Dies ist unsere letzte
Animation für die. Danke. Das war's mit diesem Video. Wir sehen uns im nächsten.
12. Werden Sie Bewegungs-Insider: Bevor wir weitermachen, möchte ich Ihnen eine aufregende Neuigkeit
mitteilen Motion-Design-Kurse sind
bei Motion Circles gerade günstiger
geworden. Mit unserer Motion
Insider-Mitgliedschaft für nur 7$ pro Monat erhalten
Sie unbegrenzten Zugang zu unseren erstklassigen
Motion-Design-Kursen, denen über 50.000
Studenten weltweit vertrauen an der Zeit, deine Fähigkeiten im Bereich
Motion-Design
zu verbessern , um die besten
Animatoren zu werden, die du Als Insider
erhältst du außerdem kostenlose
Projektdateien aus all unseren
YouTube-Tutorials von Motion Circles Und profitieren Sie von einem exklusiven Rabatt von
25% auf all die anderen unglaublichen
Animationsprojekte anderer Künstler in
unserem Projektdateishop. Verpassen Sie nicht diese
Gelegenheit,
Ihre Animationsfähigkeiten zu verbessern und gleichzeitig Teil unserer
lebendigen Community
zu werden. Besuchen Sie uns noch heute auf motion circles.com und entfalten
Sie Ihr kreatives Potenzial
13. Folgen: Willkommen zurück zu dieser Lektion. In dieser Lektion werde
ich das Wort „Folgen“ animieren. Falls du es noch nicht
weißt, wir haben auch einen YouTube-Kanal, auf dem alles rund um das Thema Animation
geteilt Von dort aus erfährst du
alle Arten von Tipps und
Tricks und Techniken rund um
After Effects-Animationen. Folgen Sie uns also unbedingt bei
motion circles auf Youtube. Hier ist unser Storyboard
für diese Lektion. Wir haben das Wort „Folgen“. Dies ist ein Tippfehler, den ich auf Phon.com
gefunden habe. Dies ist eine kostenlose Ressource, die Sie für alle Arten
von Typhasen und es gibt verschiedene Kategorien verwenden
können von Typhasen und es gibt verschiedene Kategorien Das ist das Telefon, das ich
hier gefunden habe und es heißt Andres, und das werden wir in dieser Lektion zum Animieren verwenden für die Farbpalette Lassen Sie mich für die Farbpalette einfach einen Screenshot meiner
Farbpalette Und gehen wir zu After Effects, Erstellen Sie eine neue Komposition. Nennen Sie diese eine Hauptkomposition, 1080 mal 108030 Bilder
pro Sekunde, 10 Lassen Sie uns nun unsere
Farbpalette hierher importieren und sie verkleinern. Lassen Sie mich zu neuen Feststoffen übergehen. Erstelle einen Hintergrund, genau wie ein rosafarbenes Bild, und lass es auf ein Medaillon fallen Jetzt können wir zum Textwerkzeug gehen. Geben wir das folgende Wort ein. Dann lass uns zum Charakter gehen. Ändere die Typhase
, um sie kleiner zu machen. Wir können alles
groß schreiben, sodass es für jedes
Wort eine ähnliche Höhe Ich möchte auch
die Vermietung ein wenig erhöhen. Das ist das Wort, das wir
hier haben, es sieht ziemlich gut aus. Ich möchte nur sichergehen, dass
dieser Prozentsatz hier
wieder bei 100% liegt , weil ich die
Pfadeigenschaft dieses Buchstabens animieren werde Ich muss es vielleicht größer machen. Ich finde, dieses Wort
ist nicht groß genug. So groß möchte ich machen,
dass es hier funktioniert. Lassen Sie mich die Farbpaletten
in Bezug auf die Animation ausblenden. Wir möchten jeden
Buchstaben in eine eigene Ebene unterteilen. Dazu können wir ein
Plug-In verwenden, das wir zuvor hatten, zu Windows
wechseln und dann
Text zerlegen Drücken Sie darauf, zerlegen Wenn Sie
eine Fehlermeldung
für den zerlegten Text erhalten , kehren Sie zu der
Lektion
zurück, in der wir
darüber sprechen , wie man Party animiert In diesem Video habe ich
darüber gesprochen, wie Sie
die Pfeilmeldung auf
diesem Plug-In lösen die Pfeilmeldung auf können, wenn Sie sie
erhalten, wenn Sie die Taste
drücken Gehen Sie einfach zurück
und schauen Sie sich das noch einmal an. Wenn Sie jetzt
Fehlermeldungen erhalten,
haben wir diese Buchstaben getrennt. Ich kann diese
folgende Zeile hier löschen. Was wir tun müssen, ist, jeden Buchstaben in
Pfadrelikte
umzuwandeln und Formen
aus Text zu erstellen . Das
wollen wir tun Wir wollen für jeden Buchstaben
Formen erstellen. Jetzt können wir
alle Buchstaben auswählen und dann
auf die Schaltfläche Schüchtern klicken. Drücken Sie
hier die Shy-Taste, um sie auszublenden. Jetzt haben wir alles
, was beschrieben ist. Wenn ich jedoch
innerhalb jedes Buchstabens
die Gliederung umschalte , können Sie sehen, dass all
diese Buchstaben noch existieren Das liegt an dem Plug-In für zerlegten
Text, das wir verwendet haben. Es speichert immer noch all
diese anderen Informationen. Wir müssen nur alle anderen
Buchstaben
löschen, die sich im Inhalt meiner Ebene befinden , damit ich nicht verwirrt bin, welchen
Buchstaben wir animieren Ich gehe das nur eins nach dem anderen durch. Gehe zum Inhalt und
speichere dann den alten hier. Die letzte wäre,
alles zu löschen, was über
dem W liegt. Das ist gut. Okay, das ist gut.
Und als Nächstes müssen
wir die
Pfadeigenschaft dieser Buchstaben animieren Wählen Sie alles aus,
suchen Sie nach dem Pfad und drücken Sie dann die Stoppuhr , um allen Buchstaben einen Keyframe
hinzuzufügen Das ist gut, das ist
meine ursprüngliche Position. Lass uns 20 Bilder machen. Befehlstaste, roter Pfeil. Stellen wir sicher, dass wir
ein Lineal zeichnen , damit wir wissen,
wo wir aufhören wollen. Am höchsten Punkt des
Briefes. Vielleicht hier. Wenn ich animiere, wähle ich die
Pfadeigenschaft dieses W aus und ich ziehe den Pfad
ganz nach oben Ich werde
dasselbe für all diese Buchstaben tun. Um diesen Pfad ganz nach oben zu ziehen ,
damit er meiner Richtlinie entspricht. Das. Dann schieße ich diesen hoch und ziehe ihn
dann runter,
vielleicht hier, wo das funktioniert. Schauen wir uns die Animation an. Das ist unsere Animation, die
sieht ziemlich gut aus. Lassen Sie uns wieder 20
Frames machen, 12. Und dann können wir
das ursprüngliche Schlüsselbild
so kopieren das ursprüngliche Schlüsselbild , dass es an
die ursprüngliche Position zurückkehrt. Und wir können hier eine
Schleife der Animation abschließen. Jetzt gibt es eine Schleife. Geh rauf und runter, geh rauf und runter. Und wir müssen
diese drei Schlüsselbilder immer noch kopieren. Und noch einmal duplizieren. Kommt in zweifacher Ausfertigung. Nach diesem Duplikat werden
wir die Beschleunigung der
Keyframes animieren Alles auswählen, erneut klicken, am Ende zum Keyframe-Assistenten
wechseln, ganz Gehen Sie zum Diagrammeditor. Ich möchte diese
Bounce-Kurve noch einmal machen und
sicherstellen, dass wir uns innerhalb
der Geschwindigkeitskurve Ziehen Sie diesen Schieberegler
, um ihn zu vergrößern. Ich möchte eine springende Leichtigkeit wie in der vorherigen
Animation
haben, in der alles einfach flach ist. Man ist oben und geht dann mit einer gewissen Geschwindigkeit und
Kraft
nach unten, sodass wir eine springende Animation
haben können ,
eine Kurve wie Alles, wenn es
steigt, wird langsamer. Und wenn es dann fällt, wird
es schneller werden. Mal sehen, wie es
aussieht. Ja, ich denke, das könnte funktionieren. Ich habe einfach das Gefühl, wenn es springt, ist es am Ende
des Bounces Wenn es zuschlägt, ist es
vielleicht zu aggressiv. Ich möchte
dieser Lockerung hier ein
wenig Spielraum geben , alles
auswählen, diese Kurve
ein wenig
herausziehen und dann
diese Kurve ein wenig herausziehen Es ist nicht so aggressiv. Lass uns versuchen, ob das funktioniert. Ja, ich denke, das funktioniert besser. Lass uns diese Kurve anschlagen, um eine
Form wie diese zu formen. Hier drüben können Sie sehen, dass
die Einflusszahl bei
etwa 15% liegt . Diesem Teil gebe
ich
auch 15%. In diesem Fall werde
ich ihm
einen Einfluss von 95% geben. Und hier werde ich es
auf
95% zurückziehen .
Da ich die Kurve
auf all diesen verschiedenen Ebenen
manipuliere, muss ich sicherstellen
, dass
ich den muss ich sicherstellen
, Griff mit einem
Auswahlrahmen weil jeder Griff
aus mehreren Ebenen besteht Wenn ich nur auf diese klicke, klicke
ich möglicherweise nur auf eine Ebene, wodurch meine Kurven durcheinander
gebracht werden Ja, ich glaube, das funktioniert. Ich muss nur all
diese Keyframes am
Ende noch einmal duplizieren , damit es noch ein
paar Loops gibt. Jedes Mal, wenn ich
dupliziere, muss ich eine Kurve
korrigieren, bei der meine
Timeline momentan einfach hineingeht. Sehen wir uns die Kurve hier an. Ich muss es zurückziehen,
vielleicht 15% des Einflusses. Das ist die Animation, die ich will. In diesem Fall siehst du eins, es, es ist am Ende, es ist nicht so aggressiv. Eine andere Sache, die ich versuchen kann,
ist, sagen
wir, von Anfang an. Was wäre, wenn ich es noch weiter
nach unten drücken würde? Ziehen wir eine Linie hierher. Und dann, am Anfang, kann
ich alles ziehen,
sogar so. Verschiebe den Pfad so, dass
alles so nach unten geht. Und das ist unsere
Ausgangsposition. Wenn ich das Gleiche für
diesen Rahmen hier so mache , finde
ich, dass er mir besser gefällt. Jetzt kann ich diesen
Keyframe einfach kopieren und ihn dann hinzufügen wenn er hier
unten ankommt. Ich kopiere nur
diese beiden Keyframes. Und dann ersetzen Sie
die Stelle , an der der Buchstabe steht, sodass wir die neuen Positionen
für die frühere Immobilie haben So
sieht das ziemlich gut aus. In Ordnung, das ist unsere Animation. Es sieht ziemlich glatt aus. Mir
gefällt, wie es gut aussieht. Jetzt müssen wir den Keyframe
verschieben.
Hab dich auf der Tastatur getroffen Stellen Sie sicher, dass es um
vielleicht ein oder zwei
Frames versetzt ist. Versuchen wir es mit zwei Frames. Wir werden diese
Keyframes um zwei Frames verschieben. Mal sehen, die Animation. Ja, das sieht ziemlich gut aus. Das ist alles, was wir für
die grundlegende Animationseinrichtung benötigen . Jetzt können wir diese Ebenen kombinieren. Nennen Sie das eine Follow-Animation. Jetzt können wir es duplizieren und
einige Farben hinzufügen , die auf
unseren Farbpaletten basieren Für das erste Duplikat, das zu dieser Farbe
hinzugefügt wird, wäre
das nächste diese rosafarbene Farbe und das nächste
wäre dann dieses dunklere Violett Dann hätte der letzte
hier diese Farbe. Abgesehen von der Farbe
müssen wir auch einen Strich hinzufügen. Gehe zum zweiten Duplikat. Gehen wir zu Ebenenstilen und fügen einen Strich in Bezug auf den Strich hinzu. Ich werde es in
einen schwarzen Strich ändern und drei Pixel
angeben. Mal sehen, ob drei Pixel funktionieren. Und nachdem wir
diesen Ebenenstil haben, können
wir diesen einen Befehl C kopieren und auf
die anderen Ebenen einfügen. Jetzt wird jede Ebene
einen Ebenenstil mit Strichen haben . Ich werde den weißen
ganz nach oben verschieben. Und dann wird es einfach die Reihenfolge
ändern. Jetzt verstecken wir diesen. Wir können all diese
Farben sehen, eine hinter der anderen. Das ist gut. Wir können die Farbpalette
löschen. Als Nächstes müssen wir nur die Position
für jeden einzelnen verschieben. Gehen wir zum zweiten
und verschieben ihn nach rechts, vielleicht 123455 Pixel Und dann wird dieser
10 123-451-2345
sein 10 123-451-2345 Und dann 123-451-2345 Dieser
wird 15 Pixel haben, und dann wird das 20 Pixel sein . Jetzt haben wir diese Offsets. Als Nächstes
möchte ich auch den Offset beim Timing machen, nicht nur bei der Position,
sondern auch beim Timing Lass uns einen Offset von einem Frame versuchen. Linke eckige
Klammern verschieben einen Frame. Es gibt einen Offset, einen Frame. Jede Ebene ist
um einen Frame versetzt. Mal sehen, die
Animation. Ich denke, die Animation
selbst funktioniert, ich habe nur das Gefühl, dass all diese Buchstaben so zusammengepfercht
sind Also, was ich tun möchte, ist , sie ein wenig
auszubreiten Lass uns reingehen. Und dann
lassen wir ihm vielleicht etwas Platz. Lassen Sie uns diesen
nach links ändern. Ich werde
diese Buchstaben nur ein
wenig voneinander trennen, damit sie sich
außerhalb der
Komposition nicht zu eng anfühlen sie sich
außerhalb der
Komposition nicht zu eng anfühlen, oder? Ich werde sie nur
voneinander trennen. Ich denke, das funktioniert. Lass uns zurückgehen und sehen, wie es aussieht. Der Strich könnte zu dick sein. Ich werde ihn
wieder auf ein Pixel ändern. Dann ändere ich den gesamten Strich auf nur ein
Pixel statt auf drei. Jetzt denke ich, dass es viel besser
aussieht. Es ist nicht mehr so schwer. Es sieht viel leichter aus. Ich glaube, mir gefällt, wie es jetzt aussieht. Jetzt habe ich
hier einen Loop mit meinem Vorschaubereich erstellt. Das war's mit dieser Animation
für das Wort Follow. Wir sehen uns im nächsten Video.
14. Entspannen: Willkommen zurück zu dieser Lektion. In dieser Lektion werden wir das Wort „Entspannen“
zum Leben erwecken. Manchmal ist es am
produktivsten sich in dieser Lektion zu entspannen Entspann dich einfach und sieh mir bei der
Arbeit an dieser Animation zu. Und ich muss die Form dieses
Textes mit
einem Illustrator manipulieren dieses
Textes mit
einem Illustrator Und dann übertrage die Form auf
After Effects und arbeite
an der Animation Zuerst wollen
wir
diese Kopie speichern und dann eine
weitere nebenbei duplizieren. Lassen Sie mich hier einfach einen großen
Block als Hintergrund erstellen. Und dann werde ich es dreimal
duplizieren. Wir haben drei verschiedene
Formen für dasselbe Wort. Und dann möchte
ich für den ersten zu Effects gehen. Und lass uns zu Warp gehen. Und dann können wir
auf das Grundstück von Arc gehen. Wenn Sie in dieser Warp-Option auf dieses Dropdown-Menü
klicken, haben
wir all diese verschiedenen
Formen, die wir verzerren können Unser Typ zwei, wir können den Bogen machen
und dann können wir auch
die Einstellung ändern, um die Form
noch weiter
zu manipulieren und sie so zu verzerren, wie wir
es Lassen Sie uns in diesem Fall versuchen, daraus einen Quetsch zu
machen. Beim ersten Bild
gefällt mir der Squeeze besser, also werde ich
das Band noch stärker verzerren, vielleicht 53%. Und dann kann ich auch die horizontale
vertikale Verzerrung
ändern Aber im Moment finde ich es
gut, es so symmetrisch zu haben, dass es in
der Mitte zusammengedrückt wird. Mir gefällt, wie dieser aussieht. Ich werde auf Okay klicken
und es vorerst so speichern. Und dann gehen
wir für den zweiten Teil zu Effects
und warpen ihn erneut Für den zweiten möchte
ich vielleicht diese Arc-Option hier
verwenden Und dann kann ich wahrscheinlich
etwas kreieren , wenn ich das Band in eine neutrale
Position
bringe, vielleicht ändern wir es auf 16. Und dann machen wir eine
Horizontale bis zu 80%, dann wird unser Typ in diese
Form gebracht. Wenn ich dann die Vertikale
machen möchte, denke
ich, dass es zu viel sein könnte, die Vertikale
zu ändern, also lassen wir es bei 80% belassen. Und dann wird die
Vertikale Null sein und dann wird das Band
ungefähr so aussehen. Ich denke, das funktioniert für mich. Das ist meine zweite Form. Und dann der letzte,
lass uns ihn nochmal verformen. Wir können auch all
diese verschiedenen Optionen erkunden. Dies ist eine Bulge-Option , die fast das
Gegenteil von dieser Quetschung Alles ist an der Seite
abgerundet. Dann haben wir auch diese, die untere Schale und
die obere Schale. Du kannst auch eine Flagge machen. Es gibt auch eine Welle. Ich glaube, ich mag die Welle. Vielleicht kann ich die Welle ausprobieren
und das ist eine Fischform. Der Fisch sieht nicht so
gut aus, er ist schwer zu lesen. Und dann haben wir diesen Aufstieg
und dann das Fischauge. Sie können diese
verschiedenen Optionen selbst erkunden. Aber ich denke,
ich werde diese Flagge
verwenden und dann die Verzerrung etwas
abschwächen. Aber ich denke, ich werde
eine Wellenoption verwenden und dann
werde ich versuchen, es
auf der anderen Seite zu machen. Genau das Gegenteil wie bei dem
vorherigen, den wir gemacht haben. Und dann können wir versuchen, so etwas zu
tun. Ich denke, das funktioniert für mich. Lass uns auf klicken, okay, jetzt haben wir all diese
vier Optionen als meine endgültige verzerrte Form
dieses entspannten Typs. Dann denke ich, dass ich vorerst nur diesen
hier platzieren
werde. Stell diesen hier hin. Was die Animation angeht, werden
wir zuerst
diese animieren
und dann diese eine Sekunde,
dritte und vierte Jetzt, wo ich all
diese Formen verzerrt
habe, werde ich sie einfach auf
mein Board legen . Lösche diesen Ich möchte diese
drei Farben auch auf mein R-Board bringen. Erinnerst du dich, wie wir darüber
gesprochen haben, wie man die
Illustrator-Datei vor der Animation
vorbereitet Und
das werden wir jetzt in diesem Projekt machen, gehen
wir zu Ebenen Und dann klicken Sie auf
dieses Drop-down-Menü. Klicken Sie auf In
die Layer-Sequenz freigeben. Wir müssen
alles auswählen und dann
alles außerhalb der
ersten Ebene ablegen . Lösche Ebene eins. Und jetzt, da wir
all diese Formen in Illustrator
getrennt haben , klicken
wir auf Befehl speichern Lassen Sie uns nun ein
Projekt in After Effects erstellen. Klicken Sie auf Neue Komposition.
Benennen Sie diese eine Hauptkomposition und ändern Sie die Dimension auf 1080 mal
108030 Bilder pro Sekunde Die Dauer wird zehn
Sekunden betragen. Klicken Sie auf Okay. Wir können
unsere Illustrator-Datei importieren Gehe zu Relax. Stellen Sie sicher, dass der Import wie für die Komposition
eingestellt ist, behalten Sie die Ebenengrößen bei und deaktivieren Sie
diese Illustrator-Sequenz Lassen Sie es deaktiviert
und klicken Sie auf Öffnen. Gehen wir nun in diese
entspannte Komposition ein. Lassen Sie uns alle Ebenen kopieren und sie
dann in
die Hauptkomposition einfügen. Die ersten drei Ebenen
sind die Farbpalette. Ich kann es vorerst ausschalten. Abgesehen von der Farbpalette haben
wir diese vier
Ebenen, die
vier verschiedene Formen
unseres Textes darstellen vier verschiedene Formen
unseres , den wir
aus Illustrator importiert haben Jetzt können wir
die erste animieren. Setzen wir uns zunächst auf
die Tastatur, um die Skalierungseigenschaft
aufzurufen nun die Animation angeht, möchte
ich diesen Text animieren 0-100% und vielleicht mit
einem leichten Überschwingen. Also lass uns das machen. Drücken wir die Stoppuhr
und fügen dann einen Keyframe Ändern Sie die Skala auf 0%. Gehen
wir 15 Frames vorwärts. Dann lassen Sie uns die Skala auf
110% ändern und dann wieder zehn Frames
vorwärts gehen und die Skala wieder auf 100
ändern Und dann nehmen wir wieder
zehn Frames ändern die Skala wieder auf Null Das wird unsere Animation
sein, 0-110%. Sie wird um 100%
schweben und dann
zehn Frames dort bleiben, bevor sie wieder auf Null
schrumpft und verschwindet Wählen wir nun alle Keyframes aus
. Gehen Sie zu Rec und klicken Sie auf
Keyframe Assistant, so
einfach wie der Diagrammeditor Vergewissere dich, dass wir uns innerhalb
der Geschwindigkeitskurve befinden. Wir werden nur den Einfluss
dieser Kurve
hier auf der rechten Seite vielleicht auf 90%
ändern . Und dann ändern wir das so, dass wir hier 25% erreichen können. Ziehen wir einfach beide
Seiten in die Mitte. Dann werden
wir in diesem Teil einen Einfluss von
25 und 90% ausüben, fast symmetrisch zu dem, was
wir am Anfang hatten. Das ist die Kurve, die wir
bekommen. Sehen wir uns die Animation an. Das ist die Animation, die wir für diesen einen Text
wollen. Jetzt können
wir
den Keyframe-Befehl C kopieren und ihn dann auf alle
anderen drei Ebenen
duplizieren, Befehl V. Wir können sie einschalten. Drücken wir Sie auf die Tastatur
, um alle Keyframes anzuzeigen. Wir wollen nicht, dass sie gleichzeitig
rauskommen. Wir können also all
diese vier Schichten schneiden. Und dann klicken Sie mit der rechten Maustaste,
Gehe zum Ebenenstil, Gehe zur Keyframe-Unterstützung, Sequenzebenen. Klicken Sie auf Okay. Jetzt werden wir all diese Ebenen
in der Reihenfolge
haben ,
eine nach der anderen. Vielleicht
möchte ich aber auch die Reihenfolge anpassen. Ich möchte nicht, dass diese Ebene die zweite Ebene ist, ich möchte, dass diese Ebene
die zweite ist. Ich muss die Ebenenreihenfolge immer noch manuell
ändern. Obwohl ich
die Sequenzierung der Schichten bereits gemacht
habe, werde ich hier
Nummer sechs verwenden, dann ist dies die letzte Ich möchte diese
Schichten auch enger zusammenbinden. Lass mich auf
diese Schaltfläche klicken und
den Titel Action Safe anzeigen, damit ich weiß,
wo mein Mittelpunkt ist. Ich möchte nur
meine Ebene und meinen Text
direkt in die Mitte verschieben . Das ist gut. Das ist
genau in der Mitte. Und wenn es dann verschwindet, will
ich, dass dieser reinkommt,
damit sie enger zusammengebunden werden. Den hier verschiebe ich hierher, weil der Ankerpunkt
nicht genau in der Mitte ist. Vielleicht möchte ich hier den
Ankerpunkt in die Mitte ändern. Wenn sie verschwinden, verschiebe
ich den hier her. Das ist der
Ankerpunkt, sieht gut aus. Sehen wir uns jetzt die Animation an. Ja, mir gefällt, wie es aussieht. Als Nächstes
möchten wir die Ebene
zweimal
duplizieren die Ebene
zweimal
duplizieren und dann jeder Animation zwei
weitere Detailebenen
hinzufügen . Gehen wir dazu zweimal
zum ersten
Ebenenbefehl D und setzen
Sie dann auf die Tastatur. die Animation angeht, Was die Animation angeht, möchte
ich wohl die ersten
Keyframes vorwärts bewegen. Ein paar Frames für
die zweite Ebene. Und dann verschiebe
ich für den Titelplayer den Keyframe nach vorne,
sodass er versetzt ist. Dann möchte ich die
Verknüpfung der Skalierungseigenschaft aufheben. Ich möchte die X-Skala des ersten Keyframes
auf
100% ändern. Das
Gleiche gilt für diesen Keyframe auf 100%. Wenn ich die Farbe ändere, werden
Sie sehen, was
nach meinen Änderungen passiert Lassen Sie mich diesen
mit einer anderen Farbe füllen. Wir
füllen diesen mit Grün und dann füllen
wir den
oberen mit Lila. In Ordnung, sehen wir uns unsere
Animation für die erste Ebene an. Im Wesentlichen haben wir für
die zweite Ebene, die diese grüne Ebene ist, wollen
wir, dass diese Ebene
einen X-Maßstab von 100% hat. Wir haben also diese
Wischanimation, fast wie eine Wischbewegung von der Mitte
in Richtung beider Seiten Diese Animation, die wir mit
diesem Schlüsselbild hier erstellt haben, das ist die Animation, die
wir wollen, und wir wollen dieselbe Animation
für alle anderen Ebenen
erstellen In Ordnung, so
wollen wir das erreichen. Und dann machen wir
dasselbe für die anderen Schichten. Befehl D, duplizieren und dann auf der Tastatur
drücken. Lass es uns vorwärts bewegen,
vielleicht ein paar Frames. Und dann wählen wir
beide Ebenen aus. Die Verknüpfung der X- und
Y-Position in der Skala aufheben. Und dann lassen Sie uns diesen
auf 100% ändern, diesen auf 100% ändern. Jetzt müssen wir nur noch die Farbe für diesen
ändern Ich möchte nicht, dass die
Farbe für all diese
verschiedenen Formen exakt gleich ist. Ich möchte die Farben abwechseln da die
erste Farbe Blau,
Grün und Lila in dieser Reihenfolge enthält . Für diesen werde ich eine andere Reihenfolge
ändern. Wahrscheinlich lila, grün bis blau. Ich werde hier lila
als unterste Schicht verwenden. Kopieren wir dann diese Füllfarbe. Das Grün könnte
in der zweiten Ebene sein. Dann könnte Blau
die letzte Ebene sein , die bereits blau
ist. Sehen wir uns jetzt
die Animation an, da wir einige
Ebenen animieren und dann auch die
Farbänderungen haben Das ist gut. Und
dann machen wir die dritte Schicht hier drüben. Dupliziere es. Hab
dich auf der Tastatur getroffen. Zeige die Keyframes, verschiebe diesen
ein bisschen nach vorne. Nehmen Sie einen Offset vor und heben Sie dann die
Verknüpfung der Skalierungseigenschaft auf. Wechselt zum ersten Keyframe. Ändern Sie diesen auf
100% -Skalierung im X-Skala und dann diesen auch auf
100% in X-Skala. Für dieses Bild möchte ich, dass die oberste
Ebene grün ist, und dann möchte ich, dass die mittlere
Ebene lila die letzte Ebene blau ist. Das bekommen wir. Ja,
ich denke, das funktioniert vorerst. Und dann das Letzte
, was wir tun müssen, dich auf der Tastatur
drücken,
den Keyframe verschieben. Beim ersten Keyframe
verknüpfe ich die Eigenschaft, ändere die X-Skala auf 100% und dann die
X-Skala auf 100%. Auch für
das letzte möchte ich, dass
die letzte Ebene grün ist. Die mittlere Ebene
wäre lila, und dann
wäre die letzte Ebene grün und die oberste
Ebene blau. Das ist alles meine Animation. Lass uns einen Blick darauf werfen. Ja, ich finde, das sieht mit dieser Animation ziemlich
cool aus. Wählen
wir alle Ebenen aus, Wählen
wir alle Ebenen bis auf den
Hintergrundbefehl, Shift C. Nennen wir das
eine Entspannungsanimation. Wir können jetzt die
Farbpalette löschen und dann können wir diese Ebene
duplizieren, zu Effekten
gehen und
diesen Effekt für feine Kanten finden. Und dann lassen Sie uns
den Effekt für feine Kanten umkehren. Wir können diesen Effekt mit
feinen Kanten erzeugen, vielleicht die gleiche Größe beibehalten Und dann können wir
die ursprüngliche Ebene
über den Effekt mit den feinen Kanten legen . Machen Sie diese Ebene so
kleiner. Wenn ich dann die Animation abspiele, haben wir
jetzt eine zusätzliche Ebene
der Kanten mit dieser Neonfarbe. Wenn ich einen Leuchteffekt hinzufüge, gehe ich zur neuen
Einstellungsebene für Ebenen. Und dann suchen wir nach Deep Glow das
auf die Einstellungsebene aufgetragen wurde. Tonen Sie es auf 250
und dann auf 0,5 Belichtung herunter. Mal sehen, wie es jetzt
aussieht. Ja, das sieht
ziemlich cool aus mit der Globuskulisse für den Neonumriss und der
Animation, die wir haben. Das ist wunderschön. Da hast du's. So animieren wir die entspannte Animation
in dieser Lektion Wir sehen uns im nächsten Video.
15. Abonnieren: Willkommen zurück zu dieser Lektion. In dieser Lektion werden wir das Wort abonnieren animieren Ich hoffe, Sie
haben viel Spaß beim Lernen dieser
Typografie-Animationen Vergessen Sie nicht,
unseren Youtube-Kanal zu abonnieren , um über
Branchentrends auf dem Laufenden zu bleiben und verschiedene Tipps,
Tricks und Techniken zur
Verbesserung Ihrer Animationsfähigkeiten zu
lernen Tricks und Techniken zur
Verbesserung Ihrer Animationsfähigkeiten zu Ich habe meinen Abonnenten bereits in Illustrator
entworfen. Dies wird als
Richtlinie für unser Design dienen Richtlinie für unser Design Und wir werden zu After Effects
zurückkehren, um mit der Erstellung dieses Designs zu beginnen.
Lassen Sie uns
in After Effects eine Komposition erstellen. Nennen Sie das als Hauptkomposition. Ändern Sie die Dimension auf 13, 50 mal 1080. Bildrate. Dauer: 30 Bilder pro Sekunde. Ein Klick von zehn Sekunden. Okay, lassen Sie mich
unsere Illustrator-Datei importieren. Doppelklicken Sie, importieren Sie die
Illustrator-Datei und importieren Sie dann Stellen Sie sicher, dass hier die
Einstellung
auf Komposition gesetzt ist ,
behalten Sie die Ebenengrößen Und stellen Sie sicher, dass Sie
diese Illustrator-Sequenz deaktivieren. Klicken Sie auf Öffnen, Gehen Sie hinein. Das sind meine drei Schichten. Wir haben kleineren Text und dann diesen größeren
und dann den Hintergrund. Lassen Sie uns diesen
beiden kleinen Text hier auswählen. Klicken Sie auf Formen
aus Vektorebene erstellen. Und jetzt haben wir den
Umriss für diese Buchstaben erstellt. Und dann werden
wir auch mit diesem
größeren Text Formen aus der
Vektorebene erstellen . Jetzt haben wir zwei Konturen, wir können diese ursprünglichen ausblenden. Wir haben hier zwei Ebenen von Konturen
für diese beiden Wörter. Wenn ich auf das Drop-down-Menü klicke, können
Sie sehen, dass jeder
Buchstabe in eine eigene Gruppe unterteilt
ist . Als Nächstes möchte ich nur diese beiden Gruppen hier zentrieren. Gehen wir zu einer Zeile und klicken
dann auf die Mitte. Als Nächstes können wir damit beginnen,
die Pfadeigenschaft
für diese Ebenen zu animieren die Pfadeigenschaft
für diese Ebenen Lassen Sie uns beide auswählen und dann
nach der Pfadeigenschaft suchen. Drücken wir die Stoppuhr
, um
allen Pfadeigenschaften
unter diesen beiden Ebenen einen Keyframe hinzuzufügen allen Pfadeigenschaften
unter diesen beiden Ebenen Das sind alle Keyframes, die wir für alle
Pfadeigenschaften
benötigen Wir müssen herausfinden
, welcher Buchstabe welcher ist. Denn Gruppe eins
fängt von hinten an, Gruppe eins ist der Buchstabe
E. Dann wird die letzte
Gruppe, Gruppe neun, der Buchstabe sein. Im Wesentlichen müssen
wir den Schlüsselrahmen kopieren. Nehmen wir an, wir kopieren
den Schlüsselrahmen unter die
Pfadeigenschaft des größeren. Kopieren Sie diesen hier, Befehl
C. Und dann
suchen wir hier nach dem kleineren. Es könnte die Gruppe Neun sein. Ja, es ist eine Gruppe Neun. Und dann müssen wir es hier
einfügen. Aber wir müssen 20 Frames
vorwärts bewegen. Befehlshalt nach rechts Aro, lassen Sie uns das Schlüsselbild einfügen. Und dann stellen Sie sicher, dass
wir das S so bewegen , dass es an der gewünschten
Position ausgerichtet wird. Wenn ich jetzt die Animation abspiele, können
Sie sehen, wie mein
S von der ursprünglichen Position
dieser fett gedruckten und kleinen Version bis hin zu dieser
größeren und dünneren Version animiert der ursprünglichen Position
dieser fett gedruckten und kleinen Version bis hin zu dieser
größeren und dünneren Version Und so
machen wir die Animation zwischen diesen beiden
Schriften, zwei Stärken Und wir werden für jeden Buchstaben
dasselbe tun. Lassen Sie mich einfach den
zweiten
Pfadeigenschaften-Keyframe für das U finden , das ist hier
die Gruppe Acht, ist
das größere U.
Und das ist ein Schlüsselbild, wir benötigen Befehl C und fügen ihn dann die Pfadeigenschaft unter
Gruppe 8 ein, Befehl B.
Stellen Sie sicher, dass Sie ihn so verschieben, dass er an der Position
ausgerichtet ist
, an der wir ihn benötigen Lassen Sie mich als Nächstes Gruppe 7 finden. Für Gruppe sieben
haben wir drei Schlüsselbilder. Wir müssen alle drei kopieren. Befehl. Suchen wir hier nach Gruppe Sieben. Stellen Sie sicher, dass Sie auf die
Pfadeigenschaft klicken, bevor Sie das Schlüsselbild CommenV
einfügen, verschieben Sie es
dann
hierher, Nummer sechs hier. Fügen Sie es hier ein, verschieben Sie es hierher. Dann lassen wir hier den Schlüsselbildbefehl C
Nummer
fünf eingeben. Schieb es hierher. Dann für das B wird
Gruppe vier,
Befehl C, füge es
unter Gruppe vier ein, verschiebe es hierher, das ist gut. Gruppe drei hier,
Befehl C, füge ihn ein. Füge es ein, verschiebe es hierher. Dann die letzten beiden Gruppen
, also Gruppe zwei, Sie haben drei
Keyframes in Gruppe zwei. Dann schieb es her. Dann wird
die letzte Gruppe dieser Keyframe sein, für
die Vergangenheit ist es hier drin. Jetzt können wir
diese Ebene ausblenden, weil wir die Animation
auf der anderen Ebene haben Drücken Sie die Shy-Taste.
Sehen wir uns vorerst die Animation an. Das ist unser Morphing zwischen den beiden Staaten. Ich
finde, das sieht gut aus Und jetzt müssen wir nur noch
den ursprünglichen Keyframe kopieren, all diese ersten
Keyframe-Befehle, und dann 20 Frames erstellen Fügen Sie es ein, sodass wir hier eine Schleife
haben. Es wird groß und
klein und klein. Gehen wir in
den Grafikeditor. Wähle alles aus, richtig. Klicken Sie. Gehen Sie ganz einfach zum
Keyframe-Assistenten Gehen Sie zum Diagrammeditor. Wir müssen das
Diagramm so manipulieren, wie wir es zuvor getan haben. Ziehen Sie einfach den
Einfluss hierher auf vielleicht 95%. Machen wir einen
Einfluss von 95% in der Mitte. Und dann, auf beiden Seiten, lassen Sie uns hier 15% Einfluss nehmen. Wechseln wir zu 15%.
Spielen wir die Animation ab. Ja, um den Effekt zu
sehen, müssen
wir
diese Ebenen noch ein
paar Mal duplizieren . Befehl C und dann
duplizieren. Erneut duplizieren. Also haben wir diese Bounces. Ja, ich glaube, ich
mag die Animation. Lassen Sie mich noch einmal duplizieren
, um hier vier Loops zu haben. Was die Animation angeht, mag
ich die Energie. Mir gefällt, wie es aussieht. Es sollte in Ordnung sein. Ich möchte nur sehen, was passiert, wenn
ich diese Ebene dupliziere. Ich werde hier vielleicht
etwas Ausgefallenes machen. Lass mich zweimal duplizieren. Dann du auf der Tastatur, wir können mit dem
zweiten Schlüsselbild beginnen. Von hier aus können wir die Ebene abschneiden. Wählen Sie die Option „Zwei duplizierte
Keyframes“ (
linke eckige Klammer), um sie hier auszuschneiden Dann verschieben wir
die Startposition der beiden neuen Ebenen hierher Und dann verschiebe diese nach unten. Verschiebe das nach oben, sodass wir ein Layout wie dieses haben. Und dann lassen Sie uns
die Animation abspielen und sehen
, wie sie aussieht. Okay, im
Grunde möchte ich
die Überschneidung vermeiden
, die mir ein bisschen schwindlig macht Wenn das der
Stil ist, den du
anstrebst , denke ich, bist du startklar Aber ich glaube,
ich kann
die Kurve noch weiter manipulieren , um eine
ähnliche Animation zu erhalten. Ich denke, was ich tun muss, dich auf der Tastatur zu
drücken. Lassen Sie mich den Zeitplan vergrößern. Lassen Sie mich nur die ersten
drei Keyframe-Sätze anpassen. Die ersten drei Keyframes all diese Pfadeigenschaften werden in den
Kurveneditor übernommen Lassen Sie mich den Rest
des Keyframes löschen ,
damit er nicht ablenkt Lassen Sie mich diese Ebene löschen ,
sodass ich nur noch mit einer
obersten Ebene arbeiten kann Lassen Sie mich all diese Schlüsselbilder abrufen und dann
auf das ursprüngliche Schlüsselbild,
das lineare Schlüsselbild, zurücksetzen . Und dann klicken Sie erneut auf den
Keyframe-Assistenten. So einfach. Passen wir die
Kurve so an, wie wir es zuvor getan haben. Versuchen Sie, hier in
der Mitte auf beiden
Seiten einen Einfluss von 95% zu haben, also 95% des Einflusses. Dann werden wir am Anfang und
am
Ende einen Einfluss
von 15% Anfang und
am
Ende einen Einfluss
von darauf ausüben, dass die Animation tatsächlich
mit meinem ersten Keyframe-Satz
oder der ersten Ebene übereinstimmt . Jetzt sollten sie
die gleichen Sprünge haben. Wenn sie sich jedoch ändern, wird
es nur
eine große und eine kleine sein Lassen Sie mich diese
Ebenen viermal
oder dreimal duplizieren 123, damit sie zueinander passen
. Und dann kann ich jetzt diese erste Ebene
duplizieren. Verschiebe es nach unten, sodass es
den gesamten Raum einnimmt. Lassen Sie mich diese Ebenen nach unten ziehen. Lass uns die
Animation sehen. haben
wir keine
Überlappung mehr,
also das ist die Animation, die wir haben. Ich denke, mir gefällt das besser ohne die Überlappung und alle Bewegungen sind
ähnlich, oder? Eine weitere Sache, die wir hinzufügen können, ist, was ist, wenn wir einen gewissen Versatz
zwischen diesen Buchstaben machen? Lass uns dich auf der Tastatur schlagen. Lass mich sehen, ob ich einen Offset machen
kann. Lassen Sie mich einen Frame-Offset versuchen. Gehen wir also einen Frame weiter, und dann verschieben wir
das hier her. Und dann ein Frame
für den Buchstaben B. Wir müssen die
drei Pfadeigenschaften kopieren um
in diesem Fall einen
Buchstaben zu ändern. Also werde ich
diese drei Sets hierher verschieben. Und dann weitermachen für S ist
ein Satz und dann weitermachen. Denn das C wird ein
Satz sein und dann geht es wieder vorwärts. Für das R werden
es zwei Sätze sein. Und dann, was das Ich
angeht, gehen wir weiter. Und dann machen wir das
B. Es werden
die drei Sätze hier sein , die
einen Buchstaben ausmachen. Und dann entscheide dich für ein Bild. Verschiebe diese
hier rüber, sodass wir einen Frame versetzt
zu all diesen Buchstaben
haben. Ich finde, das sieht ziemlich gut aus. Jetzt müssen wir nur
noch einen Anfang für
die oberste Schicht machen ,
Sie auf der Tastatur. Lassen Sie uns die gleichen Offsets machen. Fangen Sie hier mit dem
ersten Buchstaben S an und gehen Sie dann einen Frame weiter Verschieben Sie diese Keyframes weiter. Lassen Sie uns nun sehen, wie
es aussieht. Es wird
fast wie ein Welleneffekt aussehen. Jetzt können wir einfach
diesen löschen und ihn erneut duplizieren
. Lege es hier ab, damit wir es
nicht noch einmal anpassen müssen, weil diese beiden Ebenen, oben und unten, genau
dieselbe Animation haben. Mal sehen, wie es nach dem Offset
aussieht. Ja, ich glaube, es gefällt mir besser. Es fühlt sich einfach sehr glatt an
und es hat einen Rhythmus. Ich glaube, mir gefällt, wie es aussieht. Also lass uns das machen und
dann das Projekt speichern. Lassen Sie uns die drei
Ebenen zu einer Komposition kombinieren. Men of C, nenne das hier,
Subscribe Animation. Bevor wir fertig sind, haben
wir noch ein paar weitere
Stile, die wir hinzufügen können. Lassen Sie uns diese
Ebene einmal duplizieren. Und dann suchen
wir auf der zweiten Ebene nach
Farbsättigungseffekten für diese Ebene. Wenn wir es um ein Bild verschieben, bewegen wir diesen Ring
einfach
ein Bild nach vorne Wir können den
Master-Farbton ändern und ihm .
Wir können den
Master-Farbton ändern und ihm
eine andere Farbe geben, die
hinter unserer ursprünglichen Ebene liegt. Lassen Sie uns den Hauptfarbton ändern. Ich mag diese blaue Farbe
hinter dem Orange, ich glaube, ich werde mich für diese
entscheiden. Und dann können wir auch die Master-Sättigung
abschwächen. Und die Helligkeit verringern, vielleicht auf minus 15 bei beiden Wir haben also fast
eine Kritzelebene darunter, um dem
Ganzen einen Echoeffekt zu verleihen So sieht es aus. können wir einen Geräuscheffekt
hinzufügen. Lassen Sie uns eine neue
Einstellungsebene und dann einen Rauscheffekt
hinzufügen, das Rauschen auf 10%
ändern.
Eine weitere Sache, die ich hinzufügen möchte,
ist die Verschiebung von Turbulenzen Jetzt können wir sehen, dass
alles verzerrt ist. Wir wollen
den Betrag jedoch auf vielleicht 20 ändern, dann können wir die
Größe auf fünf reduzieren Wenn ich die Ansicht vergrößere,
kannst du sehen,
dass um
jeden Buchstaben herum
einige aufgeraute Kanten vorhanden dass um
jeden Buchstaben herum
einige aufgeraute Kanten sind, sodass dieses Hosting wie
ein Kritzeleffekt aussieht Was die Animation angeht, gehen
wir zu einem Schlüsselbild der
Entwicklung und dann können wir fünf Sekunden lang
weitermachen und dann den Wert der Entwicklung auf fünf
Runden ändern Schauen wir uns an, wie schnell
die Animation ist. Sie können sehen, dass es
eine leichte Animation gibt. Wenn ich das auf die volle Auflösung stelle, kannst
du die
Effekte sehen, die ich erhalte. Jetzt denke ich, dass die zweite
Schicht vielleicht zu viel ist. Mir wird ein bisschen schwindelig. Vielleicht sollte ich
die Deckkraft
auf 35% oder 20% reduzieren . Lass uns das versuchen Nun, es ist eine Option für Sie, Sie müssen es nicht einschalten Ich denke, es könnte zu viel sein. Wenn es dir nicht gefällt,
können wir diese Ebene einfach verstecken. Nun, das ist die
Animation, nachdem wir
sie der animierten
Turbulenzanzeige hinzugefügt haben sie der animierten
Turbulenzanzeige Ich glaube, mir gefällt, wie es jetzt
aussieht , wir müssen nur noch
eine animierte Textur hinzufügen, um diese Animation zu
vervollständigen Jetzt habe ich gerade
meine Textur aus dem Internet eingegeben. Lass uns die Textur hineinlegen, lass uns diese Textur vergrößern
, um das Ganze abzudecken. Dann ist
es zunächst weiß, also
müssen wir die Farbe invertieren Lassen Sie uns nach Umkehrungen suchen, dass es zu
einer schwarzen Farbe Animieren wir nun die
Rotationseigenschaften dieser Textur
auf der Tastatur Am Anfang machen wir ein
Keyframe und dann
fünf Frames vorwärts, 12345 Wir können diese
Drehung hier animieren und
sicherstellen, dass sie groß genug ist,
um die gesamte Leinwand abzudecken Dann
machen wir eine weitere Rotation, machen sie
einfach so
zufällig wie möglich Für jeweils fünf Frames
werden wir eine Runde haben. Nachdem wir
diese Keyframes haben, klicken Sie mit der
rechten Maustaste, machen Sie
daraus einen Hold-Keyframe und dann können wir eine Expression-Option wählen und dann hier auf die
Stoppuhr klicken Geben Sie einfach Loop-Outs ein. Jetzt sollten wir eine Textur haben
, die ständig aussieht. Diese Textur ist
momentan zu dunkel. Lassen Sie uns
die Opazität verringern. Vielleicht auf 65% oder sogar
30% mehr, also auf 25. Lass es uns auf 25% Tony
Down ändern und schauen wir uns erstmal die
Animation an. Nun, da hast du's. Das ist unsere komplette Animation
für den Abonnenten. Hoffe dir gefällt diese Lektion. Wir sehen uns im nächsten Video.
16. Schweiß: Ordnung, in dieser Lektion
werden wir das Wort Schweiß animieren Wenn du jemals in
etwas gut sein willst, ist Übung der etwas gut sein willst, ist Übung Wir stecken bereits unser Blut und unseren Schweiß
in diese Animationen. Vertraue dem Prozess
und übe weiter. Du wirst ein großartiger Animator ,
bevor du es überhaupt merkst Lass uns einen Blick auf unser
Storyboard für die Das ist mein Wort hier und lassen Sie mich einen
Hintergrund dahinter legen Nur eine Demo, wie
wir das eingerichtet haben. Hier haben wir diesen
Rocktest fett zusammengefasst. Gehen wir zunächst zu
diesem Transformationswerkzeug. Klicken Sie darauf, und
dann können wir den unteren Teil auf der linken Seite
ein wenig neigen und schräg stellen . Jetzt haben wir diesen Text hier. Als Nächstes
möchten wir
eine weiße Farbe hinzufügen und den Umriss in lila
ändern. Das ist gut. Als Nächstes
müssen wir
diesen einen Kommentar skizzieren, um dieses Wort zu
skizzieren. Und wir können zum
Objektpfad und dann zum Offset-Pfad gehen. Sobald wir den Offset gemacht
haben, können wir entweder 20
Pixel oder zehn Pixel machen. Ich denke, 15 Pixel
könnten gut genug sein. Wir können weiter klicken, okay, jetzt haben wir diese Striche. Das steht im Brief selbst. Wir können die Gruppierung dieser Buchstaben aufheben. Drücken Sie Shift G, um die Gruppierung aufzuheben. Für die Gliederung
kann ich die Farbe ändern Lassen Sie mich diesen Farb-Hex-Code kopieren Und dann können wir
den Umriss in
den lila Umriss ändern. Jetzt haben wir diesen Text eingerichtet, und dann müssen wir sie nur
noch näher zusammenrücken. So haben wir diesen Text hier
eingerichtet. Jetzt kann ich
diesen einfach löschen und dann
sicherstellen, dass im
Ebenenfenster alles getrennt ist. Wir können diese
Illustrator-Datei speichern. Gehen wir zu After Effects. Klicken Sie auf diesen, erstellen Sie
eine neue Komposition. Nennen Sie das eine Hauptkomposition. Lass uns 13,50 mal 108030
Bilder pro Sekunde machen. Klicken Sie auf Okay, lassen Sie uns
unsere Illustrator-Datei Sweat einfügen. Stellen Sie sicher, dass die Ebenengrößen
beibehalten werden. Deaktivieren Sie diese
Illustrator-Sequenz und dann können wir
in diese gehen, die gesamte Ebene
kopieren und in die
Hauptkomposition einfügen Das ist vorerst gut.
Und für den Hintergrund muss
ich ihn nur vergrößern
, damit er in den gesamten Raum
passt , den Hintergrund sperren. Lassen Sie uns alles in die
Mitte der Komposition verschieben. Wir können auch die
Befehlstaste gedrückt halten und dreimal auf
den Stift hinter dem Werkzeug klicken. In Bezug auf jeden Buchstaben haben
wir zwei Ebenen
für jeden Buchstaben, wir können sie gruppieren. Gruppieren wir dieses S, zuerst Männer, nennen wir dieses eine S. Dann werden für diesen einen diese beiden sein. Dann werden diese beiden A.
Diese beiden sein . Diese
beiden werden die sein. Ich weiß nicht, warum wir
drei Schichten haben, die nichts enthalten.
Die können wir löschen. Jetzt haben wir hier das Wort
, das ziemlich gut aussieht. Zunächst denke ich, dass
ich in diesem Fall nur
die Skalierungseigenschaft
für diese Ebenen animieren muss die Skalierungseigenschaft
für diese Ebenen Drücken wir S auf der Tastatur
bei einem Keyframe in einer Sekunde. Gehen Sie zehn Frames vorwärts. Ich möchte sehen, wo
der Ankerpunkt ist. Was ist, wenn ich das größer bewege? Wenn ich diesen
auf 150% des Maßstabs ändere? Das ist es, was ich
am Anfang bekomme. Ich glaube, ich möchte
die Skala ändern, um sie noch
kleiner zu machen. Vielleicht so. Lass uns
so
etwas zu
35% machen 35% etwas zu . Und dann mach 20 Frames. Kopieren Sie erneut den ersten
Keyframe, um eine Schleife zu vervollständigen. Lassen Sie mich alles auswählen. Klicken Sie erneut und gehen Sie zu Keyframe
Assistant, Easy Ease. Gehen Sie zum Grafikeditor und
stellen Sie sicher, dass wir uns in
der Geschwindigkeitsgrafik befinden Ich wollte einfach
hier rumhängen und 95% Einfluss haben. Zieh es, bis wir 95 sehen. Das muss
nicht exakt sein. Und dann ändern wir
es hier auf 15%. Das sieht gut aus. Sehen wir uns die Animation an. Ja, ich glaube, das funktioniert. Und dann
muss ich das nur ein paar Mal duplizieren . Versuchen wir es mit vier Loops. Und dann wieder dieser, 12, nur
diese Keyframes dupliziert Das ist gut. Und dann können wir die
Keyframes für jeden Buchstaben verschieben. Lassen Sie uns das um zwei Frames verschieben. Geh vorwärts, zwei Frames. Mal sehen, wie es
mit zwei Offset-Frames aussieht. Gut, das ist unsere
Animation für den Schweiß. Jetzt müssen wir nur noch all diese Ebenen
auswählen. Ken, nenne diesen. Schwitzt, Animation. Lassen Sie uns diese
Ebene ein paar Mal duplizieren. Jetzt können wir
diese Farbpalette kopieren. Lassen Sie uns hier unsere
Farbpalette fallen lassen. Das wird
die erste Schicht sein. Für die zweite Ebene werde
ich
einen Effekt namens Phil verwenden . Lassen Sie uns die
Farbe auf Grün ändern. Für die dritte Ebene können
wir sie dann in
diese rosa Farbe ändern. Dann können
wir die letzte Ebene in die dunkelblaue Farbe ändern . Lassen Sie uns einen
Offset-Frame für diese Ebenen haben. Ich will nur sehen, wie es
aussieht. Nun, vielleicht reicht ein
Frame-Offset nicht aus. Lassen Sie uns zwei Offset-Frames machen und
sehen, wie das aussieht. Außerdem möchte ich diesen neuen Ebenen
einen Strich
im Ebenenstil hinzufügen diesen neuen Ebenen
einen Strich
im Ebenenstil Gehen wir zum Thema Strike über. Ändern wir es so,
dass es zwei Punkte sind, oder 1,1 Punkte sollten reichen. Kopieren wir diesen Ebenenstil und fügen ihn
dann auf
diese beiden Ebenen ein. Jetzt haben wir einen Strich
, der herumläuft. Im Moment habe ich das Gefühl, dass es
schwierig ist, die zweite Schicht zu erkennen. Lass mich die Größe ändern. Ändern wir es auf vielleicht 110%
, um es etwas größer zu machen. Und diesen, lassen Sie uns ihn auf 115%
ändern. Dann das letzte,
lass uns es auf
20% ändern , mal sehen, wie es
aussieht Ja, ich denke, es
sieht jetzt besser aus. Es ist viel einfacher zu sehen. Nachdem wir diese Animationen haben, möchte
ich die
letzte Ebene noch
einmal duplizieren und
diese dann als Schatten verwenden. Lassen Sie uns die
Hintergrundfarbe zusammenstellen und diese
Hintergrundfarbe dunkler machen. Ich muss die
Positionseigenschaft verschieben und sicherstellen, dass diese
keinen Strich hat. Ich möchte es nur herausnehmen
, damit es als Schlagschatten dient. Und dann können wir
den Ebenenstil löschen. Dieser sollte hier
wie Schlagschatten sein. Ich kann mich sogar so nach unten bewegen. Jetzt
dient diese letzte Ebene als Schlagschatten. Ich finde, das sieht ziemlich gut aus. Und das Letzte, was
wir tun möchten, ist dass
ich eine Gliederung hinzufügen möchte die auch für die
erste Sweat-Animation verwendet wird. Klicken wir auf „Das
Layer-Suchprojekt überprüfen“. Lassen Sie mich diese Ebene
im Projektfenster duplizieren. Dann wird dieser Sweat Outline heißen. Und dann lassen Sie uns die
Sweat-Gliederung auf meine Timeline legen. Gehen wir hier in die
Gliederungsebene hinein. Ich brauche nur
diese eine Ebene, kopiere diese Gliederungsebene und füge sie dann in
diese Schweißkontur ein. Wir können in jede
Ebene gehen und
die Outline-Illustrator-Datei
in meine Sweat-Outline-Ebene kopieren die Outline-Illustrator-Datei
in meine Sweat-Outline-Ebene Jetzt kann ich all
diese Kompositionen ausblenden nur um meine Gliederung zu haben Jetzt kann ich
diese Kompositionen verstecken. Das sind meine Gliederungsebenen. Ich möchte
erneut klicken und Formen aus
Vektorebenen erstellen. Und dann können
wir unter dieser
Inhaltsgruppe die Füllung
ausschalten, sodass nur der Umriss angezeigt wird. Für diesen werden wir
dasselbe tun. Lassen Sie mich den Umriss
für diese Ebenen erstellen. Und dann können wir auch all
diese Illustrator-Ebenen ausblenden. Klicken Sie auf den schüchternen Button. Jetzt müssen wir uns nur noch
die einzelnen Inhalte ansehen. Und dann schalte die Füllfarbe aus ,
sodass nur noch
ein Umriss übrig ist. Schalte es aus, schalte es aus. Das sieht ziemlich gut aus. die Animation angeht, Was die Animation angeht, können wir
auf der Tastatur 20 Frames
machen. Ich wollte einfach so raus. Lass uns alles ausprobieren S, E, A und dann ist es vielleicht zu groß schrumpft ein bisschen Verschiebe das hier hin, lass uns sie ein
wenig überlappen , sodass sie alle
sichtbar sind Ich möchte nur, dass sie heranzoomen. Ich möchte auch, dass sie in der Mitte nach oben
zoomen. Also muss ich
den Ankerpunkt manipulieren. Stellen Sie den
Timeline-Indikator am Ende ein. Das ist die Position
, die wir am Ende haben wollen. An dieser Stelle
möchte ich zum Stift
dahinter gehen, um den Ankerpunkt für
jeden Buchstaben in die Mitte zu verschieben , den
wir für jeden Buchstaben von der
Mitte aus vergrößern werden. So
sieht es also am Anfang aus. Wir können es sogar viel
kleiner machen und das wird
unsere Animation sein. Wählen Sie alle Keyframes, den
Relic-Keyframe-Assistenten einfache Lockerung wie folgt Mal sehen, ob es funktioniert. Lassen Sie uns das komplett ändern
, ihm mehr Energie geben. dann für die Transparenz Lassen Sie uns dann für die Transparenz die Taste auf der Tastatur drücken. Ich wollte einfach verschwinden,
wenn es hochzoomt. Fast so, also verschwindet
es, wenn
es herauszoomt Und vorerst möchte
ich es für jeden Buchstaben um zwei
Keyframes verschieben Das wird die Animation sein,
die wir haben. Schauen wir uns draußen an, wie es mit unserer Animation
aussieht. So sieht die
Gliederung nun aus. Ich positioniere es nur hinter der Animation, die
wir bereits haben. Und Sie können sehen, dass die
Gliederung zuerst herauskommt. Vor all diesen Animationen möchte
ich nur sehen, wie es
aussieht, wenn ich die Umrissfarbe in
diese grüne Farbe anstelle von dunkelblau verwandle diese grüne Farbe anstelle von , weil ich
das
Gefühl habe, dass sie schwer zu erkennen ist. Lassen Sie mich
diese Bildschirmfarbe
hier ausprobieren und den Hex-Code kopieren. Ich ändere den gesamten blauen
Umriss in den grünen. Ich denke, das Grün
ist leichter zu erkennen. Ja, ich denke, mit der grünen Farbe sieht es
besser aus. Jetzt kann ich diese Gliederung duplizieren. Leg es wieder hier hin. Jetzt ist hier unsere letzte Animation. Das war's mit der
Sweat-Animation. Wir sehen uns im nächsten Video.
17. Das ist Kunst: Willkommen zurück. In dieser Lektion werden
wir diesen Satz
animieren Das ist Kunst. Ich liebe
diesen Satz einfach so sehr. Es erinnert mich daran, dass das, woran
wir arbeiten, Kunst ist. Und wir nutzen unsere Kunst, um
zur Kultur beizutragen. Kultur wird von Kunst geprägt. Lassen Sie uns
also unsere
Kreativität nutzen, um
weitere erstaunliche Kunstwerke zu schaffen , die unsere Kultur
prägen. Hier haben wir unseren Text
in der Illustrator-Datei. Wir werden diese Datei
in After Effects importieren. Gehen wir zu After Effects und erstellen Sie eine neue Komposition. diesem Namen den Namen Main com 13 50 x 108030
Bilder pro Sekunde Klicken Sie zehn Sekunden lang auf. Okay. Lassen Sie uns unsere
Illustrator-Datei importieren. Und stellen Sie sicher, dass Sie diese Option auf
Komposition > Ebenengrößen beibehalten
ändern Komposition > Ebenengrößen beibehalten Und überprüfen Sie diese
Illustrator-Sequenz. Klicken Sie auf Öffnen. Gehen wir rein. Jetzt haben wir vier Schichten. Zuerst möchte ich nur das erste Wort
animieren. Geben wir meiner Ebene einen Namen. Das ist, das sieht gut aus. Bevor
wir die Animation machen, müssen
wir zunächst ein paar Richtlinien festlegen. Drücken wir also Befehl
R. Um unser Lineal zu öffnen, muss
ich an
einem Lineal ziehen , um es an
der Grundlinie meines Wortes zu befestigen. Und dann muss ich
ein Lineal ziehen, um es an
der Oberseite zu befestigen , sodass ich
meine ursprüngliche Position,
die Höhe meines Originaltextes, kenne . Und eine andere Sache ist, wenn
wir das größere Wort animieren, müssen
wir einen
Punkt festlegen , an dem dieses Wort sein
wird, richtig Also denke ich nach, ich denke, das größte Wort, das
ich machen werde, wird
jedes Wort ungefähr
so groß sein Ich werde mir einfach
meinen Guide hier drüben schnappen. Das ist meine Position
für den größeren Text. Dann brauchen wir auch eine Position
für einen kleineren Text. Was den kleineren angeht, werde
ich nur grob eine Anleitung hierher
ziehen. Und das wird mein kleinerer Text
sein, vielleicht etwa halb so
hoch wie mein Originaltext. Das sind also alle
Richtlinien, die wir haben. Lass uns mein erstes Wort animieren. Drücken Sie auf die Tastatur, um die Skalierungseigenschaft
aufzurufen. Drücken Sie die Stoppuhr
, um einen Keyframe hinzuzufügen. Wir werden dieser Animation eine
Vorfreude hinzufügen. heißt, wenn dieses Wort immer größer
wird, müssen
wir es
zuerst verkleinern, bevor es groß wird Gehen wir weiter, fünf Frames,
alles, was wir
animieren werden, in Schritten
von fünf Frames Erwartung und Überschreitung werden fünf Frames voneinander entfernt sein Und dann
wird die eigentliche Animation 15 Frames lang sein. Denk einfach daran. Gehen Sie fünf Frames
vorwärts. 12345, verkleinern wir
es auf 115. Es gibt ein paar Zahlen
, an die wir uns erinnern müssen. Erstens ist das die
Vorfreude Nummer 115. Gehen wir
15 Frames vorwärts, 12345. Das sind 15 Frames. Das
werden wir ganz groß machen. Die Höhe
ist jedoch nicht hoch genug, also muss ich
die Verknüpfung der Eigenschaft hier
aufheben, die Y-Skala so
vergrößern und sie wieder verknüpfen Dies wird
unsere endgültige Position sein. Allerdings muss ich
etwas übertreiben. Lassen Sie uns noch einmal 45 Frames untersuchen. 12345. Das wird den letzten Keyframe kopieren
, den wir hatten, V. Das wird meine endgültige
Position sein Für das Überschwingen werde
ich es jedoch nur
etwas größer machen, sodass es überschwingt, bevor
es seine Position einpendelt Das ist meine erste Animation.
Klein, groß. Und dann komm wieder runter mit dem
Click-Keyframe-Assistenten. Einfach. Gehen wir zum Grafikeditor
, versuchen
wir, 75% Einfluss auf die Erwartung und
Überschreitung zu nehmen und dann werden
wir 90% des Einflusses auf die
eigentliche Diese größere Grafik hier
ist also die eigentliche Animation. Stellen Sie außerdem sicher, dass Sie
das Geschwindigkeitsdiagramm so bearbeiten , dass es
90 ist und dann
machen wir 75 hier drüben und
dann 75 hier drüben. Sehen wir uns die Animation an. Ja, ich mag diese Energie
hier. Das sieht gut aus. Da das erste Wort zu
groß ist und meine
anderen beiden Wörter abdeckt, muss
ich
die anderen beiden Wörter verkleinern Fügen wir ein Null-Objekt hinzu, stellen Sie sicher, dass es sich in
der
unteren rechten Ecke meines Textes befindet und dann
auf der Grundlinie Wählen Sie das letzte Schlüsselwort aus und
setzen Sie es der Null über. Drücken Sie auf die Tastatur um die Skalierungseigenschaft auszuwählen. Ich
möchte das Gleiche tun. Machen Sie eine Vorwegnahme,
in diesem Fall wird
es hier größer
werden, dann werde ich ein
Überschwingen machen, zu klein
werden, dann wäre
die endgültige Position ungefähr Ich muss meine
kleinere Textrichtlinie anpassen , um sicherzustellen, dass sie
mit meinem letzten kleinen Wort übereinstimmt Das wird
mein kleineres Wort sein. Wenn ich gehe, wähle ich das
Vier-Tasten-Bild aus. Gehen wir zu meiner einfachen Kopie. Stecken Sie es ein, klicken Sie auf Kopieren und
fügen Sie dann die Lockerung hier ein. Sehen wir uns die Animation an. Ja, das sieht ziemlich
organisch aus, ziemlich flüssig. Ich mag es jetzt. Wir müssen diese
Szene nur fünf Frames lang halten, 12345 Fügen Sie einen Keyframe auf der
Skala der Null und den Keyframe für
die
Skala des ersten Wortes Das ist gut, wir
werden hier warten. Das nächste,
was wir tun werden, ist das
zweite Wort größer zu machen. Wir werden
dieses erste Wort
wieder auf seine
ursprüngliche Position verkleinern wieder auf seine
ursprüngliche Position Das
geht so, dass wir
die ersten vier Keyframes kopieren und dann M V
hier einfügen
und dann auf
Gehe zur letzten Option
Keyframe-Assistent klicken und dann Time
Reverse-Keyframe auswählen, und dann Time
Reverse-Keyframe auswählen das
ist das letzte,
ich bin mir nicht sicher, ob Sie es sehen
können, aber es ist das letzte Keyframe mit der
Umkehrung der Befehlszeit, wir werden
exakt dieselbe Animation haben Es ist jedoch eine Umkehrung der Animation,
die wir hatten. Das erste Wort kehrt
zu seiner ursprünglichen Position zurück. Machen wir dasselbe mit dem Befehl C,
dem
Befehl V und wechseln wir dann zu Keyframe mit rotem Mausklick und
Assistenten-Keyframes zur
Zeitumkehrung Im Grunde geht es darum,
unsere Keyframes umzukehren. Und dann, lass uns
sehen, die Animation. Das einzige Problem ist, dass
ich
beim zweiten Durchlauf dieses Wort haben muss. Mein
zweites Wort wird immer lauter. Fügen wir der Skaleneigenschaft
meines zweiten Wortes ein Schlüsselbild hinzu. Lassen Sie uns eine kleine, sehr geringe Vorwegnahme auf eins machen,
15%, dann machen wir es einfach ganz
groß, so wie hier Lassen Sie uns hier eine Eigenschaftsverknüpfung machen, die breite
Positionsskala so anvisieren, und dann werden
wir sie wieder verknüpfen Gehen wir zurück und
stellen sicher, dass es ein bisschen
zu weit Und das ist der
Schlüsselrahmen für mein zweites Wort. Wir werden die Lockerung kopieren. Kopieren Sie
die Lockerung und fügen Sie sie dann hier ein. Sehen wir uns die Animation an. Ja, ich glaube, es funktioniert. Obwohl ich
diese beiden Wörter auch kleiner machen muss. Weil das
Mittelwort jetzt zu groß ist, deckt
es das
Nebenwort genau hier
drüben an der letzten Position ab. Ich werde es einfach kleiner machen, so wie das hier. Das Problem ist, dass wir
die Analogie nicht anpassen können. Denn wenn wir das
Protokoll hier anpassen, wird das mein
zweites Wort zusammenziehen Um das zu erreichen, können wir die
Skalierungseigenschaft
dieses dritten Wortes hier
nur von
dieser ursprünglichen Position aus animieren dieses dritten Wortes hier
nur von
dieser ursprünglichen Position aus Versuchen wir auch, es
vorwegzunehmen, vielleicht auf 115,
dann hier drüben, werden wir
es einfach wieder auf eine
Größe verkleinern, die meinem ersten Wort hier ähnelt Und dann kopiere diesen Schlüsselrahmen. Übertreiben Sie es, so
etwas. Und dann lass mich
die Lockerung nochmal kopieren, sie hier
drauflegen,
lass uns die Animation sehen Ja, ich glaube, das funktioniert. Ja, das ist gut. Und dann gehen wir fünf Frames
weiter
, um es hier zu belassen. Halte alles für fünf Frames. Das ist gut. Als Nächstes animieren
wir
das dritte Wort Arts, mach es größer. Gehen wir nochmal
fünf Frames vorwärts. 12345. Ich werde nur eine Vorwegnahme
machen 15 Bilder, ganz groß, vielleicht so groß Und dann die Verknüpfung der Immobilie aufheben. Ändern Sie die Höhen,
verknüpfen Sie es wieder. Gehen Sie für fünf Bilder vor, kopieren Sie das letzte Schlüsselbild, das ist der endgültige Zustand. Und dann beim zweiten, letzten, wir können ein
bisschen Überschreitungen machen. Mach es größer, das ist gut. Jetzt ist unsere zu groß, also müssen wir
sie wieder verkleinern Um
es zu verkleinern, muss
ich es zunächst verkleinern, fast genauso groß
wie mein erstes Wort In diesem Fall machen wir eine Vorwegnahme und verkleinern
es dann wieder Wenn ich es jedoch auf diese Weise mache, werden
wir eine große Lücke haben Wenn ich die Grafik
ausschalte, entsteht eine große
Lücke zwischen diesen beiden Wörtern. Das ist nicht das, was ich will. Das
Problem ist mein Ankerpunkt. Ich kann
meinen Ankerpunkt jedoch nicht ändern, denn
wenn ich ihn ändere, der erste
Keyframe-Batch funktioniert
der erste
Keyframe-Batch nicht mehr. In diesem Fall
müssen wir die Ebene teilen. Wo ich es brauche, hier drüben. Ich muss diese
Ebene mit der Umschalttaste teilen und dann alle meine Keyframes speichern , die ich im
vorherigen Teil hatte Und
von diesem Punkt aus werde
ich eine
neue Ebene verwenden, um
diesen Buchstaben oder dieses Wort
mit einer neuen Position
meines Ankerpunkts zu kontrollieren diesen Buchstaben oder dieses Wort mit einer neuen Position
meines Ankerpunkts Jetzt habe ich meine Ebene bereits aufgeteilt. Ich kann diese beiden Keyframes löschen , weil sie sich auf der
ursprünglichen Ebene befinden nicht mehr funktionieren. Gehen wir wie auf der Tastatur vor, lassen Sie uns den Ankerpunkt in
die untere linke Ecke ändern ,
vielleicht hier. Und dann machen wir einen
Overshot. Das sieht gut aus Und wenn ich dann mein zweites Wort verkleinere, können
Sie jetzt sehen, wenn
ich meine Kunst ausschalte, es
nähert sich meinem ersten Wort Ich weiß nicht, was
mit meiner Grundlinie passiert ist. Es passt nicht zusammen.
Ja, das sollte funktionieren Ja, ich
muss nur sicherstellen , dass mein Ankerpunkt genau über
meiner Grundlinie liegt , damit ich den Buchstaben besser ausrichten
kann. Ich muss nach Pine gehen,
um sicherzugehen, dass es hier auf
der Grundlinie liegt. Wenn ich
die Größe verkleinere, macht das eine
Überschreitung Das ist gut. Das ist
die Animation für das zweite Wort, das jetzt kommt. Ich muss diesen
Ankerpunkt vielleicht
etwas weiter nach rechts setzen, damit zwischen
den ersten beiden Wörtern mehr
Platz ist. Ja, leg es einfach direkt an den Rand meines Briefes.
Ja, das sollte funktionieren. Ja, das funktioniert für mich. Lass mich die Kunst wieder einschalten. Wie auch immer Sie sehen, die
Kunst ist zu groß. Ich brauche immer noch ein
Nullobjekt. Lass uns ein
neues Nullobjekt suchen. Stellen Sie sicher, dass es zu diesem Zeitpunkt
von hier aus beginnt. Und dann verschieben wir dieses
Null-Objekt ganz in
die untere linke Ecke und wir werden das und das diesem
Null-Objekt auf der
Tastatur für das Null-Objekt überordnen. Das animiert die
Skalierungseigenschaft. Nehmen wir eine Überschreitung
von 110 vor. Das ist gut Und wenn es dann wieder
runterkommt, muss
ich es ganz nach hinten ziehen,
so , kleiner rüber. Vielleicht das. Ich verwende dieses neue
Null-Objekt, um
sowohl das erste Wort
als auch das zweite Wort zu kontrollieren . Und ich verwende das zweite
Wort mit einer neuen Ebene, einer geteilten Ebene, um mich selbst so zu
kontrollieren , dass sie dieselbe
Größe
hat wie mein erstes Wort. Und dann
kontrolliert das Null-Objekt die beiden Wörter
zusammen, um die Größe zu verkleinern Lassen Sie mich meinen Einfluss kopieren. Lass uns zur ursprünglichen
Ebene auf der Tastatur gehen. Ich möchte nur den Einfluss kopieren. Hier kopieren. Und dann lege
es auf dieses Nullobjekt. Ich möchte es auch hier hinstellen. Schauen wir uns vorerst die Animation an. Lass es uns auch hier hinstellen. Schauen wir uns die Animation an.
Das ist vorerst unsere Animation. Jetzt werden wir
weiter animieren und alles wieder in
seinen ursprünglichen Zustand versetzen. Denn die Kunst war meine Kunst. Ich will es nur für fünf Frames
hier halten. 12345 für alles. Drücken wir das Schlüsselbild. Das ist gut. Dann haben wir
diese Keyframes hier. Den brauche ich nicht. Jetzt können wir alles wieder
in seine normale Position animieren Gehen Sie wieder fünf Frames vorwärts. 12345, gehen wir ein bisschen über
die Decke, und dann machen wir für die Grafik
eine Überschreitung Dann 15 Frames, 112345, das Bild
geht zurück, ein Überschwingen,
dann ist das das Überschwingen Das wird die ursprüngliche Position sein. Allerdings muss das auch
eins oh neun werden. Und dann
würde aus dem letzten 125 werden. 125. Das ist die Originalgröße
meiner Kunst. Das ist gut. Und dann wird
dieser so skaliert. Das ist meine endgültige Position. Das werde ich
hier einfach
übertreiben . Etwas größer Das ist gut. Das Gleiche gilt, wir müssen den Einfluss kopieren. Kehren Sie immer zu den ursprünglichen
vier Keyframes zurück , um den Einfluss zu
kopieren. Kopieren Sie einfach diese und wechseln
Sie zu diesen neuen Keyframes. Ich glaube, das funktioniert.
Und dann können wir den Vorschaubereich einstellen. Sehen wir uns die Animation insgesamt an. Ich muss nur sichergehen, dass
diese
proportionale Skala eingehalten wird, um es wieder rückgängig zu machen. Wenn es 72 ist, muss ich
es hier wieder auf 72,6 setzen. Ändern Sie die Skala wieder auf 72,6,
damit sie proportional ist. Da hast du's. Das ist unsere
Animation für. Das ist Kunst.
18. Texturen und Rauschen: Als Nächstes können wir einfach eine
animierte Textur hinzufügen und fertig stellen. Jetzt habe ich meine
Texturebene hier drüben. Lass mich meine Textur ausfindig machen. Zuerst möchte ich
es auf mein erstes Wort anwenden, diese Textur auf der Tastatur um
R
drehen und sie dann drehen,
vielleicht hier drüben platzieren. Lassen Sie uns den
Mischmodus auf sanfte Lichter umstellen. Ich wollte nur
meine Textebene hier abdecken. Ich werde diese Textebene
als Alpha-Matte für meine Textur verwenden. Gehen wir zu Track und wählen Sie
Ebene Nummer sieben aus. Außerdem muss ich diese Ebene
einschalten. So
sieht es nach der Textur aus. Und dann ist das
ohne die Textur. Ich finde, es sieht
ziemlich cool aus mit der Textur hier,
sieht für mich gut aus. Und dann werde ich diese Textur
duplizieren und sie auf meine Kunst legen. Dann lass uns Matt aufspüren. Stellen Sie sicher, dass es auf diese
vierte Ebene namens Arts eingestellt ist. Jetzt haben wir diese
Texturebene über meinem Kunsttext. Ich kann diese Textur
kleiner, noch kleiner machen. Vielleicht etwas mehr drehen. Gib ihm einfach eine gute Position. Stellen Sie sicher, dass Sie auch
diese Grafikebene aktivieren, da sie sonst schwer zu erkennen ist. Lass es mich kleiner machen.
Leg es hier hin. Ich will es nur in
eine Richtung drehen , so
etwas in der Art. Und dann mach es ein bisschen größer. Ich kann auch die Verknüpfung der
Skalierungseigenschaft aufheben,
um die Textur
vielleicht so zu ändern , zu verlängern, dass das Muster im Inneren
sichtbarer ist Ich glaube, das gefällt mir besser. Dann werde ich es einfach
etwas breiter machen , um meinen gesamten Text hier
abzudecken. Und dann drehe es so. Vielleicht ändere es auf acht,
ich denke, das funktioniert. Ja, mir gefällt, wie das aussieht. Als Nächstes
müssen wir uns auch um das kümmern. Ich übergeordnete die
Textur mit meiner Grafikebene. Und dann wird die erste
Textur
dieser Ebene, die sich
mit der Textur bewegt, übergeordnet , richtig. Und dann werde ich die Textur erneut
duplizieren. D, lege es über
das zweite Wort. Ich werde es über
das zweite Wort setzen. Stellen Sie sicher, dass die Schienenmatte für diese Schicht auf Schicht acht eingestellt
ist
und diese dann auf Schicht
sechs, eingestellt
ist
und diese dann auf Schicht weil wir
zwei verschiedene Schichten haben. Für das zweite Wort müssen
wir auch das
zweite Wort für dieses Wort einschalten Lassen Sie uns den Mischmodus
auf einen anderen Mischmodus ändern auf einen anderen Mischmodus Wir können es vielleicht mit einem harten Licht versuchen, lassen Sie mich hier ein hartes
Licht versuchen. Jetzt können wir sehen, dass
daraus eine schwarze Farbe statt
einer beigen Farbe wird . Und was ist, wenn ich zur
Opazität gehe und sie abschwäche? Dann können wir
diese Ebene auch verkleinern, sie hierher
verschieben, den Maßstab ändern Manipuliere einfach die Textur
so, dass sie gut aussieht. Ich finde, diese Textur
sieht ziemlich gut aus. Mir gefällt, wie es jetzt aussieht. Ich möchte nur
sichergehen, dass dieser hier für Schicht acht zuständig
ist Und dann werde ich das löschen
, dieses duplizieren und sicherstellen
, es der Ebene sechs übergeordnet
ist Das ist jetzt die Animation,
nachdem wir die Textur hinzugefügt haben. Ich glaube, ich mag diese
Texturen insgesamt. Und jetzt
möchte ich nur noch ein
paar Dinge tun. Als Einstellungsebene
für einen Rauscheffekt setzen
wir ihn auf 10% Jetzt müssen wir nur noch
eine Turbulenzanzeige hinzufügen Ändern Sie es auf 20
, vielleicht auf fünf. Dann lassen Sie uns eine Animation
über die Entwicklung machen. Drücken Sie hier auf das Schlüsselbild. Hab dich auf der Tastatur getroffen. Machen wir sechs Runden. Das Letzte, was wir
tun werden, ist , eine weitere
Textur hinzuzufügen, die wir hatten. Lass es uns hier reinstellen
und es größer machen. Lassen Sie uns einige
Rotationsänderungen an meiner Textur vornehmen, wenn sich die
Rotation ändert. Wählen Sie alles aus,
klicken Sie mit der rechten Maustaste, den gesamten Keyframe, und fügen Sie dann einen
Ausdruck namens Loopout Jetzt werden
wir diese Textur während
der gesamten
Zeit animieren Wir müssen diese Textur invertieren. Wir haben bereits in einer der
anderen Lektionen
darüber gesprochen, wie man
Texturen animiert , Ich werde es hier einfach schnell
machen. Wir invertieren jetzt die Farbe. Und dann
drücken wir auf die Tastatur und
ändern die Deckkraft Jetzt ändern wir den
Mischmodus auf Bildschirm. Jetzt ist dies die letzte Animation mit einigen Texturen und einigen
turbulenten Es macht unsere
Animation insgesamt einfach stilisiert und
wirklich grungy Da hast du's. So machen
wir diese Animation. Hoffe es gefällt dir. Wir
sehen uns im nächsten Video.
19. Gifs exportieren: Ordnung, in diesem Video zeige ich
Ihnen, wie wir unsere
Animation in ein Geschenk exportieren
können Und wir können es online teilen. Erstens, wenn wir über Geschenke sprechen, handelt es sich bei den
meisten Geschenken um Loops.
Deshalb müssen wir
sicherstellen, dass unsere Animation eine nahtlose Schleife
ist,
bevor wir sie exportieren Ich habe bereits in der vorherigen Lektion darüber gesprochen,
wie das Sie können auf die Lektion
zurückgreifen, in der wir darüber gesprochen haben, wie wir aus unserer Animation eine nahtlose Schleife machen
können. Und die Hauptsache ist
, dass wir
die Vorschaupunkte mit
der Tastenkombination B festlegen müssen die Vorschaupunkte mit .
Und wenn ich dieses Video von
null auf 1 Sekunde
exportieren möchte , kann
ich es einfach auf 0-1 setzen, kann
ich es einfach auf 0-1 setzen wenn meine
Timeline-Anzeige auf Null steht Ich werde auf der Tastatur sitzen,
wie Sie hier sehen können. Und dann gehe ich zu 1 Sekunde. Drücken Sie N auf der Tastatur, und das ist mein Vorschaubereich. Dies wird der Bereich
sein, aus dem
mein Video exportiert
wird. Wir müssen nur sicherstellen, dass sich unsere
Animation innerhalb dieses Bereichs wiederholt. diese Animation angeht,
denke ich, dass sie sich wiederholt,
wenn ich sie abspiele,
obwohl die Textur
möglicherweise nicht Aber ich glaube nicht
, dass das ein Problem ist. Weil sich die Textur
immer zufällig ändert. Es hat keinen Einfluss auf unsere Animation in Bezug auf den Punkt,
an dem sie sich wiederholt, wenn sich alles beruhigt Wenn ich auf der Tastatur draufdrücke, ist
das der Endpunkt,
an dem ich es wiederholen kann. Wenn ich es spiele,
denke ich, dass das
mit meiner
Endposition hier ganz gut funktioniert hat . Das wird also der
Bereich sein, in dem ich
ein Geschenk exportieren werde , das auf deiner
Animation und deinem Video basiert. Nur um sicherzugehen, dass es nicht bei
null Sekunde beginnen muss, wie wir es in der Lektion mit
Looping-Animationen besprochen haben Sie können es in der Mitte beginnen etwa 15
Frames oder sogar 1 Sekunde Solange Sie einen Bereich haben, bei dem es
sich um eine Loop-Animation handelt, können
wir mit dem
Export als Geschenk beginnen Wenn dieser Vorschaubereich in meiner Timeline
festgelegt ist, gehe
ich zur Komposition Lassen Sie uns zu Adobe
Media Encoder Q hinzufügen.
Dies ist eine weitere Software von Adobe,
die hauptsächlich dazu Dies ist eine weitere Software von Adobe,
die dient, Ihnen
beim Exportieren zu helfen Jetzt haben wir den Adobe
Media Encoder geöffnet. Lass uns
dieses Drop-down-Menü auswählen. Sie können es hier sehen,
es ist ein animiertes Geschenkformat. Sie können
es auch in ein H 264 exportieren, was ein normales Videoformat ist. Oder Sie können es als Geschenk exportieren. Es gibt eine Menge
verschiedener Formate, aber in diesem Fall werde
ich mich für ein animiertes Geschenk entscheiden. Und hier gibt es auch ein
Preset. Normalerweise ändern wir
keine der Einstellungen
in der Voreinstellung. Und es gibt auch einen
Ausgabeort. Lass uns
diesen hier auswählen. Ich mache einfach einen Output-Ordner und dann rufe ich diesen an. Das ist Arts. Lass uns auf „Sicher“ klicken. Jetzt ist es bereit, ausgenutzt zu werden. Ich klicke einfach
hier auf den Play-Button. Es verwandelt unsere Datei
in ein animiertes Geschenk. Nachdem es fertig heißt,
gehen wir hier zu meinem Ordner, gehen
wir zum Ausgabeordner. Und los geht's.
Das ist unser Geschenk. Wenn ich es kleiner mache, siehst
du, dass es ziemlich gut
aussieht. So exportieren wir
ein Video im Geschenkformat. Mal sehen, wie groß
es gerade ist. Wenn Sie es
direkt aus dem
Adobe Media-Encoder exportieren, wird
das Geschenk manchmal direkt aus dem
Adobe Media-Encoder exportieren, sehr groß sein Im Moment sind es 100 Megabyte,
was zu groß ist. Und wenn das nicht die Art
von Geschenk ist, die du willst, lass uns zu Photo gehen Wir können Photoshop öffnen und
dieses in Photoshop ablegen. Gehen wir zu File for Web. Ich möchte nur sehen, ob wir die Dateigröße verringern können ,
weil 100 Megabyte zu groß
für ein Geschenk Es wird das Fenster „Set for
Web“
einschalten und dann
sicherstellen, dass es auf Spenden eingestellt ist Wir haben diese
Einstellungen, mit denen wir
kontrollieren können , wenn die Größe zu groß ist. Eine Sache, die wir tun
können, ist , die
Gesamtgröße unserer Animation zu verkleinern Es muss nicht so groß sein. Wenn wir uns für 50% entscheiden, wird
es mit 675 Bit,
540, gerendert und das wird die Größe unseres Geschenks
erheblich reduzieren Sie können
hier sehen, dass mein Photoshop jetzt mit
50% der Originalgröße
rechnet, das Gewicht der Datei ist auf 16,51 Megabyte
gesunken Ich denke, das ist jetzt eine gute Größe. Wenn Sie es jedoch noch kleiner
machen möchten, können
Sie
all diese anderen Einstellungen
in Bezug auf die Farbe ändern . Wenn Sie nicht
viel Farbe in
Ihrer Animation haben , können Sie versuchen, vielleicht den
64-Farbbereich in
einen 32-Farbbereich umzuwandeln und zu sehen, ob
sich dadurch etwas ändert. Manchmal muss
man
die Qualität des Geschenks und das Gewicht
des Geschenks abwägen . In diesem Fall ändert sich nichts, sobald wir die Farbeinstellung auf
32 ändern. Alles sieht immer noch gleich aus. Das Gewicht
der Datei hat jedoch abgenommen. Auch das ist ein Gewinn für mich. Ich kann hier auch
all diese verschiedenen Einstellungen ändern. Sie können jeden ausprobieren und sehen ob wir immer noch
die gleiche Qualität beibehalten und gleichzeitig
die Dateigröße verringern können. Aber ich glaube, ich bin zufrieden mit dem,
was ich gerade habe. Ich kann einfach
auf Safe klicken und es
dann in
diesen Ausgabeordner exportieren. Nennen wir das hier. Nummer zwei. Gehen wir hier zu unserem Ordner. Das ist unser neues Geschenk, das 12 Megabyte groß ist Das ist eine gute Größe. Und dann ist
die Größe viel kleiner. Es ist halb so groß
wie mein ursprüngliches Geschenk. Das ist eine native Methode, wie wir sie als Geschenkformat exportieren können. Es gibt auch andere Plugins wie Gift
Gone und andere, die Sie
herunterladen und
in After Effects installieren können , um
Ihnen beim Exportieren der Geschenke etwas Zeit zu sparen. Meistens
verwende ich Photoshop, um es zu
optimieren, anstatt die Plugins zu
verwenden
und kehre zu der Zeit verwende ich Photoshop, um es zu
optimieren, anstatt die Plugins zu zurück, als wir den Export
mit dem Adobe Media Encoder hatten Sie können auch
auf diese Anzeige klicken, um anstelle des
Adobe Media-Encoders eine Queue zu rendern anstelle des
Adobe Media-Encoders eine Queue Auf diese Weise wird
alles in After Effects gerendert alles in After Effects gerendert Es wird keine
andere Software geöffnet. Das Problem dabei ist,
wenn
Sie hier rendern und die Renderzeit zu lange dauert, können
Sie in After Effects
nichts herausfinden . Es gibt immer Kompromisse, wenn wir hier auf diese
hohe Qualität klicken, wir haben in diesem Rendering nicht wirklich eine
Geschenkoption. den meisten Fällen können Sie jedoch
ein H 264-Video machen und dann
auf Okay klicken. Lassen Sie uns dieses Video
in meinen Ausgabeordner rendern. Nennen Sie das einfach, Das ist Teil P vier und klicken Sie auf Rendern. Jetzt bekommen wir
dieses MP Four-Video. Wir können dieses Video in
Photoshop öffnen und dann auf die
gleiche Weise, wie wir es gerade getan haben, für das Web speichern. Dann können wir unser Geschenk
in diesem Fenster wieder optimieren. Ordnung,
das sind die beiden Möglichkeiten, wie wir unser Geschenk exportieren und
optimieren
können. Diese beiden Möglichkeiten
geben Ihnen ein gewisses Maß an Kontrolle über Ihre Qualität
und auch über die Dateigewichte. Sie können sie testen und
herausfinden , welcher Weg für Sie
besser funktioniert. Das war's mit dieser Lektion. Wir sehen uns im nächsten Video.
20. Glückwunsch!: Grass am Ende dieses Kurses. Ich hoffe, Sie hatten genauso
viel Spaß beim Animieren dieser Typografie wie ich Diese Animationen bieten so viele
Möglichkeiten. Sie können die Schriftarten anpassen , um ein vollständiges,
anderes Erscheinungsbild zu Sie können sogar
einige Texturen und
vielleicht einige
Grading-Farben und einige Handschuhe hinzufügen vielleicht einige
Grading-Farben und einige Seien Sie einfach kreativ und sehen Sie,
welchen Stil Sie durch die Kombination
einiger dieser Techniken Ich hoffe, dass
Sie von hier aus einige
Ihrer
Animationsprojekte fertigstellen und sie in
den Projektbereich
dieses Kurses hochladen können, um sie mit Ihren
Kommilitonen zu teilen und Feedback zu erhalten. Mein Ziel für diesen
Kurs ist es,
Ihnen die verschiedenen
Techniken zu zeigen , mit denen wir diese Typografie
animieren können , und die Möglichkeiten aufzuzeigen, die sich durch
Abwechslung ergeben Wenn dir dieser Kurs gefällt,
vergiss nicht, mir eine Bewertung zu hinterlassen Ich freue mich über Ihr Feedback und darüber, wie Ihnen dieser Kurs geholfen
hat. Wenn Sie After
Effects noch nie verwendet haben. Ich hoffe, dieser Kurs verändert die
Spielregeln und zeigt Ihnen ,
dass Schwefel selbst nicht so schwer zu erlernen
ist und Animationen
leicht zu erlernen sind Ich hoffe, dieser Kurs
wird Sie dazu inspirieren mehr über Motion
Design im Allgemeinen
zu lernen Wir haben auch einen
YouTube-Kanal, auf dem wir Tipps,
Tricks und Techniken zur Animation
teilen. Jede Woche kannst du uns bei
Motion Circles auf
Youtube und Instagram folgen . Wenn Sie während des
Kurses Fragen haben, zögern Sie nicht, mich zu fragen. Ich bin hier, um
all Ihre Fragen zu beantworten und Sie
dabei zu beraten. Vielen Dank, dass Sie den
Kurs besucht haben. Wir sehen uns im nächsten.