Wiederverwendbare Motion-Design für Videos: Von Adobe After Effects bis Premiere | Megan Friesth | Skillshare

Playback-Geschwindigkeit


1.0x


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

Wiederverwendbare Motion-Design für Videos: Von Adobe After Effects bis Premiere

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:52

    • 2.

      Was Sie erwarten können + Klassenprojekt

      1:26

    • 3.

      Führung durch After Effects

      8:09

    • 4.

      Titelkarte erstellen

      15:34

    • 5.

      Titelkartenvorlage

      11:42

    • 6.

      Unteres Drittel erstellen

      14:04

    • 7.

      Vorlage für eine Bauchbinde

      13:33

    • 8.

      Anzeige für animierte Blütezeit

      10:26

    • 9.

      Blütezeitanzeige der Vorlage

      7:30

    • 10.

      Pflanzenfakten animieren

      10:20

    • 11.

      Vorlage – Fakten zur Anlage

      8:51

    • 12.

      Bestäuberzeiger animieren

      10:17

    • 13.

      Vorlage Bestäuberzeiger

      16:44

    • 14.

      Alles zusammenfügen

      5:14

    • 15.

      Weitere Kurse

      0:45

  • --
  • 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.

786

Teilnehmer:innen

5

Projekte

Über diesen Kurs

Erfahren Sie, wie Sie wiederverwendbare Bewegungsgrafikvorlagen in Adobe After Effects animieren, um sie in Premiere Pro-Videoprojekten anzupassen.

Wenn Sie Videoinhalte jeglicher Art erstellen, mussten Sie wahrscheinlich Grafiken oder Text auf Ihre Aufnahmen überlagern. Dies manuell für mehrere Versionen durchzuführen, kann mühsam und zeitaufwendig sein, insbesondere wenn Sie die Animation jedes Mal anpassen müssen.

Wenn Sie diese animierten Grafiken in Bewegungsgrafikvorlagen (.mogrts) umwandeln, können Sie unzählige Arbeitsstunden sparen.

Beim Hinzufügen benutzerdefinierter Bewegungsgrafiken zu Ihren Videos geht es nicht nur um Ästhetik, sondern auch um zusätzliche Informationen und um Ihre Inhalte hervorzuheben. Es ist zwar einfach, vorgefertigte Mogrts zu kaufen, aber Sie können durch Erstellen eigener Mogrts eine persönliche Note hinzufügen oder sie auf Ihr Branding abstimmen. Sie können Ihre Vorlagen sogar teilen oder verkaufen!

In diesem Kurs lernen Sie, wie Sie fünf Bewegungsgrafikvorlagen erstellen:

Du lernst, wie du:

  • Erstellen grundlegender Grafiken mit Form Tools
  • Festlegen von Keyframes und Animieren von Transformationseigenschaften wie Position, Skalierung, Drehung und Deckkraft
  • Animieren von Text mit einfachen Textanimatoren
  • Beibehalten der Strichstärke einer Grafik bei Änderungen der Skalierung
  • Erstellen von Matten, um zu steuern, wo eine Ebene sichtbar ist
  • Verwenden von Nullobjekten als Controller
  • Verwenden des Bedienfelds Essential Graphics in After Effects
  • Einrichten und Verbinden von Expression-Controllern
  • Erstellen von Text, der automatisch zentriert wird, unabhängig davon, ob es eine oder zwei Zeilen gibt
  • Verwenden von Ausdrücken, um die Größe eines Textfelds und einer Zeile automatisch basierend auf dem Inhalt zu ändern
  • Erstellen einer Vorlage mit auswählbaren Symbolen und Text
  • Erstellen einer animierten Grafik mit einem beweglichen Zeiger
  • Einrichten von Vorlagen, die in Premiere Pro neu gestaltet werden können (Responsive Design – Zeit)
  • Anpassen von Bewegungsgrafikvorlagen in Premiere Pro
  • Und so viel mehr!

Für wen dieser Kurs geeignet ist:

Bevor Sie an diesem Kurs teilnehmen, sollten Sie über grundlegende Kenntnisse der Videobearbeitung in Premiere Pro verfügen. Dieser Kurs richtet sich an Videobearbeiter, die ihren Projekten benutzerdefinierte Bewegung Grafiken hinzufügen möchten, auch wenn Sie After Effects noch nie geöffnet haben.

Während wir fortgeschrittene Themen wie das Bedienfeld Essential Graphics und Ausdrücke behandeln, führe ich Sie durch jeden Schritt, damit Sie die Beispiele nachbilden können. Erwarten Sie, gefordert und geführt zu werden.

Sie benötigen After Effects Version 14.2 (veröffentlicht 2017) oder neuer, um .mogrts erstellen zu können.

Erfahren Sie mehr über die Zusammenarbeit von After Effects und Premiere Pro in diesem Video:

Wenn dir dieser Kurs gefallen hat, gefallen dir vielleicht auch diese Kurse:

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: Wenn Sie Videoinhalte jeglicher Art erstellen, mussten Sie Ihr Filmmaterial wahrscheinlich mit Grafiken oder Text überlagern Ihr Filmmaterial wahrscheinlich mit Grafiken oder Text überlagern Dies manuell für mehrere verschiedene Versionen zu tun , kann zeitaufwändig und mühsam sein, insbesondere wenn Sie die Animation jedes Mal anpassen müssen Hier kommen Animationsvorlagen oder Mgarts ins Spiel. Willkommen bei wiederverwendbaren Animationsgrafiken pro Video von Adobe After Effects bis Premiere Ich bin Mcenfres und ich bin ein Erklärer. Ich schreibe, illustriere und animiere pädagogische Animationen, die sich hauptsächlich auf Gesundheits- und Umweltthemen konzentrieren Ich unterrichte auch Bewegungsdesign und verwende in meinen Kursen und Tutorials viele Titelkarten, untere Drittel und Zeiger Durch die Umwandlung dieser Animationsgrafiken in Vorlagen habe ich mir unzählige Stunden Arbeit erspart In diesem Kurs zeige ich Ihnen meinen genauen Arbeitsablauf von der Erstellung von Animationen und After Effects bis hin zur Anpassung in Premiere Sie lernen, wie Sie eine Titelkarte erstellen , die den Text automatisch zentriert, unabhängig davon, ob es sich um eine oder zwei Zeilen handelt, anpasst und das untere Drittel, das die Größe der Textfelder dynamisch an den Inhalt Außerdem habe ich drei Beispiele gehört, in denen Sie eine Vorlage mit auswählbaren Symbolen, einem beweglichen Zeiger und vielem mehr erstellen einem beweglichen Zeiger und Beim Hinzufügen von benutzerdefinierten Animationsgrafiken geht es nicht nur um Ästhetik. Auf diese Weise können Sie zusätzliche Informationen hinzufügen und Ihre Inhalte hervorheben Nun, es ist einfach, vorgefertigte Mbards zu kaufen. Ihre eigenen erstellen, können Sie eine persönliche Note verleihen oder sie an Ihr Branding Außerdem können Sie Ihre Animationsvorlagen teilen oder verkaufen . Dies ist für Videoeditoren konzipiert, die ihren Videoprojekten Animationsgrafiken hinzufügen möchten , auch wenn Sie After Effects noch nie zuvor geöffnet haben. Bob wird sich mit fortgeschrittenen Themen wie dem Bedienfeld „Essential Graphics“ und „Expressions“ befassen . Ich führe Sie durch jeden Schritt damit Sie die Beispiele erneut erstellen können Rechnet damit, herausgefordert, aber geführt zu werden. Wenn Sie also bereit sind, Ihre eigenen benutzerdefinierten Animationsvorlagen zu erstellen Ihre eigenen benutzerdefinierten Animationsvorlagen und Ihren Arbeitsablauf zu optimieren, dann lassen Sie uns loslegen 2. Was Sie erwarten + Kursprojekt: In diesem Kurs zeige ich Ihnen, wie Sie mit After Effects eine Vorlage für fünf verschiedene Animationsgrafiken animieren und einrichten eine Vorlage für fünf verschiedene After Effects eine Vorlage für fünf verschiedene Animationsgrafiken animieren Ich gehe davon aus, dass Sie die Grundlagen von Premiere kennen , aber am Ende des Kurses werde ich Ihnen zeigen, wie Sie die Animationsgrafiken verwenden, die wir in einem Videoprojekt in Premiere erstellen Poste für das Klassenprojekt eine oder mehrere Animationsgrafiken. Es kann genauso sein wie in meinen Beispielen, oder Sie können das, was Sie im Unterricht lernen, verwenden , um etwas Einzigartiges zu kreieren. Für die Titelkarte und das untere Drittel zeige ich Ihnen, wie Sie jeden Teil der Animationsgrafik in After Effects von Grund auf neu erstellen können. Für den Bloom-Timeie-Indikator, Pflanzenfax und Bestäuberzeiger habe ich Ihnen eine einzige After Effects-Projektdatei mit Kompositionen zur Verfügung gestellt After Effects-Projektdatei , die alle Grafiken enthält, die Ich zeige Ihnen, wie Sie diese animieren und sie dann zu einer Vorlage machen Gerne können Sie auch Ihre eigenen Grafiken erstellen. Wenn Sie Ihre Grafiken in Illustrator erstellen und sie zur Animation in After Effects importieren möchten , habe ich ein Tutorial, in dem erklärt wird, wie das geht Aber das ist völlig optional. Für die Videos, die ich im Beispiel für das Klassenprojekt verwende, habe ich Stockvideos von Pexels verwendet Ich habe Links zu den Videos hinzugefügt, die ich verwendet habe, aber Sie können gerne Ihre eigenen Videos verwenden oder andere Stockvideos verwenden, auf die Sie Zugriff haben Du findest alles, was du brauchst, im Abschnitt „Ressourcen“ des Kurses. Falls du unterwegs Fragen hast, kannst du diese gerne auf der Registerkarte „Diskussionen“ posten. Ein kurzer Haftungsausschluss. Ich habe versucht, mit meinem Thema der einheimischen Blumen in Colorado so genau wie möglich zu sein , aber ich weiß, dass es einige kleine Ungenauigkeiten gibt Falls also irgendein Botaniker da draußen zuschaut, verzeihen Sie mir bitte 3. Führung durch After Effects: In diesem Video gebe ich Ihnen einen Überblick über After Effects , falls Sie es noch nie zuvor verwendet haben oder eine Auffrischung benötigen Ich habe die After Effects-Projektdatei geöffnet , die ich Ihnen zur Verfügung gestellt habe und die die Grafiken enthält In diesem Kurs zeige ich Ihnen, wie Sie Vorlagen daraus machen Sie können diese Projektdatei im Bereich Ressourcen des Kurses herunterladen . Wie bei anderen Adobe-Programmen können Sie Ihren Arbeitsbereich anpassen. Wenn Sie zum Windows-Arbeitsbereich wechseln, können Sie einige der Standardarbeitsbereiche sehen Ich befinde mich in dem Arbeitsbereich , der als Standard bezeichnet wird. Wenn dein Workspace nicht wie meiner aussieht, kannst du ihn auf Standard setzen und es. Außerdem findest du unter dem Fenstermenü weitere Bedienfelder. Wir werden in diesem Kurs häufig wichtige Grafiken verwenden , aber ich werde das noch nicht öffnen weil es viel Platz beansprucht. Ich gehe zu Charakter, um das Panel zu öffnen , und es dockt es hier an, was in Ordnung ist. Das Eigenschaftenfenster, das sich hier befindet, ist wirklich nützlich und ich werde es häufig verwenden, also werde ich es an einen bequemeren Ort verschieben. Ich wähle einfach aus, wo sich der Name der Eigenschaften befindet, und ziehe ihn dann einfach hierher. Rauf in diese Tabs. Ich finde es einfach einfacher, damit zu arbeiten , wenn es hier drüben ist. Hier befindet sich auch das Projektfenster, dem alles, was Sie in After Effects importieren gespeichert wird und wo all Ihre Kompositionen gespeichert werden, was eine Sequenz in Premiere ist. Dort werden sie leben. In der Projektdatei , die ich Ihnen zur Verfügung gestellt habe, haben wir drei Kompositionen für die verschiedenen Grafiken, und ich habe alle drei in der Timeline geöffnet. Um eine Komposition zu öffnen, doppelklicken Sie einfach im Projektfenster darauf. Um eine neue Komposition zu erstellen, können Sie hier unten auf diese kleine Schaltfläche für neue Kompositionen klicken . In den Kompositionseinstellungen können Sie Ihrer Komposition einen Namen geben und dann die Abmessungen, die Bildrate, die Dauer und die Hintergrundfarbe ändern Bildrate, die Dauer und die Hintergrundfarbe Hier ist die neue leere Komposition. Lassen Sie uns üben, einige Dinge hinzuzufügen Wenn Sie zur oberen Werkzeugleiste gehen, gibt es ein Formwerkzeug. Wenn Sie es anklicken und gedrückt halten, finden Sie hier weitere Formwerkzeuge. Ich nehme einfach das Rechteckwerkzeug und klicke und ziehe dann einfach in deinem Kompositionsviewer , um ein Rechteck herauszuziehen. können Sie direkt in After Effects viele Grafiken erstellen Formwerkzeugen können Sie direkt in After Effects viele Grafiken erstellen. Sobald Sie eine Form erstellt haben, stellen Sie sicher, dass Sie zum Auswahlwerkzeug zurückkehren, indem Sie hier nach oben gehen, oder die Tastenkombination ist V. Wenn Sie die Farbe Ihrer Form ändern möchten, können Sie dies hier oben mit der Fläche und der Kontur tun, oder Sie können das im Eigenschaftenfenster tun, und Sie können es sogar in der Timeline ändern. Wenn Sie auf das Farbfeld klicken, wird der Farbwähler geöffnet in dem Sie die Farbe ändern können Wenn Sie einen Strich hinzufügen möchten, können Sie das ganz einfach im Eigenschaftenfenster tun Ich habe bereits einen Strich, aber ich muss nur die Konturbreite erhöhen Beachten Sie , dass, wenn Ihre Form ausgewählt ist und Sie eine weitere Form hinzufügen, diese derselben Ebene hinzugefügt wird. Ich werde nur dieses zweite Rechteck löschen. Wenn Sie beim Erstellen einer neuen Form nichts ausgewählt haben, wird die Form in einer eigenen Ebene erstellt. Wenn Sie die Ebenen auf der Timeline schließen oder alle Keyframes auf den Ebenen sehen möchten, können Sie die U-Taste auf der Tastatur drücken Es gibt auch ein Stiftwerkzeug, das sich gut zum Zeichnen von Linien eignet Sie können auch das Stiftwerkzeug verwenden, um einzigartige Formen zu zeichnen. Wenn du klickst und ziehst, werden Ziehpunkte zum Vorschein gebracht , sodass du Kurven bilden kannst. Anschließend können Sie diese Punkte auf dem Pfad oder den Kurven mit dem Auswahlwerkzeug anpassen. Ich werde all diese Formen bis auf die erste löschen . Es ist eine gute Idee, Ihre Ebenen immer zu beschriften. Um das zu tun, möchten Sie die Ebene auswählen und Return oder Enter drücken, und dann können Sie den Namen eingeben. Drücken Sie dann die Eingabetaste oder die Eingabetaste, um den Namen zu speichern. Das letzte Tool, über das Sie Bescheid wissen müssen , ist das Textwerkzeug. Wenn Sie es sich schnappen und dann auf eine beliebige Stelle im Kompositionsviewer klicken , können Sie mit dem Schreiben von Text beginnen. Um das Textwerkzeug zu verlassen, möchten Sie zum Auswahlwerkzeug zurückkehren. Sie können die Schriftart und alle Zeicheneinstellungen im Eigenschaftenfenster oder im Zeichenfenster anpassen alle Zeicheneinstellungen im . Gehen wir nun runter zur Timeline. Wo auch immer sich die Ebenenleiste auf der Timeline befindet, dort wird sie sichtbar sein. Wenn du zum Anfang oder Ende einer Ebene gehst, kannst du diese Doppelpfeile verwenden, um die Ebene zurück zu ziehen. Jetzt ist die Textebene erst sichtbar , wenn sie hier auf der Timeline angekommen ist. Um eine ganze Ebene zu verschieben, wählen Sie sie einfach aus und Sie können sie entlang der Timeline verschieben. Ich werde nur diese Textebene löschen. Beachten Sie dieses Fadenkreuz auf diesem Feld . Das ist der Ankerpunkt Von hier aus wird sich die Form verändern. Wenn Sie es drehen würden, würde es sich um diesen Punkt drehen. Wenn Sie den Ankerpunkt in einer Ebene zentrieren möchten, stellen Sie sicher, dass die Ebene ausgewählt ist dann die Befehlstaste gedrückt doppelklicken Sie auf das Pan-Hinter-Werkzeug. Außerdem können Sie mit dem Pan-Hinter-Werkzeug den Ankerpunkt an eine beliebige Stelle verschieben , ohne die Ebene zu verschieben. Wenn Sie den Befehl gedrückt halten , rastet er ein. Ich werde Z befehlen, das rückgängig zu machen und es wieder in die Mitte zu stellen. Dann gehe zurück zu meinem Auswahlwerkzeug mit V auf der Tastatur. Lassen Sie uns die Ebene in der Timeline öffnen und dann die Transformation öffnen Jede Eigenschaft, neben der sich ein kleines Stoppuhrsymbol befindet , können Sie animieren Lassen Sie uns die Position dieses Felds animieren. Um mit der Einstellung von Keyframes zu beginnen, müssen Sie zunächst auf das Stoppuhr-Symbol klicken Dann verschiebe ich meinen Abspielkopf, und es gibt verschiedene Möglichkeiten, den nächsten Keyframe einzustellen Sie könnten die Ebene in den Composition Viewer ziehen. Und Sie können den neuen Keyframe auf der Timeline sehen. Keyframes teilen After Effects , wo sich etwas zu einem bestimmten Zeitpunkt befinden soll einem bestimmten Zeitpunkt befinden Zwischen den Keyframes findet Aftereffect dann heraus, wie Sie von einem Keyframe zum nächsten gelangen Es interpoliert von einem Wert zum nächsten. Ich werde meinen Abspielkopf erneut verschieben und Ihnen eine andere Möglichkeit zeigen , einen neuen Keyframe zu erstellen Dazu klicken Sie auf diese Werte und ziehen sie mit der Maus hierher. Dann bewege ich meinen Abspielkopf erneut und zeige Ihnen eine weitere Möglichkeit: Sie können Werte eingeben, indem klicken und dann einfach einen Wert eingeben Jetzt haben wir eine wirklich einfache Animation und Sie können sie abspielen, indem Sie die Leertaste drücken Du kannst Animationen auch übereinander legen sodass ich sie gleichzeitig skalieren kann, während sie sich bewegt. Du wirst im Laufe des Kurses viel mehr Übung beim Einstellen und Animieren von Keyframes bekommen, aber das sind nur die Grundlagen Wenn Sie den Wert eines Keyframes anpassen möchten, können Sie ihn einfach mit Ihrem Abspielkopf durchgehen und dann diesen Wert anpassen Wenn Sie einen Keyframe löschen möchten, stellen Sie einfach sicher, dass er ausgewählt ist, und klicken Sie dann auf Wenn Sie alle Keyframes auf einer Ebene löschen möchten, können Sie die Stoppuhr drücken Ich werde zur Komposition des Bestäuberzeigers wechseln Komposition des Bestäuberzeigers und dann zum Projektfenster wechseln Sie können verschiedene Dateitypen in After Effects importieren , darunter Bilddateien, Grafiken aus Illustrator, Videodateien und Audio. Ich zeige dir, wie das geht Sie können zur Datei gehen, Datei importieren oder die Tastenkombination Commander Control I verwenden . Ich nehme einfach eines meiner Blumenvideos und drücke auf Öffnen. Sie können sehen, dass das im Projektfenster importiert wurde, und lassen Sie uns das dann in eine Komposition integrieren. Ich ziehe es einfach in die Timeline. Sie können sehen, dass die Reihenfolge der Ebenen in der Timeline wichtig ist, weil sie über allem anderen steht. Ich ziehe dieses Video einfach an den unteren Rand des Ebenenstapels, damit ich die Grafik darüber sehen kann. werden wir eigentlich keines unserer Videos in After Effects importieren Für dieses Projekt werden wir eigentlich keines unserer Videos in After Effects importieren. Wir werden das ganze Video in Premiere behalten. Ich zeige dir nur, dass du Dateien importieren kannst. Dies könnte auch nützlich sein, wenn Sie Ihre eigenen Grafiken entwerfen und sehen möchten, wie sie mit dem Video darunter aussehen. Wenn Sie Ihre eigenen Grafiken entwerfen, ist es wichtig, die Videoclips zu berücksichtigen , die Sie verwenden werden , und darüber, wie diese Grafiken über dem Video aussehen werden. Ich verwende viele weiße und dünne Linien, aber ich weiß, dass alle meine Videoclips schöne verschwommene Hintergründe mit offenen Bereichen haben schöne verschwommene Hintergründe mit , in denen ich diese Grafiken platzieren kann Ich weiß, dass es viele Informationen gab. Aber falls Sie jemals zurückgehen und sich schnell daran erinnern müssen , wie man etwas in After Effects macht, oder ein bisschen mehr darüber lernen müssen, wie man mit Formebenen arbeitet, habe ich genau für diesen Zweck eine Videoserie erstellt. Es heißt AE Fundamentals und ist völlig kostenlos Schauen Sie sich das auf jeden Fall an, wenn Sie sich ein bisschen verloren fühlen , oder Sie können jederzeit auf dieses Video zurückgreifen Aber mach dir auch keine Sorgen, denn während des gesamten Kurses werde ich jeden Schritt erklären, um die Beispiele zu vervollständigen. Wenn Sie in diesem Kurs üben , werden Sie sich mit After Effects viel wohler fühlen . 4. Titelkarte erstellen: Zuerst müssen wir eine neue Komposition erstellen. Sie können das tun, indem Sie hier auf die Schaltfläche für die neue Komposition klicken. Ich nenne diese Titelkarte und mache sie 1920 1080 und stelle sicher, dass Sie quadratische Pixel ausgewählt haben. Für die Bildrate verwende ich einfach 30 Bilder pro Sekunde , weil ich das normalerweise für Animationen verwende und damit fühle ich mich wohl. Sie möchten jedoch sicherstellen, dass Sie der Bildrate Ihres Videos entsprechen. Dann springe ich zur Dauer herunter und stelle sie einfach auf 6 Sekunden Ich lasse den Hintergrund schwarz, damit man die Dinge, mit denen ich arbeite, besser erkennen kann Aber es ist nicht wirklich wichtig, welche Farbe das ist weil sie in unserem endgültigen Videoprojekt nicht auftauchen wird . Aber wenn du die Farbe ändern möchtest, kannst du einfach in dieses Farbfeld hier klicken und schon hast du den Farbwähler Sobald all diese Einstellungen gut aussehen, klicken Sie einfach auf Als erstes werde ich eine Hintergrundfarbe erstellen. Um das zu tun, verwende ich das Formwerkzeug, das sich hier oben befindet. Wenn Sie nun klicken und gedrückt halten, gibt es hier tatsächlich mehrere verschiedene Formwerkzeuge. Stellen Sie also sicher, dass Sie das Rechteckwerkzeug auswählen. Um dann im Vollbildmodus eine Form zu erstellen , die dieselbe Größe wie die Komposition hat, können Sie einfach auf das Formwerkzeug doppelklicken. Von hier aus habe ich immer noch das Formwerkzeug für meine Maus. Ich gehe hier rauf und hole mir das Auswahlwerkzeug. Die Tastenkombination ist V. Das erste, was ich ändern möchte, ist die Füllfarbe. Ich könnte das hier oder im Eigenschaftenbereich tun . Es spielt keine Rolle Ich habe gerade einen Hex-Code aus meinem Design kopiert, in dem ich mir überlegt habe, wie ich in Illustrator aussehen möchte Aber Sie können den Farbwähler verwenden oder einfach einen Hex-Code einfügen oder die Zahlen hier anpassen, Sie Sobald Sie Ihre Farbe haben, können Sie einfach darauf klicken. Und stellen Sie sicher, dass Sie keinen Strich haben Klicken Sie entweder auf das Wort Strich und sagen Sie keinen. Sie könnten hier im Eigenschaftenfenster dasselbe tun oder einfach sicherstellen , dass die Konturbreite Null ist und das ist im Grunde dasselbe. Jetzt haben wir die Hintergrundfarbe, aber eine Sache, die wirklich wichtig ist, ist Ihre Ebene zu beschriften , damit Sie wissen, was was ist Um eine Ebene umzubenennen, stellen Sie sicher, dass sie ausgewählt ist , und drücken Sie dann die Eingabetaste oder die Eingabetaste. Anschließend können Sie Ihren neuen Namen eingeben Ich rufe einfach BG für den Hintergrund auf und drücke dann Return oder Enter, um den Namen zu speichern. Lassen Sie uns nun diese Hintergrundfarbe animieren Bildschirm hinein und aus ihm heraus bewegt Ich fahre mit 1 Sekunde fort und schalte die Transformationseigenschaften herunter, um die Positionseigenschaft zu finden Ich lege hier einfach einen Positions-Keyframe fest , indem ich auf die Stoppuhr klicke Das heißt, dass diese Hintergrundfarbe nach 1 Sekunde genau hier in der Mitte meines Bildschirms sein wird genau hier in der Mitte meines Bildschirms sein Dann gehe ich rückwärts zum Anfang der Timeline und nehme einfach diesen Wert, klicke und halte ihn gedrückt, um diese Ebene nach oben zu ziehen Du wirst das wahrscheinlich wiederholen müssen , um den Wert vollständig vom Bildschirm Du könntest es einfach im Composition Viewer verschieben, aber ich finde diesen Weg manchmal einfach. Von hier aus bewegt sich die Form nach unten an ihren Platz. Aber diese Animation ist wirklich langweilig. Diese rautenförmigen Keyframes sind lineare Keyframes. Das bedeutet, dass es sich die ganze Zeit mit konstanter Geschwindigkeit bewegt ganze Zeit mit konstanter Geschwindigkeit Lassen Sie uns diese Animation ein bisschen interessanter machen. Wir müssen lediglich auf die Keyframes klicken und sie mit der Maus darüber ziehen , um beide auszuwählen Dann möchten Sie mit der rechten Maustaste klicken zum Keyframe-Assistenten und zu Easy Es Sie können auch die Tastenkombination F neun verwenden. Jetzt wird es langsam beginnen, sich dann etwas schneller bewegen und dann langsam enden. Das ist ein bisschen interessanter, aber wir können das noch weiter vorantreiben. Wenn Sie die wichtigsten Firmen erneut auswählen und dann in den Grafikeditor gehen, der sich genau hier befindet. Sie können dieses Diagramm tatsächlich anpassen, um die Bewegung anzupassen. Was wir uns jetzt ansehen, ist die Geschwindigkeitsgrafik. Dies bildet die Geschwindigkeit im Zeitverlauf ab. Zeit befindet sich auf der X-Achse, die Geschwindigkeit auf der Y-Achse. Wenn Sie dann auf einen dieser Punkte an den Rändern des Diagramms klicken , werden die gelben Ziehpunkte angezeigt. Sie können sie anklicken und ziehen , um die Kurve anzupassen. Jetzt halte ich auch die Umschalttaste gedrückt, damit ich die Kurve nicht versehentlich nach oben oder unten verschiebe. Ich möchte, dass es bei Null bleibt, also stoppt und startet es bei einer Geschwindigkeit von Null, verlangsamt es sich von Null bis ganz nach oben und dann wieder ganz runter auf Null. Auf diese Weise haben wir keinen seltsamen abrupten Stopp. Ich ziehe nur an diesen Griffen, um eine interessantere Kurve zu erstellen, das macht die Animation flotter . So etwas in der Art. Jetzt verlasse ich den Diagrammeditor indem ich erneut auf die Schaltfläche für den Diagrammeditor klicke und diese Form animieren lasse. Gehen wir zu 5 Sekunden über. Ich klicke auf die Keyframe-Schaltfläche hier neben der Position, und das legt einen Keyframe für diesen Wert fest, aber bei 5 Sekunden, aber bei 5 Sekunden, wo sich mein Abspielkopf Zwischen diesen beiden Keyframes wird nichts passieren, weil diese Keyframes exakt denselben Wert haben Dann verschiebe ich meinen Abspielkopf nach 6 Sekunden ganz an das Ende der Timeline und verschiebe diese Ebene Ich zeige dir einfach einen anderen Weg, als ich es am Anfang gemacht habe Ich nehme einfach die Ebene, halte die Umschalttaste gedrückt, um sicherzugehen, dass ich nur in Y-Richtung gehe , und ziehe sie dann einfach ganz vom Bildschirm weg. Wählen wir diese Keyframes aus, gehen in den Graphitor und passen ihre die Animation zu entfernen, ändern wir sie und lassen sie in die entgegengesetzte Richtung laufen Anstatt schnell und dann langsam zu fahren, werde ich es langsamer und dann schneller machen. Sobald Sie mit der Bewegung Ihrer Animation zufrieden sind, können Sie den Grafikeditor verlassen. Und jetzt duplizieren wir diese Hintergrundebene, um Akzentfarben zu erzeugen. Sie dazu einfach sicher, dass die Ebene ausgewählt ist, und drücken Sie Commander Control D , um ein Duplikat zu erstellen. Auch hier können Sie dies umbenennen. Dann gehe ich zur Füllfarbe und verwende einfach eine dunklere Füllfarbe. Dann bringen wir den Akzent unter den ursprünglichen Tag, sodass die ursprüngliche Ebene diejenige ist , die angezeigt wird. Dann ziehen wir die ursprüngliche Ebene einen Frame nach rechts. Ich wähle einfach die gesamte Ebene aus und verschiebe sie über einen Frame. Jetzt können Sie sehen , dass bei der Animation kommt zuerst die Akzentfarbe und dann der ursprüngliche Hintergrund darüber Ich werde das noch einmal machen. Ich gehe zur Füllfarbe und ändere diese Farbe. Wählen wir nun den Hintergrund und den ersten Akzent und bringen beide über einen Frame nach rechts. Folgendes habe ich bisher. Bei der Animation werden diese Keyframes in der falschen Reihenfolge sein, sodass wir die Akzentfarben nicht wirklich sehen Um schnell alle Keyframes auf allen Ebenen aufzurufen, ich einfach sicher, dass keine Ebenen ausgewählt sind , und treffe dann auf Sie, eine Ebene geschlossen wird, auf der Keyframes angezeigt wurden , und dann treffe ich Sie erneut um alle Keyframes aufzurufen Ich muss die Reihenfolge dieser Keyframes umkehren, sodass dieser Satz von Keyframes als erstes passiert, und dann dieser, der sich bereits an der richtigen Stelle befindet , und dann diese. Da diese Keyframes dann aus der Timeline verdrängt werden, wähle ich sie einfach durch Klicken und Ziehen aus und übertrage sie dann , damit sie nicht aus der Timeline fallen Auf diese Weise bewegen sich alle Formen vollständig vom Bildschirm weg. Lassen Sie uns nun den Titeltext erstellen. Gehen Sie zum Textwerkzeug und klicken Sie dann einfach auf eine beliebige Stelle im Composition Viewer und beginnen Sie mit der Eingabe. Um dann das Textwerkzeug zu verlassen , möchten Sie einfach zum Auswahlwerkzeug zurückkehren . Wenn Sie den Stil Ihres Textes ändern müssen, können Sie dies im Eigenschaftenfenster oder im Zeichenfenster tun . Ich verwende eine Adobe-Schrift. Wenn Sie dieselbe Schriftart wie ich verwenden möchten, können Sie sie bei Adobe Fonts Alle meine Einstellungen finden Sie hier. Eine Sache, die Sie beachten sollten, ist, dass ich einen Strich hinzugefügt habe, sodass Sie wahrscheinlich zunächst keinen Strich haben . Klicken Sie einfach auf diese Schaltfläche, und dann habe ich zwei Punkte herausgesucht. Wenn Sie eine wiederverwendbare Vorlage für Animationsgrafiken erstellen, sollten Sie andere Versionen in Betracht ziehen. In einer anderen Version habe ich hier vielleicht kürzeren oder längeren Text, aber ich möchte immer, dass der Text zentriert ist. Um diese Arbeit ein wenig zu vereinfachen, können Sie im Eigenschaftenfenster zum Abschnitt Absatz wechseln und ihn einfach mittig ausrichten. Dann verwenden wir die Ausrichtungswerkzeuge. Wenn Sie keines der von mir verwendeten Panels sehen, sie sich alle unter dem Fenster. Dann zentrieren wir das einfach horizontal und vertikal. Um diesen Text zu animieren, werde ich Textanimatoren verwenden. Aber anstatt ausführlich zu erklären, wie Sie diesen Textanimator einrichten, werde ich ihn Ihnen nur als Regel geben, damit Sie die Voreinstellung installieren und dann einfach auf Ihren Text anwenden können und dann einfach auf Ihren Text anwenden Ich habe einen ganzen Kurs über Textanimatoren und dies ist eines der Beispiele Wenn du lernen willst, wie man mit Textanimatoren animiert, dann schau dir diesen Kurs Um die Textanimator-Voreinstellung herunterzuladen, die wir verwenden werden, gehen Sie zum Abschnitt „Ressourcen“ des Kurses Sobald Sie die FFX-Datei heruntergeladen haben, möchten Sie den Presets-Ordner finden, der sich normalerweise unter Dokumente und dann unter Adobe befindet Und dann die Version von After Effects, auf der Sie gerade arbeiten. Dann Benutzervoreinstellungen. Sie können sehen, dass ich schon eine Menge Sachen hier drin habe und ich habe auch Unterordner erstellt, um Dinge zu organisieren Sie können dasselbe tun, wenn Sie möchten, oder einfach die FFX-Datei in diesen Ordner bringen Ich werde meine in meinen Ordner mit Textvoreinstellungen legen. Jetzt können wir zu After Effects zurückkehren und zum Bedienfeld mit Effekten und Voreinstellungen Um sicherzustellen, dass die neue Voreinstellung angezeigt wird, gehe ich zu diesem Menü und wähle „Liste aktualisieren Und dann schalten Sie Animationsvoreinstellungen Benutzervoreinstellungen um und dann sollte es hier oder in dem Ordner sein, in dem Sie es gespeichert haben Ich verschiebe meinen Abspielkopf an den Anfang dieser Ebene, denn wenn ich die Voreinstellung anwende, werden die Keyframes dort angewendet, wo sich der Abspielkopf Um die Voreinstellung anzuwenden, ziehe ich sie einfach auf die Wenn ich Sie auf die Tastatur drücke, können Sie sehen, dass dadurch einige Keyframes gesetzt werden, um diesen Text zu animieren Das letzte Element, das ich hinzufügen werde , ist der Hintergrundtext Um das zu tun, gehe ich zum Textwerkzeug und tippe meinen Text ein. Und dann gehe ich zu den Einstellungen und mache es richtig groß. Machen wir alles in Großbuchstaben. Dann werde ich auch die Füllung entfernen und den Strich ändern. Ich möchte die Akzentfarbe des Hintergrunds für den Strich verwenden. Ich verschiebe einfach meinen Abspielkopf, damit ich die Farbe mit dem Farbwähler auswählen kann dem Farbwähler auswählen kann Wenn Sie dann auf die Farbe geklickt haben, müssen Sie manchmal die Eingabetaste drücken um die Pipette zu entfernen Dann verschiebe ich den Colorado-Text hinter den Titeltext Dann lassen Sie uns das einfach an die richtige Stelle bringen. Dann werde ich diesen Text duplizieren indem ich Commander Control D drücke, und dann ziehe ich das Duplikat einfach nach unten. Um den Hintergrundtext zu animieren, lasse ich die oberste Ebene von rechts und die untere Ebene von links hineingleiten Ich gehe auf der Timeline zu 1 Sekunde. Wählen Sie diese beiden Ebenen aus und drücken Sie P auf der Tastatur, um beide Positionseigenschaften aufzurufen. Dann lege ich einfach einen Keyframe fest, indem ich auf die Stoppuhr klicke. Dann gehe ich zum Anfang der Timeline und ziehe dann einfach die unterste Ebene ganz nach links Dann ziehe ich die oberste Ebene ganz nach rechts. Dann klicke ich auf diese Keyframes und ziehe mit der Maus über sie, um sie auszuwählen, und mache dann F neun, um diese Keyframes zu lockern Dann kann ich von hier aus in den Diagrammeditor gehen und diese Bewegungskurve anpassen Wenn Sie beide Sätze von Positions-Keyframes ausgewählt haben, können Sie beide Graphen gleichzeitig anpassen Ich klicke einfach auf eines der Enden und ziehe mit der Maus über die Ziehpunkte. Dann passe ich das Diagramm einfach so an, Dann passe ich das Diagramm einfach so an dass es dem Diagramm der hinzukommenden Hintergrundebenen ähnelt Diagramm der hinzukommenden Hintergrundebenen . Das sieht ziemlich gut aus. Um den Diagrammeditor zu verlassen, klicken Sie einfach erneut auf diese Schaltfläche. Nachdem der Hintergrundtext animiert wurde, wollte ich weiter in die gleiche Richtung driften, in die er hatte, und dann einfach schneller heraus animieren Um das zu tun, gehe ich zu 5 Sekunden über und gehe dann zum X-Wert für die Positionseigenschaft und fahre einfach mit dem einfach Dann mache ich für den unteren Teil plus 300. Dann mache ich für die Spitze -300. Auf diese Weise weiß ich, dass beide den gleichen Betrag bewegen Dann, nach 6 Sekunden, werde ich sie ganz nach außen animieren in die gleiche Richtung , in die sie gegangen sind So sieht das aus. Diese Bewegung sieht etwas seltsam aus, denn wenn sie diese Keyframes erreicht, erreicht sie eine Geschwindigkeit von Null, also hört sie auf, sich zu bewegen, und dann fängt sie wieder an, was Ich möchte aus dieser Bewegung eine kontinuierliche, fließende Bewegung machen eine kontinuierliche, fließende Dazu gehe ich zu der Stelle, an der auf beiden Ebenen Position steht , um alle Keyframes auszuwählen, und gehe dann in den Diagrammeditor Wir müssen diesen Punkt im Diagramm, der den Keyframe darstellt, nach oben verschieben , damit er nicht bis Null reicht Aber Sie können sehen, dass, wenn ich das mache, die eingehenden und ausgehenden Werte des Keyframes aufgeteilt ausgehenden Werte des Anstatt das zu tun, klicke und ziehe ich, um diese beiden Keyframes auszuwählen , da wir hier zwei verschiedene Eigenschaften haben, und dann klicke ich mit der rechten Maustaste und gehe zur klicke ich mit der rechten Maustaste und gehe zur Ich setze auf Continuous, wodurch die ausgehenden Daten mit den eingehenden Daten verknüpft werden Von hier aus könnten Sie Okay auswählen und dann einfach das oben im Diagrammeditor. Aber das ist klein, und was ich tun werde, um es noch einfacher zu machen , ist , einfach die Geschwindigkeit einzugeben und sie wird automatisch für die eingehende und die ausgehende Geschwindigkeit geändert . Versuchen wir es mit 300 Pixeln pro Sekunde. Dann lass uns hier dasselbe tun . Lass uns das jetzt abspielen. Sie haben vielleicht bemerkt , dass der Text hier fast zum Stillstand kommt. Wenn Sie das Diagramm vergrößern, indem Sie die Plus-Taste drücken, können Sie sehen, dass die Linie bis auf Null abfällt Ich zoome wieder heraus und wähle dann einfach dieses Schlüsselbild und ziehe den Griff zurück nach links Dadurch wird die Mitte der Kurve hier tatsächlich nach oben angehoben. Lassen Sie uns dasselbe für diesen Schlüsselrahmen tun. Ich kürze nur diese Griffe. Wenn ich jetzt heranzoome, können Sie sehen , dass die Kurve die Nulllinie nicht mehr erreicht Wenn wir das jetzt abspielen, sollte es viel flüssiger aussehen. Das Letzte, was Sie tun müssen , um die Erstellung dieser Titelkarte abzuschließen , besteht darin, anzupassen , wann die Ebenen eingefügt werden Die einzige Ebene, die meiner Meinung nach angepasst werden muss , ist wirklich dieser Titeltext. Es kommt ein bisschen zu früh rein. Ich ziehe einfach die gesamte Ebene zurück auf vielleicht etwa 20 Frames. Ich denke, das sieht besser aus. Dann schauen wir uns an, wo sich die Keyframes befinden und schauen uns die Animation an. Ich finde, das sieht auch gut aus. Das war's für die Titelkarte. Im nächsten Video zeige ich dir, wie du daraus eine Vorlage machst. 5. Titelkartenvorlage: Lassen Sie uns diese Titelkarte in eine wiederverwendbare Animationsvorlage oder Mogart-Datei umwandeln eine wiederverwendbare Animationsvorlage , die in Premiere verwendet werden kann Auf diese Weise können Sie oder der Premiere-Editor Versionen dieser Vorlage mit unterschiedlichen Farben, Text oder was auch immer Sie anpassen möchten, erstellen Zunächst müssen Sie das Bedienfeld „Essential Graphics“ öffnen . Der schnellste Weg, dies zu tun, besteht darin, einfach mit der rechten Maustaste in einen leeren Bereich in der Timeline oder im Composition Viewer zu klicken in der Timeline oder im Composition und Öffnen und Essential Graphics auszuwählen Auf diese Weise wird genau diese Komposition im Bedienfeld „Essential Graphics“ geöffnet im Bedienfeld „Essential Graphics Das Erste ist also , dass Sie es benennen müssen. Dies ist wichtig, wenn Sie es als Animationsvorlage zur Verwendung in Premiere exportieren möchten. Wenn Sie es nur in After Effects verwenden möchten, dieser Name nicht so wichtig. Also nenne ich diese Titelkarte einfach. Dieses Vorschaubild hier siehst du in der Vorschau von Premiere, wenn du deine Vorlagen durchsiehst Um das einzustellen, bewegen Sie Ihren Abspielkopf einfach an eine Stelle, die nach einem guten Bild aussieht Also hier ist alles in Ordnung, und dann klicken Sie einfach auf „Poster festlegen Im nächsten Schritt ziehen alle Eigenschaften hinein, die Sie anpassen möchten Wenn Sie alle unterstützten Eigenschaften sehen möchten , können Sie nur unterstützte Eigenschaften auswählen Dadurch erhalten Sie jedoch viele verschiedene Funktionen. Lassen Sie uns dieses Backup einfach schließen und ich zeige Ihnen, welche ich anpassbar machen werde. Zunächst möchte ich ändern können, was der Titeltext sagt. Ich habe nicht vor, den Colorado-Text anpassbar zu machen , weil das etwas mehr Komplexität bedeuten würde etwas mehr Komplexität da wir die Position animiert haben und ein längerer Text diese Position etwas anders machen würde . Also denke ich nur über diesen Teil der Vorlage nach. Um diesen weißen Titeltext anpassbar zu machen, werde ich ihn in der Timeline öffnen Unter dem Text. Ich suche den Quelltext und ziehe ihn dann einfach hinein. Geben wir dem einen anderen Namen. Wir nennen das einfach Titeltext. Dann gibt es hier diese Option zum Bearbeiten von Eigenschaften. Sie können Personen, die Ihre Vorlage verwenden, oder vielleicht sind das auch nur Sie, die Möglichkeit geben, eine andere Schriftart und Schriftgröße zu wählen , und Sie können den Benutzern sogar erlauben, verschiedene Stile wie Großbuchstaben oder Fo Bold zu verwenden. Es liegt an Ihnen, ob Sie das zulassen möchten, aber denken Sie daran, dass, wenn Sie benutzerdefinierte Schrift oder benutzerdefinierte Größe aktivieren , die Benutzer die Textgröße anpassen können , was Sie an die Vorlage anpassen müssen . Sie müssen sicherstellen, dass die Textgröße nicht schlecht aussieht, wenn sie sich ändert . Ich zeige dir, wie das geht. Denken Sie daran, dass alle Eigenschaften, die Sie im Essential Graphics-Bedienfeld haben im Essential Graphics-Bedienfeld , die Standardeinstellungen sein werden Nun, da wir den Text da drin haben, würden Sie diesen Text verlängern, sagen wir, wir haben ihn erweitert, jetzt wird er an den Rändern abgeschnitten Es gibt verschiedene Möglichkeiten, wie Sie sich auf solche Dinge einstellen können, aber ich werde Ihnen zuerst den einfachsten Weg zeigen. Und das bedeutet, zum Eigenschaftenfenster zu gehen und den Absatzabschnitt zu suchen und dann auf die Schaltfläche Ich zu klicken. Dieser Text wird derzeit als Punkttext bezeichnet, was lediglich bedeutet , dass sich der gesamte Text in einer Zeile befindet. Sie können auch Feldtext verwenden , der den Text in ein Feld einpasst, sodass neue Linien entstehen wenn er an den Seiten abgeschnitten wird. Also werde ich auf diese Schaltfläche klicken , um den Text in Feldtext umzuwandeln. Und dann doppelklicke ich einfach auf den Text, um das Feld aufzurufen. Und lassen Sie uns die Größe dieses Felds ändern. Damit der Text nicht abgeschnitten wird. Jetzt muss ich das mit den Ausrichtungswerkzeugen neu ausrichten, und ich werde dieses Feld tatsächlich etwas schmaler machen etwas schmaler machen Möglicherweise möchten Sie auch den Abstand anpassen, d. h. den Abstand zwischen den Textzeilen Ich finde, das sieht ein bisschen zu weit auseinander aus. Ich denke, das sieht für einen Titel besser aus, und lassen Sie uns das noch einmal neu ausrichten Jetzt möchte ich sicherstellen, dass der Ankerpunkt in der Mitte befindet Eine schnelle Möglichkeit, dies zu tun, besteht darin, die Ebene auszuwählen und dann auf das Pan Behind -Werkzeug zu doppelklicken, das sich hier oben befindet, während Sie die Befehlstaste oder die Strg-Taste gedrückt halten. Das sollte deinen Ankerpunkt zentrieren. Wenn ich diesen Text nun kürze, bleibt er horizontal ausgerichtet weil er mittig ausgerichtet ist. Aber vertikal ist er nicht ausgerichtet, wenn ich nur eine Textzeile habe, sondern schon, als ich zwei hatte. Um das zu beheben, verwende ich einen Ausdruck für den Ankerpunkt. diese Ebene ausgewählt ist, drücke ich einfach A, um die Eigenschaft „ Ankerpunkt“ aufzurufen. Ich werde hier nicht näher darauf eingehen , wie dieser Ausdruck funktioniert. Ich werde das später behandeln. Aber vorerst können Sie diesen Ausdruck aus dem Ressourcenbereich der Klasse kopieren und einfügen . Um dann den Ausdruck einzugeben, möchten Sie die Option oder die Alt-Taste drücken, um auf die Stoppuhr zu klicken . Daraufhin wird dieses Ausdrucksfeld angezeigt Also habe ich es kopiert und werde es hier einfügen. Dann lass mich das einfach erweitern , damit du es sehen kannst. Dieser Ausdruck verwendet also jeweils eine Funktion namens source rect. Und diese Funktion ermittelt die Größe der Ebene. Und mit diesen Informationen können wir die Breite ermitteln, herausfinden, wo sich die linken Koordinaten befinden, und die Höhe und wo sich die oberen Koordinaten befinden. Und anhand dieser Informationen können wir herausfinden, wo der Ankerpunkt sein muss , sodass der Ankerpunkt unabhängig von der Größe des Rechtecks immer in der Mitte der Form bleibt, wenn sich die Größe ändert immer in der . Auf diese Weise bleibt der Text, wenn wir mehrere Textzeilen haben, immer vertikal ausgerichtet. Wenn wir jetzt mehr Text hinzufügen, bleibt er vertikal ausgerichtet. Lassen Sie uns die Hintergrund- und Akzentfarben anpassbar machen. Ich wähle diese Ebenen aus und gehe hier in diese Suchleiste und suche nach Farbe, nur um die Farbeigenschaft aufzurufen. Und wir wollen die Füllfarbe, also bringe ich die Füllfarbe des Hintergrunds in das Bedienfeld „Essential Graphics“. Lassen Sie uns das einfach benennen und dann machen wir dasselbe für den Akzent und den zweiten Akzent. Und ich drücke dich zweimal auf meiner Tastatur , um alle Ebenen zu schließen. Lassen Sie uns nun die Textfarben anpassbar machen. Auf der Textebene gibt es keine Farbeigenschaft, obwohl sie offensichtlich eine Farbe hat. Was wir also tun müssen, ist eine Textfarbe hinzuzufügen. Also öffne ich zuerst den Titeltext und gehe dann zu dieser Animationsschaltfläche und klicke darauf und suche die Füllfarbe und gehe einfach zu RGB Dadurch wird eine Füllfarbe hinzugefügt, und wir können sie wieder auf Weiß ändern Dadurch wurde auch ein neuer Textanimator hinzugefügt, sodass ich dieser Farbe einfach einen Namen geben kann , um sie wirklich zu organisieren Und um dann eine Farbeigenschaft für den Strich hinzuzufügen, klicke ich einfach auf diese Anzeigenschaltfläche hier und wähle Strichfarbe und RGB, und lass uns das auf Weiß ändern Und jetzt kann ich diese beiden Eigenschaften in das Bedienfeld „Essential Graphics“ ziehen und sie umbenennen. Fügen wir nun Farbcontroller für den Colorado-Hintergrundtext hinzu. Dafür gehe ich erneut in die Ebene, klicke auf den Anime, gehe aber zu Stroke Color RGB. Ich möchte, dass diese Farbe immer mit dieser Akzentfarbe übereinstimmt. Also werde ich die Farbe des Akzents öffnen. Ich nehme das Spiralsymbol , auch Pick Whip genannt, und ziehe es auf die Farbe des Hintergrundakzents. Auf diese Weise werden diese Eigenschaften immer miteinander verknüpft. Was auch immer diese Farbe ist, diese Farbe wird dieselbe sein. Das mache ich rückgängig. Da ich diese Farbe bereits in das Essential Graphics-Bedienfeld übernommen habe, wird, wenn ich diese Akzentfarbe ändere, wenn ich diese Akzentfarbe ändere, auch die Farbe des Textes aktualisiert. Um dies schnell auf den anderen Colorado-Text anzuwenden, wähle ich einfach die Strichfarbe aus, kopiere sie und füge sie dann in die zweite Colorado-Ebene ein. Jetzt nur noch einmal , um zu überprüfen, ob das alles richtig funktioniert. Ich kann diese Farbe ändern und es funktioniert. Wenn Sie möchten, können Sie Ihre Vorlage etwas übersichtlicher gestalten , indem Sie Formatierungen hinzufügen. In der unteren Ecke des Bedienfelds Essential Graphics, unter der Anzeigenformatierung, gibt es also unter der Anzeigenformatierung, gibt es eine Option zum Hinzufügen von Kommentaren oder Gruppen. Ich werde eine Gruppe erstellen und diesem Text einen Namen geben. Und dann werde ich das einfach ganz nach oben ziehen . Und lassen Sie uns diese Textebene in diese Gruppe ziehen. Und irgendwie habe ich den Namen verloren, den ich hier hatte. Und dann ziehen wir auch die Textfarben nach oben in diese Gruppe. In Premiere kann der Benutzer dies reduzieren, sodass alles gut organisiert und zusammengehalten wird. Lassen Sie uns auch eine Gruppe für den Hintergrund hinzufügen. Und lassen Sie uns einfach all diese Farben zu dieser Gruppe hinzufügen. Sobald Sie im Bedienfeld „Essential Graphics“ über alle Eigenschaften verfügen , die Sie anpassbar machen möchten , und alle gewünschten Formatierungen vorgenommen haben, können Sie die Animationsvorlage exportieren. Um das zu tun, klicken Sie einfach hier auf diese Schaltfläche. Es wird zuerst wollen, dass Sie das Projekt speichern. Und dann werden Sie gefragt, wo Sie diese Animationsvorlage speichern möchten . Ich möchte sie nicht am Standardspeicherort speichern , da dieser Ordner auf Ihrem Computer sehr schwer zu finden ist . Wenn Sie also die Vorlage mit jemand anderem teilen möchten, müssen Sie danach suchen Speichern wir sie stattdessen an einem besseren Ort. Also werde ich hier einfach auf Durchsuchen klicken und Sie könnten diese Punkt-Mogort-Datei an einer beliebigen Stelle auf Ihrem Ich werde sie einfach in diesem Adobe-Ordner speichern. Hier speichert After Effects seine Voreinstellung. Das macht für mich also Sinn. Aber ich finde Premiere und dann die aktuelle Version, und dann kannst du hier Unterordner erstellen Also das habe ich schon gemacht, aber ich werde ein neues für diesen Kurs machen Und dann speichere ich einfach diese Mogart-Datei in diesem Ordner Wenn Sie möchten, können Sie Stichwörter hinzufügen. In Premiere können Sie Ihre Vorlagen durchsuchen. Wenn Sie hier Stichwörter eingeben, werden sie angezeigt, wenn Sie diese Stichwörter in Premiere suchen . Und dann klicken Sie einfach auf Okay. Ich zeige Ihnen, wie Sie diese Titelkarte in Premiere verwenden , damit Sie ein Gefühl dafür bekommen , wie der gesamte Workflow von Adobe After Effects bis Premiere abläuft . Aber ich werde den ersten Teil der anderen Beispiele erst am Ende des Kurses behandeln der anderen Beispiele erst , weil sich das sonst zu sehr wiederholen würde Ich zeige Ihnen am Ende des Kurses, wie Sie alle Beispiele für Animationsvorlagen, die wir in einem Videoprojekt erstellen in einem Videoprojekt erstellen, zusammenstellen In Premiere werde ich ein neues Projekt erstellen. Und um dann meinen Mgritz zu bekommen, benötige ich das Bedienfeld „ Grafikvorlagen Das wird unter Fenster und dann unter Grafikvorlagen sein und dann unter Grafikvorlagen Das Bedienfeld „Grafikvorlagen“ hieß früher Essential Graphics, falls Sie eine ältere Version von Premiere verwenden. In diesem Bereich möchten Sie zu lokalen Vorlagen wechseln und auf diese Plus-Schaltfläche klicken. diese Weise können Sie den Ordner finden , den Sie erstellt haben, und Premier überwacht diesen Ordner immer , sodass jedes neue Mgartz, das Sie in diesen Ordner einfügen, automatisch in Premiere importiert wird . Dies ist bei jedem Projekt der Fall Jedes Mal, wenn Sie Premiere öffnen , stehen all Ihre Mgurtz bereits Sobald Sie diesen Ordner gefunden haben, klicken Sie auf „Auswählen“. Wenn ich jetzt die lokalen Vorlagen öffne, ist hier die Klasse für Bewegungsgrafiken. Wenn Sie nach diesen sortieren möchten, können Sie das einfach überprüfen und hier ist die Titelkarte. Ich werde eine neue Sequenz erstellen, um dir zu zeigen, wie du die Titelkarte verwenden kannst. Ich werde eine neue Sequenz erstellen. Und dann müssen Sie nur noch die Vorlage in Ihre Sequenz ziehen . Also hier ist die Titelkarte, und wenn ich jetzt die Titelkarte bearbeiten möchte, kann ich zum Eigenschaften-Panel gehen, das Sie unter dem Fenster und dann Eigenschaften finden. Lass uns das hier drüben andocken. Und jetzt kann ich jede dieser Einstellungen ändern , die ich eingerichtet habe. Lassen Sie uns also den Text und vielleicht die Schriftart und sogar die Farben ändern . Und die ganze Animation wird gleich sein. Sie können so viele dieser Titelkarten in der Reihenfolge haben , wie Sie möchten. Ich könnte zu den Grafikvorlagen zurückkehren das wieder hineinziehen, dann werden alle Standardeinstellungen verwendet. Wenn ich zu den Eigenschaften zurückkehre, kann ich all diese Einstellungen erneut anpassen. 6. Erstelle ein unteres Drittel: Um ein unteres Drittel zu erstellen, müssen Sie zunächst eine neue Komposition leiten. Ich mache das einfach wieder 1920 mal 1080, quadratische Pixel. 6 Sekunden sind gut und der Hintergrund wird schwarz sein. Lassen Sie uns zunächst den Text erstellen. Ich gehe zum Text-Tool und zeige uns zunächst unsere Title Action Safeguides Sie werden dies tun, indem Sie die Anführungszeichen-Taste auf der Tastatur Und ich werde den Text an dieser äußeren Anleitung ausrichten. Denken Sie daran, zum Auswahlwerkzeug zurückzukehren, um aus dem Text herauszukommen. Ich möchte, dass dieser Text unverfälscht bleibt, also werde ich das im Eigenschaftenfenster ändern. Dann lassen Sie uns das auch ein bisschen kleiner machen. Fügen wir nun den Subtext hinzu. Ich nehme den Text noch einmal und füge dann einfach den wissenschaftlichen Namen dieser Blume Lass uns den Stil ändern. Ich werde das auf Medium ändern und alles in Großbuchstaben schreiben. Lassen Sie uns die Schriftgröße verkleinern. Lassen wir den Buchstaben etwas Platz dazwischen . So etwas in der Art. Lassen Sie uns nun die Textfelder erstellen. Dazu verwende ich das Rechteckwerkzeug. Klicken Sie einfach auf das Werkzeug und klicken und ziehen Sie dann im Kompositionsviewer , um ein Rechteck herauszuziehen. Jetzt muss ich die Reihenfolge der Ebenen so ändern , dass sie unter dem Text liegt. Lassen Sie uns die Ebene umbenennen, indem wir die Eingabetaste oder die Eingabetaste drücken. Dann greife ich wieder zu meinem Auswahlwerkzeug. Anstatt eine Füllung zu haben, möchte ich, dass es nur einen Strich hat. Sie können das hier oben oder im Eigenschaftenfenster tun. Anstelle von Volltonfarbe werde ich einfach keine Farbe für die Füllung verwenden. Dann mache ich für den Strich eine Volltonfarbe, und ich möchte, dass sie weiß ist, und dann erhöhen wir diesen Wert auf fünf Punkte. Und dann können Sie die Positionierung bei Bedarf anpassen. Jetzt schließe ich diese Ebene und lass uns die zweite Box erstellen. Ich nehme einfach das Rechteckwerkzeug und ziehe eine weitere Form um diesen Text herum. Dieses Mal möchte ich, dass es eine Füllung hat, aber keinen Strich. Lass uns das weiß machen. Bringen wir diese Ebene unter den Untertext und benennen sie um. Dann ändern wir auch die Textfarbe so, dass sie schwarz ist. Ich möchte keinen Strich auf diesem Text haben. Also werde ich das ausziehen. Lass uns das nochmal überprüfen. Ich brauche bei diesem Text auch keinen Strich, also nehme ich ihn ab. Dann muss ich zu meinem Auswahlwerkzeug greifen. Lassen Sie uns dieses Feld besser mit einem Text ausrichten, und ich werde es einfach mit den Pfeiltasten bewegen und dann den Text ein wenig nach unten Ich brauche den sicheren Bereich für die Titelaktion nicht mehr wirklich, also drücke ich einfach die Anführungszeichen, um ihn loszuwerden Lassen Sie uns das jetzt animieren. Ich fange mit der unteren Box an. Lassen Sie uns diese Waage von der linken Seite aus einbauen. Als Erstes muss ich meinen Ankerpunkt auf die linke Seite verschieben , sodass ich von links skaliere. Um das zu tun, müssen Sie das Pan-Hinter-Werkzeug nehmen, dessen Tastenkombination Y ist, und dann diesen Ankerpunkt und ihn auf die linke Seite bringen. Wenn Sie die Befehlstaste gedrückt halten, rastet es ein. Dann drücke ich einfach V auf der Tastatur, um zu meinem Auswahlwerkzeug zurückzukehren. Dann drücke ich S auf der Tastatur, um die Skalierungseigenschaft aufzurufen, und lass uns das mit einem Keyframe versehen. Ich setze meinen Abspielwert auf 1 Sekunde und stelle dann einen Keyframe ein, damit die Skala auf 100% eingestellt ist Dann gehe ich zurück auf Null, entsperre die eingeschränkten Proportionen und setze dann einfach die X-Skala Jetzt wird es von links nach oben skaliert. Es gibt ein paar Dinge, die wir tun können, um diese Animation interessanter zu machen. Ich werde dem noch einen Überschuh hinzufügen. Bei 20 Bildern werde ich den Skalierungswert auf 105% einstellen. Es wird sich über seinen Endpunkt hinaus erstrecken und dann zurückkommen Aber diese Keyframes sind linear und langweilig, also wählen wir sie aus und drücken dann F neun, um sie zu vereinfachen. Gehen wir in den Diagrammeditor und passen diese Bewegungskurve Ich werde diesen Punkt auswählen und den Griff nach links bewegen. Bring diesen vielleicht nach rechts. Ich mache das in der Mitte nur ein bisschen schneller. Dann ist dieser Teil für das Überschwingen. Lass es uns langsam zum Stillstand bringen. Vielleicht so etwas. Für den unteren Text lasse ich ihn einfach von unten animieren Ich gehe wieder zu 1 Sekunde über und drücke P auf der Tastatur, um die Positionseigenschaft aufzurufen, und lege dann einen Keyframe fest Gehen wir dann auf der Timeline auf Null und ziehen das Objekt einfach so, dass es ganz aus der Ebene herausragt. Fügen wir dieser Animation auch ein Überschwingen hinzu. Ich setze meinen Abspielkopf auf 20 Frames und kopiere dann einfach den letzten Keyframe und füge ihn ein. Dann verwende ich die Pfeiltasten, um den Text ein wenig nach oben zu bringen und kopiere dann einfach den letzten Keyframe und füge ihn ein. Dann verwende ich die Pfeiltasten, um Text ein wenig nach oben zu Jetzt wird es ein Überschwingen machen, sobald es in die Box kommt. Lassen Sie uns diese Keyframes auswählen, Easy Ease hinzufügen und dann in den Diagrammeditor gehen Ich werde das auf ähnliche Weise anpassen wie das andere Diagramm für die Box Jetzt werden Sie feststellen, dass dort, wo das Boxdiagramm unter Null gefallen ist, dieses über Null geht, und das liegt nur am Koordinatensystem von After Effects. Aber denken Sie daran, dies ist die Geschwindigkeitsgrafik. Sie können sich einfach ansehen, wie weit der Graph von Null entfernt ist, um zu erkennen, wie schnell er sich bewegt. So etwas sieht ziemlich gut Lassen Sie uns zum obersten Text übergehen. Für den obersten Text werde ich ihn auch nach oben verschieben lassen und das Überschwingen machen Beginnen wir mit einer Sekunde, drücken wir P auf der Tastatur, legen einen Positionstastenrahmen fest, gehen dann zurück zu Null und ziehen den Text außerhalb des Felds legen einen Positionstastenrahmen fest, gehen dann zurück zu Null und nach unten Dann gehe ich zu 20 Frames und kopiere und füge diesen letzten Keyframe ein und dann einfach den Text nach oben Lassen Sie uns erneut diese Keyframes auswählen, sie einfach vereinfachen und dann in den Diagrammeditor gehen und das Diagramm anpassen Beim unteren Text können Sie nicht erkennen, ob sich der Text außerhalb des Felds befindet , da er dieselbe Farbe wie der Hintergrund Wenn Sie jedoch hier auf diese Schaltfläche klicken , werden Ihnen die transparenten Bereiche angezeigt, sodass Sie sehen können, dass der Text außerhalb des Felds sichtbar sein wird . Um das Problem sowohl für den oberen als auch für den unteren Text zu beheben , können wir Matten erstellen. Wenn du die Matt-Optionen noch nicht auf deiner Timeline siehst , möchtest du auf die Stelle klicken, an der dort „ Umschalter, Schrägstrich-Modi“ steht Umschalter, Schrägstrich-Modi Diese Option „ Mt verfolgen“ findest du hier. Wenn Sie das immer noch nicht sehen, klicken Sie auf diese Schalter, bis Sie es sehen, oder Sie können auch mit der rechten Maustaste hier klicken und die Spalten wie diese finden Für diesen wissenschaftlichen Namen muss ich nur die Spitzpeitsche neben dieser Trainingsmatte nehmen und sie in das untere Textfeld ziehen wird das untere Textfeld automatisch ausgeblendet, aber ich möchte trotzdem, dass dieses Feld sichtbar Ich werde einfach den Augapfel wieder einschalten. Wenn ich jetzt die Transparenz wieder einschalte, können Sie sehen, dass der Text nicht sichtbar ist, wenn er sich nicht in diesem Feld befindet Am Ende mache ich dasselbe für den oberen Text, aber so wie es jetzt ist, hat dieses Feld nur einen Strich und keine Füllung, sodass die Matte nicht funktioniert. Zuerst animiere ich dieses Feld und dann zeige ich Ihnen, wie die Matte funktioniert Um das obere Feld zu animieren, wenn wir die Skalierungseigenschaft animieren würden , die sich unter der Zum einen befindet sich der Ankerpunkt an der falschen Stelle, aber Sie können auch sehen, dass er den Strich auf diesem Feld auf seltsame Weise zerquetscht den Strich auf diesem Feld auf seltsame Weise Ich zeige dir, wie du das animieren kannst, um das zu vermeiden. Diese Transformationseigenschaften wirken sich auf die gesamte Ebene aus. Wenn Sie jedoch die Option „Inhalt öffnen“ und dann ein Rechteck einblenden , wird es einen weiteren Satz von Transformationseigenschaften geben, und diese wirken sich nur auf dieses Rechteck Sie können mehrere Formen innerhalb derselben Formebene haben, und diese Transformationseigenschaften sind spezifisch für einzelne Formen Aber selbst wenn wir diese Skala so animieren, wie sie jetzt ist, wird sie den Strich immer noch zerquetschen Was wir tun müssen, ist, diesen Strich zu nehmen und dafür zu sorgen, dass er angewendet wird, nachdem die Transformationen stattgefunden haben Ich werde diesen Strich nach außen und unter die Eigenschaften des Transformationsrechtecks verschieben unter die Eigenschaften des Transformationsrechtecks Der einfachste Weg, das zu tun, besteht darin, es einfach auf den Inhalt zu bringen und es dann darunter zu platzieren. Wenn ich diesen Skalierungswert jetzt ändere, hat das keinerlei Auswirkungen auf die Strichbreite. Lassen Sie uns nun für die Keyframes für das Transformationsrechteck einen Skalenwert festlegen das Transformationsrechteck einen Skalenwert Sie werden jedoch feststellen , dass die Skalierung von der Mitte aus erfolgt, obwohl sich der Ankerpunkt für die Ebene in der Mitte der Komposition befindet Selbst wenn wir die Position dieses Ankerpunkts ändern, wird die Skalierung immer noch von der Mitte der Form aus skaliert. Das liegt daran, dass dies die Skalierung des Transformationsrechtecks mit den Transformationseigenschaften ist und dieser Ankerpunkt sich in der Mitte befindet. Sie können sehen, wenn ich hier hineinzoome, es gibt einen wirklich kleinen Ankerpunkt genau in der Mitte dieser Form. Wir können diesen Ankerpunkt so anpassen, dass die Skala von der gewünschten Position aus skaliert. Mit dem Werkzeug „Schwenken hinter nehme ich diesen Ankerpunkt und ziehe ihn nach links. Jetzt wird dieses Textfeld von links skaliert. Aber lassen Sie uns das ein wenig nach oben ändern , damit es nicht genauso animiert wird wie das untere Feld Ich klicke auf die Stelle, an der es steht, transformiere das erste Rechteck und gehe dann nach oben und nehme das Pan-Hinter-Werkzeug . Dann nehme ich diesen Ankerpunkt und ziehe ihn in die obere linke Ecke Ich werde dieses erste Schlüsselbild löschen und dann zu etwa zehn Bildern zurückkehren und die Y-Skala auf Null setzen. Dann setze ich bei Null die X-Skala auf Null. Jetzt wird es als eine einzige Linie animiert . Und dann öffnet sich die Box von oben nach unten. Sie könnten dem auch einen Übersatz hinzufügen. Ich gehe fünf Frames zurück und setze den Y-Wert auf 105. Dann verschiebe ich vielleicht einfach den letzten Keyframe über fünf Frames Etwas in der Art. Dann lassen Sie uns diese Keyframes einfach vereinfachen und im Diagrammeditor anpassen Vielleicht so etwas. Dann drücke ich dich auf der Tastatur, schiebe die Ebenen ab und drücke dich erneut und dann drücke ich dich noch einmal, um alle Ebenen aufzurufen , die Keyframes haben Lassen Sie uns von hier aus diese Ebenen so gestaffelt haben, dass sie nicht alle gleichzeitig angezeigt werden Ich möchte, dass das oberste Feld zuerst kommt , der Text aber etwas später Ich denke, es wäre sinnvoll, diese Keyframes und vielleicht sogar diesen Keyframe aneinander auszurichten Um meine Timeline übersichtlicher zu gestalten, werde ich den Mauszeiger über den Anfang dieser Ebene bewegen und dann einfach die Pfeile nehmen und sie zurück zum Keyframe ziehen Dann verschieben wir die unteren Ebenen zurück. Vielleicht fangen sie hier an. Als letztes müssen Sie die Matte für diesen Top-Text erstellen . Wählen Sie dazu das obere Textfeld aus, gehen Sie zu Bearbeiten und kopieren Sie dann mit den relativen Eigenschaftslinks. Drücken Sie dann auf Einfügen, indem Sie Commander Control V ausführen wird eine doppelte Version dieses Felds erstellt eine doppelte Version dieses Felds wobei alle Eigenschaften mit dem ursprünglichen Feld verknüpft sind. Lassen Sie uns das umbenennen. Und geben wir ihm eine Füllfarbe. Hier wähle ich Volltonfarbe, und es spielt keine Rolle, welche Farbe es ist. Dann nehme ich den Text und ziehe den Pick-Whip neben der Trainingsmatte auf diese Matte Das sollte das Textfeld , die Matt-Version, automatisch ausblenden Textfeld , die Matt-Version, Wenn wir das jetzt abspielen, können Sie sehen, dass dieser Text nur innerhalb dieser Matte sichtbar sein wird . Auch hier liegt der Grund, warum wir das Duplikat für das obere Feld erstellen mussten das Duplikat für das , darin, dass das ursprüngliche obere Feld nur einen Strich hat. Sie hat keine Füllung. Dieser hat eine Füllung. Auf diese Weise ist der Text nur innerhalb der ausgefüllten Form sichtbar. Das Letzte, was Sie tun müssen, ist , das Ganze zu animieren. Ich gehe jetzt zu 5 Sekunden über und animiere die oberen und unteren Boxen Ich drücke Sie einfach auf die Tastatur, um diese Keyframes zu sehen, und lassen Sie uns sie mit den gleichen Skalierungseigenschaften animieren Ich wähle einfach diese beiden Schaltflächen aus, um einen neuen Keyframe mit genau diesen Werten zu erstellen Dann gehe ich zu zehn Bildern und kopiere diesen Keyframe und füge ihn für das untere Dann muss ich für das obere Feld diesen Keyframe auf 105 setzen, damit er weiter nach rechts herausragt Dann setze ich nach 6 Sekunden einfach beide Werte im X-Wert auf Null Es wird so animiert werden. Es ist ein bisschen Vorfreude auf die ersten Keyframes, die ich gesetzt habe Aber gehen wir in den Diagrammeditor und passen die Bewegungskurve Ich drücke die Plus-Taste, um die Ansicht zu vergrößern, und schiebe dann rüber, um das Diagramm besser zu sehen. Da diese Grafiken alle seltsam sind, wähle ich einfach so aus, um all diese Schlüsselbilder zu holen , und wende sie dann einfach wieder Dadurch werden sie einfach alle schön und zusammengefügt, sodass ich sie alle auf einmal anpassen kann Ich passe diese beiden unterschiedlichen Skalierungseigenschaften an. Lass es uns langsam anfangen. Und dann animiere ich hier am Ende ziemlich schnell. Etwas wie das hier. Sobald Sie also mit Ihren unteren Dritteln zufrieden sind, können wir im nächsten Video daraus eine Vorlage machen. 7. Vorlage für eine Bauchbinde: Lassen Sie uns dieses untere Drittel zu einer Vorlage machen. Lassen Sie uns zunächst das Bedienfeld für wichtige Grafiken öffnen . Ich mache das gerne, indem ich mit rechten Maustaste in einen leeren Bereich in der Timeline klicke und offene und wichtige Grafiken auswähle. Ich werde diesem unteren Drittel einfach einen Namen geben. Dann habe ich schon meinen Abspielkopf zu einem ziemlich guten Zeitpunkt in der Timeline, um zu zeigen, wie das aussieht Ich werde einfach auf Set Poster Time klicken, um das Vorschaubild zu generieren Natürlich möchte ich in der Lage sein, den Text in der Vorlage im unteren Drittel zu ändern Ich werde jede einzelne Textebene öffnen und den Quelltext hineinziehen. Ich nenne diesen einen Text. Dann nenne ich für den wissenschaftlichen Namen nur diesen einen Subtext Wenn ich jetzt reingehe und so tue, als würde ich diese Vorlage verwenden , indem ich ein anderes Wort eintippe Wenn das Wort länger ist, wird es abgeschnitten Ich möchte, dass dieses Feld automatisch an die Größe des Wortes angepasst wird und dann dasselbe für den Untertext Ich werde das vorerst einfach rückgängig machen. Lassen Sie mich Ihnen zeigen, wie Sie mithilfe von Ausdrücken die Größe der Felder automatisch an die Textgröße anpassen Fangen wir mit dem oberen Text an. Ich gehe in das obere Feld und öffne es, um die Größeneigenschaft zu finden Um mit dem Schreiben eines Ausdrucks zu beginnen, wähle einfach die Option oder ich klicke auf die Stoppuhr Das erste , was ich tun muss, ist ein paar Variablen zu definieren Eine Variable ist nur ein Name für etwas, das Sie später verwenden werden. Eine Variable zu schreiben ist einfach VAR, und dann erstellen Sie Ihren eigenen Namen. Ich werde dieser Textebene einfach einen Namen geben. Ich verwende Camel Case, nur weil das beim Schreiben von Code Standard ist, aber das müssen Sie nicht tun Sie müssen nur sicherstellen , dass Sie einen eindeutigen Namen wählen. Wenn Sie etwas auswählen und es gelb oder eine andere Farbe als Weiß annimmt, bedeutet das, dass Sie ein Wort ausgewählt haben, bereits eine Aufgabe beim Programmieren zugewiesen wurde, sodass Sie etwas anderes wählen müssen. Dann entspricht ab hier, und dann definieren wir, was diese Textebene ist Ich nehme das Pick Whip-Symbol, das genau hier eine Spirale ist, und ziehe es auf die oberste Textebene, die im Grunde die Adresse dieser Ich muss es nicht abtippen. Dann am Ende jeder Codezeile ein Semikel einfügen, müssen Sie am Ende jeder Codezeile ein Semikel einfügen, genau wie Sie am Ende des Satzes einen Punkt setzen würden Lassen Sie uns dann zur nächsten Zeile übergehen , nur um die Dinge sauber und organisiert zu halten, und ich werde eine weitere Variable erstellen Ich nenne das Textbreite. Dieser wird der Textebene entsprechen. Ich verwende den Namen, den ich in der ersten Zeile erstellt habe. Punkt. Jetzt werde ich zeitweise eine Funktion namens Source Ret verwenden. Wenn Sie After Effect Guess wollen, können Sie einfach die Eingabetaste drücken. Dann möchte ich innerhalb der Klammern nur die Standardeinstellung haben, damit ich dort nichts eingeben muss Danach wird die Quelle Ret zu der Zeit verschiedene Informationen über die Größe einer Ebene abrufen Ich will die Breite, damit ich die Punktbreite angeben kann. Dann wieder bei einem Semikolon. Dann gehe ich einfach zwei Zeilen runter. Auch dies dient nur der Übersichtlichkeit, und ich werde die X- und Y-Werte definieren. Eine Sache, die bei Ausdrücken wirklich wichtig ist, ist, dass Sie dem Ausdruck am Ende immer die gewünschte Anzahl von Werten geben dem Ausdruck am Ende immer die gewünschte Anzahl . Die Größeneigenschaft hat zwei verschiedene Werte, x und y. Wir müssen dieser Eigenschaft zwei verschiedene Werte geben. Die Art und Weise, wie Sie eine Werteliste definieren, die als Array bezeichnet wird, steht in Klammern. Ich gebe einfach eine Klammer ein und dann brauche ich für den X-Wert die Textbreite Dadurch erhält das Feld dieselbe Größe wie der Text, und dann muss ich den Y-Wert definieren. Es gibt ein paar Möglichkeiten , wie Sie das tun könnten. Sie könnten einfach Peitsche auf den Y-Wert wie folgt setzen und es wird diese Adresse ausschreiben Sie könnten dafür auch eine Variable erstellen und dann die Variable eingeben, oder eine andere kurze Methode, dies zu schreiben, besteht darin, einfach einen Wert zu schreiben Dadurch wird der Wert übernommen, der hier eingegeben wurde, aber ich muss angeben, ob ich x oder y möchte. Dazu setze ich eine Klammer und dann die Zahl eins. Zahl Null ist x und Nummer eins ist Y. Dadurch wird der Y-Wert abgerufen Wenn ich jetzt aus dem Feld herausklicke, können Sie sehen, dass die Größe des Felds an die Größe des Textes angepasst wurde, aber es ist nicht ganz ausgerichtet Das liegt daran, dass die Größeneigenschaft immer von der Mitte des Felds aus skaliert, unabhängig davon, wo sich der Ankerpunkt für die Ebene befindet. Sie können sehen, dass sich der Ankerpunkt für die Ebene hier links befindet und dass sich der Ankerpunkt für die Form auch hier links befindet. Aber egal was passiert, wenn ich diesen Ausdruck einfach für eine Sekunde deaktiviere, um dir die Größe der Box von der Mitte aus zu zeigen , unabhängig davon, wo sich der Ankerpunkt befindet. Um dem entgegenzuwirken , dass ich den Ausdruck einfach wieder aktiviere, müssen wir den Ausdruck in der Eigenschaft position einrichten, die sich hier befindet Ausdruck in der Eigenschaft position einrichten, die sich hier Es gibt noch andere Positionseigenschaften. Denken Sie daran, unter der Transformation oder unter dieser Transformation zu liegen, aber wir werden den Positionsausdruck hier direkt unter der Größeneigenschaft festlegen . Um diese Option zu verwenden, klicke ich auf die Stoppuhr und definiere dann eine Variable für x. Dann nehme ich mit dem Pickup einfach die X-Größe hier Und dann Semicon, dann definiere ich X und Y in Klammern , sodass es X ist. Und dann denke daran, dass diese Position bei Null, Null, in der Mitte der Form liegt Wenn ich einfach x einfüge, wird x auf die X-Größe gesetzt, sodass die Form um die gesamte Breite der Form verschoben wird um die gesamte Breite der Form Da ich die Form nur über die halbe Breite der Form verschieben möchte , sodass sie ihre Größe von links ändert, muss ich x geteilt durch zwei eingeben. Dann kann ich für y einfach das Gleiche tun wie hier, einfach den Y-Wert nehmen, der Null ist, das funktioniert. Wert in Klammern eins. Das ist wieder so, schieb die Kiste rüber. Wenn ich das Feld jetzt manuell verschiebe, können Sie sehen, dass es perfekt zu meinem Text passt, und ich gebe längeren Text ein, es funktioniert auch immer noch. Aber das sieht nicht wie mein ursprüngliches Design aus. Was ich tun muss, ist zum Ausdruck in der Größeneigenschaft zurückzukehren und einfach einige Pixel zur Textbreite hinzuzufügen , sodass ich den Abstand habe, den ich ursprünglich hatte Gehen wir einfach rein und direkt neben die Textbreite. Ich füge einfach Plus hinzu und versuchen wir es mit 150. Andererseits muss ich das wieder an seinen Platz bringen. Dann lass uns versuchen, dieses Wort zu verlängern und schauen, ob es funktioniert. Sieht gut aus. Und wenn wir es kürzer gemacht haben, funktioniert das auch. Lassen Sie uns einfach überprüfen, ob die Animation funktioniert. Perfekt. Jetzt müssen wir dieselben Ausdrücke auf das untere Feld anwenden. Um das etwas schneller zu machen, können Sie den Ausdruck kopieren und einfügen, also kopiere ich ihn. Gehen Sie zum unteren Feld suchen Sie die Größeneigenschaft. Dann füge ich ihn ein. Aber diese erste Zeile definiert die Textebene, für die sie die Größe erhält. Anstatt dieser Ebene muss ich sicherstellen, dass es die richtige Ebene ist, also diese hier. Ich markiere das einfach und wähle dann Whip, um es neu zu schreiben, und jetzt sieht das gut Dann holen wir uns den Positionsausdruck. Und dann füge das hier ein. Dann müssen wir das wieder an seinen Platz bringen. Das sieht gut aus, und versuchen wir, es länger zu machen. Sieht ziemlich gut aus und mal sehen, ob es kürzer funktioniert. Sieht gut aus. Als ich die Rechtecke für die Größenänderung eingerichtet habe, die Ankerpunkte für diese Ebenen etwas zu weit nach links verschoben worden Ich verwende einfach das Pan-Hinter-Werkzeug, das Y auf der Tastatur ist, um es wieder an seinen Platz zu bringen, da sich die Platzierung des Ankerpunkts auf die Skalierungsanimation auswirkt, die wir in diesem da sich die Platzierung des Ankerpunkts auf die Skalierungsanimation auswirkt Feld haben dann für das oberste Feld daran, dass der Ankerpunkt für die Ebene keinen wirklichen Unterschied macht, der Ankerpunkt für das Rechteck jedoch schon. Nehmen wir einfach den und bewegen ihn wieder an seinen Platz. Auf diese Weise sollte die Animation immer noch die gleiche sein. Geben wir ein kürzeres Wort und ein längeres Wort ein und probieren es einfach und stellen Sie sicher, dass die Animation immer noch gut aussieht. Cool. Ich finde, das sieht immer noch gut aus. Ich werde es einfach rückgängig machen, nur weil Sie daran denken , dass der Text, den Sie hier haben, die Standardwerte in Ihrer Vorlage sein wird . Das Letzte, was ich tun möchte ist einfach die Farben zum Bedienfeld für wichtige Grafiken hinzuzufügen , damit sie in der Vorlage angepasst werden können. Um die Farbeigenschaften schnell aufzurufen, gebe ich einfach Farbe in die S-Leiste und die Timeline ein. Das untere Feld hat eine Füllfarbe, also füge ich sie ein. Die Farbe der Matte spielt eigentlich keine Rolle, weil die Matte nicht sichtbar ist. Dann kommt es auf das oberste Feld an, die Strichfarbe, worauf es ankommt, und so nenne ich das. Beachten Sie, dass eine Farbeigenschaft für die Textebene nicht angezeigt wurde, also müssen wir sie hinzufügen. Im unteren Text schalte ich das ein. Gehen Sie zur Schaltfläche „Animieren“, wählen Sie „Füllfarbe“ und dann „RGB Dann ziehe ich diese Eigenschaft nach oben und gebe der Untertextfarbe einen Namen Lassen Sie uns dies zu Schwarz umfärben und dann dasselbe mit dem oberen Text tun Animieren Sie die Füllfarbe RGB. Bring das rein Nennen Sie diese Textfarbe und ändern wir sie in Weiß. Ich möchte das auch ein bisschen organisieren . Ich werde Formatierung hinzufügen und eine Gruppe hinzufügen und lass uns einfach oben bleiben und es nach oben bringen. Dann lassen Sie uns den obersten Text dort einfügen. Die Farbe des oberen Felds und die Farbe des oberen Texts. Dann fügen wir die Formatierung einer Gruppe für den unteren Teil hinzu. Fügen Sie dann den Untertext, die des unteren Felds und die Farbe des Untertextes Für dieses spezielle untere Drittel werde ich nicht reingehen und Eigenschaften bearbeiten und dann eine dieser Optionen aktivieren , weil das die Größenänderungsfunktion etwas schwieriger macht Es ist definitiv möglich, aber ich werde mir das für ein Tutorial für Fortgeschrittene aufsparen. Es gibt noch eine weitere optionale Sache, die Sie einrichten können. Dieses untere Drittel animiert rein und dann wartet es eine Weile auf dem Bildschirm und dann animiert es raus Aber was ist, wenn wir möchten , dass es in unserem eigentlichen Projekt länger oder kürzer auf dem Bildschirm angezeigt in unserem eigentlichen Projekt länger oder kürzer auf Wir kennen diese Zeitspanne derzeit nicht, aber nehmen wir an, dass wir diese Zeitspanne anpassbar machen müssen . Was wir tun können, ist zum Anfang der Timeline zu gehen und zuerst drücke ich Sie einfach auf der Tastatur, um alle Schlüsselbilder aufzurufen, sodass ich genau sehen kann , wie lange die Startanimation dauert. Es sieht so aus, als ob sie nach 1 Sekunde und 25 Bildern fertig ist. Ich gehe zum Anfang der Timeline und Control 8, um eine Markierung zu erstellen? Sie können von hier aus auch Markierungen herausziehen. Sobald Sie diese Markierung am Anfang der Timeline haben , doppelklicken Sie einfach darauf, und dann möchten Sie die Dauer dieser Startanimation eingeben. Das sind 1 Sekunde und 25 Frames. Dann möchten Sie unter Responsive Design, Zeit, sicherstellen, dass Sie den geschützten Bereich überprüfen und dann auf Okay klicken. Das sollte dir diesen blau schattierten Bereich auf der Timeline Das wird ein sogenannter geschützter Bereich sein, was bedeutet, dass wir die Länge dieser Komposition ändern können , aber dieser Bereich wird davon nicht beeinflusst, da die Längenänderung der Komposition sie mit der Zeit dehnt oder verkleinert, und diese Region wird davon nicht beeinflusst Das Timing wird gleich bleiben. Lassen Sie uns also am Ende der Zeitleiste dasselbe tun . Von 5 Sekunden bis 6 Sekunden mache ich Control 8, um diese Markierung zu erstellen , und dann beträgt die Dauer für diese Zeit 1 Sekunde, und dann ist es ein geschützter Bereich und dann drücke ich auf Okay. Jetzt habe ich diese beiden blauen geschützten Bereiche in der Komposition. Ich nehme einfach diese Komposition und ziehe sie auf die neue Kompositionsschaltfläche nur um dir zu zeigen, wie das funktioniert. Sie können hier die blauen Bereiche in der Komposition sehen. Wenn ich zum Ende dieser Ebene gehe, stelle sicher, dass du die Doppelpfeile siehst. Dann kannst du ziehen, um diese Komposition zu kürzen. Wenn ich das wiedergebe, sieht die Animation am Anfang immer noch genauso aus, und die Animation am Ende sieht genauso aus, aber sie bleibt nur kürzer auf dem Bildschirm. Sie könnten dasselbe tun, wenn Sie die Komposition erweitern möchten . Wir könnten dasselbe tun, verlängern, und dann wird sie sehr lange auf dem Bildschirm bleiben , bevor sie animiert Ich gehe einfach zurück zur ursprünglichen Komposition und lasse sie uns als Animationsvorlage speichern Drücken Sie diese Taste. Ich muss das Projekt zuerst speichern. Stellen Sie dann sicher, dass Sie diese Vorlage an derselben Stelle speichern , die ich Ihnen im Video mit der Titelkartenvorlage gezeigt habe. Für mich wird das genau hier sein und dann klicken. Wenn Sie dann in Premiere die Schritte im Video mit der Titelkartenvorlage befolgen , sollten Sie sehen, dass diese neue Vorlage automatisch importiert wird, wenn Sie sie im selben Ordner gespeichert haben. Sie können dieses untere Drittel in die Timeline ziehen. Anschließend können Sie jede dieser Eigenschaften , die wir eingerichtet haben, anpassen . Sie können diese blauen Bereiche zwar nicht sehen, das Responsive Design Time funktioniert immer noch. Sie können dies dehnen oder verkleinern, und es wird die Dauer aktualisiert, für die das untere Drittel auf dem Bildschirm angezeigt Es animiert rein, bleibt etwas kürzer auf dem Bildschirm und animiert dann draußen 8. Animieren der Blütezeitanzeige: Für dieses Beispiel sowie für den Zeiger auf Pflanzenfette und Bestäuber habe ich Ihnen die Grafiken zur Verfügung gestellt Wir können sofort damit beginnen, sie zu animieren. Lassen Sie uns zunächst die Textkurve in einem Kreis erstellen. beginne mit dem Bloom-Time-Text, Ich beginne mit dem Bloom-Time-Text, stelle sicher, dass der Text ausgewählt ist , gehe dann nach oben und nehme das Ellipsenwerkzeug, das sich unter dem Rechteckwerkzeug befindet Einfach klicken und gedrückt halten , um dieses Menü aufzurufen. Stellen Sie dann sicher, dass das Symbol für Ihre Maus wie meins aussieht. Das bedeutet, dass es eine Maske zeichnen wird. Ich werde klicken und ziehen und dabei die Umschalttaste gedrückt halten , um einen Kreis zu erstellen. Dann werde ich zurück zu meinem normalen Auswahlwerkzeug wechseln meinem normalen Auswahlwerkzeug und es an der richtigen Stelle platzieren. Schalten Sie dann in der Timeline neben den Text- und dann Pfadoptionen nach unten Text- und dann Pfadoptionen und wählen Sie dann neben Pfad die Maske aus, die Sie gerade gezeichnet Ich möchte, dass sie sich auf der anderen Seite des Kreises befindet, also drehe ich den Pfad einfach um, und dann können Sie den ersten Rand verwenden um ihn an der gewünschten Stelle auszurichten Wenn Ihr Kreis nicht ganz die richtige Größe hat, können Sie jederzeit darauf doppelklicken, um diesen Begrenzungsrahmen zu erhalten , und dann können Sie seine Größe ändern und ihn auch neu positionieren Dann mach einfach genau dasselbe für den unteren Text. Diesmal müssen Sie den Pfad nicht umkehren, weil er von innen besser aussieht, und dann werde ich die Größe einfach ein wenig ändern und die Positionierung anpassen Lassen Sie uns nun diese Grafik animieren. Zuerst nehme ich alle Ebenen mit Ausnahme der Hintergrundform und nehme dann eine der Pick-Peitschen und ziehe sie auf die Hintergrundform Dadurch werden all diese Ebenen der Hintergrundform zugewiesen Egal, welche Anpassungen ich an der Hintergrundform vornehme, die restlichen Ebenen passen dazu. Ich werde die Hintergrundform von dieser spitzen Ecke aus animieren von dieser spitzen Ecke aus Zuerst muss ich sicherstellen, dass sich der Ankerpunkt in dieser Ecke befindet , sodass er von dieser Ecke aus skaliert Sie können sehen, dass sich der Ankerpunkt gerade in der Mitte befindet. Ich nehme das Werkzeug mit der Pfanne hinter dem Werkzeug und ziehe es dann einfach nach oben in die Ecke. Wenn Sie die Befehlstaste gedrückt halten, rastet es ein. Kehren Sie dann einfach mit V auf der Tastatur zum Auswahlwerkzeug zurück . Ich animiere die Hintergrundform und skaliere sie ein. Ich drücke S auf der Tastatur, um die Skalierungseigenschaft aufzurufen, gehe dann zu 1 Sekunde und stelle die Skalierung auf 100% ein, gehe dann zurück auf Null und setze diesen Wert auf 0% Lassen Sie uns eine kleine Overshooting-Animation hinzufügen. Bei 20 Frames werde ich diesen Wert auf 105% einstellen. Auf diese Weise geht es auf 0-105 und dann wieder auf 100 zurück, um eine Overshooting-Animation zu erzeugen Fügen wir diesen Keyframes einfach hinzu, indem wir sie auswählen und F neun drücken Das sieht ziemlich gut aus, aber Sie könnten diese auswählen und in den Diagrammeditor gehen und diese Bewegungskurve anpassen, damit sie noch interessanter aussieht. Das ist das schwedische Diagramm. Ich werde es vielleicht etwas übertriebener machen, damit es ein bisschen schneller geht Nachdem wir 105 erreicht haben, lassen wir es etwas schneller gehen und dann etwas schneller diesen Endwert zusteuern. Vielleicht so etwas. Um den Diagrammeditor zu verlassen, klicken Sie einfach erneut auf diese Schaltfläche. Lassen Sie uns auch die Skalierung der Blume animieren. Ich kann diese Keyframes tatsächlich einfach kopieren , indem ich sie anklicke und ziehe, um sie auszuwählen Befehl C zum Kopieren, und dann gehe ich zum Blumensymbol, gehe zum Anfang der Timeline, drücke S auf der Tastatur und dann Befehl V, um diese Keyframes einzufügen Lassen Sie uns diese Animation auch gestaffeln, sodass diese Ebene vielleicht zehn Frames haben sollte Wir könnten das Ganze auch etwas interessanter gestalten indem wir der Blume ein wenig Rotation hinzufügen Ich drücke die Umschalttaste R auf der Tastatur, um die Rotationseigenschaft aufzurufen die Rotationseigenschaft die Skalierungs-Keyframes sichtbar zu lassen, und dann setze ich einen Drehungs-Keyframe auf Null Dann zurück zum Anfang, lassen Sie uns das auf minus 30 animieren Dann werde ich diese Keyframes einfach vereinfachen. Um diesen Kreis zu animieren, verwende ich Trim Paths. Das ist eine gute Methode , um Linien beim Einzeichnen zu animieren Lassen Sie uns einfach die anderen Ebenen schließen, die Kreisebene öffnen, die Kreisebene öffnen, und dann klicke ich auf die Schaltfläche „Hinzufügen“ und wähle „Pfade zuschneiden Okay, dann lassen Sie uns das öffnen. Ich werde diese Linie der Blütezeitanzeige ausblenden, das ist die dunklere Linie , die oben ist, nur damit ich sehen kann, was ich mit diesem Kreis mache. Gehen wir zunächst zu 1 Sekunde auf der Timeline und setzen den Endwert auf 100%. Dann ist der Kreis vollständig eingezeichnet. Dann gehe ich zurück auf Null und setze den Endwert auf 0%. Lassen Sie uns diese Ebene auch so gestaffeln, dass sie vielleicht erst etwa hier erscheint, 15 Frames Im Moment fängt der Kreis einfach von unten an, weiter zu zeichnen und dann rundum Aber ich denke, es wäre interessanter, wenn der Startpunkt der Linie auch bewegt. Dazu können wir den Offset-Wert animieren. Ich werde meinen Abspielkopf einfach hierher bewegen , damit ich den Anfang der Linie sehen kann Ich verschiebe einfach diesen Offset-Wert und ich denke, es würde besser aussehen, wenn er eher bei 90 Grad beginnen würde und ich ein Schlüsselbild a dieser Ebene einen Wert von 90 Grad festlegen würde sie dann das Ende erreicht, lassen wir den Startpunkt der Linie vielleicht um ein Vielfaches verschoben haben . Dann tastere diese Keyframes und schau, wie es aussieht. Um den Text zu animieren, werde ich Textanimatoren verwenden. Fangen wir mit dem Bloom Time-Text an. Zuerst verschiebe ich ihn einfach so , bei 15 Frames beginne. Auf diese Weise ist diese Form größtenteils skaliert, sodass Sie leichter erkennen können, was ich gerade mache Ich öffne die Ebene ein oder aus, gehe dann zur Animieren-Schaltfläche und wähle Position Dadurch wird ein neuer Textanimator mit einer Positionseigenschaft erstellt mit einer Positionseigenschaft Ich klicke hier auf diese Anzeigenschaltfläche und wähle „Maßstab Klicke dann noch einmal darauf und wähle „Deckkraft Ich werde alle drei Eigenschaften animieren, um den Text darin zu animieren Wenn Sie Textanimatoren verwenden. Sie möchten die Eigenschaften hier festlegen und sie dann mit der Bereichsauswahl ein- und ausschalten Auch hier habe ich einen ganzen Kurs über Textanimatoren. Wenn Sie eine detailliertere Erklärung zur Verwendung von Textanimatoren wünschen , schauen Sie sich diesen Kurs auf jeden Fall Dafür möchte ich, dass die Buchstaben aus dem Inneren des Kreises kommen Wenn Sie die Position nach unten verschieben, sieht es so aus. Vielleicht 30, und dann möchte ich, dass die Skala Null und die Opazität Null ist Dann verwende ich den Bereichswähler. Ich schalte das ein und gehe auch zu „Erweitert“ und von quadratisch auf rampenförmig Und noch einmal, all das wird in meiner Klasse für Textanimatoren ausführlicher erklärt Jetzt werde ich den Offset-Wert animieren. Zuerst muss ich sicherstellen, dass keiner meiner Texte sichtbar ist Also werde ich diesen Offset-Wert bis auf minus 100 erhöhen und dann einen Keyframe setzen. Das ist am Anfang dieser Ebene. Gehen wir dann eine Sekunde vorwärts, also auf 115, und dann erhöhe ich diesen Offset-Wert auf 100%. Sie können sehen, wie das den Text animiert. Anstatt die Keyframes zu beschleunigen, sollten Sie, um einem Textanimator eine Beschleunigung hinzuzufügen, um einem Textanimator eine Beschleunigung hinzuzufügen, die Geschwindigkeit hoch und die Ease niedrig einstellen Ich werde beide auf 50% setzen. Lassen Sie uns den Frühling-Sommer-Herbst-Text auf ähnliche Weise animieren Frühling-Sommer-Herbst-Text auf ähnliche Weise Zeit zu sparen, wähle ich einfach die Stelle aus, an der Animator One im Bloom Time-Text steht , und drücke Befehl C, um den Text zu kopieren Wir können diese Ebene schließen, und dann drücke ich auf der Frühling-Sommer-Herbst-Ebene den Befehl V, um sie einzufügen Aber zuerst muss ich sicherstellen , dass mein Keyframe dort ist, wo ich ihn einfügen möchte Wenn ich dann diese Ebene öffne, können Sie sehen, dass der Animator mit den Schlüsselbildern hinzugefügt wurde Animator mit Ich werde diese Ebene hinüberziehen. Vielleicht lassen wir es bei einer Sekunde beginnen, nur damit all die verschiedenen Dinge, die reinkommen, nicht alle gleichzeitig reinkommen. Sie sind alle gestaffelt. das von außen nach innen kommen zu lassen, möchte ich, dass es von innen nach außen kommt das zu ändern, setze ich die Position einfach auf negativ. Das bewegt sich nicht allzu sehr. Vielleicht machen wir es ein bisschen mehr wie minus 40. Anstatt jeden Buchstaben animieren zu lassen, wie es beim Bloom-Text der Fall ist, sind das auch animieren zu lassen, wie es beim Bloom-Text der Fall ist, ziemlich viele Texte Anstatt jeden Buchstaben animieren zu lassen, werde ich sie Wort für Wort animieren lassen Um das unterhalb des Bereichssektors „Fortgeschrittene“ zu tun, werde ich das von Zeichen auf Wörter umstellen Jetzt wird es in einem Wort nach dem anderen animiert. Ich werde dich zweimal auf die Tastatur drücken , um alle Keyframes zu schließen Hier ist, was wir bisher haben. Lassen Sie uns nun diese Grafik animieren. Ich gehe zu 7 Sekunden und lasse uns die Keyframes auf der Hintergrundform sehen und sie dann einfach umkehren Ich kopiere sie zuerst, kopiere sie und füge sie ein. diese drei Keyframes noch ausgewählt sind, klicke ich mit der rechten Maustaste auf einen von ihnen, gehe zum Keyframe-Assistenten und gehe zu T, um Keyframes umzukehren Jetzt wird die Animation, die wir am Anfang hatten, nur rückwärts Lassen Sie uns auch alle anderen Ebenen ausblenden, nur weil ich es nicht mag, wenn sie sehr klein werden und es schwer zu lesen ist. Ich wähle einfach all diese Ebenen aus, drücke T auf der Tastatur, um die Opazitätseigenschaft aufzurufen, und dann kann ich auf die Stoppuhr klicken, um alle Schlüsselbilder für jede Ebene auf einmal einzustellen, und dann lassen wir uns über zehn Frames bewegen und dann all diese Werte auf 0% reduzieren Jetzt wird es beim Herunterskalieren einfach ausgeblendet. 9. Vorlagen-Blütezeit-Indikator: Für die anpassbare Komponente dieser Vorlage möchte ich, dass diese Linie mit der Blütezeitanzeige so angepasst werden kann, dass der Benutzer markieren kann , ob die Blume im Frühling, Sommer, Herbst oder in einer Kombination daraus blüht . Lassen Sie uns diesen Teil einrichten. Zuerst öffne ich die wichtigsten Grafiken, indem ich mit der rechten Maustaste in einen leeren Bereich klicke, und gehe dann zu den wichtigsten Grafiken. Lassen Sie uns das einfach benennen. Lass uns auch die Uhrzeit für das Poster festlegen. Diese Zeit auf der Timeline sieht gut aus, also drücke ich einfach diese Taste. Lassen Sie uns dann die Linie mit der Anzeige der Blütezeit ein- und ausschalten und dann auf die Schaltfläche Hinzufügen klicken und Pfade trimmen auswählen Nun, genau wie Sie es auf dem Kreis hinter dieser Linie gesehen haben , diese Weise die Start- und Endwerte der Linie animieren die Start- und Endwerte der Wenn ich die Anfangs-Endwerte anpasse, kann das zeigen, dass diese Blume nur im Frühling blüht oder was auch immer wir zeigen müssen Wenn ich einfach die Start- und Endwerte in das Bedienfeld für wichtige Grafiken ziehe Endwerte in das Bedienfeld für wichtige und sie dann umbenenne. Dann ist das jetzt für den Benutzer anpassbar. Aber alles andere wird animiert und diese Zeile wird einfach da sein Wir brauchen eine Möglichkeit, diese Linie zu animieren, verwenden aber die Werte, die der Benutzer in der Vorlage festgelegt hat Dazu können wir einen Ausdruck verwenden. Ich beginne mit den Endwerten, einfach mit der Option oder ich klicke auf die Stoppuhr und verwende dann den Ease-Ausdruck Diese Funktion ist der linearen Funktion sehr ähnlich, falls Sie mit ihr vertraut sind Aber im Grunde ist sie so, dass sie eine Reihe von Werten einer anderen Gruppe von Werten zuordnet . Es wird sinnvoller sein , wenn wir tatsächlich etwas hineinschreiben und ich dann mehr erkläre. Das erste, wonach es in dieser Funktion fragt , ist, was diesen Ausdruck antreibt? In diesem Fall wird es einfach Zeit sein und danach ein Komma setzen Im Laufe der Zeit werde ich den Endwert von Null dem, was der Benutzer festlegt, zuordnen, angefangen bei einer Mindestdauer bis hin zu einer Höchstdauer So können wir das animieren. Die Mindestdauer ist das nächste, was der Ausdruck benötigt. Stellen wir das so ein, dass es sich dort befindet, wo die Ebene beginnt, und das wird der Endpunkt der Ebene genannt. Dazu setzt man einfach einen Punkt und dann ein Koma, und dann brauchen wir die maximale Zeit. Wenn wir wollen, dass diese Animation etwa 15 Frames oder eine halbe Sekunde dauert , dann können Sie einfach Punkt plus 0,5 und dann ein Komma und dann den Mindestwert für den Endwert eingeben und dann ein Komma und dann , der einfach Null sein wird , und dann, was auch immer der Benutzer hier einstellt Um den Wert zu ermitteln, den der Benutzer festgelegt hat, müssen wir nur einen Wert eingeben und dann aus dem Ausdruck herausklicken Ich klicke auf diese Ebene und ziehe sie zurück auf, sagen wir, 125 Dann schauen wir uns an, wie das aussieht. Der n-Wert wird animiert, der Startwert jedoch nicht Deshalb macht es genau hier diesen kleinen Flipflop. Kopieren wir einfach diesen Ausdruck und klicken dann mit der Option auf die Stoppuhr und fügen ihn ein Das wird so funktionieren wie es ist. Jetzt wollen wir sehen, was wir haben. Jetzt werden die Werte start und n zu den Werten animiert , die wir hier festgelegt haben Wenn ich diese Werte ändere, können Sie sehen, dass die Animation immer noch funktioniert Eine Sache an dieser Vorlage, die etwas knifflig ist, ist, dass, wenn Sie Ihren Abspielkopf bewegen, bevor die Animation abgespielt wird , diese Zahlen von selbst auf Null zurückgesetzt werden , weil der Ausdruck es ihr vorgibt Auch wenn das funktioniert, ist es nicht das benutzerfreundlichste Design, denn wenn Sie das an jemand anderen weitergeben, weiß dieser möglicherweise nicht, dass Sie nach der Animation Ihren Abspielkopf bewegen müssen nach der Animation um diese Zahlen anzupassen. Es gibt eine bessere Möglichkeit, dies einzurichten , um es benutzerfreundlicher zu gestalten Lass uns das machen. Lassen Sie uns eine Controller-Ebene verwenden, die Null sein wird. Um eine Null zu erstellen, gehen Sie zur Ebene, neues Null-Objekt. Wenn Sie noch nie eine Null verwendet haben, handelt es sich im Grunde genommen nur um eine unsichtbare Ebene, die Sie verwenden können um anderen Ebenen übergeordnet zu werden oder um Dinge zu kontrollieren. Lassen Sie uns das zunächst einfach benennen. Dann müssen wir dieser Null eine Ausdruckskontrolle hinzufügen. Ein Ausdrucksteuerelement ist eine Eigenschaft, die Sie einer Ebene hinzufügen können , die von sich aus nichts tut. Sie können jedoch häufig Dinge mit ihr verbinden, indem Sie Ausdrücke verwenden , um andere Eigenschaften zu steuern. Ausdruckssteuerungen können besonders nützlich sein, um mehrere Ebenen oder Eigenschaften gleichzeitig zu steuern. In den kommenden Videos werden wir mehr Expression-Controller verwenden. In diesem Beispiel müssen wir dieser Null-Ebene ein Slider-Steuerelement hinzufügen . Klicken Sie dazu mit der rechten Maustaste darauf, gehen Sie zu Effekt, Ausdruckssteuerung und dann Schiebereglersteuerung. Dann sollte das Bedienfeld für die Effektsteuerung geöffnet werden. Wenn Sie hier doppelklicken, wird es automatisch in der Timeline geöffnet , oder Sie können auch einfach nach unten schalten, bis Sie es finden Ich wähle einfach die Stelle aus, wo es steht, schieberegle es und kehre zurück, um es umzubenennen, starte Bloom und drücke dann erneut auf Return Dann lassen Sie uns das einfach duplizieren und dieses eine Ende umbenennen. Ich werde das Ende Bloom aufschreiben und dann werde ich die Timeline ein bisschen aufklappen , damit wir alles sehen können. Von hier aus müssen wir uns mit dem Ausdruck befassen. Anstatt den Ausdruck den Wert auswählen zu lassen , der hier festgelegt ist, mussten wir den Wert auswählen, der hier festgelegt ist. Ich gehe einfach rein, doppelklicke auf die Stelle, an der Wert steht, nehme dann den Pick-Whip und ziehe ihn auf den Start-Bloom-Wert Und dann können wir aus dem Ausdruck herausklicken. Am Ende mache ich dasselbe. Schnapp dir, nimm die Hacke mit und zieh sie bis zur Endblüte hoch. Jetzt können wir im Bedienfeld „Essential Graphics“ die Anfangs- und Endblüten löschen, die diesen Trimmpfad-Werten entsprachen und dann die neuen Schieberegler einfügen Jetzt kann ich diese Zahlen einstellen, egal wo sich mein Abspielkopf befindet, und sie bleiben Das Letzte, was wir tun müssen, ist einfach schwanken, wo diese Ebene beginnt. Um 1:25 Uhr, lassen wir Auf diese Weise können wir uns die Animation ansehen und uns Eine weitere Sache, die ich auf dieser Ebene tun musste: Ich hatte diese Opazitäts-Keyframes, um alles zu animieren Ich drücke T auf der Tastatur, um diese Opazitäts-Keyframes zu sehen Ich kann sehen, dass Keyframes gesetzt wurden , weil die Stoppuhr aktiviert ist, aber die Keyframes wurden aus der Ebene verschoben als ich die Ebene gestaffelt Ich ziehe einfach meine Ebene zurück. Schnappen Sie sich diese Keyframes, bewegen Sie sie einfach drüber und bringen Sie die Ebene wieder dorthin, wo ich sie haben möchte Dann drücken wir T auf einer anderen Ebene, damit wir diese Keyframes mit den anderen Keyframes ausrichten können mit den anderen Keyframes ausrichten Ordnung. Jetzt sollte unsere gesamte Animation fertig sein und die Vorlage ist eingerichtet. Wenn Sie möchten, können Sie Farbcontroller für die verschiedenen Elemente in dieser Vorlage und/oder im responsiven Design einrichten die verschiedenen Elemente in dieser Vorlage und/oder im . Wenn Sie sich nicht erinnern können, wie das geht, können Sie zum Vorlagenvideo mit den unteren Dritteln zurückkehren. Von hier aus können wir die Animationsvorlage exportieren und sicherstellen, dass sie in dem Ordner gespeichert wird , den wir zu Beginn des Unterrichts eingerichtet haben. Ich werde jetzt nicht näher darauf eingehen, wie man diese Vorlage in Premier verwendet , da sich dies wiederholen könnte Stattdessen werde ich den ersten Teil mit allen Beispielen im Video Zusammenstellen am Ende des Kurses behandeln allen Beispielen im Video Zusammenstellen am Ende des Kurses 10. Pflanzenfakten animieren: Beginnen wir mit den Grafiken , die ich Ihnen zur Verfügung gestellt habe, und lassen Sie uns diese Pflanzenfaxgrafik animieren Lassen Sie uns zunächst die Box in animieren. Ich verwende die Größeneigenschaft, um dieses Feld zu skalieren, und ich verwende die Größeneigenschaft denn wenn ich die Skalierungseigenschaft verwende, wirkt sich das auf die Strichstärke aus, und das möchte ich nicht tun Ich setze einfach einen Keyframe auf 1 Sekunde, damit die Größe dieser Größe entspricht. Dann ändern wir die vertikale Größe. Ich werde die Proportionen einschränken und den Y-Wert auf Null setzen Und dann gehe ich zum Anfang der Timeline und setze X einfach auf Null Ich werde das auch einfach verlangsamen damit wir uns auf die Box konzentrieren können. Es beginnt damit, dass es sich zu einer horizontalen Linie ausdehnt und sich dann bis zur Narrenbox ausdehnt. Fügen wir diesen Keyframes einfache Es hinzu. Dann gehen wir in den Diagrammeditor und machen diese Grafiken einfach etwas übertriebener Ich ziehe einfach die Griffe rein , um das Diagramm steiler zu machen, wodurch es langsamer und dann schneller und dann dramatischer langsamer wird als zuvor So etwas sieht gut aus. Als Nächstes animieren wir diese beiden Linien mit Trimmpfaden. Ich fange einfach mit der obersten an. Öffne es und klicke dann auf die Schaltfläche Hinzufügen und wähle Pfade trimmen. Ich gehe zu zehn Frames und setze die Start- und Endwerte einfach auf Null und 100. Ich möchte, dass diese Linie von der Mitte aus animiert wird. Ich setze den Anfang auf 50 und das Ende so , dass es passt. Auf diese Weise wird es von der Mitte nach außen animiert. Ich klicke und ziehe , um diese Keyframes auszuwählen, füge sie einfach hinzu, gehe dann in den Diagrammeditor und mache das Ganze ein bisschen dramatischer Dann wähle ich die Stelle aus, an der „Pfade zuschneiden“ steht. Befehlen Sie C, um das zu kopieren, und gehen Sie dann zur untersten Zeile und stellen Sie sicher, dass sich mein Abspielkopf am Anfang der Ebene befindet , und drücken Sie dann Befehl V, um es einzufügen Wenn Sie dann U auf der Tastatur drücken, können Sie sehen, dass die Trimmpfad-Keyframes eingefügt wurden Lassen Sie uns diese Ebenen nun so gestaffelt anordnen, dass sie nicht gleichzeitig mit dem Öffnen der Box angezeigt Bringen wir es zurück, sodass wir vielleicht bei 20 Frames beginnen. Ich denke, das wird gut aussehen, und dann werde ich Sie bitten, all diese Schichten zu schließen. Lassen Sie uns als Nächstes die Sonnen animieren. Drei davon liegen alle übereinander. Lass uns einfach einen davon verkaufen, um uns darauf zu konzentrieren, und dann mache ich dieselbe Animation für alle anderen. Ich möchte diese Skalierung animieren, aber wenn ich nur die reguläre Skalierungseigenschaft verwende, wirkt sich das auf die Strichstärke aus Stattdessen aktiviere ich die Ebene und animiere dann unter Inhalt Sonne transformieren Sonne diese Skalierungseigenschaft, unter Inhalt Sonne transformieren Sonne diese Skalierungseigenschaft, aber wenn ich das jetzt mache, wirkt sich das immer noch auf die Strichstärke wirkt sich das immer noch auf die Strichstärke das zu beheben, müssen wir den Strich nehmen und dafür sorgen, dass er angewendet wird, nachdem die Skalierungseigenschaft Der einfachste Weg, das zu tun, besteht darin, den Strich einfach an die Stelle zu ziehen, an der Inhalt steht, und er wird dadurch unter die Transformationswerte verschoben. Auf diese Weise wird dieser Strich nach den Transformationen angewendet. Wenn ich nun einen Skalierungs-Keyframe auf 100 und dann wieder auf Null setze , keinen Einfluss auf die Strichstärke , da der Strich erst nach der Skalierungseigenschaft angewendet wird, was auf der Ebenenreihenfolge basiert Eine weitere Sache, die wir hinzufügen können , um das Ganze etwas interessanter zu machen , ist die Animation der Rotation Es spielt keine Rolle, ob Sie diese Rotation oder die Rotation auf der gesamten Ebene animieren diese Rotation oder die Rotation auf der gesamten Ich setze einfach einen Keyframe dafür auf Null und drehe ihn nach hinten, vielleicht Und dann werde ich Sie bitten, diese beiden Keyframes zu sehen, sie auszuwählen und sie dann einfach zu vereinfachen Und dann die Rotation. Lassen wir das einfach locker, aber machen wir die Skalierung am Anfang etwas dramatischer Es wird also schneller skaliert und dann langsam den endgültigen Skalierungswert von 100% gesenkt. Das sieht gut aus. Jetzt werde ich dasselbe mit den anderen beiden Sonnensymbolen machen. Lassen Sie uns diese Sonnenschichten so gestaffeln, dass sie erst ab etwa hier bei 25 Frames reinkommen erst ab etwa hier bei 25 Frames Lassen Sie uns nun die Wassertröpfchen animieren. Ich möchte diese Skalierung animieren, aber ich möchte die Strichstärke nicht anpassen Also mache ich etwas, das den Sonnen sehr ähnlich ist, und ich öffne diese Ebene, suche nach diesem Strich und setze ihn unter die Transformationseigenschaften, und dann animiere ich den Skalierungswert unter der ersten unter Nehmen wir etwa 15 Bilder in Anspruch, legen ein Schlüsselbild fest und gehen dann zurück zum Anfang und setzen ein Schlüsselbild Dann möchte ich auch, dass dies vom oberen Punkt statt von der Mitte aus skaliert . Dazu muss ich diesen Ankerpunkt verschieben , der für die Form spezifisch ist. Es ist dieser leichtere Ankerpunkt hier. Ich nehme die Pfanne hinter dem Werkzeug und schiebe sie dann einfach nach oben. Und jetzt wird es von diesem Punkt aus skalieren. Anstatt diese Werte jetzt zu lockern , speichere ich das , animiere alle anderen Gewässer auf die gleiche Weise und passe dann die gesamte Beschleunigung gleichzeitig an Also werde ich die gleichen Schritte mit den anderen Wassertröpfchen wiederholen Wassertröpfchen Jetzt drücke ich Sie und die Tastatur, um alle Schlüsselbilder auf den Wassertröpfchen zu sehen, und dann wähle ich einfach alle auf einmal aus, lockere sie und gehe dann in den Grafikeditor und mache das Ganze am Anfang etwas dramatischer Es wird am Anfang schneller skaliert und dann auf die endgültige Skalierung von 100% reduziert Lassen Sie uns diese Ebenen nun gestaffelt anordnen. Das erste Wasser könnte vielleicht bei 20 Bildern beginnen. Dann lasse ich einfach den zweiten in zwei Frames später erscheinen und danach den dritten in 12 Frames. Etwas in der Art. das Größensymbol animieren, indem wir es vergrößern, aber auch hier, ohne die Strichstärke anzupassen Ich öffne das Symbol, nehme dann diesen Strich und bringe ihn unter das Symbol für die Transformationsgröße Dann animiere ich die Skalierungseigenschaft Lassen Sie uns die Keyframes einfach verkleinern und dann im Diagrammeditor anpassen Dann lassen Sie uns diese Ebene so gestaffeln, dass sie vielleicht nach 1 Sekunde beginnt vielleicht nach 1 Sekunde Um den Text darin zu animieren, verwende ich eine der Standardvoreinstellungen von Aftereffects Ich gehe zu Effekten und Voreinstellungen und ich weiß, wie das heißt, also werde ich einfach danach suchen Es heißt Opacity Flicker In. Es befindet sich unter Text, mit Deckkraft animieren , einflimmern. Stellen Sie dann sicher, dass Sie Ihren Abspielkopf an die Stelle bewegen, an der die Keyframes beginnen sollen, und wenden Sie dann die Voreinstellung an Ich werde diese Ebene nach hinten verschieben, sodass sie vielleicht nach einer Sekunde beginnt Dann schauen wir uns an, wie es aussieht. Ich drücke Sie auf die Tastatur um alle Keyframes zu sehen, und ich lösche den zweiten Keyframe-Satz hier, wo er wieder flackert All dies und das. Dann machen wir genau dasselbe mit dem Größentext. Diesmal werde ich es gestaffeln, also fängt es vielleicht um 1:05 Uhr an Jetzt, wo alles animiert ist, besteht der letzte Schritt darin, es herauszuanimieren Ich gehe jetzt zu, sagen wir , 9 Sekunden über und fangen wir an, das Ganze nach außen zu animieren Ich werde die Linien auf die gleiche Weise animieren , wie sie hineinanimiert wurden Eine einfache Möglichkeit, das zu tun , besteht darin, die Keyframes einfach zu kopieren und einzufügen Wenn das Kopieren und Einfügen von Keyframes über mehrere Ebenen hinweg für Sie nicht funktioniert, verwenden Sie wahrscheinlich eine ältere Version von Aftereffects und müssen nur eine Ebene nach der anderen kopieren und einfügen Von hier aus muss ich diese Keyframes dann rückgängig machen. sie alle ausgewählt sind, klicke ich mit der rechten Maustaste auf einen von ihnen. Gehen Sie dann zum Keyframe-Assistenten, um Keyframes umzukehren. Jetzt wird das Ganze in umgekehrter Weise animiert. Ich werde im Grunde dasselbe mit dieser Box machen. Ich drücke Sie auf die Tastatur , um mir die Größe der Keyframes anzusehen, dann kopiere ich sie und füge sie ein. Rechtsklick, Keyframe-Assistent, um Keyframes umzukehren. Jetzt wird das Feld verkleinert und dann zu einer Linie und dann wieder heraus Anstatt alles einzeln zu animieren, werde ich sie einfach mit dieser Box Aber da dieses Feld nur einen Strich und keine Füllung hat, muss ich das Feld duplizieren Befehl D. Benennen wir das in Mt. Dann werde ich diese Ebene ein- und ausschalten. Hier gibt es bereits eine Füllung, und dafür werde ich einfach den Augapfel einschalten Wenn Sie noch keine Füllung haben, können Sie diese jederzeit hinzufügen, indem Sie auf die Schaltfläche Hinzufügen klicken und Füllen auswählen Ich werde dich bitten, alle Ebenen zu schließen. Dann drücke ich auf Toggle Switches Slash-Modi, um die Optionen für Track Mt zu sehen, und ich wähle alle Ebenen außer der Box und den Linien aus, und ich mache die Track-Matte, diese Box Jetzt, da dieses Feld animiert wird, werden all diese anderen Ebenen ausgeblendet, wenn sie sich nicht mehr innerhalb der Box befinden Eine etwas wählerische Sache, die ich nicht mag, ist, wie diese Box geschlossen wird und es einen Frame gibt in dem die Linien außerhalb der Box liegen Ich gehe in diese beiden Zeilen und verschiebe dann einfach dieses Schlüsselbild, ein Bild nach links Im nächsten Video machen wir daraus eine Vorlage. 11. Vorlage Pflanzenfakten: Für diese Vorlage möchte ich, dass der Benutzer entscheiden kann , ob die Pflanze volle Sonne, Halbschatten oder Vollschatten benötigt . Das sollte das Symbol und den Text aktualisieren. Ich möchte auch, dass der Benutzer bestimmen kann, wie viel Wasser die Pflanze benötigt, ob es sich um einen, einen Tröpfchen, zwei Tröpfchen oder drei Tröpfchen Dann lasse ich sie auch diesen Text für die Pflanzengröße aktualisieren Lassen Sie uns zunächst einen Controller erstellen, der einige der Ausdruckskontrollen enthält, die wir benötigen. Ich gehe zu Layer, new, null object und lass uns diesen Controller einfach umbenennen. Dann klicke ich mit der rechten Maustaste auf den Controller, gehe zu Effekt, Ausdruckssteuerung und dann Dropdownmenüsteuerung. Ich werde das für das Sonnensymbol und den Text verwenden. Benennen wir es in Sun um. Um dann die verschiedenen Elemente in der Liste zu aktualisieren, klicke ich auf Bearbeiten. Anschließend können Sie auf diese Elemente doppelklicken, um sie umzubenennen. Wenn Sie Optionen hinzufügen oder entfernen möchten, verwenden Sie diese Plus- und Minusschaltflächen hier. Wenn Sie dann die Optionen haben, die Sie benötigen, klicken Sie auf. Ich werde einen Ausdruck über die Opazität der Sonnensymbole schreiben , um sie je nach Auswahl in diesem Drop-down-Menü ein- oder auszuschalten diesem Drop-down-Menü Bevor ich das mache, drücke ich hier auf das Schlosssymbol, damit es an Ort und Stelle bleibt, auch wenn ich vom Controller weg klicke. Dann suche ich die Opazitätseigenschaft auf dem ersten Symbol und drücke Option oder Alle, um mit dem Schreiben des Ausdrucks zu beginnen Dann richten wir eine Variable für dieses Drop-down-Menü ein. Ich nenne diese Auswahl einfach. Dann nimm die Peitsche zu diesem Menü. Dann Semikolon, dann verwenden wir eine FL-Anweisung, um herauszufinden, Ich mache ob und dann in Klammern die Auswahl. Mit der Variablen, die ich gerade erstellt habe. Dann benötigen wir zwei Gleichheitszeichen, um zu überprüfen, ob dies den Elementen in diesem Menü entspricht. Artikel Nummer eins wird Nummer eins sein. Geben Sie hier einfach eins ein und erstellen Sie dann außerhalb der Klammern eine Dann wollen wir innerhalb der Klammern die Deckkraft festlegen, falls es sich bei der Auswahl um eine Option Wenn die Auswahl auf diesem Vollsonne-Symbol in voller Sonne steht, möchte ich, dass die Deckkraft 100% beträgt Ich gebe einfach 100 und dann Semikolon ein. Nach der zweiten Klammer müssen wir dann definieren, was passiert, wenn das nicht der Fall ist Schreiben Sie zuerst und dann noch einen Satz Klammern. Dann müssen wir in diese Klammern setzen, wie hoch die Deckkraft sein soll, wenn die Auswahl nicht eins ist, also wird sie Null sein Diese Ebene wird nicht sichtbar sein. Stellen Sie dann sicher, dass Sie die andere Klammer haben und dann können Sie aus dem Ausdruck herausklicken. Ich werde nur diese Ebene bearbeiten damit wir testen können, ob das funktioniert. Im Moment ist das Menü auf volle Sonne eingestellt , also ist das sichtbar. Wenn ich es auf Halbschatten ändere, ist die Deckkraft Null, sodass diese Ebene verschwindet. Jetzt muss ich das nur noch für die anderen Sonnensymbole wiederholen . Zuerst kopiere ich einfach diesen Ausdruck. Suchen Sie die Opazitätseigenschaft auf dem zweiten Symbol und fügen Sie dann den Ausdruck Aber anstatt dass die Auswahl gleich eins ist, möchte ich, dass sie gleich zwei Dann das Gleiche bei diesem. Aber dieses Mal sollte die Auswahl gleich drei sein. Lassen Sie uns nun überprüfen, ob dieses Menü funktioniert. Im Moment volle Sonne, jetzt Halbschatten und Vollschatten. Als Nächstes lassen Sie uns diesen Text automatisch aktualisieren , basierend auf der Auswahl im Drop-down-Menü. Ich gehe in die Textebene, suche den Quelltext und schreibe einen Ausdruck. Zuerst müssen wir eine Variable für die Auswahl definieren und dann mit Peitsche das Menü aufrufen Dann Semikolon, wir können wieder eine IL-Anweisung verwenden. Wir brauchen nur ein Extra, wenn und sonst. Es wird ob und dann in Klammern die Auswahl sein . Gleich gleich Die Auswahl entspricht Nummer eins. Dann müssen wir in Klammern definieren, was der Quelltext ist. Um das zu tun, wird es Textquelltext sein, dann ist es gleich, und dann können wir in Anführungszeichen schreiben, was dieser Text sagen soll Es wird volle Sonne sein. Um dann zu einer neuen Zeile zu kommen, musst du Backslash machen Stellen Sie sicher, dass es das umgekehrte Zeichen, n, ist, das zu einer neuen Zeile führt, und dann können wir mehr als sechs Stunden machen Dann brauchst du nach den Anführungszeichen ein Semikolon. Dann, nach der Klammer, mache ich was anderes, wenn. Ich definiere eine andere Situation. Das wird in Klammern stehen, Auswahl, gleich zwei Wenn die Auswahl gleich zwei ist, also Halbschatten, dann müssen wir in Klammern definieren, was der Text sagen soll Textquelltext entspricht, und dann e Halbschatten und dann Backslash n vier bis 6 Stunden. Dann Semikolon. Dann, nach dieser Klammer, mache ich etwas anderes. Da die Auswahl nur drei Optionen hat, definieren wir bereits, was passieren soll, wenn es sich um eine oder zwei handelt. Für diese können wir einfach nichts angeben und davon ausgehen, dass dies Option drei sein wird. Ich setze Klammern und das ist dann Textquellentext, entspricht Anführungszeichen, Vollton, Backslash und weniger als Dann Semikolon und dann stellen Sie sicher, dass die letzte Klammer da ist, und klicken Sie letzte Klammer da ist, und klicken Sie Wenn ich jetzt die Menüauswahl ändere, sollte es auch den Text aktualisieren Es sieht so aus, als ob ich den Bindestrich hier verpasst habe, also lass mich zurückgehen und ihn hinzufügen. Lass uns an den Wassertröpfchen arbeiten. Wenn die Pflanze nicht viel Wasser benötigt, möchte ich nur, dass einer der Tröpfchen vollständig und die anderen beiden teilweise undurchsichtig sind Wenn sie dann etwas mehr Wasser benötigt, dann sind beide vollständig undurchsichtig und der dritte ist nur heller und so weiter Um das zu tun, klicke ich zuerst mit der rechten Maustaste auf den Controller, gehe zu den Effekt-Expression-Bedienelementen und nehme einen Schieberegler Nennen wir dieses Wasser. Ich klicke mit der rechten Maustaste auf die Stelle, an der Null steht , und wähle Wert bearbeiten. Standardmäßig stehen die Schieberegler zwischen 0 und 100, aber ich möchte nur Null bis Drei Ich ändere diesen Wert auf drei und drücke dann. Das macht es nur einfacher, mit dem Slider zu arbeiten. Wir müssen die Opazität für den ersten Wassertropfen nicht ändern , weil ich keine Pflanzen habe, die kein Wasser benötigen Dann müssen wir nur noch in den zweiten und dritten Wassertropfen gehen den zweiten und dritten Wassertropfen Drücken Sie T auf der Tastatur und beginnen Sie dann, einen Ausdruck zu schreiben Zuerst benötigen wir eine Variable für diesen Slider. Dann nehme ich Peitsche bis zum Slider und dann Semikolon, dann können wir eine if-Anweisung verwenden I und dann in Klammern, Wasser ist größer Dann möchte ich, dass die Opazität des zweiten Wassertropfens 100% beträgt. Und dann noch Das würde bedeuten, dass der Wasserschieber weniger als zwei hat. Ich möchte, dass die Opazität 20% beträgt. Auf diese Weise ist es immer noch sichtbar, aber nicht bei voller Opazität So sieht der vollständige Ausdruck aus. Lassen Sie uns das kopieren und in das dritte Wassertröpfchen einfügen. Aber dieses Mal möchte ich angeben, ob Wasser größer oder gleich drei ist Wenn Sie nun den geringeren Wert anpassen, wird er in Dezimalstellen angegeben, aber sobald Sie mehr als zwei, aber weniger als drei erreichen, haben Sie zwei Wassertröpfchen, haben Sie zwei Wassertröpfchen, und wenn Sie auf drei oder mehr als alle drei kommen , wird die volle Opazität erreicht Sie könnten hier auch einfach Zahlen eingeben und das könnte es einfacher machen Lassen Sie uns nun das Bedienfeld für wichtige Grafiken öffnen. Wir geben dem einen Namen. Wir legen die Uhrzeit für das Poster fest. Dann muss ich diese Controller reinbringen. Ich doppelklicke, um sie in der Timeline zu öffnen, damit ich sie in das Bedienfeld „ Essential Graphics“ ziehen kann. Dann suche ich für Text in dieser Größe einfach die Quelltexteigenschaft und ziehe sie hinein. Wenn Sie möchten, können Sie Farbregler für die verschiedenen Elemente in dieser Vorlage und/oder im responsiven Design einrichten die verschiedenen Elemente in dieser Vorlage und/oder . Wenn Sie sich nicht erinnern können, wie das geht, können Sie zum Vorlagenvideo mit den unteren Dritteln zurückkehren. Als letztes müssen Sie die Animationsvorlage exportieren und sicherstellen, dass Sie sie in dem Ordner speichern , den wir zu Beginn des Unterrichts eingerichtet haben. Wie Sie diese Vorlage in Premier verwenden, werde ich Ende des Kurses im Video „Zusammenstellen“ erläutern. 12. Animieren von Pollinator-Zeiger: Beginnend mit dieser Komposition , die ich Ihnen zur Verfügung gestellt habe, lassen Sie uns zunächst alles animieren. Dann machen wir daraus eine anpassbare Vorlage, in der der Benutzer den Text anpassen und eines dieser drei verschiedenen Symbole für Bs, Schmetterlinge oder Motten auswählen kann den Text anpassen und eines dieser drei verschiedenen Symbole für Bs, Schmetterlinge oder Motten auswählen dieser drei verschiedenen Symbole für Bs, Schmetterlinge oder Motten Und der Benutzer kann auch die Position dieses Punktes verschieben , um das Aussehen des Zeigers zu aktualisieren Beginnen wir mit der Animation des Punktes. Ich drücke S auf der Tastatur, um die Skalierungseigenschaft aufzurufen Ich gehe zu 15 Frames, stelle die Skalierung auf 100% und setze sie dann zu Beginn der Timeline auf Null. Lassen Sie uns auch den Kreis animieren, indem wir ihn vergrößern. Wenn wir jedoch die Skalierungseigenschaft verwenden, wird dadurch tatsächlich die Größe der Strichstärke geändert , was ich nicht tun möchte Stattdessen öffne ich die Ebene , suche Inhalt, Kreis und dann Ellipsenpfad eins und animiere dann die Größeneigenschaft Auf diese Weise können Sie die Größe beliebig anpassen, aber die Strichstärke bleibt immer Ich gehe zu 17 Frames, weil diese Ebene bei zwei Frames beginnt und diese dann 15 Frames dauert, genau wie der Punkt, und ich animiere die Größeneigenschaft einfach auf diesen Wert und dann auf Null am Anfang der Ebene Und dann drücke ich Sie auf der Tastatur , um nur diese Keyframes anzuzeigen Wählen wir sie aus, drücken wir F neun, um sie zu vereinfachen, und gehen dann in den Diagrammeditor und machen diese Bewegungskurven einfach ein bisschen interessanter Ich möchte , dass diese Animation am Anfang schneller und gegen Ende langsamer ist. Dazu klicke ich hier auf diese Griffe und ziehe sie mit der Maus darüber und ziehe sie dann bei gedrückter Umschalttaste nach links. Das wird eine steilere Kurve sein. Das sieht ziemlich gut aus. Lassen Sie uns nun diese Linie animieren Es gibt zwei Segmente dieser Linie, diesen Teil und dann den horizontalen Teil Der Grund, warum diese beiden Zeilen getrennt sind, liegt darin dass die horizontale Linie je nach Textgröße aktualisiert werden muss . Für die Linienverbindung öffne ich die Ebene ein oder aus, klicke auf die Schaltfläche „Hinzufügen“ und wähle Pfade zuschneiden“. Dann lassen Sie uns das öffnen. Ich werde den Endwert bei 20 Frames auf 100% einstellen. Am Anfang der Ebene setze ich den Wert dann wieder auf Null. Jetzt wird dieser Teil animiert. Lassen Sie uns diese Keyframes einfach vereinfachen, gehen wir in den Diagrammeditor und erstellen wir ein Diagramm, das ähnlich aussieht wie bei dem Punkt So etwas in der Art. Ich animiere die horizontale Linie auf die gleiche Weise Eine Abkürzung dafür besteht darin, den Trimmpass aus dieser Zeile zu kopieren und ihn dann in diese Zeile einzufügen Dann öffne ich das und passe einfach die Keyframes an. Lass es uns am Anfang dieser Ebene in den letzten 20 Frames beginnen. Folgendes haben wir bisher. Lassen Sie uns den Text mit Textanimatoren animieren. Für den Text, der anzieht, verwende ich eine Voreinstellung , die in After Effects standardmäßig verwendet wird Ich gehe in das Bedienfeld „ Effekte und Voreinstellungen“. Öffne Animationsvorgaben, gehe zu „Voreinstellungen“ und dann zu „Text“ und dann „Animieren“, und ich suche nach Deckkraftflackern Text“ und dann „Animieren“, und ich suche nach Stellen Sie sicher, dass sich Ihr Abspielkopf an der Stelle befindet , an der Sie die Keyframes einfügen möchten, und dann können Sie diesen Effekt einfach ziehen oder darauf doppelklicken, um ihn anzuwenden. Ich drücke Sie auf der Tastatur, um die Keyframes anzuzeigen, und lassen Sie uns sehen, wie das aussieht Mir gefällt, wie das animiert wird und dann flackert, aber ich glaube nicht, dass ich diesen Teil hier brauche . Das ist ein bisschen zu viel Ich klicke und ziehe einfach über all diese Keyframes und lösche sie. Das sieht gut aus und ich kann diese Ebene einfach schließen. Für den Namen des Bestäubers öffne ich dann die Ebene ein oder aus, klicke auf die Animationsschaltfläche und wähle die Dann passe ich die Y-Position so an , dass sich die Ebene unter dieser Linie befindet Dann werde ich das mit dem Bereichswähler animieren. Aber zuerst gehe ich auf Fortgeschrittene und für die Form wähle ich Ramp Up Dann animiere ich den Offset-Wert. beginne am Anfang der Zeitleiste Ich beginne am Anfang der Zeitleiste und ziehe diesen Versatzwert bis auf minus 100, sodass der gesamte Text unterhalb der Linie liegt Dann erstelle ich einen Keyframe für den Offset von minus 100 und dann 20 Frames später auf 100 Jetzt taucht jeder Buchstabe in einem Wasserfall auf. Anstatt diese Keyframes zu lockern, da es sich um einen Textanimator handelt, stelle ich die Beschleunigung hoch und die Ease niedrig ein und setze sie jeweils auf 50% Auch hier gilt: Wenn Sie mehr über die Funktionsweise von Textanimatoren erfahren möchten , das alles in meiner Klasse für Textanimatoren behandelt Eine weitere Sache, die Sie für diesen Text tun müssen, ist, eine Matte zu erstellen , sodass der Text nicht sichtbar ist, wenn er sich unter der Linie Dazu nehme ich das Formwerkzeug, das Rechteckwerkzeug, und dann klicke und ziehe ich, um ein Rechteck zu erstellen. Und lassen Sie uns das benennen. Dann klicke ich auf Toggle Switches (Schrägstrichmodus , damit ich mir die Optionen für die Trainingsmatte ansehen kann Wenn dir das nicht angezeigt wird, wenn du auf Schalter und Modi klickst , dann schalte diese Symbole um, bis du dann schalte diese Symbole um, bis Dann nehme ich die Pickpeitsche neben der Streckenkarte für den Bestäubertext und ziehe sie auf Jetzt ist der Text nur in diesem Bereich sichtbar. Später werden wir auf dieses Feld zurückkommen müssen , um sicherzustellen, dass die Größe entsprechend der Textgröße korrekt angepasst wird. Aber lassen Sie uns vorerst einfach an der Animation arbeiten. Lassen Sie uns nun die B-, Schmetterlings- und Motten-Symbole animieren. Sie sich keine Sorgen darüber, dass sich diese drei Symbole gerade überlappen In der Vorlage werden wir es so gestalten , dass der Benutzer eines davon auswählen kann Sie werden immer nur einen auf einmal sehen. Ich werde dafür sorgen, dass diese Animation etwa 15 Frames dauert , und dann wähle ich alle drei Ebenen aus und drücke P auf der Tastatur, um die Positionseigenschaft aufzurufen , und klicke auf eine der Stoppuhren, um alle drei Schlüsselbilder gleichzeitig einzustellen Dann gehe ich zum Anfang der Timeline und ziehe sie einfach alle nach unten, sodass sie unter dem Ich möchte nicht, dass diese Symbole sichtbar sind, wenn sie sich nicht über der Linie befinden. Ich gehe zu meinen Kippschaltern in den Schrägstrichmodi, um die Optionen für die Spurmatte zu finden , und ziehe dann eine der Pick-Whips auf die Textmatte, sodass sie unter der Linie nicht sichtbar sind Lassen Sie uns auch diese Keyframes auswählen, sie einfach vereinfachen und dann in den Diagrammeditor gehen und diesen Graphen anpassen, ähnlich wie wir den Kreis animiert haben So etwas in der Art. Sie haben vielleicht bemerkt, dass auf dieser Textebene bei der Voreinstellung, die wir angewendet haben, einige Hold-Keyframes für die Opazitätseigenschaft Dadurch flackert es nur ein bisschen. Mir gefällt, wie das aussieht, und ich denke, das könnte ein bisschen ein Thema sein , das auf andere Ebenen angewendet wurde Diese Keyframes werden als Hold-Keyframes bezeichnet und haben eine quadratische Form Sie springen einfach von einem Wert zu einem anderen Wert ohne Interpolation In diesem Fall wird die Ebene lediglich aus- und eingeschaltet. Ich wähle diese Keyframes aus und befiehl C, sie zu kopieren. Lassen Sie uns dann auf dem Punkt sehen, wo sich die Keyframes befinden und auch auf dem Kreis Nachdem der Punkt animiert ist, füge ich diese Opazitäts-Keyframes Und dann dasselbe für den Kreis. Dadurch werden diese beiden Schichten nur ein bisschen flackern Lassen Sie uns jetzt alles animieren. Ich stelle meinen Abspielwert auf etwa 4:20 Uhr um und wähle dann im Kreis das.in aus und drücke dich auf der Tastatur, um die Keyframes Ich werde sie in umgekehrter Reihenfolge animieren, wie sie eingegeben Ich lege einfach eine Größe und eine Skalierungseigenschaft fest und gehe dann zum Ende der Ebenen und setze sie auf Null Und lassen Sie uns diese so staffeln , dass sie am Ende der Ebene Dann, kurz bevor sie animiert werden, nehmen wir die Deckkraft machen nochmal das Flackern Ich kopiere diese Keyframes und füge sie ein. Etwas wie das hier Lassen Sie uns die Linien auch so animieren , wie sie reingekommen sind Ich zeige diese Keyframes an und stelle dann einen weiteren Keyframe auf 100% Am Ende der Ebene setze ich ihn dann wieder auf Null Und dann das Gleiche für die Leitungsverbindung, 100% auf Null Lassen Sie uns diese Symbole wieder nach unten animieren. Ich werde dich einfach auf der Tastatur drücken, dann lass uns zu etwa vier oh fünf übergehen Ich drücke diese Keyframe-Taste, um einen Keyframe auf den exakten Wert hier einzustellen Dann gehe ich zum Ende der Ebene und kopiere dann einfach diese ersten Keyframes und füge sie am Ende der Wenn Sie eine ältere Version von After Effects verwenden und Duplikate der Ebenen kopieren und einfügen, müssen Sie nur diese Keyframes nacheinander kopieren diese Keyframes nacheinander Ich drücke Sie einfach auf der Tastatur, um alles zu schließen, und lassen Sie uns den Text animieren Ich wähle den Text mit dem Namen des Bestäubers und drücke Sie auf der Tastatur Dann gehen wir zu etwa vier oh fünf über und animieren das Ganze einfach in umgekehrter Weise Ich möchte sicherstellen , dass der Text vor der Zeile animiert wird vor der Zeile animiert Ich denke, ich muss das nur ein bisschen schneller machen das nur ein bisschen schneller Dies wird sich ändern, wenn wir die Zeile an die Größe des Textes anpassen. Aber vorerst wird das gut sein. Dann werde ich für diesen Top-Text den Bereichswähler ein- und ausschalten und den Endwert animieren Lassen Sie uns ab hier den Endwert auf 100% setzen und dann den Zeiger auf Null setzen Lassen Sie uns auch ein bisschen Flackern hinzufügen, bevor das passiert. Ich kopiere einfach diese Keyframes und füge sie ein. Ziehen Sie sie vielleicht nur ein wenig rüber. Also so etwas in der Art. Nun, da wir diese Animation rein und raus haben, machen wir daraus im nächsten Video eine anpassbare Vorlage 13. Vorlage Pollinator-Zeiger: Das erste, was Sie tun müssen, um daraus eine Vorlage zu machen , besteht darin, einen Controller zu erstellen Ich gehe zur Ebene, neues Nullobjekt. Und lassen Sie uns diesen Controller umbenennen. Ich möchte, dass der Benutzer dieser Vorlage zwischen dem Schmetterling B und der Motte wählen kann . Lass uns das einrichten. Ich wähle den Controller aus und klicke dann mit der rechten Maustaste und wähle Effekt Expression Controls und dann Drop-down-Menüsteuerung. Im Effekteinstellungsfenster können Sie sehen, dass dieses Drop-down-Menü hinzugefügt wurde , in dem Sie verschiedene Elemente aus der Liste auswählen können. Irgendwann werden wir das in Essential Graphics integrieren , aber vorerst wollen wir es so einrichten, dass der Schmetterling und die Motte B auf der Grundlage der Auswahl angezeigt werden. Ich werde auf die Schaltfläche Bearbeiten klicken. Sie können einfach auf diese Elemente doppelklicken , um sie entsprechend Ihren Ebenen umzubenennen. Wenn Sie neue Ebenen hinzufügen müssen, können Sie einfach auf die Schaltfläche Hinzufügen oder die Minus-Schaltfläche klicken , um Ebenen zu löschen. Sobald Sie das eingerichtet haben, klicken Sie auf. In diesem Drop-down-Menü haben Sie jetzt Ihre anpassbaren Optionen. Wir müssen diese Optionen mit diesen Ebenen verbinden. Dazu verwende ich einfach die Opazitätseigenschaft, um die Opazität basierend auf der Auswahl, die der Benutzer hier getroffen hat, ein - oder auszuschalten getroffen hat, ein - oder auszuschalten getroffen hat Im Bedienfeld für die Effekteinstellungen klicke ich genau hier auf diese Sperrschaltfläche , sodass der Controller auch dann sichtbar bleibt wenn ich auf eine andere Ebene klicke Dann klicke ich auf die B-Ebene und drücke T auf der Tastatur, um die Opazitätseigenschaft aufzurufen Um diese Ebene basierend auf diesem Drop-down-Menü ein- und auszuschalten , verwenden wir einen Ausdruck Option oder ich klicke auf die Stoppuhr und dann richten wir eine Variable für dieses Drop-down-Menü ein Es wird V sein und dann kannst du es nennen, wie du willst. Ich nenne es einfach Auswahl. Und dann ist gleich, und dann nehme ich die Pick-Peitsche und ziehe sie in dieses Menü Vergewissere dich, dass du genau dorthin ziehst, wo Menü steht. Dann wird das Menü und dann das Semikolon für das Ende der Zeile abgerufen Dann mache ich es und dann Klammern. Dann verwende ich innerhalb der Klammern die Variablenauswahl Und dann zwei Gleichheitszeichen. Dadurch wird geprüft, ob die Auswahl etwas entspricht. Dazu benötigen Sie zwei Gleichheitszeichen. Wenn es gleich eins ist, was das erste Objekt in der Auswahl sein wird , das B, dann werde ich die Klammern verlassen und eine Klammer setzen und dann sagen, was es tun soll, wenn die Auswahl gleich eins ist Ich möchte, dass die Deckkraft auf 100% gesetzt wird. Ich gebe einfach 100 und dann ein Semikolon ein. Und dann drücke ich die Pfeiltaste nach unten, und dann müssen wir sagen, was zu tun ist, wenn es nicht 100 ist Um das zu tun, setzen Sie etwas anderes und dann eine Klammer. Wenn die Auswahl dann nicht gleich eins ist , also ein Schmetterling oder eine Motte im Drop-down-Menü ausgewählt ist, dann möchte ich, dass die Deckkraft dieser Ebene Null Ich gebe Null und ein Semikolon ein. Dann sollte die letzte Klammer bereits ausgefüllt sein, sodass wir sie einfach herausklicken können Dann nur damit wir sehen können, was vor sich geht. Ich werde den Schmetterling und die Motte verstecken. Sie können das sehen, weil das Drop-down-Menü das B auswählt, es ist sichtbar Aber wenn ich den Schmetterling auswähle, ist das B nicht mehr sichtbar. Das Gleiche gilt für die Motte. Das funktioniert, ich werde den Schmetterling und die Motte wieder einschalten. Wenden wir diesen Ausdruck auf diese Ebenen an. Um etwas Zeit beim Tippen zu sparen, kopiere ich einfach diesen Ausdruck und gehe dann in den Schmetterling, drücke T auf der Tastatur, Wahltaste, klicke auf die Stoppuhr und füge dann den Ausdruck Dann gehe ich zurück zum Ausdruck und ändere die Auswahlnummer einfach auf zwei Auf diese Weise ist diese Ebene sichtbar, wenn die Auswahl zwei ist, was der Schmetterling ist. Dann lass uns dasselbe für die Motte tun. Wenn diese Auswahl diesmal gleich drei ist, diese Ebene sichtbar. Lassen Sie uns nun testen , ob das funktioniert. Die Auswahl ist auf B und das funktioniert. Zeigt jetzt den Schmetterling und jetzt die Motte. Jetzt richten wir das im Bedienfeld „ Essential Graphics“ ein. Ich werde einfach all diese Ebenen schließen indem ich zweimal U und die Tastatur drücke, und dann gehe ich in einen leeren Bereich und wähle offene und wichtige Grafiken aus. Nennen wir das. Lass uns die Uhrzeit für das Poster festlegen. Ich habe auch vergessen, der Drop-down-Menüsteuerung einen Namen zu geben. Ich drücke einfach die Eingabetaste und gebe dem einen Namen. Jetzt müssen wir dieses Menü in das Bedienfeld „Essential Graphics“ ziehen, aber Sie können nicht wirklich Dinge aus dem Bedienfeld mit den Effekteinstellungen in das zentrale Grafikfenster von E ziehen. Wir müssen das in der Timeline öffnen. Eine einfache Möglichkeit, dies zu tun, besteht darin, einfach darauf zu doppelklicken und es wird in der Timeline geöffnet. Wählen Sie dann in der Timeline neben der Stelle aus, an der das Menü steht. Sie können dies in das Bedienfeld „ Essential Graphics“ ziehen, und alles sollte immer noch funktionieren. Als Nächstes machen wir den Bestäubertext anpassbar. Ich schalte die Ebene um, gehe runter zum Text und ziehe dann einfach den Quelltext in das Bedienfeld mit den wichtigsten Grafiken, und ich gebe diesem Bestäuber einen Namen Lassen Sie uns nun dafür sorgen, dass diese horizontale Linie automatisch auf der Grundlage der Textgröße aktualisiert wird Ich werde die Textebene schließen und dann diesen Controller für einen anderen Zweck verwenden nur diese Expression-Controller hinzuzufügen. Ich werde seine Position verwenden. Positionieren wir es an der Spitze dieser Linie. Ungefähr da. Auf diese Weise können wir die linke Position der Linie ermitteln, indem wir die Position des Controllers erfassen der Linie ermitteln, indem wir die Position des Controllers Dann können wir einfach die Länge hinzufügen , die wir benötigen, basierend auf der Länge des Textes Das alles wird sinnvoller sein, wenn wir den Ausdruck tatsächlich schreiben. Lass uns das als Nächstes machen. Ich gehe in die horizontale Linie und öffne sie, bis du den Pfad gefunden hast Dann benötigen wir auch die Position des Controllers und die Position dieser Textebene Ich werde sie einfach auf der Timeline öffnen , damit ich sie sehen kann. Ich werde auch einfach meine Timeline öffnen damit wir ein bisschen mehr Platz haben, mit dem wir arbeiten können. Dann die Option oder ich klicke auf die Stoppuhr, um mit dem Schreiben eines Ausdrucks zu beginnen Zuerst müssen wir ein paar Variablen definieren. Wir müssen wissen , nach welcher Ebene wir suchen, um die Größe zu ermitteln, also wird das die Textebene sein. Ich nehme das Pick-Whip und ziehe es einfach auf diese Textebene und dann das Semikolon Dann müssen wir die Position der Textebenen kennen. Eine einfache Möglichkeit, diese Position zu ermitteln besteht darin, hier einfach Peitsche zur Positionseigenschaft und dann das Semikolon zu wählen hier einfach Peitsche zur Positionseigenschaft und dann das Semikolon Wir müssen die Größe der Textebene kennen, damit die Textgröße damit Dann können wir diese variable Textebene verwenden. Dann Punkt und dann verwenden wir die Funktion source ect at time, die wir schon einmal verwendet haben. Das ist eine Funktion, die Informationen über eine Ebenengröße erhält . Quelle usw., und dann müssen wir nichts in die Klammern setzen, weil die Standardwerte in Ordnung sind, und dann den Pfeil über Punktbreite legen, weil wir die Breite dieser Textebene benötigen Dann noch eine Variable für die Position ganz links in dieser Zeile, und das wird die Position des Controllers sein, und dann das Semikolon Dann müssen wir zwei Punkte für den Anfang und das Ende unserer Linie erstellen , und dann können wir eine Funktion verwenden, um eine Linie zwischen diesen beiden Punkten zu zeichnen Um diese Punkte zu verdeutlichen, sind sie eigentlich eine Variable, also können wir das einfach Punkte nennen. Das wird eine Liste von Werten sein, also müssen wir sie in Klammern definieren. Der erste Punkt wird der Punkt sein, an dem sich der Controller ganz links befindet, also verwenden wir einfach die linke Position, die wir bereits definiert haben. Und dann setze ein Komma zwischen die Punkte. Für den nächsten Punkt müssen wir den X- und Y-Wert getrennt definieren den X- und Y-Wert getrennt Für den linken Positionspunkt umfasst dies sowohl die X- als auch die Y-Koordinaten, sodass wir keine Angaben machen müssen. Wir können diese Variable einfach eingeben . Aber für diesen müssen wir Klammern verwenden und dann x und y mit einem Komma dazwischen definieren Zuerst benötigen wir die Textposition. Diese Textpositionsvariable erhält den X- und Y-Wert. Wir müssen angeben, dass wir nur den X-Wert wollen. Dazu setzt man Klammern mit einer Null in der Mitte. Eins steht für y, Null ist für x. Dann fügen wir die Textgröße hinzu. die X-Koordinate, dann setzen wir ist die X-Koordinate, dann setzen wir ein Komma und definieren dann Y. Wir können die Y-Koordinate der linken Position verwenden weil das eine flache horizontale Linie sein wird Ich mache einfach linke Position und dann Klammern und spezifiziere , dass wir den Y-Wert wollen Dann setze ich die Pfeiltaste auf ein Semikolon. Dann verwenden wir eine Funktion namens Create Path. Zuerst möchte diese Funktion wissen, was die Punkte sind, um diesen Pfad zu erstellen, also verwende ich unsere Punktevariable. Als Nächstes möchte ich die Tangenten dieser verschiedenen Punkte kennen , aber wir benötigen keine Tangenten da dies nur eine flache Linie ist Wir setzen einfach leere Klammern für die Tangenten und schon gibt es Eingangs- und Ausgangstangenten Sie benötigen zwei Gruppen von Klammern. Das Letzte, was diese Funktion wissen will, ist, ob es sich um eine geschlossene Form handelt oder nicht. Da es sich nur um eine Linie handelt, handelt es sich nicht um eine geschlossene Form, also geben wir „Falsch“ an. Wenn Sie jetzt aus dem Ausdruck herausklicken, erscheint die Linie nicht an der Stelle, an der sie sein sollte. Wenn ich die Ansicht verkleinere, ist sie tatsächlich weit unten. Der Grund dafür ist, dass ich etwas überspringe, das für die Positionierung dieser Linie wirklich wichtig ist, aber das ist der verwirrendste Teil davon, also wollte ich ihn zum Schluss speichern. Das liegt daran, dass es in After Effects zwei verschiedene Bereiche für die Positionierung gibt. Es gibt den Comp-Space und dann gibt es den Layer-Space. Sie können sich das als relativ zur Komposition und relativ zur Ebene vorstellen zur Komposition und relativ zur Ebene Wir müssen die Textposition und die linke Position nehmen und diese vom Comp-Bereich in den Ebenenraum bringen, damit diese Zeile an der richtigen Stelle Um das zu tun, klicken Sie zurück in den Ausdruck. Und dann schreiben wir neben der Textposition von comp aus Dann werden zwei Klammern gesetzt, aber der gesamte Text muss in Klammern stehen Ich lösche einfach die zweite und verschiebe sie hier ans Ende, und dann dasselbe für die linke Position von comp, und dann verschiebe ich diese Klammern an das Wenn Sie jetzt rausklicken, sollte sich die Zeile an der richtigen Position befinden Wenn ich jetzt reingehe und den Text ändere , um ihn zu verkürzen, wird die Zeile aktualisiert, oder wenn ich mehr Text hinzufüge, die Zeile ebenfalls aktualisiert. Sie können jedoch sehen, dass einige der Buchstaben, die ich gerade hinzugefügt habe, abgeschnitten werden , und das liegt daran, dass diese Mattenebene nicht anhand der Textgröße aktualisiert wird . Gehen wir rein und reparieren das. Zuerst kopiere ich einige Variablen aus dem Ausdruck in der Zeile. Ich kopiere einfach die ersten drei Variablen , um mir das Tippen zu ersparen. Gehen wir dann in den Mt und schalten ihn um, bis Sie die Größeneigenschaft gefunden haben Dann klicke ich optional auf die Stoppuhr und füge diese Dann definiere ich x. Das wird die Textposition sein Aber diese Textpositionsvariable erhält sowohl die X- als auch die Y-Position. Wir müssen angeben, dass wir nur die X-Position benötigen, also in Klammern Null. Dann fügen wir die Textgröße hinzu. Dann benötigen Sie ein bisschen mehr Polsterung, nur damit die Box nicht genau dort endet, wo der Text endet. Das könnte dazu führen, dass etwas etwas abgeschnitten aussieht Ich werde einfach plus 20 hinzufügen, nur für etwas mehr Polsterung. Dann definieren wir Y. Dafür können wir einfach Peitsche bis zum Y-Wert nehmen und dann Semicon und dann in Klammern einfach x und y definieren. Das bedeutet, einfach x und y definieren. die Größe des Felds zu ändern, aber es bringt auch die Position durcheinander Ich ziehe es einfach an die Stelle zurück, an der ich es hatte, aber es wird immer noch nicht die volle Länge des Textes angezeigt Das liegt an der Art und Weise, wie Rechtecke ihre Größe ändern. Wenn ich diesen Ausdruck deaktiviere und dann die Beschränkung aufhebe, können Sie sehen, dass bei der Größenänderung dieses Felds seine Größe von der Mitte aus ändert, unabhängig davon, wo sich der Ankerpunkt auf der Ebene befindet Um dieses Problem zu beheben, können Sie einen Ausdruck für diese Positionseigenschaft schreiben einen Ausdruck für diese Positionseigenschaft sich direkt unter der Größe und kompensiert das Option, ich klicke auf die Stoppuhr und definiere dann X, und das ist nur die X-Größe und dann Y. Und wähle bis zur Y-Größe Dann mache ich in Klammern x geteilt durch zwei, weil ich nur die Hälfte davon haben will, damit es die Größe von links ändert, und dann und dann wird y negativ y geteilt durch zwei sein, weil ich möchte, dass es von der unteren linken Ecke aus skaliert. Dadurch wird die Position der Box wieder verschoben. Wir können es einfach wieder an seinen Platz bringen. Wenn es Sie stört, dass der Ankerpunkt hier drüben ist, können Sie ihn wieder an seinen Platz verschieben Jetzt wird das Feld an die Länge des Textes angepasst Wenn ich nun zu diesem Text etwas hinzufüge, wird die Größe der Linie und der Matte aktualisiert Das Gleiche, wenn ich den Text kleiner machen würde. Ich möchte, dass der Benutzer dieser Vorlage die Position dieses Punktes anpassen kann die Position dieses Punktes , um auf verschiedene Dinge im Video hinzuweisen. Dazu suche ich nach der Positionseigenschaft dieses Punktes und ziehe ihn einfach nach oben in das Bedienfeld mit den wichtigsten Grafiken. Lassen Sie uns diese Punktposition einfach benennen. Ich möchte, dass dieser Kreis dem Punkt folgt, also überordne ich den Kreis dem Punkt. Jetzt kann die Position der Punkte angepasst werden, aber diese Linie muss zwischen dem Punkt und der horizontalen Linie verbunden bleiben . Dazu können wir einen Ausdruck in die Pfadeigenschaft dieser Linie schreiben . Wir müssen einige Variablen einrichten und eine davon ist die Position des Controllers und die andere ist die Position des Punktes. Ich gehe in die Leitungsverbindung und suche nach der Pfadeigenschaft. Dann fangen wir an, den Ausdruck zu schreiben und einige Variablen einzurichten. linke Position, wie wir sie zuvor verwendet haben , wird die Position dieses Controllers sein. Und dann noch eine Variable für die Punktposition, und das wird dieser Punktposition entsprechen. Dann müssen wir eine Variable für die Punkte auf dieser Linie erstellen und sie in Klammern definieren , da dies eine Liste von Werten ist. Es wird die linke Position sein und dann die Punktposition. Und dann Semikolon hinter diesen Klammern, und dann können wir wieder die Funktion Create Path verwenden Zuerst müssen wir die Punkte definieren. Dann will es die Tangenten, aber wir haben keine, weil es nur eine gerade Linie ist, leere Klammern, zwei Gruppen davon, und das ist keine geschlossene Form, also können wir dafür falsch setzen und dann einfach rausklicken Jetzt haben wir dasselbe Problem wie zuvor, nämlich dass die Linie nicht genau dort ist, wo man sie erwarten würde Das liegt an der Sache Compspace versus Layerspace Wir müssen wieder rein, und das wird von Cp sein und dann diese Klammer ans Ende verschieben Dann wieder, von Cp, verschiebe diese Klammer bis zum Ende und achte darauf, dass das Semikolon ganz am Ende der Und jetzt ist diese Zeile an der richtigen Position. Ich weiß, dass Compspace und Layer-Space verwirrend sein können. Wenn Sie sich jemals nicht sicher sind, ob Sie mit der Funktion from comp oder two comp von einem zum anderen wechseln mit der Funktion from comp oder two comp von einem zum anderen Was Sie tun können, ist genau das, was ich gerade gemacht habe, ist, zuerst nichts zu tun, zu sehen, was passiert, und dann wieder reingehen und versuchen, aus Comp oder Two Comp hinzuzufügen und zu sehen Nun, eine weitere, nicht wählerische Sache, die ich machen möchte , ist, dass diese Linie bis zum Punkt reicht, aber in meinem Design wollte ich, dass diese Linie einfach diesen Kreis erreicht Das zu beheben, anstatt zu versuchen, den Ausdruck oder so etwas zu aktualisieren , könnte ziemlich kompliziert sein Ich werde diesen Kreis einfach duplizieren. Öffne ihn unter dem Inhalt und kreiste ihn dann ein. Ich kann sehen, dass das nur einen Schlaganfall hat. Ich klicke auf die Schaltfläche „Anzeigen“ und füge eine Füllung hinzu. Es wird wahrscheinlich eine rote Füllung hinzugefügt. Es spielt keine Rolle, welche Farbe. Dann werde ich diesen Berg umbenennen. Dann klicke ich auf Schalter und Modi, nehme dann die Leitungsverbindung und mache die Matte zu einem Kreis Dadurch wird die Linie nur innerhalb des Kreises sichtbar und ich möchte das Gegenteil Ich werde einfach auf diese Schaltfläche klicken, um die Matte umzukehren. Auf diese Weise wird es nur außerhalb des Kreises sichtbar sein. Lassen Sie uns einfach überprüfen , ob das noch funktioniert. Wir können die Position der Punkte aktualisieren und alles sieht gut aus. Wenn Sie möchten, können Sie Farbcontroller für die verschiedenen Elemente in dieser Vorlage und/oder im Responsive Design Time einrichten die verschiedenen Elemente in dieser Vorlage und/oder im . Wenn Sie sich nicht erinnern können, wie das geht, können Sie zum Vorlagenvideo mit den unteren Dritteln zurückkehren. Als letztes müssen Sie die Animationsvorlage exportieren . Stellen Sie wie immer sicher, dass Sie sie in dem Ordner speichern , den wir zu Beginn des Unterrichts eingerichtet haben. Wie diese Vorlage in Premiere verwendet wird, werde ich Ende des Kurses im Video „Zusammenstellen“ erläutern. 14. Alles zusammenfügen: Nachdem wir nun fünf verschiedene Animationsvorlagen erstellt haben , wollen wir sie in einem Videoprojekt verwenden. Hoffentlich haben Sie den Punkt Mgart in einem Ordner auf Ihrem Computer gespeichert den Punkt Mgart in einem Ordner auf und Premiere so eingerichtet, dass in diesem Ordner nach neuen Vorlagen gesucht wird Wenn Sie das noch nicht eingerichtet haben, gehen Sie zurück zum Video mit der Titelkartenvorlage, um zu erfahren, wie Wenn Sie das alles bereits getan haben, sollte Ihr gesamtes Mogrit im Bedienfeld „ Grafikvorlagen“ angezeigt werden im Bedienfeld „ Grafikvorlagen“ Ich werde mit dieser Premiere-Projektdatei fortfahren , die ich im Video mit der Titelkartenvorlage gestartet habe Seitdem habe ich die Blumenvideos importiert , die ich benötigen werde. Ich werde diese beiden Titelkarten löschen und dann einfach meine Blumenvideos hineinziehen. Einige davon wurden in 4K gedreht, sodass ich etwas mehr Platz zum Arbeiten habe. Also werde ich sie durchgehen und ihre Größe ändern das Aussehen zu bekommen, das mir gefällt Lassen Sie uns nun die Animationsvorlagen hinzufügen. Also werde ich die Titelkarte hineinziehen. Und ich möchte, dass die Titelkarte reinkommt, beginnend mit Schwarz. Ich möchte also nicht, dass das Video da ist, also wähle ich alle Videos aus und ziehe sie einfach zurück. Also fange ich mit einem schwarzen Bildschirm und spiele dann die Titelkarte ab und zeige dann das Video dahinter. Ziehen wir nun das untere Drittel hinein. Ich möchte ändern, was im Text steht Ich gehe zum Eigenschaftenfenster und nehme diese Änderungen vor. Ich werde das gesamte weiße Weiß belassen, aber für die untere Textfarbe hier möchte ich ein dunkles Grün aus dem Video nehmen. Ich nehme die Pipette und probiere dann einfach aus dem Video Ich möchte auch dieses untere Drittel verschieben, sodass es nicht wirklich das untere Drittel ist Es ist eher ein oberes Drittel in diesem Bereich, weil das einfach ein besserer Bereich ist , in dem wir den Text etwas leichter lesen könnten. Im Eigenschaftenfenster oder auch in Effektsteuerungen können Sie die Vorlage verschieben. Achten Sie nur darauf, dass sie ausgewählt ist, und ziehen Sie sie dann mit den Positionsreglern nach oben. Das sieht also gut aus. Fahren wir dann mit dem nächsten Videoclip fort Gehen wir zurück zu Grafikvorlagen und fügen das Bloom-Time-Overlay Lass uns das in diese Ecke verschieben. es ausgewählt ist, gehe ich zu den Eigenschaften und benutze einfach diese Positionsregler , um es zu verschieben. Dann stelle ich sicher, dass ich zur Mitte des Clips gehe , sodass dieser bereits animiert ist , und dann einfach diese Schieberegler anpassen, um die Blühzeiten anzupassen Und dann gehen wir zurück zum Graphics TemplsPanel und fügen die Fakten zu den Pflanzen hinzu Ich möchte, dass die Pflanzenfette auf der rechten Seite sind, und ich möchte das Video so drehen, dass dieser offene Bereich hier auf der rechten Seite ist Um das zu tun, werde ich auf Effekte eingehen. Und dann suche ich einfach nach Flip und dann ziehe ich diesen horizontalen Flip-Effekt auf diesen Videoclip Dann kann ich ihn ein wenig neu positionieren und dann auch die Vorlage auswählen und sie verschieben. Und dann, wenn die Vorlage ausgewählt ist, können Sie entweder die Parameter anpassen, die Sie in After Effects in den Effektsteuerungen oder im Eigenschaftenfenster eingerichtet Effektsteuerungen oder im Eigenschaftenfenster Es wird also volle Sonne sein, und dann ist ein Wassertropfen gut, und dann passe ich die Textgröße Und jetzt zum letzten Clip, fügen wir den Bestäuberzeiger hinzu Ich gehe zu den Eigenschaften und du kannst den Bestäuber ändern Das ist eigentlich ein B und dann ändere ich den Text. Ich weiß nicht wirklich, ob das stimmt, und dann lassen Sie uns das an die richtige Stelle setzen. Lassen Sie uns nun diesen Zeiger bewegen. Ich habe diesen Teil nach Effect so eingerichtet, dass ich diesen Positionsregler verwenden kann , um den Zeiger zu bewegen. So etwas sieht gut aus. Wenn ich jetzt rauszoome, haben wir alle Clips hier drin und du kannst einige der Videoclips durchgehen und vielleicht kürzen, damit sie nicht so lang sind. Und dann möchte ich nicht , dass das Audio zum Videoclip gehört, also wähle ich alle Clips aus, klicke mit der rechten Maustaste und gehe dann zu Verknüpfung aufheben, und dann kann ich das Audio einfach löschen Wenn Sie in After Effects eine responsive Designzeit für Ihre Vorlagen einrichten , das ist der blaue Bereich am Anfang und Ende der Komposition, die Sie hier sehen , können Sie in Premiere die Länge dieser Vorlage aktualisieren, und die Animation wird automatisch aktualisiert. Wenn ich das also einfach so ziehe, dass es kürzer wird , wird es jetzt einfach ein bisschen früher animiert Es animiert also rein und animiert dann kurz vor dem Ende des Clips heraus Das Gleiche funktioniert, wenn Sie den Clip verlängern möchten Von hier aus können Sie alles andere hinzufügen , was Ihnen gefällt, einschließlich Musik. Wenn Sie Ihre Animationsvorlage mit anderen teilen möchten , müssen Sie den Punkt MogatFle teilen Sie finden diese MogatFle überall dort, wo Sie sie gespeichert haben, als Sie sie aus After Effects Also meine ist unter Adobe Premiere Pro gespeichert und dann in der neuesten Version, und ich habe sie in diesem Unterordner gespeichert Das sind also die MoGRAT-Dateien , die ich mit jemand anderem teilen muss Damit jemand anderes Ihre Animationsvorlagen installieren kann , muss er nur einen Ort auf seinem Computer finden , an dem er sie speichern kann Und dann müssten sie in Premiere zum Bedienfeld „ Grafikvorlagen“ wechseln. Auch hier hieß es früher Essential Graphics , falls sie eine ältere Version verwenden, und dann mussten sie auf die Plus-Schaltfläche klicken, um den Ordner auf ihrem Computer zu finden , in dem sie Ihre Vorlage speichern , und dann auf Auswählen klicken. 15. Weitere Kurse: S. Wenn Sie dem gefolgt sind und es bis hierher geschafft haben, haben Sie viel erreicht. Ich hoffe, Sie fühlen sich mit After Effects viel wohler und freuen sich darauf, effizienter zu arbeiten, indem Vorlagen für all Ihre Animationsanforderungen erstellen. Ich würde gerne sehen, was Sie sich ausgedacht haben. Egal, ob du etwas Einzigartiges geschaffen oder meine Beispiele aus dem Unterricht nachgebaut hast, poste bitte ein Klassenprojekt Wenn Sie zu etwas Besonderem Feedback wünschen, fügen Sie mir bitte eine Notiz bei, um es mir mitzuteilen Um weiter zu lernen, schauen Sie sich die anderen Kurse an , die ich unterrichte. Wenn du diesen Kurs magst, könnten dir diese auch gefallen. Und stelle sicher, dass du mir auf Skillshare und Instagram folgst und melde dich für meinen E-Mail-Newsletter an, und melde dich für meinen E-Mail-Newsletter um zu erfahren, wann ich einen neuen Kurs für dich habe Vielen Dank fürs Zuschauen und wünsche beim nächsten Mal viel Spaß beim Animieren