Hvordan gjenskaper jeg denne pilen i Sketch?

Jeg prøver å lage noen av nettstedets eiendeler i Sketch slik at jeg kan bruke dem i en ny stilguide. Jeg er ny i å tegne denne typen av figurer, og jeg kan ikke finne ut hvordan denne pilen blir symmetrisk og piksel perfekt.

Jeg har prøvd å holde begge sider i samme lengde / bredde (15×5), men det er alltid en merkelig overlapping et sted, som du kan se på bildet. Jeg tegnet den ene siden, vinklet den og kopierte + speilet den.

Hvordan oppretter jeg denne formen slik at den er perfekt speilet, symmetrisk og piksel perfekt?

utgave

Kommentarer

  • Vennligst kommenter hvis du nedstemmer, jeg kan ' t lær av stille nedstemmer 🙂

Svar

Kort svar – lag det med et slag .

Langt svar: Opprett en vektor (snarvei: V) med tre punkter. Velg hvert punkt individuelt og sørg for at hvert punkt koordinater gir mening. Jeg brukte for punkt 1 (100, 100), punkt 2 (119.5, 90), punkt 3 (119, 100). Tips: trykk «ENTER» for å gå inn og ut av redigeringsmodus, og vær forsiktig så du ikke lukker banen. skriv inn bildebeskrivelse her

  • Jeg valgte den første verdien tilfeldig (100, 100 gjør det enkelt å legge til tall);

  • så valgte jeg punkt 2 på 119,5, så det gir en skarp kant og valgte 90 for y, så hele pilen vil være 10 px høy;

  • så beregnet jeg at punkt 3 burde være ytterligere 9,5 piksler fra det andre, eller 19 piks fra det første (så – 119 totalt) og skulle være i en rett linje med den første, så 100 for Y.

Så – gi streken litt tykkelse (jeg valgte 5).

skriv inn bildebeskrivelse her

Valgfritt – konverter til konturer (cmd + shift + o), og voila! Det er et absolutt speilet, perfekt bilde av kjærlighet. Et tips til: gjør det til et symbol etterpå. skriv inn bildebeskrivelse her

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *