Comment recréer cette flèche dans Sketch?

Jessaie de créer certains des éléments de mon site Web dans Sketch afin de pouvoir les utiliser dans un nouveau guide de style. Je suis nouveau dans le dessin de ce type de formes et je ne peux pas comprendre comment obtenir cette flèche symétrique et pixel parfaite.

Jai essayé de garder les deux côtés de la même longueur / largeur (15×5) mais il y a toujours un chevauchement étrange quelque part, comme vous pouvez le voir sur limage. Jai dessiné un côté, je lai incliné puis copié + reflété.

Comment pourrais-je créer cette forme pour quelle soit parfaitement reflétée, symétrique et pixel parfaite?

issue

Commentaires

  • Veuillez commenter si vous votez contre, je peux ' t apprendre des votes négatifs silencieux 🙂

Réponse

Réponse courte – faites-le avec un trait .

Réponse longue: Créez un vecteur (raccourci: V) avec trois points. Sélectionnez chaque point individuellement et assurez-vous que les coordonnées de chaque point ont un sens. Jai utilisé pour le point 1 (100, 100), le point 2 (119,5, 90), le point 3 (119, 100). Astuce: appuyez sur « ENTER » pour entrer et sortir du mode dédition, et faites attention à ne pas fermer le chemin. entrez la description de limage ici

  • Jai choisi la première valeur au hasard (100, 100 facilite lajout de nombres);

  • puis jai choisi le point 2 à 119,5, donc il fait une arête vive et a choisi 90 pour y, donc la flèche entière aura 10px de haut;

  • alors jai calculé que le point 3 devrait être plus éloigné de 9,5 pixels du second, ou 19px du premier (donc – 119 au total) et devrait être dans un ligne droite avec le premier, donc 100 pour Y.

Ensuite – donnez à votre trait une certaine épaisseur (jai choisi 5).

entrez la description de limage ici

Facultativement – convertir en contours (cmd + shift + o), et voila! Cest un amour parfait au pixel près, absolument reflété. Encore une astuce: faites-en un symbole après. entrez la description de limage ici

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *