Wie erstelle ich diesen Pfeil in Sketch neu?

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

Ich habe versucht, beide Seiten gleich lang / breit (15×5) zu halten, aber irgendwo gibt es immer eine seltsame Überlappung Sie können auf dem Bild sehen. 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?

Problem

Kommentare

  • Bitte kommentieren Sie, wenn Sie abstimmen, kann ich ' lerne nicht aus stillen Abstimmungen 🙂

Antwort

Kurze Antwort – mach es mit einem Strich

Lange Antwort: Erstellen Sie einen Vektor (Verknüpfung: V) mit drei Punkten. Wählen Sie jeden Punkt einzeln aus und stellen Sie sicher, 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 den Bearbeitungsmodus zu aktivieren und zu verlassen, und achten Sie darauf, den Pfad nicht zu schließen. Geben Sie hier die Bildbeschreibung ein.

  • Ich habe den ersten Wert ausgewählt zufällig (100, 100 erleichtert das Hinzufügen von Zahlen);

  • Dann habe ich Punkt 2 bei 119,5 ausgewählt, sodass eine scharfe Kante entsteht, und 90 für y ausgewählt, sodass der gesamte Pfeil 10 Pixel groß 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 a liegen sollte gerade Linie mit der ersten, also 100 für Y.

Dann – geben Sie Ihrem Strich eine gewisse Dicke (ich habe 5 gewählt).

Bildbeschreibung hier eingeben

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

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.