Info zum Zeichnen

Mit den Zeichenwerkzeugen in Adobe Animate CC können Sie Linien und Formen für die Bilder eines Dokuments erstellen und ändern. Alle in Animate erstellten Linien und Formen sind schlanke Vektorgrafiken, sodass die FLA-Datei möglichst klein bleibt.

Bevor Sie mit dem Zeichnen und Malen in Animate beginnen, sollten Sie sich damit vertraut machen, wie Animate Zeichnungen erstellt und wie sich das Zeichnen, Malen und Ändern von Formen auf andere Formen auf derselben Ebene auswirken kann.

Vektor- und Bitmapgrafiken

Auf dem Computer werden Grafiken entweder im Vektor- oder im Bitmapformat angezeigt. Das Verständnis der Unterschiede zwischen diesen beiden Formaten ist eine grundlegende Voraussetzung für die effektive Arbeit mit Flash. Mit Animate können Sie kompakte Vektorgrafiken erstellen und animieren. Außerdem haben Sie in Animate die Möglichkeit, Vektor- und Bitmapgrafiken zu importieren und zu bearbeiten, die in anderen Anwendungen erstellt wurden.

Vektorgrafiken

Vektorgrafiken beschreiben Bilder mithilfe von Linien und Kurven, den so genannten Vektoren, in denen auch Farb- und Positionseigenschaften enthalten sind. Das Blatt im abgebildeten Beispiel wird anhand von Punkten definiert, durch die die Umrisslinien der Grafik verlaufen. Die Farbe des Blatts wird durch die Konturfarbe und die Farbe des von den Umrisslinien eingeschlossenen Bereichs bestimmt.

dr_02leafVectorComp
Linien in Vektorgrafiken.

Wenn Sie eine Vektorgrafik bearbeiten, ändern Sie die Eigenschaften der Linien und Kurven, die ihre Form definieren. Sie können die Position, Größe, Form und Farbe einer Vektorgrafik nach Belieben ändern, ohne die Qualität ihrer Darstellung zu mindern. Da die Darstellung von Vektorgrafiken nicht von der Auflösung abhängig ist, lassen sie sich auf Ausgabegeräten mit unterschiedlicher Auflösung ohne jeglichen Qualitätsverlust anzeigen.

Bitmapgrafiken

Bitmapgrafiken beschreiben Bilder anhand farbiger Punkte, den so genannten Pixeln, die in einem Gitternetz (oder Raster) angeordnet sind. Das unten stehende Bild eines Blatts beispielsweise wird durch die Position und Farbe der einzelnen Pixel im Gitternetz definiert, aus denen die Grafik ähnlich wie ein Mosaik aufgebaut ist.

dr_02leafBitComp
Pixel in Bitmapgrafiken.

Beim Bearbeiten einer Bitmapgrafik ändern Sie nicht den Verlauf von Linien und Kurven, sondern die Position und Farbe einzelner Pixel. Die Darstellung von Bitmapgrafiken ist von der Auflösung abhängig, da sich die Daten, die das Bild beschreiben, auf ein Gitternetz mit einer bestimmten Größe beziehen. Das Bearbeiten einer Bitmapgrafik kann die Qualität ihrer Darstellung spürbar beeinträchtigen. Insbesondere nach dem Vergrößern erscheinen die Umrisse einer Bitmapgrafik oftmals ausgefranst, da die Pixel hierbei neu im Gitternetz angeordnet werden. Aus demselben Grund wird auch auf einem Anzeigegerät, das eine niedrigere Auflösung aufweist als die Bitmapgrafik selbst, nur eine deutlich geringere Qualität erreicht.

Pfade

Wenn Sie in Animate eine Linie oder eine Form zeichnen, wird die erstellte Linie als Pfad bezeichnet. Ein Pfad setzt sich aus einem oder mehreren geraden oder gekrümmten Segmenten zusammen. Anfang und Ende jedes Segments sind durch so genannte Ankerpunkte gekennzeichnet. Ein Pfad ist entweder geschlossen (z. B. ein Kreis) oder geöffnet (mit eindeutigen Endpunkten; z. B. eine Wellenlinie).

Sie können die Form eines Pfades ändern, indem Sie die Ankerpunkte, die Griffpunkte am Ende der Grifflinien an den Ankerpunkten oder das Pfadsegment selbst an die gewünschte Stelle ziehen.

dr_06
Komponenten eines Pfades

A. Ausgewählter (ausgefüllter) Endpunkt B. Ausgewählter Ankerpunkt C. Nicht ausgewählter Ankerpunkt D. Gekrümmtes Pfadsegment E. Griffpunkt F. Grifflinie. 

Pfade können zwei Arten von Ankerpunkten haben: Eckpunkte und Übergangspunkte. An einem Eckpunkt ändert ein Pfad abrupt seine Richtung. An einem Übergangspunkt werden Pfadsegmente zu einer kontinuierlichen Kurve verbunden. Beim Zeichnen eines Pfades können Eck- und Übergangspunkte beliebig miteinander kombiniert werden. Wenn Sie einen falschen Punkt zeichnen, können Sie ihn jederzeit ändern.

dr_07
Punkte auf einem Pfad

A. Vier Eckpunkte B. Vier Übergangspunkte C. Kombination aus Eck- und Übergangspunkten. 

Ein Eckpunkt kann zwei gerade Segmente oder zwei Kurvensegmente verbinden, ein Übergangspunkt dagegen immer nur zwei Kurvensegmente.

dr_08
Ein Eckpunkt kann sowohl gerade als auch Kurvensegmente verbinden.

Hinweis:

Eck- und Übergangspunkte sind nicht dasselbe wie gerade und gekrümmte Segmente.

Der Umriss eines Pfades wird als Strich bezeichnet. Farben oder Verläufe, die auf den Innenbereich eines offenen oder geschlossenen Pfades angewendet werden, heißen Füllungen. Ein Strich kann verschiedene Stärken (Dicke), Farben sowie ein Strichmuster aufweisen. Nach der Erstellung eines Pfades oder einer Form können Sie die Strich- und Füllungseigenschaften ändern.

Grifflinien und Griffpunkte

Wenn Sie einen Ankerpunkt auswählen, der Kurvensegmente verbindet (oder das Segment selbst auswählen), werden an den Ankerpunkten der verbundenen Segmente Griffe angezeigt. Diese Griffe bestehen aus Grifflinien, die in Griffpunkten enden. Die Länge und Neigung der Grifflinien bestimmen die Form und Größe des Kurvensegments. Werden die Griffpunkte verschoben, ändert sich die Kurvenform. Grifflinien sind in der fertigen Ausgabe nicht zu sehen.

An Übergangspunkten werden immer zwei Richtungslinien angezeigt, die sich zu einer einzigen geraden Linie vereinen. Verschieben Sie eine Grifflinie auf einem Übergangspunkt, werden die Kurvensegmente auf beiden Seiten des Punkts gleichzeitig angepasst. Dadurch bleibt eine kontinuierliche Kurve an diesem Ankerpunkt erhalten.

Ein Eckpunkt kann dagegen zwei Grifflinien, eine oder keine Grifflinie haben, je nachdem, ob er zwei Kurvensegmente, ein oder kein Kurvensegment verbindet. Bei Grifflinien für Eckpunkte wird die Ecke dadurch beibehalten, dass unterschiedliche Winkel verwendet werden. Verschieben Sie eine Grifflinie auf einem Eckpunkt, wird nur die Kurve angepasst, die auf der Seite des Punktes liegt, auf der sich die Grifflinie befindet.

dr_10
Nach dem Auswählen eines Ankerpunkts (links) werden an allen durch den Ankerpunkt verbundenen Kurvensegmenten Grifflinien angezeigt (rechts).

dr_11
Anpassen von Grifflinien bei Übergangspunkten (links) und Eckpunkten (rechts).

Grifflinien bilden immer eine Tangente (senkrecht zum Radius) zur Kurve an den Ankerpunkten. Der Winkel der Grifflinien bestimmt die Neigung der Kurve, während ihre Länge die Höhe bzw. Tiefe der Kurve bestimmt.

dr_12
Sie können die Neigung von Kurven ändern, indem Sie Grifflinien verschieben und ihre Größe ändern.

Zeichenmodi und Grafikobjekte

In Animate können Sie verschiedene Arten von Grafikobjekten erstellen, indem Sie unterschiedliche Zeichnungsmodi und Zeichenwerkzeuge verwenden. Jede Art bringt gewisse Vor- und Nachteile mit sich. Aufbauend auf einem Verständnis der von den verschiedenen Grafikobjekttypen gebotenen Funktionen können Sie entscheiden, welche Objekttypen für Ihre Arbeit am besten geeignet sind.

Hinweis:

In Animate handelt es sich bei Grafikobjekten um Elemente auf der Bühne. Diese Grafikobjekte lassen sich verschieben, kopieren, löschen, transformieren, stapeln, ausrichten und gruppieren. „Grafikobjekte“ in Animate sind nicht identisch mit den „ActionScript-Objekten“, die einen Bestandteil der ActionScript®-Programmiersprache darstellen. Achten Sie darauf, die beiden Bedeutungen des Begriffs „Objekte“ nicht zu verwechseln. Weitere Informationen zu Objekten in der Programmiersprache finden Sie im Abschnitt „Datentypen“ im ActionScript 2.0 in Adobe Animate – Arbeitshandbuch oder im Abschnitt zu Datentypen im ActionScript 3.0-Entwicklerhandbuch.

Zeichnungsverbindungsmodus

Der Standardzeichnungsmodus verbindet automatisch Formen, die sich überlappen, wenn Sie sie zeichnen. Wenn sich von Ihnen auf derselben Ebene gezeichnete Formen überlappen, wird von der oberen Form der überlappte Teil der unteren Form ausgeschnitten. In dieser Hinsicht ist das Zeichnen von Formen ein zerstörerischer Zeichenmodus. Beispiel: Wenn Sie einen Kreis zeichnen, der von einem kleineren Kreis überlappt wird und diesen kleineren Kreis dann verschieben, wird der den größeren Kreis überlappende Teil des Kreises entfernt.

Weist eine Form sowohl Strich als auch Füllung auf, werden diese als separate grafische Elemente betrachtet, die ausgewählt und unabhängig voneinander verschoben werden können.

dr_biteTakenOut
Im Zeichnungsverbindungsmodus erstellte Formen werden verbunden, sobald sie sich überschneiden. Wenn Sie also eine Form auswählen und verschieben, wird die darunter liegende Form geändert.

Aufrufen des Zeichnungsverbindungsmodus

  1. Wählen Sie im Bedienfeld „Werkzeuge“ die Option „Zeichnungsverbindung“ aus.

  2. Wählen Sie im Bedienfeld „Werkzeuge“ ein Zeichenwerkzeug aus, mit dem Sie auf der Bühne zeichnen möchten.

Hinweis:

In der Standardeinstellung verwendet Animate den Zeichnungsverbindungsmodus.

Objektzeichnungsmodus

Mit diesem Modus werden Formen erstellt, die als Zeichenobjekte bezeichnet werden. Zeichenobjekte sind separate Grafikobjekte, die nicht automatisch verbunden werden, wenn sie sich überlappen. Dadurch können sich Formen überlappen, ohne dass dadurch ihr Aussehen geändert wird, falls Sie sie verschieben oder neu anordnen möchten. Animate erstellt jede Form als ein separates Objekt, das individuell bearbeitet werden kann.

Mit einem Zeichenwerkzeug im Objektzeichenmodus werden eigenständige Formen erstellt. Bei Strich und Füllung einer Form handelt es sich nicht um separate Elemente und überlappende Formen ändern einander nicht. Wenn Sie eine Form auswählen, die im Objektzeichnungsmodus erstellt wurde, umgibt Animate sie mit einer rechteckigen Begrenzungsbox.

Hinweis:

Bei der Auswahl von Formen, die im Objektzeichnungsmodus erstellt wurden, können Sie Voreinstellungen für die Kontaktempfindlichkeit festlegen.

dr_ObjectDrModel
Im Objektzeichnungsmodus erstellte Formen bleiben separate Objekte, die Sie einzeln bearbeiten können.

Aufrufen des Objektzeichenmodus

Um Formen im Objektzeichnungsmodus zu zeichnen, müssen Sie diesen aktivieren.

  1. Wählen Sie ein Zeichenwerkzeug, das den Objektzeichnungsmodus unterstützt (Freihand-, Linien-, Stift-, Pinsel-, Ellipsen-, Rechteck- und Polygonwerkzeug).

  2. Klicken Sie im Bedienfeld „Werkzeuge“ in der Kategorie „Optionen“ auf die Schaltfläche „Objektzeichnung“ oder betätigen Sie die Taste „J“, um zwischen dem Zeichnungsverbindungs- und dem Objektzeichnungsmodus umzuschalten. Mit der Schaltfläche „Objektzeichnung“ schalten Sie zwischen dem Zeichnungsverbindungs- und Objektzeichnungsmodus um. Bei der Auswahl von Formen, die im Objektzeichnungsmodus erstellt wurden, können Sie Voreinstellungen für die Kontaktempfindlichkeit festlegen.

  3. Zeichnen Sie auf der Bühne.

Umwandeln einer im Zeichnungsverbindungsmodus erstellten Form in eine im Objektzeichnungsmodus erstellte Form

  1. Wählen Sie auf der Bühne eine Form aus.

  2. Wählen Sie „Modifizieren“ > „Objekte zusammenfassen“ > „Vereinigung“, um die Form in eine Form im Objektzeichnungsmodus umzuwandeln. Nach der Umwandlung wird diese Form wie ein vektorbasiertes Zeichnungsobjekt behandelt, dessen Aussehen sich auch bei Überschneidung mit anderen Formen nicht ändert.

Hinweis:

Mit dem Befehl „Vereinigung“ können Sie auch zwei oder mehr Formen zu einer objektbasierten Form verbinden.

Grundobjekte

Bei Grundobjekten handelt es sich um Formen, deren Merkmale im Eigenschafteninspektor geändert werden können. Sie können jederzeit präzise die Größe, den Eckenradius und andere Eigenschaften der Form steuern, ohne sie erneut von Grund auf zeichnen zu müssen.

Zwei Grundformtypen sind verfügbar: Rechtecke und Ellipsen.

  1. Wählen Sie im Bedienfeld „Werkzeuge“ das Werkzeug „Rechteckgrundform“  oder das Werkzeug „Ellipsengrundform“.

  2. Zeichnen Sie auf der Bühne.

Überlappende Formen

Wenn Sie im Zeichnungsverbindungsmodus eine Linie zeichnen, die eine vorhandene Linie oder Form schneidet, werden die Linien an den Schnittpunkten in Segmente aufgeteilt. Mit dem Auswahlwerkzeug können diese Segmente dann einzeln ausgewählt, verschoben oder umgeformt werden.

dr_03fill_segment
Eine Füllung; die Füllung mit einer durchgezeichneten Linie sowie die drei Liniensegmente, die durch Segmentierung entstanden sind.

Wenn Sie über Formen und Linien malen, wird der darunter liegende Bereich der vorhandenen Grafik durch die darüber gezeichneten Grafikelemente ersetzt. Gleichfarbige Grafikelemente werden miteinander verschmolzen, Bereiche mit unterschiedlichen Malfarben bleiben getrennt. Dieses Farbverhalten ermöglicht Ihnen, Masken, Ausschnitte und andere Negativbilder zu erstellen. Der unten abgebildete Ausschnitt beispielsweise wurde folgendermaßen erstellt: Zunächst wurde die nicht gruppierte Drachengrafik auf die grüne Hintergrundform verschoben, anschließend die Auswahl der Drachengrafik aufgehoben und schließlich sowohl der obere als auch der untere gefüllte Bereich der Drachengrafik wieder aus der Hintergrundgrafik gezogen.

dr_03fill_cutout
Aus der Drachengrafik ausgeschnittenes Segment.

Wenn Sie verhindern möchten, dass überlappende Formen und Linien segmentiert werden, können Sie sie entweder gruppieren oder auf verschiedene Ebenen platzieren.

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie