Tutorial de animación: Convierte imágenes en GIF y videos

Tutorial de animación: Convierte imágenes en GIF y videos

Como se vio en los Grammy, la aplicación gratuita Plotagraph te permite agregar animacion a fotos y obras de arte. Así es cómo.

Agregar animación a ilustraciones y fotos es una forma garantizada de hacer que aparezcan en aplicaciones y sitios, desde Instagram hasta vallas publicitarias. Plotagraph le permite crearlos como GIF animados o vídeos listos para la web a partir de imágenes y fotos estáticas, por lo que no es necesario filmar videos o producir animaciones complejas, utilizando herramientas simples que no requieren ningún fondo en animación o VFX para lograrlo, puedes usar cualquier foto u obra de arte. Las imágenes que funcionan mejor para este efecto tienen áreas definidas de textura, especialmente aquellas que brillan para brillar.

Plotagraph está disponible como una aplicación gratuita para Mac y Windows e iOS.

Comenzaremos descargando la aplicación de fotografía en su teléfono o computadora de escritorio, abra el software continúe y cree una cuenta.

Trabajaremos en la versión de escritorio para este tutorial, aunque ambas plataformas tienen las mismas características. Puede comenzar con la versión gratuita por ahora y luego actualizar más tarde si lo desea.

Paso: 1

Paso: 1 Tutorial de animación: Convierte imágenes en GIF animados y videos

Haga clic en el símbolo + en la parte inferior de la aplicación y elija Crear fotografía.

Paso: 2

Paso: 2 Tutorial de animación: Convierte imágenes en GIF animados y videos

Elija la imagen en la que desea trabajar haciendo clic en el icono Elegir imagen, luego asigne un nombre a su proyecto y presione CREAR para comenzar a trabajar en su proyecto.

Paso: 3

Paso: 3 Tutorial de animación: Convierte imágenes en GIF animados y videos

Una vez que haya decidido a qué partes de la imagen desea agregar movimiento, haga clic en la herramienta Pincel y use el Pincel de máscara para pintar sobre cualquier área de la imagen que desee mantener congelada. Alternativamente, puede hacer clic en el botón Enmascarar todo y luego usar el Pincel borrador para quitar la máscara sobre secciones más pequeñas de su imagen. Deje un pequeño espacio alrededor de los bordes del área enmascarada para evitar que el efecto de animación se extienda al fondo más adelante.

Sugerencia: para aquellos que están acostumbrados a enmascarar en Photoshop, las mismas teclas de corchetes se aplican para cambiar el tamaño del pincel en Plotagraph, o puede configurarlo manualmente en la barra de herramientas Herramientas de pincel.

Paso: 4

Paso: 4 Tutorial de animación: Convierte imágenes en GIF animados y videos

A continuación, haga clic en el icono Pluma en la barra de herramientas, que controla la suavidad de los bordes de la máscara. En este caso, se busca obtener un borde ligeramente suave para la cola del vestido para que se mezcle con los bordes, así que haga clic en Primer plano y deslice el control deslizante Primer plano un poco hacia la derecha.

Paso: 5

Paso: 5 Tutorial de animación: Convierte imágenes en GIF animados y videos

Ahora agregamos algo de animación a nuestra imagen. Haga clic en el icono de la bailarina para acceder a los puntos de animación. Haga clic en + Puntos de animación, lo que le dará el cursor que necesita para comenzar a agregar algunas pautas de movimiento.

Paso: 6

Paso: 6 Tutorial de animación: Convierte imágenes en GIF animados y videos

Cree pautas de movimiento en las áreas de la imagen que desea animar haciendo clic y arrastrando con el cursor en la dirección en la que desea que viajen los píxeles.

En la imagen se han utilizado los reflejos naturales de la tela para dictar la dirección de las pautas de movimiento. Presiona el ícono Reproducir en la parte inferior para obtener una vista previa de tu animación.

Paso: 7

Paso: 7 Tutorial de animación: Convierte imágenes en GIF animados y videos

