Design-Elemente (Bilder, Text, Formen)

Im Template-Editor baust du dein Design aus Elementen: Bildern, Texten, Formen und Pfaden. Du fügst sie mit den Werkzeugen in der Toolbar hinzu und gestaltest sie im Properties-Panel.

• Bild-Werkzeug: fügt ein Bild, ein rundes Bild oder ein Icon hinzu.
• Form-Werkzeug: fügt ein Rechteck oder eine Ellipse hinzu.
• Add text: fügt einen Text hinzu.
• Add path: zeichnet eine eigene Form, Punkt für Punkt.

Die Werkzeuge für Bild, Form und Text funktionieren gleich: Du wählst ein Werkzeug und klickst dann auf den Canvas oder ziehst dort einen Rahmen auf. Das neue Element ist danach ausgewählt, und das Werkzeug schaltet sich aus. Mit Esc brichst du ein gewähltes Werkzeug ab.

Elemente hinzufügen

Bild

1. Fahre mit der Maus in der Toolbar über das Symbol mit dem kleinen Bild. Das ist das Bild-Werkzeug. Ein Menü mit Image und Circle Image öffnet sich.
   
2. Wähle die Form deines Bildes. Das Popup Image Library öffnet sich, mit deinen hochgeladenen Bildern und dem Tab Icons.
   • Image: ein Bild in seiner eigenen Form.
   • Circle Image: ein Bild mit ganz runden Ecken. Ein quadratisches Bild wird so zum Kreis. Eine Maske brauchst du dafür nicht.
3. Wähle im Popup ein Bild aus. Das Popup schließt sich.
   • Für ein eigenes Bild:
     • Klicke in der Image Library auf eines deiner hochgeladenen Bilder.
     • Klicke für ein neues Bild oben rechts auf Upload und wähle eine Datei aus.
   • Für ein Icon:
     • Klicke auf den Tab Icons und wähle eine Farbe.
     • Gib bei Search icons einen Suchbegriff ein, wenn du ein bestimmtes Icon suchst.
     • Klicke auf ein Icon.
   
   
4. Klicke auf den Canvas. Das Bild erscheint dort in seiner Originalgröße. Ziehst du stattdessen einen Rahmen auf, bekommt das Bild die Größe des Rahmens.

Wie das Bild seinen Rahmen füllt und wo es darin sitzt, stellst du mit Crop Mode und Origin ein. Die Farbe eines Icons änderst du im Properties-Panel bei Color Masking.

Text

1. Klicke in der Toolbar auf die Buchstaben „Aa“. Das ist das Werkzeug Add text.
   
2. Klicke auf den Canvas oder ziehe dort einen Rahmen auf. Ein Text mit dem Platzhalter „Lorem ipsum dolor“ erscheint.
3. Gib im Properties-Panel im Abschnitt Text bei Content deinen Text ein. Dein Text steht jetzt im Design.

Alle Eigenschaften eines Texts, etwa Schriftart, Max Font Size, Wrap und Origin, erklärt Text-Eigenschaften. Text entlang einer Kurve steht in Text auf eine Kurve setzen.

Rechteck und Ellipse

1. Fahre mit der Maus in der Toolbar über das Quadrat. Das ist das Form-Werkzeug. Ein Menü mit Rectangle und Ellipse öffnet sich.
   
2. Wähle Rectangle für ein Rechteck oder Ellipse für einen Kreis oder ein Oval.
3. Ziehe auf dem Canvas einen Rahmen auf. Die Form erscheint in dieser Größe. Ein einfacher Klick setzt eine Form mit 50 × 50 Pixeln.

Farbe und Kontur der Form stellst du im Properties-Panel im Abschnitt Appearance ein.

Pfad

Mit einem Pfad zeichnest du eine eigene Form, zum Beispiel eine Linie, eine Welle oder eine Sprechblase.

1. Klicke in der Toolbar auf die Federspitze. Das ist das Werkzeug Add path.
   
2. Klicke auf den Canvas. Der erste Punkt ist gesetzt.
3. Klicke weiter auf den Canvas. Jeder Klick setzt einen neuen Punkt und verbindet ihn mit dem letzten.
4. Klicke zum Schluss auf den ersten Punkt. Die Form ist jetzt geschlossen. Für eine offene Linie drücke stattdessen Esc.

Wie du Kurven zeichnest und Punkte später verschiebst, steht in Pfad zeichnen und bearbeiten: eigene Formen und Linien erstellen.

Elemente kombinieren

Mehrere Elemente fasst du zu einer Gruppe oder einer Maske zusammen. Dafür wählst du sie zuerst aus: Halte Shift gedrückt und klicke auf dem Canvas nacheinander auf die Elemente.

• Gruppe: Die Elemente bleiben zusammen und bewegen sich gemeinsam. Drücke Cmd + G (unter Windows Strg + G). In der Toolbar gibt es dafür kein Werkzeug. Mehr dazu in Elemente gruppieren: zusammen bewegen und anordnen.
• Maske: Ein Element schneidet ein anderes auf seine Form zu. Wähle zuerst das Element aus, das zuschneidet, dann das, das durchscheint. Klicke dann in der Toolbar auf das Quadrat mit dem Kreis. Das ist das Werkzeug Mask elements. Mehr dazu in Elemente maskieren: Bild auf eine Form zuschneiden.