Hoy vamos a terminar el sencillo vídeo tutorial en el cual hacíamos un banner, y donde hemos aprendido a como utilizar la herramienta Línea de Tiempo para hacer una sencilla y efectista secuencia de imágenes.
Mientras que en el vídeo tutorial anterior, Video-Tutorial: Como hacer un banner con movimiento en Photoshop fácilmente, veíamos como hacer una sencilla composición de un banner con una imagen descargada de internet y unas capas de texto, en la entrada de hoy, Como hacer un banner con movimiento en Photoshop fácilmente (conclusión), vamos a darle animación a esa composición.
- Abrimos el archivo que surgió del video tutorial anterior.
- Vamos a la paleta de Capas.
- Apagamos la visualización de todas las capas menos la capa fondo, que en este caso estará bajo un fondo negro.
- Vamos a la ruta Ventana- Línea de Tiempo.
- Esta ventana es un sencillo secuenciador que nos permite secuenciar las imágenes de las capas de las que se compone nuestro archivo., y así darle sensación de movimiento y dinamismo a nuestro banner. Vamos a secuenciar nuestro banner.
- Empezamos como ya dijimos en el punto 3, con la visualización de todas las capas apagadas menos de la capa fondo.
- Ya en la ventana de la herramienta Línea de Tiempo, nos dirigimos al primer recuadro de la secuencia. Es el único que hay ahora mismo y tendrá un 1 marcado en la esquina superior izquierda. Esa es la imagen con la que empieza nuestra secuencia.
- En la esquina inferior derecha tendrá un número, que designa la cantidad de tiempo que estará visible este recuadro en nuestra secuencia. Ahora tendrá marcado 1 segundo. Picamos en la flechita que tiene al lado y del menú que sale, escogemos 0´5 segundos.
- En la parte inferior del cuadro de dialogo de la herramienta Línea de Tiempo, hay un reproductor y algunas opciones más. Hay una que es un cuadradito con una esquina doblada. Justo al lado de una papelera. Esa herramienta es Duplicar cuadro seleccionado. Hacemos click derecho encima de ella para duplicar el cuadro número 1.
- Ahora nos vamos a la ventana de Capas y activamos la visualización de las capas Milton y Bocadillo.
- Nos dirigimos al cuadro número 2 y en el menú de tiempo escogemos la opción 1segundo.
- Volvemos a la opción Duplicar cuadro y duplicamos el cuadro número 2 para tener así el número 3.
- Desde este cuadro numero 3 nos vamos a la ventana de Capas y activamos la visualización del al capa de texto cuyo contenido cae dentro del bocadillo.
- Volvemos a la ventana de Línea de Tiempo y en el cuadro 3 cambiamos el tiempo de duración a 2 segundos.
- Volvemos a duplicar el último cuadro para obtener el número 4.
- Nos vamos a la ventana de Capas nuevamente y activamos una de las capas de texto que quedan.
- Nuevamente en la ventana de Línea de Tiempo cambiamos la duración a 1 segundo.
- Duplicamos por última vez. Número 5.
- Nos dirigimos nuevamente a la ventana de Capas y activamos la última capa de texto.
- Cambiamos la duración a 5 segundos.
- Ahora le damos a play en el reproductor o a la barra espaciadora.
- Una vez contentos con el resultado, exportamos desde Archivo-Guardar para Web.
- Guardamos nuestro archivo en GIF y asegurandonos que exportamos desde el primer recuadro de la secuencia.
- Listo para usar tu banner en GIF.