¿Cómo animar una imagen en Photoshop? - 3 - noviembre 26, 2022

¿Cómo animar una imagen en Photoshop?

Con un poco 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 son a menudo desconocidas, pero vale la pena aprenderlas. Lo guiaremos a través de cada paso necesario para aprender a animar en Photoshop.

¿Cómo animar una imagen en Photoshop? - 5 - noviembre 26, 2022

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

Comience 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 desea hacer su animación, pero para esta prueba crearemos un logotipo animado simple.

El truco para aprender a animar en Photoshop es hacer pequeños movimientos y guardar una foto nueva cada vez que hagas 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.

¿Cómo animar una imagen en Photoshop? - 7 - noviembre 26, 2022

Si no está seguro de cómo puede ir del punto A al B en su animación, comience primero con el cuadro final y luego cree el primer cuadro. 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?

¿Cómo animar una imagen en Photoshop? - 9 - noviembre 26, 2022

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

¿Cómo animar una imagen en Photoshop? - 11 - noviembre 26, 2022
  1. Haga clic en archivo, haga clic en Scripts, luego haga clic en cargar archivos en la pila.
  2. Haga clic en examinar y seleccione todos sus fotogramas para su animación.
  3. Haga clic en aceptar y espere a que las imágenes se carguen en capas separadas.
  4. Haga clic en ventana y luego en línea de tiempo para abrir la ventana de animación.
  5. Haga clic en la flecha desplegable en el panel de línea de tiempo y seleccione crear animación de cuadro.
  6. Haga clic en crear animación de cuadro.
¿Cómo animar una imagen en Photoshop? - 13 - noviembre 26, 2022

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. Haga clic en seleccionar en la parte superior y luego haga clic en todas las capas.
  2. Haga clic en el ícono del 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 marco nuevo.
  4. Haga clic en el ícono del menú de tres pilas y ahora haga clic en crear marcos a partir de capas.
¿Cómo animar una imagen en Photoshop? - 15 - noviembre 26, 2022

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

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.

¿Cómo animar una imagen en Photoshop? - 17 - noviembre 26, 2022

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 cuadro por cuadro 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 adelante.

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 cuadros intermedios para que su animación se vea más fluida. 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 marco seleccionado.

¿Cómo exportar su animación de Photoshop?

¿Cómo animar una imagen en Photoshop? - 19 - noviembre 26, 2022

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

  1. Haga clic en nuevo.
  2. Haga clic en exportar y luego haga clic en guardar para Web (heredado)
  3. Si tiene una animación con colores detallados, seleccione GIF 128 tramado en el menú desplegable preestablecido.
  4. Si tiene una animación con colores de bloque simples, elija GIF 128 sin interpolación.
  5. Asegúrese de tener su opción preferida configurada en opciones de bucle en la parte inferior.
  6. Finalmente, haga clic en guardar y elija un lugar para guardar su GIF en su PC.

¿Cómo suavizar una animación en Photoshop?

A menos que tenga experiencia en hacer animaciones cuadro por cuadro, el resultado final puede parecer un poco extraño. Afortunadamente, puede usar la función Tween para llenar los espacios automáticamente en su animación para que las cosas se vean más fluidas.

¿Cómo animar una imagen en Photoshop? - 21 - noviembre 26, 2022

Para hacer esto, mantenga presionada la tecla Mayús, haga clic en dos fotogramas individuales en la ventana de la línea de tiempo y haga clic en el icono Interpolación. A continuación, haga clic para elegir si la configuración de interpolación utilizará posición, opacidad o efectos. Para la mayoría de las animaciones basadas en movimiento, querrá usar position.

Asegúrese de que todas las capas estén seleccionadas y luego haga clic en aceptar. Repita este proceso para cada cuadro emparejado. Por ejemplo, los fotogramas 1 y 2, luego los fotogramas 3 y 4, y así sucesivamente.