Cum recreez această săgeată în Sketch?

Încerc să creez unele dintre activele site-ului meu web în Sketch, astfel încât să le pot folosi într-un nou ghid de stil. Sunt nou în desenarea acestor tipuri de forme și nu-mi pot da seama cum să obțin această săgeată simetrică și pixel perfectă.

Am încercat să păstrez ambele părți aceeași lungime / lățime (15×5), dar există întotdeauna o suprapunere ciudată undeva, ca puteți vedea în imagine. Am desenat o parte, am înclinat-o și apoi am copiat-o + oglindită.

Cum aș crea această formă, astfel încât să fie perfect oglindită, simetrică și pixel perfectă?

problemă

Comentarii

  • Vă rugăm să comentați dacă votați negativ, pot ' nu învățați din voturile negative în jos 🙂

Răspuns

Răspuns scurt – faceți-l cu o lovitură .

Răspuns lung: Creați un vector (comandă rapidă: V) cu trei puncte. Selectați fiecare punct individual și asigurați-vă că coordonatele fiecărui punct au sens. Am folosit pentru punctul 1 (100, 100), punctul 2 (119,5, 90), punctul 3 (119, 100). Sfat: apăsați „ENTER” pentru a intra și a ieși din modul de editare și aveți grijă să nu închideți calea. introduceți descrierea imaginii aici

  • Am ales prima valoare la întâmplare (100, 100 facilitează adăugarea de numere);

  • apoi am ales punctul 2 la 119,5, deci face o margine ascuțită și am ales 90 pentru y, astfel încât întreaga săgeată va avea o înălțime de 10 px;

  • apoi am calculat că punctul 3 ar trebui să fie la 9,5 pixeli distanță de cel de-al doilea sau 19px distanță de primul (deci – 119 în total) și ar trebui să se afle într-un linie dreaptă cu prima, deci 100 pentru Y.

Apoi – dați unghiului grosime (am ales 5).

introduceți descrierea imaginii aici

Opțional – convertiți în contururi (cmd + shift + o), si voila! Este o bucată de dragoste perfect oglindită, perfectă pentru pixeli. Încă un sfat: faceți-l simbol după aceea. introduceți descrierea imaginii aici >„> </p>
</p></div>
<p></p>
	</div><!-- .entry-content -->

</article><!-- #post-66018 -->

	<nav class=

Navigare în articole

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *