Ir al contenido principal

Zonas de sangrado: uso de guías y zonas seguras

Muestra marcadores visuales y márgenes de seguridad para encuadrar tus productos a la perfección.

Escrito por Sunil Vyas

Utiliza las Guías para alinear tus elementos al píxel, y las Zonas seguras (Zonas de sangrado) para simular las interfaces de las redes sociales (TikTok, Instagram...) garantizando que tus productos siempre permanezcan visibles en tus publicaciones.

Nota: estos contornos son herramientas puramente visuales y no aparecerán en tu render final.

Activar y utilizar guías y zonas de sangrado

Para acceder a estas herramientas, haz clic en la flecha hacia arriba en la barra de herramientas de la parte inferior de la pantalla y, a continuación, activa Mostrar zona de sangrado.

A continuación, aparecerán unas reglas que indican el número de píxeles en cada eje a la izquierda y en la parte superior de la vista web.

Añadir una línea de guía

Para crear una guía:

  • Haz clic y mantén pulsado en una de las reglas.

  • Arrastra el ratón hacia el centro de la imagen para posicionar la línea.

Al arrastrar, un indicador muestra el número exacto de píxeles que separan tu guía de los bordes horizontales o verticales.

Añadir una zona de sangrado (Zona segura)

  • Haz clic en el pequeño signo "+" situado en la parte superior izquierda de la pantalla, entre las dos reglas.

Aparecerá un rectángulo en el centro de la imagen. Este se ajusta automáticamente a tus líneas de guía y a otras zonas, y se puede ajustar en altura y anchura (mostrando siempre las dimensiones exactas en píxeles).

Al hacer clic en esta zona, puedes:

  • Cambiar su color (rojo por defecto)

  • Renombrarla

  • Duplicarla o eliminarla

Al igual que con las líneas, puedes añadir tantas zonas como desees.

Guardar tus guías

Tus líneas y zonas solo se guardan en las proporciones "Personalizadas" (se perderán en los formatos estándar).

Para conservarlas:

  • Haz clic en el ratio (proporción) en la parte inferior de la pantalla.

  • En la pestaña Personalizado (Custom), haz clic en Guardar (Save).

  • Asigna un nombre al ratio, deja marcada la opción Guardar zonas de sangrado y, a continuación, haz clic en Guardar.

Más información sobre ratios/formatos personalizados.

Exportar e importar zonas

También puedes exportar e importar tus guías y zonas en formato .json. Para ello, desde la barra de herramientas:

  • Haz clic en la pequeña flecha.

  • Haz clic en Exportar zona para exportar o en Importar zona para importar.

Artículos relacionados
Crea y gestiona tus propias dimensiones
¿Ha quedado contestada tu pregunta?