Crear animaciones basadas en fotogramas

Última actualización el 4 dic 2025

Crea animaciones fotograma a fotograma configurando capas en diferentes posiciones, opacidades o estilos para cada fotograma en Adobe Photoshop.

Las animaciones basadas en fotogramas en Photoshop te permiten crear contenido animado simple mediante la construcción de una Secuencia de fotogramas, donde cada fotograma representa una configuración diferente de tus capas.Esta técnica es ideal para crear GIF animados para contenido web, publicaciones en medios sociales o gráficos con movimiento simple.

Las animaciones por fotogramas funcionan mostrando una Secuencia de fotogramas en orden, creando la ilusión de movimiento.A diferencia de las animaciones de cronología que utilizan fotogramas clave e interpolación automática, las animaciones por fotogramas te dan un control preciso sobre cada fotograma individual.Este flujo de trabajo es más adecuado para animaciones simples con estados distintos en lugar de movimientos complejos y fluidos.

Abre los paneles Timeline y Layers seleccionando Window > Timeline y Window > Layers.

Selecciona el icono de Flecha abajo en el medio del panel Timeline, y selecciona Create Frame Animation.

Añade una nueva capa o convierte la capa de fondo en una capa regular.

Añada contenido a la animación. Si tu animación incluye varios objetos que se mueven independientemente o si deseas cambiar el color o contenido en diferentes fotogramas, crea estos objetos en capas separadas.

Añade un nuevo fotograma seleccionando el icono Duplicate Selected Frames en la parte inferior del panel Timeline.

Selecciona el nuevo fotograma en el panel Timeline y modifica las capas para este fotograma en el panel Layers.Puedes activar o desactivar la Visibilidad de diferentes capas, cambiar posiciones de capas, ajustar la opacidad para crear efectos de desvanecimiento o modificar estilos de capa.

Continúa añadiendo fotogramas y editando capas según sea necesario.Añade tantos fotogramas como requiera tu animación.El número de fotogramas solo está limitado por la memoria disponible en tu sistema.

Establece el tiempo para cada fotograma seleccionando el tiempo de retraso (mostrado debajo de cada fotograma) y selecciona una duración del menú desplegable.

Establece las opciones de bucle seleccionando Once, Forever, o Other del menú desplegable Select looping options en la parte inferior del panel Timeline.

Selecciona el icono Play en el panel Timeline para ver una vista previa de tu animación.