¿Cómo recreo esta flecha en Sketch?

Estoy tratando de crear algunos de los activos de mi sitio web en Sketch para poder usarlos en una nueva guía de estilo. Soy nuevo en dibujar este tipo de formas y no puedo entender cómo hacer que esta flecha sea simétrica y perfecta en píxeles.

He intentado mantener ambos lados del mismo largo/ancho (15x5), pero siempre hay una superposición extraña en alguna parte, como se puede ver en la imagen. Dibujé un lado, lo incliné y luego lo copié + lo espejeé.

¿Cómo crearía esta forma para que esté perfectamente reflejada, simétrica y con píxeles perfectos?

asunto

Comente si vota a favor, no puedo aprender de los votos a favor silenciosos :)

Respuestas (1)

Respuesta corta: hazlo con un trazo.

Respuesta larga: crea un vector (atajo: V) con tres puntos. Seleccione cada punto individualmente y asegúrese de que las coordenadas de cada punto tengan sentido. Usé para el punto 1 (100, 100), el punto 2 (119,5, 90), el punto 3 (119, 100). Consejo: presione "ENTER" para entrar y salir del modo de edición, y tenga cuidado de no cerrar la ruta.ingrese la descripción de la imagen aquí

  • Elegí el primer valor al azar (100, 100 facilita la suma de números);

  • luego elegí el punto 2 en 119.5, por lo que forma un borde afilado y elegí 90 para y, por lo que toda la flecha tendrá una altura de 10px;

  • luego calculé que el punto 3 debería estar a 9,5 píxeles más lejos del segundo, o 19 píxeles del primero (por lo tanto, 119 en total) y debería estar en línea recta con el primero, por lo que 100 para Y.

Luego, dale un poco de grosor a tu trazo (elegí 5).

ingrese la descripción de la imagen aquí

Opcionalmente, convierta a contornos (cmd+shift+o), ¡y listo! Es una pieza de amor absolutamente reflejada y perfecta en píxeles. Un consejo más: conviértelo en un símbolo después.ingrese la descripción de la imagen aquí