Crear un gif en photoshop usando la línea de tiempo

Curso Básico de Photoshop

Introducción a Adobe Photoshop

¿Qué es Adobe Photoshop?

Mapas de Bits y Vectores

Mapas de Bits e Imágenes Vectoriales

Transformar el tamaño de un mapa de bits

Creación de un Documento

Crear y configurar un nuevo documento

Interfaz

Menú, Paneles y Espacios de Trabajo

Herramientas de navegación

Redimensionado de imágenes

Herramientas de creación

Pincel

Relleno y degradado

Texto

Formas

Capas

Creación y trabajo con capas

Estilos de capa

Capas de ajuste

Modos de fusión

Proyecto: Imagen para Redes Sociales

Reto: Modernismo Suizo

Diseño de una imagen para Redes Sociales

Selecciones

Herramientas de selección

Editar y ajustar selección

Máscaras

Crear y editar máscaras

Máscaras vectoriales

Proyecto: Otra imagen para Redes Sociales

Diseño de otra imagen para Redes Sociales

Herramientas de Retoque Digital

Herramientas de ajuste

Herramientas de corrección

Objetos

Integración con Illustrator

Objetos inteligentes

Guardar y Exportar

Atajos de teclado

Guardar y exportar

Reto: Disco de Jazz

Animaciones en Adobe Photoshop

Crear un gif en photoshop usando la línea de tiempo

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Crear cuenta

Si ya tienes una cuenta,

Iniciar sesión

Recursos

La línea de tiempo es una herramienta de Photoshop que nos permite animar nuestros proyectos de diferentes formas:

Método tradicional: Debemos configurar nuestra animación cuadro por cuadro, lo que nos permite tener control total sobre todas las partes de nuestras animaciones pero nos cuesta mucho tiempo de trabajo.
Animación de tiempo de vida: Es una ayuda de Photoshop para crear animaciones un poco menos complejas pero que nos permiten modificar las propiedades y atributos de nuestras capas solo en puntos clave mientras que Photoshop crea por nosotros los cuadros intermedios entre los puntos donde definimos los cambios para que la animación funcione correctamente y sin tanto trabajo.

Los frames por segundo son la cantidad de imágenes que se muestran en un segundo en una animación. A mayor cantidad de frames aumenta el tamaño del archivo final.

Cuando trabajamos con las animaciones de tiempo de vida debemos tener en cuenta que algunos elementos van a ser estáticos y solo podemos modificar sus estilos, opacidad y posición. Sin embargo, si convertimos nuestras capas en objetos inteligentes también podremos animar sus formas, lo que nos da un mejor control sobre los elementos y el resultado de la animación.

Para que los movimientos de nuestros elementos sean un poco más realistas debemos seguir los principios de la animación.

Por ejemplo, en nuestro ejemplo del rebote de la pelota, necesitamos jugar con su aceleración y deformación: en vez de definir un principio y un final (por lo que Photoshop creará todos los cuadros intermedios, moviendo y deformando la pelota de forma “linear”), vamos a definir nuevos puntos cada vez más separados para dar la impresión de que el movimiento y deformación de la pelota son más rápidos entre más cerca está ella del suelo.

Por último, podemos exportar nuestra animación en formato de imagen con movimiento (GIF) usando la opción Archivo > Exportar > Guardar para Web (heredado) (donde podemos configurar la cantidad de frames y colores que no afecten ni la calidad ni el peso de la imagen) o en formato video (para Instagram Stories, por ejemplo) usando la opción de Archivo > Exportar > Interpretar video, recuerda que el nombre del archivo debe terminar con la extensión .mp4 y podemos usar el formato H_264.

Aportes 113

Preguntas 27

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Venyery Rodriguéz

hace 3 años

use las imagenes de un juego de movil y las ordene a mi manera 😄

soywilliamfgm