Máscaras de recorte en archivos SVG para Cricut: qué son y cómo quitarlas

Qué es una máscara de recorte

En SVG, un elemento <clipPath> define un contorno. Cualquier elemento que lo use con clip-path="url(#id)" solo se pinta donde queda dentro de ese contorno; lo de fuera no se dibuja (MDN: clipPath). Las partes ocultas no se borran. Las formas completas siguen en el archivo, y el recorte solo impide que se pinten.

<clipPath id="badge-clip">
  <circle cx="150" cy="150" r="110"/>
</clipPath>
<g clip-path="url(#badge-clip)">
  <rect x="0" y="0" width="12" height="300" fill="#f2b880"/>
  <rect x="24" y="0" width="12" height="300" fill="#e2725b"/>
</g>

Una máscara de recorte no es lo mismo que una máscara

Un recorte es todo o nada: cada punto está dentro del contorno y se dibuja, o fuera y se oculta. Una <mask> usa la luminosidad de su contenido para decidir cuánto se ve cada parte, así que puede atenuar el diseño, calarlo u ocultarlo en parte (MDN: mask). En un archivo de corte, las dos tienen el mismo problema: lo que ves sale de un efecto, no de las propias formas. Las máscaras tienen además síntomas propios, que se explican en por qué un SVG se convierte en un cuadro negro en Cricut.

Qué dice Cricut sobre las máscaras de recorte

Hasta ahí llega la documentación: Cricut no describe qué ocurre con cada recorte. Lo que cuentan muchos usuarios de Cricut es que el recorte no se aplica, así que reaparecen las partes que estaban ocultas o las formas se importan mal. En el ejemplo de las franjas, el diseño sin recortar es un conjunto de rectángulos de altura completa que pasan del círculo hasta los bordes del lienzo, y uno de ellos incluso lo sobrepasa. Y si un recorte está mal colocado y lo oculta todo, hasta la vista previa del navegador sale vacía; ese caso se explica en por qué un SVG se sube en blanco.

Las máscaras de recorte son uno de los cinco elementos de la lista de funciones SVG que Cricut no admite y uno de los varios motivos por los que una subida puede fallar. La guía completa para SVG que no se suben a Cricut cubre el resto.

Cómo encontrar las máscaras de recorte de tu SVG

• FixMySVG: el comprobador indica cuántos elementos usan una máscara de recorte y cuántos una máscara, y marca el archivo como «No está listo». Las definiciones de recorte que no usa nada aparecen aparte, como restos inofensivos.
• Illustrator: en el panel Capas, un conjunto recortado aparece como «<Grupo de recorte>» (<Clip Group>), y la forma que recorta se llama «<Trazado de recorte>» (<Clipping Path>).
• Inkscape: los recortes se gestionan en Objeto › Recorte (Object › Clip). Al elegir Objeto › Recorte › Liberar recorte con un objeto seleccionado, la forma de recorte se separa del diseño y puedes ver las dos.
• Cualquier editor de texto: busca clipPath y clip-path en el archivo, y mask para encontrar máscaras.

Cómo quitar una máscara de recorte sin perder el diseño

Liberar un recorte sin más hace que vuelvan las partes ocultas. Para conservar el aspecto, libera el recorte y después recorta de verdad el diseño con la forma de recorte, de modo que el archivo contenga solo las partes visibles como formas normales. Trabaja sobre una copia del archivo.

Adobe Illustrator

1. Selecciona el grupo de recorte y elige Objeto › Máscara de recorte › Soltar. La forma de recorte pasa a ser un trazado normal, a menudo sin relleno ni trazo.
2. Selecciona la forma de recorte junto con el diseño que recortaba, con la forma de recorte encima.
3. En el panel Buscatrazos, elige Recortar para recortar todo con la forma superior conservando los colores por separado, o Intersecar cuando haya una sola forma y quieras quedarte solo con la zona superpuesta.
4. Desagrupa el resultado y elimina los trazados vacíos que sobren.

Inkscape

1. Selecciona el objeto recortado y elige Objeto › Recorte › Liberar recorte (en inglés, Object › Clip › Release).
2. Combina las formas del mismo color con Trayecto › Combinar, para necesitar una intersección por color en lugar de una por forma.
3. Duplica la forma de recorte, selecciona una copia junto con el diseño de un color y elige Trayecto › Intersección. La intersección solo conserva la zona común a todos los objetos seleccionados, así que trabaja color a color.
4. Repite con cada color y elimina la forma de recorte que sobre.

Affinity Designer

En el panel Capas, una capa recortada aparece anidada dentro de la forma que la recorta; arrástrala fuera para que las dos sean capas normales. Después selecciona una copia de la forma de recorte junto con el diseño y usa las operaciones de geometría: Intersecar (Intersect) conserva solo la zona superpuesta, y Restar (Subtract) quita la forma superior de la que tiene debajo. Igual que en Inkscape, interseca color a color.

Qué puede cambiar al aplanar

• Los contornos se convierten en formas. Para recortar un trazo por su borde visible, primero tienes que expandirlo en una forma rellena (Illustrator: Objeto › Expandir; Inkscape: Trayecto › Trazo a trayecto; Affinity Designer: Capa › Expandir trazo). A partir de ahí tiene dos bordes en lugar de una línea y ya no se puede editar como trazo. Las operaciones de Buscatrazos y las booleanas también pueden eliminar los trazos que no se expandieron.
• Los colores pueden fusionarse. Algunas operaciones de Buscatrazos y booleanas dan al resultado el color de solo una de las formas, así que una zona de varios colores puede quedar de un solo color. Recortar color a color lo evita.
• Las superposiciones cambian el corte. Un recorte solo oculta las superposiciones a la vista. Una vez recortadas, las formas apiladas pasan a ser piezas separadas con contornos nuevos, lo que cambia lo que cortas, pelas y montas por capas. Comprueba que las piezas sigan encajando como quieres.
• El número de trazados puede subir. Recortar y otras operaciones parecidas pueden dividir el diseño en muchas piezas pequeñas. El centro de ayuda de Cricut indica que los SVG están limitados a 5000 trazados (Ayuda de Cricut: cómo subir imágenes), así que vuelve a contarlos después de aplanar.

Por qué FixMySVG no quita las máscaras de recorte automáticamente

Borrar el atributo clip-path sería fácil, pero haría reaparecer todo lo que el recorte ocultaba. Hacerlo bien significa calcular geometría nueva y decidir qué hacer con los trazos, las superposiciones y los colores, y la decisión correcta depende de cómo querías que se viera el diseño y de cómo piensas cortarlo y montarlo por capas. FixMySVG no va a adivinarlo. Señala cada elemento recortado o con máscara y explica cómo aplanarlo en tu programa de diseño.

Después de aplanar, pasa el archivo por el comprobador gratuito de SVG para Cricut para confirmar que no quedan recortes ni máscaras, o ábrelo en el comprobador completo con Safe Fix para limpiar los restos y comparar el antes y el después. Safe Fix está incluido en el plan gratuito con un cupo diario.