Wie erstelle ich diesen Pfeil in Sketch neu?

Ich versuche, einige Assets meiner Website in Sketch zu erstellen, damit ich sie in einem neuen Styleguide verwenden kann. Ich bin neu im Zeichnen dieser Art von Formen und kann nicht herausfinden, wie ich diesen Pfeil symmetrisch und pixelgenau hinbekomme.

Ich habe versucht, beide Seiten auf der gleichen Länge/Breite (15x5) zu halten, aber es gibt immer irgendwo eine seltsame Überlappung, wie Sie auf dem Bild sehen können. Ich habe eine Seite gezeichnet, abgewinkelt und dann kopiert + gespiegelt.

Wie würde ich diese Form erstellen, damit sie perfekt gespiegelt, symmetrisch und pixelgenau ist?

Ausgabe

Bitte kommentieren Sie, wenn Sie ablehnen, ich kann nicht aus stillen Downvotes lernen :)

Antworten (1)

Kurze Antwort - machen Sie es mit einem Strich.

Lange Antwort: Erstellen Sie einen Vektor (Shortcut: V) mit drei Punkten. Wählen Sie jeden Punkt einzeln aus und vergewissern Sie sich, dass die Koordinaten jedes Punkts sinnvoll sind. Ich habe für Punkt 1 (100, 100), Punkt 2 (119,5, 90), Punkt 3 (119, 100) verwendet. Tipp: Drücken Sie „ENTER“, um in den Bearbeitungsmodus zu wechseln, und achten Sie darauf, den Pfad nicht zu schließen.Geben Sie hier die Bildbeschreibung ein

  • Ich habe den ersten Wert zufällig ausgewählt (100, 100 macht es einfach, Zahlen zu addieren);

  • Dann habe ich Punkt 2 bei 119,5 ausgewählt, damit er eine scharfe Kante ergibt, und 90 für y gewählt, sodass der gesamte Pfeil 10 Pixel hoch ist.

  • Dann habe ich berechnet, dass Punkt 3 weitere 9,5 Pixel vom zweiten oder 19 Pixel vom ersten entfernt sein sollte (also insgesamt 119) und in einer geraden Linie mit dem ersten liegen sollte, also 100 für Y.

Dann - geben Sie Ihrem Strich etwas Dicke (ich habe 5 gewählt).

Geben Sie hier die Bildbeschreibung ein

Optional - in Konturen konvertieren (cmd+shift+o) und voila! Es ist ein absolut gespiegeltes, pixelgenaues Stück Liebe. Noch ein Tipp: Machen Sie es danach zu einem Symbol.Geben Sie hier die Bildbeschreibung ein