Wenn wir mit dem Zeichnen fortfahren, ändern wir als Erstes den Arbeitsbereich auf Paint.

Die Bedienfelder „Farbe“, „Pinsel“ und „Ebene“ wurden angezeigt. Das Bedienfeld „Farbe“ dient zum Festlegen von Zeichenparametern. Wir wählen die Größe und Härte des Pinsels im Pinselbedienfeld aus. Da wir nicht direkt im Kompositionsfenster zeichnen können, verwenden wir hierfür das Ebenenfenster. Am besten zeichnen Sie im Maßstab 100 %. Verwenden Sie dazu den Eintrag „Frame maximieren/Framegröße wiederherstellen“ im Seitenmenü des Panels oder bewegen Sie den Cursor über das Panel und drücken Sie die Taste<~>auf der Tastatur.
Erstellen Sie eine feste Ebene Weiß. Dies wird unsere Leinwand sein, auf der wir üben werden. Wählen wir das Pinselwerkzeug aus. Zeichnen wir zum Beispiel einen kleinen Kreis.

Dieser Effekt bedeutet, dass wir auf dieser Ebene Farbe aufgetragen haben. Das gezeichnete Element wird in den Ebeneneigenschaften als Unterebene Pinsel 1 angezeigt. Fügen wir unserem Kreis Blütenblätter und einen Stiel hinzu, sodass wir eine Blume erhalten.

Werfen wir einen Blick auf die Ebeneneigenschaften.

Wie Sie sehen, haben wir für jedes Zeichenelement eine eigene Unterebene. Wenn wir eine der Ebenen auswählen und etwas zeichnen, ersetzt ein neues Element das ausgewählte. Dies kann praktisch sein, wenn Sie etwas Bestimmtes zeichnen möchten. Sie können jedem Element einen Namen geben, um eine Verwechslung zu vermeiden. Wählen Sie das Element aus, drücken Sie die Eingabetaste, geben Sie einen neuen Namen ein und drücken Sie erneut die Eingabetaste.

Die erste Eigenschaft des Maleffekts, die wir sehen, ist Paint of Transparent. Es ist allen Elementen gemeinsam. Wenn Sie es auf „Ein“ stellen, verschwindet die Hintergrundebene und nur der Hintergrund in Form von Schachfeldern bleibt übrig (wenn Sie diese nicht sehen, klicken Sie auf den Schalter „Transparenzraster umschalten“, er befindet sich in beiden Kompositionen). (Bedienfeld und Ebenenbedienfeld).

Erweitern wir nun eines der Elemente. Hier sehen wir zwei Gruppen von Eigenschaften: Transform (Transformationseigenschaften), Stoke Options (Zeichnungseigenschaften) sowie die animierte Path-Eigenschaft (Form). Erweitern wir die Gruppe „Stoke-Optionen“. Wenn Sie die Zeichnungsparameter für ein bereits gezeichnetes Element anpassen möchten, sollten Sie dies hier im Malfenster tun. Sie legen die Parameter nur für nachfolgende Zeichnungselemente fest.

Animieren Sie die Start-Eigenschaft. Verschieben Sie die Bearbeitungslinie auf die 2-Sekunden-Position und klicken Sie auf das Stoppuhrsymbol. Der erste Schlüssel wurde erstellt. Erstellen Sie durch Drücken der Home-Taste einen zweiten Schlüssel. Aber ändern Sie den Wert auf 100 %. Sehen Sie sich die Vorschau im Fenster „Kompositionsvorschau“ an. Das Element wird nach und nach gezeichnet, aber in Rückseite. Damit es so gezeichnet wird, wie Sie es gezeichnet haben, animieren Sie die End-Eigenschaft selbst (vergessen Sie nicht, die Start-Eigenschaft zu deanimieren).
In der Gruppe „Stoke-Optionen“ können wir die Pinselfarbe (Color), den Durchmesser (Diameter), die Härte (Hardness), die Rundheit (Roundness), den Abstand (spacing), die Deckkraft (Opacity) und den Fluss (Flow) ändern. Wie Sie vielleicht bemerkt haben, können alle diese Eigenschaften animiert werden. Jetzt ändern wir die Farbe für jedes Element und färben unsere Blume.

Ein weiteres Zeichenwerkzeug ist der Radiergummi. Durch Auswahl dieses Elements wird das Element „Löschen“ im Bedienfeld „Farbe“ verfügbar, das das zu löschende Element angibt.

Mit dem Radiergummi können Sie nicht nur gezeichnete Elemente löschen, sondern auch den Hintergrund entfernen.
Abschließend möchte ich eine Methode beschreiben, mit der Sie eine perfekt gerade Linie zeichnen können. Dafür brauchen wir ein Lineal. Führen Sie den Menübefehl Ansicht->Lineale anzeigen aus. Im Ebenenbedienfeld wurden zwei Maßstäbe angezeigt: vertikal und horizontal.
Nun bewegen wir den Cursor über eines der Lineale. Der Cursor sollte sich in einen Doppelpfeil verwandeln. Klemme linker Knopf Maus und bewegen Sie den Cursor an die Stelle, an der wir die Linie platzieren möchten.

Sie wissen vielleicht, dass wir mehrere Projekte in verschiedenen Nischen haben, darunter das Projekt VideoSmile.ru. Es widmet sich dem Thema Video (Schnitt, Spezialeffekte, 3D etc.) und wird seit 2011 von unserem Team entwickelt.

Ich weiß, dass es unter meinem Publikum Menschen gibt, die sich für diesen Bereich interessieren, deshalb habe ich die Jungs von VideoSmile gebeten, für meine Abonnenten eine Reihe von Lektionen zum beliebtesten Videoverarbeitungsprogramm – Adobe After Effects – vorzubereiten. Dies ist eine Art „Photoshop“ in der Videowelt.

Wir haben beschlossen, dass dies praktische Lektionen sein sollten, nach deren Studium eine Person in der Lage sein wird, einige nützliche animierte Elemente für ihre Videos zu erstellen. Diese Lektionsreihe wurde erfolgreich erstellt und ich freue mich, sie Ihnen heute vorstellen zu können.

Einführung in After Effects

Im ersten Video lernen Sie die Möglichkeiten von After Effects kennen und erfahren, wo Sie es herunterladen können.

Erstellung von 4 spektakulären Bildschirmschonern. Teil 1

In dieser Lektion machen Sie sich mit der Programmoberfläche vertraut, richten den Arbeitsbereich ein und lernen die Hauptfenster des Programms kennen. Auch hier erstellen Sie Ihr Projekt und die erste Komposition innerhalb dieses Projekts.

Erstellung von 4 spektakulären Bildschirmschonern. Teil 2

Hier erstellen Sie weiterhin mehrere Variationen des Startbildschirms und lernen dabei einige weitere wichtige After Effects-Tools kennen.

Übergänge und Unterbrechungen

In diesem Video erfahren Sie, wie Sie hochwertige Übergänge vom Startbildschirm zum Video selbst erstellen und auch einige Unterbrechungen implementieren, die Ihnen bei der Bearbeitung sehr nützlich sein werden. Darüber hinaus erfahren Sie, wie Sie Standardübergänge verwenden, die in After Effects integriert sind.

Unteres Drittel und stirbt

Wahrscheinlich ist Ihnen aufgefallen, dass in verschiedenen Videos mit Personen animierte Blöcke erscheinen, die den Vor- und Nachnamen der Person sowie den Namen ihres Unternehmens und die Art der Aktivität anzeigen. Diese Stanzformen lassen sich ganz einfach in After Effects erstellen. In diesem Tutorial erfahren Sie, wie Sie sie selbst herstellen.

Animierte Textelemente

In der letzten Lektion dieses Minikurses lernen Sie, wie Sie animierte Textblöcke erstellen, mit denen Sie Ihren Videos alle wichtigen Textinformationen hinzufügen können.

Seit August 2016 studiere ich AE und arbeite neben Illustrationen auch im Bereich Motion Design.

Ich habe für den Blog ein Tutorial mit einfacher Animation von Formen und Linien vorbereitet. Dieses Tutorial richtet sich an diejenigen, die sich bereits mehr oder weniger gut mit After Effects auskennen. Wenn Sie also Schwierigkeiten damit haben, empfehle ich Ihnen, sich die grundlegenden Tutorials online anzusehen. Zum Beispiel dieser Minikurs: Einführungskurs in Illustrator + After Effects.

Erst kürzlich habe ich ein Projekt mit animierten Callouts fertiggestellt und veröffentlicht. In meinem Tutorial werde ich Ihnen erzählen, wie ich es tatsächlich gemacht habe einfaches Beispiel.

1. Wir schaffen in Adobe Illustrator Vektordatei mit einer Zeichnung. Wir haben einen Hinweis. Alle Linien sind ohne Füllung, nur Strich. Gehen Sie wie im Bild vor, um die Animation klarer zu gestalten. Speichern Sie die Datei unter ai Format.

2. In After Effects importieren. Es gibt mehrere Möglichkeiten. Doppelklicken Sie in das Fenster Projekt und wählen Sie die Datei im Dropdown-Fenster aus. Oder über den Explorer – wählen Sie die Datei aus und ziehen Sie sie mit der Maus in das Fenster Projekt. Sie können auch zu gehen Menü „Datei“ > „Importieren“ > „Datei“., und wählen Sie unsere Datei aus. Beachten Sie! Muss stehen Filmmaterial auf dem Feld Importieren als und wir kreuzen keine Kästchen an.

3. Erstellen Sie eine neue Komposition in After Effects. STRG + N oder über das Menü Komposition > Neue Komposition. Wir legen die Einstellungen fest – wir schreiben den Namen, wir haben 30 Bilder (Bildrate) und 15 Sekunden (Dauer) Animationsdauer, wir legen auch die Abmessungen der Komposition selbst fest 1920x1080. OK klicken.

4. Ziehen Sie die importierte Vektordatei mit der Maus aus dem Fenster Projekt An Zeitleiste- der untere Teil des Arbeitsbereichs, wo wir tatsächlich unsere Linien animieren werden.

5. Wählen Sie die Ebene mit der Datei aus. Gehen wir zum Menü Effekt > Generieren > Füllen.

Wir wählen die Farbe Weiß.

6. Die Ebene ist ausgewählt. Klicken Sie anschließend auf das zweite Symbol Rasterisieren neben dem Ebenennamen (wenn die Symbole nicht sichtbar sind, dann unten in der Zeitleiste). Schalter/Modi umschalten- Klicken Sie und die Ebenenansicht ändert sich. Auf der rechten Seite werden Symbole angezeigt.

Jetzt sind unsere Linien deutlich sichtbar. Sie müssen sie fragen Skala Skala. Sie können die Ebene in den Parametern erweitern Transformieren > Skalieren Geben Sie den Wert ein, ich setze 450 auf 450. Oder Hotkey S- Zeigt sofort nur eine Skala aller Objekttransformationsparameter an. Es gibt Hotkeys für alle Funktionen und es ist sehr praktisch. Ja, jede Ebene oder jedes Objekt kann transformiert werden und diese Einstellungen sind auf jeder Ebene verfügbar.

7. Dann platzieren wir unsere Beschriftung in der Mitte. Genau wie in Illustrator: Auswahl des ersten Pfeils Auswahlwerkzeug (V), und verschieben Sie dann das Objekt.

8. Wählen Sie unsere Ebene aus und gehen Sie zum Menü Ebene > Formen aus Vektorebene erstellen.

Und nach dieser Aktion haben wir bereits 2 Schichten. Wir können unsere erste ursprüngliche Vektorebene löschen. Wählen Sie den Schlüssel aus LÖSCHEN. Vergessen Sie nicht, das Projekt zu speichern - Strg+Umschalt+S. Tipp: Drücken Sie regelmäßig die magischen Tasten Strg+S.

9. Jetzt müssen wir eine Ebene in mehrere aufteilen – schließlich haben wir mehrere Zeilen. Sie können es manuell tun, aber es ist langwierig und langweilig. Es ist besser, ein kostenloses Skript herunterzuladen und zu installieren ZI_ExplodeShapesLayers(verbessert eine neue Version). Wählen Sie die Ebene aus und gehen Sie wie in Illustrator vor Datei > Skripte. Drücken Sie den Knopf Explodieren!

Alle Ebenen werden einzeln aufgebrochen und wir können unsere ursprüngliche Ebene wieder löschen, es stellt sich heraus, dass sie die unterste ist. Sie müssten jedoch manuell kopieren (Kopieren einer Ebene - STRG+D) Ebene so oft, wie Unterebenen (Linien) vorhanden sind, löschen Sie dann die zusätzlichen Unterebenen aus der neuen kopierten Ebene und benennen Sie sie um.

Weitere Details für diejenigen, die es nicht gefunden haben oder das Skript nicht herunterladen wollten:
Wir haben 4 Unterschichten, was bedeutet, dass wir 3 weitere Kopien benötigen, machen wir sie. Dann entfernen wir 2,3,4 Gruppen aus der ersten Ebene. Und dann analog. Dann umbenennen – Ebene auswählen – EINGABE – neuen Namen eingeben – EINGABE oder in eine leere Stelle klicken. Am Ende sollten Sie 4 Ebenen mit separaten Linien haben.

10. Sie können die Ebenen in der Animationsreihenfolge anordnen – zuerst einen Kreis, dann Linien, dann ein Quadrat. Wenn Sie möchten, können Sie es auch so lassen. Nun, alle Vorbereitungen sind abgeschlossen. Jetzt kommt der spaßige Teil – die Vektoranimation. Beginnen wir mit einem Kreis – mit der Callout-Markierung.

Übrigens, Tipps! Sie können hineinzoomen – Objekte im Kompositionsfenster entfernen, indem Sie das Mausrad verwenden (die übliche Strg+--Taste funktioniert hier nicht und Strg-0 auch) oder indem Sie den Maßstab im Fenster auswählen Komposition – Popup-Fenster für das Vergrößerungsverhältnis(Hier sind die Zahlen mit Prozentangaben und dem Abwärtspfeil). Und Sie können sich mit der Leertaste im Fenster der Komposition bewegen – mit derselben Hand (wie bei einem Kronleuchter). Achten Sie beim Animieren eines Objekts außerdem auf den zentralen Ankerpunkt Ankerpunkt. Es muss sich in der Mitte des Objekts befinden, sonst erfolgt die Animation dort, wo der Punkt liegt, und in diesem Fall benötigen wir sie von der Mitte aus. So beheben Sie das Problem: Drücken Sie den Hotkey Y Ziehen Sie an der Spitze und platzieren Sie sie an der richtigen Stelle. Also, lasst uns gehen.

11. Kreisanimation. Lassen Sie uns animieren Skala.
Sie können „Solo“ auf der Ebene aktivieren, dann ist nur der Kreis (Kreis- oder Punktsymbol) sichtbar. Dann legen wir die Schlüssel ab – das wird unsere Animation sein. Bewegen Sie die Zeitanzeige (diese Linie mit blauer Spitze - Aktuelle Zeitanzeige) für 0 Sekunden 15 Frames und drücken Sie die Taste - klicken Sie auf die Stoppuhr daneben Skala, belassen Sie den Wert (ich habe 450).

Verschieben Sie es an den Anfang der Komposition auf Null – und ändern Sie den Wert auf Null (geben Sie sofort den Größenwert ein und ein neuer Schlüssel wird automatisch eingegeben). Als nächstes rücken wir um 3 Sekunden vor – 450, um 3 Sekunden 15 Bilder – 300, nach weiteren 5 Bildern – es sind 3 Sekunden 20 Bilder – 450, und wiederholen es noch einmal bei 6 Sekunden, 6,15 und 6,20 – stellen Sie die gleichen Werte ein – 450/300/450. Machen Sie dann dasselbe bei 9 und 12 Sekunden im ungefähr gleichen Abstand. Jetzt machen wir den Fade am Ende der Komposition – 14 Sekunden 15 Frames – 450, bei 15 Sekunden ganz am Ende – 0. Dann klicken F9– Glätten Sie die Tasten.

Sie können einen Schlüssel auch auf andere Weise hinzufügen: Klicken Sie auf die Raute neben der Stoppuhr und ändern Sie dann den Wert. Mit den Tasten können Sie sich in der Zeitskala bewegen Seite nach oben Und SEITE WEITER. Bewegen Sie den Blinker vorsichtiger! Verschieben Sie nicht die Ebene selbst! Nur für den Fall STRG + Z dir zu helfen.

Nun ist unser Kreis zum Leben erwacht – er erscheint am Anfang, blinkt während des Vorgangs sanft und verschwindet am Ende der Komposition sanft. Zum Ansehen drücken Sie die Null-0-Taste und zum Beenden der Anzeige ebenfalls die Null-0-Taste.

12. Hauptlinienanimation.
Wählen Sie die nächste Ebene mit der Hauptlinie aus. Klicken Sie zweimal U und der gesamte Inhalt der Ebene wird angezeigt. Wird verwendet, wenn Sie die geänderten Unterebenen öffnen müssen. Sehr bequem. Schließen – schon wieder U. Im Laufe der Arbeit werden Sie alles selbst verstehen. Wählen Sie als Nächstes die Unterebene aus Gruppe 3 – Hinzufügen – Pfad zuschneiden.

Erweitern der Parameter Pfad zuschneiden und stellen Sie den Wert y ein ENDE. Ich habe es auf 75 % eingestellt. Dieser Indikator ist für den Prozentsatz der Linie verantwortlich, die in der Animation angezeigt wird: 100 % – vollständig, 0 % – entsprechend wird die Linie nicht angezeigt. Optimal - von etwa 50 bis 95 %. Der Indikator steht am Anfang der Komposition. Als nächstes animieren wir. Klemme ALT und klicken Sie auf den Stoppuhr-Parameter Versatz(gleich darunter Ende) und geben Sie den Ausdruck in die angezeigte Zeile ein - Zeit*n(wobei n eine Zahl ist, die die Anzahl der Umdrehungen oder die Geschwindigkeit der Animation angibt).

Spielen Sie das Lied (Null) und sehen Sie, was passiert. Sie können den Wert ändern ENDE und vergleichen Sie die Animation; der Ausdruck muss nicht geändert werden. So erzielen Sie das interessanteste und optimale Ergebnis. Fügen wir nun die ebenfalls erscheinenden und verblassenden Linien hinzu. Dies kann auch durch Transparenz erfolgen. Opazität. Wählen Sie die Ebene aus – drücken Sie die Taste T und bei 1 Sekunde setzen wir den Wert auf 100, bei Null am Anfang der Komposition – 0. Dann gehen wir zu 14 Sekunden – 100 und setzen am Ende der Komposition 0. F9- Glätten Sie es. Um alle Tasten gleichzeitig auszuwählen, können Sie sie übrigens vorsichtig mit der Maus auswählen und anklicken F9 oder am einfachsten ist es, den Parameter selbst auszuwählen Opazität und alle Tasten werden gleichzeitig hervorgehoben.

13. Animation der zweiten Zeile.
Jetzt lernen wir, wie man mit den Einstellungen der Linie selbst arbeitet. Lassen Sie uns aus einer regulären geraden Linie eine gepunktete Linie erstellen und diese animieren. Zweimal U entlang der Ebene mit der Linie finden wir Schlaganfall und enthüllen Sie seine Bedeutung, indem Sie auf den Pfeil klicken. Finden des Parameters Striche und klicken Sie auf das Pluszeichen + zweimal. Die Werte werden angezeigt Bindestrich(Anzahl der Punkte), Lücke(Abstand zwischen Punkten), Versatz(Animieren Sie die Punkte). Geben wir, angenommen, die Werte 5 und 5 ein. Nun noch einmal ALT+ Klicken Sie auf die Stoppuhr neben dem Parameter Versatz und eintreten Zeit*n(Ich habe einen Wert von 35).

Nun lasst uns auswählen Inhalt – Hinzufügen – Pfad zuschneiden und bei 1 Sekunde bei Ende Taste 100, bei Null 0, bei 14 Sekunden 100 und am Ende 0. Und die Tasten auswählen und glätten F9.

14. Animation eines Quadrats. Drehung.
Wählen Sie die Ebene mit dem quadratischen Hotkey aus R (Rotation). Wir markieren Drehung Und ALT+ Klicken Sie auf die Stoppuhr. In die Ausdruckseingabezeile schreiben wir Zeit*n(Ich habe einen Wert von 250). Sie können Tasten auch manuell verwenden – am Anfang gibt es eine Taste mit Null-Anfangswerten und am Ende gibt es eine Taste (Anzahl der Umdrehungen 0x und Grad +0,0 eingeben), sagen wir 8 Umdrehungen und 360 Grad. Ausdrücke vereinfachen und automatisieren Ihre Arbeit erheblich. Nun, analog dazu fügen wir am Anfang des Auftritts Transparenz hinzu (bei 1 Sekunde 100 und bei Null 0) und am Ende Dämpfung (bei 14 Sekunden 100 und am Ende 0) und F9. Oder wir machen das Erscheinen und Vergehen durch Pfad zuschneiden.

Alle! Die Animation ist fertig! Unser Callout ist zum Leben erwacht! Jetzt lasst uns sparen. Lassen Sie uns ein Rendering erstellen.
Drücken Sie Hotkeys STRG + M(oder gehen Sie zum Menü).

Klicken Sie gegenüber Ausgabemodul Gehen Sie direkt auf den Pfeil und wählen Sie das Format von mir aus MOV+PNG+ALPHA(oder MOV+PNG). Und drücke Machen, wir warten, während das Rendern läuft. Dann schauen wir uns das Ergebnis an. Das Video wird im selben Ordner wie Ihr Projekt gespeichert.

Oksana Shilova vor allem für den Blog

Abonnieren Sie unseren Newsletter, um nichts Neues zu verpassen: