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 a menudo son desconocidas, pero vale la pena aprenderlas. Le 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 cuadro como imágenes separadas, por lo que deberá reservar algunas 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 lo complejo que quiera 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 nueva foto cada vez que haces 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 suave.

Si no está asegúrese de cómo puede llegar del punto A al B en su animación, comience primero con el cuadro final y luego cree el primer cuadro. Finalmente, complete los cuadros intermedios.

Mientras guarda cada imagen, asígnele un nombre numérico para que no se confunda con su posición.

In_content_1 all : [300x250] / dfp: [640x360]->

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.

  1. Haga clic en Archivo, haga clic en Scripts, luego haga clic en Cargar archivos Into Stack ..
  2. Haga clic en Examinar ...y seleccione todos sus cuadros para su animación.
  3. Haga clic en Aceptary espere a que las imágenes se carguen en capas separadas.
  4. Haga clic en Ventanay luego en Línea de tiempopara abrir la ventana de animación.
  5. Haga clic en la flecha desplegableen el panel de la línea de tiempo y seleccione Crear animación de cuadros.
  6. Haga clic en Crear animación de cuadros.
  7. 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 Seleccionaren la parte superior y luego haga clic en Todas las capas.
    2. Haga clic en icono de menú de tres pilasen 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 pilasy ahora haga clic en Crear marcos a partir de capas.
    5. ahora tenga todas sus imágenes cargadas en marcos separados. La siguiente tarea es elegir un tiempo para la duración de cada fotograma. Puede tomar 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 cuadroal lado del texto 0 segundos.

      Puede experimentar con diferentes tiempos, pero es mejor comenzar 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 individualmente.

      En cualquier momento puede hacer clic en el botón de reproducción para ver el 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.

      Cambio de línea de tiempo

      Cambiar 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 para un cierto número de bucles antes parada. Esto afectará el resultado final una vez que se guarde como un 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 la cantidad de reproducción.

      Controles de reproducción

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

      Entre

      Use la función Interpolación para generar cuadros "intermedios" para que su animación se vea más fluida. La función Interpolación se explicará con más detalle a continuación.

      Duplicar fotograma

      Este botón duplicará cualquier fotograma seleccionado actualmente y lo colocará en la línea de tiempo después el 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.

      1. Haga clic en Nuevo.
      2. Haga clic en Exportary luego haga clic en Guardar para Web (Legado) ...
      3. Si tiene una animación con colores detallados, seleccione GIF 128 Dithereden el menú desplegable preestablecido.
      4. Si tiene una animación con colores de bloque simples, elija GIF 128 No Dither.
      5. Asegúrese de tener su opción preferida configurada en las Opciones de bucleen la parte inferior.
      6. Finalmente, haga clic en Guardar ...y elija un lugar para guardar su GIF en su PC.
      7. Cómo hacer una animación Suave en Photoshop

        A menos que tenga experiencia en hacer animación cuadro por cuadro, el resultado final puede parecer un poco nervioso. 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 suaves.

        Para hacer esto, mantenga presionada la tecla shift, haga clic en dos cuadros individuales en la ventana de la línea de tiempo y haga clic en el icono Tween. A continuación, haga clic para elegir si la configuración Tween usará posición, opacidad, o efectos. Para la mayoría de las animaciones basadas en movimientos, querrás usar posición.

        Asegúrese de que Todas las capasestén seleccionadas y luego haga clic en Aceptar. Repita este proceso para cada cuadro emparejado. Por ejemplo, los cuadros 1 y 2, luego los cuadros 3 y 4, y así sucesivamente.

        Resumen

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

        Artículos Relacionados:


        24.05.2020