La longitud de la guía de movimiento también dicta qué tan lejos se mueven los píxeles, por lo que cuanto más sutil desee que sea el efecto, más corta debe ser la longitud de las guías de movimiento. Puede ver aquí que se ha usado una variedad de pautas de movimiento de longitud diferentes según la forma de la tela.

Paso: 8

Paso: 8 Tutorial de animación: Convierte imágenes en GIF animados y videos

Sugerencia: Deberá crear algunas de estas pautas de movimiento en toda el área que desea animar. Recuerde, es posible que no desee que todas las pautas de movimiento vayan en la misma dirección, así que experimente cambiandolas un poco.

Paso: 9

Paso: 9 Tutorial de animación: Convierte imágenes en GIF animados y videos

Si elige desbloquear el modo Pro, puede activar Rutas personalizadas, lo que le permite dibujar físicamente la ruta que desea que tome su animación. Es genial para agregar un poco de curvatura en el movimiento.

Paso: 10

Paso: 10 Tutorial de animación: Convierte imágenes en GIF animados y videos

También puede incluir puntos de anclaje / estabilizador para preservar cualquier punto específico de su área animada que no desee mover. Simplemente haga clic en la herramienta en el submenú Puntos de animación y haga clic una vez sobre el área con el cursor para dejar un pequeño punto rojo. Estas áreas específicas ahora no estarán animadas. Puede ver que se ha puesto algunos de estos en los pliegues flotantes de la tela. 

Fueron colocados ligeramente lejos del borde para permitirme animar hasta el borde del pliegue para una animación más realista.

Paso: 11

Paso: 11 Tutorial de animación: Convierte imágenes en GIF animados y videos

En la siguiente opción en la barra de herramientas, encontrará Propiedades de animación, donde puede establecer el estilo y la duración en segundos de la transformación total. Toma el tiempo necesario para crear una animación lenta y sutil.

Consejo: hay muchas más opciones en este panel cuando desbloquea la versión Pro, que son bastante útiles.

Paso: 12

Paso: 12 Tutorial de animación: Convierte imágenes en GIF animados y videos

Si ha actualizado a la versión Pro, en el lado derecho, haga clic en el símbolo de la eternidad para abrir la barra de herramientas de la biblioteca Plota FX.

Encontrará una biblioteca de archivos de video y audio que puede aplicar a sus imágenes para darles más vida a sus imágenes, o cargar las suyas propias si se siente creativo.

Apliqué el efecto de video ‘Partículas blancas’, el blanco lo configuré en un 5% de opacidad para un efecto muy sutil. Presiona el ícono de reproducción nuevamente para probar tu animación con la nueva superposición de efectos.

Paso: 13

Paso: 13 Tutorial de animación: Convierte imágenes en GIF animados y videos

También puede agregar su propio logotipo para marcar su creación utilizando la Biblioteca de imágenes fijas. Simplemente cargue su archivo, haga clic en Agregar y cambie el tamaño y la posición.

Paso: 14

Paso: 14 Tutorial de animación: Convierte imágenes en GIF animados y videos

Haga clic en el icono de sol en la barra de herramientas para que aparezcan los controles de Brillo / Contraste. También encontrará el tono , la saturación y contraste.

Paso: 15

Paso: 15 Tutorial de animación: Convierte imágenes en GIF animados y videos

Una vez que esté satisfecho con su animación, haga clic en el icono Exportar en la parte inferior derecha de la pantalla. Encontrará tres opciones. La opción de la izquierda es compartir su creación con la comunidad de Plotaverse. Y obtén comentarios sobre tus creaciones. La opción correcta lo lleva a sus exportaciones anteriores.

Paso: 16

Paso: 16 Tutorial de animación: Convierte imágenes en GIF animados y videos

La opción del medio le permite crear una exportación personalizada, donde puede controlar todo, desde el tamaño de la imagen hasta el tipo de archivo, e incluso el número de veces que se repite la animación.

Paso: 17

Paso: 17 Tutorial de animación: Convierte imágenes en GIF animados y videos

Una vez que haya creado una exportación, diríjase a su panel Mis exportaciones, donde puede ver y descargar sus animaciones en su escritorio para compartir.

Lea a continuación: Las mejores alternativas a Illustrator.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad