Hvordan genskaber jeg denne pil i Sketch?

Jeg prøver at oprette nogle af mine hjemmesides aktiver i Sketch, så jeg kan bruge dem i en ny stilguide. Jeg er ny med at tegne denne slags af figurer, og jeg kan ikke finde ud af, hvordan man får denne pil symmetrisk og pixel perfekt.

Jeg har forsøgt at holde begge sider i samme længde / bredde (15×5), men der er altid en underlig overlapning et eller andet sted, som kan du se på billedet. Jeg tegnede den ene side, vinklede den og kopierede + spejlede den derefter.

Hvordan ville jeg skabe denne form, så den er perfekt spejlet, symmetrisk og pixel perfekt?

udgave

Kommentarer

  • Venligst kommenter, hvis du nedstemmer, jeg kan ' t lære af lydløse downvotes 🙂

Svar

Kort svar – gør det med et slag .

Langt svar: Opret en vektor (genvej: V) med tre punkter. Vælg hvert punkt individuelt, og sørg for, at hvert punkt koordinater giver mening. Jeg brugte til punkt 1 (100, 100), punkt 2 (119.5, 90), punkt 3 (119, 100). Tip: tryk på “ENTER” for at gå ind og ud af redigeringstilstand, og pas på ikke at lukke stien. indtast billedbeskrivelse her

  • Jeg valgte den første værdi tilfældigt (100, 100 gør det let at tilføje tal);

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

  • så beregnede jeg, at punkt 3 skulle være yderligere 9,5 pixels væk fra det andet, eller 19px væk fra det første (så – 119 i alt) og skulle være i en lige linje med den første, så 100 for Y.

Derefter – giv dit slagtilfælde en tykkelse (jeg valgte 5).

indtast billedbeskrivelse her

Valgfrit – konverter til konturer (cmd + shift + o), og voila! Det er et absolut spejlet, pixel perfekt stykke kærlighed. Et tip mere: Gør det til et symbol bagefter. indtast billedebeskrivelse her

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *