Come faccio a ricreare questa freccia in Sketch?

Sto cercando di creare alcune delle risorse del mio sito web in Sketch in modo da poterle utilizzare in una nuova guida di stile. Sono nuovo nel disegnare questi tipi di forme e non riesco a capire come ottenere questa freccia simmetrica e pixel perfetta.

Ho provato a mantenere entrambi i lati della stessa lunghezza / larghezza (15×5) ma cè sempre una strana sovrapposizione da qualche parte, come puoi vedere nella foto. Ho disegnato un lato, lho inclinato e poi lho copiato + specchiato.

Come creerei questa forma in modo che sia perfettamente speculare, simmetrica e pixel perfetta?

problema

Commenti

  • Per favore commenta se hai un voto negativo, posso ' t imparare dai voti negativi silenziosi 🙂

Rispondi

Risposta breve: fallo con un tratto .

Risposta lunga: crea un vettore (scorciatoia: V) con tre punti. Seleziona ogni punto individualmente e assicurati che le coordinate di ogni punto abbiano senso. Ho usato per il punto 1 (100, 100), il punto 2 (119,5, 90), il punto 3 (119, 100). Suggerimento: premere “INVIO” per entrare e uscire dalla modalità di modifica e fare attenzione a non chiudere il percorso. inserisci qui la descrizione dellimmagine

  • Ho scelto il primo valore a caso (100, 100 facilita laggiunta di numeri);

  • quindi ho scelto il punto 2 a 119,5, quindi forma uno spigolo vivo e ho scelto 90 per y, quindi lintera freccia sarà alta 10px;

  • quindi ho calcolato che il punto 3 dovrebbe essere a 9,5 pixel di distanza dal secondo, o 19px dal primo (quindi – 119 in totale) e dovrebbe essere in un linea retta con il primo, quindi 100 per Y.

Quindi – dai un po di spessore al tuo tratto (ho scelto 5).

inserisci qui la descrizione dellimmagine

Facoltativamente, converti in contorni (cmd + maiusc + o), e voilà! È un pezzo damore assolutamente rispecchiato e pixelato. Un altro suggerimento: trasformalo in un simbolo in seguito. inserisci qui la descrizione dellimmagine

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *