Un texto brillante animado le da a tus diseños un aspecto glamoroso y dinámico, perfecto para publicaciones en redes sociales, invitaciones o obras de arte digital. Con Photoshop, puedes crear este efecto fácilmente combinando estilos de capa, efectos de brillo y animación de la línea de tiempo. En este tutorial, te mostraré paso a paso cómo crear un texto brillante de purpurina y hacerlo brillar con animación. ¡Comencemos y pongamos tu texto en movimiento!
1. Nuevo documento
Comenzamos creando un nuevo documento con medidas de 574 Px x 319 Px.
Luego, tomamos la herramienta de degradado y llenamos el fondo con los colores #29108c hasta #152869.
Arrastramos el degradado de arriba a la izquierda hacia abajo a la derecha.
2. Crear texto y aplicar efecto de purpurina
Elegimos una fuente y escribimos el texto. Aquí he usado "Franklin Gothic Heavy" en un tamaño de 235 Px y en color #8e5ade.
Duplicamos las capas presionando 2 veces Ctrl+J. Ahora tenemos 3 capas idénticas.
Para el primer efecto de purpurina, añadimos ruido a la primera capa en Filtro>Ruido>Añadir ruido y seleccionamos un valor del 20%. Al preguntar si queremos rasterizar la capa, confirmamos con Aceptar.
Hacemos lo mismo con la segunda capa, pero con una intensidad del 21%.
Y nuevamente para la tercera capa con un valor del 22%. Ahora tenemos un comportamiento de ruido diferente para cada una de las tres capas.
3. Crear brillo
Luego, creamos una capa vacía sobre cada capa de texto para colocar patrones de estrellas diferentes en cada una.
También pueden encontrar pinceles de estrellas en PSD-Tutorials.de, y con su pincel de estrellas seleccionado, colocan muchas estrellas en la capa inferior. Varíen un poco también en el tamaño del pincel para que las estrellas se coloquen de manera aleatoria y hermosa.
Hacen lo mismo con las otras dos capas de estrellas para obtener un patrón de estrellas distinto en cada una.
4. Animar el brillo
Ahora viene la parte emocionante, vamos a animar nuestro brillo creado. Para ello, vamos a Ventana>Animación …
Luego, hacemos clic en el icono para ver los Fotogramas animados … en la esquina inferior derecha de la ventana que aparece.
Luego, hacemos clic dos veces en el pequeño icono de rompecabezas para crear dos fotogramas más.
Luego seleccionamos el primer fotograma y mostramos la primera capa de texto correspondiente con la capa de estrellas.
Luego, hacemos clic en el segundo fotograma y mostramos el segundo par con las capas de texto y estrellas …
Y en el tercer fotograma mostramos las dos últimas capas.
Luego, manteniendo presionada la tecla Shift, seleccionamos los tres fotogramas a la vez, …
… hacemos clic junto al número de segundos en la pequeña flecha y establecemos un valor de 0.2 segundos de duración de reproducción por fotograma.
Y para que la animación no solo se reproduzca una vez, sino varias veces en bucle, configuramos, como se muestra a continuación, sin limitaciones.
Cuando presionamos el botón de Reproducir, nuestra animación se reproduce.
5. Guardar la animación
Para guardar nuestra animación, vamos a Archivo>Guardar para Web y dispositivos.
Y solo necesitamos seleccionar GIF en la ventana que aparece. Luego hacemos clic en Guardar y nuestra animación se guardará.
Generalmente, sucede a menudo que las animaciones no se reproducen al abrirse con visualizadores de imágenes. Solo se muestra un fotograma. Sin embargo, para poder apreciar la animación, basta con arrastrar el archivo de imagen a una ventana del navegador utilizando Drag&Drop. Así se reproducirá.
Espero que hayan disfrutado del tutorial. Aquí pueden ver nuestro resultado final:
