Hur återskapar jag den här pilen i Sketch?

Jag försöker skapa några av mina webbplatsers tillgångar i Sketch så att jag kan använda dem i en ny stilguide. Jag är ny på att rita den här typen av former och jag kan inte ta reda på hur man får den här pilen symmetrisk och pixel perfekt.

Jag har försökt hålla båda sidor i samma längd / bredd (15×5) men det finns alltid en konstig överlappning någonstans, som du kan se på bilden. Jag ritade ena sidan, vinklade den och kopierade + speglade den sedan.

Hur skulle jag skapa den här formen så att den är perfekt speglad, symmetrisk och pixel perfekt?

utgåva

Kommentarer

  • Kommentera om du nedröstar, jag kan ' t lär dig av tysta nedröstningar 🙂

Svar

Kort svar – gör det med en stroke .

Långt svar: Skapa en vektor (genväg: V) med tre punkter. Välj varje punkt individuellt och se till att varje punkts koordinater är vettiga. Jag använde för punkt 1 (100, 100), punkt 2 (119,5, 90), punkt 3 (119, 100). Tips: tryck på ”ENTER” för att gå in och ut ur redigeringsläget och var försiktig så att du inte stänger sökvägen. ange bildbeskrivning här

  • Jag valde det första värdet slumpmässigt (100, 100 gör det enkelt att lägga till nummer);

  • så valde jag punkt 2 vid 119,5, så det blir en skarp kant och valde 90 för y, så hela pilen blir 10 pixlar lång;

  • sedan beräknade jag att punkt 3 borde vara ytterligare 9,5 pixlar från den andra, eller 19 pixlar från den första (så – 119 totalt) och bör vara i en rak linje med den första, så 100 för Y.

Då – ge din stroke en viss tjocklek (jag valde 5).

ange bildbeskrivning här

Valfritt – konvertera till konturer (cmd + shift + o), och voila! Det är en absolut speglad, pixel perfekt kärlek. Ett tips till: gör det till en symbol efteråt. ange bildbeskrivning här

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *