Tutorial Tuesday

So bleibt die Konturbreite erhalten!

After Effects Expression

Erfahre, wie du die Strichstärke deiner Icons und Piktogramme beim Skalieren in After Effects beibehalten kannst. Mit dieser einfachen Expression bleibt die Linienbreite immer konstant. Perfekt für Motion DesignerInnen und alle, die mit Vektorgrafiken arbeiten.

New tutorial coming soon! 

Das Problem beim Skalieren von Objekten in After Effects

Beim Arbeiten mit After Effects stoßen viele auf das Problem, dass die Strichstärke von Shape-Layern beim Skalieren nicht konstant bleibt. Besonders ärgerlich ist dies, wenn man eine Szene mit vielen verschiedenen Icons oder Piktogrammen hat, die alle auf eine einheitliche Größe skaliert werden müssen. Das Ergebnis sind oft ungleichmäßige Strichstärken, die das gesamte Design unprofessionell wirken lassen.

Die Lösung für gleichbleibende Strichstärke

Es gibt jedoch eine elegante Lösung, die dafür sorgt, dass die Strichstärke proportional zur Skalierung bleibt. Diese Lösung basiert auf einer einfachen Expression, die in die Eigenschaft ‘Kontur’ bzw. ‘Stroke Width’ des Shape-Layers eingefügt wird. Die Expression lautet:

value/(length(toComp([0,0]),toComp([1,0])) || 0.001);

Wie funktioniert die Expression?

Die genannte Expression stellt sicher, dass die Strichstärke unabhängig von der Skalierung des Objekts konstant bleibt. Im Wesentlichen berechnet sie die aktuelle Skalierung des Objekts und passt die Strichstärke entsprechend an, sodass die ursprüngliche Linienbreite beibehalten wird. Dies bedeutet, dass jedes Icon oder Piktogramm seine konsistente Strichstärke behält, egal wie groß oder klein es skaliert wird.

So geht’s:

Um die Expression in After Effects zu verwenden, folge diesen einfachen Schritten:

value/(length(toComp([0,0]),toComp([1,0])) || 0.001);

  • 1. Kopiere die Expression:

    Markiere und kopiere die oben angegebene Expression.

  • 2. Füge die Expression ein:

    Öffne dein After Effects Projekt und wähle den Shape-Layer aus, dessen Strichstärke du konstant halten möchtest. Klicke auf die Eigenschaft ‘Kontur’ bzw. ‘Stroke Width’.

  • 3. Expression einfügen:

    Halte die Alt-Taste gedrückt (Option-Taste auf Mac) und klicke auf die Stoppuhr neben der Eigenschaft. Füge die kopierte Expression in das Textfeld ein.

  • 4. Skaliere deine Objekte:

    Skaliere nun deine Objekte und beobachte, wie die Strichstärke gleich breit bleibt.

Warum ist diese Technik ein Game-Changer?

Die Möglichkeit, die Strichstärke konstant zu halten, hat zahlreiche Vorteile. Es spart nicht nur Zeit bei der Anpassung jeder einzelnen Kontur, sondern verbessert auch die Konsistenz und das professionelle Erscheinungsbild deiner Designs. Besonders in Szenen mit vielen Icons oder Piktogrammen ist dies ein unverzichtbares Werkzeug, das deine Arbeit erheblich erleichtert.

Praxisbeispiele und zusätzliche Tipps

In der Praxis kannst du diese Technik auf viele verschiedene Arten anwenden. Zum Beispiel in Design Projekten, bei denen Icons oft in verschiedenen Größen verwendet werden müssen, oder in animierten Infografiken, wo gleichmäßige Strichstärken für ein klares und ansprechendes Design sorgen.

Ein zusätzlicher Tipp: Speichere diese Expression, sodass du sie jederzeit schnell und einfach auf neue Projekte anwenden kannst.

Fazit

Die Erhaltung der Strichstärke beim Skalieren in After Effects ist ein wichtiger Schritt, um professionelle und konsistente Designs zu erstellen. Mit der vorgestellten Expression kannst du sicherstellen, dass deine Icons und Piktogramme immer die gleiche Linienbreite haben, unabhängig von ihrer Größe. Probiere es aus und entdecke, wie viel einfacher und effizienter deine Arbeit als Motion Designer wird.

Häufig gestellte Fragen

Wie füge ich eine Expression in After Effects ein?

Drücke Alt (Option auf Mac) und klicke auf die Stoppuhr neben der Eigenschaft, in die du die Expression einfügen möchtest. Füge dann die kopierte Expression in das Textfeld ein.

Funktioniert diese Expression in jeder After Effects Version?

Ja, diese Expression sollte in allen aktuellen Versionen von After Effects funktionieren.

Kann ich die Expression anpassen?

Ja, du kannst die Expression an deine spezifischen Bedürfnisse anpassen. Experimentiere mit den Parametern, um die besten Ergebnisse für dein Projekt zu erzielen.

Gibt es weitere nützliche Expressions für After Effects?

Ja, es gibt viele nützliche Expressions, die verschiedene Aspekte deiner Animationen automatisieren und verbessern können. Schau dir unsere Tutorials und Blog-Posts für weitere Tipps an.

Warum bleibt die Strichstärke beim Skalieren normalerweise nicht gleich?

Ohne Anpassung skaliert After Effects die Strichstärke proportional zur Objektgröße, was zu variierenden Linienbreiten führt.

Wie kann ich die Expression speichern, um sie in anderen Projekten zu verwenden?

Du kannst die Expression als Vorgabe in After Effects speichern, indem du sie in einer Eigenschaft speicherst und diese Eigenschaft als Vorlage exportierst.

Get in touch.

Contact

Stay in the loop.

Sign up to receive email updates and more.
Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.

Follow.