Transcripciones
1. Introducción a la clase: morfina es una de las muchas técnicas
utilizadas en la animación de logotipos, y significa la transformación de un objeto a otro Por ejemplo, de una letra a un icono o de una
forma a otra forma. Y hay tres tipos de técnicas de morfina en las que
debemos enfocarnos El primero es el reemplazo, y ahí es cuando solo
reemplazas un fotograma por cuadro, y sucede a mitad de la velocidad de una animación. segundo tipo de morfina en animación es el
camino y el tamaño, lo que significa cambiar
el tamaño y la trayectoria de un objeto a otro objeto Por ejemplo, de un
rectángulo a un triángulo. Entonces tenemos las técnicas
de división. Eso significa que tenemos un objeto, se divide en pequeños pedazos, y luego se agrupa
en otra cosa. Y por último,
tenemos solapamiento. Eso significa que cuando un objeto se
ha ido, aparece otro. Hola a todos,
mi nombre es Adam. Soy un animador
y diseñador profesional con siete
años de experiencia He trabajado con muchas marcas como Animater y Wonder share, con las
que todavía trabajo hasta ahora Y en esta clase, te
mostraré cómo hacer
esta hermosa, increíble animación de morfina usando la técnica de reemplazo
y el método de superposición Entonces en esta clase, aprenderás a
importar y organizar tus archivos vectoriales
en After Effects, incluso archivos vectoriales
para Illustrator. Trabajaremos en la
animación usando fotogramas clave y
el gráfico de velocidad, y también estaremos usando Duik BSL o como se llama ahora, Dwik Angula Y eso nos ayudará simplemente a llevar la animación al siguiente nivel. Además, voy
a estar
compartiendo con ustedes cómo pensar creativamente al enfrentar un problema durante la animación porque por mucho
que odie admitirlo, a veces no es tan
sencillo como parece Ahora bien, esta clase, por supuesto, es para principiantes
en animación de logotipos. Esta no es una
clase avanzada en animación de logotipos, sino que se requiere un conocimiento básico
del efecto posterior de Dube Entonces para la herramienta por supuesto, vas a necesitar, como dije, Duik basal y después del efecto Y al final de esta clase, habrás aprendido
todas las técnicas
básicas de morfina necesarias que podrás aplicar prácticamente a cualquier animación de
logotipo o ilustración o formas Ahora, con eso dicho,
nos vemos en la siguiente diapositiva.
2. Proyecto de clase: Proyectos de clase,
vas a seguir adelante, claro y descargar Duik Basal o Duik
Angela de Google Entonces, por supuesto,
puedes encontrar los archivos que necesites de
la conferencia aquí. Y como digo, si hay algo que no
entiendes, puedes seguir adelante y volver a
ver la conferencia. También me puedes hacer preguntas. Voy a seguir adelante y responder a
los que están en el panel de discusión. Y, claro,
solo tómalo con calma porque sé que la animación
en general es un poco complicada y podría
parecer un poco difícil, pero claro, puedes hacerlo. Ahora con eso dicho, nos
vemos en la siguiente conferencia.
3. Deja de morfar la letra S: En esta conferencia
vamos a estar animando la letra a. para esta última, quiero
probar algo diferente En lugar del icono
morfina en una letra, vamos a hacer la animación, pero luego el icono cuando
no se transforma la letra, rebotará
de la letra y saltará a través o
saltará de la pantalla Primero lo primero, lo que
voy a hacer aquí solo
tomemos el ícono y lo pongamos un
poquito aquí mismo
en la parte superior así. Entonces vamos a hacer la misma animación que
hicimos con la letra A, pero esta vez le agregaremos
una rotación para que
sea un poco más
interesante y no repetitiva Entonces con el icono seleccionado, vamos a seguir adelante
ahora y ocultar la letra S. Voy a click en R para traer el parámetro de
rotación, luego agregar un fotograma clave Voy a seguir adelante y hacer clic en Y para solo los co
puntos aquí abajo. Todo bien. Y ahora vamos a
seguir adelante y mover el par de fotogramas
de la cabeza de reproducción y hacer una rotación completa como esta Vamos a asegurarnos de que es
alrededor de diez fotogramas. Entonces tenemos marco
aquí, y luego aquí. Seleccione ambos y luego F nueve. Todo bien. Eso es un poco más rápido. Déjame hacerlo un poco
más lento. Bien, lo siguiente,
P para la posición, luego agregaremos
la posición aquí, clic en, y luego nos movemos aquí, y luego solo
ajustaremos la posición nuevamente hasta arriba está así. Lo mismo. F nueve. Ahora vamos a seguir adelante y
ajustar el gráfico de velocidad. Entonces queremos que la
animación comience más rápido y luego
disminuya un poco la velocidad. Todo bien. Y ahora, una cosa más que quiero
hacer aquí es ajustar el fotograma clave de posición para
que suba por aquí Algo así. Todo bien. Y entonces quiero que
vuelva a bajar por aquí. Así como esto. Ahora, vamos a traer de vuelta
la letra S para que
podamos ajustar la
posición del icono. Entonces por aquí. Entonces
vayamos a la letra S. S para la escala, el fotograma clave, ponlo
aquí, luego desvinculemos Entonces recuerda siempre
ajustar el punto de anclaje
al medio así. Todo bien. Ahora,
solo apretemos y aplaquemos esto,
algo así. Al menos ajusta la
posición un poco hacia abajo. Derechos para éste. Quiero
ajustarlo así. Aquí, queremos que la
animación comience rápido, luego se ralentice en el medio. Entonces irá rápido. Bien, haz doble clic en
esos, luego revisa continuo, y luego pongamos
eso un poco arriba, que no se mantenga por
mucho tiempo en el aire. Todo bien. Ahora volvamos a
los fotogramas clave y juguemos Así que sólo voy a
sólo el ancho de la un poquito más así. Yo ahora lo que
voy a hacer es simplemente ajustar
la trayectoria del icono. Entonces una vez que rebota
en la parte superior de la S, así baja a un
lado y desaparece Bien, entonces
voy a empujar un
poco el último fotograma clave hacia la derecha, y luego voy a agarrar la herramienta
Pluma y luego solo agregar un punto de tinta en el medio y ajustarlo con la herramienta de
selección, así tenemos una curva hermosa. Después ajusta las asas. Baje un poco esta cosa. Ahora, solo voy
a reproducir la animación para ver cómo se siente, y luego vamos a
seguir adelante y ajustar la distancia
entre los fotogramas clave Ahora estoy probando
diferentes cosas aquí para ver cuál se siente mejor porque no
queremos que la animación sea demasiado rápida y tampoco queremos
que sea demasiado lenta. Ahora voy a seleccionar los dos
últimos fotogramas clave de posición, y después vamos a
la gráfica de velocidad. Ahora, de nuevo, con
el gráfico de velocidad, si es demasiado
problema para
ti, no tienes que
ajustarlo realmente cada vez. Simplemente puedes hacerlo bien con
el F nueve. Todo bien. Pero la idea aquí es
simplemente entender entonces cuándo la animación será rápida y luego cuándo la
animación será lenta. Como aquí mismo, por
ejemplo, tenemos esta curva. Eso quiere decir que
va a empezar despacio. Y una vez
que suban las curvas, ahí es cuando la
animación se acelerará. Entonces aquí mismo estoy
tratando de hacer es dar el salto rápido por
el impacto. Y luego cuando el icono
está cayendo, también tiene
que bajar rápido. Ahora, están empezando
a parecer un rectángulo, lo cual es malo, y tengo que ajustarlo
ahora solo tratando de agregar algunas curvas porque
quiero que se vea como montañas
o colinas, no solo plano. Entonces comienza rápido,
se ralentiza aquí, luego rápido, luego rápido otra vez, luego se ralentiza
aquí, y luego rápido. Bien, así que volvamos
a jugar una vez más. Bien, volvamos
ahora a los fotogramas clave. Y siento que, de nuevo,
es un poco lento, así que voy a acercar un
poco
los fotogramas clave , a
ver cómo se siente Ahora, sé que hemos estado moviendo mucho
estos fotogramas clave,
pero es lo que es Sólo tiene que sentirse
bien, chicos. Entonces, está bien probar
diferentes distancias entre fotogramas clave y luego volver a jugar, luego
volver a ajustar Y así es como
haces una buena animación. Ahora para esta, posición, sólo
voy a ajustar
un poco hacia abajo o tal vez no sólo un
poco lejos así. Ahora, agreguemos un
poco más de rotación. Agrega el fotograma clave aquí y
el parámetro de rotación, y luego vamos a movernos aquí Entonces solo vamos a rotar un poco. Creo que vamos a hacer clic
en. Bien, entonces ajustemos el
gráfico de velocidad, algo así. Entonces nuevamente, después del impacto, saltará y girará rápido. Es por ello que estoy ajustando el gráfico de velocidad de la rotación de
esta manera para comenzar rápido. Ahora, volvamos aquí, y lo que acabo de hacer es encontrar el momento adecuado
para rotar el icono. Entonces después del impacto, aquí
no tiene sentido, así que probablemente aquí. Todo bien. Entonces, una vez
que está aquí abajo, mueves un cuadro, ¿verdad? Y ahí es cuando agregas el marco
clave para la rotación. Creo que
tiene más sentido así. Se baja, luego
en su camino hacia arriba, gira el aire medio,
y luego el grito. Bien, y finalmente,
sigamos adelante y abramos nuestra expresión. Y ahora agreguemos una
expresión o rebote en animación a nuestras letras para ver cómo va a quedar. Entonces me está
pidiendo actualizaciones aquí, lo cual es un mal momento, así que sólo
voy a
ponerlo para después. Ahora, lo mismo. Seleccione
el fotograma clave de escala Ahora vamos a la automatización
y a las expresiones. El Lineal. Vayamos por el rebote,
siga solo. Entonces et controla
y lo mismo que hicimos antes,
comprobar el rebote. Bien, así que haz clic en Reproducir ahora. Bien, así que cuando
hago clic en Play, se
puede ver que el
rebote va hacia atrás Está jugando al revés.
Entonces, en caso de que arregles eso, solo
necesito cambiar la
posición de los dos fotogramas clave. No sé cómo
pasó esto, pero sí. Ahora bien, debería ser bueno
si hago clic en play. Entonces lo siguiente que estoy
notando aquí es que hay una brecha entre el icono y letra S. Así que solo voy
a ajustar los fotogramas clave
así para arreglar la brecha entre
la letra y el icono A continuación, solo voy a seguir adelante
y recortar la letra S, por lo que la animación comenzará
al inicio
del primer fotograma clave Adelante y recorta
la capa de iconos. Bien, así que quiero
recortarlo más allá del primer fotograma clave
porque quiero que aparezca no de rotación completa, sino solo como cuando está abajo Bien, algo como esto. Todo bien. Entonces, finalmente,
adelante y trata aumentar la amplificación para ver si va a hacer que el
debouncing sea mejor Si no, podemos simplemente volver a ponerlo. Y aquí mismo para
esta última posición, sólo
voy a seguir adelante
y bajarlo un poco. Así como esto. Y aquí, sigo pensando que el icono se superpone
con la letra. Entonces creo que solo
voy a seguir adelante y solo las manijas
fuera del camino. Creo que
aquí hay un problema con los mangos
y eso es lo que marcan los marcos clave. Todo bien. Entonces algo como
esto debería ser bueno. Bien ahora, no
veo ninguna superposición porque queremos que
parezca que la S realmente está
presionando el ícono. Como un poquito de aquí, también. Creo que sólo voy a
traer de vuelta la amplificación a 100 aquí ya que
arreglamos el camino. Bien, así que
volvamos a jugar para ver cómo se siente. Vamos a acercarnos un poco, ver si aquí hay
algún error, errores que no notamos. No nos dimos cuenta. Y creo que esto está bien, pero no
superpuesto, no está haciendo nada. Bien, entonces esto
debería ser bueno. Bien, así que ahora vamos a traer de
vuelta todo junto. Y asegúrate aquí de que
no traemos la B. Así que sigamos adelante y
eliminemos la letra B, la que agregamos primero porque no la
vamos a necesitar. Bien, así que vamos a
ver cómo se ve. Bien, hasta ahora tan bien. Bien, ojalá
no pase nada malo. Bien. Vamos. Entonces voy cuadro por cuadro a spots si
hay algún error. Y creo que aquí por carta
y la última animación, vamos a traer de vuelta
un poco más cerca. Por lo que la animación comenzará después de que la letra B esté
terminada. Bien. Sí, tenemos una superposición. Bien, volvamos otra vez. Un poco más cerca. Bien, veamos aquí. Oh, se ve bien.
Eso es aún peor. Bien, entonces en este
tipo de situaciones, hay
que ser creativo Entonces creo que solo
ajustaremos la posición de la B Bien. Entonces lo primero que
podemos hacer aquí es agregar la posición para B. Y luego por
aquí, ponerla aquí. Y luego por aquí
cuando se superpone, podemos ajustar la
posición a los ascensores. Así. Y luego traerlo de vuelta a
su posición original. Podemos añadir, por supuesto, un
rebote en efecto aquí también. Entonces quita el
rebote de aquí. Así que vamos a reproducir la
animación una
vez más aquí ya que
agregamos una expresión. Y ahora como
agregamos una expresión, puedes ver que
se
vuelve a superponer si haces zoom porque
esto es lo que sucede. Ajustas posiciones
en fotograma clave, luego agregas animación,
luego tienes que volver
a ver todo,
ten cuidado Así que vamos a ajustar
el fotograma clave así. Es mejor ahora
no se superpone. Y debería ser bueno. Entonces, la otra cosa sobre la animación. Una vez que agregas expresión
a los fotogramas clave, tienes que volver a
verla para
asegurarte de que todo se mantuvo igual Ahora bien, si
vuelves a mirar, todo queda bien. Todo bien. Ahora, por fin, antes de
concluir esta conferencia, solo
necesitamos agregar
un fondo sólido al logotipo para que podamos
importar nuestra carta de logotipo. Y una cosa más
aquí, claro, necesito ajustar
el espacio entre la letra L y el
resto de las letras. Entonces lo que vamos a hacer
es simplemente seleccionar la capa. Y luego por aquí, sólo
voy a
ajustarlo un poco más cerca
del resto de la letra. Entonces el espaciado es consistente
entre todas las letras.
4. Cómo hacer tu primera animación de Morphing en Adobe After Effects: Bien, entonces en esta
primera conferencia,
sigamos adelante ahora y
hagamos nuestro ejercicio de calentamiento Comenzaremos por una simple animación de morfina de un
fotograma, y luego
volveremos a partir de ahí Bien, entonces lo
primero que tienes que hacer aquí es animar la posición, ¿verdad Entonces animaremos la
cámara de izquierda a derecha. Vamos a hacer clic en la posición. Agrega el fotograma clave aquí. Y luego vamos
a movernos alrededor diez fotogramas, y luego dar click aquí, voy a cambiar y mover la cámara encima del
smartphone así. Bien, ahora tenemos
nuestros dos marcos clave. Sólo voy a seleccionarlos a los
dos y moverlos un
poco a la derecha
así por aquí. El siguiente paso sería agregar
otro fotograma clave aquí, ¿verdad? Esto es por anticipación y otro aquí para el principio de seguimiento a través de la
animación Porque recuerden, como
decíamos, para una buena morfina, necesitamos aplicar principios básicos de
animación más un elemento que distraiga Bien, entonces ahora para este
fotograma clave, aquí mismo ,
éste, sólo
voy a moverlo un
poco hacia la izquierda Aquí, así que estoy sosteniendo turno, y hago clic dos veces
en la flecha izquierda. Y lo mismo para esto. Voy a mantener el turno y hacer clic en
la flecha derecha dos veces. Ahora vamos a seleccionar todo
F nueve para las caballetes. Ahora podemos ocultar la capa del
smartphone y simplemente ir al
gráfico de velocidad y ajustar esto. Ahora queremos hacer
eso queremos
acentuar la velocidad aquí
en el medio porque aquí es
donde sucederá la transición o
la morfina Entonces algo así como esto. Entonces para el último fotograma clave, voy a hacer lo mismo. Mueve esta manija así
y esto debería ser bueno. Bien, ahora vamos a hacer clic en Tai. Bien, se ve bien. A lo mejor sólo un poco más ajusta
este así. O tal vez simplemente ponga
este de aquí un poco más
lejos porque quiero que siga adelante y vuelva a su
lugar un poco despacio. Bien, esto es mejor. Sólo muévelo un poco más
como por aquí. Ahora, haga lo mismo para la
rotación, así que para la rotación, luego agregue un fotograma clave, haga clic en para que pueda tener acceso
a todos los fotogramas clave Entonces agrega otro fotograma clave aquí, otro aquí, y
otro aquí Bien, entonces para esta
, la segunda, pongamos menos seis,
algo así. Y luego para éste,
pongamos sólo el número seis. Entonces lo mismo F nueve, volver al gráfico de velocidad y luego prácticamente hacer
lo mismo que
hicimos con los fotogramas clave de posición Enviar éste se ve
así. Muy bien, da clic en Reproducir. Bien,
se ve bien. Ahora bien, este consejo es importante. Tomemos el cabezal de reproducción y
lo pongamos aquí mismo en los
últimos fotogramas clave, recuperemos la capa de teléfonos inteligentes Y ahora lo que
queremos hacer es simplemente emparejar esta capa de smartphone
con la capa de cámara. Muy bien, así que da click en éste, el Pi Wip y
lo padre a la capa No lo padre a ninguno de estos parámetros, lo
padre a la capa. Ahora si hacemos clic en play, o como puedes ver que ahora
se están moviendo juntos. Entonces para la morfina, va
a pasar justo
aquí en el medio Vamos a traer
gráfico de velocidad. Acercar un poco. Bien, entonces por aquí,
voy a seguir adelante y recortar esta capa aquí
y recortar esta. Aquí. Así como esto. Bien. Volvamos a hacer clic en reproducir. Ahora para el elemento distractor, por supuesto
podemos ser creativos
y hacer muchas cosas, pero solo para que sea más fácil
para esta primera conferencia, voy a aplicar el desenfoque de
movimiento. ¿Bien? Así que el desenfoque de movimiento aquí, el
desenfoque de movimiento aquí. Jugamos ahora. Ahora lo tenemos. Por supuesto, podemos hacerlo más interesante
si agregamos algunos efectos. Por ejemplo, puedo
seguir adelante a la capa, nuevo, agregar un color sólido. Bien, ponlo aquí en el fondo, como esta capa. Ir a efectos. Voy a escribir ruido, y
podemos agregar viñeta de ruido. Pero primero, olvidé
agregar la capa de ajuste. Ahí vamos. Aplícalo a
la capa de ajuste. Bien, ahora para el centro, va a estar aquí Vamos a hacer clic en
play. Bien, entonces podemos dejarlo así Muy bien, entonces en esta conferencia, cubrimos la animación básica de morfina de un
fotograma, que básicamente está cortando dos capas en medio del gráfico
de velocidad A continuación, estaremos haciendo
nuestra animación básica, y comenzaremos
animando nuestra letra L.
5. Animación de la letra L: Muy bien, entonces en esta conferencia, vamos a estar
animando nuestra primera letra
y nuestro primer ícono, ¿verdad Entonces estaremos animando la
imagen y la letra L, y vamos a seguir adelante
y transformarlos juntos. Muy bien, así que primero, primero, cuando abras el
archivo, vas a encontrar algo como esto, ¿verdad Ahora, lo que tenemos que hacer es
simplemente ocultar todo lo demás, y sólo vamos
a mantener letra y el primer icono,
vamos a estar animando De esta manera, no nos perdemos. Y ahora sólo vamos
a dejar la foto y la letra L. Todo lo demás, vamos a seguir adelante y
simplemente cerrarlo acaso tocamos
algo por error. Bien, entonces ahora voy a
tomar el ícono, ponlo aquí. Y comencemos animando la posición primero del icono Así que haga clic en el icono
con el icono seleccionado. Voy a
seguir adelante y presionar P para posición, agregar un fotograma clave, y luego poner este
fotograma clave por aquí, 12 o 16 fotogramas, y luego agarrar el icono
y simplemente ponerlo A continuación, continuaremos y
seleccionaremos la herramienta Pluma, agregaremos otro fotograma clave aquí, y luego solo
vamos a seguir adelante y ajustarlo usando
la herramienta de selección Y ahora, sigamos adelante y solo
ajustemos estos mangos
así para que tengamos una hermosa animación de
posición curva. Bien, da clic en el plato
para ver cómo se ve. Todo bien. No
está mal. Siempre podemos ajustar la velocidad y todo. Lo siguiente voy
a seguir adelante y seleccionar todos estos fotogramas clave, haga clic en F nueve para el e Zins
ahora sigamos adelante y
ajustemos el gráfico de velocidad Todo ahora mismo para el
gráfico de velocidad, primero lo primero, como sabrás por mis clases anteriores de animación de
logotipos, aquí
mismo, si movemos esto, tenemos dos fotogramas clave Entonces para evitar eso, lo que
queremos hacer es seleccionar ambos, doble clic, y luego
verificar discontinuo Como, Bien. Ahora vamos a ajustar el
gráfico de velocidad así. Bien, así que queremos
que empiece rápido. Entonces despacio un poco
aquí arriba y luego más rápido otra vez
cuando baje. Ahora, si jugamos, puedes
ver esa posición arriba, el icono se detiene
aquí por un segundo. Entonces para evitar eso, lo que podemos hacer es simplemente dar clic aquí y poner este poquito arriba para que
no se mantenga aquí por mucho tiempo. Bien esto es mejor. Lo siguiente que quieres
hacer, claro, es agregar una rotación solo para que sea un
poco más interesante. Entonces para hacer eso, haga clic en R, agregue un fotograma clave, haga clic en Entonces tienes todos los fotogramas clave
que agregaste hasta ahora. Entonces pon este de aquí en la posición inicial,
pero está al final. Y aquí, vamos a
sumar el número uno, justo en un valor. Ahora me gordo clic en jugar, se
puede ver la animación. Ahora, quiero que sea un poco
más rápido. Entonces lo que puedo hacer es
seleccionar todo, mantener presionada Alteraption, y luego simplemente dar clic aquí y
arrastrar hacia la izquierda este momento tenemos la animación alrededor de 14 fotogramas. Fly puede jugar. Bien, sigamos adelante y
ajustemos de nuevo el gráfico de velocidad. F nueve las caballetes,
volvamos a jugar. Bien, esto es mucho mejor. Permítanme decir esos otra vez, todos ellos, LruptonPlay Bien, no está mal.
Entonces por aquí, lo que puedo hacer es simplemente ajustar la rotación porque
quiero algo como esto. ¿Todo bien? Entonces nosotros solo
de aquí, no de aquí. Bien, vamos a hacer clic en Reproducir. Bien, algo
así es bueno. Ahora, lo mismo
con la posición. Selecciona todos los fotogramas clave,
ve al gráfico de velocidad, y luego aquí de nuevo, selecciona esta
placa doble, continua. Bien. Y luego ajustarlo de la
misma manera que
ajustamos la posición antes. Bien, ahora
terminamos con el icono. Entonces lo siguiente aquí
sería ajustar ahora la letra L para
hacer la morfina Primero y primero, voy a
recortar esta capa así, y puedo hacer lo
mismo aquí, así que sostenga Al esta noche corchetes
para cortar la capa. Déjame ajustarlo así. Ahora aquí lo que
podemos hacer, por supuesto, es solo la escala. Primero y primero, haga clic en S, agregue un fotograma clave, luego
voy a acercar así, luego mover este fotograma clave, un fotograma a la
derecha así, y luego seguir adelante y
ajustar los
puntos de anclaje en el
medio así Desvincula la báscula. Y ahora
podemos hacer algo así. Bien, podemos extender un poco el
litro. Recuerda, si
ajustas la altura, tienes que solo
el ancho también. Bien, entonces supongo que
algo como esto es bueno. Entonces ahora tenemos que ajustar los efectos de
rebote y para ello, podemos hacerlo con la extensión
que acabamos de descargar Así que ve a Windows
y luego busca Duik Basl como se le
llama ahora Duik Una vez que esté abierto, venga aquí, una automatización y Expresiones, haga clic, seleccione ambos fotogramas clave. Ve a Kinar, haz
clic en estos puntos, y luego quieres agregar el
rebote, sigue solo Bien, ahora selecciona ambos. Ir a Controles de efectos. Vas a ir
a seguir adelante, rebotar
sin marcar, y luego solo aumentar un poco la
amplificación Bien, ahora si hago clic en play. Ahora si hago clic en Play,
puedes ver lo que tenemos aquí. Bien, no está mal, no está mal. Entonces, claro, puedes
ajustar todo desde aquí, la amplificación, duración
tal vez si quieres. Lo siguiente que tenemos que hacer aquí
para que esta animación sea más creíble es crear
el seguimiento a través Ahora, queremos
crear el
movimiento continuo de la rotación, y eso solo nos ayudará a
la animación, por supuesto, al siguiente nivel para que se
vea como un solo movimiento. Y para hacer eso, claro, necesitamos un
efecto llamado Curva CC. Adelante y agrega
éste a la letra L. Ajusta estos dos puntos de
anclaje así. Así que déjame
mover esto aquí. Ahí vamos. Ahora podemos
ajustar esto aquí abajo, y esto sólo va a ponerlo
al sub aquí mismo. ¿Bien? Entonces ahora lo que tenemos que
hacer, por supuesto, de
nuevo, es agregar fotogramas clave Así que ven aquí al
benditefect CC. Haga clic aquí en el
Cronómetro cerca de curva. Haga clic en usted. Entonces solo
tienes los fotogramas clave Ahora bien, éste, voy
a ajustarlo así. Y esta de aquí, quiero volver a ponerla a su posición
original cero. Bien. Y lo mismo, queremos seguir adelante
y aplicar este efecto. Solo el rebote sigue a través, y
prácticamente puedes hacer la misma configuración que nosotros antes. Así que sigue
y comprueba el rebote. Puedes verificar puedes aumentar la amplificación y
ahí la tienes. Ahora vamos a tocar la animación. Entonces como pueden ver aquí
mismo cuando voy cuadro por cuadro es sólo para detectar los pequeños
errores, ¿verdad? Ya sabes, como dicen, los
devolves y los detalles. Entonces aquí mismo, por ejemplo,
podemos ver esta carta extender, pero todavía puedo
ver el icono aquí. Estaba ahora justo aquí se puede ver que esta capa sí se superpone un poco con la letra L. Así se puede ver cuando ocurre
la morfina, la letra se está estirando, y debería estar aplaudiendo, porque tenemos que crear
este movimiento continuo Ahora para arreglar eso,
todo lo que podemos hacer es simplemente tomar estos dos fotogramas clave, escalar y luego arrastrarlos un poco hacia la
izquierda así, y ahora es squash Entonces, esto debería
ser para esta conferencia, como pueden ver,
con ella una simple, pero increíble carta de
icono a letra animación. Ahora, a continuación, vamos a
estar animando la letra A.
6. Animación de la transformación del salto para la letra A: Ahora para la letra A,
va a ser más
o menos lo mismo que
la primera letra, pero esta vez vamos a
estar simplemente animando el salto, y luego una vez que vuelva el
icono, se va a
transformar en la letra A. Ahora pasemos a
la siguiente letra, adelante y solo esconda L
y el contorno de la imagen Ahora vamos a traer de vuelta la letra
A y el esquema del video. Bien, así que lo mismo.
Voy a seguir adelante y tomar este icono y simplemente
ajustarlo encima de la
letra así. Sigamos adelante ahora y animemos
la posición del icono, así P para la posición Y final, sólo tienes que seguir adelante
y esconder A. En el fotograma clave. Voy a seguir adelante y ajustar los puntos centrales aquí abajo. Mantén los turnos y arrastra esto hacia abajo. Muevo el cabezal de reproducción
alrededor de seis fotogramas. Después cambia la
posición a aquí. Bien, asegúrate de mantener
los turnos cuando lo arrastres hacia arriba. Simplemente copia este de aquí
y pégalo aquí. Bien, así que
creamos en un salto en movimientos como en el juego. Muy bien, selecciona
todo, F nueve, gráfico de
velocidad, y
vamos a hacer
lo mismo que antes, eso se ve como aquí, continuo. Entonces quiero que esto empiece rápido
y termine lento así. L en juego. No está mal. Yo sólo voy a
esta un poco arriba. Bien, se ve bien. Así que selecciona todos estos fotogramas clave, sostén todos, así que sólo voy a ponerlos un poco más cerca Bien, así que sigamos
adelante y ajustemos el estiramiento y
apretón y efecto. Pero que vamos a estar
necesitando los parámetros de escala. Entonces da click aquí, en cuanto a la escala, agrega un fotograma clave, ahora usa Yo solo tengo los fotogramas clave
como agregué hasta el momento. Voy a mover esto como
un cuadro, luego estirarlo. Nuevamente, desvincule la báscula. Nuevamente, si
estiras la altura, también estiras el ancho. Algo así, entonces aquí debería volver
a su posición. Copia esto y colócalo aquí. Y nuevamente, cuando
baje cuando empiece a moverse, vamos a estirarlo
nuevamente aquí, comando de control C, comando control E. Esto aquí. Todo bien. Selecciona
todos estos fotogramas clave Nuevamente, F nueve, ir
a gráfico de velocidad. Voy a hacer algo
parecido a antes. Muy bien, entonces quiero que
empiece despacio un poco, luego salte rápido, luego detente aquí, y luego baje
rápido. ¿Todo bien? Eso es lo que estoy haciendo
aquí. Entonces, de nuevo, cuando ves una
curva alta como esta, eso significa que esta es una animación de
máxima velocidad. Y una curva descendente como esta, esto quiere decir que
va a empezar despacio. Bien. No se ve tan bien. Vamos a sólo este poquito más. Muy bien, esto me parece un
poco demasiado rápido, así que seleccionaré
todo y solo pondré los fotogramas clave un poco alejados
el uno del otro Para este, voy a
seguir adelante y crear un poco de anticipación, así que solo voy a ajustar
la escala así Ahora, como pueden ver,
solo estoy ajustando los fotogramas clave aquí para poder obtener la
mejor animación que quiero Probablemente este, lo pondré Aquí. Condominios otra vez, aumentar un poco la
distancia. Bien, así que voy a
regresar y sólo ajustar el gráfico de velocidad
un poco más Entonces supongo que no ajustamos el gráfico de velocidad
en consecuencia al principio. Entonces lo que voy a hacer aquí es hacer que la animación se
acelere al principio, luego se ralentice en el medio, y luego acelerar nuevamente al final. Se puede decir por las curvas al final y las curvas
al principio. Correcto, solo
asegúrate de mantener el verde y el rojo uno encima del otro cuando solo
estés en la envoltura rápida. Bien, hagamos clic en Reproducir ahora. Sólo tienes que enviar el
gráfico de velocidad un poco más. Entonces lo que estoy tratando de
hacer aquí es simplemente mantener una flexibilización normal con un salto
brusco en el medio Entonces estoy tratando de
mantener la línea roja y la línea verde una
encima de otra. Pero por alguna razón, me está dando un mal momento.
No sé por qué. Y esto sucede mucho cuando
trabajas en un gráfico de velocidad, así que tómate tu tiempo
y no te estreses. Bien, así que vamos a
repetir la animación un par de veces para
ver cómo se siente Oh Ahora para la siguiente parte, vamos a ir
ahora a la letra A. Hazla visible,
recorta esta otra vez. Ahí vamos y recortamos la
capa para la letra A, también. Ahora lo que tenemos que hacer con la
letra A es sólo la escala. Así que adelante y agrega
un fotograma clave aquí, ajusta los puntos de anclaje, y solo necesitamos
agregar nuestro squash Vamos a
exprimirlo así. Lo mismo, voy a seguir
adelante y agregar el K más delgado, seleccionar los primero,
K más delgado, y luego
rebotar animación, controles
Elex, seguir adelante,
eliminar los
efectos de rebote, hacer clic en reproducir Muy bien, así que ahora solo
voy a seguir adelante y recortar un
poco la capa para que no aparezca al principio de
la animación así como esta Y entonces voy a seguir
adelante y aumentar un poco
la amplificación para ver
si va a quedar mejor. Sólo voy a ajustar un poco más la
habilidad. Trae esto de vuelta al 100. Y ahí
lo tienes. Ahora vamos a seguir adelante y jugar lo que
tenemos hasta el momento. Y eso es prácticamente
todo por esta conferencia. Entonces ápice estará animando
la letra B, ¿verdad?
7. Rotación 3D falsa y animación de cintas: letra B: En esta conferencia, vamos a estar probando algo diferente. Vamos a hacer la técnica de
superposición. Entonces, en vez de un
icono, vamos a estar creando cintas e
intentamos algunas de transformar esas cintas con la letra B
usando falso tres D, giro o falso tres rotación D. Bien, entonces ahora para
animar la letra B. Así que para esta animación, lo que vamos a hacer
aquí, tomar la letra B, y luego tenemos que
ponerla en su propia composición que podamos crear las cintas Entonces primero lo primero,
voy a venir aquí y luego crear
una nueva composición. Simplemente mantén
más o menos lo mismo, todos los ajustes, y luego simplemente renombrar
esta composición B. Bien, entonces voy
a volver a comp uno, comando
troll C,
doble clic aquí, comando
troll V. Y luego
solo voy a alinear esto, solo quiero
ponerlo aquí por Así que alinee la alineación horizontal y
vertical. Ahora, voy a seguir adelante
y agarrar la herramienta Pluma y luego asegurarme de que no estás seleccionando nada para que no
crees una máscara. Queremos crear una nueva forma. Así que haz clic aquí, mantén los turnos
y luego haz clic aquí. Ahora tenemos un derrame cerebral. Derecha
mantener sus alrededor de diez puntos. Ahora voy a seguir adelante
y agarrar el trazo y solo ajustarlo usando las
flechas de mi teclado, así como esto en el metal. Ahora solo voy a
venir por aquí, hacer clic, y luego seleccionar la herramienta
cuentagotas y asegurarme de que este sea del
mismo color que nuestra carta Bien. Bien, así que la próxima vez con el
nuevo trazo seleccionado, voy a seguir adelante
a efectos y presets Y luego buscar el
efecto llamado cilindro CC. Pero aquí. Y como pueden ver, ahora tenemos nuestro cilindro. Ahora, lo siguiente aquí
es simplemente seguir adelante y ajustar el camino hacia
arriba por el cilindro, da
clic aquí y trapar
esto así Entonces voy a venir por
aquí y agregar nuevos puntos Nk, llamados opción alter
y dar click aquí. Para que podamos ajustar los mangos,
algo así. Entonces haz clic aquí
y simplemente arrastra esta apuesta hacia abajo así, más o menos esta, y
luego, algo así. Bien, y creo que
esto es genial. Ahora sigamos adelante y
animemos nuestro listón. Lo primero es
que voy a
venir aquí y luego
agregar un camino de recorte. Ahora vamos a abrir la ruta de recorte, y luego voy
a agregar un fotograma clave para el final y los inicios Acerque un bit a la
línea de tiempo, haga clic en. Ahora vamos a movernos
alrededor de diez fotogramas. Ahora, este de aquí, el final. Voy a agregar
otro fotograma clave, luego volver aquí y
luego ponerlo a cero Lo mismo para los arranques. Voy a ponerla
alrededor de cinco cuadros aquí. Entonces lo mismo, quiero
poner el valor de estrella a 100. Tanto el
parámetro estrella como el final son 0-100. Ahora vamos a hacer clic en play. Se puede ver que tenemos una
hermosa animación. Simplemente selecciona tanto ahora como
después EisensFnin para Eisens. Todo bien. Ahora lo siguiente que voy a hacer aquí
es ajustar el radio. Así que aquí mismo bajo efecto de cilindro
CC, haga clic en aquí está en un fotograma clave Da click en U. Mueve un
poco el jugado, y luego por aquí, voy a reducir el
radio del cilindro. Un poco así.
Ahí tal vez más. Bien, entonces solo gira
alrededor de nuestra carta. Todo bien.
Lo siguiente que quiero hacer aquí es simplemente aumentar un poco
el trazo. Entonces voy a poner esto
hasta 20 le echo un vistazo. Y luego como no
quiero mantener
el mismo trazo con cinta a lo largo de la animación, voy a seguir adelante entonces y animar el
ancho del trazo también Así que vamos a ir a la forma,
luego a buscar trazo,
luego al ancho del trazo. Agregue un fotograma clave, haga clic en, así solo tengo los
fotogramas clave que agregué Ahora, desde aquí, quiero mover el cabezal de reproducción al medio, agregar otro fotograma clave,
y luego alrededor del final, agregar otro fotograma clave también Entonces aquí mismo, lo voy
a poner alrededor de cero. Entonces va a volver a 20, y luego a lo largo del final, volverá a volver a cero otra vez. Vamos a hacer clic en play.
Ahí lo tenemos. Ahora, vamos a dar click aquí, F nueve. Entonces aquí para el radio, F nueve también para agregar las
caballetes. Una vez más. Bien, se ve
bien, pero también podemos agregar un poco de rotación Entonces, si vengo
aquí a la rotación, trae el cabezal de reproducción
aquí a otro momento Y entonces probablemente
aumentemos la rotación un
poco así. Agrega el fotograma clave aquí.
Vuelva a hacer clic en usted. Entonces este es el
fotograma clave para la rotación. Voy a ponerlo
aquí. Entonces por aquí, voy a
traerlo de vuelta a cero. Haga clic en reproducir. Mm hmm. Bien, entonces
tenemos que arreglar las sentadas. Pequeños pedacitos como este. Queremos que la cinta
empiece de abajo
así , luego rote hacia arriba. Es por ello que debemos ajustar
la rotación en consecuencia. Entonces tenemos que
desaparecer por aquí. Si esto es bueno, entonces F
nueve, haga clic en U nuevamente. Ahora vamos a hacer clic en Reproducir. Ponemos éste aquí. Bien, entonces
tenemos estos efectos. Puede que sea un
poco demasiado rápido para mí. Entonces, si es demasiado rápido
para ti,
vuelve a seleccionar todos los fotogramas clave, haz clic en Alt y luego arrastra un poco, como uno o
dos fotogramas. Todo bien. Sólo vamos a aumentar. Es un
poco más por aquí. A ver. Esto es
un poco lento. Lo traen de vuelta alrededor de las 18. Bien, esto se ve
bien. Ahora una cosa más solo por el color
de nuestra cinta. Ya que es codicioso, sigamos
adelante y arreglemos eso porque queremos que coincida con el
color de nuestra carta Entonces por aquí, donde
ves luces, clic y luego intensidad de luz. Voy a
bajarlo a cero. No es del mismo color,
así que vamos a dar sombra. Tenemos 50 aquí.
Pongámoslo a 100. Justo ahora es con
el mismo color. Ahora, finalmente, lo que
podemos hacer aquí es simplemente controlar el comando D
para duplicar la cinta. Después compensó sus fotogramas de pareja. Voy a ponerla
alrededor de cuatro cuadros. Entonces esta en la parte superior, voy a poner
un poco arriba, mantener pulsada la tecla shift y dar click
una vez en la flecha superior. Y este de abajo, voy a bajarlo
un poco. Así. Ahora tenemos esta animación. Ahora, una cosa más ahora
vamos a seguir adelante y crear una falsa rotación de tres D
para Oletter B. Para hacer eso, claro,
tenemos a Oletter Lo primero es hacer clic
derecho y luego crear formas a partir del texto. Adelante y borra el
texto, mantén la forma. Adelante y cámbiale el nombre B. Esta va a ser
cinta Cinta uno, esta será cinta dos. Ahora, da clic aquí, Tauntons
y luego B. Bien. Ahora, se puede ver que
tenemos tres B aquí, derecha, y cada una es
una forma individual. Ahora, vayamos al
primero. Todo bien. Acerque un poco a la
línea de tiempo, haga clic en la ruta. Es que seleccionaremos este camino. Pasemos a la herramienta
de selección. Después sigue adelante y agrega Keyframe. Mueve este un
poco por aquí, luego controla el comando T. Luego da click aquí. Mantenga el control y
luego se masturba así. Bien. Y lo mismo que vamos a hacer para
el resto de ellos. Ábrelos todos,
en los marcos aquí, haz clic en U, luego muévete. Nuevamente, con este comando de control
seleccionado T, mantenga pulsado el clic primero, mantenga presionado el
control y luego arrastre. Y luego vamos a hacer lo
mismo para el último. Control Comando T, mantén el
control, primero lo siento, primero haz clic y
luego mantén el control, y luego arrastra así. Comando o Control. Por ahora
ha tenido cintas. Entonces tenemos esto. Probablemente va a ajustar esto un
poco más comando cuatro. Esto es alrededor de tres cuadros. Nuevamente, mueva de uno a
tres fotogramas nuevamente, selecciónelos, Comando de Control C, comando de
control, y luego muévase
alrededor de tres fotogramas nuevamente. Seleccione esos comandos de
control C, comando de control V. Entonces
tendremos algo como esto. H. Solo agrega uno más aquí, y prácticamente terminamos. Seleccione todos esos. Después por
supuesto F nueve. Ahora, vamos a traer de
vuelta todo. Veamos nuestra animación final. Bien, así que una cosa
más aquí es que tenemos que ajustar el aspecto de la letra
B con las cintas. Entonces por aquí,
quiero que aparezca. Todo bien. Entonces, si hago
clic en play, ya puedes ver. Parece que las cintas se estaban transformando en la letra Selecciona todas las capas, pre comp, asegúrate de haber movido todos los atributos a la
nueva composición. Bien. Volvamos
a nuestros proyectos. Comp uno, hicimos nosotros o
tenemos que controlar el comando X, luego Control Comando V aquí. El siguiente paso será ajustar esta letra exactamente
encima de nuestra carta aquí. Puedes usar las
flechas del teclado para mayor precisión. Ahora, tomemos esta letra B, cambiemos su color a
algo más oscuro. Bien, ahora podemos
ajustar esto correctamente. Vamos a esconder este por ahora. Bien, ahora vamos a traer de
vuelta todo lo demás. Entonces sigamos adelante y compensemos letra B porque queremos que la animación
comience por aquí. Entonces esta cinta no
tocará las otras letras. Y lo tienes. Entonces, como puedes ver, creamos nuestra animación de morfina superpuesta Entonces, como pueden ver,
fue un poco difícil en comparación con las dos letras
anteriores, pero valió la pena.
8. Felicitaciones...: Correcto, chicos. Entonces
enhorabuena. Nosotros lo logramos. Ahora, quiero que sigas adelante, subas estos proyectos
aquí en Skill Share, o puedes hacerlo en
tus redes sociales, etiquetarme si quieres. También, adelante y sígueme, tal vez deje una reseña para el vaso para que otras
personas lo encuentren. Y además, cuando
publique algo más, obtendrás notificación si me sigues en Skill share. Entonces, como puedes ver,
cubrimos todo lo que necesitas saber para hacer una animación
básica de morfina Y, por supuesto,
se puede aplicar esto a cualquier animación de logotipo o ilustración
o cualquier cosa, ¿bien Una vez que termines la clase,
sigue adelante y aplica
lo que aprendiste en tus propios diseños
e ilustraciones propias. Ahora con eso
dicho, gracias por ver y
verte en la siguiente.
Adam Chraibi, Designer and animator
