Animiertes Lettering in Adobe After Effects | Megan Friesth | Skillshare
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Animiertes Lettering in Adobe After Effects

teacher avatar Megan Friesth, Motion Designer

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Willkommen

      1:19

    • 2.

      Inspiration

      0:41

    • 3.

      Kursprojekt

      0:57

    • 4.

      Erste Schritte mit Illustrator

      4:04

    • 5.

      Buchstaben nachzeichnen

      6:09

    • 6.

      Den Pfad deiner Briefe anpassen

      9:57

    • 7.

      Vorbereitungen für die Animation

      4:00

    • 8.

      Hinzufügen von Verbindungen und Erweiterungen

      1:16

    • 9.

      Importieren von KI-Dateien in AE

      4:21

    • 10.

      Pfade trimmen

      5:20

    • 11.

      Non-Script-Lettering

      5:51

    • 12.

      Entspannung

      5:51

    • 13.

      Verbindungen und Erweiterungen animieren

      8:29

    • 14.

      Textur hinzufügen

      9:30

    • 15.

      Importieren einer .psd-Datei

      5:48

    • 16.

      Textur-Lettering animieren

      7:21

    • 17.

      Maskierung

      1:59

    • 18.

      Farben hinzufügen

      4:23

    • 19.

      Abgangs-Animation

      8:39

    • 20.

      Exportieren (Rendering)

      4:40

    • 21.

      Aufarbeitung

      0:32

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

3.740

Teilnehmer:innen

52

Projekte

Über diesen Kurs

Lerne, wie du mit Adobe Illustrator und After Effects einen Text zum Schreiben oder eine Handlettering-Animation zum Schreiben erstellst.

Eine solche ausdrucksstarke Form von Kunst beschriften. Das Hinzufügen von Animation kann deinen Lettering wirklich auf die nächste Stufe bringen.

Animierter Schriftzug ist nicht nur für Handletterer. Animierter Text kann auf so viele Arten verwendet werden...

  • Erklärvideos
  • kinetische Typografievideos
  • Musiklyrikvideos
  • Logos
  • untere Drittel
  • Titelsequenzen
  • Digitale Grußkarten (Gifs als Text an deine Freunde)
  • Websites
  • Dein Handlettering in den sozialen Medien hervorheben

Animation ist nicht nur eine super nützliche Technik, sondern auch eine großartige Möglichkeit, Animation in Adobe After Effects zu lernen. Dieser Kurs ist für totale Anfänger konzipiert. Du musst nicht einmal ein Handletterer sein!

Du lernst Folgendes: 

  • das Stift-Tool verwenden, um ein Letteringdesign zu zeichnen oder nachzuzeichnen
  • deinem Lettering eine Textur hinzufügen
  • Deinen Lettering für die Animation vorbereiten
  • deinen Lettering mit Trimmpfaden animieren
  • Beschriftung mit einer Textur mit Trimmpfaden und Masken animieren
  • Buchstabenverbindungen und Erweiterungen für eine interessantere Animation animieren
  • Animiere deinen Lettering schnell und effizient
  • Füge deiner Lettering-Animation mehrere Farbschichten hinzu
  • Exportiere (rendern) deine Lettering-Animation als .mov, .mp4 und .gif, damit du deine Arbeit zeigen kannst

Plus Tonnen von zeitsparenden Tipps!

Wenn du After Effects noch nie verwendet hast, kannst du es hilfreich finden, mein kostenloses Orientierungsvideo und meine Anleitung zuerst zu überprüfen.

Was du brauchst:

  • Adobe Illustrator
  • Adobe Photoshop (wenn du deinem Design eine Textur hinzufügen möchtest)
  • Adobe After Effects
  • Adobe Media Encoder (wenn du ein .mp4 oder .gif exportieren möchtest)

Bonusvideo:

Nach diesem Kurs sieh dir an:

Online findest du mich hier:

Meine Webseite

Instagram

Pinterest

YouTube

Triff deine:n Kursleiter:in

Teacher Profile Image

Megan Friesth

Motion Designer

