Bosquejo: corte el artículo por la mitad con un patrón particular

Estoy tratando de tomar un ícono de corazón y cortarlo por la mitad con un patrón en zigzag o en forma de rayo para que se vea como este corazón roto.

ingrese la descripción de la imagen aquí

Respuestas (2)

Aquí está mi solución:
tenemos un ícono de corazón (lo acabo de descargar de https://thenounproject.com/ )
ingrese la descripción de la imagen aquí


Modificar el ícono que los puntos de las esquinas se colocaron exactamente en las intersecciones de la cuadrícula de píxeles nos ayudará más adelante. Coloque reglas en estos puntos:ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí


Coloque un rectángulo en la mitad del corazón.
ingrese la descripción de la imagen aquí


Elija rect y seleccione Editar presionando el botón en la barra de herramientas. Agregue dos puntos exactos en las intersecciones de las reglas, se ajustará automáticamente. Estos puntos deben estar en modo Recto.
ingrese la descripción de la imagen aquí


En el modo de edición, agregue el punto que representará el zig zag. Todos los puntos deben ser rectos.
ingrese la descripción de la imagen aquí


Agrupe las formas de corazón y rectángulo en un grupo, duplique el grupo y cámbieles el nombre a Izquierda y Derecha.
ingrese la descripción de la imagen aquí


Oculte temporalmente el grupo derecho presionando el ícono del ojo. Seleccione los iconos rectos y de corazón en el grupo Izquierdo y presione el botón Restar en la barra de herramientas. Ahora te queda la mitad de corazón roto :)
ingrese la descripción de la imagen aquí


Seleccione el grupo izquierdo, presione el botón Rotar en la barra de herramientas, coloque el punto de rotación exacto en las intersecciones de las reglas inferiores. Luego gire la mitad izquierda, por ejemplo, 5 grados usando el mouse
ingrese la descripción de la imagen aquí


Oculte el grupo Izquierdo, luego seleccione el rectángulo derecho y la forma del corazón y presione el botón Intersección en la barra de herramientas, ahora tenemos la mitad derecha del corazón
ingrese la descripción de la imagen aquí


Seleccione la mitad derecha, presione el botón Rotar, mueva el punto de rotación a las intersecciones de las reglas inferiores y gire con el mouse -5 grados.
ingrese la descripción de la imagen aquí


Mostrar la mitad izquierda, y el resultado final es:
ingrese la descripción de la imagen aquí


Descargar archivo de boceto

No uso una Mac, así que no tengo acceso a Sketch, pero la mayoría de los editores de vectores funcionan de manera similar.

En la documentación de Sketch, veo que dice que puede usar operaciones booleanas.

Aquí hay una cita de la página aquí

Operaciones booleanas

Cuando la forma que necesita no se encuentra entre las formas estándar, tendrá que crearla usted mismo. El primer impulso podría ser usar la herramienta Vector y dibujar la forma desde cero. Sin embargo, encontrará que muchas veces, una forma compleja es fácil de descomponer en formas básicas. Con las operaciones booleanas puedes hacer exactamente eso; combinar formas básicas para crear otras más complejas.

Y enumera las operaciones en un diagrama.

ingrese la descripción de la imagen aquí

Por lo tanto, puede dibujar fácilmente la forma del corazón y dibujar la forma de zigzag con la herramienta Vector (a veces llamada herramienta Pluma en otras aplicaciones) para superponer el corazón, luego seleccione ambos y aplique la operación booleana Restar.

Aquí hay un dibujo similar, pero en Inkscape: la operación booleana similar se llama Diferencia en Inkscape; la idea es la misma Lo mismo también es posible en Adobe Illustrator con Minus Front, en Pathfinder.

ingrese la descripción de la imagen aquí