GIF animado en Photoshop CS5

Adobe Photoshop CS5 es un potente programa de edición de imágenes que puede utilizar para crear o editar casi cualquier tipo de imagen que pueda necesitar. Sin embargo, Photoshop CS5 es particularmente experto en la creación de imágenes destinadas a ser colocadas en línea, como una imagen que podría poner en su sitio web o que podría querer compartir con sus amigos. Una opción de imagen popular es un GIF animado, porque es simple de hacer, tiene movimiento, pero se puede publicar como una imagen estática normal. Photoshop presenta algunas herramientas útiles que le permiten crear un GIF animado en Photoshop CS5, e incluso puede personalizar su GIF animado en Photoshop CS5 para cumplir con las especificaciones que necesita.

Preparación de los marcos para su GIF animado en Photoshop CS5

Un GIF animado en Photoshop CS5 son en realidad cinco imágenes separadas que va a organizar como capas. Cada capa va a representar un fotograma de su imagen, por lo que cada fotograma debe ser ligeramente diferente para ayudar a indicar que se está produciendo una acción o movimiento en su GIF animado. Para los propósitos de este tutorial, voy a crear un GIF animado en Photoshop CS5 de una estrella que se mueve sobre un fondo negro. El GIF animado constará de cinco fotogramas diferentes, en los que la estrella se encuentra en una ubicación ligeramente diferente en cada fotograma. Las imágenes separadas se ven así:

En aras de la simplicidad, he etiquetado las imágenes como 1.gif, 2.gif, 3.gif, 4.gif y 5.gif, lo que me ayudará a recordar el orden en el que quiero mostrarlas. Cada imagen tiene el mismo tamaño, 100 × 100 píxeles.

Para comenzar a hacer un GIF animado en Photoshop CS5, ahora puede iniciar Photoshop, haga clic en Archivo en la parte superior de la ventana, haga clic en Nuevo, luego configure el tamaño de su imagen. Una vez que haya configurado los parámetros de la imagen, haga clic en el OK botón para crear su lienzo en blanco.

Lo siguiente que debes hacer es abrir la carpeta que contiene las imágenes que vas a incluir en tu GIF animado en Photoshop CS5. Tenga en cuenta que está abriendo la carpeta en el Explorador de Windows, NO con el Abierto comando en Photoshop. El Explorador de Windows es el programa que usa para navegar a través de carpetas y archivos en su computadora, y puede iniciarlo haciendo clic en el icono de carpeta en la barra de tareas en la parte inferior de la pantalla de su computadora. Una vez que la carpeta que contiene sus imágenes esté abierta, mantenga presionada la tecla CTrl en su teclado para seleccionar todas las imágenes y luego arrástrelas al lienzo de Photoshop CS5.

Esto cambiará su lienzo para mostrar uno de sus marcos con una X sobre él, como en esta imagen:

Cuando vea esto, presione Ingresar en su teclado para insertar cada imagen como una capa en Photoshop. Una vez que se hayan agregado todas las imágenes, Capas La ventana del lado derecho de Photoshop debería verse así.

Tenga en cuenta que la imagen que desea mostrar como último fotograma de su GIF animado debe ser la capa superior. Si sus capas están en el orden incorrecto, simplemente puede arrastrarlas dentro del Capas ventana hasta que estén en el orden correcto.

Ahora necesitas abrir el Animación ventana, que puede hacer haciendo clic en el Ventana en la parte superior de Photoshop, luego haga clic en el Animación opción. El Animación La ventana se abrirá como una ventana horizontal en la parte inferior de Photoshop.

Haga clic en el botón en la esquina superior derecha de la Animación ventana (el botón parece una flecha hacia abajo junto a 4 líneas horizontales), luego haga clic en el Hacer marcos a partir de capas opción.

Haga clic en la flecha que apunta hacia abajo a la derecha de 0 segundos y debajo de uno de tus marcos en el Animación ventana, luego seleccione por cuánto tiempo desea que se muestre ese marco en su GIF animado. Repite este paso para cada fotograma de tu imagen. Me gusta elegir 1.0 para la duración de los fotogramas en muchos GIF animados en Photoshop CS5, pero experimente con diferentes duraciones hasta que encuentre la que mejor se adapte a sus necesidades.

También puede especificar cuántas veces el GIF animado debe recorrer todos sus marcos haciendo clic en el Siempre menú desplegable en la parte inferior de la Animación ventana. estoy usando Siempre como la opción para el GIF animado al final de este artículo, lo que significa que el GIF animado se desplazará continuamente hasta que salga de esta página.

Ya ha terminado de crear su GIF animado en Photoshop CS5, por lo que debe guardarlo. Hacer clic Archivo en la parte superior de la ventana, luego haga clic en Guardar para web y dispositivos. Haga clic en el menú desplegable en la esquina superior derecha de la ventana para elegir el GIF opción, luego haga clic en la Ahorrar en la parte inferior de la ventana.

Escriba un nombre para su archivo en el Nombre del archivo campo, luego haga clic en el Ahorrar botón. Luego puede hacer doble clic en la imagen creada en su carpeta para iniciar el GIF animado y ver lo que ha creado. A continuación se muestra mi GIF animado de ejemplo en la imagen de Photoshop CS5.