Erstellen Sie ein Dreieck mit abgerundeten Ecken

27

Ich weiß, dass Sie ein Rechteck mit abgerundeten Ecken erstellen können. Aber wie erstellt man in Photoshop ein Dreieck mit abgerundeten Ecken?

Eigentlich bin ich daran interessiert, es von Grund auf neu zu erstellen und nicht auf einer benutzerdefinierten Form zu basieren, die in Photoshop verfügbar ist. Vielen Dank.

moey
quelle
Beide Antworten sind gut. Beachten Sie, dass die Alphakanalmaskenmethode ein kleines Problem mit der Skalierung und einem Mangel an absoluter Kontrolle aufweist. Die Vektormethode kann ohne Qualitätsverlust auf jede beliebige Größe skaliert werden und hat eine genauere Kontrolle über den Eckenradius.
Horatio
Normalerweise wechsle ich zu Inkscape, um so etwas zu machen. Sie können auch Illustrator / CorelDraw / Ihren bevorzugten Vektorgrafik-Editor verwenden. Nicht, dass die Verwendung von Photoshop falsch oder tollkühn wäre, ich bevorzuge für diese Dinge nur einen dedizierten Vektor-Grafikeditor.
Thomasrutter
1. Erstellen Sie es in Illustrator. 2. Als Smart-Objekt in PS einfügen. Auf diese Weise können Sie jederzeit am Eckenradius basteln;)
Salman von Abbas

Antworten:

32

Hierfür gibt es verschiedene Möglichkeiten. Sie können das Stiftwerkzeug verwenden, um es selbst zu zeichnen.

Meine Antwort basiert auf der Art und Weise, wie ich es über die Jahre getan habe.

Schritt 1

Zeichne ein Dreieck in eine neue Ebene. drücke cmd + a (alles auswählen) dann cmd + c (kopieren)

Schritt 2

Wechseln Sie zur Registerkarte Kanäle und erstellen Sie einen neuen Kanal. Es wird standardmäßig "Alpha 1" genannt. Fügen Sie nun das zuvor kopierte Dreieck ein. Beachten Sie, dass das Dreieck weiß ist. Der weiße Bereich im Kanal wird später zu Ihrer Auswahlmaske.

Schritt 3

Geben Sie nun der gesamten Kanalebene eine Gaußsche Unschärfe. Hinweis: Der Unschärfewert hier wird nicht genau auf den gewünschten Pixelrahmenradius übertragen. du musst nur ein bisschen damit spielen. In meinem Beispiel verwende ich 10px Blur.

Schritt 4

Wenn Sie mit dem Verwischen fertig sind, drücken Sie cmd + L (Stufe). Passen Sie im Ebenenmenü die Eingabewerte an. Verwenden Sie den Wert, den ich in meinem Screenshot ausgewählt habe. Die Idee ist, das Dreieck wieder "scharf" zu machen. Dadurch werden die runden Spitzen an jedem Ende erstellt.

Schritt 5

Kehren Sie nun zur Registerkarte Ebenen zurück und blenden Sie die Dreiecks-Ebene aus, von der Sie zuvor gezeichnet haben. starte eine neue Ebene und gehe dann auf "Select" -> "Load Selection". Wählen Sie im Popup für "Quelle" "Alpha 1"

Jetzt haben Sie die Kontur des abgerundeten Eckdreiecks ausgewählt und können sie auf eine beliebige Farbe füllen.

Jin
quelle
1
+1 Schöne Technik. Zur Feinabstimmung der Kante nach der Pegelanpassung eignet sich Filter> Andere> Minimieren (oder Maximieren) ohne Aliasing.
Alan Gilbertson
Dieser ist für die Genauigkeit am besten geeignet. Wenn Sie mit dem Stiftwerkzeug herumspielen, erhalten Sie wahrscheinlich nicht den perfekten Eckenradius, aber auf diese Weise wird alles von der Software „generiert“, sodass es genau ist!
Dan Hanly
@ Jin: Vielen Dank! Anscheinend variiert die Größe des Dreiecks in Abhängigkeit von den Werten, die Sie im Menü Ebenen auswählen.
Moey
@ Alan: Ich konnte den Filter "Andere> ..." in meinem Photoshop (CS4 Extended auf einem Mac) nicht finden. Ist das ein Nicht-Standard-Filter?
Moey
1
@SikuSikuCom die Kehrseite dieser Methode ist, wie scharf die Form am Ende ist, wird noch manuell gemacht. Also musst du es in Augenschein nehmen. Es ist auch nicht skalierbar, da es kein Vektor ist. Eine gute Eigenschaft dieser Methode ist jedoch, dass sie auch auf andere Polygonformen angewendet werden kann. zB ein Sechseck mit abgerundeten Ecken.
Jin
9

Es gibt einige sehr einfache Schritte, um ein solches Dreieck mit einer runden Ecke mit Hilfe des Stiftwerkzeugs herzustellen, und es ist auch von Grund auf neu

  • Erstellen Sie zunächst Ihr Dreieck mit dem Stiftwerkzeug.
  • Fügen Sie einen zusätzlichen Ankerpunkt in der unteren Ecke rechts und links hinzu, wie in der Abbildung gezeigt.

  • Drücken Sie danach A / oder select (Pfadauswahlwerkzeug) und bewegen Sie es leicht nach rechts. Sie können es entsprechend Ihrer gewünschten runden Form biegen. Wenden Sie dasselbe an der oberen Ecke an, und fügen Sie nur einen Ankerpunkt hinzu genauso wie du es unten getan hast.

    Wenn Sie das Raster aktivieren (Strg / Cmd-), können Sie Ankerpunkte für die exakte runde Ecke / den Radius auf beiden Seiten platzieren. Sie können den Radius vergrößern / verkleinern, indem Sie die Ankerpunkte ziehen.

check this SS ....

(Linke Maustaste und großes Bild in neuem Fenster anzeigen) .... abgerundetes Dreieck

Hoffe das wird helfen ...

Jack
quelle
3
Dies funktioniert am besten, wenn Sie das Raster einschalten (Strg / Cmd-,) und die anfänglichen Ankerpunkte an den Rasterschnittpunkten platzieren. Andernfalls ist es schwierig, den Eckenradius an jedem Scheitelpunkt identisch zu machen.
Alan Gilbertson
@ Jack: Danke für die Schritt-für-Schritt-Anleitung. Vielleicht bin ich ein bisschen zu perfektionistisch, aber wie können wir sicherstellen, dass die Rundheit über die drei Ecken genau gleich ist? Ich kann die unteren zwei irgendwie identisch machen; die Ausgabe ist für das obere.
Moey
Mit Hilfe des Gitters können Sie alle ähnlichen Runden leicht ausprobieren
Jack
6
  1. Erstellen Sie eine Dreiecksform der gewünschten Größe

  2. Platzieren Sie Kreisformen mit dem gewünschten Radius in den Ecken des Dreiecks, sodass sie an den Kanten ausgerichtet sind, sich jedoch nicht schneiden.

  3. Formen kombinieren.

  4. Getan. :)

Mat Tomaszewski
quelle
1
Vergessen Sie nicht, die Punkte auf dem Dreieck zu kürzen. Andernfalls erzeugt Ihr Mähdrescher nur das ursprüngliche Dreieck ...
Farray
3

Ich habe eine leichtere ...

  • Wählen Sie die "Personalisierte Form".
  • Laden Sie "Symbole" aus dem Menü "Formular".
  • Wählen Sie das umgekehrte Dreieck aus (es hat abgerundete Kanten).
  • Getan

Sie können es drehen oder drehen, wie Sie möchten. Sie können das Radious nicht ändern, tho.

Dario
quelle
1

Erstellen Sie ein Rechteck mit glatten Rändern (ich verwende 3px) und löschen Sie dann eine Ecke mit dem Stiftwerkzeug. Passen Sie es an, damit es so aussieht, wie Sie es möchten.

Gisella
quelle
-1

Erstellen Sie mit dem Stiftwerkzeug ein Dreieck. Fügen Sie mit Effekten einen äußeren Strich hinzu, der so groß ist, wie Sie möchten, damit Ihre Ecken abgerundet werden. Nun müssen Sie alle Punkte in Ihrem Strich glätten, indem Sie die nächsten Schritte ausführen.

Klicken Sie mit der rechten Maustaste auf Ihre Dreiecks-Ebene und wählen Sie In intelligentes Objekt konvertieren. Klicken Sie bei gedrückter Strg-Taste im Ebenenbedienfeld auf die Miniaturansicht Ihres Dreiecks, um sie auszuwählen. Gehen Sie im Hauptmenü auf Auswählen und wählen Sie Ändern. Wählen Sie dann in der Dropdown-Liste Vertrag. Vertrag von 3px. Kehren Sie im Hauptmenü zu Auswählen zurück und wählen Sie erneut Ändern, diesmal Glätten, und geben Sie 10px ein. Drücken Sie die Maskentaste unten im Ebenenbedienfeld. Kehren Sie zu Ihrer Ebene zurück, und klicken Sie mit der rechten Maustaste, und wählen Sie erneut In Smart Object konvertieren aus.

Abhängig von der Größe Ihres Dreiecks müssen Sie möglicherweise ändern, wie viele Pixel Sie zusammenziehen und glätten, wenn Sie eine Auswahl treffen.

Chaos
quelle