Adobe Animate CC Tutorial #02 | Interpolación de movimiento (Bien Explicado)
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
🎨 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.
🌀 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
💡Pincel
💡Símbolo
💡Fotograma clave
💡Interpolación de movimiento
💡Transformación
💡Renderizado
💡Desenfoque
💡F5
💡Escenario
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.
Transcripts
gates production
muy buenas amigos bienvenidos a este
nuevo tutorial de adobe and email
primero que nada espero que les haya
gustado el segundo capítulo de dragon
quest que me ha costado varios meses en
terminarla ya que utilicé algunos
métodos diferentes a como lo hice el
capítulo anterior y el resultado fue es
tal como esperaba bueno comenzaba
empezaremos a utilizar la herramienta
pincel y dibujaremos un frijolito bueno
es lo primero que se me viene a la mente
así que comenzaremos con este
le daremos un poco de color
y ya está
los siguientes vamos a convertir este
dibujo en símbolo nos dirigimos aquí
seleccionamos capa y haremos lo
siguiente vamos a presionar
efe 8 al hacer esto se nos aparece una
ventana vamos a colocar un nombre este
dibujito vamos a llamarlo frijolito
y en esta opción hay que dejarlo tal
como está
luego haz clic aceptar con esto vamos a
hacer lo siguiente nos dirigimos aquí
elegiré un fotograma clave presionando
clic izquierdo y presionamos f5 para
expandir el fotograma luego
seleccionamos la capa completa
presionaremos clic derecho y crearemos
interpolación de movimiento
de esta forma ya tendremos la
disposición de poder mover los objetos
como queramos
vamos a utilizar la herramienta de
transformación
no vamos a acomodar un poco
así la idea de esto es que podamos
desplazar nuestro dibujo hacia la
derecha lo que haremos es seleccionar el
último fotograma clave no tengamos
presionado el pie izquierdo y lo
arrastramos donde queramos aquí se nos
creó una guía de movimiento eso quiere
decir que nuestro dibujo se desplazará
hacia la derecha también podemos revisar
nuestra animación presionando control
alt + enter
igual a ya tenemos nuestro dibujo
desplazándose de un lugar a otro
vamos a hacer lo siguiente ya sabemos
que nuestro frijolito se desplaza de un
lado hacia el otro pero que tan se le
cambiamos un poco a la izquierda es
decir nuestro frijolito al estar en la
posición final se devuelva hasta este
punto vamos a estirar un poco nuestro
fotograma vamos a presionar
f5 si se fijan al hacer esto el
fotograma de la posición final se
mantiene
este puntito que está aquí corresponde a
la posición final del frijolito y lo que
quiero hacer es que el frijolito se
devuelva hacia la izquierda pero abajo
entonces lo que tenemos que hacer es
seleccionar el último fotograma y lo
arrastramos
[Música]
vamos a hacer una pequeña revisión
y ahí vemos como nuestro frijolitos se
ha impactado con la pared invisible
vamos con lo siguiente como nuestro
frijolito no tiene animación vamos a
hacer que nuestro frijolito haga
volteretas como se puede lograr eso muy
fácil lo primero es seleccionar un
fotograma y encima del dibujo haremos
doble clic y aquí vemos que solo tenemos
un solo fotograma eso es porque nuestro
dibujo está convertido en símbolo
haremos lo siguiente vamos a presionar
el derecho insertaremos un fotograma
clave y con la herramienta de
transformación vamos a rotar esto en un
90 grados vamos a crear más fotogramas
claves y haremos el mismo proceso
[Música]
y aquí terminamos nuestra animación en
bucle de nuestro frijolito
vamos con lo siguiente vamos a regresar
a escena
[Música]
vamos a ver el resultado de nuestra
animación en desplazamiento
[Música]
el problema es que si lo reproducimos
aquí
vemos que nuestro frijolito no está
dando volteretas pero si lo revisamos
presionando control al más enter
aquí vemos que nuestro frijolito si está
dando volteretas
eso es porque nos está mostrando una
animación renderizado así que si ven que
sus animaciones no están reproduciendo
en bucle no se preocupen
y lo último vamos a agregar un toque
final como vemos que nuestro frijolito
está girando rápidamente vamos a
agregarle un poco de efecto desenfoque
vamos a seleccionar filtros en este
botón
desplegaremos las opciones y
seleccionamos desenfoque aquí podemos
configurar a nuestro gusto la equis
representa horizontal la y representa
practicar aquí podemos configurar la
calidad los candados sirven para
configurar ambas opciones pero en mi
caso voy a configurar la vertical
y nos quedó así
aumentaremos un poco la cantidad
[Música]
ya está
vamos a revisar nuevamente nuestra
animación
[Música]
y terminamos la animación de nuestro
frijolito es un esplendor
en caso que se vea un poco raro aquí en
el vídeo debe ser la grabadora que le
quita un poco de fps
pero son detalles mínimos no hay de qué
preocuparse
bueno chicos espero que con esto les
haya sido de mucha utilidad ya saben que
si quieres subiendo tutoriales de
animaciones para aquellos que estén
interesados cualquier dudas y preguntas
lo pueden dejar en la caja de
comentarios ya que con mucho gusto
responderé sus dudas
dale like si te gustó el vídeo comparte
este vídeo con sus amigos y no olvides
suscribirte a mi canal para más
contenidos nos vemos y hasta la próxima
amigos
[Música]
Browse More Related Video
Animación en HTML con JavaScript (DOM y Eventos)
Tipos de Fotograma e Interpolación en Adobe Animate 2020/Curso Completo Animate/Clase 04
Interpolación De Movimiento (Muy Fácil) Adobe Animate
Vista Explosionada y Tabla de Materiales en Solidworks || RAVA Innovación
APRENDE a DIBUJAR con 2 PUNTOS DE FUGA - Paisaje Urbano
🔵 𝗖𝗼́𝗺𝗼 hacer un 𝗗𝗜𝗕𝗨𝗝𝗢 𝒇𝒂́𝒄𝒊𝒍 con 𝗣𝗘𝗥𝗦𝗣𝗘𝗖𝗧𝗜𝗩𝗔 y 𝟭 𝗣𝗨𝗡𝗧𝗢 𝗗𝗘 𝗙𝗨𝗚𝗔 ⏺
5.0 / 5 (0 votes)