Top Teacher

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations-that is educational animations-and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrator or After Effects, I love traveling, running, skiing, yoga, and gardening.

Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Willkommen: Willkommen bei animierten Schriftzügen in After Effects. Schriftzug ist eine so ausdrucksstarke Form der Kunst und das Hinzufügen von Animationen kann sie wirklich auf die nächste Ebene bringen. Hi. Ich bin Megan Friesth, ein Motion Designer und Illustrator aus Boulder, Colorado. Animierte Schriftzüge sind nicht nur für Handbuchstaben geeignet. Es gibt so viele Einsatzmöglichkeiten für animierte Texte von Erklär-Videos, kinetische Typographie-Videos, Musiklyrik-Videos, Logos, Unterdrittel, Titelsequenzen, digitale Grußkarten, Webseiten und natürlich, um Ihren Schriftzug zu gestalten heben sich in den sozialen Medien ab. Animierter Text ist nicht nur eine super nützliche Technik, sondern auch eine gute Möglichkeit, Animationen in After Effects zu lernen. Deshalb habe ich diesen Kurs für Anfänger konzipiert. Du musst nicht mal ein Handbuchbrief sein. Ich zeige Ihnen, wie Sie Adobe Illustrator verwenden, um einen Brief und ein Design zu verfolgen oder zu zeichnen. Wir werden Photoshop auch verwenden, um unseren Schriftzug eine Textur hinzuzufügen. Dann springen wir in After Effects, um es zu animieren. Wenn Sie noch nie After Effects verwendet haben, kann die Benutzeroberfläche einschüchternd aussehen. Mach dir keine Sorgen. Sie müssen einen Bruchteil dessen wissen, was in dieser leistungsstarken Software möglich ist , um eine atemberaubende Beschriftung Animationsstück zu erstellen. Es ist alles hier in diesem Kurs enthalten. Nachdem Sie mit diesem Kurs fertig sind, Sie bereit, fortgeschrittenere Animationskurse anzugehen. Wenn du bereit bist, etwas Schriftzug zu bewegen, lass uns loslegen. 2. Inspiration: Die Beschriftungstechnik, die ich Ihnen in dieser Klasse zeigen werde, ist eine super nützliche Möglichkeit, alle verschiedenen Schriftstile zu animieren. Hier sind ein paar Beispiele. Beachten Sie, dass in allen diesen Beispielen die Linienstärke der Buchstaben durchgehend konsistent ist. Dies wird Monolin-Schriftzug oder Monolin-Abschlussball genannt. Die Beschriftungstechnik, die ich Ihnen in dieser Klasse zeigen werde funktioniert am besten mit Buchstaben, die eine einheitliche Linienstärke haben. Natürlich bedeutet dies nicht, dass Sie Schriftzug mit variabler Dicke nicht animieren können , aber das ist ein Thema für eine andere Klasse. Auf Pinterest findest du jede Menge Inspiration. Sie werden feststellen, dass die Beschriftungstechnik für eine Menge von kinetischen Typ grundlegend ist. Ich werde einen Link zu meinem Pinterest-Board mit animierten Texten in einer Notiz in diesem Video setzen. 3. Kursprojekt: Wählen Sie für das Klassenprojekt ein Verb, das ist etwas, das Sie tun möchten, und ein Substantiv, das ist der Ort, an dem Sie dieses Ding gerne machen möchten. Erkunden Sie zum Beispiel Colorado oder Ski Winter Park oder surfen Sie Costa Rica oder Netflix auf meiner Couch. Sie können Ihre Schriftzug-Animation auf ein Foto setzen oder auch Illustrationen oder Akzente hinzufügen, wenn Sie möchten. Wenn Sie etwas anderes im Kopf haben, das Sie animieren möchten, aber nicht zum Thema passt, ist das auch völlig in Ordnung. Vergessen Sie nicht, Ihren endgültigen animierten Schriftzug im Klassenprojekt zu posten. Fühlen Sie sich frei, Ihre Arbeit auf dem Weg zu posten, wenn Sie Feedback wünschen. Sie können sich jederzeit auf der Community-Seite wenden, wenn Sie Fragen haben. Ich zeige Ihnen zwei verschiedene Workflows, um Ihren Schriftzug mit der Beschriftungstechnik zu animieren. Für die erste Technik verwenden wir Illustrator, um entweder das Design zu zeichnen oder ein Foto Ihres Handschriftzugs zu verfolgen. Sie können sogar eine Schriftart verwenden, wenn Handschriftzug nicht Ihr Ding ist. Bei der zweiten Technik werden wir Photoshop verwenden, um dem Design eine Textur hinzuzufügen. Beide Techniken werden wir in After Effects animieren. 4. Erste Schritte mit Illustrator: Zuerst möchte ich Ihnen zeigen, wie Sie Ihren Schriftzug in Illustrator erstellen. Ich werde gehen und eine neue Datei starten. Akte, neu. Ich werde mein Artboard auf 1920 x 1080 Pixel setzen. Aber Sie können eine andere Größe machen, wenn Sie möchten, stellen Sie sicher, dass es eine anständige Größe ist. Dann möchte ich auch sicherstellen, dass mein Farbmodus auf RGB eingestellt ist , da dies digital sein wird. Ich habe nicht vor, es auszudrucken. Sie können diese in den erweiterten Farboptionen finden, wenn Sie nicht möchten, dass bereits festgelegt. Dann gehen Sie einfach voran und klicken Sie auf Erstellen. Ich habe eine neue Kunsttafel. Es gibt ein paar verschiedene Möglichkeiten, wie Sie das machen könnten. Das Endziel ist, dass Sie für jeden Buchstaben eine Linie zeichnen möchten, oder wenn Ihre Buchstaben verbunden sind, kann es sich um eine Zeile handeln, die Sie in Nachwirkungen animieren können. Grundsätzlich wollen wir nur eine Zeile unserer Buchstaben, die keine Füllung hat. Es ist nur eine Linie mit einer einzigen Dicke. Wir werden das verwenden, um in After-Effekten zu animieren. Es gibt ein paar Möglichkeiten, wie du anfangen könntest. Wenn Sie ein Handletterer sind, haben Sie das vielleicht zuerst auf Papier gezeichnet. Sie können ein Foto aufnehmen oder in Ihrem Handschriftzug scannen und dann das Foto in den Illustrator ziehen. Ich bin selbst nicht so sehr ein Handbuchbrief, aber ich habe das wirklich schnell gemacht, um dir zu zeigen, was ich meine. Ich habe dieses Foto gezogen und Sie können es ändern. Stellen Sie sicher, dass Sie die Umschalttaste gedrückt halten, wenn Sie die Größe ändern, um die Proportionen zu beschränken. Dann, was Sie tun möchten, ist es auf einer eigenen Ebene zu haben. Wenn Sie das Ebenenfenster oder eines dieser Panels, die ich hier verwende, nicht sehen. Sie können jede von ihnen unter Fenster finden und Sie werden sie hier sehen. Ich habe diese Schicht mit meinem Foto. Ich werde nur das Schloss-Symbol hier neben dem Augapfel treffen. Das wird sicherstellen, dass ich mein Schriftzug Foto nicht versehentlich verschieben kann. Dann werde ich auf diese Schaltfläche „Neue Ebene erstellen“ am unteren Rand meines Ebenenbedienfelds klicken, um eine neue Ebene zu erstellen. Dann kann ich anfangen, mit dieser neuen Schicht zu verfolgen. Ein Tipp, wenn Sie ein Foto von Ihrem Schriftzug machen , ist, dass es wirklich hilft, ein paar Gitter zu haben wie diese Punkte hier, so dass Sie sicherstellen können, dass Sie Ihre Kamera oder Ihr Telefon bis zu Ihrem Schriftzug halten . Nicht in einem komischen Winkel. Wenn Sie kein Foto haben, ist das völlig in Ordnung. Ich werde das einfach löschen. Ich werde dieses Foto eigentlich nicht benutzen, weil es nicht so toll ist. Ein anderer Weg, den Sie tun könnten, ist, Ihre Briefe mit der Maus zu zeichnen, wenn Sie wirklich gut mit der Maus sind, oder vielleicht haben Sie eine wacom Tablette. Sie können dieses Bleistift-Werkzeug direkt hier verwenden, um einfach Ihre Buchstaben zu zeichnen. Das wird eine Linie mit einem Strich und ohne Füllung machen. Wenn dies nicht der Fall ist, können Sie immer reingehen und es hier anpassen. Diese geschrägte Linie bedeutet keine Füllung. Dann habe ich hier einen schwarzen Strich und Sie können hier die Strichstärke einstellen. Natürlich ändern Sie die Farben, wenn Sie möchten. Der letzte Weg, dies zu tun, wenn Sie nicht wollen, um Ihre Buchstaben freie Form auf dem Computer oder von Hand zu zeichnen, ist, dass Sie tatsächlich eine Schriftart verwenden können. Ich gehe einfach zum Typwerkzeug hier und klicke auf, um mit der Eingabe zu beginnen. Dann tippe ich einfach ein, was ich will. Dann klicke ich erneut auf das Auswahlwerkzeug, damit mein Schriftzug ausgewählt wird. Dann werde ich nur Schicht halten und das größer machen. Hier können Sie auch die Schriftgröße anpassen. Ich werde die Schrift Montebello benutzen. Dann werde ich sicherstellen, dass dies auf meine Kunsttafel zentriert ist. Ich gehe einfach zu diesen ausgerichteten Werkzeugen. Wenn Sie sie hier oben nicht sehen, befinden sie sich auch unter dem Ausrichtungsfenster, das Sie unter Fenster finden können. Ich werde mich an meine Kunsttafel ausrichten. Mit diesem Symbol können Sie auswählen, woran Sie ausgerichtet sind. So seltsam, an unserem Board ausgerichtet und dann zentriere ich mich horizontal und vertikal. Dann werde ich diese Ebene sperren und eine neue Ebene starten. Ich drücke die Sperrschaltfläche neben dieser Ebene drücke unten auf das Symbol für die neue Ebene. Jetzt habe ich eine neue Ebene, in der ich anfangen kann, diese Buchstaben zu verfolgen , um einen Strich zu erstellen, den ich animieren kann. 5. Buchstaben nachzeichnen: Zunächst einmal werde ich meine Farben so einstellen, dass sie einen Strich haben, und ich werde die Farbe von Schwarz ändern, damit ich tatsächlich sehen kann, was ich tue. Nun, um zu verfolgen, denke ich, dass es am einfachsten ist, das Stift Werkzeug zu verwenden. Das Zeichenstift-Werkzeug hat eine kleine Lernkurve, wenn Sie es noch nie verwendet haben. Aber ich würde dringend empfehlen, dies zu praktizieren, weil es so ein leistungsfähiges Werkzeug sein kann. Gehen Sie in Ihr Stift-Werkzeug hier oben oder drücken Sie „P“ auf der Tastatur. Um dann eine Linie mit dem Zeichenstift-Werkzeug zu erstellen klicken Sie, um einen Punkt zu machen, und halten Sie die Maus gedrückt, Sie gehen, um diese Griffe zu sehen. Jetzt werden diese Ziehpunkte tangential zu der Linie, die Sie zeichnen. Das wird mehr Sinn machen, wenn man einfach reingeht und es ausprobiert. Ich werde klicken, halten, ziehen Sie die Griffe heraus, dann lassen Sie los, und wiederholen Sie das dann, also klicken und ziehen. Sie können sehen, wenn ich diese Griffe ziehe, ihre Anpassung an die Stelle, an der meine Kurve auf meiner Seite landet. Wenn ich mit der Kurve zufrieden bin, kann ich loslassen und einfach weitermachen. Sie müssen diese Kurve nicht perfekt machen. Sie müssen es nicht genau an Ihren Briefen ausgerichtet haben denn es ist wirklich einfach, zurückzugehen und Dinge zu ändern. Ich klicke einfach weiter, ziehe heraus und schiebe es dort hin. Es ist völlig in Ordnung, wir können zurückgehen und Dinge reparieren. Vergewissern Sie sich, dass Sie die Buchstaben so verfolgen, wie sie animiert werden sollen. Ich möchte, dass diese Briefe so animiert werden, als würdest du sie mit einem Bleistift auf Papier schreiben. Wenn ich zu diesem e komme, möchte ich sicherstellen, dass ich zuerst hier herumgehe und dann bis zu diesem e. Ich werde diese Kurve so machen müssen. Wenn ich an die Spitze dieses T komme, möchte ich mich einfach umdrehen und den Weg zurückkehren, den ich kam. Wenn Sie bemerken, habe ich ein Pluszeichen neben meinem Stiftwerkzeug. Das bedeutet, dass ich einen Punkt auf meiner Linie hinzufügen werde und das ist nicht das, was ich tun möchte. Ich muss nur ein wenig weiter weg von meiner Linie gehen, damit ich einen neuen Punkt machen kann. Wenn Sie keine Kurven wie oben in diesem t möchten, müssen Sie nur klicken und nicht ziehen. Also, dann haben Sie nicht diese Griffe, dann macht nur einen scharfen Wendepunkt. Sie können auf diesem sind r Ich wollte die Kurve hier sehen, aber ich will nicht, dass es eine Kurve an der Spitze hier haben. Was ich tun kann, ist einfach noch einmal auf meinen Punkt zu klicken und es wird den Griff wegnehmen. Ich werde das Gleiche wieder auf dem g tun, wo ich auf den Punkt klicke und dann den Weg zurückgehen, den ich kam, weil das ist, wie Sie auf einem g zeichnen würden. Ich werde nicht in der Lage sein, dies genau das erste Mal zu bekommen , aber das ist okay, ich kann zurück und Passen Sie die Punkte an. Dann, um Ihre Linie zu beenden, können Sie einfach „Return“ auf Ihrer Tastatur drücken. Wenn Ihre Briefe etwas mehr so aussehen, werden Sie sie auch verfolgen wollen, aber es gibt ein paar kleine Tipps, die Ihnen helfen werden. Ich werde das Stift-Werkzeug verwenden und dann werde ich gehen und einfach klicken, um Punkte zu machen. Ich muss nicht klicken und halten, weil ich nicht möchte, dass es sich um gekrümmte Linien handelt. Jetzt, wenn ich diesem A auf den Grund komme, weiß ich, dass ich möchte, dass dieser Punkt mit diesem anderen Punkt auf der anderen Seite des A Es ist hilfreich zu wissen, wo genau ich diesen Punkt setzen sollte. Eine Sache, die Sie tun können, ich werde nur diese Zeile löschen, ist zu „View“ und „Smart Guides“ gehen oder „Command U“ drücken. Wenn ich dann diesen Weg mache, wird es mir eine kleine Indikatorlinie geben, die rosa ist, die mir zeigt, dass ich mit dem anderen Punkt aufgereiht bin, so dass das super hilfreich sein kann. Dann werde ich „Enter“ sagen, um die Zeile zu beenden. Dann können Sie für gerade Linien einfach „Shift“ halten, also halten Sie „Shift“ gedrückt, um eine gerade Linie zu machen. Dann konnte ich diesen Punkt nicht richtig auf diesen Pfad setzen, weil Illustrator denken würde, dass ich diesem Pfad einen Punkt hinzufügen möchte. Ich habe es nur ein wenig kürzer gemacht und dann nehme ich einfach das Direktauswahlwerkzeug und halte „Shift“ gedrückt. Ich verlängere diese Linie, indem ich sicherstelle, dass sie gerade ist, indem du „Shift“ gedrückt hältst. Dann können Sie das mit allen restlichen Layern fortsetzen. Wenn Sie doppelte Buchstaben haben, können Sie sie einfach kopieren und einfügen. Ich werde klicken und ziehen, um alles in diesem Bereich auszuwählen. Dann halte ich die „Option“ -Taste gedrückt, während ich das über ziehe und halte auch „Shift“ gedrückt, so dass ich es in der Schlange halte. Dann werde ich einfach loslassen und ich habe ein dupliziertes A, ich musste es nicht neu zeichnen. Wenn Sie nun zu einer vorhandenen Linie hinzufügen möchten, wenn Sie mit dem Zeichenstift-Werkzeug den Mauszeiger über einen Punkt bewegen, sehen Sie einen kleinen Schrägstrich und das bedeutet, dass Sie zu einem vorhandenen Punkt hinzufügen. Eine andere Technik, die Sie verwenden können, wenn Sie Buchstaben haben, die schöne gerundete Teile haben, ist, dass Sie das Rechteck-Werkzeug verwenden können. Ich werde auf diesem D demonstrieren. Mit dem Rechteck-Werkzeug werde ich nur ein Rechteck in etwa die Form meines D zeichnen . Dann können Sie mit dem Direktauswahl-Werkzeug die Ecken hineingehen und umrunden. Wenn ich alle Ecken umrunden werde, kann ich eine O-Form machen. Aber wenn ich nur um ein paar der Ecken will, wählen Sie die Ecke und dann drücken Sie „Shift“ und wählen Sie die andere Ecke, die Sie wollen, und dann können Sie einfach diese Ecken ziehen. Dann geht es um die Form meines D, aber ich kann immer hineingehen und diese Griffe anpassen. 6. Deinen Pfad anpassen: Um den Pfad anzupassen, den Sie gerade gezeichnet haben, gehen Sie zum Direktauswahlwerkzeug, das ist die weiße Pfeiltaste oder die Tastenkombination ist A. Dann können Sie sich um jeden Ihrer Punkte bewegen, um sie anzupassen, und Sie können tatsächlich vergrößern, indem Sie Befehl und die Plus-Taste, um näher an Ihre Briefe zu kommen. Nun, bevor ich reingehe und meine Zeile anspreche, werde ich sie tatsächlich dicker machen, also enger an meiner Schrift ausgerichtet. Ich gehe einfach in das Konturfenster und erhöhe die Dicke, bis es enger ausgerichtet ist. Lass uns mit 30 gehen, eine schöne gerade Zahl. Nun, das erste, was Sie bemerken werden, ist, dass die Enden meiner Linie ein scharfes Ende sind, während die Schriftart ein schönes gekrümmtes Ende hat. Was ich tun kann, ist einfach die Kappe hier unter Schlaganfall zu wechseln, von Hinterkappe auf runde Kappe. Dann auch auf dem t, wo ich eine scharfe Wende habe, habe ich eine gerade Linie und ich möchte, dass sie wie die Schrift gekrümmt wird. Unter Ecke werde ich einfach von der harten Ecke in die runde Ecke schlagen. Nun, eine andere Sache, die ich tun kann, um mein Leben hier ein wenig einfacher zu machen, wenn ich die Buchstaben anpasse , ist, diese Zeile, die ich gezeichnet habe, etwas transparent zu machen, damit ich den Text darunter sehen kann. Ich wähle es einfach mit meinem Auswahlwerkzeug aus und dann hier oben, wo Sie Deckkraft sehen, ändern Sie das einfach in 50 Prozent. Jetzt kann ich es teilweise durchsehen. Jetzt gehe ich mit meinem direkten Auswahlwerkzeug oder/und der Tastatur ein und passe einfach die Punkte so an, dass meine Buchstaben ein wenig mehr mit dem Text aufgereiht sind. Sie können hier kreative Freiheit nehmen, wenn Sie ein wenig davon ausgehen wollen , wie Ihr Text ist, sagen Sie auf diesem L, ich möchte dies zu einer größeren Schleife hier unten machen, weil ich denke, das könnte cool sein, zu animieren. Ich kann das tun, wenn ich will. Sie können so viel oder so wenig Zeit verbringen, wie Sie wollen, um Ihren Weg anzupassen, perfekt Ihr Weg ist, wieperfekt Ihr Weg ist, ist völlig von Ihnen überlassen, aber Ihr Weg ist, was Sie animiert sehen werden. Textebene wird nicht angezeigt. Jetzt werden Sie feststellen, dass Sie manchmal einen Punkt an einem wirklich präzisen Ort setzen möchten, aber Sie bekommen das Einrasten, und es macht es schwierig, es genau dort zu bekommen, wo Sie es wollen. Wenn Sie unter Ansicht gehen, müssen Sie möglicherweise Pixel fangen oder an Punkt ausrichten. Manchmal kann das Fangen an Punkt nützlich sein, wenn Sie zwei dieser Punkte zusammen fangen möchten, manchmal aber nicht. Wenn es für Sie nicht nützlich ist, können Sie es ausschalten. Normalerweise mag ich es nicht, Pixel anzuschnappen, weil ich etwas genauer sein möchte. Ich werde das vorerst ausschalten. Wenn Sie der Linie einen Punkt hinzufügen möchten, können Sie die Plus-Taste auf der Tastatur drücken oder zum Stift-Werkzeug gehen, klicken und halten, und dann finden Sie das Werkzeug Ankerpunkt hinzufügen. Dadurch können Sie nur einen Punkt zu Ihrem Pfad hinzufügen, und dann können Sie A drücken und gehen und diesen Punkt anpassen. Angenommen, Sie haben einen Punkt hinzugefügt, den Sie nicht wirklich wollen, Sie können die Minus-Taste drücken oder auch das Werkzeug Ankerpunkt löschen unter dem Stift-Werkzeug finden, und dann können Sie einfach hineingehen und diesen Punkt löschen. Sobald Sie Ihren Schriftzug verfolgt und angepasst haben, gehen Sie zurück und stellen Sie sicher, dass Sie keine der kleinen Striche auf den ts oder Punkten auf dem i und solche Dinge verpassen . Für den Punkt auf dem i gehen Sie einfach in das Ellipsenwerkzeug. Sie dann Shift gedrückt halten, werde ich einen perfekten Kreis zeichnen, indem Sie einfach klicken und ziehen. Nun, das machte einen Kreis mit einem Strich und ohne Füllung, aber ich werde es eigentlich umgekehrt wollen, und ich werde das in After Effects anders animieren. So etwas. Dann für die ts, diese haben nur zwei gerade Kreuze, aber da ich zwei ts zusammen habe, denke ich, es wäre cool, ein verbundenes Kreuz auf diesen ts zu haben. Ich gehe einfach zurück in mein Stiftwerkzeug und ziehe einfach etwas heraus. Ich muss sicherstellen, dass dies kein Feld hat, aber es hat einen Schlaganfall. Was ich tatsächlich tun kann, ist i in der Tastatur zu drücken oder das Pipette-Werkzeug zu verwenden, und dann wählen Sie einfach den Schriftzug, den ich verfolgt habe , und das kopiert das Styling, das ich auf diesem Weg, den ich gerade gezeichnet habe. Es sieht ein wenig lustig aus, weil diese ts ein wenig kurz sind. Ich werde sie nur größer machen. Ich werde beide Punkte auswählen , indem Sie die Umschalttaste gedrückt halten und dann auf den zweiten klicken, und dann ziehe ich sie einfach beide nach oben. Aber ich werde versuchen, den gleichen Winkel aufrechtzuerhalten, in dem sie sich befinden. Dann ziehe ich das vielleicht nur ein kleines bisschen nach oben. Das sieht gut aus. Sie können Ihre Textebene immer ausblenden, damit Sie sehen können, wie Ihr Schriftzug ohne den Text aussieht. Sie könnten feststellen, dass es einige kleine Probleme hat, wie diese Linie ist eine seltsame Kurve genau hier. Ich geh einfach wieder rein und passe das an. Ich gehe zurück zu meiner Schriftzug-Ebene und ändere diese zurück in eine 100-prozentige Deckkraft. Ich werde meinen Referenz-Layer wieder ausblenden. Dann werde ich einen Hintergrund hinzufügen. Ich gehe einfach zu meinem Ellipsenwerkzeug, klicke und halte gedrückt, und du wirst das Rechteck-Werkzeug sehen. Sie können auch einfach M auf der Tastatur drücken. Dann werde ich einfach irgendwo auf meinem Kunstbrett klicken, und es wird diese kleine Box bringen, und Sie können die Dimensionen eingeben, die Sie wollen, und drücken Sie „OK“. Sie könnten auch einfach klicken und ziehen, um eine Box zu zeichnen, aber auf diese Weise weiß ich, dass es genau die gleiche Größe wie mein Artboard haben wird. Dann kann ich es zentrieren und dann ändern, so dass es anstelle eines Strichs eine Füllung hat, dann würden wir hineingehen und diese Farbe ändern. Moment befindet sich mein Rechteck auf meiner Schriftzug-Ebene, also werde ich nur eine neue Ebene erstellen, meinen Schriftzug hineinziehen, indem ich hier auf dieses kleine Quadrat klicke und es nach oben ziehe, und dann ziehe ich diese Ebene nach unten. Dann kann ich doppelklicken und diesen Hintergrund einfach benennen. Dann diese Ebene, die meinen Schriftzug hat, werde ich die Schriftfarbe auf weiß ändern. Dann ändere diesen Punkt auf dem i auch in weiß. Ich bin eingegangen und habe meinen Pfad der Block-Layer angepasst. Jetzt wirst du hier ein paar Dinge sehen. Auf diesem n, ich bin ein bisschen weg. Zuerst werde ich das nur beheben, indem ich diese beiden Ankerpunkte auswähle, indem ich die Umschalttaste zwischen dem Klicken gedrückt halte und dann die Pfeiltasten auf der Tastatur um diese Punkte nur ein wenig über. Du wirst sehen, dass ich die Ecken in eine abgeschrägte Ecke verwandelt habe. Sie können auch eine spitze Ecke wie diese haben, aber dann erstreckt es sich wirklich weit über den Buchstaben hinaus, oder Sie können um Ecke haben. Ich mag die abgeschrägten Ecken nicht wirklich, also werde ich meine in runde Ecken umstellen. Aber was Sie bemerken werden, ist, dass die runden Ecken über die Buchstaben hinausgehen. Lassen Sie mich zuerst alles in eine runde Ecke und eine runde Kappe umwandeln. Es sieht so aus, als wären einige meiner Briefe etwas kürzer A und A kürzer. Ich gehe rein und mache etwas mehr Anpassungen. Eine Sache, die wirklich hilft, wenn Sie versuchen, Dinge alle aufgereiht zu bekommen , ist die Verwendung von Guides. Ich werde Command R auf meiner Tastatur drücken, um die Lineale aufzurufen. Sie werden die um meine Kunsttafel sehen. Wenn Sie dann auf dem Lineal klicken und ziehen, können Sie eine Richtlinie herunterfahren. Ich werde diese Richtlinie an den unteren Rand meines Textes bringen. Wenn Sie dann Ihren Guide nach unten platzieren, ist er möglicherweise gesperrt und Sie können ihn nicht verschieben. Wenn Sie sich entscheiden, dass Sie ihn verschieben möchten, können Sie den Guide ausführen und dann Hilfslinien entsperren. Jetzt können Sie es anpassen. Ich werde es an die Unterseite meiner E und D legen, und dann werde ich einfach alle diese Ankerpunkte nehmen und sie einfach nach oben bewegen, so dass die Kante der Kurve mit der Richtlinie ausgerichtet ist. Vielleicht schiebe ich einfach mein ganzes A nach oben. Dann oben, werde ich einfach das A nach oben bewegen, damit es mit dem T ausrichtet. Du wirst sehen, dass ich losgehe, wie die Schrift aussieht. Das ist okay, denn niemand wird die Schrift sehen. Ihre Guides, wenn sie nicht gesperrt sind, können Sie sie nicht wirklich verschieben. Ich gehe zurück und sperre die Führung, und dann beenden Sie einfach die Anpassung meiner Ebenen. Vergessen Sie nicht, dass Sie Ihre Pfeiltasten verwenden können, um Dinge an Ort und Stelle zu schieben. Ich werde dieses A löschen und dieses andere A kopieren. Nun, stellen wir sicher, dass meine Briefe oben aufgereiht sind. Ich ziehe einfach eine neue Führung nach unten, richte sie oben auf den D und E und ich werde mich weiter anpassen. Ich bin damit zufrieden. Ich kann einfach meine Referenztextebene löschen. Dann kann ich einfach alle diese auswählen, indem ich klicke und ziehe, um die Farbe aller von ihnen zu ändern. 7. Vorbereiten für die Animation: Das letzte, was ich hier in Illustrator tun muss, um dies für die Animation vorzubereiten, besteht darin , jedes Stück, das ich animieren möchte, in eine eigene Ebene zu trennen. Für diesen Text sind alle meine Briefe miteinander verbunden, so dass ich nicht so viele Stücke haben werde, wie ich würde, wenn meine Briefe nicht verbunden wären, sie waren nicht kursiv. Moment werde ich nur diese Schriftzug-Schicht haben, die im Grunde alle meine Buchstaben hat und dann möchte ich mein Kreuz und mein T in eine neue Schicht setzen. Ich klicke einfach auf die Schaltfläche „Neue Ebene“, ziehe sie nach oben, und doppelklicke dann, um sie zu benennen, und dann mache ich dasselbe mit dem Augenpunkt. Dann der Rest davon, ich werde nur Schriftzug nennen. Sie können den Referenztext-Layer löschen, wenn Sie möchten, oder Sie können ihn dort behalten, wenn Sie ihn lieber später als Referenz beibehalten. Wenn Sie mit Buchstaben arbeiten, die nicht kursiv sind, sie sind nicht verbunden, dann möchten Sie jeden Buchstaben in eine eigene Ebene oder sogar jeden Teil jedes Buchstabens in eine eigene Ebene aufteilen. Ich werde in meine eine Ebene gehen, die ich hier habe und einfach hier drüben klicken und du wirst ein kleines Quadrat bekommen und dann wirst du zu diesem Hamburger-Menü direkt darüber gehen und dann nach unten gehen, um Ebenen zu veröffentlichen Sequenz und jetzt werden Sie sehen, dass es jedes einzelne Stück in einer eigenen Ebene freigegeben hat. Aber alle diese Layer sind unter dieser Ebene 2 verschachtelt. Das erste, was ich tun muss, ist alles, was unter Ebene 2 ist, zu nehmen und es über Ebene 2 nach oben zu ziehen. Das ist wirklich wichtig, Sie möchten nicht, dass eine Ihrer Ebenen verschachtelt wird, da sie in After Effects alle noch unter einer liegen -Layer und wir möchten, dass sie alle separaten Ebenen sind. Jetzt werden Sie sehen, dass ich diese Ebene 2 habe, die nichts enthält, also kann ich sie einfach löschen. Dann habe ich jedes Stück in seiner eigenen Ebene und ich werde jedes davon separat animieren und es ist tatsächlich meine Führungsschichten in ihre eigenen Ebenen als auch und ich brauche diese Führungen nicht mehr, also werde ich nur diese auswählen und Löschen Sie sie. Dann gehe ich in und benenne jeden Teil meines Briefes und stelle sicher, dass die Ebenen in der Reihenfolge sind , in der ich sie animieren möchte, nur um organisiert zu werden und es einfacher zu machen, wenn ich zu animieren gehe. Ich möchte sicherstellen, dass dieses A zuerst ist und ich werde dieses A nennen und dann wird dies ein Querbalken sein. Wenn Sie dann doppelte Ebenen haben, benennen Sie sie einfach A2 oder was auch immer der Buchstabe ist und dann A2 Querbalken, und stellen Sie sicher, dass Sie diese Datei speichern. Wenn Sie in After Effects zwischen Illustrator oder Photoshop arbeiten, ist es sehr hilfreich, alle Dateien für ein Projekt in demselben Ordner oder einer Gruppe von Ordnern zu haben . Ich werde das einfach in einem neuen Ordner namens Lettering Animation speichern und diesen Schriftzug benennen und dann werde ich auch in einen neuen Ordner namens AI einfügen, so dass ich alle meine Illustrator-Dateien in einem Ordner haben würde. Dann erstelle ich später auch einen Ordner in der gleichen Ebene, die AE für alle meine AAfter Effects Dateien heißt. Wenn ich nun eingehe und ändere, wo sich meine Illustrator-Datei befindet , nachdem ich bereits mit der Verwendung in After Effects begonnen habe, wird After Effects einen Fehler feststellen, dass die Datei, die für. Sie müssen sicherstellen, dass Sie wirklich organisiert sind und wenn Sie Dateien in After Effects verwenden, damit Sie sie nicht in Ihrer Dateistruktur verschieben. Drücken Sie einfach „Speichern“ und Sie können einfach „OK“ für diese Nachricht drücken und Sie sind bereit, zu animieren. 8. Hinzufügen von Verbindungen und Erweiterungen: Sie können Ihrem Schriftzug auch Stücke hinzufügen, die animiert sind, aber nicht im endgültigen Design. So können Sie zum Beispiel in diesem Boulder-Beispiel sehen, dass ich zwischen dem B und dem O eine Zeile hinzugefügt habe, die die beiden Buchstaben verbindet. Aber im letzten Schriftzug gibt es keine Verbindung. Also, was ich hier getan habe, um diese Zeile zu machen, ist , dass ich in Illustrator diese Zeile nur als Stück habe. So ist es mit dem B verbunden und es ist auch mit dem O verbunden, aber es ist seine eigene separate Schicht. Dann werden Sie auch bemerken, dass ich ein wenig eine Erweiterung zum B hinzugefügt habe also kommt es hier rein und dann wird es weiter animiert, und dann animiere ich diese Linie tatsächlich ein wenig, also endet es hier. Schauen wir uns das noch mal an. Das B beginnt hier drüben animiert und dann endet es hier. Was Sie in Illustrator tun, ist, dass Sie nur eine kleine Erweiterung zu Ihrer Zeile hinzufügen, obwohl dieser Abschnitt im letzten Teil nicht sichtbar sein wird. 9. Importieren in AE: Sobald Sie alle Ihre Texte in Ebenen getrennt und bereit sind, zu animieren, dann starten Sie nach Effekten. Das erste, was Sie tun werden, ist, gehen Sie zu Datei, importieren, Datei oder drücken Sie Befehl I. Dann navigieren Sie einfach zu der Datei, die Sie suchen, und wählen Sie sie hier aus. Stellen Sie dann sicher, dass Sie „Importieren als“ haben, ändern Sie ihn von Footage in „Komposition“, „Ebenengrößen beibehalten Wenn Sie diese Optionen nicht sehen, klicken Sie hier unten auf diese Optionsschaltfläche. Komposition, Layergrößen beibehalten, und klicken Sie dann auf Öffnen. Jetzt können Sie sehen, dass Ihr Illustrator-Bildmaterial nach dem Importieren von Effekten hier im Projektfenster angezeigt wird. Ein kurzer Überblick über Aftereffekte. Das Projektfenster ist, wo alles, was Sie importieren und dann alles, was Sie erstellen, live wird. Es ist alles dein Vermögen. Dann in der Mitte hier, gerade jetzt sehen Sie neue Komposition, aber hier werden wir normalerweise sehen, was wir erschaffen. Dann unten unten hier, haben Sie Ihre Timeline. Lassen Sie mich einfach diese Schriftzug-Datei öffnen, die ich gerade aus Illustrator importiert habe. Ich werde darauf doppelklicken, um es zu öffnen, und Sie können hier unten in meiner Timeline sehen, ich bin jetzt in dieser Datei, und ich kann die Ebenen sehen, die ich in Illustrator erstellt hatte. Sie können über die Zeitleiste sehen wir einige Zeitcodes haben, und dann können Sie sehen, dass Sie Balken für jede dieser Ebenen haben. Dort, wo Sie einen dieser Balken sehen , wird diese Grafik in Ihrer Timeline sichtbar sein. Wenn ich diese Schriftzug-Ebene nehmen und dann die Leiste einfach wegziehen würde, können Sie sehen, dass es hier keinen Balken gibt, und daher können Sie zu diesem Zeitpunkt in der Animation nicht sehen. Ich kann einfach meinen Abspielkopf entlang der Timeline ziehen, um jede Animation zu sehen, die ich erstellt habe. Ich werde das nur rückgängig machen, also will ich das nicht tun. Der erste Schritt hier ist, klicken Sie einfach auf Ihre Schriftzug-Ebene, mit der rechten Maustaste, gehen Sie nach unten zu Erstellen, Formen aus Vektorebene erstellen. Dann, was das tun wird, ist eine neue Ebene zu erstellen. Sie werden sehen, ob Sie in diese Ebene gehen, Sie haben Inhalt, Gruppe und dann haben Sie diesen Pfad, und genau das ist der Pfad, den wir in Illustrator gezeichnet haben. Sie können diese originale Schriftzug-Ebene einfach löschen, da wir sie nicht benötigen. Wenn Sie jemals wieder darauf zurückkommen mussten, haben Sie vielleicht etwas durcheinander gebracht und Sie von vorne anfangen möchten, können Sie es unter dem Ordner im Projektfenster finden, der Beschriftung Ebenen genannt wird, es hat jede Ebene hier auf eigene Faust gespeichert. Ich muss dies nicht wirklich auf dem Punkt auf dem Auge tun , weil ich es auf eine andere Art und Weise animieren werde, aber ich muss es am Kreuz und dem t tun. Ich werde nur erstellen, Formen aus Vektorebene erstellen, und löschen Sie diese illustrative Version. Wenn Sie nicht mit Skript-Schriftzug arbeiten, müssen Sie diesen Schritt auch ausführen. Dies ist ein guter Zeitpunkt, um die Kompositionseinstellungen zu erwähnen. In dieser Datei habe ich keinen Hintergrund gemacht, und das ist okay, ich kann immer einen Hintergrund in Aftereffekten machen. Aber ich gehe einfach in die Komposition, Kompositionseinstellungen oder Befehl K, um meine Kompositionseinstellungen aufzurufen. Hier kann ich sehen, dass es automatisch eine Komposition erstellt hat , die die gleiche Größe wie die Zeichenfläche hat, die ich in Illustrator hatte. Das sind 1.920 mal 1.080, und meine Bildrate ist auf 30 eingestellt. Das ist, was ich normalerweise gerne animiere, es ist am besten, immer auf ganze Zahlen zu animieren, um die Dinge einfacher für sich selbst zu machen, aber Sie können auf etwas wie 24 oder sogar 15 fallen , wenn Sie möchten, dass es eher ein Cartoon, jittery Look ist. Ich bleibe bei 30. Dann können Sie auch sehen, dass die Dauer meiner Komposition drei Sekunden und ein Frame beträgt. Aber das kann ich später immer ändern, wenn ich weiß, wie lange meine Animation dauern wird. Dann gehe ich rein und ändere meine Hintergrundfarbe in Weiß, nur damit es leichter zu sehen ist, und drücke OK. Dann kann ich tatsächlich hineingehen, klicken und ziehen, um alle meine Ebenen auszuwählen, klicken Sie mit der rechten Maustaste , gehen Sie zu Erstellen, Formen aus Vektorebene erstellen, und es werden alle diese Formen gleichzeitig erstellt. Ich kann einfach wieder hineingehen und die Illustrator-Layer löschen, da ich sie vorerst nicht benötige. 10. Pfade trimmen: Jetzt, da ich meine Schriftzug-Ebene in Umrisse konvertiert habe, bin ich bereit, zu animieren. Ich werde mit diesem kleinen Dreieck neben den Schriftzügen nach unten umschalten. Ich werde wieder neben dem Inhalt und dann neben der Gruppe nach unten wechseln . Ich gehe tatsächlich zu 'Hinzufügen' in diesem kleinen Kreis, Dreieck-Taste. Ich werde darauf klicken, und dann werde ich gehen, um Pfade zu beschneiden. Das wird eine weitere Eigenschaft unter meinem Layer hinzufügen. Ich werde auch hier runterschalten, und dann sehen Sie Start, Ende und Offset. Dies sind die Dinge, die Sie animieren können, um Ihren Schriftzug richtig zu machen. Im Moment ist das Ende bei 100 Prozent. Was ich tun werde, ist ein Keyframe auf etwa eine Sekunde zu setzen, und um einen Keyframe festzulegen, werden Sie diese Stoppuhr neben der Eigenschaft, die Sie festlegen möchten, drücken. Ich werde die Stoppuhr neben dem Ende treffen. Dann werde ich zurück auf Null gehen und ich werde das bis auf Null schieben. Jetzt siehst du, dass mein Schriftzug weg ist. Wenn ich dies durchspiele, indem ich entweder auf die Leertaste klicke oder meinen Spielkopf über die Timeline ziehe. Ich sehe, dass mein Schriftzug aufgeschrieben ist. Jetzt haben Sie vielleicht das gleiche Problem wie ich und dass Ihr Schriftzug in die falsche Richtung schreibt. Was Sie hier tun können, ist neben Pfad, Sie werden diesen kleinen Pfeil sehen und Sie können einfach wechseln, und jetzt geht mein Schriftzug in die richtige Richtung. Sie haben ein paar Optionen mit diesen getrimmten Pfaden. Sie können Ihren Schriftzug auch von innen nach außen animieren. Lassen Sie mich Ihnen nur zeigen, wie das aussehen würde. Ich klicke erneut auf diese Stoppuhr, um meine beiden Keyframes zu löschen. Dann mit meinem Abspielkopf bei Null Frames, werde ich meinen Start auf 50 und mein Ende auf 50 setzen. Dann werde ich die Stoppuhren treffen, um Keyframes zu erstellen. Dann werde ich rechtzeitig mit meinem Spielkopf voran gehen und dann werde ich den Start wieder auf Null und das Ende auf 100 setzen. Wenn ich das wiedergebe, können Sie sehen, dass der Schriftzug von der Mitte aus animiert wird. Ich wollte es tatsächlich auf den ersten Weg, also werde ich das einfach wieder auf Null setzen und ich habe eine Animation in. Was ich jetzt tatsächlich tun kann, ist die Trimmpfade auszuwählen, „Befehl C“ zum Kopieren zu drücken und dann sicherzustellen, dass mein Spielkopf auf Null ist, kann ich diese Animation auf das T-Kreuz einfügen. Ich füge einfach ein, und wenn Sie dann „U“ auf Ihrer Tastatur drücken, werden alle Keyframes angezeigt, die Sie auf dieser Ebene haben. Sie können sehen, ich habe jetzt meine End-Keyframes auf der T Aber das T geht super langsam, weil es viel kürzer von einer Zeile ist, also werde ich einfach das Timing anpassen und vielleicht wollte ich sogar auf kommen, nachdem der Schriftzug animiert ist. Ich kann diese Keyframes einfach auswählen, indem ich sie klicke und über beide ziehe, um sie beide auszuwählen, und sie dann über meine Zeitachse ziehen, und es muss nicht so lange dauern. Vielleicht ziehe ich diesen Keyframe einfach nach links und lass uns sehen, wie das aussieht. Jetzt möchte ich vielleicht, dass mein T-Kreuz auftaucht, vielleicht hier, also kann ich einfach die Keyframes rüber schieben. Mal sehen, wie das aussieht. Ich denke, ich werde es so behalten. Für den Punkt auf dem Auge werde ich diese Skala animieren. Wenn ich zum Transformieren nach unten umschalte, werden Sie sehen, dass Sie alle diese verschiedenen Eigenschaften haben, die Sie animieren können. Sie könnten die Deckkraft animieren. Es könnte einfach einblenden, so etwas oder Sie könnten die Skala oder Position animieren, Sie können es wie Bouncing oder so etwas haben. Aber ich werde Skalierung tun, also werde ich wahrscheinlich hier gehen, die Stoppuhr drücken, um einen Keyframe für 100 Prozent zu machen und dann in der Zeit zurückgehen und dann kann ich einfach auf den Wert von 100 klicken und Null auf meiner Tastatur eingeben. Es gibt einige Möglichkeiten, Keyframes wie Sie vielleicht bemerkt haben, Sie können diese Schieberegler ziehen, oder Sie können den Wert eingeben. Nachdem Sie Ihren ersten Keyframe für eine Eigenschaft festgelegt haben, die Stoppuhr bereits blau, sodass Sie nicht erneut auf die Stoppuhr klicken müssen. Wenn Sie erneut auf die Stoppuhr klicken, wird Ihr Keyframe gelöscht. Stellen Sie also sicher, dass Sie das nicht tun. Jetzt habe ich mein Auge hochskaliert. Vergessen Sie nicht, Ihre After-Effects-Datei zu speichern. Sie können zu „Datei speichern“ oder „Befehl S“ gehen und dann einfach dorthin navigieren, wo Sie es speichern möchten. Ich habe gerne einen Projektordner und dann habe ich einen Illustrator-Ordner und dann werde ich einen weiteren Aftereffects-Ordner erstellen. Dann werde ich sagen, meine Aftereffects-Datei darin. Der Grund, warum ich einen Ordner für meine Aftereffects-Datei habe, ist, dass es Dateien automatisch speichert und sich in diesem Ordner aufbaut. Ich mag auch meine Dateien zu duplizieren, wenn etwas durcheinander kommt und ich zu einer früheren Version zurückkehren möchte. 11. Non-Script-Lettering: Jetzt werde ich diesen unscheinbaren Schriftzug Texte animieren. Ich gehe einfach genauso wie mit dem Skript-Schriftzug und gehe zu Add Inter Paths. Ich werde nach unten umschalten und ich werde versuchen, alle Buchstaben mit etwa der gleichen Geschwindigkeit animieren zu lassen. Wenn Sie über die Distanz nachdenken, müsste Ihr Bleistift zurücklegen. Wenn Sie tatsächlich diese Buchstaben schreiben, können Sie sehen, dass die a zwei Segmente hat und dann die n drei Segmente haben würde und dann würde ich eins haben. Ich werde versuchen, das entsprechend in der Animation auszuschalten. Für die a da hat zwei Segmente, lassen Sie es uns einfach machen und diese Zeitcode-Leitfaden verwenden. Ich werde zwei Segmente zu 10 Frames machen. Ein Segment wird fünf Frames sein. Ich werde nur die Endstoppuhr drücken, um einen Schlüsselrahmen für 100 Prozent beim n-Wert zu erstellen. Dann gehe ich zurück auf Null und bringe das auf Null. Jetzt wird das a animiert. Dann werde ich das Kreuz des a animieren. Ich werde nur diese getrimmten Pfade kopieren, so Befehl C und dann wählen Sie die Querleiste und drücken Sie Befehl V. Dann, wenn ich U auf meiner Tastatur drücken, wird es mir alle Schlüsselrahmen zeigen, die ich für diese Ebene festgelegt habe. Das ist diejenige, die ich gerade eingefügt habe. Das ist eine Querstange wirklich kurz. Ich werde nur diesen letzten Schlüsselrahmen nehmen und ihn nach links ziehen , um es zu einer schnelleren Animation zu machen. Dann, wenn das aufhört, werde ich die n Animation starten, so dass ich Befehl V, Ich habe immer noch die gleichen Trendpfade kopiert, trage U und dann kann ich meine Schlüsselbilder sehen. Lassen Sie uns das einfach machen und bei 15 Frames angefangen. Dieses N hat drei Segmente, also werde ich nur diesen Schlüsselrahmen nach rechts bringen, damit es dreimal 5 Frames hat, also 15 Frames. Dann werde ich diesen Schlüsselrahmen nur ein wenig anpassen. Dann werde ich dasselbe für den I. Befehl B Hit U. Das I hat ein Segment, also bringe ich das einfach so, dass es fünf Frames auf m braucht. Gleiches auf dem M, sagen wir, das m hat drei Segmente, so werden wir es 15 Frames machen. Dann ist das a, was ich tun könnte, einfach nehmen Sie das ein und kopieren es, fügen Sie es ein und verschieben Sie es auf dieses a. Wenn ich sehr präzise Animation am ersten Tag, den ich tat, und ich will nicht versuchen, das auf dem zweiten zu replizieren, aber das ist ziemlich unkompliziert s Ich werde nur V befehlen, um die Schlüsselbilder einzufügen. Befehl V erneut, um diese Keyframes einzufügen und das ein wenig schneller zu machen. Dann werde ich das einfach weitermachen. Mal sehen, wie das aussieht. Denken Sie daran, wenn einer Ihrer Briefe in die falsche Richtung geht, können Sie einfach reingehen. Sagen Sie, ich wollte, dass dieses D in die andere Richtung geht. Sie können einfach in die Richtung des Pfades wechseln und dann wird er auf die andere Weise animiert. Ich werde es behalten, wie es war. Wenn ich nur keine Ebene ausgewählt habe und ich auf meinem Keyword auf U klicke , werden alle Keyframes angezeigt, die ich auf allen Ebenen habe. Dann diese kleine Bergschieber-Sache hier unten, Sie auf Ihren Schlüssel für ihn zoomen können, so dass es nur Ihre Timeline erweitert. Ich werde das bis zum verkleinerten Ende bringen , damit ich alles auf meiner Timeline sehen kann. Mal sehen, das dauert etwas mehr als drei Sekunden, um n. ich denke, es ist ein wenig langsam. Vielleicht möchte ich, dass sich meine Animationen überall überlappen. Was ich tun kann, ist einfach zu gehen und wählen Sie beide Schlüsselbilder indem Sie auf sie klicken und ziehen und dann kann ich sie einfach ein wenig über bewegen. Vielleicht so, bewegen Sie die hier rüber. Stellen Sie sicher, dass das Wort immer noch in der gleichen Reihenfolge animieren wird , so dass Buchstaben, die nach einem sind, nicht vor einem beginnen. Ich stelle nur sicher, dass ich diese nicht zu weit nach links bringen, aber bringen sie mehr überlappend. Es gibt keinen richtigen oder falschen Weg, dies zu tun. Du könntest deinen Brief von innen nach außen beginnen lassen. Du hättest alles ganz oben angefangen. Alles an der Ecke lagern. Sie können dies tun, wie Sie wollen. Spielen Sie einfach mit ihm herum und sehen Sie, was gut für Sie aussieht. Werfen wir einen Blick darauf. Okay, sieht aus wie meine, ich und meine m ein wenig zu nah. Lasst uns sehen. Das wird dieser Kerl und dieser Kerl sein. Ich werde diese Schlüsselbilder nur ein wenig zurücknehmen und dieser könnte ein wenig nahe sein. Sie können Keyframes aus verschiedenen Ebenen gleichzeitig auswählen. Wenn ich auf all diese Keyframes klicke und ziehe, kann ich sie alle zur gleichen Zeit zurückverschieben und du kannst deinen Spielkopf immer über deine Timeline ziehen, um sie in Zeitlupe zu sehen. 12. Lockerung: Lassen Sie uns unsere Keyframes etwas erleichtern, um unsere Animation ein wenig interessanter zu machen . Wenn Sie also nicht wissen, was ich über Lockerung spreche, lassen Sie mich Ihnen ein kurzes Beispiel zeigen, das ich eingerichtet habe. Also habe ich zwei Formen, die sich gerade über den Bildschirm bewegen werden, und gerade jetzt können Sie sehen, dass sie diese kleinen Diamant-Keyframes haben, und das sind lineare Keyframes. Wenn Sie in Ihren Diagramm-Editor gehen, um zuerst Ihre Keyframes auszuwählen, gehen Sie in den Diagramm-Editor, können Sie eine Grafik der Position der Keyframes sehen, im Laufe der Zeit. Da diese Linie gerade ist, bedeutet dies, dass sie die ganze Zeit die gleiche Geschwindigkeit haben. Das Schöne an dem Graph-Editor ist, dass Sie tatsächlich verschiedene Arten von Grafiken sehen können. Dies ist der Wert im Laufe der Zeit, und dies ist die Geschwindigkeit im Laufe der Zeit. Sie können hier sehen, dass die Geschwindigkeit eine Konstante wie 540 Pixel pro Sekunde ist. Die Beschleunigung ist, wenn die Animation nicht linear ist. Ich werde nur diese Keyframes auf dem violetten Kreis erleichtern. Ich werde nur die Schlüsselbilder hervorheben. Rechtsklick. Gehen Sie nach unten zum Keyframe-Assistenten, und dann einfach oder die Verknüpfung ist F9. Jetzt werden Sie sehen, dass ich eine andere Form von Keyframe habe, wie eine Sanduhr. Wenn ich das wiederspiele, wirst du sehen, dass der violette Kreis zuerst langsam geht, dann beschleunigt er sich. Sie können das sehen, weil es mit dem anderen einholt, dann geht es wieder langsam. Wenn ich das im Diagramm-Editor ansehe, kann ich sehen, dass es diesen schönen Bogen im Geschwindigkeitsdiagramm hat. So langsam anfangen, schnell in der Mitte gehen und langsam enden. Sie können sich auch das Diagramm des Wertes im Laufe der Zeit ansehen , wenn Sie sich fragen, warum es hier zwei Zeilen gibt. Die rote Linie stellt die x-Position und die grüne Linie die y-Position dar. Da ich keine Bewegung in der y-Achse nach oben und unten habe , ist diese Linie gerade. Es ändert sich nicht. Dies ist also, was Lockerung auf Ihre Keyframes bedeutet. Sie können auch die Lockerung anpassen. Eine Möglichkeit, dies zu tun, besteht darin, in Ihren Diagramm-Editor zu gehen, indem Sie hier auf diese Schaltfläche klicken. Dann können Sie auf diese Grafik klicken und tatsächlich die Griffe anpassen. Jetzt spielen wir das zurück. Es wird wirklich schnell gehen und dann wirklich langsam. Sie können diese in jeder Weise anpassen, die Sie wollen. Das ist schießt heraus und geht dann wirklich langsam oder es beginnt langsam, und dann geht es schnell. Lassen Sie uns die Keyframes auf unserem Schriftzug erleichtern. Ich werde nur klicken und ziehen Sie über alle meine Keyframes, um sie auszuwählen. Klicken Sie dann mit der rechten Maustaste auf Keyframe-Assistent, einfach, Lasst uns das einfach zurückspielen. Es sieht ein bisschen interessanter aus. Eine Sache, die wir tun können, ist einfach den Diagramm-Editor anzupassen. Gehen wir zum Geschwindigkeitsdiagramm. Dann werde ich klicken und ziehen Sie am unteren Rand der Grafiken, um alle diese Punkte auszuwählen, und dann nehmen Sie einfach den kleinen Griff und ziehen Sie es nach links. Lasst uns das so besorgen. Dann nehmen wir den anderen Griff und ziehen ihn nur ein bisschen zurück. Jetzt schauen wir mal, wie das aussieht. Mir gefällt, wie das aussieht. Jetzt werde ich zum Wort Schriftzug übergehen. Auch hier werde ich nur klicken und über alle meine Keyframes ziehen, um sie auszuwählen. Klicken Sie dann mit der rechten Maustaste auf eines der Keyframes. Gehen Sie zum Keyframe-Assistenten und einfache Leichtigkeit Uhren. Werfen Sie einen Blick darauf, wie das aussieht. Ich denke, es ist ein bisschen schnell, weil all dieses Loch Briefe verbunden ist. Mitten in diesen Briefen geht es ziemlich schnell. Ich werde nur in diese Schlüsselbilder im Graph-Editor gehen und das einfach ein wenig runter nehmen, also werde ich es ein wenig linearer machen. Ich halte die „Shift“ -Taste gedrückt, um sicherzustellen, dass ich diesen Griff nach oben oder unten schiebe. Ich werde das Gleiche am Ende machen. Wir machen die Griffe ungefähr die gleiche Größe. Gehen Sie also voran und fügen Sie Ihren Keyframes eine Erleichterung hinzu. Nun, da der Graph-Editor ein wenig einschüchternd sein kann, wenn Aftereffects neu für Sie ist. Denken Sie daran, dass Sie diese Voreinstellungen immer verwenden können, wissen Sie, ob Sie nur Ihre Keyframes auswählen, gehen Sie zum Keyframe-Assistenten, und dann einfach, einfach. Es gibt tatsächlich ein paar andere Presets, die Sie verwenden können, die einfach in einer einfachen einfachen App sind. Zuerst werde ich diese einfach auf lineare Keyframes zurücksetzen, um sicherzustellen, dass ich keine Lockerung kombiniere. Um dies zu tun, werde ich sie nur ausgewählt, und klicken Sie dann auf ein Schlüsselbild, während Sie den Befehl gedrückt halten. Dadurch werden Ihre Keyframes nur auf lineare Keyframes zurückgesetzt. Dann, wenn diese Keyframes ausgewählt sind, werde ich mit der rechten Maustaste klicken, zum Keyframe-Assistenten gehen und dann einfach einschalten. Dann gehe ich zu den Graph-Headern. Wir können uns ansehen, was das getan hat. Was ich hier sehe, ist, dass es anfangen wird, ziemlich schnell zu animieren, linear am Anfang, dann am Ende wird es sich verjüngen und verlangsamen. Wenn ich das einfach rückgängig mache und dann werde ich Ihnen zeigen, wie leicht es aussieht. Das ist genau das Gegenteil. Es fängt langsam an, rastet auf, und am Ende ist es linear. Sie können diese drei verschiedenen Voreinstellungen immer verwenden, wenn Sie sich nicht mit dem Diagramm-Editor verwirren möchten. Aber ich empfehle, den Diagramm-Editor zu beherrschen, da er Ihre Animationen wirklich verbessern kann. 13. Verbindungen und Erweiterungen animieren: Vor ein paar Videos habe ich Ihnen dieses Boulder Colorado Beispiel gezeigt und wie Sie Erweiterungen oder Verbinder zwischen Ihren Buchstaben haben können. In diesem Video werde ich Ihnen zeigen, wie Sie sie tatsächlich animieren. So können Sie auf diesem B sehen, ich habe ein bisschen extra Länge zum B. Es beginnt hier drüben, aber dann endet es hier drüben. Gehen wir in die Komp und lassen Sie mich Ihnen meine Schlüsselbilder zeigen. Wir schauen uns diesen Teil des B an. Ich werde gerade diese kleine Kiste unter den Punkt schlagen und das bedeutet, dass ich nur diese Schicht sehen werde, sie ist soloiert. Jetzt können Sie sehen, dass das das Einzige ist, was auftaucht und das kann eine gute Möglichkeit sein , das zu fokussieren, was Sie gerade betrachten. Dieses Ende der Zeile gilt als der Anfang der Zeile und Sie können den Anfang der Zeile sehen, beginnt am Anfang. Das ist also bei null Prozent. Also habe ich einen Schlüsselrahmen für den Start bei Null Prozent und das Ende ist dieses Ende der Zeile. Das fing also auch bei Null an. Also habe ich Schlüsselbilder für den Anfang und das Ende bei Null Prozent, und es animiert, weil das Ende der Zeile auf 100 geht. Das bedeutet also, dass das Ende der Linie 100 Prozent durch sein wird. Es wird am Ende des eigentlichen Pfades sein. Dann können Sie sehen, dass der Anfang der Linie bei 19 Prozent enden wird, was genau hier ist. Während diese Animation abgespielt wird, haben Sie das Ende zu 100 Prozent und der Anfang geht nur auf 19. Während es also animiert, animiert es auch nur diesen kleinen Betrag, und das ist das gleiche, was ich auch mit der Spitze gemacht habe. Dann für die Verbindung zwischen meinen beiden Buchstaben habe ich diese kleine Zeile, die eine kleine Schleife macht, um zu schleifen, und dann verschwindet es einfach. Schauen wir uns diese Schlüsselbilder an. Sie können sehen, dass der Anfang, ich habe sowohl meinen Anfang als auch das Ende auf Null gesetzt, so dass nichts angezeigt wird. Dann wird das Ende der Zeile bis zu 100 Prozent animiert, so dass es an diesem Ende des Pfades sein wird. Aber dann wird der Start auch bei 100 Prozent enden. Das bedeutet, dass meine Linie verschwunden sein wird, aber sie wird in dieser Zeit durch diesen Weg gegangen sein. Wenn Sie jedoch sowohl die Start- als auch die End-Schlüsselbilder so einstellen, dass sie bei null Prozent beginnen , enden Sie bei 100 Prozent und beide Schlüsselbilder beginnen und enden an derselben Stelle, und Sie haben die gleiche Lockerung. Also werde ich nur Befehl, klicken Sie auf diese Schlüssel-Frames, um die Lockerung loszuwerden. Du wirst bemerken, dass du nichts siehst. Das liegt daran, dass Anfang und Ende genau am selben Ort sind, also taucht nichts auf. Lassen Sie mich das einfach rückgängig machen und Sie werden feststellen, dass ich für eine andere Lockerung meiner Schlüsselbilder habe und Sie können das hier sehen. Ich habe auch den Startschlüssel-Frame gestaffelt, so dass der Start ein wenig nach dem Ende des Schlüsselbildes zu 100 Prozent kommt. Weise können Sie sehen, dass diese Linie ein wenig wächst und dann schrumpft sie, und dann ist sie verschwunden und das liegt daran, dass sie nur ein Verbinder zwischen zwei Buchstaben ist und ich nicht möchte, dass sie tatsächlich in meinem endgültigen Design erscheint. In meiner Animation des Wort-Schriftzugs habe ich eigentlich keine Erweiterungen oder Anschlüsse hinzugefügt, aber jetzt, da ich es sehe, denke ich, es könnte cool sein, am Ende dieses G eine Verbindung hinzuzufügen, die über das G hinausgeht und in den Punkt auf dem I geht. Also habe ich diese Zeile nicht in Illustrator erstellt, aber es ist nicht zu spät, dass ich es nach Effekten machen kann. Also werde ich Ihnen das jetzt zeigen. Also gehe ich einfach zu dieser oberen Werkzeugleiste und schnappe mein Stiftwerkzeug. Dannkann ich wie im Illustrator eine Linie zeichnen, kann ich wie im Illustrator eine Linie zeichnen aber ich möchte nicht, dass diese Linie diese violette Füllung hat. Also werde ich einfach nach oben gehen, wo es „füllen“ steht. Klicken Sie auf „Füllen“ und dann erhalten Sie dieses kleine Optionsfeld und Sie können einfach die Schaltfläche „Keine Füllung“ drücken. Ich möchte, dass dies einen 30-Punkt-weißen Strich hat, also habe ich bereits Weiß in meinem Farbwähler gesetzt und dann Strich kann ich einfach auf 30 setzen. Jetzt werden Sie feststellen, dass es eine Insektenkappe am Ende des flachen Endes hat und ich wollte um und wie den Rest meiner Linie haben. Also schalte ich einfach in meiner Formebene nach unten in Inhalt, Form, Strich und ändere dann die Linienkappe eine runde Kappe und wenn ich gehe und auf den „Top-Level-Pfad“ hier klicke , wo es Pfad Eins sagt, kann ich in und passen Sie die Punkte auf meinem Weg an. Wenn Sie nun auf den unteren, den mit der Stoppuhr daneben klicken , werden Sie Ihren gesamten Pfad ausgewählt haben und Sie können die ganze Sache verschieben. Seien Sie vorsichtig, dass Sie das Richtige für das auswählen, was Sie tun möchten. Klicken Sie auf Pfad und dann machen Sie dies einfach ein wenig mehr rund. Also, jetzt werde ich diese Zeile zu animieren kommen und dann zum I übergehen, sondern auch das Startende der Zeile aus animieren. Es ist wie eine kleine Streifen, die über das I geht und so mache ich dies ein separates Stück von meinem Wort Schriftzug, weil ich möchte, dass dieses Ende zur gleichen Zeit animieren, wie es über zu hier animiert. Zuerst werde ich einen Termpfad zu dieser Zeile hinzufügen. Klicken Sie also auf „Hinzufügen“ und dann auf „Trim Paths“ und lassen Sie mich dann herausfinden, wo mein Flattern endet. Es ist etwa hier. Also werde ich einfach einen Schlüsselrahmen am Anfang und am Ende dieser neuen Erweiterung setzen. Dann werde ich dich auf die Tastatur schlagen, nur um mir mehr Platz zu geben. Dann ziehe ich das Ende der Linie auf Null Prozent runter. Dann bewegen Sie sich in der Zeit vielleicht über hier und dann wird das Ende bei einem 100 Prozent und Start wird auch bei einem 100 Prozent sein. Jetzt wirst du nichts sehen, weil diese die gleiche Lockerung haben und beide beginnen bei Null und gehen zu einem 100. Also muss ich den Anfang meines Pfades versetzen, also kann ich einfach beide Schlüssel-Frames über ziehen und jetzt können Sie sehen, dass die Zeile angezeigt wird. Also, wenn ich diesen Start-Schlüssel-Frame nehme und ihn an der gleichen Stelle wie mein End-Schlüssel-Frame lege. Meine Linie wird ganz klein anfangen und dann wachsen. Lassen Sie uns dies ein wenig besser aussehen, indem Sie etwas Lockerung hinzufügen. Also klicke und ziehe ich einfach über meine Schlüsselbilder, mit der rechten Maustaste und gehe zu Easy Ease. Mal sehen, wie das aussieht. Es sieht ein wenig schnell aus, also werde ich nur die beiden End-Schlüssel-Frames auswählen und sie ein wenig herausziehen. Es sieht besser aus, was ist, wenn ich will, dass meine Linie ein bisschen größer ist, also ist es ein bisschen auffälliger. Wenn ich diesen Startschlüssel-Frame rechtzeitig vorwärts ziehe, werden Sie sehen, dass die Linie ein wenig länger wird, da der Anfang der Zeile etwas länger dauern wird, um zu animieren. Also sehen wir einfach, wie das aussieht. Stellen wir sicher, dass der Punkt des Ich nicht vor der Linie reinkommen wird. Es ist also, als ob die Linie den Punkt hereinlässt. Auch wenn man wirklich genau hinschaut, ist die Linie nicht ganz mit dem Punkt aufgereiht. Also kann ich eigentlich einfach zurückgehen und meinen Weg nur ein wenig anpassen , damit er besser ausgerichtet ist. Vielleicht etwa so. Jetzt möchte ich sicherstellen, dass der Punkt auf dem I und dass diese Schlüsselbilder vielleicht hier beginnen. Mal sehen, ob das richtig aussieht. Ja, so als ob die Linie reinkommt und der Punkt auf dem Ich reinkommt. Ich entschied mich auch, eine Erweiterung zum L hinzuzufügen, so dass meine Animation beginnt und endet in ähnlicher Weise. Ich habe diese Erweiterung auf dem L genauso gemacht wie die Verbindung zwischen dem G und dem I. Du wirst feststellen, dass ich meine Ebenen rechtzeitig vorwärts bewegen musste , um am Anfang in diese neue Animation zu passen. Also gehen Sie weiter und sehen Sie, wie Sie einige interessante Anschlüsse oder Erweiterungen zu Ihren Briefen hinzufügen können einige interessante Anschlüsse oder Erweiterungen , um Ihre Animation ein wenig interessanter zu machen. 14. Textur hinzufügen: Wenn Sie Beschriftungen mit einer Textur animieren möchten, zeige ich Ihnen, wie Sie das jetzt mit diesem Explore Colorado-Beispiel tun können. Wenn Sie bereits eine Photoshop-Datei mit Ihrer Schriftzug-Textur haben, können Sie dieses Video überspringen. In diesem Video werde ich Ihnen zeigen, wie ich von meinem Design in Illustrator zu einer texturierten Photoshop-Datei gegangen bin. Dann lernen wir im nächsten Video, wie man es animiert. Ich habe mein Design in Illustrator erstellt, also werde ich Ihnen zeigen, wie ich es in Photoshop bekommen kann. Wenn Sie Ihr Design bereits in Photoshop haben, es aber noch nicht strukturiert ist, können Sie einfach ein paar Sekunden lang festhalten. Ich habe alle Teile, die ich animieren möchte, in ihre eigenen Ebenen getrennt. Um von Illustrator zu Photoshop zu gelangen, ist das erste, was wir tun müssen, gehen Sie zu Datei, Exportieren, Exportieren Wie dann werden Sie gehen, um sicherzustellen, dass Sie das Dateiformat in eine PSD-Datei zu ändern, und dann einfach auf Exportieren. Sie können Ihre Auflösung auf 72 Pixel ändern, wenn Sie möchten, und stellen Sie sicher, dass die richtigen Ebenen aktiviert sind, und klicken Sie dann einfach auf OK. Sobald Sie Ihre PSD-Datei exportiert haben, doppelklicken Sie einfach darauf, um sie in Photoshop zu öffnen. Das erste, was ich tun möchte, ist, alle meine Ebenen zu gruppieren. Wenn Ihre Layer nicht getrennt sind und sie bereits vollständig sind, können Sie diesen Schritt überspringen. Ich werde nur von meinem Baum zu meinem E auswählen, zu allen Designebenen, aber nicht den Hintergrund. Klicken Sie mit der rechten Maustaste, und wählen Sie „Aus Ebenen gruppieren Ich werde das nur nennen, Schriftzug. Eine einfache Möglichkeit, eine Textur zu erhalten, besteht darin, auf Ihrem Telefon ein Bild von etwas zu machen, das Textur hat. Ich habe dieses Bild von meinem Bürgersteig gemacht und ich werde es einfach in Photoshop ziehen. Das erste, was ich in meinem Ebenenfenster tun werde, doppelklicken Sie einfach, um die Ebene zu entsperren. Wir müssen dies in eine Schwarz-Weiß-Ebene konvertieren, die wir die schwarzen Pixel von unserem Design, dem Schriftzug Design, subtrahieren können . Ich gehe zuerst zu Bild, Modus und dann Graustufen und drücke einfach Verwerfen. Aber wir wollen eigentlich keine Grautöne auf unserem Bild, wir wollen nur Schwarzen und Weißen. Ich gehe zu Bild, Anpassungen, Levels oder Befehl L, dann werde ich nur diese Level-Schieberegler ziehen , bis ich ein meist schwarz-weiß-Bild bekomme. Denken Sie daran, dass die schwarzen Teile das sind, was Sie aus Ihrem Design ausschneiden werden. Das sieht ziemlich gut aus für mich, also werde ich einfach „OK“ treffen. Als nächstes drücken Sie Befehl A, um alle auszuwählen, Befehl C zu kopieren, dann werden Sie auf Löschen klicken, um alles zu löschen. Drücken Sie Q, um den Schnellmasken-Modus zu öffnen, und wenn Sie zu Ihren Kanälen gehen, können Sie sehen, dass es eine Schnellmaske gibt, dann drücken Sie Befehl V zum Einfügen und es sieht rosa aus, das ist okay. Wir haben nur die schwarzen Bereiche in diese Schnellmaske eingefügt und dann erneut Q gedrückt, um den Schnellmasken-Modus zu beenden. Stellen Sie sicher, dass Sie alles ausgewählt haben, und es sieht so aus, als ob es sich wie meins bewegt, und gehen Sie zu Auswählen, und gehen Sie zu Auswählen,Umkehren, dann gehen Sie zu Bearbeiten, Füllen, und fügen Sie dann einfach eine schwarze Füllung hinzu. Stellen Sie sicher, dass Sie hier Schwarz ausgewählt haben und klicken Sie auf OK. Dann können Sie auf Befehl D klicken, um die Auswahl aufzuheben. Nun, was wir getan haben, ist gelöscht alle weißen Bereiche im Bild, und wir haben nur diese schwarzen Pixel. Lassen Sie uns diese Textur zu unserem Schriftzug hinzufügen. Drücken Sie Befehl A, um alles auszuwählen, Befehl C zu kopieren, und gehen Sie dann zu Ihrer Schriftzug-Datei und drücken Sie Befehl V, um einzufügen. Dann klicke ich auf meine Ebene und drücke Command T, weil meine Textur viel größer ist als mein Schriftstück. Ich werde das nur verkleinern und versuchen, es so zu positionieren, dass die Textur auf meinen Briefen gut aussehen wird. Dann drücken Sie einfach die Eingabetaste, wenn Sie fertig sind. Als Nächstes möchten Sie Ihre Texturebene und Ihren Schriftzug in dieselbe Gruppe verschieben . Zuerst werde ich das nur nennen, Textur. Dann wähle ich beide aus, klicke ich mit der rechten Maustaste und drücke Gruppe aus Ebenen und ich benenne diesen texturierten Schriftzug. Dann werde ich in meine Gruppe umschalten, doppelklicken Sie auf die Textur, und dann in Advanced Blending, genau hier, werde ich die Fülldeckkraft auf 0 und das Knockout auf Shallow setzen und dann einfach OK drücken. Jetzt können Sie sehen, dass es die Textur zu meinem Schriftzug hinzugefügt hat. Wenn Sie eine solide Kante an den Rand Ihrer Buchstaben hinzufügen möchten , wie ich es in meinem endgültigen Design getan habe, zeige ich Ihnen jetzt, wie Sie das tun. Das erste, was ich tun werde, ist in meine Textured Schriftzug-Gruppe zu gehen, dann werde ich diese Schriftzug-Gruppe duplizieren, oder Sie haben es als nur eine Ebene. Klicken Sie mit der rechten Maustaste, gehen Sie zu Duplizieren, und dann werde ich nur diesen Schriftzug Kante nennen. Ich werde es über diese Gruppe ziehen, so dass es nicht innerhalb der Gruppe ist. Jetzt doppelklicken Sie auf den gerade erstellten Schriftzug und dann unter Advanced Blending, ziehe ich die Fülldeckkraft auf 0. Dann werde ich in Inner Glow gehen, Sie können die Menge an Lärm ändern, wenn Sie wollen, ich werde meinen bei 15 verlassen. Stellen Sie sicher, dass Ihre Technik auf Weicher eingestellt ist und dass die Quelle auf Kante festgelegt ist. Sie können eine kleine Vorschau davon sehen, wie es hier aussehen wird, oder tatsächlich auf Ihrem Bild als auch. Wenn Sie die Schaltfläche „Vorschau“ aktiviert haben. Wenn du wolltest, könntest du es tatsächlich in der Mitte haben, wenn du das besser magst. Ich werde meinen am Rand halten und dann kannst du einfach den Choke anpassen , um deine durchgehende Linie dicker zu machen. Sie können die Größe anpassen, um es zu einem größeren oder kleineren Fade zu machen. Ich werde meine mit diesen Einstellungen verlassen und OK drücken. Wenn Sie nun genau hinsehen, werden Sie feststellen, dass wir im Explorer viel mehr von der groben Textur innerhalb der Ebenen sehen können . Aber da unser Colorado und unsere Sonnenstrahlen dünnere Striche sind, als die Explorer-Schichten, können wir nicht wirklich so viel Textur sehen. Ich möchte die Textur nur für diese Ebenen anpassen. Was ich tun werde, ist nur diese Schrift-Kantengruppe zu duplizieren. Ich werde Gruppe duplizieren, und ich werde diesen Schriftzug Kante dünn für dünnen Strich machen. Dann meine andere, mein Original, werde ich Schriftzug Kante dick machen. Dann werde ich nach unten umschalten, und lassen Sie uns einfach alles mit der Schriftkante dicke Schicht im Hintergrund verstecken. Dann werde ich einfach alles löschen, was kein dicker Buchstabe ist, also werde ich das Colorado löschen, also das C O, all das. Ich werde die Strahlen löschen. Dann werde ich das schließen, ausblenden und meinen Schriftzug dünn zeigen , umschalten, und ich werde alle dicken Schichten hier löschen. Also E X und die Bäume und die Sonne. Ich schalte das wieder um und zeige alle meine Ebenen erneut an. Dann werde ich in das Innere Glow der Schriftzug Kante dünn gehen. Ich werde einfach darauf doppelklicken und ich werde diese Box wieder aufheben. Dann können Sie einfach die Choke und die Größe so anpassen, dass es besser für Ihre dünneren streichelten Buchstaben funktioniert , vielleicht so etwas, und dann einfach OK drücken. Stellen Sie an diesem Punkt sicher, dass Sie Ihre Datei gespeichert haben, dann ist es tatsächlich eine gute Idee, an dieser Stelle ein Duplikat zu erstellen , falls Sie zurückgehen und eine der Texturen oder Kanten bearbeiten möchten , die wir gerade erstellt haben denn das, was wir als nächstes tun werden, wird es uneditierbar machen. Ich werde nur gehen und einfach diese PSD duplizieren. Ich habe es gerade so gespeichert, ich werde nur Befehl D drücken und dann diesen editierbaren Namen nennen. Dann arbeite ich immer noch in meinem gleichen Explore Colorado PSD, was ich tun werde, ist wählen Sie alle Design-Layer, also alles außer dem Hintergrund, und klicken Sie dann mit der rechten Maustaste und drücken Sie Ebenen zusammenführen. Nun, was ich habe, ist mein gesamtes Design auf einer Ebene. Es ist wichtig, deine Textur so zu backen, denn wenn du sie in After Effects importieren würdest , wie wir es gerade mit den drei verschiedenen Ebenen hatten, würde After Effects diesen inneren Glanz nicht erkennen. diesem Grund müssen wir diesen Schritt tun. Ich werde diese Ebene umbenennen und meine Datei speichern. Als nächstes werden wir gehen und animieren dies in After Effects. 15. Importieren einer .psd-Datei: Das erste, was wir tun müssen, ist, alle unsere Dateien in After Effects zu importieren. Ich gehe zu Datei, Datei importieren oder Befehl I, und wählen Sie dann einfach die PSD-Datei. Stellen Sie sicher, dass „Importieren als“ festgelegt ist, um Ebenengrößen zu behalten. Wenn Sie diese Optionen nicht sehen, klicken Sie einfach auf diese Optionsschaltfläche unten, und klicken Sie dann auf Öffnen. Dann wählen Sie einfach wieder editierbare Ebenen und drücken Sie, OK. Wenn ich dann zu meinem Projektfenster gehe und auf Explore Colorado doppelklicke, öffne ich meine Photoshop-Datei und ich habe die beiden Ebenen, die ich nicht fotoshoppen hatte, die Designebene und den Hintergrund. Wenn Sie Ihr Design erstellt und illustriert haben, können Sie hier etwas Zeit sparen. Das werde ich dir zuerst zeigen. Ich gehe zum Befehl I, meine Illustrator-Datei zu importieren. Wählen Sie die Illustrator-Datei aus, stellen Sie sicher, dass ich „Importieren als Komposition“ Ebenengrößen beibehalten habe, und drücken Sie dann „Öffnen“. Es heißt diese Explore Colorado 2, weil ich bereits eine comp hatte, die meine PST-Datei namens Explore Colorado ist. Ich werde nur in meine Explore Colorado 2 gehen, die die KI-Version ist. Ich kann sehen, dass ich alle meine Illustrator-Layer getrennt habe, genau wie ich das im Illustrator hatte. Wenn Sie nun nicht in Illustrator gestartet haben und Sie diese Illustrator-Datei nicht haben, können Sie innerhalb der Photoshop-Komp in After Effects einfach hineingehen und alle Ihre Briefe mit dem Stiftwerkzeug verfolgen. Was wir tun müssen, ist eine Linie zu erstellen, die wir animieren können. Wir können diese Briefe animieren. Ich zeige Ihnen, wie Sie diese Briefe in After Effects verfolgen können. Gehen Sie zu Ihrem oberen Bereich hier mit all Ihren Werkzeugen und wählen Sie das Stift-Werkzeug, das genau hier ist, und Sie gehen hinein und stellen Sie sicher, dass Ihr Strich hier oben auf eine Farbe gesetzt ist , die Sie in der Lage sein werden sehen, dass sich oben auf Ihrem Design zeigen wird, und keine Sorge, dass Sie diese Farbe nicht in Ihrem letzten Stück sehen werden. Dann möchten Sie keine Füllung haben, also klicken Sie auf das Wort, Füllen und klicken Sie dann auf die, Keine Option und klicken Sie auf, OK. Sie werden nur mit dem Stiftwerkzeug zeichnen, wie Sie es in Photoshop oder Illustrator tun würden. Versuchen Sie einfach, Ihre Briefe so nah wie möglich zu verfolgen, dass sie in der Originalversion sind. Aber machen Sie sich keine Sorgen darüber, perfekt zu sein, wenn Sie dies zum ersten Mal tun, denn es ist wirklich einfach, zurück zu gehen und anzupassen. Du willst jedes Stück deines Briefes separat verfolgen, also habe ich jetzt das E. Ich gehe zurück zu meinem Auswahlwerkzeug. Die Abkürzung ist V, und dann werde ich einfach reingehen und diese Punkte anpassen, also ist es ein wenig aufgereihter. Wenn Sie Ihren Pfad erneut auswählen müssen, weil er deaktiviert wurde, möchten Sie zu Ihrem gerade erstellten Form-Layer gehen , umschalten und dann zum Pfad gehen. Sie möchten nur diesen Layer direkt dort auswählen, und das wird den Pfad auswählen, damit Sie ihn bearbeiten können. Wenn Sie nach unten wechseln und diesen Pfad der unteren Ebene auswählen, können Sie die ganze Sache tatsächlich verschieben, wenn Sie aus irgendeinem Grund ein wenig abgeschaltet waren. Wenn Sie diesen obersten Ebenenpfad auswählen, können Sie die tatsächlichen Punkte anpassen. Angenommen, Sie wollten einen Punkt hinzufügen, weil Sie das mit den Punkten, die Sie hier haben, nicht wirklich genau bekommen können. Was Sie tun müssen, ist, gehen Sie zum Stift Werkzeug, klicken und halten, und gehen Sie dann, um Scheitelpunkt-Werkzeug hinzuzufügen. Wenn Sie einen Punkt aus irgendeinem Grund subtrahieren müssen, haben Sie auch den Löschschpunkt direkt hier. Ich werde Scheitelpunkt-Werkzeug hinzufügen und dann einfach einen Punkt hier hinzufügen, und dann gehe ich zurück zu meinem Auswahlwerkzeug, damit ich diese Punkte anpassen kann. Sie werden feststellen, dass die Enden dieser Linien flach sind und ich möchte, dass sie abgerundet werden. Was ich tun kann, ist in einen Schlaganfall zu gehen, dann wo es Line Cap steht, ändern Sie es von Butt Cap auf Round Cap. Dann werde ich die Shape-Ebene nach oben wechseln. Drücken Sie einfach, Enter, um es zu nennen. Ich kann tippen, drücken Sie erneut die Eingabetaste, und dann werde ich irgendwo auf meiner Timeline auswählen, die nicht das E ist, so dass es deaktiviert ist, und dann werde ich diesen Vorgang mit dem Stift wiederholen, um den Rest meiner Briefe zu zeichnen auf. Nun, wenn Sie eine Illustrator-Datei haben, wie ich, müssen Sie nicht alle Ihre Briefe wieder verfolgen. Ich werde nur diese beiden Ebenen löschen, und ich gehe zu meiner Illustrator-Version , der Explore Colorado 2. Ich werde alle Illustrator-Layer mit Ausnahme des Hintergrunds auswählen. Dann werde ich mit der rechten Maustaste klicken, zu Erstellen gehen, Formen aus Vektorebene erstellen. Dann werden Konturen erstellt, die Linien sind, die ich animieren kann. Sie sind im Grunde genau das gleiche, was die Form-Layer sind, die ich gerade gezeichnet habe. Ich werde alle diese Ebenen kopieren, indem ich auf Befehl C klicke, dann gehe ich zurück in meine Photoshop-Version, um Befehl V zu drücken, um sie einzufügen. Dies ist ein guter Zeitpunkt, um unsere Datei zu speichern, also drücken Sie Befehl S, um zu speichern. Ich möchte einen Hauptordner haben, in dem ich alles für das Projekt aufbewahre, und dann habe ich einen Ordner in diesem Ordner für Illustrator-Dateien, Photoshop-Dateien oder ähnliches, und dann habe ich gerne einen anderen Ordner gleichzeitig -Ebene für AAfter Effects Dateien. Ich habe den Ordner hier und ich werde das einfach nennen und „Speichern“ drücken. Es ist wichtig, dass Sie alle Dateien organisiert halten , wenn Sie zwischen Photoshop, Illustrator und After Effects arbeiten . Wenn Sie eine der Dateien verschieben, die Ihr AAfter Effects Projekt beschafft, wird ein Fehler bei der fehlenden Datei angezeigt, und dann können Sie Ihren Entwurf nicht sehen. Vergewissern Sie sich, dass Sie organisiert bleiben und sich keine Dateien mehr bewegen , sobald Sie in After Effects loslegen. 16. Textur-Lettering animieren: An dieser Stelle sollten Sie alle Ihre Schriftzüge nachvollziehen oder Ihre Illustrator-Datei verwenden , um Formebenen aller Buchstaben zu erstellen. Jetzt sind wir bereit, zu animieren. Ich gehe zum E. Ich werde nur diese Schicht verkaufen, also gibt es nicht so viel auf dem Bildschirm. Ich gehe nach unten umschalten, gehe zu trimmen Pfade hinzufügen und schalte das dann nach unten, dann habe ich die Start- und Endwerte. Ich werde nur einen Schlüsselrahmen dort festlegen, damit das Ende bei 100 Prozent liegt, zurück zu Null gehen und dann das Ende auf null Prozent ziehen. Sie können die Leichtigkeit animieren und in die falsche Richtung sehen. Ich gehe einfach in meine Gruppe, gehe auf meinen Weg und hier siehst du diese zwei kleinen Pfeilrichtungen. Ich werde wechseln, welche ausgewählt ist und jetzt wird es in die richtige Richtung animieren. Zu [unhörbar] sehr ähnlich dem, was ich Ihnen gezeigt habe, als ich die Welt der Schrift zeigte. Wir werden das tatsächlich auf die gleiche Weise animieren. Aber Sie fragen sich vielleicht, wie wir diese Textur zum Auftauchen bringen werden. Wir werden am Ende Masse benutzen. Aber zuerst, lassen Sie uns einfach über die Animation dieser Briefe kümmern. Was ich tun kann, ist nur diese Trimmpfade auszuwählen, Befehl C, um sie zu kopieren. Gehe in meine nächste Schicht von [unhörbar], dass auch ich es sehen kann und drücke Befehl V zum Einfügen. Wenn ich auf meiner Tastatur U drücke, kann ich alle Keyframes sehen, die Layer hat. Jetzt habe ich sowohl das E als auch das X animiert. Dann werde ich diese Keyframes einfach so staffeln, dass sie ein wenig später beginnen. Dies ist eine kürzere Linie, also brauche ich wahrscheinlich nicht die Animation, um so lange zu halten. Ich ziehe das einfach dorthin. Dann werde ich das P lösen und die Trimmpakete einfügen, U drücken, um die Schlüsselbilder zu sehen und mal sehen, wie das aussieht. Mein P hat zwei Teile und Sie können sehen, dass beide die Trimpass-Effekte gleichzeitig erhalten. Wenn ich nicht möchte, dass das passiert, sagen wir, ich möchte, dass eins nach dem anderen animiert wird, kann ich diesen Trim-Pass mehrere Formen von gleichzeitig zu einzeln ändern. Jetzt werden Sie sehen, dass der Bauch des P zuerst animiert und dann die Linie. Die Linien gehen eigentlich nicht so, wie ich es wollte, es sieht so aus, als wäre das Gruppe zwei. Ich ändere einfach die Richtung und das sieht gut aus. Eine andere Sache, die ich tun kann, ist, wenn ich möchte, dass diese gestaffelt werden, wie die gerade Linie des P gerade animiert. Nun, dieser Teil des p wird animiert, ich kann diese Ebene einfach duplizieren. Dann werde ich die Gruppe eins von dieser löschen und hier eingehen und Gruppe zwei löschen. Im Grunde habe ich jetzt gerade die beiden getrennt. Wenn ich auf der Tastatur U drücke, um meine Keyframes zu sehen, kann ich diese einfach staffeln. Vielleicht kommt die Linie zuerst und dann kommt der runde Teil des P an zweiter Stelle. Sie sind jetzt etwas versetzt. Dann möchten Sie diesen grundlegenden Vorgang nur auf allen anderen Ebenen wiederholen , so dass alles mit Trimmpfaden animiert wird. Ich werde diesen Koch-Show-Stil machen und in einer Sekunde mit all meinen Briefen wiederkommen , die animieren. Aber zuerst möchte ich dir nur etwas zeigen, das du auf Briefen wie dem O tun kannst . Ich werde nur das zeigen, dann gehe ich rein und füge diese Trimmpfade wieder ein. Dann werde ich in meine Trimmpfade umschalten. Beachten Sie, wie das O hier von der rechten Seite beginnt. Was, wenn ich wollte, dass es an der Spitze beginnt? Ich kann diesen Offset-Wert verwenden, um anzupassen, wo sich meine Linie entlang des Pfades befindet, also werde ich es einfach hier heraufbringen. Jetzt, wie Sie sehen können, ist es oben und geht herum. Eine andere Sache, die ich tun kann, ist die Bewegung der Linie zu animieren. Nun, es ist animiert auf. Ich werde nur einen Schlüsselrahmen für den Offset setzen und dann ein wenig vorwärts gehen, nicht den ganzen Weg zu diesem Schlüsselbild jetzt gehen, weil ich in nicht den ganzen Weg zu diesem Schlüsselbild jetzt gehen der Lage sein will, zu sehen, was ich tue. Ich ziehe diesen Offset-Wert nur ein wenig nach rechts. Sie können sehen, dass bewegt sich eine Linie entlang des Pfades. Dann werde ich diese beiden Schlüsselbilder, die ich auf dem Offset mit den Endschlüsselbildern erstellt habe, ausrichten . Mal sehen, wie das aussieht. Sie können sehen, dass es sich beim Animieren auch ein wenig bewegt. Es macht Ihre Animation nur ein wenig interessanter. Ich habe alle meine Ebenen animiert und möchte Ihnen nur ein paar Dinge zeigen. Das erste, was auf diesen Strahlen ist, jeder Strahl hat mehrere Stücke. Ich setze die Trimmpfade so ein, dass mehrere Formen einzeln geschnitten werden. Dann musste ich sicherstellen, dass die Richtung von ihnen die richtige Richtung war , damit sie von innen nach außen animieren würden. Für einige der Ebenen musste ich die Layerreihenfolge dieser beiden Gruppen neu anordnen. Denn jetzt können Sie sehen, dass ich das ferne zuerst animieren und dann eine schließen werde. Beachten Sie, dass die Layerreihenfolge hier wichtig ist, wie die Linien animiert werden, wenn der Trimmpfad auf einzeln festgelegt ist. Im Moment kommen alle meine Ray-Layer zur gleichen Zeit und ich möchte sie tatsächlich staffeln. Ich werde Ihnen zeigen, wie ich das wirklich schnell machen kann. Ich denke, ich werde sie von der rechten Seite nach links staffeln weil Sie diese Erkundung Colorado animieren und von links nach rechts sehen. Dann geht dieser schöne Bogen auf der R und dem E wieder hoch. Es zeigt dein Auge auf die Sonne. Es wäre cool, wenn ich die Strahlen hier auf diese Weise anfangen würde. Dann werde ich Colorado wieder von links nach rechts animieren. Das führt dein Auge den ganzen Weg um das ganze Stück. Macht wie eine schöne Spiralform, dass Ihr Auge wird zu folgen, wenn Sie diese Animation sehen. Eine schnelle Sache ist, dass ich meine Ebenen farblich codiert habe. Sie können das ganz einfach tun, indem Sie einfach auf das farbige Feld auf Ihrer Timeline klicken. Dann können Sie eine dieser Farben aus der Liste auswählen. Um mit diesen Ray-Layern zu beginnen, wähle ich den ersten aus, drücke dann Shift und wähle den letzten aus. Die Reihenfolge, in der Sie diese auswählen, spielt eine Rolle. Stellen Sie sicher, dass das, was Sie zuerst auswählen, zuerst animieren möchten. Das erste, was ich tun muss, ist, diese Schichten so zu trimmen, dass sie nur einen Frame dauern. Ich werde die Option und die rechte Klammertaste drücken, um sie auf jeweils einen Frame zu trimmen. Dann werde ich mit der rechten Maustaste klicken, zu Schlüsselbild-Assistenten Sequenz-Layer gehen und OK drücken. Sie können sehen, dass es alle meine Schichten in diesem schönen Wasserfall versetzt. Ich möchte nicht wirklich, dass sie nur jeweils einen Frame dauern, also werde ich alle Ebenen herausziehen, um die gesamte Länge meiner Timeline zu halten. Jetzt können Sie sehen, dass sie gestaffelt sind, wenn sie in animiert werden. 17. Maskierung: An dieser Stelle sollten Sie Ihr Design animieren lassen. Aber wir können die Textur nicht sehen, da wir nur in den Formebenen animieren, bei denen es sich um solide Striche handelt. Ich habe meine Textur hier, und sie ist gerade versteckt, aber das ist meine Texturebene. Ich muss dafür sorgen, dass meine Formebenen diese Texturebene offenbaren. Was ich tun werde, ist wählen Sie alle meine Formebene, so dass alles, was Animation darauf hat, so dass alle diese Ebenen, also im Grunde alles außer dem Hintergrund und der texturierten Photoshop-Ebene, und ich werde Befehl, Umschalttaste und C, und das wird diese vorkomponierte Box bringen. Was ich tue, ist, alle diese Ebenen in ihre eigene Komposition zu verschieben, und ich werde diese Animation aufrufen, und ich habe alle Attribute in die neue Komposition überprüfte. Dann werde ich OK drücken, und dann können Sie sehen, dass es all diese Ebenen in diese eine Komposition komprimiert hat, und wenn ich auf diese Komposition doppelklicke, gibt es alle meine Ebenen und meine Animation. Was Sie jetzt tun müssen, ist, zurück in Ihre Hauptkomposition zu gehen , wo Sie Ihren Hintergrund, Ihre Texturebene und Ihre Animationsebene haben . Auf dieser Photoshop-Texturebene möchten Sie zur Spurmatte wechseln Wenn Sie die Option „Spurmatte“ nicht sehen, klicken Sie hier unten auf diese Schaltfläche, auf der Schalter und Modi umschalten steht. Sie können sehen, dass, dass Ihre Spurmatte Option ein- und ausgeblendet. Dann, wo es jetzt keine sagen sollte, möchten Sie das in Alpha Matte-Animation ändern. Beachten Sie nun, dass meine Animationskomposition automatisch ausgeblendet wurde, als ich dies zu einer Alpha-Matte machte , und jetzt können Sie sehen, dass meine Animation die darunter liegende Texturebene enthüllt, da ich diese als Alpha-Matte verwende. 18. Farben hinzufügen: Lassen Sie uns die endgültige Animation machen, wie es eine dunkelgrüne Linie gibt, die animiert wird, bevor die weiße Linie animiert wird. Wenn ich es pausiere, kann man sehr deutlich sehen, wie hier, es gibt eine dunklere grüne Linie, die die weiße Linie führt. Vergewissern Sie sich, dass Sie alle diesen Effekt bekommen. In meiner Komposition habe ich meine Pre-Comp, die meine Animation ist , die die Texturebene enthüllt. Was ich tun kann, ist, meine Animation und meine Texturebene zu duplizieren, beides auszuwählen und dann „Befehl D“ zu drücken. Dann werde ich nur diese beiden Ebenen ziehen, ein paar Frames in der Zukunft. Dann gehe ich zurück zu meiner ersten Version, der, die zuerst kommt. Ich werde die „Explore Colorado“ auswählen , denn das ist die Sache, die hier sichtbar ist. Ich will das zur dunkelgrünen Linie machen, oder du kannst es machen, was auch immer du willst. Ich gehe zu meinem „Effekte & Voreinstellungen“ -Panel, und wenn Sie das nicht sehen, gehen Sie einfach zu einem „Fenster“ und stellen Sie sicher, dass „Effekte & Voreinstellungen“ ausgewählt ist. Dann werde ich in meinen Effekten und Voreinstellungen nur fill eingeben. Grundsätzlich einfach eine Suche nach Füllung, und dann möchten Sie dieses 32 füllen und nehmen Sie einfach diese und ziehen Sie es auf Ihre texturierte Photoshop-Ebene. Jetzt können Sie sehen, dass es eine rote Farbe darüber hinzugefügt hat. Ich werde haben, dass dies Kontrollen hier drüben beeinflusst. Wenn Sie das nicht wieder sehen, gehen Sie zu „Windows“, damit Sie Ihre Effekte und Steuerelemente sehen können. Dort, wo es „Farbe“ steht, klicke ich einfach auf das rote Quadrat und ändere es in die gewünschte Farbe. Ich werde die Pipette verwenden, um meine Hintergrundfarbe zu testen und dann einfach ziehen, um sie dunkler zu machen, vielleicht so etwas, dann drücke einfach „Okay“, und lass uns das zurückspielen. Jetzt haben wir die grüne Linie, die die weiße Linie führt. Sie können diesen Schritt so oft tun, wie Sie möchten, um wie ein Regenbogen von Farben, die in animiert werden. Denken Sie daran, dass alles, was oben ist, die Sache sein wird, die gesehen wird. Ihre Ebenenreihenfolge ist hier auf jeden Fall wichtig, was Sie oben sehen, ist das, was hier gezeigt wird. Mein Weiß vertuscht meine Farbe. Sie können die gleiche Technik verwenden, um Farben hinzuzufügen, auch wenn Sie keine Textur verwenden. Ich werde diesem Beispiel auch eine Farbe hinzufügen. Ich habe alles in dieser einen Komp namens Lettering. Was ich einen anderen Weg machen kann, anstatt vorher zu komponieren, ist, dass ich einfach diesen Comp nehmen kann, ihn hier auf den neuen Comp Button ziehen kann, dann wirst du sehen, dass er eine neue Komp für mich gemacht hat. Es nannte es Schriftzug 3. Ich werde es nur auswählen, drücken Sie „Enter“, um es umzubenennen, und dann können Sie sehen, dass es einen neuen Comp mit meinem ursprünglichen Schriftzug comp gemacht hat. Wenn ich darauf klicke, habe ich den Hintergrund in dieser Ebene. Wenn ich duplizieren und staffeln würde, würde mein Hintergrund die Dinge blockieren. Ich werde nur diesen Hintergrund kopieren und ihn aus dieser Komp löschen, zurück in meine Komp, die ich gerade gemacht habe. Sie können sehen, dass wir jetzt den Schriftzug, aber keinen Hintergrund haben. Ich füge einfach den Hintergrund ein und bringe ihn auf den Grund. Da gehen wir hin. Nun, ich werde meinen Schriftzug duplizieren und diesen einfach ein paar Frames nach vorne bringen. Klicken Sie auf die untere, gehen Sie zu „Effekte & Voreinstellungen“, suchen Sie nach Füllung, ziehen Sie die Füllung auf diese Ebene, ändern Sie sie von rot in eine andere Farbe, vielleicht so etwas, und dann lassen Sie uns diese zurück. Wenn ich wollte, könnte ich das noch mal machen, ich werde das nur duplizieren, und vielleicht machen wir den ersten zum dunkelsten. Sie müssen nicht die gleichen monochromen Farben verwenden. Du kannst es immer mehr ändern als ich. Aber jetzt haben wir insgesamt drei Farben. 19. Abgangs-Animation: Wir sind hier fast fertig, aber unsere Animation ist nicht animiert. Lasst uns das jetzt anpacken. Es gibt ein paar Möglichkeiten, wie Sie dies sehr einfach tun können. Das erste, was wir tun könnten, ist, wählen Sie die obere Animationskomposition, dann duplizieren Sie diese Ebene, indem Sie „Befehl D“ drücken. Dann werde ich mit der rechten Maustaste auf die oberste Ebene klicken, gehen Sie zur Zeit, Zeit umgekehrte Schicht. Was dies tun wird, ist die ganze Schicht zu nehmen und sie im Grunde im Rückspulen zu spielen. Wenn ich diese Ebene nur solo, beginnt sie mit dem gesamten Design dort und dann wird es genau die gleiche Art und Weise animieren, wie es in umgekehrter Richtung kam. Wir können damit unseren Schriftzug animieren. Mal sehen, wo es anfängt zu animieren. Ungefähr hier. Was ich tun werde, ist, dass ich diesen Ort markieren möchte. Was ich tun kann, ist „Control 8" zu drücken, um einen Marker zu setzen. Sie können auch zu „Ebene“, „Marker“ und „Marker hinzufügen“ wechseln. Ich werde tatsächlich den Anfang dieser Komposition ziehen , so dass ich die Schicht der Komposition zurückschälen. Ich verschiebe die Komposition nicht wirklich und ich werde das auch auf diesen Marker setzen, weil ich diese Ebene nicht sehen möchte, bevor sie anfängt zu animieren. Dies animiert nur diese Ebene und es wird keine strukturierte Ebene aufgehoben. Was ich tun muss, ist nur die Textur zu duplizieren und sie wurde einfach automatisch dorthin verschoben, wo ich sie wollte und sie hat sich auf Alpha Matte gesetzt. Ich bin schon bereit zu gehen. Ich muss sicherstellen, dass ich diese Animationsebene ausblenden, damit meine Textur durchsehen kann. Wo sich dieser Marker befindet, wird er anfangen zu animieren, aber das ist zu früh, weil er an diesem Punkt noch nicht einmal animiert hat. Ich werde es nur verschieben, es sieht so aus, als wäre es fertig, da drin zu animieren und dann kann es anfangen, da draußen zu animieren. Aber Sie werden keine Animation sehen da alle diese anderen Layer noch sichtbar sind. Was ich tun muss, ist, diese Schichten zu trimmen. Ich werde nur alle Ebenen auswählen, die getrimmt werden müssen. Das ist keine der Ebenen, die getrimmt werden müssen. Ich werde „Option“ und die „rechte Klammer „-Taste drücken, um diese Ebenen zu trimmen. Uns läuft die Zeit davon, um das zu animieren. Ich muss meine Komposition länger machen. Ich werde „Befehl K“ drücken, um meine Kompositionseinstellungen aufzurufen , oder Sie können zu den Kompositionseinstellungen gehen. Ich werde nur auf die Dauer gehen und das länger machen. Lass uns nur 10 Sekunden machen und ich werde „Okay“ drücken. Jetzt können wir den Rest davon sehen. Ich müsste diese Texturebene so herausziehen, dass sie die gleiche Länge wie die Animationsebene darüber hat. Lasst uns das zurückspielen. Ein paar Dinge sind falsch. Das erste ist, dass meine Hintergrundebene nicht die ganze Zeit andauerte. Ich muss das nur rausziehen. Die zweite Sache ist, dass du meine grüne Linie nicht mehr sehen kannst. Das liegt daran, dass es irgendwie versehentlich versteckt wurde. Lass uns die ganze Sache noch einmal spielen. Wenn es animiert, gibt es keine grüne Linie, die den Weg führt, und Sie könnten das tun, indem Sie diese Ebenen duplizieren und sie dann staffeln und grün färben, genau wie wir es für den Anfang getan haben. Ich möchte meine Animation nicht wirklich so machen weil es scheint, als ob es zu lange dauert, bis eine Animation für mich. Ich werde das nur löschen. Ich gehe zurück in meine Animationskomp und animiere sie da draußen. Mal sehen. Wie lange dauert es, um in zu animieren? Es sind ungefähr vier Sekunden. Ich werde zu fünf Sekunden gehen. Ich werde nur eine Markierung auf meiner Timeline setzen, damit ich mich erinnere, wo ich anfangen zu animieren. nichts ausgewählt ist, werde ich „Control 8" drücken, um einen Marker auf meiner Timeline zu setzen. Sie können tatsächlich eine Notiz zu Ihren Markern hinzufügen. Wenn Sie nur auf die Markierung doppelklicken und Sie können eingeben. Nun, was ich tun möchte, ist, alle meine Keyframes zu kopieren und dann einfach umzukehren, wie sie animieren. Ich möchte sie, anstatt von hier nach hier zu animieren, möchte ich sie rückwärts von hier nach hier animieren. Was ich tun muss, ist, einfach alle meine Keyframes zu kopieren und sie umzukehren. Leider müssen Sie Ihre Keyframes Ebene für Ebene auswählen und kopieren und einfügen. Es sei denn, Sie haben dieses super handliche Plugin namens Motion 2. Ich habe keine Zugehörigkeit zu den Leuten, die Bewegung 2 machen, und eigentlich gibt es jetzt Motion 3, ich habe einfach nicht aktualisiert. Was Sie damit machen können, ist, drücken Sie „Klon“. Es gibt eine Menge anderer wirklich nützlicher Werkzeuge, die ich jeden Tag benutze. Deswegen erzähle ich dir davon. Was Sie mit Motion 2 tun können, ist, dass Sie sie nicht einzeln für jede Ebene kopieren müssen, sondern sie alle auf einmal klonen müssen. Wenn Sie nun versucht haben, alle diese Keyframes auf einmal zu kopieren, werden Befehlstaste-C, Befehl V, nach Effekten neue Ebenen eingefügt, und das ist nicht das, was ich will. Deshalb brauchst du Bewegung 2 oder um es individuell zu machen. Ich werde nur alle meine Keyframes auf allen Ebenen auswählen. Wir gehen wieder nach oben und überprüfen, ob ich sie alle habe, und dann werde ich „Klon“ drücken. Was Bewegung 2 getan hat, ist einfach alle meine Keyframes eingefügt, beginnend bei meiner Zeitanzeige. Ich muss meinen Komp länger machen. Ich werde „Befehl K“ drücken, nur um das 10 Sekunden zu machen und jetzt kann ich all die Keyframes sehen, die ich gerade eingefügt habe. Ich wähle alle Keyframes aus, die ich gerade eingefügt habe. Klicken Sie dann mit der rechten Maustaste auf eines der Keyframes. Wechseln Sie zum Keyframe-Assistenten, Time-Reverse-Keyframes. Dies ist im Wesentlichen das gleiche, was ich getan habe, als ich meine Ebene zeitumkehre, aber ich mache jetzt nur eine Keyframe-Ebene. Sie können sehen, dass mein Design zurück ist und jetzt wird es animiert, genauso wie es kam, aber auf Keyframe-Ebene, so dass die Animation anders aussieht. Das erste, was in animierte, war das E, und das ist auch das erste, was animiert. Es ist ein bisschen anders, als wenn ich die gesamte Ebene umgekehrt habe, aber es wird immer noch die gleiche Zeit in Anspruch nehmen , weil meine Keyframes immer noch die gleiche Menge verteilt sind. Was ich von hier aus tun möchte, ist mein Keyframe so anzupassen, dass sie nicht so verteilt sind. Ich möchte diese Animation schneller machen. Was ich denke, ich werde versuchen, ist, alle Keyframes zu ziehen, so dass der letzte Keyframe auf diesem Fünf-Sekunden-Marker landet. Leider ist das ein wenig mühsam, weil man Schicht für Schicht machen muss. Ich mag die Art, wie das aussieht. Ich mag, wie der Beginn der Animation alle Arten von gestaffelt ist, aber es endet alles ungefähr zur gleichen Zeit. Ich gehe zurück in meinen ursprünglichen Entdecker Colorado Comp und ziehe dann diese Ebenen heraus, so dass sie die ganze Zeit dauern. Sie werden sehen, dass Sie nicht wirklich viel von diesem Grün durchscheinen sehen. Ich denke, ich möchte diese animieren ein wenig später, also lassen Sie mich zurück gehen wählen Sie alle meine Keyframes aus. Lassen Sie uns es einfach so machen, dass der erste Keyframe, der anfängt, zu animieren, auf diesem Out-Marker ist, den ich erstellt habe. Ich gehe zurück in die Hauptkomp. Nehmen wir diese beiden Schichten, die die grüne Linie bilden. Ich werde „Command“ shift „D“ drücken, um meine Ebenen zu schneiden, und dann kann ich rechtzeitig ein wenig voran gehen, damit ich sehen kann, wo das Grün auftauchen würde. Dann passen Sie einfach diese Ebenen an, so dass das Grün ein wenig mehr erscheint. Es wird so etwas sein. Werfen wir einen Blick. Ich finde, das sieht gut aus. 20. Exportieren (Rendering): Lassen Sie uns diese Datei s exportieren, o wir können sie außerhalb von After Effects anzeigen. Ich werde Ihnen zeigen, wie Sie ein paar verschiedene Arten von Dateien und MOV und mp4 und ein GIF exportieren. Von den drei Optionen, MOV ist wahrscheinlich die beste Qualität, aber auch die größte Dateigröße, mp4 ist sehr universell und es ist komprimiert, aber es behält immer noch seine Qualität, so dass es immer noch gut aussieht. Ein mp4 ist ideal für das Posten auf Instagram. Gif sind ideal für die Verwendung auf Websites, weil sie automatisch ohne eine Play-Schaltfläche spielen und Sie können sie Schleife machen. Zuerst möchte ich sicherstellen, dass meine Komposition keine zusätzliche Zeit hat, wo nichts passiert. Ich werde das nur mit sechs Sekunden beschneiden. Nun, eine Möglichkeit, das zu tun, das wirklich schnell ist, ist einfach die Eingabetaste auf Ihrer Tastatur zu drücken. Dies bringt Ihren Arbeitsbereich dorthin, wo sich Ihr Spielkopf befindet, das Ende Ihres Arbeitsbereichs. Wenn Sie auf Ihrer Timeline bemerkt haben, haben Sie diesen grauen Balken und das ist Ihr Arbeitsbereich. Wenn Sie Dinge in After Effects wiedergeben und diese grüne Linie sehen, bedeutet das, dass es RAM in der Vorschau angezeigt wird. Es ist also im Grunde berechnet, wie der gesamte Frame aussehen sollte und er spielt ihn zurück, wie es in Ihrer endgültigen Animation der Fall ist. Sie könnten feststellen, dass das erste Mal, wenn Sie etwas durch spielen, Sie nicht über die komplette grüne Linie und dauerte ein paar Mal für sie zu spielen durch, bevor es durch schön und glatt gespielt. Wo sich Ihr Arbeitsbereich befindet, ist die einzige Sache, die abgespielt wird, wenn Sie eine Vorschau in AfterEffects ansehen und auch wenn Sie es in ein endgültiges Videoformat rendern. Sie können es einfach so lassen und es wird nur diesen Abschnitt rendern, oder Sie können Ihre comp tatsächlich schneiden, wenn Sie nicht wollen, dass extra, ist nicht wirklich wichtig, aber ich werde nur mit der rechten Maustaste auf meinen Arbeitsbereich und sagen trimmen comp zum Arbeitsbereich. Das wird genau so tun, wie es sagt. Also, jetzt gehe ich zur Komposition, füge zur Renderwarteschlange hinzu. Dann werden Sie sehen, dass es diese Registerkarte in der Timeline öffnet. Hier können Sie festlegen, welche Einstellungen Sie wollen. Also werde ich zu den Formatoptionen gehen. Stellen Sie sicher, dass ich Apple Fortschritt 4.2.2 habe. Drücken Sie OK und klicken Sie erneut auf OK. Sie können hier sehen, es geht, um eine MOV-Datei zu machen. Wenn Sie auf Ihren Projektnamen klicken, können Sie auswählen, wohin Sie diese exportieren möchten. Ich exportiere meine Animationen gerne in einen Ordner innerhalb der restlichen Projektordner und ich rufe es einfach heraus, so weiß ich, dass es eine letzte Sache ist, die ich gerendert habe. Ich werde nur dieses Explore Colorado machen und auf Speichern drücken. Um dann das Rendern zu starten, möchten Sie diese Schaltfläche „Rendern“ direkt hier drücken. Sie haben dieses schöne Geräusch, und dann können Sie navigieren, wo Sie es gespeichert haben, und doppelklicken, und wenn Sie auf einem Mac sind, wird es in QuickTime geöffnet und Sie können es spielen. Jetzt lassen Sie mich Ihnen zeigen, wie Sie ein MP4 exportieren. Jetzt können Sie eigentlich kein MP4 von AfterEffects exportieren, was für mich etwas seltsam ist, aber es gibt eine Möglichkeit, es zu tun und es ist ziemlich einfach. Also gehe ich einfach zur Komposition und füge zur Adobe Media Encoder Queue hinzu. Sie müssen das also zuerst auf Ihrem Computer installiert haben. Es wird Media Encoder öffnen. Was Medien-Encoder ist, es ist nur im Grunde Rendering-Maschine. So können Sie sehen, dass es in seiner Warteschlange diese Explore Colorado Datei hat, die ich gerade an sie gesendet habe. Sie möchten sicherstellen, dass Sie den richtigen Dateityp haben. Klicken Sie also einfach hier. Dann können Sie hineingehen und das Format ändern. Ich benutze gerne H.264. Sie können sehen, dass dies ein mp4 exportiert. Wenn Sie Audio haben, stellen Sie sicher, dass Sie diese Schaltfläche aktiviert haben. Aber da ich es nicht tue, werde ich es einfach deaktivieren und dann einfach OK drücken und dann auf den Dateipfad klicken, um zu entscheiden, wo Sie das speichern möchten. Drücken Sie Speichern, und klicken Sie dann auf die grüne Wiedergabe-Schaltfläche, um zu rendern. Jetzt habe ich eine MP4-Datei. Sie können auch einfach eine vorhandene Datei in den Medien-Encoder ziehen, um das Format zu ändern. Jetzt werden Sie sehen, dass dies wird es zu einem MP4 von einem MOV konvertieren. Sie können auch ein GIF aus dem Medien-Encoder exportieren. Wenn Sie also auf Ihr Dateiformat klicken, können Sie animiertes GIF aus der Liste auswählen. Dann rendern Sie das einfach aus. Um dann Ihr animiertes GIF wiederzugeben, ziehen Sie es einfach in einen Webbrowser. Es sollte automatisch für immer Schleife. 21. Aufarbeitung: Vielen Dank, dass Sie sich mir in diesem Kurs angeschlossen haben. Ich hoffe, du hattest so viel Spaß wie ich, und ich hoffe, du fühlst dich wohler in After Effects. Ich kann es kaum erwarten, Ihre Schriftzug-Animation zu sehen, also vergessen Sie nicht, sie im Klassenprojekt zu posten. Sie können meine Arbeit auf meganfriesth.com oder auf Instagram @explanimated finden und mich dort markieren, wenn Sie Ihre Schriftzug-Animation posten. Wenn Sie diesen Kurs genossen haben, würde es mir so viel bedeuten, wenn Sie eine Rezension hinterlassen würden, und wenn es etwas gibt, das Sie lernen müssen, lassen Sie es mich wissen. Bis zum nächsten Mal, glücklich animieren.