Illustrator-Tutorial: Messerscharfe Workflow- und Design-Rezepte

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Alle Videos des Tutorials Illustrator-Tutorial: Messerscharfe Workflow- und Design-Rezepte

Es gibt viele Wege, Rechtecke abzurunden oder generell Ecken abzurunden. Ich möchte euch heute drei Möglichkeiten vorstellen, wie man in Illustrator Ecken abrunden kann.

Dabei gibt es einfache und schwere Wege, die abhängig von der Illustrator-Version sind. Beginnen wir zunächst mit dem schwierigen Weg:

1. Möglichkeit - der Ecken-abrunden-Filter

Zunächst erstellen wir mit dem Rechteck-Werkzeug (M) ein Rechteck.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Über Effekt>Stilisierungsfilter>Ecken abrunden… können wir anschließend in einem neuen Fenster den Radius der abgerundeten Ecken einstellen.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Wenn wir noch ein Häkchen bei Vorschau setzen, können wir auch sehen, wie zum Schluss die abgerundete Ecken aussehen werden.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Das Tolle an diesem Filter ist, dass wir ohne Probleme im Aussehen-Fenster noch nachträglich die Einstellungen des Ecken-abrunden-Filters ändern können.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

730, 717, 714, 692, 683, 687,584, 409

2. Möglichkeit - in ein abgerundetes Rechteck umwandeln

Eine weitere Möglichkeit wäre es, über Effekt>In Form umwandeln>Abgerundetes Rechteck… das Rechteck so abzurunden.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Im Fenster können wir dann sämtliche Einstellungen ändern. Wir können den Eckenradius bestimmen und zusätzlich dem abgerundeten Rechteck eine Zusätzliche Breite und Höhe geben.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Im Aussehen-Bedienfeld können wir auch hier nachträglich den Filter auf der Form ändern.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

1108, 1120, 1009, 1060, 1062, 888, 882, 808

3. Möglichkeit (ab CC 2014 möglich)

Und zum Schluss kommt die einfachste Art, ein abgerundetes Rechteck zu erstellen. Leider ist diese Variante nur für alle Nutzer von Adobe Illustrator CC relevant.

Seit der CC-Version ist es möglich, in den Formen diesen Punkt anzuwählen und mit gedrückter Maustaste die Ecken auf allen Seiten abzurunden.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Auch im Nachhinein können wir ganz schnell die Ecken mit einem Klick nach unseren Wünschen anpassen.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Wenn wir beim Ziehen auch noch die Pfeiltaste mehrfach nach oben betätigen, können wir zudem zwischen mehreren Arten von Ecken wählen.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Wenn wir jetzt bei Transformieren ein Häkchen bei Rechteck-Ecken skalieren setzen, können wir auch ohne Probleme das Rechteck skalieren, während die abgerundeten Ecken immer proportional gleich bleiben.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Über Form können wir zudem jede abgerundete Ecke des Rechtecks einzeln bestimmen.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

In der Creative Cloud haben wir auch bei vielen anderen Formen die Möglichkeit, die Ecken abzurunden, wie z.B. bei diesem Stern.

Tipps & Tricks zu Adobe Illustrator: Abgerundete Ecken - drei Möglichkeiten

Fertige Sets mit Illustrationen für die wichtigsten Einsatzzwecke findest du hier:

1009,808,602,241