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?
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.
-
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).
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.