Filmora
Filmora - KI Video Editor
Bearbeiten Sie schneller, intelligenter und einfacher!
ÖFFNEN

So animieren Sie einen Strich in After Effects (Schritt-für-Schritt-Anleitung)

Probieren Sie Filmora als Alternative aus

  • Zeichnen und animieren Sie in einem Panel. Keine Ebenen oder Plugins erforderlich.
  • Verwenden Sie die Start-/Ende-Schieberegler. Keyframes werden automatisch erstellt.
  • Optimiert für schnelles Rendern und flüssige Ergebnisse.
100% Sicherheitsgeprüft | Kein Abonnement erforderlich | Keine Malware

Möchten Sie einen Strich in After Effects animieren, um eine glatte Linienbewegung zu ermöglichen? Strich-Animationen glänzen für Logo-Umrisse,Handschriftliche Unterschriften, Pfeile und Routenlinien. Es ist eine Bewegung, die zu Video-Einführungen und Erklärern passt.

Aber das Erstellen dieser Strich-Animation in After Effects ist nicht einfach. Die Herausforderung besteht darin, den Weg, den Zeitpunkt und die Hublänge genau richtig zu bekommen, damit Ihr Schlag reibungslos aussieht. Eine kleine Änderung in der Art und Weise, wie die Linie erscheint oder verschwindet, kann einen großen Unterschied darin machen, wie natürlich die Bewegung aussieht.

Dieser Leitfaden hilft Ihnen zu verstehen, was ein Schlaganfall in After Effects bedeutet, und zeigt Ihnen die Schritte, um es zu erstellen. Es wird auch eine alternative angezeigt, wenn Sie ein schnelleres setup für Zeilenanimationen bevorzugen. Lass uns anfangen.

guide to animate stroke in after effects

Teil 1. Was ist Stroke Animation in After Effects?

Strich-Animation in After Effects ist der Prozess, um eine Linie oder Umriss selbst im Laufe der Zeit zu zeichnen. Diese Linien schaffen glatte Pfade, die Formen, text oder logos in Bewegung offenbaren. Es ist einBewegungsgrafikTechnik, die statische Elemente in etwas Dynamischeres verwandelt.

what is stroke animation in after effects

Das Hauptwerkzeug, um einen Strich in After Effects zu animieren, ist dieTrimpfadeMerkmal. Es ermöglicht es Ihnen, den Start, das Ende und den Versatz eines Schlages zu steuern. Durch Anpassen dieser Werte können Sie festlegen, wie die Linie erscheint, verschwindet oder sich entlang eines bestimmten Pfads bewegt.

Sie können Strichanimationen in vielen Arten von videos verwenden. Es wird häufig in:

  • Routenanimationen für Reisevideos: Linien ziehen über eine Karte, um eine Reise zu markieren oder jede Haltestelle entlang der route hervorzuheben.
  • Umrissstrichein Produktschaufenstern: Dünne Linien unterstreichen Produktkanten oder enthüllen Teile einer Form, um Designdetails zu zeigen.
  • Handschriftliches logo oder Signatur offenbart: Striche folgen benutzerdefinierten Pfade, um natürliche Handschrift zu imitieren und dem branding einen persönlichen touch zu verleihen.
  • Pfeilanzeigen für Erklärungen oder Infografik: Striche Zeichnen Sie Pfeile in Reihenfolge, um den Fokus des Betrachters zu lenken oder ein element mit einem anderen zu verbinden.

Teil 2. Wie man einen Strich in After Effects animiert – Schritt für Schritt

Bevor Sie anfangen, müssen Sie verstehen, wie die Schlaganfall-Effekte in After Effects funktionieren. Die Idee besteht darin, eine Linie zu zeichnen, die allmählich auf Ihrem Bildschirm erscheint, mithilfe einfacher Formschichten und einer Keyframe-basierten animation. Mit der Funktion Trim Paths können Sie steuern, wann und wie der Strich selbst gezogen wird.

Methode 1: Grundlegende Strichanimation mit Trimpfade

So animieren Sie einen Strich in After Effects mit der Funktion Trim Paths:

