Adobe Animate CC Tutorial #02 | Interpolación de movimiento (Bien Explicado)

Miguexe Animation

4 Mar 201706:46

Summary

TLDREn este tutorial, el creador explica cómo realizar una animación en Adobe utilizando la herramienta pincel. El ejemplo comienza con el dibujo de un 'frijolito', al cual se le da color y se convierte en un símbolo. A través de la interpolación de movimiento, el dibujo se desplaza en la pantalla y, además, el autor enseña a agregarle volteretas mediante fotogramas clave. Finalmente, se añade un efecto de desenfoque para mejorar la animación. El video concluye animando a los espectadores a comentar y seguir aprendiendo más técnicas de animación en futuros tutoriales.

Takeaways

🎨 El video tutorial es sobre el uso de la herramienta de pincel en Adobe.
🖌️ El presentador dibuja un frijolito como ejemplo para empezar a utilizar la herramienta.
🖼️ Se enseña cómo convertir el dibujo en un símbolo presionando F8.
🔄 El tutorial explica cómo crear una interpolación de movimiento para desplazar el dibujo.
🖱️ Se utiliza la herramienta de transformación para ajustar el movimiento del frijolito.
↔️ El frijolito se desplaza de un lado al otro y después se devuelve a la izquierda.
🔁 Se enseña cómo hacer que el frijolito haga volteretas rotándolo en 90 grados.
🔍 Se revisa la animación en bucle y se soluciona el problema de visualización con Ctrl + Alt + Enter.
💨 Se añade un efecto de desenfoque al frijolito para mejorar su aspecto al girar.
👍 El presentador finaliza agradeciendo a los espectadores y animándolos a suscribirse.

Q & A

¿Qué herramienta de Adobe se utiliza en el tutorial para dibujar un frijolito?
-Se utiliza la herramienta 'pincel' en Adobe Animate para dibujar un frijolito.
¿Cómo se convierte el dibujo de un frijolito en un símbolo en Adobe Animate?
-Para convertir el dibujo en símbolo, se selecciona la capa y se presiona F8, luego se le da un nombre al símbolo y se acepta.
¿Qué atajo de teclado se usa para crear un fotograma clave en Adobe Animate?
-El atajo de teclado para crear un fotograma clave es F5.
¿Cómo se activa la interpolación de movimiento en Adobe Animate?
-Se selecciona la capa completa y se hace clic derecho, luego se elige 'interpolación de movimiento'.
¿Qué herramienta se usa para desplazar el dibujo hacia la derecha en la animación?
-Se utiliza la herramienta de 'transformación' para desplazar el dibujo hacia la derecha.
¿Cómo se puede hacer que el frijolito se mueva hacia la izquierda pero abajo en la animación?
-Se estira el fotograma y se arrastra el último fotograma clave hacia la izquierda pero hacia abajo.
¿Cómo se pueden hacer volteretas al frijolito en la animación?
-Se inserta un fotograma clave y se rota el dibujo en 90 grados, se crean más fotogramas clave y se repite el proceso.
¿Qué significa el 'puntito' en la posición final del frijolito en la animación?
-El 'puntito' representa la posición final del frijolito en la animación.
¿Por qué el frijolito no da volteretas al reproducir la animación directamente en la escena?
-Puede ser porque la animación no se está mostrando en bucle, lo cual se puede verificar presionando Control + Alt + Enter.
¿Cómo se agrega un efecto de desenfoque al frijolito en la animación?
-Se seleccionan 'filtros', se despliegan las opciones y se elige 'desenfoque', luego se configura a gusto la cantidad de desenfoque vertical.
¿Por qué puede parecer que el frijolito se mueve raro en el vídeo?
-Puede ser debido a que la grabadora del vídeo está reduciendo la cantidad de fps, lo que afecta la fluidez de la animación.

Outlines

00:00

🎨 Tutorial sobre la creación de animaciones con Adobe y pinceles

En este primer párrafo, el creador del video da la bienvenida a los espectadores y agradece por el apoyo en su anterior video de Dragon Quest, que le tomó varios meses finalizar. Luego, introduce el tema del tutorial, que se centra en la creación de un dibujo sencillo, un frijolito, utilizando la herramienta de pincel en Adobe. Después de colorear el frijolito, el creador lo convierte en un símbolo utilizando la función 'F8'. A partir de ahí, muestra cómo agregar una interpolación de movimiento a la animación, seleccionando fotogramas clave y expandiendo la línea de tiempo con 'F5'. Explica que esta técnica permite mover el objeto dentro de la animación.

05:01

🌀 Movimiento y ajustes avanzados de la animación del frijolito

Este párrafo detalla cómo hacer que el frijolito se mueva dentro de la animación. Se selecciona el último fotograma clave para arrastrarlo hacia la derecha, creando una guía de movimiento que desplaza el frijolito de un lado a otro. Luego, el creador demuestra cómo hacer que el frijolito se devuelva a su posición inicial estirando los fotogramas con 'F5'. Explica cómo revisar la animación usando 'Control + Alt + Enter' y muestra cómo ajustar la animación para que el frijolito regrese a la izquierda y abajo. Se menciona también la creación de una guía de movimiento para lograr este efecto.

🔄 Cómo agregar volteretas al frijolito

En esta sección, el creador enseña cómo agregar volteretas al frijolito. Comienza explicando que debido a que el frijolito está convertido en un símbolo, tiene solo un fotograma. Para solucionar esto, se añaden más fotogramas clave y se usa la herramienta de transformación para rotar el frijolito 90 grados en cada fotograma. Este proceso se repite hasta que se crea una animación en bucle de las volteretas del frijolito. Además, se menciona cómo regresar a la escena principal para revisar la animación.

⚙️ Revisión del desplazamiento y corrección de errores de animación

Aquí, el creador revisa el resultado de la animación de desplazamiento del frijolito. Comenta un problema que surge al reproducir la animación directamente en el programa, donde el frijolito no parece estar dando volteretas. Sin embargo, al usar 'Control + Alt + Enter', se confirma que el frijolito sí está girando. El creador tranquiliza a los espectadores diciendo que, si no ven la animación en bucle correctamente, no deben preocuparse, ya que se trata de un error en el renderizado de la vista previa.

✨ Agregando desenfoque para mejorar la animación

En este párrafo, se detalla cómo agregar un efecto de desenfoque al frijolito. El creador selecciona la opción de filtros, elige 'Desenfoque' y configura las opciones de desenfoque horizontal y vertical. Ajusta la cantidad del efecto para lograr el resultado deseado y revisa nuevamente la animación. Finalmente, el creador comenta que, aunque la grabadora de pantalla podría afectar la fluidez de los fotogramas por segundo (FPS), estos son detalles menores que no deben causar preocupación.

👋 Despedida y agradecimientos finales

El creador cierra el video con una despedida, esperando que el tutorial haya sido útil para los espectadores. Invita a dejar dudas o preguntas en los comentarios y menciona que seguirá subiendo más tutoriales de animación. Finalmente, anima a los espectadores a darle 'like' al video, compartirlo con amigos y suscribirse al canal para recibir más contenido en el futuro.

Mindmap

Keywords

💡Adobe Animate

Adobe Animate es un software de animación y creación de juegos interactivos utilizado para diseñar gráficos vectoriales, crear animaciones y juegos en 2D. En el vídeo, se utiliza Adobe Animate para enseñar cómo crear una animación de un 'frijolito'. La herramienta es fundamental para el tema del tutorial, ya que es el medio a través del cual se desarrolla la animación.

💡Pincel

El 'pincel' es una herramienta dentro de Adobe Animate utilizada para dibujar formas y detalles en el lienzo. En el guion, el presentador menciona que comenzará a dibujar un 'frijolito' utilizando la herramienta 'pincel', lo que indica que es una herramienta para la creación de arte en el software.

💡Símbolo

Un 'símbolo' en Adobe Animate es una instancia de un gráfico o elemento que se puede reutilizar en diferentes partes del proyecto sin tener que volver a dibujar o importar el elemento. En el vídeo, el 'frijolito' se convierte en un símbolo para facilitar su manipulación y movimiento en la animación.

💡Fotograma clave

Un 'fotograma clave' es un marco específico en un proyecto de animación que define una posición o acción crítica de un objeto. En el tutorial, el creador utiliza fotogramas clave para establecer los puntos de inicio y fin del movimiento del 'frijolito' y para hacer volteretas.

💡Interpolación de movimiento

La 'interpolación de movimiento' es un proceso automático en Adobe Animate que permite crear una transición fluida entre los fotogramas clave. En el guion, se menciona que se crea interpolación de movimiento para permitir que el 'frijolito' se mueva de un lado a otro.

💡Transformación

La 'transformación' es una acción en Adobe Animate que permite cambiar la posición, escala, rotación y扭曲 de un objeto en la escena. En el vídeo, se usa la herramienta de transformación para mover y rotar al 'frijolito' en la animación.

💡Renderizado

El 'renderizado' es el proceso de convertir los datos de la escena en una imagen visual final. En el guion, se menciona que si la animación no se reproduce en bucle, se puede ver una animación renderizada al presionar 'control + alt + enter', lo que indica que la animación se está mostrando correctamente.

💡Desenfoque

El 'desenfoque' es un efecto visual que se aplica a un objeto para simular una imagen borrosa o fuera de enfoque. En el tutorial, se agrega un efecto de desenfoque al 'frijolito' para darle una sensación de movimiento rápido y dinámico.

💡F5

En Adobe Animate, presionar 'F5' es una forma rápida de crear un 'fotograma clave'. En el guion, el presentador usa 'F5' para insertar fotogramas clave en la posición final del 'frijolito' y para estirar el fotograma, lo que muestra cómo se insertan los puntos clave en la animación.

💡Escenario

El 'escenario' en Adobe Animate se refiere al área de trabajo donde se desarrolla la animación. En el vídeo, el creador regresa a la 'escena' para ver el resultado de la animación, lo que indica que es el espacio donde se visualiza el progreso del trabajo.

Highlights

Introducción al tutorial de Adobe y su objetivo principal.

Mención del segundo capítulo de Dragon Quest, el cual tomó varios meses en completarse debido a los nuevos métodos utilizados.

Demostración de cómo usar la herramienta Pincel en Adobe para crear un dibujo básico.

Conversión del dibujo en un símbolo usando la tecla F8.

Explicación de cómo expandir fotogramas y crear interpolación de movimiento en la animación.

Uso de la herramienta de transformación para desplazar el dibujo hacia la derecha.

Demostración de cómo crear una guía de movimiento para el desplazamiento del dibujo.

Revisión de la animación usando el atajo Control + Alt + Enter para observar el movimiento del dibujo.

Extensión del fotograma para mantener la posición final del dibujo y devolverlo a la izquierda con una ligera variación.

Inserción de fotogramas clave adicionales para que el dibujo realice volteretas.

Uso de la herramienta de transformación para rotar el dibujo en 90 grados.

Creación de una animación en bucle donde el dibujo realiza volteretas continuas.

Aplicación de un efecto de desenfoque a la animación para mejorar su apariencia.

Revisión final de la animación con efectos de desenfoque aplicados, mejorando la calidad del movimiento.

Consejo final para los espectadores sobre posibles problemas de FPS debido al uso de la grabadora, y cierre del tutorial.