¿Cómo recreo esta flecha en Sketch?

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

He intentado mantener ambos lados con la misma longitud / ancho (15×5) 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 reflejé.

¿Cómo crearía esta forma para que sea perfectamente reflejada, simétrica y perfecta en píxeles?

problema

Comentarios

  • Por favor comente si vota en contra, puedo ' No aprender de los votos negativos silenciosos 🙂

Responder

Respuesta corta: hazlo con un trazo .

Respuesta larga: Cree 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 hace un borde afilado y elegí 90 para y, por lo que toda la flecha tendrá 10px de alto;

  • Luego calculé que el punto 3 debería estar más alejado de 9,5 píxeles del segundo, o 19 píxeles del primero (es decir, 119 en total) y debería estar en un línea recta con el primero, entonces 100 para Y.

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

ingrese la descripción de la imagen aquí

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *