Editor de Wix Studio: agregar y personalizar efectos de texto
En este artículo
- Agregar un efecto de texto
- Diseñar el efecto de texto
- Dar formato al texto
Usa efectos de texto para decorar el sitio de tu cliente con títulos cautivadores y mensajes que llamen la atención. Estos elementos totalmente personalizables te permiten adaptar el efecto para que sea tan audaz o tan sutil como lo requiera el diseño. Elige entre una variedad de efectos prediseñados y personaliza su diseño para complementar el resto de la página.
Consejo:
Si estás usando el CMS (Sistema de gestión de contenido), puedes
conectar efectos de texto al contenido de tu colección para mostrar texto dinámico en el elemento.
Agregar un efecto de texto
Explora nuestra gama de efectos de texto artísticos en el panel Agregar elementos. Cada efecto establece un tono distinto y aporta un carácter único al sitio de tu cliente. Estos efectos son solo el punto de partida: puedes refinarlos y personalizarlos para que coincidan perfectamente con el resto del sitio.
Para agregar un efecto de texto:
- Haz clic en Agregar elementos
a la izquierda del editor. - Haz clic en Texto o en Decorativo.
- Haz clic en Efectos de texto.
- Arrastra el efecto de texto elegido a la página.
- Escribe tu texto:
- Haz clic en el elemento de efecto de texto.
- Haz clic en Cambiar texto.
- Ingresa el texto que deseas.
Diseñar el efecto de texto
Los efectos de texto son totalmente personalizables, lo que te permite adaptar el diseño a las necesidades y a la visión exactas de tu cliente. Cada efecto tiene un conjunto único de ajustes de diseño, disponibles en el panel Inspector profesional. Explora opciones como los colores, las capas y el movimiento para que el efecto se destaque.
Trabajar con breakpoints:
Los ajustes de diseño se aplican en cascada desde los breakpoints más grandes, pero puedes personalizarlos en los breakpoints más pequeños si es necesario.
Para diseñar el efecto de texto:
- Selecciona el elemento de efecto de texto.
- Haz clic en el icono Abrir Inspector profesional
en la parte superior derecha del editor.
- Según el efecto de texto que elijas, personaliza los ajustes disponibles en Diseño:
- Color/Colores del relleno: elige los colores que componen el efecto. Según el efecto específico, puedes seleccionar un solo color, varios colores o aplicar un degradado.
- Movimiento: activa la palanca para agregar un efecto animado que aparece al pasar el cursor. Establece la velocidad con el control deslizante para que la animación sea más rápida o más lenta.
- Texto: cambia la fuente, el tamaño, las mayúsculas y más. Obtén más información sobre las opciones de formato de texto en la sección a continuación.
- Torcer texto: activa la palanca para hacer que cada letra o palabra rote en diferentes direcciones. Puedes elegir el patrón y establecer la rotación o el desplazamiento (varía según el patrón).
- Capas: ajusta las capas visuales para crear profundidad en el diseño. Establece el número deseado de capas y sus colores, cambia el ángulo y el espaciado entre ellas para lograr un efecto personalizado.
- Ángulo de bisel: ajusta el ángulo para controlar cómo caen las luces y las sombras, creando una apariencia 3D en los bordes del texto.
- Franja: ajusta el tamaño, el ángulo y el grosor de las franjas.
- Máscara: cambia la posición de la máscara y el nivel de desenfoque para controlar qué parte del texto se revela o se desenfoca.
- Resplandor: agranda o reduce el brillo que rodea el texto.
- Borde: establece el color y el ancho del borde para delinear el texto.
- Sombra: cambia el color, el ángulo, el desenfoque y la distancia de la sombra.
Nota: En algunos efectos, el color de la sombra coincide automáticamente con los colores de relleno que elijas.
Consejo:
Puedes agregar una animación para hacer que el efecto de texto sea aún más dinámico. Haz clic en la pestaña
Animaciones y efectos
en el panel Inspector profesional para agregar cualquiera de las siguientes animaciones: efecto de entrada, efecto al pasar el cursor, al hacer clic, al desplazarse, de bucle o efectos del cursor.
en el panel Inspector profesional para agregar cualquiera de las siguientes animaciones: efecto de entrada, efecto al pasar el cursor, al hacer clic, al desplazarse, de bucle o efectos del cursor.
Dar formato al texto
Ajusta la fuente, el espaciado, la alineación y otras configuraciones de formato para asegurarte de que tu diseño se adapte perfectamente al sitio de tu cliente.
Para ajustar el formato del texto:
- Selecciona el elemento de efecto de texto.
- Haz clic en el icono Abrir Inspector profesional en la parte superior derecha del editor.
- Haz clic en Texto en la sección Diseño.
- Personaliza los ajustes de formato disponibles:
- Adjunta este elemento de texto a un estilo de tipografía.
- Cambia la fuente y el tamaño de la fuente.
- Ajusta el espaciado horizontal y vertical entre caracteres.
- Pon el texto en negrita o en cursiva.
- Alinea el texto.
- Cambia el uso de mayúsculas y minúsculas (por ejemplo, pon el texto en minúsculas).
Consejo de accesibilidad:
Si este elemento de efectos de texto es puramente decorativo, lo que significa que no incluye información importante para los lectores de pantalla, selecciona la casilla de verificación junto a
Este texto es solo decorativo.