Wie kann ich in Photoshop CS6 eine benutzerdefinierte Form mit runden Kanten erstellen?

Ich versuche, eine benutzerdefinierte Formüberlagerung in der Navigationsleiste ähnlich dem folgenden Beispiel zu erstellen.

Versuchen, die Form zu erstellen

Ich kämpfe mit dem Versuch, den Radius um die unteren Kanten zu erstellen. Ich bin nicht so gut mit dem Stiftwerkzeug, ich finde es schwierig, die 'Biegung' der Form zu erzeugen. Was ist der beste Weg, um diese Form zu erstellen?

Ich glaube nicht, dass Photoshop das beste Werkzeug dafür ist, da es seine Hauptfunktion ist, mit Bitmaps (Fotos) zu arbeiten. Ich weiß, wie man jede Form mit perfekter Geometrie in Fireworks zeichnet, falls Sie interessiert sind ...

Antworten (2)

Ein ähnlicher Ansatz kann in Photoshop gewählt werden, aber hier ist eine Lösung in Illustrator:

1) Rechteck zeichnenGeben Sie hier die Bildbeschreibung ein

2) Auswählenrectangle > Effect > Stylize > Rounded Corners > ~10px

Geben Sie hier die Bildbeschreibung ein

3) Wählen Sie Richtungspfeil (a) > Greifen Sie die obere rechte Ecke des Rechtecks ​​und halten Sie die Umschalttaste gedrückt, um die Struktur beizubehalten und den gewünschten Winkel zu erstellen

Geben Sie hier die Bildbeschreibung ein

4) Auswählen rectangle > Object > Expand Appearance– Dadurch werden die stilisierten abgerundeten Ecken zu tatsächlichen Punkten, die für den Umriss verwendet werden

Geben Sie hier die Bildbeschreibung ein

5) Duplizieren Sie dies rectangle( cmd+ copy, cmd+ fzum Einfügen vor) > Object > Transform > Reflect > Horizontal-- vorerst beiseite legen.

Geben Sie hier die Bildbeschreibung ein

6) Zeichnen Sie ein neues Rechteck

7) Platzieren Sie das neue Rechteck über dem ursprünglichen Rechteck mit abgerundeten Ecken und richten Sie die Grundlinie beider Rechtecke aus

Geben Sie hier die Bildbeschreibung ein

8) Wählen Sie beides rectangles > Pathfinder > Minus Backaus -- (ignorieren Sie das 2. Rechteck oben, sollte es nicht in diesem Screenshot enthalten sein)

Geben Sie hier die Bildbeschreibung ein

9) Richten Sie das 2. abgerundete Rechteck an der Kante der Grundlinie aus.Geben Sie hier die Bildbeschreibung ein

10) Auswählen all > Pathfinder > Divide– Damit können Sie den überschüssigen Bereich löschen

Geben Sie hier die Bildbeschreibung ein

11)Select all > Pathfinder > Merge Geben Sie hier die Bildbeschreibung ein

Natürlich ist dies nicht die beste Lösung für alle, aber es sollte Ihnen helfen, sich zumindest einen Weg zu überlegen, um dieses Ergebnis zu erzielen. Oft brauche ich nur jemanden, der mich auf den Weg zu einer Lösung bringt. Hoffentlich tut dies das für Sie.

Geben Sie hier die Bildbeschreibung ein

  1. Erstellen Sie ein Quadrat, fügen Sie ein zweites zum selben Pfad hinzu

  2. Verwandeln Sie ein kleineres Quadrat und winkeln Sie es an, nachdem Sie der gleichen Form 2 Kreise hinzugefügt haben

  3. Fügen Sie mit dem Stiftwerkzeug 2 zusätzliche Punkte hinzu

  4. Ankerpunkte verschieben

  5. Oberen Kreis abziehen

  6. Wiederholen Sie das Ergebnis für die rechte Seite