Cuando añades una capa de Texto personalizado a un diseño, puedes acceder a ajustes avanzados para controlar cómo se comporta y cómo se ve el texto. Estas opciones ayudan a los comerciantes a añadir elementos fijos, ajustar el espaciado y aplicar efectos visuales especiales.

1. Prefijo y sufijo

  • Prefijo: añade un elemento de texto fijo antes de lo que escribe el cliente.
  • Sufijo: añade un elemento de texto fijo después de lo que escribe el cliente.

👉 Ejemplo: si defines Prefijo = “The” y Sufijo = “End”, y tu cliente escribe Custom Text, el resultado final se mostrará así:
“The Custom Text End”
Solo cambiará el área principal de Texto personalizado según lo que escriba el cliente.

Prefijo y sufijo

2. Espaciado entre caracteres

Ajusta el espacio entre las letras del texto personalizado. Al aumentar el valor, los caracteres se separan; al disminuirlo, se acercan.

3. Contorno

Puedes añadir un contorno alrededor del texto para mejorar su visibilidad o conseguir efectos de estilo.

  • Grosor del contorno: controla lo grueso que es el contorno.
  • Contorno exterior: expande el contorno hacia fuera.
  • Contorno interior: dibuja el contorno hacia dentro, haciendo que el propio texto parezca más grueso.

👉 Ejemplo: un contorno exterior rojo crea un borde marcado fuera de las letras.

Contorno del texto

4. Patrón de texto

Esta función te permite rellenar el texto con una imagen o una textura.

  • Sube tu archivo: elige una imagen para usarla dentro del texto.
  • Escala: ajusta el tamaño del patrón dentro del texto.
  • Repetición: actívala para repetir el patrón en mosaico por todo el texto.
  • Desplazamiento X / Y: mueve el patrón horizontalmente o verticalmente (Y) dentro del texto.

👉 Ejemplo: puedes rellenar el texto con una textura de tela, una foto o un patrón repetido para conseguir efectos de diseño únicos.

Patrón de texto

5. Sombra del texto

Esta función te permite añadir un efecto de sombra proyectada al texto para que destaque.

  • Color de la sombra: elige el color de la sombra en el selector de color.
  • Desenfoque: ajusta la suavidad y la dispersión de los bordes de la sombra. Un valor más alto crea una sombra más suave y difusa.
  • Desplazamiento X: mueve la sombra horizontalmente respecto al texto. Los números positivos la mueven hacia la derecha y los negativos, hacia la izquierda.
  • Desplazamiento Y: mueve la sombra verticalmente respecto al texto. Los números positivos la mueven hacia abajo y los negativos, hacia arriba.

👉 Ejemplo: puedes usar una sombra oscura y con poco desenfoque para crear un efecto de elevación del texto, o una sombra de color claro para un resplandor más suave, parecido al neón.

6. Degradado del texto

Esta función te permite aplicar varios colores al texto, creando una transición suave entre ellos.

  • Tipo: elige entre Lineal (los colores fluyen en línea recta) o Radial (los colores se irradian desde un punto central).
  • Ángulo: gira la dirección del degradado (por ejemplo, 90° para de arriba abajo, 180° para de derecha a izquierda).
  • Paradas de color: añade y personaliza los colores que se usan en tu degradado.
  • Añadir parada de color: haz clic para añadir más colores y crear degradados complejos de varios colores.

7. Multilínea automática

Cuando Multilínea automática está activada, la app ajusta automáticamente la disposición del texto según los tamaños de fuente máximo y mínimo que definas.

La app calculará el ancho y el alto disponibles del área de texto y determinará el tamaño de fuente más adecuado dentro del rango especificado. Si el texto no cabe en una sola línea, lo dividirá automáticamente en varias líneas manteniendo el mejor tamaño de fuente posible.

Usa esta función cuando quieras asegurarte de que el texto que escribe el cliente siempre quepa en el área designada sin necesidad de cambiar el tamaño ni insertar saltos de línea manualmente.

8. Texto como máscara

La función Texto como máscara te permite rellenar el texto con una imagen, creando un llamativo efecto de máscara de texto. Para usarla, selecciona primero tu capa de texto y haz clic en el icono Texto como máscara de la barra de herramientas superior. El texto se convertirá automáticamente en una máscara que deja ver la capa de imagen que hay debajo.

Nota:

  • Esta función requiere una capa de imagen debajo de la capa de texto. Se admiten una capa de imagen normal, una muestra de imagen, un vector y una muestra de vector.
  • En la pestaña Diseño verás un contorno azul alrededor del texto enmascarado. Este contorno solo se muestra para facilitar la edición del diseño. No aparecerá en tu tienda ni en el archivo de producción final.

9. Texto vertical

Añade una capa de texto y haz clic en el botón Texto vertical de la barra de herramientas de la capa para cambiar el texto de horizontal a vertical. Los caracteres se apilan de arriba abajo en lugar de ir de izquierda a derecha, lo que resulta útil para etiquetas de lomo, áreas de producto altas o un diseño estilizado. Haz clic de nuevo en el botón para volver a horizontal.

Actualizado el: 23/09/2026