Saltar al contenido

Cómo animar una imagen en Photoshop

abril 8, 2021
adobe photoshop Cómo animar una imagen en Photoshop

Con algo de práctica y paciencia, puede aprender a animar en Photoshop y convertir su trabajo en un GIF para compartir en línea. Las herramientas de animación de Photoshop a menudo son desconocidas, pero vale la pena aprenderlas. Lo guiaremos a través de cada paso necesario para aprender a animar en Photoshop.

Como la mayoría de las herramientas de animación, necesitará crear cada fotograma como imágenes separadas, por lo que deberá reservar algo de tiempo para crear cada fotograma manualmente, especialmente si planea hacer una animación complicada.

adobe photoshop Cómo animar una imagen en Photoshop

Empiece por hacer sus cuadros de animación en Photoshop

Para empezar, deberá guardar una imagen separada para cada uno de los marcos que planea usar. Depende de usted qué tan complejo quiera hacer su animación, pero para esta prueba crearemos un logotipo animado simple.

El truco para aprender a animar en Photoshop es realizar pequeños movimientos y guardar una nueva foto cada vez que realiza un movimiento. Cada movimiento debe tener el mismo peso. Por ejemplo, si desea que una línea de texto se deslice por la pantalla, cada cuadro debe hacer que el texto se mueva la misma cantidad de píxeles para que la animación se vea fluida.

make animation photoshop Cómo animar una imagen en Photoshop

Si no está seguro de cómo puede ir del punto A al B en su animación, comience con el fotograma final primero y luego cree el primer fotograma. Finalmente, complete los marcos intermedios.

A medida que guarde cada imagen, nómbrelas numéricamente para que no se confunda con su posición.

Cómo animar una secuencia de imágenes en Photoshop

photoshop stacks files Cómo animar una imagen en Photoshop

Una vez que tenga sus imágenes fotograma a fotograma, es hora de convertirlas en una animación. Asegúrese de seguir los pasos a continuación cuidadosamente.

create frame animation Cómo animar una imagen en Photoshop
  1. Hacer clic Expediente, Haga clic en Guiones, luego haga clic en Cargar archivos en la pila …
  2. Hacer clic Navegar… y seleccione todos sus fotogramas para su animación.
  3. Hacer clic OK y espere a que las imágenes se carguen en capas separadas.
  4. Hacer clic Ventana y luego Cronología para abrir la ventana de animación.
  5. Haga clic en el flecha desplegable en el panel de la línea de tiempo y seleccione Crear animación de fotogramas.
  6. Hacer clic Crear animación de fotogramas.
create new layers from frames Cómo animar una imagen en Photoshop

Ahora tendrá una capa en su línea de tiempo. El siguiente paso es convertir cada una de sus capas en un nuevo marco. Siga los pasos a continuación.

  1. Hacer clic Seleccione en la parte superior y luego haga clic en Todas las capas.
  2. Haga clic en el icono de menú de tres pilas en el lado izquierdo del panel de la línea de tiempo.
  3. En el menú que aparece, haga clic en Crear nueva capa para cada nuevo marco.
  4. Haga clic en el icono de menú de tres pilas y ahora haz clic Hacer marcos a partir de capas.
frames for animation photoshop Cómo animar una imagen en Photoshop

Ahora tendrá todas sus imágenes cargadas en marcos separados. La siguiente tarea es elegir un tiempo durante el que se reproducirá cada cuadro. Es posible que sea necesario realizar algunas pruebas para obtener la velocidad correcta, pero puede elegir el tiempo de fotograma para cada fotograma individual haciendo clic en la flecha debajo de cada marco al lado de 0 segundos texto.

Puede experimentar con diferentes tiempos, pero es mejor comenzar eligiendo el mismo tiempo con cada fotograma. Si una animación contiene diferentes escenas o fases de animación, es posible que desee ajustar los tiempos para cada una de esas fases / escenas individualmente.

photoshop animation timeline Cómo animar una imagen en Photoshop

En cualquier momento puede hacer clic en el botón de reproducción para ver la animación. También hay una serie de otros controles en la ventana de la línea de tiempo, que hemos explicado de izquierda a derecha a continuación.

Interruptor de línea de tiempo

Cambie la línea de tiempo entre una línea de tiempo fotograma a fotograma y una línea de tiempo de película tradicional.

Cantidad de reproducción

Cambie si la animación se reproduce para siempre o durante un cierto número de bucles antes de detenerse. Esto afectará el resultado final una vez que se guarde como GIF. Puede cambiar esta configuración nuevamente antes de exportar la animación más tarde.

Menú desplegable de reproducción

La flecha desplegable que ve en los controles de la línea de tiempo es otro método para acceder a la cantidad de reproducción.

Controles de reproducción

Reproduzca, pause, detenga y salte la animación hasta el final o el principio con los cuatro controles de reproducción disponibles.

Interpolación

Utilice la función Tween para generar fotogramas “intermedios” para que su animación se vea más suave. La función Tween se explicará con más detalle a continuación.

Marco duplicado

Este botón duplicará cualquier fotograma seleccionado actualmente y lo colocará en la línea de tiempo después del original.

Eliminar marco

Esta opción eliminará cualquier fotograma seleccionado.

Cómo exportar su animación de Photoshop

export gif animation photoshop Cómo animar una imagen en Photoshop

Una vez que esté satisfecho con su animación de Photoshop, puede exportarla siguiendo los pasos a continuación.

  1. Hacer clic Nuevo.
  2. Hacer clic Exportar y luego haga clic en Guardar para Web (heredado)…
  3. Si tiene una animación con colores detallados, seleccione GIF 128 difuminado debajo del menú desplegable preestablecido.
  4. Si tiene una animación con colores de bloque simples, elija GIF 128 Sin Dither.
  5. Asegúrese de tener su opción preferida configurada en el Opciones de bucle en el fondo.
  6. Finalmente, haga clic en Ahorrar… y elija un lugar para guardar su GIF en su PC.

Cómo hacer una animación suave en Photoshop

A menos que tenga experiencia en la creación de animaciones fotograma a fotograma, el resultado final puede parecer un poco extraño. Afortunadamente, puede usar la función Tween para completar los espacios automáticamente en su animación para que las cosas se vean más suaves.

tween photoshop Cómo animar una imagen en Photoshop

Para hacer esto, sostenga el cambio , haga clic en dos fotogramas individuales en la ventana de la línea de tiempo y haga clic en el Icono de interpolación. A continuación, haga clic para elegir si la configuración de Tween utilizará posición, opacidad, o efectos. Para la mayoría de las animaciones basadas en movimientos, querrá usar posición.

Asegurarse Todas las capas están seleccionados y luego haga clic en OK. Repita este proceso para cada fotograma emparejado. Por ejemplo, los fotogramas 1 y 2, luego los fotogramas 3 y 4, y así sucesivamente.

Resumen

Esperamos que nuestra guía sobre cómo animar en Photoshop te haya ayudado. Si necesita más ayuda, no dude en dejar un comentario a continuación.