Transcripciones
1. Introducción: La mayoría de las veces me hacen la
pregunta, ¿necesitas saber diseño
gráfico o ilustración antes de
hacer una animación de logo? Y la respuesta es, todo depende del tipo
de animación que realices. Y a veces se necesita dibujar
el completo en animación. Y a veces solo
necesitamos trabajar con el logotipo y los activos que se te
proporcionan. Y esto es lo que
vamos a hacer en esta clase. Vamos a
llevarle este logo de conferencia y le añadiremos motion
graphics. Y un tipo de la
animación que vamos
a hacer es esta animación de textos de revelaciones
con la línea de velocidad. Hola a todos. Mi nombre es Adam. Soy un diseñador
gráfico profesional y animador basado y por Lancome Marruecos,
con más
de seis años de experiencia, mis
clientes más notables están queriendo
compartir flex glib, un animador. Por lo que las técnicas
que vamos a utilizar
aquí, de bits repetitivas y pueden
complicarse si
no estás demasiado familiarizado con
Adobe After Effects. Pero hice todo lo posible para simplificar
las cosas tanto como curva. Esta clase es para principiantes
y animación de logo
porque las técnicas serán
bastante fáciles de lograr. Butts en el conocimiento básico y Adobe After Effects realmente
pueden ayudar. En esta clase, necesitarás Adobe After Effects,
la última versión, mejor
necesitarás
hacer scripts libres con basal y crear
nulos a partir de rutas extendidas. Mientras que la animación de logotipo propio. Y primer lugar. ¿Por qué
es importante esto? Y además de
que es genial animar y sí te
hace lucir cool. También puede ser parte del
proceso
de narración de una marca. Y un animador Global puede dar explicación
más detallada sobre la naturaleza de la marca
que un dado de logotipo estático. Por lo que si estás listo
para animar un aprendido algunos consejos secretos y
efectos posteriores que puedes
incorporar en tu flujo de trabajo. Nos vemos en la próxima conferencia.
2. Proyecto de clase y scripts: Muy bien chicos, así que ahora les
voy a mostrar dónde
podemos descargar los archivos de
proyecto
que van a necesitar para
completar la clase y que van
a necesitar para completar sus propios proyectos personales. Y te mostraré
donde puedes subir al proyecto una vez
que lo termines, ok, Así que
te puedo dar mi feedback. Y es muy importante
que terminaran el proyecto, chicos, porque
así es como aprenden. Se aprende al hacerlo. Ir a Proyectos y Recursos. Aquí vas a
encontrar tres expedientes. El primero es el archivo que necesitas para seguir el
curso conmigo, este segundo archivo como
los proyectos finales. Así que no lo abras de inmediato a
menos que estés realmente atascado. De acuerdo, por favor haga el curso
sin abrir este archivo. Y por último, aquí tenemos
otro logo que puedes usar para aplicar
las técnicas que aprenderás. Esta. Quiero que sigas
adelante y lo publiques aquí mismo a la galería del proyecto que pueda darte mi opinión. De acuerdo, así que solo haz clic en Crear Proyectos y
podrás publicar el enlace, incrustar un video, lo que
quieras hacer. De acuerdo, chicos, ahora
adelante primero y abran el archivo de Illustrator que les
dije que descargaran, viola mono line literal logo. Algo rápido aquí
quiero explicar. Entonces como pueden ver aquí mismo, pongo cada letra
y su propia capa. Vale, eso es una cosa. Y otra cosa
que debes tener en cuenta es que si
vas a estar diseñando
un logotipo en Illustrator, quieres diseñar
con la herramienta de lápiz. No uses nada más. De lo contrario, se va a
exportar a After Effects como una caída y
no puedes animar el trazo
sin importar lo que hagas. Ahora, problemas con los que puede
encontrarse cuando está trabajando con cliente que en algún momento
vamos a recibir una falla. Puedes rediseñarlo o
puedes usar la herramienta pincel. Este de aquí,
la
herramienta pincel para rastrearlo y luego usar los scripts de sobrecarga para
exportar a After Effects. Pero claro,
estas soluciones y problemas que vas a enfrentar si estás haciendo esto
profesionalmente. Por lo que necesitas invertir
en par de guiones. Entonces esa es una cosa con la que
muchos principiantes se tocan, y es muy importante
que tengas esto en cuenta. Por lo que siempre diseñe
con
la herramienta pluma o la herramienta de curvatura como lo
mismo que el lápiz. Y una cosa más es
que si vas a estar diseñando en Illustrator, quizás
quieras tener
aquí
la misma composición que la que vas a usar en un efecto posterior. Entonces sólo ven
aquí a tablero de arte. Digamos por ejemplo,
en After Effects, vamos a estar trabajando
con una composición de 720. Entonces simplemente cambiaré esto
a 720, así como esto. Y así solo te haces
una idea de cómo
va a quedar una idea de cómo la composición o
cómo se verá el logo la composición o
cómo se verá el logoen
After Effects así. De acuerdo, entonces no quieres que el
logo sea demasiado grande, no demasiado pequeño, es justo cuando está en el área
activa así. De acuerdo, chicos. Ahora
sigamos adelante y descarguemos los scripts muy rápido. Entonces el primero es crear
nulos a partir de caminos extendidos. De acuerdo, entonces venimos aquí y este es el que
deberíamos descargar. Sólo asegúrense chicos que
se han extendido aquí porque a veces los estudiantes cometen un error
y descargan el normal que viene
ya con After Effects. Queremos descargar
hacer uno con extendido. Te diré por qué
cuando lleguemos a ello. Entonces solo da clic aquí. Comenzará a
descargarse en estos momentos. De acuerdo, vamos a la siguiente. Hacer base débil todo el año, y luego sólo descargar. Descargar. Una vez que
descargues, vas a tener dos archivos como este. El primero es dot js X, y el segundo es un
archivo zip que necesitas descomprimir. Simplemente abra éste, vaya por scripts uy, y luego busque
gouache basal dos puntos, JSX y luego extrae la
misma carpeta. Y aquí lo tenemos. Ahora el siguiente paso
quiero que sigan adelante y copien ambos y luego vayan a este PC C
drive Archivos de programa, Adobe After Effects, archivos
deportivos. Busca scripts, guiones, paneles de
interfaz de usuario, y luego los
pegas aquí. Ya los tengo. Ahora, si estás en un Mac, voy a dejar el
enlace para la versión para Mac y luego ir a After Effects. Y luego una vez que
abras After Effects, ve a Edit Preferencias,
scripting y expressions. Y asegúrate de tener
este revisado. Me encanta el script para escribir archivos
y acceder a la red, ¿de acuerdo? Y reinicia After Effects. Aquí lo tienes, tienes
instalados tus scripts, estás listo para ir
ahora a plazas libres. Eso es más o menos. Y mi consejo para
completar el proyecto es atacar esta
animación paso a paso. Entonces hacemos la primera
animación, nos enfocamos en ella. Entonces saltamos a la animación
secundaria y nos
aseguramos de que todo esté
bien allí también. Y por último, pulimos la animación y luego
compartes tus proyectos. Y también la razón por la que
elegí esta animación específica, porque puedes tomar esas
técnicas y aplicarlas a tus propios proyectos personales con un par de retoques después de
dominar esta técnica. Entonces eso es
más o menos todo ustedes chicos y nos vemos en la
primera conferencia.
3. Animación básica: animación de la revelación: De acuerdo chicos, entonces en
esta primera conferencia, vamos a estar haciendo
la animación básica. Estaremos animando el
revelado después de ver las capas y luego pre-comp
en todas y cada una de las capas. De acuerdo, entonces nuevos proyectos,
nueva composición. Y aquí están los escenarios con los que vamos a
estar trabajando. El ancho, la
altura, las velocidades de fotogramas, la resolución y el color de
fondo se iluminan. Y entonces sólo voy a
renombrar esto muy rápido. Entonces Viola, animación de logo. Se puede ver que el
fondo es transparente stat porque he activado
la transparencia. Pero si lo apago, Aquí hay un fondo blanco. Ahora sigamos adelante
y haz doble clic aquí y luego encontremos nuestro logo. Composición. Dimensión del metraje. Queríamos tamaño de capa,
no tamaño del documento. El tamaño del documento
nos dará una caja delimitadora grande. El tamaño de la capa nos dará
una pequeña caja delimitadora, justo el tamaño del vector. Da clic, Ok, voy a hacer doble clic en la
nueva composición. Seleccione aquellos. los podemos ver por
el fondo negro. Mando de Control X. Regresa a mi composición normal
y solo pega. Aquí. Nosotros vamos. Simplemente borra éste,
no lo necesitamos. Selecciona todo aquí,
y luego solo
asegúrate de que esté en
el medio. ¿De acuerdo? Ahora, el siguiente paso aquí es seguir adelante y simplemente ajustar
estas letras, estas capas. Supongo que primero quiero V. Ahora selecciona todo. Haga clic derecho y queremos
convertirlos en capas de forma. Así crea, crea formas
a partir de capas vectoriales. Entonces ahora esto es lo
que vamos a hacer. Vamos a dar click
en la etiqueta de la capa vectorial,
seleccionar regla etiquetada. Ahora seleccionará
todas las capas vectoriales y solo las vamos
a borrar porque ya no las
necesitamos. Sólo voy a encajar
esto así. Nótese que con
la primera letra. Por lo que queremos aquí agregar un trazado de recorte para animar
el revelado de trazo. Así recorta ruta abierta y
vamos a animar el parámetro final de 0
para hacer zoom en la línea de tiempo. Así que solo mantén pulsada la tecla Alt u Opción
y haz zoom con el ratón. Yo me siento así. Entonces voy a mover esta
cosa aquí, 20 amigos. Y boom, quiero revelar
a estrella de
izquierda a derecha. De acuerdo, da clic aquí, da clic en usted. Entonces solo tenemos los
fotogramas clave solos. Ahora si hago clic en jugar, bonito. Y luego F9 para
lo más fácil, ¿de acuerdo? Porque los ECN, ustedes
son súper importantes. No se puede hacer
animación sin ECN. Demos clic en Jugar ahora. De acuerdo, Niza. Ahora sólo vamos
a ir al gráfico de velocidad y queremos juzgar la
velocidad así k, queríamos empezar
rápido y terminar lento. Está bien, no está mal. Entonces esto significa rápido
y esto significa lento. Vale chicos, así que por ejemplo
aquí va a empezar poco a poco un poco y
luego ir rápido y luego lento. Así es como se lee
el gráfico de velocidad. Y también aquí asegúrate de
tener la misma configuración que yo. Es gráfico de velocidad y
mostrar gráficas, consejos geniales. Y tengo el Zoom alternado. Ahora volvamos aquí
y volvamos a dar clic en Reproducir de nuevo. De acuerdo, se ve bien. Ahora queremos hacer lo
mismo a todas estas cartas. Y en lugar de agregar trazado de
recorte y luego hacer el mismo procedimiento una y
otra vez, lo que podemos hacer es
seleccionar esos fotogramas clave, Comando de
Control C para copiarlos. Y entonces podemos
venir aquí a la barra de búsqueda teclea los contenidos. Vamos selecciona el
resto de las letras y luego Comando de Control
V para pegar los fotogramas clave. Ahora aquí lo tenemos.
Seleccionatodo, da clic sobre ti. Entonces solo tenemos los
fotogramas clave que necesitamos. Entonces una cosa aquí
tenemos que
asegurarnos es de que quieres que la animación o la animación
reveladora comience de izquierda
a derecha y asegúrate de que va
para todas las letras. Porque a veces una
carta puede partir de los derechos y
no quieres eso. Se necesita cambiar el
camino de las muertes carta. ¿ Y cómo cambiamos la ruta de
animación de una carta? Entonces por ejemplo, aquí tenemos
la Y seleccionada. Déjenme abrir las opciones. Entonces vamos a
ir al grupo uno. Y luego pinchamos aquí. Tenemos camino, y tenemos
estas dos líneas, camino inverso. Entonces damos clic. Y entonces se puede ver que el camino
de la animación ahora está invertido para esta
zona aquí mismo, ¿de acuerdo? Este es el grupo uno es
la cola de la Y. Se
puede ver que la
animación se cambia. Entonces yo conozco el de mi papá, lo
voy a dejar como estaba en algunos casos,
como la y aquí, por
ejemplo, se puede ver que tengo grupo uno y grupo dos, que porque en Illustrator
con la herramienta pluma, Creé esta parte sola. Y esta parte está por
aquí, la cola sola. ¿ De acuerdo? No creé todo en un solo clic como lo hice con
algunas de las letras. Por eso tenemos el grupo
uno y el grupo dos. Y es mejor animar
estos individualmente. Vale, entonces por ejemplo
aquí, la pequeña y Lo que voy a hacer es el
cabezal de reproducción después de la animación. Y luego da clic aquí para
eliminar los fotogramas clave. Entonces voy a abrir el
grupo uno y el grupo dos. Y luego quiero pegar
los fotogramas clave en el grupo uno y luego en el grupo
para así como esto. Ahora tú, y luego
voy a compensar estos pedacitos así. Entonces ahora si juego, se
puede ver lo que está
pasando aquí. De acuerdo, es una mejor animación. Muévete, muévete, muévete, muévete. Y luego sólo escribir aquí, por
ejemplo, yo una vez la parte
exterior dos estrellas. ¿ De acuerdo? Por lo que se ve mejor. Lo mismo con la a.
tiene dos grupos porque
creé esta parte sola y esta
otras partes sola. Así que da clic en una mezcla. La reproducción está muy
lejos de los fotogramas clave. Retire los fotogramas clave haciendo
clic en el cronómetro, lleve la cabeza de reproducción
al principio. Entonces más o menos voy
a hacer lo mismo aquí. Entonces grupo uno y luego grupo dos. Entonces entonces compensas. Y un poco así sucesivamente
sólo para almacenar aquí. Entonces justo por aquí, quiero que esto empiece a las. A ver. Aquí vamos. De acuerdo. Una cosa más que necesito cambiar
para la última letra es que necesitaba
frenar un
poco los opuestos
de la primera letra. Así que selecciona ambos fotogramas clave, gráfico de
velocidad, y luego
simplemente entramos en revertir esto. Así. Queríamos
aligerar outs. Nosotros vamos. De acuerdo. Entonces tal vez esta. Simplemente lo dejaré como estaba. Creo que le va
mejor. Simplemente quita este clic de distancia para que podamos
quitar el cuadro delimitador. Entonces solo quiero
compensarlo en el momento adecuado. Entonces esto de aquí. De acuerdo, así que aquí mismo, supongo. De acuerdo, eso está mejor. Por lo que puedes ver eso aquí mismo. Se retrasa poco, sí habla un poco, ¿de acuerdo? Y quiero que esto sea suave. Entonces lo que puedo hacer aquí muy
rápido es que puedo simplemente
venir aquí a esta zona
y luego simplemente
levantarla . Es una parada. Ya ves, así que eso es mejor. Muy bien, aquí lo tenemos. Chicos, aquí tenemos
la animación básica. Entonces, la
pregunta más común que me hacen los alumnos es que ¿cuántos
fotogramas necesito compensar? Y la respuesta
es, solo depende cuándo quieras que aparezca la siguiente
letra. Entonces primero, simplemente
moveré todas estas capas, 20 fotogramas como este, porque aquí vamos a agregar
otra animación. Y ahora comencemos con
la primera animación. Entonces por ejemplo, quiero
intervenir, llega a esta zona. Quiero hacer Y para empezar a aparecer. De acuerdo, déjame
abrir los fotogramas clave. Aquí vamos. Y luego jugar. Y luego cuando
la y llegue a esta zona, quiero que
empiece a aparecer el OH. Entonces cuando la O
llegue a esta zona, quiero la L. La L
llega a esta zona. Quiero empezar a aparecer.
Demosclic en Reproducir. Malo. Haz como que sea
100% click en jugar. Entonces la otra
cosa de la animación, que
reproducirla una y otra vez solo para comprobar si
algo necesita arreglar, si algo anda mal. Y también este es un proceso
creativo. Entonces les estoy mostrando
chicos son técnicas, pero el proceso creativo
y lo que les gusta, va a ser diferente
de una persona a otra. Ahora rápidamente lo que quiero
hacer es simplemente agregar algo antes animación justo aquí
antes de que aparezca esta cosa. Entonces voy a seguir adelante
y seleccionar la Herramienta Pluma. Asegúrate de no tener
nada más seleccionado. Acerque aquí, haga clic aquí, luego solo agregue
algún tipo de forma. asegura de que el trazo tenga el
mismo tamaño que las letras. Después abre este trazo de
forma sin sentido y después
queremos tapas redondeadas y
también dibujo redondeado. De acuerdo, vamos a dar clic aquí. Veamos intereses
como este. Ahora lo que voy a hacer
es agregar el camino de recorte. Se puede ver que es mucho camino de
recorte están involucrados aquí. Así que abre este diez
y luego solo pega los fotogramas clave anteriores
tanto a la estrella como al final. Entonces tú, ¿cuáles son
los fotogramas clave? No los veas o su cabello debería tener juega la cabeza de juego. En el inicio. Vamos ahora, juguemos la animación. Sí, tenemos que actualizar esos. Por lo que se puede ver que se
va al otro lado. Y recuerda el truco
que te dije antes. Sólo vamos a
encontrar camino y cambiar. De acuerdo, y ahora vamos a seguir adelante y hacer una buena
morfina aquí. De acuerdo, solo
cambiemos Gráfico de Velocidad. Queremos que empiece un
poco lento, y luego rápido. De acuerdo, así que mañana tienes
que ser rápido. Haga clic en Reproducir. Perfecto, se ve perfecto. Ustedes caben épsilon cientos.
Demosclic en Reproducir. Ahora, antes de pre-comp, Vamos a seguir adelante y reproducir la
animación una vez más solo para comprobar si
algo se desliza. Porque al animar, no
importa lo bueno que seas, algo, siempre se desliza. Papá, justo lo que
pasa en la animación. Voy a llevar la
cabeza de la reproducción al principio, luego acercar la línea de tiempo, y luego
reproducir lentamente la animación, tal vez cuadro por cuadro. Sólo para comprobar, oh, aquí tenemos algo. desliza y aquí lo tenemos. De acuerdo, así se puede ver
que la estrella de la letra V es antes de que la
animación de trazo llegue a su. Entonces lo que voy a hacer es
simplemente tomar el primer trazo, dejar cambiar la etiqueta de
este, verde oscuro. Entonces esto tiene una animación de trazos
y tal vez solo llevarla al principio
así. Ver ahora. De acuerdo, esto es mejor. De acuerdo, está bien. ¿ Verdad? Ahora eso es comprobamos que
todo esté liso. Nos aseguramos de que
todo esté bien. Yo sólo voy a seguir adelante ahora
y pre-comp las cartas. Y la razón por la que precomputamos
las letras es que
queremos trabajar con cada
letra individualmente. Si haces todo
aquí en una línea de tiempo, te perderás. Confía en mí, porque estaremos
trabajando con muchas capas. Entonces voy a pre-comp la primera letra
y solo nombrela
V. Simplemente voy a usar
realmente el
candado de mayúsculas en mi teclado y
haremos lo mismo
para todas las letras. Ahora, a pesar de que la pre-comp
comienza desde el principio, si se reproduce la animación, se reproducirá normal. Entonces, para recapitear todo
y esta conferencia, animamos la
ruta de recorte para
el desplazamiento de las capas y
pre-comp todas las capas. Arriba. A continuación estaremos
estirando nuestras letras.
4. Estira las letras con un script gratuito y aplicación de expresiones: Muy bien chicos, En esta
conferencia vamos a estar haciendo la animación secundaria, que es estirar las letras. Y también te introducirán a los nulls create from
paths scripts extendidos. Ahora empecemos con la
letra V. Y así para lograr el efecto deseado
que queremos lograr, el truco aquí es
estirar las letras, ¿de acuerdo? Una vez estiramos las letras, tendremos los efectos
deseados. Además necesitamos aplicar alguna
expresión al estiramiento. Entonces sólo traeré la cabeza de juego aquí cuando se detenga la animación. Y ahora vamos a seguir adelante y usar los scripts que
te dije que descargaras antes. Así que ve a Ventana
y luego busca crear nulos a partir de
trazados extendidos. ¿De acuerdo? El motivo por el que estamos
usando este, porque éste tiene esta
opción que necesitas
revisar los controles de mango, ¿de acuerdo? tanto que si usamos la otra, no tiene esa opción
y tiene menos opciones. De acuerdo, entonces trabajando con éste, vamos a estar
trabajando con éste. Muy bien, así que ahora da clic
aquí para abrir las opciones. Haga clic aquí, y luego agrupe. Entonces hay que buscar camino. Pero aquí está lo que ustedes chicos, una vez que abran las cartas, van a encontrar al grupo. Si encuentras grupo, necesitas desagrupar
esto antes de aplicar. Los puntos siguen nulos. Porque si dejas grupo aquí y lo aplicas a path,
esto es lo que pasa. Se va a crear todos
los controles aquí. Vea los
puntos de anclaje aquí mismo. Debería estar en la carta, y eso está
por aquí. Entonces voy a deshacer,
déjame solo revisar aquí controles de
efectos. Se puede ver
que ni siquiera está aquí. No apliqué los
efectos de la carta. Así que haga clic derecho Desagrupar formas. Una vez que hagas eso,
abre camino, hombre, revisa trayectoria, y luego
los puntos siguen nulls. Ahora se puede ver que el
punto de anclaje está en la carta. Entonces puedes ver
aquí mismo que
tenemos muchas cosas pasando. No hay necesidad de tener miedo. Tan rápido real, voy a
explicar cómo funciona esta cosa, cómo funciona el guión. Y luego te voy a mostrar una forma rápida de usar los guiones. De acuerdo, entonces primero lo primero, tenemos las capas amarillas, ¿de acuerdo? Las capas amarillas controlan
las capas cian, ¿de acuerdo? Este gran rectángulo amarillo tiene dos pequeños
rectángulos de Ciencia dentro de él. Se puede ver aquí mismo
y el enlace de los padres. Entonces, si quieres cambiar el tamaño esto porque estos son
algunos rectángulos grandes, lo que puedes hacer primero es
simplemente hacer clic derecho aquí en psi y etiquetar,
Seleccionar grupo de etiquetas. Seleccionará todas
estas etiquetas de inicio de sesión, S, justo aquí donde dice 15. Lo vamos a cambiar a diez. Ahora para las cajas amarillas, no
podemos
redimensionarlas usando esta vaca. Pero lo que podemos hacer es golpear
Shift plus control y por qué
aparecerá una configuración sólida y podemos
cambiarla desde aquí. Por lo que solo necesitamos
bloquear la relación de aspecto. Y entonces aquí vamos a
cambiarlo a 30 o 20 lo que sea. De acuerdo, y aquí lo
tienes. ¿Pueden ustedes? Y entonces hay que
hacer lo mismo por éste y éste. Y hay que
hacerlo de manera individual. Pero lo bueno es
que no tienes que
hacer esto por todas
las cartas, ¿de acuerdo? Porque te voy a
mostrar cómo trabajar con esto sin
todos estos problemas. De acuerdo chicos, así que esto
es más o menos sólo una introducción
a estos guiones. Ahora si me preguntaste por qué soy Ally usando path para estirar
las letras y la razón es que puedes usar path,
solo lee la carta. Pero con path, no se asignan
números a los fotogramas clave, lo que significa que no se pueden aplicar
expresiones a path, ¿de acuerdo? Es por esto que estoy
usando estos scripts. Pero si quieres, puedes cambiar esto manualmente
usando los controles de ruta, pero
te va a llevar mucho tiempo. Entonces la mejor manera aquí es
usar este scripts gratuitos. Entonces para estas partes ahora, lo que voy a hacer es dar clic aquí para ocultar capas
con el botón Shy. Bueno. Ahora solo tenemos
las tres capas amarillas y no las necesitamos todas. Solo necesitamos esta
en la parte de abajo porque queremos estirar
la v así. ¿ De acuerdo? Entonces solo
voy a cambiar la etiqueta
de esta y puedo
esconderlas también porque
no las necesito. Ahora, lo que quieres hacer aquí es trich y la dirección
de la animación. Para que puedan ver
que va hacia abajo. Por lo que nos estiraremos hacia abajo. ¿ De acuerdo? Así que haga clic en P
para el fotograma clave de posición. Entonces pon esta cosa aquí, y luego busca abajo así. De acuerdo, y también
lo podemos hacer por este kel. Así que S para los fotogramas clave de escala y haga clic en usted
sería fotograma clave aquí. Entonces podemos escalar este
pedacitos delgados así. Es decir, si tu quieres. Ahí vamos. Da clic aquí y tal vez busca. Todavía hay más para
el estiramiento y solo
necesitas hacer como cinco fotogramas
entre los fotogramas clave. ¿ Por qué? Porque he probado diferentes amigos y creo que
cinco marcos funcionan mejor. Voy a hacer clic en
hue en la letra V. Y luego traer
esta cosa aquí. Entonces voy a dar clic en Reproducir y solo encontrar el lugar
perfecto para Justicia. Verme estar aquí. Va hacia abajo, va
por aquí tornillos. Creo que lo voy a poner aquí. Es mejor. Entonces tengo más estiramientos justo
aquí alrededor del medio. Ahora el toque final, sería agregar
expresión a la posición, no a la escala. De acuerdo, entonces selecciona ambos. Y luego voy a ir a Ventana y luego
buscar los R-cuadrados. Te dije que no hay carga. La base débil todo da clic
aquí en animación. Y luego k más delgadamente. Ahora aquí bajo el
Control de Efectos, desmarque la disipación. No necesitamos anticipación, sólo
necesitamos seguir adelante. Aquí para la elasticidad. Voy a hacer 20, ok, Porque probé
diferentes configuraciones. Números. Creo que
20 funciona lo mejor. Mira el juego. Nuevamente.
Parala báscula. Solo aplica algunos ECN. Aquí Troy. Siento que necesito
agregarle más rebote. Entonces tal vez aumentar esto a 30. De acuerdo chicos, Así que aquí está la cosa. Va a ser diferente de
cada letra a otra. Solo necesitas probar diferentes
posiciones hasta encontrar la que más te guste y luego
simplemente dejarla ahí. Si quieres agregar más
rebote o más elasticidad, solo
necesitas aumentar aquí. Y como vamos a sumar
más rebote hacia, vale, creo que sólo soy el 30. A lo mejor me
apetezca aumentar esto
un poco más. Esto es mejor. Y también algunas veces en las que no obtienes suficiente rebote o elasticidad, posible
que necesites estirar la posición aún más
porque a veces simplemente no baja lo suficiente y no obtienes
el efectos deseados. Entonces estas son cosas
a tener en cuenta. O bien aumentar la
elasticidad o la posición. Esto es más rebote
y más mejor. A mí me gusta así. Ahora volvamos
a los proyectos. Tenemos que hacer eso para todos. Por lo que ven aquí mismo, tenemos este problema porque
agregamos el rebote. Pero nada que no podamos
arreglarlo usando el lápiz. Probablemente pensando, son de
nuevo, hay que ajustarnos. Esto es demasiado trabajo porque
chicas que dice animación. Cosas como esta
sucederán todo el tiempo. Por lo que tienes que
acostumbrarte cada vez que vas a
enfrentar un nuevo problema que solo necesitas
averiguar cómo solucionarlo. De acuerdo. Sigamos adelante y
haga doble clic en por qué. Nosotros prácticamente vamos
a hacer lo mismo. Contenidos son ahora lo
puedes ver aquí mismo
tenemos el grupo uno y el grupo dos. Veamos cuál
es el grupo uno, ok, entonces esta área es Groupon y
esta área es el grupo dos. Entonces, ¿por qué tenemos dos
grupos aquí? Ni uno. Lo hice en dos partes. Diseñé esta área sola y luego creé esta área sola. Por lo que incluí esta
carta a propósito. En ocasiones te enfrentarás a
este tipo de problemas. Aquí. Si bien lo
que podemos hacer es que podemos estirar el grupo uno y luego podemos estirarnos
al desvío para el grupo uno, vamos a desagrupar su camino. Y luego volveremos a hacer
el mismo procedimiento. Pero esta vez te mostraré la primera forma de hacer las cosas. Por lo que de nuevo, Puntos Seguir
Knowles. Haga clic aquí. Pero esta vez
vamos a ir a View. Y luego vamos a
desmarcar Mostrar controles de capa. Y luego ocultaremos
todas las capas de letreros. Y luego nos quedamos apenas
con el cuadro de rebote amarillo. Yo casi todo lo
controlo. Selecciónalos todos. Y luego haz clic en P para
la posición, deselecciona mole. Y luego basta con mover
la posición hacia arriba y hacia abajo para ver qué
capa controla los vatios. Vale, entonces vamos
a necesitar éste, cambia el color de
su cisne. En realidad no. De acuerdo, entonces ahora encontramos que éste es el
que necesitaremos. Probablemente vamos a necesitar estas partes también para
hacer el estiramiento. Entonces aquí solo quiero, y luego voy a
hacer clic en el jersey y vincularlo con éste porque estos dos son
los que vamos a necesitar. Y luego sólo esconder las externas que no
estaremos necesitando. Una posición alfa. Voy a agregarlo aquí. Trae esta cosa aquí, busca hacia abajo así. Lo mismo para la báscula. Posición. Así. A lo mejor vamos a necesitar
ajustar esta de aquí también. Déjame ver. Déjame
probar por la báscula. De acuerdo, entonces
creo que vamos a estar ajustando la
escala para esta. Así que agrega un fotograma clave aquí, y luego solo quiero ajustar este borde aquí mismo
no se ve suave. De acuerdo, Entonces claro que puedo
dedicar más tiempo a esto, pero no tenemos todo
el tiempo del mundo. Pero se te ocurre la idea. Espero. Ahora para la báscula, haremos los extremos de la facilidad. Entonces F9, lo mismo
aquí, escala F9. Y entonces para el puesto, no
vamos a estar
aplicando ningún 0s en habilidades será aplicar
una expresión. Y si aplicas facilidad
en los fotogramas clave, no
podrás
aplicar expresiones. Aquí puedes traer todo . ¿Verdad? Asegurémonos de que esté a
cinco fotogramas de distancia. Por lo que 13 más 518. De acuerdo, lo hicimos bien. Entonces. Simplemente aplique los controles flexibles
K más delgadamente. Desactiva este 30 aquí. Ahora sólo voy
a esconder esos. Y entonces sigamos adelante
y encontremos el segundo. Agrupar a Desagrupar. Desagrupar y el mismo procedimiento. De acuerdo, volvamos
a la composición. Y lo mismo para el
resto de las cartas. sólo voy a
acelerar las cosas Ahorasólo voy a
acelerar las cosas. Entonces empieza con la O. Así se puede ver que a veces me
cambié hacia abajo y hacia arriba porque
sé que estaremos aplicando
el rebote y la expresión. Entonces necesito ver si
va a quedar bien. Si son gorilas dice por qué me ves
estirando arriba y abajo. De acuerdo. Esta única posición.
Deacuerdo, chicos, así que voy a estar haciendo alguna ficha y explicación de
ASMR mientras estoy acelerando. Entonces aquí mismo, solo estoy
haciendo lo mismo, ajustando la
posición y la escala. Es decir, no puedes
equivocarte con Justin
sólo dos parámetros. Y luego tomas los
fotogramas clave y los
ajustas a la
animación. Como quiera. Como dije antes, este
es un proceso creativo, por lo que va a ser diferente
de una persona a otra. Y aquí en la última letra, tenemos unos outs fáciles, lo que significa que la letra
comenzaremos despacio y termina rápido, lo que significa que la animación
sucederá hacia el final. Por lo que necesitamos poner esta dirección hacia el final de la animación, hacia el final
de los fotogramas clave. De acuerdo, y aquí lo tienes. Ahora recuerden chicos,
que siempre se puede descargar este archivo y le da
ganas de revisar algo. Qué por si no
entendiste algo, y quieres ver
cómo se hizo. Ahora volvamos a proyectos, composición, y juguemos la animación para
ver cómo se ve. Muy bien chicos, así que para recapitular todo y esta
conferencia hicimos una pequeña introducción
a los
nulls create from paths
extended scripts. Estiramos nuestras letras
y aplicamos expresión de
rebote
usando la base débil todo hacia arriba a continuación estaremos
agregando líneas de velocidad.
5. Agrega líneas de velocidad a la animación: En esta conferencia vamos a estar
agregando las líneas de velocidad para agregar más expresión y
características a nuestra animación. Entonces para sumar líneas de velocidad, otra vez, vamos a seguir adelante y atacar cada letra individualmente. Y también lo vamos a hacer la acción de trazo o animación
aquí al principio. Y así haga doble clic en la letra V. Permítanme
ocultar los controles. Entonces me voy a parar aquí cuando la carta
se extienda más. Básicamente la técnica aquí es que seleccionas la herramienta Pluma, luego trazas la letra, y luego aplicas trazado de recorte. Eso es más o menos
todo lo que vas a hacer. Sólo es cuestión
de trazar o unir con el lápiz y
agregar trazado de recorte. Entonces lo harán
por esta primera. Haga clic aquí, aquí, luego aquí. Juguémoslo otra vez. De acuerdo, Queremos disminuir
el tamaño del trazo a uno. Ahora sólo podemos
ajustar todo. Aquí abajo. Se puede ver que
tenemos un filo afilado que necesito convertir en una curva
y apenas pedacitos. Entonces para hacer eso, para que puedas sostener Alt u Opción en tu teclado, haz clic aquí, y
luego simplemente arregla eso. Veamos ahora cómo se ve. Entonces como puedes ver aquí mismo, no
quieres que el
trazo esté demasiado cerca o demasiado lejos, quieres encontrar
algo intermedio. Y también algunas veces en las
que intentas ajustarte. Por ejemplo, tienes esto. Lo que puedes hacer
simplemente es hacer clic de distancia, luego volver a hacer clic y ajustar. ¿ De acuerdo? Ahora por supuesto,
si bien tenemos que hacer es tan simple como ruta de recorte, solo
vamos a
estar agregando trazado de recorte para este también. Y vamos a repetir
exactamente lo mismo para todas las letras. Por lo que la ruta de recorte anima el final. ¿ De acuerdo? Pero es aquí encima de estos fotogramas clave donde
la animación termina aquí. Y aquí, 0 de 0 a 100. De acuerdo, ahora selecciona
los fotogramas clave F9, y ajustemos
el gráfico de velocidad. Por lo que queremos que la animación
comience súper rápido. No queremos ningún tipo de anticipación al
principio como esta. De acuerdo, Entonces empezó súper
rápido y luego se ralentiza. Seleccione los fotogramas clave,
Comando de control C, vaya a estrella, Comando de
control V.
Ahora solo desplace la estrella con el
parámetro final. Haga clic en jugar. Aquí lo tenemos es si lo
piensas demasiado
rápido o demasiado lento, solo
puedes ajustar las compensaciones. Vale chicos, así que ahora recuerden exactamente lo mismo
para todas las letras. Entonces ahora la mejor parte, después de hacer la
primera línea de velocidad, no
tienes que ir de nuevo y solo el camino de recorte por todas partes. Simplemente podemos volver
a la primera letra, copiar esto, después volver
a la siguiente. Seleccione la ruta de recorte y luego
simplemente pegue todo aquí. Vamos a ajustar
esto con esto. A ver. De acuerdo, Se ve bien. Demos clic en Reproducir. Y aquí lo tenemos. Cuando haces la
primera línea de velocidad, solo
necesitas dibujar
la forma y pegar esta animación o
estos fotogramas clave. Ahora voy a seguir adelante y
sólo acelerar el proceso. De acuerdo, chicos así que estoy de vuelta con algunas notas más de ASMR
mientras se acelera. Recuerda solo toma la herramienta pluma, traza las letras, traza también el estiramiento
de las letras. Entonces no se limite a trazar la
letra n su posición normal. Trazarlo al aceite en el
estiramiento también. Y luego aplico trayectoria de recorte, ajusto la gráfica de velocidad. A veces puedes correr para acelerar las líneas que cruzan
entre sí, por lo que solo necesitas
alejarlas, como alejar los fotogramas clave, o simplemente
alejar las capas unas de otras para que no lo
hagan cruz. Asegúrese de ajustar el gráfico de
velocidad también. Y es que todo debería ser bueno. Entonces así es como se
hacen las líneas de velocidad. Sé que puede confundirse
un poco, pero solo hay que intentarlo de
nuevo hasta que lo haga bien. Así que para recapitular todo y esta conferencia agregamos formas de trazo, las animamos el uso y la ruta de recorte para crear
las líneas de velocidad. Y también ajustamos la
velocidad usando los gráficos de velocidad. A continuación estaremos haciendo desaparecer
el logo.
6. Desaparición de logotipo y configuración de exportación: Ahora por fin, esta es la conferencia final y
estaremos haciendo desaparecer
el logo usando la ruta de recorte y
las líneas de velocidad. Tan lo mismo para
la desaparición. Ahora lo vamos a hacer a
cada letra individualmente. Entonces haga doble clic en V, pre-comp. Y yo sólo voy a
seleccionar esos muy rápido. Haga clic en usted. Ahora selecciona
esta letra, duplicarla. Comando de Control D. Cambiar el color del duplicado. Ahora voy a mover
la cabeza de juego aquí. Y digamos
por ejemplo, quieres que la animación
desaparezca a los 6 segundos. Se puede ver
cuánto tiempo se
reproduce la animación y hacerla
desaparecer aquí. Aquí atrás, alrededor de seis segundos. Lo que vas a hacer primero es hacer
clic en hue en el duplicado y queremos quitar
el camino de la vergüenza para este. Córtalo aquí. Cronómetro aquí. El cronómetro aquí. Y luego muévete como 20
cuadros por aquí. Y hagámoslos
desaparecer. Ambos. Vale, Ahora la
duplicada de abajo, vamos a venir aquí y cambiar el tamaño del
trazo a uno. Después aplica E dice que voy a dejar sólo compensarlo un
par de cuadros. Cumplir. Se puede ver ahora que deja como un bonito
rastro detrás de él. Por lo que esta técnica es súper fácil y hace para una más elegante y
desaparición. Ahora queriendo hacer aquí
porque va a desaparecer. Tenemos que cambiar el
gráfico de velocidad para facilitar la salida. Cumplir. Aquí vamos. Dame que fue
demasiado rápido hacia el final. Al igual que esto. Dale un poco de
despacio. Hace mejor. Vuelve a la composición
y queremos hacer lo
mismo por todos
ellos, chicos bien. Mezcla en cada letra. Pones la cabeza de juego en
el segundo y una línea de tiempo, vale, porque queremos que
desaparezcan todos al mismo tiempo. Con algunas letras, es
posible que necesite compensar la capa en la parte inferior
más de dos marcos. Al igual que aquí, por ejemplo, me parece que el offset perfecto n
es alrededor de cuatro cuadros. ¿ De acuerdo? Ahora por fin, podemos seguir adelante
y exportar nuestros proyectos. Ahora una última cosa aquí
antes de que exportemos. Digamos ustedes chicos, quieren cambiar
los colores por supuesto, porque ahora no tenemos
fondo aquí. Digamos que quieres
cambiar los colores del logo
de la letra, porque es muy raro
encontrar un logo que sea solo
el blanco y negro. Entonces voy a ir a descargas
e imponer una imagen. Voy a poner
esta imagen aquí. S y luego solo escala
es un poco. ¿ De acuerdo? Ahora esto es lo que vamos a hacer. Voy a ir a efectos, luego buscar cayeron. Y queremos que
éste genere relleno. Entonces lo voy a poner
en la primera letra. Me da un color rojo. Voy a abrir estos efectos. Rellena el cuentagotas y selecciona
el color que quiero. Vosotros chicos. Yo casi hago lo mismo una
y otra vez. De acuerdo, Así que aquí, un último truco. Digamos que quieres
seleccionar todo, todas las capas y una
línea de tiempo, pero la imagen. Simplemente puede hacer clic en la imagen, hacer clic con el botón derecho y luego
invertir la selección. Seleccionará todas las
capas. Pero la imagen. Aquí vamos. Ahora para
estas dos formas, solo
podemos cambiar el color del
trazo desde aquí. Agreguemos el fondo
también antes de ocultar esto. Entonces ve a capa, nueva, luego sólida. Entonces voy a elegir
este color. ¿De acuerdo? Entonces podemos ver aquí que
el fondo lo agregamos. Si elimino la transparencia, puedo ver que es
tan pequeña aquí dentro. El motivo por el que es pequeño
así es porque antes cuando estábamos ajustando el script crea nodos
a partir del paddock estándar. Cuando estábamos ajustando
los controles, sí
seguimos adelante y cambiamos
los ajustes sólidos. Por eso ahora puedes ver que
el fondo es muy pequeño. Entonces para arreglar ese
comando de control Y como lo hicimos antes. Y entonces sólo sigamos
adelante y hagamos esto aquí. Ingresa aquí las dimensiones de la composición haz clic en
Ok, y aquí la tenemos. Chicos, maten su esconder esto. Ahora para exportar puedes ir a Exportaciones de
archivos y luego a
Adobe Media Encoder. Por lo que estos ajustes, h
puntos 26040 dice si desea exportar un MP4, si desea exportar
como GIF animado, puede hacer clic aquí y
luego encontrar GIF animado. A continuación, haga clic aquí
y podrá elegir la carpeta que desea. Se puede exportar uno transparente, por lo que el logotipo y otro
con el fondo. ¿ De acuerdo? Entonces este es un GIF, lo
exportaré ahora. Entonces también podemos exportar si
quieres exportar de nuevo mp4, lo
podemos hacer aquí. Agregue a Adobe Media
Encoder, y esta vez, elija en antes de
códec. Ahí vamos. Podemos dar click aquí con un poco y
tal vez ajustar esto. Utilice la máxima calidad de renderizado. Esta es la misma configuración de
exportación que
la que tienes en
Premiere Pro haz clic en Ok, y exportemos
esta también. Y aquí tenemos a dos chicos. Entonces para recapitular todo en esta conferencia hicimos desaparecer
el logo usando la ruta de recorte y usando el offset para
crear las líneas de velocidad.
7. ¡Felicitaciones!: Enhorabuena chicos. Entonces ahora ya casi
terminamos con la clase. Cubrimos toda la animación
literaria y de logotipos desde la importación de archivos
a After Effects, hasta la exportación de archivos a
través de Media Encoder. Ahora, hagamos sólo un pequeño
recapitulativo de lo que hicimos. Empezamos por la animación
básica, que es la revelada
e hicimos este estiramiento y luego agregamos
las líneas de velocidad. Y finalmente hicimos desaparecer
el logo. Ahora es el momento de
compartir por qué has creado aquí y esta sección. Y si aprendes algo
de esta clase, por favor deja una
reseña y sígueme para
que recibas una notificación
cuando suba. Y Yulan, muchas gracias por verte y
verte en la próxima clase.
Adam Chraibi, Designer and animator