Schritt 1
Erstellen einer Formschicht
Beginnen Sie damit, Ihre Form zur Zeitleiste hinzuzufügen. Sie können eine Illustrator-Datei importieren oder eine Form direkt innerhalb von After Effects mit dem Formwerkzeug erstellen. Beide arbeiten auf die gleiche Weise.
create a shape layer in after effects
Wenn Sie eine Illustrator-Datei verwenden, klicken Sie mit der rechten Maustaste darauf und wählen SieErstellen> Erstellen von Formen aus der Vektorebene.
Schritt 2
Die Füllung entfernen und den Hub einstellen
Wir müssen sicherstellen, dass unsere Form nur Striche hat. Um dies zu tun, wählen Sie Ihre Formschicht aus und gehen Sie zur Symbolleiste, um dieFüllen> Keine.
remove the fill of the shape
Stellen Sie neben der option Füllen dieSchlaganfallzu einer einfarbigen. passen Sie dieHubbreiteUm zu kontrollieren, wie dick die Linie erscheint.
set the stroke of the shape
Schritt 3
Fügen Sie den Trim Paths Effekt hinzu
Öffnen Sie im Zeitleiste das dropdown Ihrer Formschicht, klicken Sie aufhinzufügen, und wählenTrimpfade. Diese Funktion ermöglicht es Ihnen, die Start-und Endpunkte Ihrer Linie zu animieren.
add the trim path effect
Schritt 4
Animieren Sie den Strich
erweitern Sie dieTrimpfadeAbschnitt. setzenEnde to 0%Der Strich ist also unsichtbar, und klicken Sie auf dieStoppuhrNeben dem Ende, um Ihren ersten keyframe zu erstellen.
animate the stroke in after effects
Bewegen Sie den Spielkopf ein paar Sekunden nach vorne und setzen SieEnde to 100%. Der Strich zieht sich nun von Anfang bis Ende.
Schritt 5
Glätten Sie die Animation
Wählen Sie beide keyframes aus, klicken Sie mit der rechten Maustaste und wählen SieKeyframe Assistant> Einfach EinfachOder drücken Sie F9. Dies glättet die Bewegung.
easy ease to smooth the motion

Jetzt hast du eine animation eines Striches in After Effects mit den Trimpfade. Sie können die gleichen Schritte auf verschiedene Formen, Textumrisse oder logos für kreative Enthüllungen anwenden.

Methode 2: Pinselstrich-Animation

Sie können auch handgezeichnete Farbe-oder Tinteneffekte mit der After Effects-Pinselstrich-Technik erstellen. Dadurch entstehen weichere, natürliche Kanten, die wie echte Pinselfarbe aussehen und nicht wie eine saubere digitale Linie.

Folgen Sie den folgenden Schritten, um zu erfahren, wie Sie einen erstellen:

Schritt 1
Erstellen Sie eine neue Komposition
Erstellen Sie einen neuen comp und nennen Sie ihn Brush Stroke 1. Halten Sie es in HD-Auflösung und stellen Sie die Dauer auf etwa fünf Sekunden ein.
Schritt 2
Zeichnen Sie die Basislinie
Wählen Sie dieStiftwerkzeugZiehen Sie eine gerade Linie über den Bildschirm. HaltenVerschiebungUm es gerade zu halten. drehenFüllen> Keineund setzen Sie dieHubbreiteauf etwa 6 Pixel. Wählen Sie eine Farbe wie weiß für den Moment.
use pen tool to draw a line
Schritt 3
Die Linien duplizieren und variieren
Gehen Sie zur Formschicht, öffnen Sie dieInhaltEigenschaft, und duplizieren Sie diePfadMehrmals.
duplicate and vary the lines
Stellen Sie die Pfadposition für jede neue Linie so ein, dass sie etwas untereinander sitzen. Ändern Sie einige Breiten auf 10 oder 15 Pixel, um ein dickeres, schichtigeres Aussehen zu erzeugen. Rund zehn Zeilen funktionieren in der Regel gut.
adjust the path positions
Schritt 4
Raue Kanten hinzufügen
Klicken Sie auf dieLinienSchicht, und gehen Sie zu derEffekte & Presetpanel.
apply effects to the lines layer
Suche nachKanten aufrauhen, und es auf die Linien anwenden'Effektsteuerung.
find roughen edges and apply to layer
Setzen Sie dieGrenzerund um4und dieKomplexitätnahe10. Dies fügt ungleichmäßige Kanten hinzu und verleiht der Linie ein strukturiertes, pinselartiges Erscheinungsbild.
adjust the effects' settings
Schritt 5
Trimpfade hinzufügen, um den Pinsel zu animieren
Öffnen Sie die Formschicht, gehen Sie zuInhalt, und klicken SieHinzufügen> Trim Paths. Stellen Sie sicher, dass Sie es der gesamten Gruppe hinzufügen, die alle Ihre duplizierten Zeilen enthält, nicht nur eine Zeile. Auf diese Weise werden alle Linien zusammen als einen einzigen Pinselstrich animiert.
access the trim path in after effects
erweitern Sie dieTrimpfadeEinstellungen zum Anpassen derSchieber. Bewegen Sie den Wiedergabekopf zum Anfang des Zeilenstrichs und stellen Sie den Schieber auf 0%. Klicken Sie auf dieStoppuhrSymbol neben dem Schieber, um Ihren ersten keyframe zu erstellen. Dann bewegen Sie den Spielkopf nach vorne und ändern Sie dieSchieberPräsentation an100%. Der Strich zieht nun als eine einheitliche Bewegung über den Bildschirm.
set the keyframes for the animations

