Con un poco de práctica y paciencia, puedes aprender a animar en Photoshop y convertir tu 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. Le llevaremos a través de cada paso necesario para aprender a animar en Photoshop.

Al igual que la mayoría de las herramientas de animación, tendrás que crear cada fotograma como imágenes separadas, por lo que tendrás que reservar algún tiempo para crear cada fotograma manualmente, especialmente si piensas hacer una animación complicada.

Empieza por crear tus marcos de animación en Photoshop

Para empezar, tendrás que guardar una imagen separada para cada uno de los marcos que piensas usar. Depende de lo complejo que quieras hacer tu animación, pero para esta prueba crearemos un simple logo animado.

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

Si no estás seguro de cómo puedes pasar del punto A al B en la animación, empieza primero por el fotograma final y luego crea el primer fotograma. Finalmente, rellena los cuadros intermedios.

A medida que guardes cada imagen, nómbrala numéricamente para no confundirte con su posición.

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

Una vez que tengas tus imágenes fotograma a fotograma es el momento de convertirlas en una animación. Asegúrate de seguir cuidadosamente los siguientes pasos.

  • Haz clic en Archivo, en Guiones, y luego en Cargar archivos en la pila.
  • Haz clic en Examinar y selecciona todos los fotogramas de la animación.
  • Haz clic en Aceptar y espera a que las imágenes se carguen en capas separadas.
  • Haga clic en Ventana y, a continuación, en Línea de tiempo para abrir la ventana de animación.
  • Haz clic en la flecha desplegable del panel de la línea de tiempo y selecciona Crear animación de cuadro.
  • Haga clic en Crear animación de marco.

Ahora tendrá una capa en la escala de tiempo, el siguiente paso consiste en convertir cada una de las capas en un nuevo marco. Sigue los pasos que se indican a continuación.

  • Haz clic en Seleccionar en la parte superior y, a continuación, en Todas las capas.
  • Haz clic en el icono de menú de tres pilas situado en el lado izquierdo del panel de la escala de tiempo.
  • En el menú que aparece, haga clic en Crear nueva capa para cada nuevo marco.
  • Haga clic en el icono de menú de tres pilas y ahora haga clic en Crear marcos de capas.

Ahora tendrás todas las imágenes cargadas en marcos separados. La siguiente tarea es elegir un tiempo para el tiempo de reproducción de cada cuadro.

Es posible que tenga que hacer algunas pruebas para obtener la velocidad adecuada, pero puede elegir el tiempo de fotograma para cada uno de ellos haciendo clic en la flecha que se encuentra debajo de cada fotograma junto al texto de 0 segundos.

Puedes experimentar con diferentes tiempos, pero es mejor empezar eligiendo el mismo tiempo con cada cuadro. 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 de forma individual.

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

  • Interruptor de la línea de tiempo: Cambia la línea de tiempo entre una línea de tiempo cuadro a cuadro y una línea de tiempo de película tradicional.
  • Cantidad de reproducción: Cambiar si la animación se reproduce para siempre o para un cierto número de bucles antes de detenerse. Esto afectará al resultado final una vez que se guarde como GIF. Puedes cambiar este ajuste de nuevo antes de exportar la animación más tarde.
  • Desplegable de reproducción: La flecha desplegable que se 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: Reproducir, pausar, detener y saltar la animación al final o al principio con los cuatro controles de reproducción disponibles.
  • Tween: Usa la función Tween para generar cuadros “intermedios” para que tu animación se vea más suave. La función “intermedia” se explicará con más detalle a continuación.
  • Cuadro duplicado: Este botón duplicará cualquier cuadro actualmente seleccionado y lo colocará en la línea de tiempo después del original.
  • Borrar cuadro: Esta opción borrará cualquier cuadro seleccionado.

Cómo exportar su animación de Photoshop

Una vez que estés contento con tu animación de Photoshop, puedes exportarla siguiendo los siguientes pasos.

  • Haz clic en Nuevo.
  • Haz clic en Exportar y, a continuación, en Guardar para la Web (Legado).
  • Si tiene una animación con colores detallados, seleccione GIF 128 Dithered en el menú desplegable preestablecido.
  • Si tiene una animación con colores simples de bloque, seleccione GIF 128 No Interrumpir.
  • Asegúrese de tener la opción que prefiera en las Opciones de bucle en la parte inferior.
  • Por último, haga clic en Guardar y elija un lugar para guardar su GIF en su PC.
Cómo hacer que una animación sea suave en Photoshop

A menos que tengas experiencia en hacer animación cuadro a cuadro, el resultado final puede parecer un poco brusco. Afortunadamente puedes usar la función Tween para rellenar los huecos automáticamente en la animación y hacer que las cosas parezcan más suaves.

Para ello, mantén pulsada la tecla de mayúsculas, haz clic en dos cuadros individuales de la ventana de la línea de tiempo y haz clic en el icono de Tween.

  • A continuación, haga clic para elegir si la configuración de Tween utilizará la posición, la opacidad o los efectos. Para la mayoría de las animaciones basadas en movimiento, deseará usar la posición.

Asegúrese de que Todas las capas estén seleccionadas y, a continuación, haga clic en Aceptar. Repita este proceso para cada fotograma emparejado. Por ejemplo, los fotogramas 1 y 2, luego los fotogramas 3 y 4, y así sucesivamente