Cómo superponer texto (o cualquier otra cosa) sobre GIF animados en Photoshop

A veces un GIF solo no es suficiente; A veces quieres agregar un poco de texto. Photoshop puede hacer el trabajo, pero el proceso no es tan intuitivo como podría imaginar, especialmente si nunca antes ha editado la animación en Photoshop..

Cuando importe un GIF en Photoshop, notará que cada fotograma aparece en "Capas". En particular, el cambio de orden de las capas no cambia el orden en el que se reproducen los fotogramas. ¿Qué está pasando exactamente??

Para averiguarlo, debe abrir la ventana Línea de tiempo, que encontrará en Ventana> Línea de tiempo.

Esto agregará una nueva ventana, donde podrá ver los marcos en su GIF e incluso presionar el botón de reproducción para obtener una vista previa de la reproducción.

Las cosas pueden ser un poco confusas, así que revisemos. A los efectos de nuestro ejercicio ...

• los Línea de tiempo La ventana le permite controlar en qué orden se reproducen sus cuadros y para ver una vista previa de su animación.
• los Capas la ventana controla los marcos que se mostrarán sobre las superposiciones transparentes. Una superposición en la parte superior de la lista se mostrará en todos los marcos, por ejemplo.

Con acceso a esto, sigamos adelante y agreguemos nuestra superposición. Para este ejemplo, agregaremos texto, así que cree un cuadro de texto como lo haría normalmente.

Como siempre, su texto será agregado en una nueva capa. Continúa y arrastra esta superposición a la parte superior de tu lista de capas.

De esta forma, la superposición de texto aparecerá en todos tus archivos GIF..

Si eso es todo lo que quieres hacer, ¡listo! Pero si desea que su superposición se muestre en cierto punto de la animación, las cosas se complican un poco más. Arrastra tu cuadro de texto al medio para ver lo que quiero decir..

En mi ejemplo, hacer esto causó que el texto se mostrara en la primera mitad de los marcos y luego desapareciera.

Probablemente sea lo opuesto a lo que quieres, y la única forma de solucionarlo es reorganizar todas tus capas. Arrastre los primeros fotogramas a la parte superior de la lista, coloque el texto en el centro.

Esto hace posible que su texto se muestre a mitad del GIF. Incluso puedes añadir otro bit de texto, más tarde..

Consíguelo?

Hacer las cosas bien puede llevar un tiempo, pero juegue con el orden de las capas el tiempo suficiente y su texto se mostrará exactamente cuando lo desee..

Cuando esté listo, le sugiero que haga clic en Archivo> Guardar para Web para exportar el GIF; obtendrá un gran control sobre la calidad, lo que puede ayudar a reducir el tamaño del archivo. Disfruta de tu nuevo GIF completo!