Mit variabel einstellbaren Strichen zeichnen und animieren.
Lernen Sie, wie Sie in Adobe Animate mit variabel einstellbaren Strichen zeichnen und daraus Tweens und Animationen erstellen können.
Veröffentlicht am
Adobe Flash Professional ist jetzt Adobe Animate. Alle hier gezeigten Funktionen sind in Animate enthalten.
[train simple – Authorized Training Center] [Auszug aus dem Tutorial „Flash CC HTML5 Workflows“ von trainsimple.com] Es war bislang immer schwierig, komplexe Pfade mit Flash zu erstellen.
Nun aber hat Adobe das Breite-Werkzeug eingeführt, das die meisten von Ihnen schon aus Illustrator kennen.
Das Breite-Werkzeug ermöglicht es, Pfaden sogenannte Breitenpunkte hinzuzufügen, mit denen die Breite des Pfades gesteuert werden kann.
Sehen wir uns an, wie das genau funktioniert.
Zunächst füge ich unten in der Zeitleiste eine neue Ebene ein.
Ich nenne sie „line“ (Linie).
Dann wähle ich hier das Linienwerkzeug aus.
Mit dem aktivierten Linienwerkzeug kann ich im Fenster „Eigenschaften“ (Properties) die Strichfarbe und auch die Strichhöhe festlegen.
Ich stelle den Wert auf 2 ein, sodass meine Anpassungen besser sichtbar sind.
Das Menü „Stil“ (Style) hat sich nicht geändert, aber das Menü „Breite“ (Width) ist hinzugekommen.
Hier erhalte ich eine Auswahl aller vordefinierten Profile.
In diesem Beispiel wähle ich den Standard „Gleichmäßig" (Uniform) aus.
Es ändert sich nicht viel.
Es wird eine Linie mit durchgängig gleicher Breite erzeugt.
Ich klicke auf die Bühne und ziehe eine neue Linie.
Zunächst entsteht eine gleichmäßige Linie, die ich aber in bestimmten Bereichen in ihrer Breite ändern kann.
Hier kommt das Breite-Werkzeug ins Spiel.
Ich wähle das Breite-Werkzeug aus.
Sobald ich den Cursor über den Pfad bewege, ändert er sein Aussehen in einen Pfeil mit einem Pluszeichen.
Unter dem Pfeil befindet sich ein kleiner weißer Punkt als Indikator.
Wenn ich klicke, erzeuge ich damit einen neuen Breitenpunkt.
Also füge ich einen Breitenpunkt hinzu, halte dann aber die Maustaste gedrückt und ziehe sie nach unten.
So verändere ich an diesem Punkt die Breite des Pfades.
Auf einem Pfad lassen sich beliebig viele Breitenpunkte setzen.
Per Mausklick füge ich einen weiteren hinzu, ziehe ihn diesmal aber nach oben.
Die Breite des Pfades wird reduziert.
Es ist jederzeit möglich, einen Breitenpunkt wieder zu entfernen.
Dazu muss ich ihn nur auswählen und, sobald er markiert ist, die Entfernen- oder Rücktaste drücken.
Wie Sie vielleicht bemerkt haben, wird mit Ziehen an diesen Griffen die Breite des Pfades gleichmäßig verändert.
Sowohl der obere als auch der untere Rand werden verschoben.
Falls jedoch nur der obere oder nur der untere Rand verschoben werden soll, ist das auch kein Problem.
Halten Sie dazu einfach die Wahltaste auf dem Mac bzw. die Alt-Taste auf Windows gedrückt.
Wenn Sie klicken oder ziehen, wird nur der untere Rand des Pfades verschoben.
In diesem Beispiel ist es jedenfalls so.
Einen Breitenpunkt verschiebt man einfach per Klicken und Ziehen.
Mit Klicken und Ziehen bei gleichzeitig gedrückter Umschalttaste werden alle Breitenpunkte verschoben.
Sie sehen, alle Breitenpunkte bewegen sich gemeinsam.
Das Ergebnis ist eine ganz andere Linie als die ursprüngliche.
Wenn Ihnen der erzeugte Pfad gefällt, können Sie ihn als Breitenprofil speichern.
Wählen Sie dazu die Linie mit dem Auswahl-Werkzeug aus – sofort wird hier ein neues Breitenprofil angelegt.
Die Vorschau spiegelt alle Änderungen wider, die an dem Pfad vorgenommen werden.
Ist das Profil fertig, speichern Sie es.
Mit einem Klick auf das Pluszeichen hier wird es zu Ihren Profilen hinzugefügt.
Ich will es speichern, ich klicke also auf das Pluszeichen.
Ich benenne es „Matt's Profile“, klicke auf „OK“ und sofort steht mir das Profil im Menü zur Verfügung.
Experimentieren Sie ruhig mit diesen verschiedenen variablen Breitenprofilen, um deren Eigenschaften besser kennenzulernen.
Vielleicht ist ja schon etwas dabei, das Sie verwenden können.
Dennoch ist es, wie Sie eben gesehen haben, denkbar einfach, ein eigenes Breitenprofil anzulegen.
Es ist auch deutlich bequemer geworden, eine Grafik wie diese Brücke mit Flash zu erstellen.
Sie müssen noch nicht einmal eine gelungene Kurve wie diese zeichnen können.
Wählen Sie einfach das Linienwerkzeug aus und stellen Sie sicher, dass das Profil „Gleichmäßig“ ausgewählt ist.
Klicken Sie darauf und ziehen Sie eine Linie.
Wenn die Linie fertig ist, wählen Sie das Auswahl-Werkzeug aus.
Ich reduziere hier noch die Strichhöhe ein wenig, der Wert 1 sollte passen.
Fahren Sie dann mit dem Cursor über die Linie, sodass ein kleines Kurvensymbol unterhalb des Cursor-Pfeils erscheint.
Um die Linie zu krümmen, müssen Sie sie anklicken und hochziehen.
Und schon haben Sie einen fast identischen Pfad erzeugt.
Wählen Sie danach das Breite-Werkzeug aus.
Fügen Sie damit einen Breitenpunkt hinzu.
Klicken und ziehen Sie anschließend, um den Pfad an dieser Stelle zu verbreitern.
Wie Sie sehen, lässt sich diese Brücke ganz leicht neu erstellen.
Man kann dank des Breite-Werkzeugs aber nicht nur komplexe Pinselstriche erstellen, man kann sie auch animieren.
Ich demonstriere Ihnen kurz, wie das funktioniert.
Hier habe ich eine Form mit einem zugewiesenen Breitenprofil.
Sobald ich das Breite-Werkzeug ausgewählt habe, habe ich Zugriff auf die Breitenpunkte.
Ich füge durch Drücken der F6-Taste bei Frame 20 einen neuen Keyframe ein, klicke auf diesen Breitenpunkt und ziehe am ausgewählten Breitenpunkt diese Griffe zusammen.
Damit reduziere ich die gesamte Breite dieser Form.
Dies ist also der Pfad auf Frame 20, das hier ist der Pfad auf Frame 1.
Mit einem Rechtsklick auf Frame 1 bzw. durch Klicken und Drücken der Strg-Taste wähle ich „Form-Tween erstellen“ (Create Shape Tween).
Wenn der Form-Tween erstellt ist, starte ich die Wiedergabe mit der Eingabetaste, und der Tween läuft ab.
Diese Funktion eröffnet eine Menge Möglichkeiten – von der Animation von Zeichen bis hin zu Spezialeffekten.
Sie können also nicht nur variable Breitenprofile erzeugen, sondern diese auch animieren.
Schließlich reden wir hier über Flash!
[Preiswertes und kompetentes Technologie-Training von train simple] [Authorized Training Center]