Jetzt haben Sie in After Effects einen Pinselstrich erstellt, der auf dem gesamten Bildschirm animiert. Sie können mehrere Pinselstriche kombinieren, ihre Farben anpassen oder ihre Form biegen, um eine künstlerischere animation zu erzielen.

Bonus: Brauchen Sie wirklich After Effects? Versuchen Sie die Alternative

Möchten Sie einen Strich in After Effects animieren, möchten aber kein komplexes setup? In motion graphics tun Striche mehr als nur schmücken. Sie leiten das Auge, zeichnen Wege und offenbaren Gestalten mit Absicht. Sie werden oft Strichanimationen in Reiserouten, Logo-Enthüllungen, Erklärvideos oder Produkthöhepunkten verwenden.

Aber wenn Ihr Ziel darin besteht, diese Effekte schnell zu erstellen, sind After Effects möglicherweise nicht die beste Passform. Die Animation eines Striches in After Effects kann Zeit in Anspruch nehmen und mehrere Setup-Schritte beinhalten. Für diejenigen, die Videoeditoren bevorzugen, die einen einfacheren workflow bieten, versuchen Sie einen alternativen editor wieWondershare Filmora.

animate stroke in filmora
Probiere es kostenlos aus Probiere es kostenlos aus
qrcode-img
Scannen Sie, um die Filmora App zu erhalten
secure-iconSicherer Download

Filmora Version 15 hat eineStiftwerkzeugFunktion, mit der Sie auch Strichanimationen wie in After Effects erstellen können. Der Unterschied ist, dass alles an einem Ort passiert. Sie können auf der Videoleinwand zeichnen, Kurven anpassen und den Pfad der Linien animieren, ohne zwischen mehreren Ebenen zu wechseln.

Vergleiche Strich-Animationen in After Effects vs Filmora

Werfen Sie einen Blick auf die folgende Tabelle, um zu sehen, wie Filmora gegen das Erstellen von Strichanimationen in After Effects steht:

Merkmal Nach Effekten Filmora
Haupthubwerkzeug Formschichten mit Trimpfaden für die Linienanimation. Stiftwerkzeug mit Strich-und Trimpfad-Animationssteuerung.
Workflow-Komplexität Erfordert mehrere Ebenen, Effekte und keyframes. Alle Anpassungen in einem einzigen panel.
Lernkurve Steil für neue Benutzer. Leicht zu lernen.
Strich-Animationssteuerung Start, Ende und Offset für den Zeitpunkt. Die Start-und Ende-Schiebereinstellungen erscheinen direkt nach der Aktivierung des Trimpfads.
Plugin-Anforderung Häufig für fortgeschrittene styles benötigt. Stoke animations benötigt kein plugin in Filmora.
Rendering Geschwindigkeit Abhängig von Comp-Größe und Effekten. Optimiert für schnellere Exporte.
am besten für Komplexe motion graphics und benutzerdefinierte Animationsgeräte. Schnelle Animationen, Einführungen und tutorials.

Wie man einen Strich in Filmora animiert

Folgen Sie den folgenden Schritten, um eine Strichanimation in Filmora zu erstellen:

Schritt 1
Projekt starten und Assets hinzufügen
Öffnen Sie Filmora und starten Sie ein neues Projekt. Importieren Sie Ihr video oder Bild und ziehen Sie es in die Zeitleiste. Passen Sie die position oder Größe im Vorschaufenster an, um Ihre Szene richtig zu rahmen.
Schritt 2
Zeichnen Sie den Pfad mit dem Stiftwerkzeug
Gehen Sie im Symbolleiste-Menü über der Zeitleiste zuZeichenwerkzeuge> Stiftwerkzeug.
access the pen tool in filmora
Dann kannst du deinen Strich auf dem Vorschaubildschirm zeichnen.
create the stroke lines with pen tool
Klicken Sie einmal, um gerade Punkte hinzuzufügen, oder klicken und ziehen, um es kurvig zu machen.
Wenn Sie fertig sind, klicken Sie mit der rechten Maustaste auf den Bildschirm und wählen SieStoppenum deinen Weg zu bestätigen.
Schritt 3
Passen Sie den Strichstil an
Sobald Sie eine Form mit den Zeichnungswerkzeugen erstellen,FormbearbeitungDas panel wird auf der rechten Seite des Bildschirms geöffnet.
Blättern Sie zu derSchlaganfallAbschnitt, in dem Sie Ihre Linie einstellen könnenFarbe, passen Sie dieGewicht(Dicke), oder gesetztOpazität. Sie können auch aus dem voreingestellten Strichstil wählen, wenn Sie eine schnellere Einrichtung wünschen.
customize the stroke style
Schritt 4
Animieren Sie den Strich mit Keyframes
Gehen Sie im selben panel zumTrimpfadAbschnitt. Dieses tool kann Ihnen helfen, keyframes zu Ihren Strichlinien hinzuzufügen.
Bewegen Sie den Wiedergabekopf zum Anfang des Clips und setzen SieEnde to 0%. Klicken Sie auf dieKeyframeSymbol zum Markieren des ersten Rahmens.
set the start of the keyframe
Dann bewegen Sie den playhead vorwärts und ändern SieEnde to 100%. Der nächste keyframe wird automatisch hinzugefügt.
Diese Einstellung erzeugt eine sanfte Strichanimation, die über den Pfad zieht.
set the end of the keyframe
Schritt 5
Vorschau der Strich-Animation
Spielen Sie das video im Vorschaufenster ab, um die animation zu überprüfen. Passen Sie den Hubzeitpunkt oder die Pfadform bei Bedarf an, damit er natürlich fließt.

Schlussfolgerung

Lernen, einen Strich in After Effects zu animieren, ist eine nützliche Fähigkeit, um Umrisse, Logospuren oder Bewegungspfade zu erstellen. Es bietet eine präzise Steuerung, braucht aber Zeit, um keyframes einzurichten und anzupassen.

Wenn Sie eine schnellere und einfachere Einrichtung bevorzugen, kann das Pen-Tool von Filmora mit weniger Aufwand eine ähnliche Strichanimation in After Effects erzielen. Es ermöglicht es Ihnen, Formen auf der Leinwand zu zeichnen, Strichstile anzupassen und den Pfad direkt an einem Ort zu animieren.

Filmora ist für Schöpfer geeignet, die reibungslose Strichanimationen ohne steile Lernkurven wünschen. Probieren Sie es noch heute aus und sehen Sie, wie schnell Ihre Bearbeitungen erfolgen können.

Filmora
KI Videobearbeitung App & Software
Probiere es kostenlos aus Probiere es kostenlos aus
qrcode-img
Scannen Sie, um die Filmora App zu erhalten
Das beste tool zum Erstellen von videos überall für alle Schöpfer!
Ihre perfekte erste Videobearbeitung beginnt hier-keine Erfahrung erforderlich

💬 FAQs zu Strichanimationen in After Effects

  • 1. Kann ich die Strichanimation mit anderen Effekten in After Effects kombinieren?

    Ja. Sie können die Strichanimation mit Glüh-, Unschärfe- oder Farbverlaufseffekten mischen, damit sie mehr hervorsticht. Viele Editoren kombinieren sie auch mit Bewegungsunschärfe oder Änderungen der Deckkraft, um flüssigere Übergänge und mehr Tiefe zu erzeugen.

  • 2. Wie kann ich meine Strichanimation natürlicher oder wie handgezeichnet aussehen lassen?

    Versuchen Sie, die Pinselstrich-Methode anstelle des einfachen Trim Path zu verwenden. Fügen Sie den „Roughen Edges“-Effekt hinzu oder variieren Sie leicht die Linienbreite und Geschwindigkeit, um handgezeichnete Striche nachzuahmen. Kleine Unregelmäßigkeiten lassen die Animation organischer wirken.

  • 3. Wie lange sollte eine Strichanimation dauern?

    Es gibt keine feste Regel, aber die meisten Strichanimations-Clips in After Effects funktionieren am besten zwischen 2 und 5 Sekunden. Sie sollte lang genug sein, damit die Zuschauer der Bewegung folgen können, aber kurz genug, um den Fluss des restlichen Videos beizubehalten.

Das gefällt dir vielleicht auch

AVS Video Editor Überprüfung: Umfassende Funktionen & einzigartige Alternative

Haben Sie AVS Video Editor installiert, wissen aber nicht, wie Sie ihn verwenden? Lesen Sie diesen Artikel, um alles über dieses Tool und dessen Anwendung zu erfahren.

Geschrieben vonMaria Wiedermann|2026-04-03 16:47:38
Audacity für Podcasts: Wie perfektionieren Sie Ihre Podcast-Erstellung?

Müssen Sie hochqualitativen Ton für Ihren Podcast erzeugen, wissen aber nicht, wie? Lesen Sie diesen Artikel, um zu erfahren, wie Sie Audacity mühelos für das Podcasting nutzen können.

Geschrieben vonMaria Wiedermann|2026-04-03 16:47:29
Hologramm-Bearbeitungstutorial: Erstellen Sie Hologramm-Effekte und Text in Minuten

Verwandeln Sie gewöhnliche Videos in futuristische Visuals mit Hologrammeffekten. Schritt-für-Schritt-Anleitung zur Bearbeitung von Hologrammtext und leuchtenden Overlays in Filmora, Photoshop und Premiere Pro.

Geschrieben vonAndrew Murray|2026-03-20 18:20:14
Was ist das Razor Tool und wie verwendet man das Premiere Pro Razor Tool?

Probleme mit unübersichtlichen Zeitleisten beim Schneiden von Clips in Premiere Pro? Mit dem Razor-Tool (Tastenkürzel C) können Sie Video/Audio präzise schneiden. Lernen Sie die schrittweise Verwendung, wichtige Tastenkürzel (Strg+K/Cmd+K), beseitigen Sie Lücken/Knackser und probieren Sie Filmora für einfacheres Schneiden aus.

Geschrieben vonSumia Rafique|2026-03-20 18:20:14
25 Stop-Motion-Ideen und wie man sie in die Realität umsetzt

Wenn Sie auf der Suche nach Stop-Motion-Ideen für Anfänger und Kinder sind und Sie sich nicht sicher sind, wie Sie ein Stop-Motion-Video erstellen, ist dieser Artikel perfekt für Sie.

Geschrieben vonAndrew Murray|2026-03-20 18:17:50
Wie kann ich Red Eye Remover auf jedem Gerät verwenden?

Auf der Suche nach einem zuverlässigen Entferner für rote Augen? Entdecken Sie die besten Desktop-, Mobil- und Online-Apps, einschließlich einer mit interessanten Effekten und umfangreichen Anpassungstools.

Geschrieben vonSumia Rafique|2026-03-20 18:17:43
Wie konvertiert man EXR-, Tiff-, PNG- oder JPG-Bildsequenzen in MP4-Videos?

Sind Sie auf der Suche nach Möglichkeiten, eine EXR-, Tiff-, PNG- oder JPG-Sequenz ganz einfach in MP4 zu konvertieren? In dieser Anleitung finden Sie verschiedene Methoden, um dies zu tun.

Geschrieben vonJames Hogan|2026-03-20 18:14:46