Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen

Objekte mit abgerundeten Ecken lassen sich in Sketch sehr unkompliziert herstellen. Nachdem die geometrische Grundform – z. B. ein Rechteck – gezeichnet wurde, steht rechts in dein Einstellungen ein Regler für den Radius der Eckenabrundung zur Verfügung. Bedauerlicherweise steuert die Einstellung jedoch den Radius aller Ecken des Objekts. Direkt ersichtliche Eingabefelder für einzelne Eckpunkte gibt es nicht. Dennoch ist es in Sketch problemlos möglich den Radius für jede Ecke einzeln anzugeben.

Schulungen von kulturbanause

Intensive Trainings mit hohem Praxisbezug. Z. B.: Seminar: Sketch oder Seminar: Visual Prototyping

Ecken-Radius per Zahleingabe festlegen

Der Trick ist ganz einfach. Im Eingabefeld für den Radius müssen – mit Semikolon getrennt – die Ecken der Reihe nach als Zahlwert eingegeben werden. Der erste Wert entspricht der Ecke oben links, dann geht es im Uhrzeigersinn weiter.

Mit der Eingabe 0;50;0;50 wird beispielsweise die obere rechte und die untere linke Ecke um 50 Pixel abgerundet.

Oranges Objekt mit zwei abgerundeten und zwei nicht abgerundeten Eckenx
Mit durch Semikolon getrennten Werten können in Sketch einzelne Ecken abgerundet werden

Sollte die Eingabe nicht funktionieren, ist der Wert zu hoch gewählt. Beispielsweise kann bei einem Rechteck mit einer Höhe von 100 Pixeln der maximale Radius 50px betragen. Wenn größere Werte eingegeben werden, wird die Eingabe ignoriert.

Eckpunkte über die Benutzeroberfläche abrunden

Bei komplexen Formen, oder wenn die Zahleingabe lästig ist, kann auch ein alternativer Weg gewählt werden: Nach einen Doppelklick auf ein Objekt ist i.d.R. automatisch die obere Linke Ecke markiert. Per Klick kann die Auswahl auf einen anderen Eckpunkt gesetzt werden. Mit Shift + Klick können auch mehrere Ecken markiert werden.

Nachdem die gewünschte Auswahl getroffen wurde, steht rechts in den Einstellungen der Regler für »Radius« zur Verfügung. Hier kann nun intuitiv der gewünschte Radius eingestellt werden.

Stern mit drei abgerundeten Ecken
Nach einem Doppelklick auf das Objekt kann der Eckenradius auch über die Benutzeroberfläche eingestellt werden

Geschrieben von Jonas

thumb

Jonas ist Gründer der Webdesign Agentur kulturbanause® und des kulturbanause® Blogs. Er übernimmt Projektleitung, Grafik sowie Frontend- und WordPress-Development und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Als Dozent leitet er Schulungen und Workshops. Am liebsten beschäftigt er sich mit Projekten und Themen, die ihn gleichermaßen konzeptionell als auch gestalterisch und technisch fordern.

Seminare mit Jonas Hellwig anzeigenJonas Hellwig bei Xing

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: