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.
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.
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?
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.
- Haga clic en archivo, haga clic en Scripts, luego haga clic en cargar archivos en la pila.
- Haga clic en examinar y seleccione todos sus fotogramas para su animación.
- Haga clic en aceptar y espere a que las imágenes se carguen en capas separadas.
- Haga clic en ventana y luego en línea de tiempo para abrir la ventana de animación.
- Haga clic en la flecha desplegable en el panel de línea de tiempo y seleccione crear animación de cuadro.
- Haga clic en crear animación de cuadro.
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.
- Haga clic en seleccionar en la parte superior y luego haga clic en todas las capas.
- Haga clic en el ícono del menú de tres pilas en el lado izquierdo del panel de la línea de tiempo.
- En el menú que aparece, haga clic en crear nueva capa para cada marco nuevo.
- Haga clic en el ícono del menú de tres pilas y ahora haga clic en crear marcos a partir de capas.
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.
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?
Una vez que esté satisfecho con su animación de Photoshop, puede exportarla siguiendo los pasos a continuación.
- Haga clic en nuevo.
- Haga clic en exportar y luego haga clic en guardar para Web (heredado)
- Si tiene una animación con colores detallados, seleccione GIF 128 tramado en el menú desplegable preestablecido.
- Si tiene una animación con colores de bloque simples, elija GIF 128 sin interpolación.
- Asegúrese de tener su opción preferida configurada en opciones de bucle en la parte inferior.
- 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.
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.