Cómo hacer un GIF animado en Photoshop. Cómo hacer animaciones GIF en Photoshop. Agregar nuevos marcos

Los GIF están en todas partes. Las imágenes animadas que alguna vez fueron humildes son ahora el idioma no oficial de Internet. La animación GIF es la forma más rápida de expresar emociones en Twitter, y también podemos pasar horas mirándola mientras navegamos por las noticias en VK, Facebook u Odnoklassniki.

Hay una gran cantidad de sitios donde puede encontrar GIF ya preparados sobre una variedad de temas. Pero no hay nada mejor que una animación GIF que hayas creado tú mismo. ¿Crees que este es un proceso difícil? Estás equivocado, es bastante simple. Puede crear rápidamente una animación GIF en el editor de gráficos de Photoshop, convirtiendo un vídeo existente o utilizando una serie de imágenes estáticas. Echemos un vistazo más de cerca a cómo se hace esto.

Nota: En todos los ejemplos de este artículo, estoy usando Photoshop CC 2017.

Primero, debe iniciar Photoshop, ir a "Archivo" > "Importar" > "Marcos de video a capas" y seleccionar la grabación de video requerida.

En el cuadro de diálogo que se abre, puede importar la grabación de video completa o seleccionar solo una parte determinada de ella. Si elige la segunda opción, arrastre los controladores debajo de la ventana de vista previa para establecer los puntos de inicio y finalización. Se importará la parte del vídeo entre estos identificadores.

Nota: Tenga en cuenta que cuanto más vídeo importe, más grande será su GIF. Además, si estás importando un vídeo que es demasiado largo, elegir "Mantener cada 2 fotogramas" (o más) es una manera fácil de reducir el tamaño sin afectar demasiado la calidad.

Asegúrese de que la casilla de verificación Crear animación cuadro por cuadro esté marcada y luego haga clic en Aceptar. Comenzará el proceso de importación de video. Esto puede llevar algún tiempo, dependiendo del tamaño del clip. Una vez completada la importación, se abrirá un área de trabajo en la que cada fotograma del vídeo se colocará en su propia capa.

En la parte inferior de la pantalla hay una paleta de escala de tiempo. Muestra todos los fotogramas que conformarán tu animación GIF.

Puede agregar y eliminar marcos como desee, o editar cualquiera de las capas existentes tal como editaría capas en cualquier otra imagen. Para obtener una vista previa de su animación GIF, simplemente haga clic en el botón Reproducir en la parte inferior de la línea de tiempo.

El resultado final debería ser algo como esto:

Crear animación GIF a partir de una serie de imágenes estáticas

Si no tiene secuencias de video para usar como base para su animación GIF, puede crear una manualmente a partir de una serie de imágenes estáticas. Es un poco más complicado, especialmente si quieres hacer algo interesante, pero el proceso básico es simple.

Creas tu GIF a partir de un único archivo de imagen que contiene varias capas. Cada capa es un fotograma separado de su futura animación. Hay dos formas de empezar:

1. Si ya ha creado imágenes para su animación, impórtelas eligiendo Archivo > Scripts > Cargar archivos en la pila.... Haga clic en Examinar y seleccione sus imágenes, luego haga clic en Aceptar. Cada imagen se colocará en una capa separada dentro del mismo archivo.
2. Si aún no ha creado imágenes, hágalo ahora. Recuerde que cada imagen individual es parte de la animación futura.

Ahora estás listo para comenzar a crear animaciones.

Animar imágenes estáticas

Así es como funciona. Cuando crea manualmente un cuadro de animación, todas las capas visibles se incluyen en él. Las capas que estén deshabilitadas no se incluirán en el marco generado.

Para crear el primer cuadro, haga visible la primera capa y desactive todas las demás. Luego, al crear el segundo cuadro, haga visible la segunda capa, y luego la tercera capa en el tercer cuadro, y así sucesivamente. Una vez que empieces, todo quedará más claro.

Para comenzar a crear una animación, abra la línea de tiempo si no se abre automáticamente. Para hacer esto, haga clic en "Ventana" en el panel superior y seleccione "Línea de tiempo" en el menú que se abre. En el centro del panel que se abre, haga clic en "Crear animación de fotograma". Esta acción creará el primer fotograma de tu animación. En la paleta Capas, oculte las capas que no desea que formen parte del marco.

Ahora haga clic en el botón "Nuevo fotograma", que duplicará el fotograma anterior. Una vez más, oculte las capas adicionales y haga visibles las que deberían incluirse en el marco.

Repita este proceso hasta que haya agregado todos los fotogramas necesarios para la animación.

Terminación

Finalmente, configure el tiempo de visualización para cada cuadro. Seleccione el primer cuadro y luego presione Mayús y haga clic en el último para seleccionarlos todos. Ahora haga clic en la flecha hacia abajo debajo de uno de los cuadros y seleccione un retraso. Sin demora significa que la animación se ejecutará rápidamente, mientras que la cantidad establecida de segundos hará que los fotogramas permanezcan en la pantalla durante un período de tiempo determinado.

Finalmente, configura las opciones de bucle, que encontrarás en la parte inferior del panel Línea de tiempo. Este parámetro controla cuántas veces se reproducirá la animación. En la mayoría de los casos, seleccionará la opción "Siempre".

Ahora haga clic en el botón Reproducir en la parte inferior de la pantalla para ver la animación resultante. Deberías ver algo como esto:

Puedes editar marcos simplemente seleccionándolos y cambiando la visibilidad de las capas (también puedes cambiar la opacidad o hacer otras configuraciones más complejas). Agregue capas adicionales si las necesita o haga clic en el ícono de la papelera para eliminarlas.

Cuando esté satisfecho con el resultado, puede pasar a la sección "Guardar animación" o seguir leyendo para mejorar la animación resultante.

Mejora de la animación añadiendo fotogramas intermedios

Photoshop admite una potente función de interpolación de animación. Esto le permite crear animaciones más fluidas generando automáticamente fotogramas de transición entre dos fotogramas existentes. En este ejemplo, voy a repasar todos los fotogramas para darle al cielo estrellado un efecto de centelleo.

Para comenzar, seleccione el primer fotograma y haga clic en el botón Crear ajustes en la barra de herramientas en la parte inferior de la línea de tiempo.

En el cuadro de diálogo que se abre, establezca el elemento "Marcos intermedios" en el valor "Siguiente cuadro" y, para el elemento "Agregar marcos", especifique el valor a su discreción. Un valor más alto significa una transición más suave pero más lenta. Haga clic en "Aceptar" para crear los marcos intermedios.

Ahora repita este proceso para los otros fotogramas fuente que agregó. Cuando llegue al último, configure "Entre fotogramas" en "Primer fotograma". Esto ayudará a crear una transición suave al inicio del ciclo de animación.

¿Alguna vez te has preguntado cómo se crean los GIF animados? El autor de la lección te invita a dominar algunos secretos de la animación en una noche con la ayuda de esta lección. También aprenderá a utilizar la línea de tiempo, que está disponible en Photoshop CS6. ¡Ahora comencemos!

Resultado de la lección.

Paso 1

Crear un nuevo documento ( Ctrl + N) con dimensiones de archivo de 800 x 500 píxeles. Rellena el fondo con el color que quieras. Ahora vayamos al menú. capas- Estilocapa- Superposicióngradiente(Capa > Estilos de capa > Superposición de degradado). Aplique la siguiente configuración: Estilo Radial(Radial), colores desde el negro (#000000) hasta el azul (#54799b), que se utilizará en el centro.

Paso 2

Crea una nueva capa y nómbrala Capa de ruido. Seleccione una herramienta Llenar(Herramienta Bote de pintura) y rellene la capa creada con un color oscuro (#231f20). Deja la capa activa Capa de ruido y ve al menú Filtro - Ruido - Agregar ruido(Filtro>Ruido>Agregar ruido). En el cuadro de diálogo de configuración del filtro, establezca los siguientes valores: Efecto(Cantidad) 3%, distribución Uniforme(Uniforme) y haga clic en Aceptar.

Paso 3

Presione la combinación de teclas (Ctrl +U) y en el cuadro de diálogo de configuración de corrección que aparece, ingrese los valores Saturación(Saturación) 100%: cambia el modo de fusión de esta capa a luz suave(Luz suave).

Nota del traductor: Para lograr el mismo color que el autor en la captura de pantalla, al ajustar Tono/Saturación, puede establecer el valor de Tono en -140.

Paso 4

Añade el texto que quieras. Aquí utilizaremos el texto del logotipo del sitio web 123RF. En estilos de capa use Ataque(Ataque). Seleccione valores de tamaño de trazo según sus preferencias.

Nota del traductor: En la captura de pantalla del autor ya hay texto rasterizado junto con el estilo Trazo. Para obtener el mismo resultado, después de aplicar el trazo, elimine el Relleno (Llenar) de la capa de texto al 0%, convierta esta capa en un objeto inteligente y luego rasterícela.

Paso 5

En este paso crearemos un efecto brillante para el texto usando estilos de capa. Haga doble clic en la capa para abrir la ventana Opciones de estilo. Para personalizar los estilos de capa, utilice las capturas de pantalla siguientes.

Realce(Bisel y relieve)

sombra interior(Sombra interior)

Resplandor interior(Resplandor interior)

Superposición de colores(Superposición de colores)

Resplandor exterior(Resplandor exterior)

Sombra(Sombra paralela)

Paso 6

Una vez que haya terminado de crear efectos de iluminación usando estilos de capa, vaya a la paleta Capas y reduzca el valor de esta capa. Rellenos(Rellenar) al 0%.

Paso 7

Duplique la capa que creó en el paso 5 y desactive todos los estilos de capa en esta copia. Ahora configura los estilos así:

sombra interior(Sombra interior)

Resplandor interior(Resplandor interior)

Paso 8

A continuación se muestra el resultado después de aplicar los estilos de capa.

Paso 9

Ahora crearemos puntos de luz en movimiento. Cree 5 capas encima de las existentes y cámbieles el nombre a 1,2,3, R y F. Si tiene su propio texto, cree capas según sus letras. Agrupa estas capas en una carpeta y dale un nombre. Puntos de luz y cambiar el modo de fusión a Aligerar la base(Sobreexponer color).

Activar la herramienta Cepillar(Herramienta Pincel), seleccione un pincel suave, establezca Opacidad(Opacidad) al 95% y dibuja puntos encima del texto con color blanco. Para cada letra hay un punto de luz independiente en su propia capa. A continuación, en la captura de pantalla, puede ver cómo se ven las capas del autor en la paleta de capas.

Paso 10

Ahora vayamos al menú. Ventana - Línea de tiempo(Ventana > Línea de tiempo). Notarás que tus capas ya están construidas en esta paleta en el lado izquierdo. Seleccione cada una de las cinco capas resaltadas que están en el grupo. Puntos de luz y asegúrese de que el indicador de tiempo actual (control deslizante azul) esté en el fotograma cero. Ahora en cada capa del grupo, cuando esté activa, haga clic en la opción Posición(Posición) para crear un fotograma clave.

Nota del traductor: Para activar la escala de tiempo, haga clic en el botón Crear una línea de tiempo para un vídeo(Crear línea de tiempo de video) y todas sus capas se cargarán en la línea de tiempo. Se seleccionará la misma capa o grupo que en la paleta de capas.

Paso 11

Establezca el indicador de hora actual (control deslizante azul) en 01:00 F y mueva las capas con puntos claros a lo largo de la trayectoria de su movimiento en relación con el contorno de la letra.

Paso 12

Así se verá la posición inicial del punto de luz en las letras. Mueva el indicador de tiempo actual a lo largo de la escala y mueva capas con puntos de luz, creando fotogramas clave. Sigue moviéndolos hasta que hayas terminado de mover la mota sobre toda la letra de cada capa de texto. Para obtener instrucciones, consulte algunas capturas de pantalla a continuación.

3. Buscamos nuestra carpeta con fotos preparadas y hacemos clic izquierdo en la primera foto, mantenemos presionada la tecla Shift, y hacemos clic en la última, entonces quedarán todas seleccionadas. Haga clic en ABRIR.

4. Todas las fotos se abren en Photoshop. Comencemos a crear las capas que necesitaremos para la animación o creando imágenes gif. Abrí una foto especialmente amplia. Y será la 1ª capa.

Para convertir una foto en una capa, haga doble clic en ella con el botón izquierdo del mouse.

5. Para crear una segunda capa, debemos hacer clic en el icono al que apunta la flecha. En la segunda capa colocaremos otra foto.

6. Pisoteamos nuestras fotografías, que están abiertas al lado de la primera, y seleccionamos una fotografía estrecha. Déjame recordarte que esto no es necesario... Es más fácil trabajar con fotografías idénticas. Entonces, encontramos la foto deseada, vamos al menú - selección - seleccionamos TODOS.

7. Después de esto, pequeños guiones comenzarán a correr alrededor de la imagen, esta es la selección. Ahora vaya al menú - edición - copiar.

8. Volvemos a nuestra primera foto, que ya tiene capas, vamos al menú – edición – pegar. Y nuestra foto estrecha se inserta en una nueva capa. Pero no puede seguir siendo tan estrecho. Necesitamos agregar un fondo debajo. Para hacer esto, haga clic en el ícono (1), arrastre la capa debajo de la foto estrecha, luego use el cuentagotas (2) para seleccionar el color que desee haciendo clic en la foto. Elegí verde claro. Y rellenar una nueva capa, para lo cual activamos la herramienta de relleno (3) y luego hacemos clic izquierdo en el campo de trabajo de la foto. Tenga en cuenta que el nuevo fondo transparente debe estar activo en este punto. Las capas activas están resaltadas en azul. Después de tus acciones, la capa transparente se coloreará.

9. Ahora necesitamos fusionar dos capas (foto estrecha y fondo). Damos un paso con el botón izquierdo del ratón sobre la primera capa. Mantenga presionada la tecla Shift y haga clic en la segunda capa. Están resaltados en azul. Vaya al menú - capas - fusionar capas.

10. Obtenemos esta imagen.

11. Repita los pasos 6 a 10 de mi tutorial para crear una capa con otra foto estrecha. Lo tengo en la capa 2. Y creo otra nueva capa transparente para colocar allí la última foto ancha (capa 3).

12. Para hacer esto, siga los puntos 6, 7, 8 de la lección. Eso es todo. Listo. Capas para nuestro fotos gif creamos.

13. Puedes empezar a animar con tus capas, pero yo decidí crear un fondo para nuestra imagen. Para hacer esto, vaya al menú - imagen - tamaño del lienzo. Aumentamos nuestro lienzo en 50 piezas de ancho y alto. Haga clic en Aceptar.

14. Lo tenemos así.

15. Crea una nueva capa (tengo la capa 4), arrástrala hasta el final debajo de todas las fotos, puedes hacer un fondo del mismo color que el fondo de tus fotos estrechas. Elegí un color base un poco más oscuro.

Puedes decorar tu sustrato de cualquier forma. Espero que sepas cómo configurar los parámetros de la capa, pero si no, es sencillo. Usted pisa la capa deseada y hace doble clic en ella con el botón izquierdo del mouse y se abre una ventana con los parámetros de su capa, y allí abre cada parámetro individual por separado y aplica o cambia su configuración. Apliqué el efecto en los parámetros de capa Sombra interior y Resplandor interior con el parámetro de capa Multiplicar... El color de la sombra es ligeramente más oscuro que el tono del fondo. Pero aquí no me comprometo a imponerles mi opinión. Tienes tu propia visión. Pruébalo, cambia la configuración. No da miedo. Siempre puedes volver al resultado original, para lo cual vas al menú - editar - volver.

Por cierto, en mi última foto hay un arbusto de glicina, hay mucho en Francia y su época de floración es a finales de abril - principios de mayo. Fotografié este arbusto en el jardín de los padres de mi amigo. También hay arbustos de glicina en mi jardín búlgaro y creo que pronto nos deleitará con sus flores que parecen nubes de color lila.

16. Ahora es el momento de poner tu logo, esto es especialmente importante si tu imagen estará ubicada en tu sitio web. Para usuarios normales, esto puede no aplicarse. Déjame recordarte que hice una lección de Photoshop sobre. Lo repasaré brevemente: ve al menú - archivo - lugar. Buscamos nuestro archivo PSD con un logo preparado previamente, lo pisamos y pulsamos en el botón Colocar.

17. Arrastra la capa con el logo hasta la parte superior, como la mía. Si es necesario aumentamos el logo al tamaño deseado, para lo cual nos dirigimos al menú - edición - escala. Mientras mantiene presionada la tecla Mayús, estire o encoja el logotipo. Active la herramienta "mover" (la herramienta superior con la flecha y + en la barra de herramientas) y mueva el logotipo a la ubicación deseada.

Todo está preparado con la creación de animación.

17. En el primer fotograma de la animación, deberías tener visible la capa de fondo, la primera capa con tu foto (en mi caso capa 0) y el logo (posición 1). Para una buena visualización de tu foto, configura el tiempo de retardo 5 segundos(posición 2). Después de determinar el tiempo de retraso y configurarlo en el primer fotograma, todos los fotogramas posteriores tendrán el tiempo especificado de 1 fotograma, es decir. 5 segundos en mi caso. Para crear un segundo cuadro, haga clic en el icono que se muestra en la posición 3.

18. En el segundo cuadro, cambie la visibilidad de la capa de la primera imagen a la segunda, tal como se muestra en mi captura de pantalla.

E Internet está lleno de GIF, estas imágenes vivas de alguna manera atraen mágicamente a la gente. Estas animaciones ocupan cada vez más espacio en paredes virtuales, foros, en la memoria de las computadoras, en los dispositivos y en los corazones. La moda de crear animaciones GIF nunca desaparecerá.

¿Quieres crear una animación GIF tú mismo? Esto no es tan difícil si tienes un editor gráfico y al menos un conocimiento básico de los principios de su funcionamiento. Ahora aprenderá cómo hacer un GIF a partir de un vídeo en Photoshop CS5.

Paso 1: seleccionar y preparar un vídeo

Si quieres obtener un resultado decente, es mejor elegir un vídeo de buena calidad. Para empezar es recomendable grabar un vídeo de corta duración, así será más fácil trabajar. Aunque esta no es una condición necesaria. Para hacer una animación GIF, por ejemplo, a partir de un fotograma de una película o dibujos animados, es recomendable recortar primero el fragmento deseado utilizando programas especiales. Por ejemplo, Creador de movimientos de Windows. Pero esto no es necesario, sólo puedes utilizar Photoshop.

Paso 2: sube el vídeo y selecciona fotogramas

1. Abra Photoshop.

2. En el menú " Archivo" seleccionar "Importar" Y .

3. Sube el vídeo.

4. Se abrirá una ventana donde deberá configurar los parámetros para la importación. Si previamente recortó un fragmento para el GIF, marque la casilla junto a "De principio a fin", y si vas a seleccionar marcos en Photoshop, entonces todo lo contrario. Para seleccionarlo, primero marque el punto de inicio en la escala debajo de la vista previa del video, luego, mientras mantiene presionada la tecla MAYÚS, marque el final del fragmento.

Una vez que aparezca un área resaltada en gris oscuro en la escala, puede hacer clic en Jugar y verifique qué fotogramas se incluirán en la animación. No seleccione un rango demasiado grande, de lo contrario terminará con muchas capas y el GIF será "pesado". Lo mejor es hacer un conjunto de 5 a 20 capas.

La siguiente configuración importante es la cantidad de fotogramas que se conservarán. La cifra depende de la velocidad de movimiento de los objetos en el vídeo: cuanto más baja sea, más fotogramas podrás saltar. Usaremos un video de un lémur, se mueve lentamente así que pondremos "Deje cada tercer cuadro", de lo contrario puede haber muchos fotogramas idénticos.

Asegúrate de que sea lo contrario. "Crear animación cuadro por cuadro" hay una garrapata. Ahora puedes presionar "DE ACUERDO".

5. Mirando por la ventana

6. Si, después de todo, hay muchos fotogramas, algunos de ellos se pueden eliminar. Para destruir varias capas a la vez, presione MAYÚS y haga clic en las capas innecesarias con el mouse, luego muévalas a la papelera en la esquina inferior derecha de la ventana. Si hay varias docenas de capas, entonces es más fácil cerrar el archivo y comenzar de nuevo, seleccionando una sección más pequeña del video. Será más rápido de esta manera.

Paso 3: haz animación

1. Asegúrese de que todas las capas, excepto la primera (la inferior), sean invisibles: el ojo al lado de la vista previa de la capa está inactivo.

2. Abre el menú "Ventana" y seleccione

3. Después de lo cual aparecerá una escala con marcos en el área de trabajo.

4. Haga clic en Jugar y mira lo que pasó. Puede eliminar cuadros en la animación terminada (seleccionarlos con el mouse y moverlos al ícono de la papelera) o intercambiarlos en lugares con el mouse.

5. Si necesita cambiar el tiempo de reproducción de un cuadro, haga clic en la flecha al lado del número debajo de la vista previa y especifique el intervalo de tiempo deseado en segundos. Para establecer el mismo espaciado para todos los fotogramas, haga clic en el icono de configuración en la esquina superior derecha de la ventana de animación y seleccione "Seleccionar todos los fotogramas", luego cambie la hora en uno de ellos; esta configuración se aplicará a todos los fotogramas.

6. Si no está satisfecho con el resultado, vaya a configuración y haga clic en "Eliminar animación". Para crear uno nuevo, debes hacer clic allí. "Crear marcos a partir de capas". Ahora ya sabes cómo hacer GIF a partir de vídeos, pero eso no es todo. Es importante guardarlo correctamente para que se abra en los navegadores.

Paso 4: guarde la animación GIF

Esto no debe hacerse a través de la pestaña "Guardar como", y seleccionando en el menú "Archivo"— se abrirá una ventana con la configuración. Es mejor dejar la configuración estándar, cambiando solo el tamaño de la imagen, haciéndola más pequeña, como es habitual en los GIF. Establecemos el ancho en 350, la altura se calcula automáticamente.

La animación se guarda en formato gif. Para abrirlo y ver cómo se verá en el navegador, haga clic derecho "Abrir con" y seleccione su navegador.

Anteriormente en el sitio analizamos los de terceros, pero la mayoría de ellos pueden reemplazar fácilmente al Photoshop normal. Con su ayuda se pueden crear archivos GIF animados de forma bastante fácil y rápida. Suelen constar de varias imágenes (fotogramas) que, modificadas paso a paso, forman el resultado final. Hoy intentaremos considerar este tema de la A a la Z con el mayor detalle posible:

Las capturas de pantalla a continuación son de Photoshop CC, pero trabajar con animación GIF en CS6 y otras versiones del programa es similar, con ventajas o desventajas. Quizás las herramientas visuales sean ligeramente diferentes, pero en general, el principio y el algoritmo de acciones son similares. Como ejemplo, considere la tarea trivial de cómo crear una animación GIF en Photoshop a partir de fotografías que se reemplazan entre sí. Recientemente, usando esta guía, hice un gif sobre mis aventuras para la publicación final de 2016 en mi blog personal.

El proceso duró literalmente entre 5 y 10 minutos. Lo importante aquí es seguir todos los pasos cuidadosamente. Al final del post encontrarás un vídeo tutorial en inglés sobre este tema.

Agregar imágenes de animación GIF en Photoshop

Lo primero que debes hacer es cargar todas las imágenes/fotos que participarán en la animación en el editor de gráficos. Agréguelos a un proyecto en diferentes capas; estos serán los marcos para el archivo GIF resultante. Comprueba el tamaño de las imágenes y su visualización para que todo quede como necesitas. Las capas se pueden ocultar (usando el ícono del ojo a la izquierda de la capa) para ver todos los objetos.

En el centro de este panel hay una lista desplegable donde debe seleccionar la opción "Crear animación de cuadro" y hacer clic en el botón. Como resultado de esta acción, la línea de tiempo cambiará un poco y deberías ver la imagen de la capa superior como el primer fotograma.

En el siguiente paso, seleccione todas las capas del proyecto (haga clic en ellas mientras mantiene presionada la tecla Ctrl). Después de eso, abra el menú contextual en la esquina superior derecha de la ventana Línea de tiempo y seleccione "Crear marcos a partir de capas".

A partir de todas las capas visibles y seleccionadas, Adobe Photoshop creará marcos GIF animados. Como resultado, los verás en el panel Línea de tiempo.

Configuración de animación GIF en Photoshop

Aquí deberás especificar 2 cosas: la duración de la visualización de diferentes fotogramas + el número de repeticiones del gif. Empecemos por el primero. Debajo de cada objeto de imagen en la línea de tiempo encontrará el tiempo de visualización y una flecha hacia abajo. Haga clic en ellos y seleccione la duración de la tarjeta en el menú emergente.

Puede especificar diferentes tiempos para los elementos o configurar el parámetro para varios de ellos simultáneamente (selección conjunta como en capas, usando Ctrl).

Para "repetir" un GIF en Photoshop al crear una animación, seleccione el valor Siempre en la configuración adecuada, como se muestra en la captura de pantalla siguiente.

Allí también puede especificar cualquier número de repeticiones que necesite. Cerca está el botón Reproducir, que te permite reproducir un GIF animado y ver cómo se verá el resultado final.

Guardar animación GIF en Photoshop

En la parte final de nuestra guía, veremos cómo guardar correctamente la animación GIF en Photoshop. Para ello, se utiliza la conocida herramienta Guardar para Web, pero en las últimas versiones de Adobe Photoshop CC se encuentra en una nueva ubicación del menú (Archivo - Exportar). Afortunadamente, Alt + Shift + Ctrl + S todavía funciona.

En la ventana de configuración que se abre, debe seleccionar el formato GIF y también asegurarse de que la configuración de Opciones de bucle esté configurada en Siempre. En la esquina inferior derecha de la ventana, hay una opción para ejecutar el GIF animado que creó en Photoshop para obtener una vista previa.

Si todo funciona como se esperaba, haga clic en Guardar y guarde el archivo en su computadora local. Para comprobar la funcionalidad de un GIF, es necesario abrirlo en un navegador, porque... El visor integrado de Windows no reproduce animaciones.

Por cierto, también puedes exportar fácilmente tu proyecto a formato de vídeo. El procedimiento es el mismo que al guardar una animación GIF, pero en el menú de Photoshop, seleccione Archivo - Exportar - Renderizar video.

En la ventana que se abre habrá diferentes configuraciones de video, pero no necesitas cambiar nada adicional, simplemente haz clic en el botón Renderizar. Como resultado, recibirá un archivo mp4 con una presentación de diapositivas de fotos/imágenes.

Finalmente, sugerimos ver un video tutorial en inglés sobre cómo crear GIF animados en Photoshop. El algoritmo para trabajar allí es el mismo que en el artículo, pero quizás te resulte más fácil percibir la información del vídeo.

Si todavía tienes alguna pregunta sobre cómo hacer animaciones GIF en Photoshop o tienes alguna adición, escribe en los comentarios.