Transcripciones
1. Movimientos de IsomeTRICK: He estado enseñando
en Skillshare durante unos cuatro años produciendo muchas clases de Ilustración
y diseño gráfico Algunas de las cosas más
agradables en el proceso de creación de clases son las secuencias de títulos cortos
que consigo crear. A través de estas secuencias
, puedo añadir un
poco de animación. Aunque son
solo unos segundos, tienen un gran impacto. Oigan, chicos, mi nombre
es Kyler y Parson, y no soy un experto en motion
graphics Espera. ¿Debería decírtelo? Oigan, chicos, mi nombre
es KylernParson. Soy
diseñadora gráfica, ilustradora y maestra de primer nivel
aquí en Skillshare, y no soy un experto en motion
graphics Oye, pero uso After
Effects todo el tiempo, y eso significa que tú
también puedes, aunque
no seas un experto. Vengo de un fondo de
ilustración. After Effects es
una herramienta poderosa con tantas herramientas y características, y a la vez, puede
resultar abrumadora Y, créeme, he estado ahí. Tenía miedo de
abrir el programa, pero cuando aprendí
algunos de los conceptos básicos, fue muy divertido. En esta clase, voy
a tratar de quitar el telón y compartir con ustedes cómo
cualquiera puede animar. Comenzaré pequeño y te
mostraré la interfaz, enfocándome en áreas clave que
debes conocer para comenzar, construyendo
gradualmente
tu comprensión para animar propiedades de
transformación simples Aprenderemos formas sencillas de
enmascarar objetos usando esteras de pista, crianza de diferentes capas y aprenderemos algunas expresiones básicas. Este será un
curso introductorio a los efectos posteriores. Eso te llevará de Tengo un poco de miedo de abrir
el programa también. Oye, soy un maestro diseñador gráfico en
movimiento que puede animar cualquier cosa Quizá no eso, pero
al menos al final de esta
clase, animarás una cosa A través de nuestro viaje
hacia After Effects, ayudaré a explicar algunas de las herramientas clave para agregar movimiento a ilustraciones desde
el archivo configurado en
Adobe Illustrator hasta la importación y animación de propiedades clave Habrá lecciones secundarias para
ayudarte a entender lo que está pasando y por qué estamos usando
las herramientas que estamos usando. No tienes que ser un
experto para hacer cosas divertidas. No necesitas un curso de
diez horas. Todo lo que necesitas es un poco de tiempo y después de los efectos, supongo. Sí, probablemente necesites
después de efectos para aprenderlo. Así que asegúrate de tener eso. Entonces, si estás listo para ponerte en
marcha, te veré en clase.
2. ¡Te damos la bienvenida a la clase!: Él Hola, chicos, bienvenidos a clase. Para esta clase, crearemos
un regalo animado sencillo, así
como un rápido
y contundente de seis segundos real Todo usando la
misma animación Para esta clase, necesitarás Adobe Illustrator
y after effects, así
como Adobe Media
Encoder para la exportación final. Tendremos un archivo de
Illustrator personalizable para que puedas agregar algunos toques
personales a tu proyecto de clase. Entonces, una comprensión básica de Adobe Illustrator es
definitivamente útil. Te daré una breve
introducción a los efectos posteriores, mostrándote la interfaz y algunas de las
ventanas clave que usaremos. A lo largo de nuestro viaje en el
aprendizaje después de los efectos, habrá muchas
lecciones para ayudarlo a comprender las herramientas
que usaremos para crear nuestro
proyecto de clase y obtener comprensión
básica
de cómo funcionan las cosas. Todos los archivos así como los archivos
del proyecto de clase, y mi archivo final de Adobe
After Effects estarán disponibles para descargar
en los recursos de la clase. Para que puedas hacer referencia
y aprender de ello. Recomiendo encarecidamente
descargar e imprimir
los movimientos isométricos
atajo de teclado, hoja de trampa Para que lo puedas hacer referencia a medida
que avanzamos por la clase. Familiarizarte con los atajos de
teclado
te ayudará a navegar y acelerar tu
flujo de trabajo en los efectos posteriores. Tener la
hoja de referencia disponible te
ayudará a comenzar a
construir el hábito, y
te ahorrará mucho tiempo medida que avanzas
en los efectos posteriores. Esta clase tocará
muchas partes de los efectos
posteriores en un período de tiempo relativamente
corto. Aunque a veces puede
resultar abrumador, siéntase libre de hacer una pausa o volver a ver una lección para
asimilarla por completo antes de continuar O puedes ver a través toda
la clase y obtener
una visión general de lo que
haremos en la clase
y luego regresar y referencia a las secciones con las que aún
necesitas ayuda. Después de ver la clase, si todavía hay partes
que son difíciles para ti, siéntete libre de publicar en el panel de discusión para que todos
podamos aprender juntos. Entonces, si estás listo para entrar
después de los efectos, ve a descargar los recursos
del proyecto, y te veré en clase.
3. Configuración de After Effects: Oigan, chicos, en esta clase, vamos a saltar a los efectos posteriores. Vamos a hurgar en algunas de las ventanas y ver qué
necesitamos para esta clase ¿Bien? Hay tantas
ventanas en los efectos posteriores, y puede ser abrumador. Entonces en esta clase,
sólo voy a deshacerme de todas las ventanas y a
hablar de las necesidades Hay tres ventanas en las
que vamos
a usar el panel del proyecto, la ventana de composición
y la línea de tiempo. Para esta clase, estas son las únicas tres ventanas
que necesitarás. Si quieres explorar y ver lo que hay en las otras
ventanas, sigue adelante. Pero para esta clase,
vamos a llevarlo a la derecha
hasta lo esencial para que no estemos
demasiado abrumados con todo lo que After Effects ofrece porque
hay mucho, pero vamos a
mirar lo que necesitamos para comenzar en Adobe After Effects
y
empezar a en Adobe After Effects
y
empezar animar Bien, eso es campeón en. Entonces, si tienes Adobe
Creative Cloud, puedes abrir la ventana
y simplemente hacer doble clic en after effects. Voy a abrir. Después de que Adobe After Effects se
abra, puede seleccionar ,
crear un nuevo proyecto y
podría verse así. Esta es la ventana predeterminada aquí. Después de abrir After Effects, puedes ver que
te da un proyecto sin título No se guarda automáticamente, por lo que una buena práctica es
guardar tu archivo. Así que vamos a ir a Control
Shift S, guarda tu archivo. Después de abrir después de los efectos, se
te presentarán
todas estas ventanas aquí. Tienes tu
ventana de proyecto, tu composición. Tienes controles de efectos. Tienes todos estos
diferentes paneles aquí. Tienes la
línea de tiempo aquí abajo, y de hecho puedes
cambiarla aquí arriba. Estos son algunos ajustes predeterminados de
la ventana. Entonces default te da
todas estas opciones. Aprende, en realidad podrás acceder
a algunos tutoriales. Producido por Adobe para ayudar a
aprender después de los efectos. Entonces, si quieres
saltar a esos,
puedes aprender allí también. Puedes ir a Estándar y
solo ver qué paneles están abiertos. Pero para nosotros hoy, solo
vamos a
deshacernos de todo y pasar por lo esencial
desnudo. Entonces, los tres paneles esenciales que necesitamos es la
línea de tiempo aquí abajo, la ventana del proyecto y
nuestra ventana de composición. Entonces todo lo demás, solo
puedes subir y puedes cerrar esos paneles. Así que solo entra en el menú Top Burger
y cierra cada panel. Ahora bien, ¿los efectos después de los efectos no
parecen un poco más manejables? Absolutamente. Todo bien. Entonces tenemos tres ventanas aquí. Ahora bien, si quisieras crear una nueva composición donde
crearías un video, puedes bajar aquí,
crear una nueva composición. Haga clic ahí. Voy a abrir
los ajustes de composición. Puedes nombrar tu comp Práctica. Y luego puedes
configurar presets personalizados. También hay presets prefabricados. Entonces, digamos que querías un video HD a 24
fotogramas por segundo, eso está aquí, y
te dará esas perspectivas. Si quisieras
cambiar alguno de estos, simplemente
puedes hacer clic en Personalizado
y puedes cambiarlo
a lo que quieras
como 13 50 o lo siento, 1080 por 13 50, y eso
te dará las dimensiones para un video de Instagram. Todo bien. Vamos a golpear Bien. Antes de que hagamos eso,
puedes cambiar la duración de la duración de lo que es. Entonces va aquí milisegundos,
segundos, minutos, horas. Por lo que rara vez tocarás horas, tal vez minutos y
definitivamente segundos. Entonces vamos a cambiar
esto a 6 segundos y cero,
cero, basado en 24 fotogramas por
segundo, resolución completa. Son buenos 24 cuadros. Píxeles cuadrados, eso está bien. Y el fondo puede ser blanco. Ahí vamos.
Tenemos una composición. Como puedes ver en
nuestro panel de proyectos, se creó una nueva composición. Aquí es donde se almacenarán todos nuestros
medios de comunicación. Y luego aquí abajo, se puede ver la composición de la práctica
se ha planteado en la línea de tiempo, y aquí es donde vamos
a hacer toda nuestra animación. Vamos a agregar
en nuestras capas. Vamos a mover
algunas propiedades, y vamos a divertirnos un
poco en los efectos posteriores. En la siguiente clase,
solo voy a repasar cómo configurar un archivo de Adobe Illustrator para animación en after
effects. Vamos a saltar.
4. Cómo configurar el archivo de Illustrator para animación: Oigan, chicos, en esta clase, vamos a
repasar cómo configurar un archivo de Adobe Illustrator para prepararlo para la animación
en after effects. Así que vamos a saltar a la derecha en él. Entonces tengo abierto aquí
un archivo de Illustrator que contiene una
ilustración que creé en una de
mis otras clases. Ahora bien, lo que quiero
hacer es
realmente querer animar
esta ilustración Pero en los efectos posteriores, vas a tener que
separar todo lo que
quieras animado en capas
separadas. Cuando hay algo en una capa, todas las propiedades
estarán, ya sabes, conectadas a
todo lo que hay en esa capa. Entonces queremos separar lo que
se va a animar. Entonces, ¿cómo
podemos hacer eso? Así que en Adobe Illustrator, podemos encontrar las cosas que se
pueden agrupar y que permanecerán juntas en
Adobe After Effects, y luego
separaremos las cosas que hay que separar. Si ves aquí en
mi panel de capas, tengo un grupo que es la taza. Tengo la obra de arte real que está en la taza y una capa de sombra
y resaltado aquí. Todos esos pueden permanecer juntos, así que voy a seleccionarlos todos y voy
a agruparlos. Para que veas que mi panel de capas se hizo un poco más pequeño,
lo cual es genial. Quiero mantener la sombra separada para que
pueda animarla por separado o moverla
o eliminarla según sea necesario ¿Todo bien? Ahora tengo
esta capa de corazón. Y como pueden ver, esta capa de
corazón, en realidad, tiene un patrón
swash adherido a ella que me permite
moverla hacia arriba y hacia abajo,
y la muestra,
la reflexión
en realidad no se mueve Entonces da este
efecto que es,
como, en movimiento, lo cual
es realmente genial. Y eso es lo que quiero
en After Effects. Pero para configurarlo para la
animación en After effect, llegamos a configurarlo de manera
un poco diferente usando algo
llamado alfombrilla de pista. Así que vamos a tener que
configurar algunas capas más para que funcione
en los efectos posteriores. Entonces lo primero
que voy a hacer es que voy a
saltar a mi capa de corazón, y se puede ver que
tengo mi corazón principal, y luego también
tengo una capa con
una muestra de patrón adherida a ella Voy a cortar
la muestra de patrón,
y voy a pegarla en
su lugar fuera de ese grupo Entonces ahora tengo dos grupos
diferentes, el corazón y la máscara de corazón. Entonces voy a darle un color a
esto solo para poder diferenciarlo. Quiero que el
reflejo básicamente permanezca
estacionario a lo largo toda
la ilustración
y animación, pero quiero que esta máscara se mueva. Entonces voy a tener que
hacer
otra capa
que solo contenga el reflejo. Entonces voy a darle a
M en mi teclado. Voy a hacer una caja sobre toda
mi composición
o toda mi mesa de trabajo, y voy a
darle mi muestra de patrón,
que estaba ahí mismo Ahora tengo diferentes
grupos en mi una capa, pero no quiero solo una capa. Necesito separarme
en múltiples capas. Entonces, ¿cómo puedo hacer eso?
Podría hacer clic en la Capa uno. Puedo subir al menú de
hamburguesas y decir capas de
liberación para secuenciar. Y ahora se puede ver
que todos esos grupos, realidad se
convirtieron en capas, capa dos, tres,
cuatro, cinco, seis, y ahora voy a
arrastrarlos fuera de la capa uno, plop Y voy a
eliminar la capa uno porque ya no
necesitamos eso. Ahora bien, lo que voy
a hacer es que
en realidad voy a nombrar mis capas aquí para que sean fácilmente
transferibles a efectos posteriores Entonces la reflexión, sólo
voy
a hacer doble clic y
nombrar reflexión. Y yo voy a hacer el
resto de las capas también. Bien, entonces ahora después de
que nombras tus capas, todos
estamos listos
para los efectos posteriores Ahora bien, solo una cosa a
tener en cuenta es la razón por la que
separé la estera
de reflexión del corazón es porque solo quiero
que la reflexión esté contenida dentro de esta sección del corazón y no la totalidad
del corazón. Si quería usar la
totalidad del corazón, puedo mantenerlo como una capa, pero solo quiero que el
frente del corazón sea el lado que realmente tenga
esa reflexión animada. Entonces por eso separé esa sección específica
del corazón. Entonces ahora que
sabes cómo configurar tu
archivo de Adobe Illustrator para After Effects, te
voy a dar un pequeño archivo de Illustrator
extra que
te permitirá personalizar
tu proyecto de clase quieras.
Te veré ahí.
5. Personalización de la ilustración: Bien, así que ahora que
aprendes cómo podemos configurar un archivo de Adobe Illustrator para animación y After Effects, quiero darte un pequeño archivo de Illustrator
bonus que puedes personalizar y hacer
tu animación un poco más personal para ti Bien, veamos
cómo podemos hacer eso. Entonces tengo el archivo abierto
aquí, Mug Illustration, y ahora puedes ver que
hay diferentes secciones
en esta ilustración. Tengo una máscara de reflexión, reflejo, objeto,
taza y capa de sombra. Lo que configuré en este archivo es que en la
ilustración actual de la taza aquí, solo
voy a
apagar la reflexión por ahora para que puedan verla. Puedes ver que en realidad
he proporcionado diferentes íconos que
puedes aplicar a tu taza. Entonces, si apago el logo
isométrico aquí, realidad
puedes
encender uno diferente Oh, taza de café caliente. Hop, taza caliente de increíble.
Sí, eso es aún mejor. Me encanta el café. Número
uno, diseñador de movimiento. Ese eres tú. Te amo. Muy lindo. El jefe
más grande del mundo. No soy yo. El mejor diseñador
de movimiento del mundo Oye. Esa es mi taza de té. El
diseñador de movimiento más bonito del mundo aquí mismo. Todo bien. Entonces sí, si quieres eso,
puedes cambiarlo. Además, si pulsas Y
en tu teclado, puedes seleccionar la taza. Puedes darle un
color diferente, lo que quieras. Puedes seleccionar tu icono
ahí, cambiarlo. Ahora lo tenemos un poco
diferente. Eso no es todo. Vamos a saltar a la otra cosa. Para que puedas personalizar el
gráfico sólo voy a bloquear
al muggler y
voy a abrir el objeto
y la máscara de reflexión Estos son dos conectados. Entonces, si los desbloqueo a los dos, puedes ver lo que está pasando. Tengo mi corazón en
mi objeto seleccionado, pero puedo
apagarlo y también puedo apagar mi máscara de corazón. Ahora podría encender
algún otro objeto, relámpago tal vez
y máscara de rayos. Ahora vas a tener un rayo
sobre tu café. Eso es increíble. Muy chulo. Y qué pasa, quiero
tener una conversación. Máscara de burbuja, burbuja. Todo bien. Oh, ¿estás
entusiasmado con el café? Yo también. Signo de exclamación
sobre tu café. Y lo que vamos a
hacer es animar esta sección superior Entonces tal vez haya una ubicación. ¿El diseñador de Okiest Motion del mundo? Justo aquí. Ese es este tipo. Entonces lo que vamos a hacer es que vamos a animar
esto arriba y abajo. Vamos a hacer algo de
movimiento hacia aquí. Y así personaliza tu
archivo de Illustrator como quieras, y asegúrate de que lo que
quieras visible en tu animación esté visible
en tu archivo de Illustrator. Lo que no esté visible en
tu archivo de Illustrator no se transferirá
a los efectos de Adobe After. Asegúrate de volver a encender tu capa de reflexión porque
queremos que eso se vea
en nuestra animación, y luego vamos
a ya sabes, ciérrala. Puedes bloquear las
capas como si no quisieras tocar
nada más. En la siguiente clase,
saltaremos a Adobe After Effects donde
aprenderemos a configurar nuestro proyecto para la animación y comenzar a animar.
Vamos a meternos en ello.
6. Introducción a After Effects: En esta clase, importaremos
tu ilustración a after effects para que podamos empezar a animarla. Vamos a
saltar a la derecha. Así que he abierto mi archivo after
effects, ejemplo de clase, y ahora encima en el panel de
proyecto aquí, voy a hacer clic derecho y
voy a ir a Importar. Voy a importar archivo. Voy a encontrar
mi ilustración de taza que quiero usar
para mi animación. Y voy a
asegurarme de que la opción de importación esté establecida como metraje y
crear composición. Voy a golpear Bien.
Y ahora, importa tipo, composición y tus dimensiones de
metraje, quieres conservar los tamaños de capa, y voy a golpear Bien. Entonces ahora puedes ver aquí
tenemos dos composiciones puestas en marcha. Una es la composición con todas tus
capas de Adobe Illustrator dentro de ella, y la segunda
es una composición. Sí, es sólo una composición con esa composición dentro de ella. Y después de los efectos
vas a tener
composiciones dentro de
composiciones dentro de
la composición a veces. Y veremos cómo
podemos usar eso nuestro beneficio cuando creamos
nuestro proyecto de clase final. En primer lugar, tenemos
taza Ilustración uno, esta tiene nuestras capas en el interior
y la ilustración de la taza dos. Vamos a entrar en
Mug illustration one, y aquí es donde
podemos empezar animadas. Como puedes ver, todas las
capas que creamos en Adobe Illustrator ahora están establecidas como capas en Adobe aftereffex Lo siguiente que
queremos hacer es querer padre de objetos que se van
a mover juntos. Ahora bien, lo que queremos
hacer es que queremos que nuestro reflejo sea
padre
de nuestra capa de corazón. Nuestro reflejo ahora mismo, se moverá por separado de la capa del corazón. Sólo
voy a deshacer eso. Ahora, lo que queremos hacer es cuando nuestro objeto, nuestro corazón se mueve, queremos que la capa de reflexión, la colchoneta de reflexión vaya con ella Entonces, ¿cómo podemos hacer eso?
Por aquí en nuestra línea de tiempo, puedes ver que hay
padre y enlace. Entonces, lo que eso nos permite hacer es apaciguar nuestro objeto
de uno a otro. Entonces queremos que el objeto sea la capa padre porque
eso es lo que vamos a animar y queremos que la máscara de reflexión
la siga donde quiera que vaya Entonces voy a simplemente hacer clic
en el menú desplegable y voy a seleccionar
objeto como mi padre Ahora bien, si tuviera que hacer clic en el
objeto y moverlo, puedo moverlo, y la
máscara de reflexión irá con él. Ahora bien, lo que quiero
hacer es
asegurarme de que el
reflejo que veo
en todas partes por aquí solo se
vea en todas partes por aquí solo se a través de la máscara de
reflexión. Y vamos a usar algo llamado tapete de pista para eso. Entonces, ¿qué es una alfombrilla de pista, preguntas? Aprendamos sobre ello rápidamente.
7. Track Matte, ¿qué es eso?: Muy bien, tengo un archivo
abierto llamado AE Examples, y tienes acceso a estos Puedes abrirlos si
quieres jugar con ellos. Siéntase libre de comprobar esto. Pero sólo para mostrarte cuáles son
algunas de las cosas que vamos a usar
en la animación, te
voy a mostrar aquí. Muy bien, tengo el ejemplo de Track
Mat abierto aquí. Y como pueden ver, tenemos
esta pequeña escena de parque genial, escena isométrica de parque
que se ve realmente genial Y básicamente lo que es
una alfombrilla de pista,
es como una ventana para ver tu ilustración o
para ver tu imagen. Puedes usar diferentes objetos
o formas para hacer eso. Así que en Illustrator, hicimos una alfombrilla de pista con la
forma de nuestro objeto. Entonces como puedes ver aquí, no
están a la vista, pero puedes ver que
si los enciendo, hay olas,
hay algunas rayas. Hay una estrella, y
hay una ventana. Entonces ahí está tu imagen
y luego tu alfombrilla de pista. Siempre quieres
rastrear tapete la imagen a cualquier capa en la
que quieras que esté contenida. Entonces en este caso, voy a encontrar las opciones de tapete de
pista. Si no puede verlo, es posible
que tenga que hacer el
modo de interruptor de palanca aquí abajo y luego encontrar Track Mat. Ve a tu capa Park, y dice que no Mat ahora mismo, y luego voy
a encontrar ventana. Ahora bien, lo que hace es que
apaga la capa de ventana, por lo que ya no es visible, sino que usa la forma de esa capa como
ventana para el parque. Ahora bien, si hago clic en la ventana, puedo mover independientemente
del parque y
se puede ver como solo se puede ver el parque a través de
esta forma aquí. Y eso va
a ser muy genial. Y vamos a poder usar esto
para hacer
esteras de pista nuestro reflejo
en nuestra animación Para que puedas pasar y
puedes usar diferentes. Así que cambia el
tapete de la pista a rayas. Y ahora puedes hacer click
en la capa de rayas, y son como
persianas bajando. Así que hay muchos
usos geniales para las alfombrillas de pista, y puedes usar cualquier forma. Podemos cambiarlo a la
estrella y ver la estrella. Ahora que hemos aprendido
sobre una alfombrilla de pista, vamos a aplicarla
a nuestra animación. Si hago clic en mi máscara de reflexión track mat,
puedes ver que eso está aquí. Quiero usar la máscara de
reflexión
como ventana para ver el reflejo. No quiero ver el
reflejo en todas partes solo a través de la máscara de
reflexión del corazón. Entonces, como voy a
hacer eso es que solo
voy a encontrar la ventana de la alfombrilla de
pista aquí. Voy a ir
a mi reflexión. Me voy a sentar aquí y
voy a hacer máscara de reflexión. Ahora, como puedes ver aquí,
la capa de reflexión solo es visible a través de la capa de máscara de
reflexión. Ahora bien, si muevo el objeto, se
puede ver que el reflejo
no se mueve a ninguna parte, y sólo podemos
verlo a través de eso. Entonces, si lo animo arriba y abajo, boom, puedes ver que se
animará así así
8. Movilización con fotogramas clave: Bien, en esta clase,
aprenderemos a animar. Todo bien. Así que vamos a saltar
aquí. Tenemos nuestro archivo abierto. Tenemos nuestras capas parentadas. Tenemos nuestro set de máscaras de reflexión, y ahora queremos animar
nuestro corazón para movernos hacia arriba
y hacia abajo así Para ello, tenemos que
abrir la propiedad de posición. Y para ello, golpeamos
P en nuestro teclado. Y aquí es donde
vamos a hacer nuestra animación. Ahora, vamos a establecer
algo llamado fotogramas clave. Entonces déjame explicarte
rápidamente qué
son los fotogramas clave y cómo puedes
aplicarlos para crear animaciones Los fotogramas clave son esencialmente
marcadores que almacenan información de una propiedad
específica en su línea de tiempo
o en su capa Entonces, si entramos en nuestra capa, vayamos a la
posición uno aquí. Esa es esta
bolita de aquí. Solo vamos a
acercarnos. Vamos a encajar. Ahora ya lo podemos ver. ¿Bien?
Esa es esta pelota de aquí, y vamos a simplemente
bajar este menú. Iremos a las opciones de transformación, y puedes ver que aquí hay
algunas opciones diferentes. Ahí está el
punto de anclaje, posición, escala, rotación, opacidad Esas son las cinco propiedades que puedes ajustar para animar tus objetos o animar
tus gráficos en
Adobe After effects Así que vamos a
mirar cada uno rápidamente y solo ver qué puedes hacer y puedes
jugar con ellos. Entonces aquí tenemos la posición. Por lo que la posición en estos momentos
se encuentra actualmente en 328.2. De todos modos, está en esta
vecindad en la pantalla, y estos son los valores de la propiedad Si presionamos el cronómetro, creará un fotograma clave
en nuestra Ahora bien, lo que es ese fotograma clave, es un marcador que almacena esta
información de propiedad aquí mismo Ahora, si arrastramos nuestro cursor o nuestro cabezal de reproducción más abajo
en la línea de tiempo y lo
movemos a otro lugar, ahora tiene
información diferente, y esa información se
almacena en este fotograma clave Ahora, lo que
hará Adobe
After Effects interpolamos un fotograma clave, un marcador, a
otro Así como si tuvieras un libro, ya
sabes, tienes un marcador
y un segundo marcador. Hay 100, hay páginas
entre esos dos marcadores. Y para pasar de
un marcador a otro, hay
que pasar por
todas esas páginas. Es lo mismo en los efectos posteriores. Vas a tener un conjunto de propiedades y un fotograma clave, otro conjunto en otro fotograma clave, y luego Adobe After effects, interpolará las cosas
en el medio automáticamente Entonces podemos ver que eso
sucede aquí. Entonces, si vuelvo al inicio
y golpeo la barra espaciadora, reproduciría la animación. Ahí vamos. Así que eso
se ve bastante genial. Entonces, si lo extendemos un poco, solo
podemos ver la ruta que toma de un
fotograma clave a otro, un marcador a otro Lo que puedes hacer es
que realmente puedes usar atajos de
teclado para activar
o encontrar tus propiedades. Así que bajemos a la propiedad de
escala aquí. Este es el de abajo. Le
pegas a S en tu teclado. Traeré la función de
escala aquí, y ahora puedes hacer
clic en un fotograma clave y luego traerlo más
y puedes escalarlo Como puedes ver, se está
haciendo más grande. Y ahora se puede decir que es el marcador de 177 y
el marcador de 47, y va a interpolar entre esos dos fotogramas clave Entonces podemos ir a rotación, golpear R en nuestro teclado aquí arriba como la estrella. Podemos
ir al principio. Vamos a establecer un
fotograma clave, golpear el cronómetro, ir más allá en la línea de tiempo, y luego vamos
a girarlo alrededor 360 grados, y luego eso es una
rotación más 13 grados. Entonces si vamos, Guau. ¡Oh! Ahí vas. Ahí tienes una estrella giratoria. Entonces finalmente, tenemos opacidad. opacidad es T en nuestro teclado, y eso va a cambiar la opacidad Desaparecerá. Entonces,
vamos a darle al 100. La opacidad sólo puede pasar de 0%, sin opacidad, completamente
clara o 100% Entonces esos son el rango de
valores con los que puedes trabajar. Así que sólo voy a
bajarlo a cero. Y ahora se puede ver
lo que está pasando. Sí. Ahora estás viendo
cómo podemos crear alguna animación en Adobe After
Effects configurando
nuestros fotogramas clave. Ahora, una última cosa que afecta a tu animación es
tu punto de anclaje. Este es más evidente cuando
usas escala o rotación, y veremos cómo funciona eso. Así que vamos a ir a la rotación. Entonces rotación ahora mismo, se
puede ver que es
la estrella giratoria. Pero si presiono Y en mi teclado, trae la sartén detrás de la herramienta, y esa es la herramienta de punto de
anclaje. Así que ahora puedo hacer clic en
este pequeño botón en medio de mi estrella. Ese es el
punto de anclaje, y de ahí se
originará
mi transformación. Entonces ahora mismo está girando alrededor de este
punto de anclaje alrededor de este punto. Pero si muevo este punto de
anclaje quizá hacia abajo hasta este punto
en la parte inferior de aquí, ahora veamos cómo
cambia la animación. Ahí vas. Lo hice bastante diferente de lo
que era antes. Gira alrededor de ese
punto de anclaje. Volvamos a entrar. Vamos a golpear Y en nuestro teclado. Cambiémoslo aquí
abajo y golpeemos. Ahora se puede ver que está girando alrededor de ese punto de allá. Bastante genial. Con escala, va a hacer una característica
similar. Hagamos clic en Escala,
pulsemos Y en nuestro teclado, y luego simplemente
cambiemos el punto final a tal vez esta esquina
y se escala hacia arriba. Vamos a presionar la barra espaciadora para
iniciar la animación. Y se puede ver como
la escala cambia y empuja hacia
fuera de esa zona. Bien, así es
simplemente como podemos usar fotogramas clave y puntos de anclaje
para iniciar nuestras animaciones, y los vamos a usar en nuestra animación para hacer que las cosas se muevan. Veamos
cómo podemos hacer eso.
9. Animar tu ilustración: Ahora que
sabemos de fotogramas clave, empecemos a animar nuestro corazón Bien, entonces lo que
vamos a hacer es que vamos a hacer clic
en nuestra capa de objetos. Podemos ver que está
aquí y lo vamos a posicionar donde queremos
iniciar nuestra animación. Queremos iniciarlo
tal vez aquí abajo así
que está en el fondo cerca de la taza. En nuestra capa de objetos, puede ver que la
propiedad position está abierta. Ahora, si haces clic en el cronómetro
hacia un lado aquí, establecerá un fotograma clave
en tu Ahora bien, el fotograma clave, como viste, es
como un marcador Se va a guardar la
información de estos inmuebles. Entonces estos valores de posición, están contenidos
dentro de este fotograma clave Ahora bien, si me muevo en mi línea de tiempo a 1 segundo y
ajusto la posición, en realidad, este
contendrá un marcador diferente, un conjunto diferente de propiedades. Ahora, lo que hará Adobe After
Effects, mirará este marcador
y mirará este marcador, y encontrará todas las páginas
en el medio y lo
animará así Entonces ahora, si golpeo play o golpeo
espacio en mi teclado una vez, puedes ver que se mueve de
un marcador a otro, de un fotograma clave a otro Muy chulo. Y debido a
que montamos a nuestros padres, la máscara de reflexión
se mueve con ella, y la colchoneta solo contiene
el reflejo en su interior. Así que eso es genial.
Voy a arrastrar mi indicador de línea de tiempo
a la marca de dos segundos. Y lo que voy a hacer es
intentar moverlo de nuevo hacia abajo e intentar colocarlo
donde estaba la posición exacta, o puedo hacer clic en mi fotograma clave Y puedo copiarlo y pegarlo. Y ahora, lo que puedes ver
es que sube y baja. Así es como podemos comenzar a
animar nuestras ilustraciones,
es que podemos usar las
propiedades de posición, establecer fotogramas clave, establecer un fotograma clave, un
marcador en una posición, movernos por la línea de tiempo, un segundo después, moverlo
a un Adobe After Effects rellenará
las páginas en blanco y animará
de una a otra ¿Bien? Entonces queremos darle un poco más de vida
a esta animación. Entonces lo que vamos a hacer es que vamos a usar
algo llamado facilidad. Entonces, en la siguiente clase,
aprenderemos a agregar algo de vida, algún personaje a nuestra
animación con facilidad.
10. Crea animaciones fluidas con facilidad: Bien, chicos, en esta sección, solo
voy a
repasar rápidamente cómo aplicar facilidad a sus animaciones para
que se sientan un poco más naturales.
Bien, vamos a meternos en ello. Entonces esta es nuestra composición de
ejemplo de Facilidad aquí, y en esto, se puede
ver que hay cuatro líneas con cuatro puntos. Vamos a ver qué son. Entonces hay cuatro puntos, y no tienen nada
aplicado a ello. Simplemente tienen un movimiento estático va de un lado a otro. Entonces si animamos esto,
simplemente es bastante aburrido. No pasa nada demasiado emocionante. Pero la facilidad permite
que la animación se sienta un poco más
natural, un poco más fluida. Comienza en cero y luego se
acumula lentamente a toda velocidad, y luego antes de que
llegue al final, comienza a disminuir la velocidad, y eso lo hace sentir
un poco más natural. Entonces, ¿cómo podemos aplicar esto? Entonces en nuestra segunda bola
aquí, E entra y sale, vamos a
seleccionar nuestros fotogramas clave y para ingresar automáticamente E's, vamos a golpear F nueve en
nuestro teclado, función nueve Ahora, lo que eso hace
es que hace que la animación
comience lentamente. Como puedes ver, todas
las demás, la ya adelantada a
la primera bola porque está
flexionando en la animación Poco a poco está entrando en
la animación. Pero a medida que va a la
mitad, se acelera, y luego eventualmente
comienza a disminuir la velocidad. Y la animación termina en el
mismo lugar al mismo tiempo. Es justo lo que sucede
en el medio que cambia. Comienza lento y luego acelera y
luego se ralentiza. Como puedes ver, se siente
un poco más natural. Lo que eso está haciendo,
te
voy a mostrar la animación en algo
llamado el gráfico de velocidad. Ahora ya está aquí el gráfico de velocidad o
el editor de gráficos. Aquí es una pequeña ola o
una pequeña curva S. Sólo tienes que hacer clic en eso.
Verás el gráfico de velocidad. Sólo vamos a
hacer clic en este botón aquí y te muestra. La primera animación,
esta es la velocidad de la misma. Es completamente constante a
668.48 píxeles por segundo. Es completamente
constante, sin cambios. Ahora, volvamos y seleccionemos los fotogramas clave
de nuestro Easy Ease. Vamos a ir al
editor gráfico, llenar la vista, y esto
es lo que está pasando. Comienza en cero
y luego se acumula y alcanza su punto máximo en el medio y
luego vuelve a bajar. A cero. Eso es exactamente
lo que está pasando. Se está relajando muy rápido
y luego retrocediendo. Salgamos de
nuestro editor gráfico, y vamos
a intentar aplicar las EZ Es dentro o fuera de nuestro fotograma clave Vamos a simplemente hacer click derecho vamos a ir
asistente de fotogramas clave y vamos a encontrar EZ Es out o control
o comando Shift F nine Eso va a empezar muy lento. Y luego empuja hasta el final rápido, no
habrá
facilidad en el final, así que simplemente se detendrá abruptamente Pero esa facilidad de salida es mucho
más evidente ahí. Ahora intentaremos el caso contrario, golpearemos el último fotograma clave de nuestro último y fácil facilidad de entrada y veamos qué pasa. Comienza muy rápido, pero luego realmente se ralentiza medida que entra en
ese último fotograma clave Entonces así es como podemos aplicar
facilidad a nuestras animaciones, darle un poco la
hace un poco más suave y le da
un poco más de vida. Y sí, así que intentaremos
aplicar eso a nuestra animación. Bien, entonces ahora que entendemos qué facilidad hay en
Adobe After Effects, vamos a aplicarlo a nuestra animación. Entonces lo que vamos
a hacer es que
vamos a seleccionar nuestros fotogramas clave Vamos a simplemente hacer clic y arrastrar sobre todos nuestros fotogramas clave Vamos a pegarle a F nueve. Eso solo va a
aplicar una facilidad fácil en cada fotograma clave Se va a aplicar como una facilidad dentro y fuera de cada fotograma clave Ahora bien, si le pego
a play en mi ilustración, eso se ve mucho mejor. Muy cool, muy divertido, muy fácil. Ahora bien, lo que podría hacer es que sólo puedo ir a la marca de los
tres segundos. Puedo copiar y pegar. Mi segundo fotograma clave y luego
a la marca de cuatro segundos, y voy a tomar mis dos
últimos fotogramas clave y voy a copiar y pegar Y ahora tenemos
una especie de animación en bucle. Eso es genial,
muy divertido. Realmente fácil. Ahora bien, lo que quiero
mostrarles es cómo
automatizar realmente este proceso de bucle con algo llamado
expresión Las expresiones son una
línea de código dada a la
propiedad animada que
les permite automatizar
ciertos procesos. vamos a aprender
una expresión Hoy vamos a aprender
una expresión
en esta clase
que te permita realizar animaciones en bucle
para que no
tengas que hacer fotogramas clave
cada insistencia Aprendamos sobre eso
en la siguiente clase.
11. Comprender la expresión Loop Out: En esta clase, vamos
a tocar un poco las expresiones
en
Adobe After effects para automatizar algunas de las propiedades de
animación que no tengamos que trabajar
tan duro porque quién
quiere trabajar duro, ¿sabes? Vamos a saltar a la derecha en él.
Bien, así que saltando dentro de él, tengo mi archivo de
expresión loop out abierto aquí, y se puede ver que
hay algunas bolas que rebotan Entonces rebotan
y se recuperan. Esto es solo una propiedad de posición animada con dos fotogramas clave Pero cuando le ponemos una
expresión, se puede ver que algo sucede. Ahora, para activar una expresión, sólo
vamos a eliminar
esta expresión aquí. Control haga clic en el cronómetro que eliminará la expresión Para agregar una expresión, ya
tenemos nuestro fotograma clave
establecido, por lo que van de un
fotograma clave a Ahora para agregar una expresión, simplemente vaya al cronómetro,
altere la opción, haga clic en él, y esto
abrirá nuestra propiedad aquí, nuestra propiedad de expresión Ahora, si quisieras,
puedes buscar expresiones en el panel aquí, esta pequeña flecha
con el.in aquí, y aquí es donde
puedes ingresarla Solo vamos a
hacer una expresión hoy y es la expresión loop
out y automatiza tu
animación después los dos primeros fotogramas clave para
repetir una y otra Ahora, hay cuatro expresiones de
loop out diferentes que puedes probar
para ver lo que te gusta, y solo cubriremos
lo que hacen en esta clase muy rápidamente para
que podamos entenderlo. Sí, vamos a meternos en ello. Entonces el primero que
vamos a probar es loop out. Entonces es LOOP y luego O. Y puedes ver que el autocompletar
es para ti realmente fácil Así que puedes asegurarte de hacer clic en uno de estos
autofills LoopOut Ahora lo pondré
entre comillas, y esto me dará cuatro propiedades
diferentes o cuatro tipos diferentes de expresiones
loop out que puedo elegir entre Continuar ciclo, offset y ping pong. Todos funcionan de manera un
poco diferente, y
los veremos ahora mismo. Entonces el primero es ciclo. Por defecto, si no pones
comillas, solo
pasará automáticamente al ciclo. Para que no tengas que
hacerlo con nada. Si quieres ciclo,
simplemente loop out y los corchetes y
eso te dará el efecto ciclo loop out. Pero si quieres
una diferente, tendrás que
cambiar la propiedad con
las comillas. Sólo vamos a golpear ciclo por
ahora y vamos a golpear Bien. Sólo voy a
apagar los otros por ahora y solo
ver qué bucle sale. Estos son nuestros fotogramas clave. pero ¿qué sucede después de que se ejecuten
estos dos fotogramas clave Solo tenemos dos fotogramas clave,
pero ¿qué sucede después de que se ejecuten
estos dos fotogramas clave
? Comienza de nuevo. Ciclo, toma
los dos fotogramas clave. Básicamente
lo inicia de nuevo desde el primer fotograma clave y otra vez. Y de nuevo, así como así.
Entonces es bastante simple. Ciclo. Ciclo a través de
los dos fotogramas clave Es ciclo a través de los movimientos. Si tienes tres Kframes como
inicio desde el principio
y recorres los tres y luego repites al
principio otra vez Marcos como un inicio desde
el principio y ciclo a través de los tres y luego repetir al principio de nuevo. Ahora, el siguiente es el ping pong. ping pong funciona un
poco diferente y me gusta mucho el ping
pong porque te
puede ahorrar mucho tiempo para que si vuelvas
a la misma posición, se recupere
automáticamente para ti. Entonces pasará por
el primer movimiento. Pero en lugar de ir
al primer fotograma clave, pasa por los movimientos a la inversa para volver
a la primera Servir servir Pasa por los movimientos a la inversa para volver al
primer fotograma clave Voy a pasar del último fotograma clave, nuevo al primer fotograma clave, y luego
empezará de nuevo ahí Entonces rebota de un lado a otro. Este hace una continuación realmente genial y suave
de tu efecto. Juguemos eso
y veamos cómo funciona eso. Boom boom boom
boom. Realmente genial. El desplazamiento es realmente genial porque toma tu animación, termina en el último fotograma clave e inicia toda la animación nuevamente,
comenzando desde eso como el primer fotograma clave,
termina en
el último fotograma clave e
inicia toda la animación nuevamente,
comenzando desde eso como el primer fotograma clave,
termina en
el último fotograma clave e
inicia toda la inicia toda la porque toma tu animación,
termina en el último fotograma clave e
inicia toda la animación nuevamente,
comenzando desde eso como el primer fotograma clave,
termina en
el último fotograma clave e
inicia toda la animación nuevamente,
comenzando desde eso como el primer fotograma clave,
termina en
el último fotograma clave e
inicia toda la animación nuevamente, comenzando desde
que como
el primer fotograma clave. Entonces veamos cómo
funciona eso. Entonces va a hacer un bucle. Y luego empieza desde aquí y vuelve a hacer la
animación, pero partiendo de ese punto. Y luego como que hace como
un salto de la pantalla, saltando Boom, boom, boom, boom. Muy chulo. Ahora, continúe. Nunca uso continuar. Entonces sí. Pero esto es
lo que hace. la última velocidad y dirección de tu último fotograma clave
y continúa con ese movimiento
infinitamente después ¿Bien? Ahora, veamos
cómo funciona aquí. Si lo enciendo, si le
doy bien. Se detiene. La razón por la que se detiene es
porque tengo un Es adjunto a este fotograma clave y
la velocidad final de mi fotograma clave aquí
es en realidad cero, así que no se moverá a
ningún lado porque el último fotograma clave tiene una velocidad de cero y cero repetido es cero Eliminemos este fotograma clave. Cambiemos esto de nuevo
a un fotograma clave regular. Bien, si lo cambiamos
a un fotograma clave normal, realidad
se acelerará
hacia él y se detendrá abruptamente Y en realidad, ese último fotograma clave habría tenido algo de
velocidad entrando en él. Así boom. Y como ves, algo
así como que se salió de la pantalla. Pero voy a tirar
de los dos hacia atrás. Oh, lo siento. V. Y aquí, voy a detenerla aquí y
ya verán qué pasa. Ella tan solo continúa esa velocidad y dirección
después de que termina la animación. Sí. Ahí vas. Así que puedes jugar con esta hoja de trabajo de
ejemplo si lo deseas. Puedes entrar en el
archivo After FX, jugar con él, probar todos los diferentes
tipos de expresiones loop out, y luego podemos ver cómo podemos
aplicarlo a nuestra animación. Así que volvamos a saltar a ella.
12. Automatiza tu animación con expresiones: En esta clase, pasaremos por agregar expresiones
a nuestra animación para automatizar un poco el
proceso. Tallo en. Entonces puedes ver aquí que
tengo mi animación, y la he encuadrado clave
de ida y vuelta, así que creé una
animación en bucle como Entonces, si quisiera automatizar el proceso aunque sea un
poco más, me vendría bien algo
llamado expresiones. Entonces, ¿cómo agregamos una expresión? Por un ejemplo, solo
voy a duplicar mi objeto, Control D, y ahora
voy a tener dos capas. Una, voy a mantener como propiedad de fotograma clave
regular, y luego la otra a la que
voy a agregar una expresión Así que voy a eliminar todos los fotogramas clave adicionales y
solo tener mi bucle único Entonces como pueden ver aquí, ahora tengo tres
fotogramas clave y
al inicio, se ve
igual Pero luego después de que
termine este fotograma clave, no continúa. Pero quiero que siga
repitiéndose tal como es, pero no quiero tener que
animar cada fotograma clave Entonces lo que puedo hacer
es que puedo ir por aquí es que puedo golpear a
todos en mi teclado. Haga clic en el cronómetro, la
opción Alter en su teclado. Voy a abrir la ventana de
expresiones, y luego puedes entrar
en una expresión. Si quieres ver
expresiones, lo que ofrece After Effects, puedes hacer click en este
botón aquí y tiene todas las diferentes
expresiones que puedes usar. ¿Todo bien? El que vamos a usar
hoy se llama LoopOut. Bucle luego fuera. Y como pueden ver, cuando
empiezo a
teclearlo, ya me da
opciones para elegir. I loop in loop in
duration, loop out, loop out duration,
vamos a usar LoopOut Después de golpear loop out, voy a golpear los signos de
cita, y eso me va a dar algunas opciones
diferentes del tipo
de loop out que quiero
aplicar a mis keetframes Entonces para este caso, quiero usar ciclo porque el
cuadro inicial y el último fotograma, en realidad
son los mismos, y puedo recorrerlo
muy fácilmente así. Entonces pegué ciclo, y
veamos qué pasa. Ahora, cuando
reproduzca la animación, tanto la propiedad
de fotograma clave como la propiedad de expresión se mueven exactamente a la misma velocidad exactamente
al mismo tiempo. Es
exactamente lo mismo. Solo estás teniendo
una expresión, haz el trabajo por ti en lugar de
keyframing cada Ahora bien, ¿por qué esto es beneficioso? Bueno, solo subamos a
nuestra ventana de composición. Ajustes de composición y
luego ir a la duración. Voy a aumentar la
duración a 15 segundos. Ahora bien, si le pego a los 15
segundos y lo extiendo, se
puede ver algo así como
lo que está pasando. Sólo voy a
arrastrar hasta el final, seleccionar todos mis fotogramas, y voy a presionar Alter
opción corchete derecho. Eso extenderá todas mis capas hasta donde coloco el cabezal de reproducción Así que ahora se puede ver
lo que está pasando aquí. Ahora, la propiedad
de fotograma clave sube
al último fotograma clave Pero, ¿qué pasa con la
expresión propiedad? Continúa incluso después de eso. Y podemos ver que esto
sucede en algo llamado el grafo de post
expresión. Entonces, si tuviéramos que abrir
la gráfica de post expresión, puedes ver aquí mismo, justo al lado de este signo igual
que dice Habilitar expresión. Podemos resaltar
todos nuestros fotogramas clave, entrar en la ventana gráfica Ahora puedes ver lo que está
pasando aquí. Estas son las propiedades de
fotograma clave que se encuentran en una línea continua Pero después de eso, esas son las propiedades que
continúan dentro de la expresión. Las propiedades del fotograma clave se
detienen en este punto, pero las
propiedades de la expresión continúan Bueno, infinitamente. Entonces, si solo quieres animar algo
en un psycho loop, puedes usar la expresión loop
out, y continuará infinitamente Entonces, si extiendes tu
composición más duración, no
tienes que volver a
fotograma clave todo Así que esa es una forma en la que
puede ayudarte en tu flujo de trabajo de ilustración o
tu flujo de trabajo de gráficos en movimiento. Salir del editor de grafos porque realmente no
vamos a
entrar en él en esta clase. Es solo una
clase básica, pero esto solo te muestra
visualmente lo que está
pasando. Voy a eliminar
la capa de expresión, volver a mis propiedades. Voy a deshacerme de todos estos fotogramas clave
y voy a aplicar un fotograma clave diferente Ahora solo tengo
los dos fotogramas clave yendo de
abajo hacia arriba Pero ahora quiero
usar una expresión para
hacer un bucle que de un lado a otro. Quiero ir de abajo
hacia arriba y de arriba a abajo. Bueno, hay una
expresión que podemos usar. Alteremos la opción, haga clic
en el Bucle del Cronómetro. Fuera, comillas,
podemos usar ping pong. ping pong va
y viene entre los dos fotogramas clave, haciendo un
bucle en el ciclo, y ahora tenemos un corazón genial y
animado flotando
sobre una taza Impresionante. Muy chulo. Muy fácil. Ahora bien, no hay que conocer
todas las expresiones. Sólo debes saber que
están disponibles. Y si quieres enmarcarte
clave tú mismo, solo llévalo tú mismo No tienes que usar expresiones
si no quieres. Si crees que es más fácil
usar los fotogramas clave, simplemente anima con fotogramas clave Si quieres
probar las expresiones, esta es una pareja con la
que puedes
probar y jugar
y ver qué puedes hacer. Bien. En la siguiente clase, tomaremos nuestro
pequeño y genial gráfico de movimiento y lo compondremos
en una nueva composición, y crearemos un carrete genial de seis
segundos, realmente contundente, muy rápido, y te
mostraré cómo usar marcadores y cómo
configurar diferentes capas Y, si, diviértete
un poco con eso. I
13. Sincronizar la animación con la música con marcadores: Tres. Oigan, chicos, en esta clase, vamos a crear un
carrete de gráficos en movimiento
rápido usando la
animación que creamos, y vamos a duplicar esta animación varias veces varias maneras
en nuestra línea de tiempo, así que creará
algunos efectos geniales. Veamos cómo podemos hacer
eso. Entonces lo primero que queremos hacer es querer
crear una nueva composición. Así podemos hacer click derecho
y golpear Nueva composición, y vamos a
crearla, ya sabes, MoGraph Carrete, algo así, como
quieras llamarlo. Vamos a
fijarlo en el ancho de 1080 por 13 50 para Instagram, lo
voy a establecer en 24
fotogramas por segundo, y vamos a golpear Bien. Sólo voy a
ponerla a 6 segundos. Entonces no es demasiado largo, fácil trabajar con él.
Diviértete un poco con él. Y se puede ver ese carrete gráfico de
movimiento. Apareció aquí. Ahora, voy a
añadir algo de música. Entonces voy a
hacer clic derecho en Importar archivo, y voy a encontrar mi música. Tengo pisando abajo la versión
corta de Intro aquí, y no es necesario crear
una composición a partir de ella Yo sólo voy a importarlo. Y eso va a estar bien. Todo bien. Entonces ya hicimos
la composición. Vamos a arrastrar nuestra
música a la composición, y ahora puedes ver que
tenemos algo de música. Ahora lo que queremos hacer es
que queremos configurar algunos marcadores para indicar dónde
queremos hacer buenos cortes Entonces, como podemos hacer eso
en after effects, podemos ir al menú desplegable aquí y podemos ir al audio. Ahora podemos bajar a éste y podemos hacer click en formas de onda Ahora en realidad podemos ver
las formas de onda aquí. Si queremos acercar
el zoom, podemos acercarnos y obtener una mejor imagen de lo que
estamos tratando. Ahora queremos decidir dónde queremos hacer
nuestros cortes o hacer
nuestras animaciones y tipo
de componer todo de acuerdo a las picaduras de sonido. Ahora podemos agregar nuestros marcadores. Entonces, cómo agregamos nuestros marcadores, solo encontramos el punto donde
queremos agregar nuestro marcador, tal vez en el donde
patea, boom, boom Continúa para agregar algunos
marcadores porque esos son buenos puntos donde podrías hacer la
transición a otra cosa. Puedes subir a los marcadores de capa
y agregar marcador así,
y puedes ver que agrega un
pequeño marcador ahí mismo. Significa dónde se puede hacer
el corte, y te permite alinear
tus capas un poco mejor El atajo para eso está en tu teclado numérico,
el signo de asterisco Cuando reproduces, podrás encontrar spots en los que
quizás quieras agregar un marcador y simplemente
pulsa y agrega marcador. Y creo que en los picos, añadir marcador. Corte rápido. Sí. Sí. Hagamos uno
al final y luego uno en el pico otra vez. Vamos a tener un ritmo muy
rápido, muy divertido. Muchos cortes. Y entonces tal vez entonces aquí, solo
haremos un par de
cortes en los picos. Y de veras quiero
pegarle a eso. Éste. Así que lo dejaré hasta ahí, y esa será una transición
más grande. Boom. Y luego
pienso que en estos picos, algo va a pasar aquí. Eso lo resolveremos,
y luego no hasta ahí. Boom, boom, boom, boom. Pero solo estoy escuchando,
reproducirlo, y solo lo estoy marcando, y no tiene que
ser exacto en este momento, pero es solo una buena
guía que podemos usar. Vamos a escuchar eso. Sí, vamos a
mover esa otra vez Y luego uno aquí y
uno final aquí, y este será
como nuestro final. Boom. Y entonces ahí lo
mantendremos constante. Y eso es configurar nuestros
marcadores en nuestra composición. Esto nos va a permitir configurar
fácilmente nuestra animación, nuestro carrete muy rápido. Y en nuestra próxima
clase, vamos a traer nuestra animación, y la vamos a componer en un pequeño carrete de ritmo rápido y
divertido Bien. Te veré
en la siguiente clase.
14. Crea tu carrete de motion graphics: Oigan, chicos, en esta clase, vamos a tomar
nuestra sencilla animación, y vamos a hacer un carrete de gráficos moca fuera
de ella en after effects Vamos a componerlo. Vamos a hacer
múltiples capas. Vamos a cortarlo, cortarlo, y hacerlo un poco más
dinámico e interesante. Entonces veamos cómo podemos hacer eso. Y ahora, lo que
puedes ver es que configuramos nuestros marcadores con eso,
según los beats. Entonces, lo que vamos
a hacer encima de esto, lo vamos a agregar
en nuestra animación. Así que tenemos nuestro comp original aquí y tenemos la ilustración de la
taza dos. En la Mugulillustración dos, realidad tiene la
composición y
voy a hacer un trasfondo para
esto voy a hacer un trasfondo para Cómo puedo hacer eso es que
voy a ir a Nu click derecho en Nu y
voy a hacer un sólido. Cuando haga un nuevo sólido,
automáticamente lo hará a la
escala de mi composición. 1080 por 13 50, y luego puedo escoger un color. Voy a dejar caer este
color y luego
voy a hacerlo un poco más claro que eso solo porque esa es la sombra.
Voy a pegarle bien. Y ahí vamos.
Ahora voy a traerlo debajo de
mi ilustración de taza. Ahora tengo una composición
con un fondo coloreado, pero también tengo
aquí mi composición
original que no tiene fondo en absoluto, un
fondo transparente. Entonces voy a usar esos dos
en mi carrete motion graphic. Así que volviendo a
mi mGraphrel aquí, ahora podemos traer nuestras
animaciones y podemos cortarlas y hacerla
más interesante Así que vamos a traer
nuestra primera animación. Entonces todo lo
que voy a hacer es traer mi primera animación. Voy a arrastrar mi ilustración de
taza también, y la voy a traer a mi línea de tiempo. Entonces ahora tengo mi ilustración de
taza también, ¿y qué quiero hacer? Quiero averiguar ¿cómo
quiero ir con el ritmo? Entonces hay múltiples
formas de hacer esto. No hay nadie de
manera correcta o incorrecta. Solo diviértete con él,
juega, mira lo que puedes hacer. Lo que quiero hacer es cortarlo, hacer un corte aquí, o hacer una transición, algún tipo de hacerlo dinámico
en estos puntos. Entonces lo que estoy pensando es
que tal vez pueda hacer algo con la escala es si la
marca en cero o al 100% aquí, y voy al siguiente marcador, tal vez pueda
sacarla un poco así. Y luego en el tercer marcador, tal vez pueda
sacarlo a colación aún más grande. Bien. Y luego finalmente, en este punto, voy
a cortarlo a una nueva escena. Entonces como puedo cortarlo o recortar una capa es que puedo golpear Alt
y corchete derecho. Eso recortará la capa
hasta donde esté mi marcador o donde
esté mi
cabeza de reproducción en la línea de tiempo Entonces puedes ver que ahora si me desplazo más allá de
él, desapareció. No quiere decir que la
animación se haya ido. Sólo significa que está recortado. También puedes arrastrar la animación
así desde ambos extremos. Para que veas cuando pasas el cursor sobre las flechas dobles aparece, puedes recortarlo así Entonces entonces solo aparecerá
donde está la sección de recorte. La animación fluye
como lo haría normalmente, pero solo estás
recortando la capa Podemos ver esta
animación entrando. Ahora, no quiero que pase
sin problemas así. Yo como que quiero
hacerlo una especie de salto de esta escala a esta escala a esta escala a
esta escala en los marcadores. Entonces, cómo lo hago es que
tengo que cambiar mi fotograma clave a algo
llamado retención de fotograma clave Entonces voy a hacer clic derecho.
Iré a Toggle Keyframe hold Y lo que eso hace, guarda esta información hasta
el siguiente fotograma clave Por lo que no va a rellenar las
páginas, como dijimos antes. Entonces, si me desplazo, se
puede ver ninguna transición
hasta que el boom llegue a ese fotograma clave Ahora puedo hacer lo
mismo aquí, keyframe hold. Y no hay animación hasta el boom. Entonces ahora si lo retomo,
se puede ver que salta
a esos marcadores, y ahora quiero cortarlo aquí. Así Alt u opción corchete cuadrado
derecho. Y se ha ido. Bien, así que ahora quiero añadir
una nueva composición. Lo que voy a traer
es que voy a traer mi taza
Ilustración uno. Voy a
tirarlo hacia abajo, y quiero iniciarlo en este marcador de aquí. Entonces para iniciarlo, todo lo
que tengo que hacer en lugar de, ya
sabes, puedo
hacer clic y arrastrar y jalarlo por aquí. Eso es bueno. O si quiero que sea
más fácil para mí, solo
puedo poner mi
cabeza de juego donde quiera,
asegurarme de que la capa esté seleccionada, y presionar el
corchete izquierdo solo por sí mismo, y aquí es donde comenzará la
animación. Mi capa comenzará
en ese punto. Bien, o puedo arrastrarlo a donde quiera ir, pero lo
quiero ahí. Una cosa que puedes ver es que esta es transparente, así que no
hay antecedentes para ello. Pero en esta composición, voy a construir capas y capas y hacer mi video. Voy a hacer clic derecho
en esta área vacía, seleccionar nuevo sólido, y
voy a traer un nuevo color. Voy a hacer una especie de sensación de
verde turquesa, y voy a golpear Bien. Ahora, quiero llevar esto
debajo de esa capa para poder simplemente arrastrarla hacia abajo haciendo
clic en esta área. O si no quiero hacer eso, puedo presionar Control y
corchete izquierdo para
bajarlo en mi panel de capas o Control o comando
corchete derecho para que aparezca. Ahora está justo debajo y
quiero que empiece ahí. corchete izquierdo trae
un frente a mi cabeza de reproducción, y ahí vamos. Ahora
se ve así. Bien. Ahora bien, lo genial este es que en realidad
puedo duplicar
este encima de sí mismo. Entonces, para duplicar una capa, golpeas el Comando Controlador D, y ahora hizo dos
instancias de esta animación. Y ahora puedo arrastrar esta
animación a otro lado. Entonces a lo mejor quiero
hacer un par de ellos. Entonces tal vez quiero
hacerlos aparecer uno por uno, uno aquí, uno aquí, uno aquí, uno aquí y uno aquí en
cada uno de estos marcadores. Así que voy a probar eso. Entonces voy a hacer
mi duplicación. Voy a llevar mi
cabeza de reproducción al siguiente marcador. Voy a golpear corchete
izquierdo. Ahora, en realidad, no, no
voy a dejar corchete. Quiero que la animación
permanezca igual. Voy a golpear Alt corchete izquierdo
y eso va a recortar mi capa. La animación seguirá
siendo la misma. Estarán sincronizados todo
el tiempo. Simplemente aparecerá en ese momento. Ahora voy a ir a mi siguiente playhead. Voy a duplicarlo otra vez, Control D, y ahora
tengo una segunda capa. Voy a moverlo
a la posición. Lo quiero aquí mismo. Y luego voy a darle a Alt, corchete
izquierdo, cortarlo. Y ahora se puede ver
lo que está pasando. Bien. Tengo otro aquí. Siguiente marcador, Control D
para duplicar esa capa. Ahora voy a
moverlo a su lugar. A lo mejor quiero que este
vuelva a aparecer aquí, así como así. Ahora puedes ver que está
por encima de todo, pero ahora puedo bajar para poder presionar Control corchete izquierdo, bajarlo en mi
panel de capas detrás de todo lo demás. Y también quiero
cortarlo a justo ahí. Entonces todo al corchete izquierdo. Eso lo recortará para ese
momento. Entonces pongamos eso. Fresco. Y uno más en
este playhead aquí Voy a duplicarlo.
Voy a traerlo. Si no tienes
tus manejadores de control, presiona V en tu teclado, eso te mostrará
la herramienta de selección, luego puedes arrastrarla. Asegúrate de que la capa
que deseas esté seleccionada, voy a alt
corchete izquierdo para recortar la capa a este
punto, y ahí vamos. Así que volvamos a jugar.
Fresco. Todo bien. Ahora quiero algún tipo
de transición aquí. A lo mejor quiero que estos dos en el frente desaparezcan y
luego en el siguiente marcador, los dos en la parte posterior desaparezcan. Entonces voy a hacer click en
los dos que están al frente. Los puedo encontrar en
mi panel de capas. Y si controlo o golpeo Alt, corchete
derecho, los
va a recortar hasta
este punto en el tiempo, y ahora se puede ver
después de que desaparezcan. Después la siguiente, voy a dar click sobre las capas inferiores, Alt a la izquierda corchete, y las recorta en ese
punto. Ahora desaparecen. Así que volvamos a verlo.
Sí. Fresco. Todo bien. Ahora queremos hacer algo
en este momento. A lo mejor quiero volver a cambiar
el color. Voy a conseguir mi capa de color o simplemente voy a recortarla hasta este punto. Y ahora no hay nada ahí, y entonces voy a
hacer una nueva capa de color. Vamos nuevo sólido.
Escojamos un color. Hagamos un morado así, está bien. Bien,
tengo un morado. Ahora quiero
recortarlo o iniciarlo en este punto, boom, boom. Bien. Entonces tal vez solo quiero cambiar
el color dos veces aquí. En este punto y en este punto, voy a hacer algo diferente. Cortemos esta capa, y hagamos un nuevo sólido. Voy a recoger el amarillo. Sólo vamos a hacer
lo mismo que la taza. Así como así, y
voy a iniciarlo ahí, solo corchete cuadrado para
llevarlo al frente así. Entonces en el siguiente marcador, voy a recortarlo así. Ahí vamos. Eso
se ve bastante genial. A lo mejor voy a sostener este amarillo
hasta el siguiente marcador. Simplemente lo arrastraré y lo
tiraré al siguiente
marcador ahí mismo. Ahora aquí es donde
voy a hacer algo nuevo.
Tenemos que rellenar esto. A lo mejor quiero duplicar
ese verde otra vez, Control D, duplicarlo, llevarlo a donde lo quiero. El corchete izquierdo lleva
el punto al cabezal de reproducción, y ahora recuperamos este color. Ahora lo que quiero hacer es que
quiero tal vez hacer alguna moción. Al igual que hice con mi báscula,
quiero cortar, cortar. A lo mejor quiero que empiece
por arriba y luego boom, boom, boom, boom abajo. Veamos cómo podemos
hacer eso. Voy
a duplicarlo. Empiezo con uno nuevo
y voy a cortarlo ahí. Todo bien. Entonces voy a
cortar esta de aquí. Ahora voy a llevar
este a la cima. A lo mejor tengo que tirar de
ese uno hacia atrás un marco. Así, voy
a empezar por aquí, y después voy a golpear mi P en mi teclado para
conseguir la posición. Voy a ir a
mi siguiente marcador. Voy a tirarlo hacia abajo.
Siguiente marcador, tire de él hacia abajo. Siguiente marcador, tire de él hacia abajo, y siguiente marcador, tire hacia abajo. Después mi final, cortaré ahí y
traeré de vuelta mi composición principal. Ahora puedes ver lo que está
pasando aquí. No se ve mejor
porque es suave. Voy a resaltarlos todos e ir toggle hold keyframe Ahora vamos a verlo a través. Bien, hagamos ese gran golpe
al final con mi ilustración de
taza principal dos Y yo lo empezaré. Mueva el punto final hasta allí. Boom. Ahí vamos. Entonces, ahí vamos. Hicimos un carrete de gráficos en movimiento
genial. Se ve realmente
increíble, muy divertido. En la siguiente clase,
vamos a aprender a exportar nuestra animación
como regalo animado, así
como un archivo MP four, archivo video que podemos compartir en redes
sociales. Te
veré ahí.
15. Exportar tu animación: 33 Bien, tío.
Entonces en esta clase, vamos a
aprender a exportar nuestra ilustración como
regalo animado, así
como un archivo de video que podemos compartir
en redes sociales. Vamos a saltar dentro de él. Bien, entonces
tenemos nuestro archivo abierto aquí. Ahora, tenemos nuestra línea de tiempo aquí, y lo primero que
vamos a hacer es volver a nuestra ilustración de
taza, nuestra ilustración principal, donde
tenemos nuestra comp animada aquí. Sólo vamos a
cortar la animación para que encontremos
dónde se repite. Vamos a encontrar el punto de
partida del bucle. Así que hace un bucle a 1 segundo, así que en ella vuelve a los 2 segundos. Sólo vamos a tal vez
4 segundos estaría bien. Vamos a poner nuestra cabeza de
juego a los 4 segundos. Vamos a bajar
el espacio de trabajo hasta ahí. Esta es nuestra área de trabajo.
Cuando retoquemos, solo
se reproducirán
a través de esta sección. Podemos ver aquí. A
ver si bucles correctamente. Sí, se ve bastante bien. Todo bien. Ahora lo que vamos a hacer es que
vamos a ir a Archivo. Vamos a exportar, agregar a Media Encoder Q. Esto abrirá
Adobe Media Encoder, asegurará de que lo tengas
instalado en tu computadora, y luego podremos
exportar esto como un regalo animado. Una vez que Media Encoder esté abierto
y su archivo haya estado ahí, puede hacer clic en el archivo de salida y puede hacer clic donde
desee que se guarde. Y luego puedes
hacer doble clic en este h264. Esto sacará a colación el menú, y esto
nos permitirá cambiar muchas de las opciones de nuestra animación. Entonces aquí, queremos
cambiar el formato de h264 y queremos
encontrar regalo animado. Esto nos permitirá crear un regalo animado a partir de
nuestra ilustración. Como puedes ver aquí, en realidad dice rango de origen, área de trabajo. Lo configuramos a solo unos segundos, y ahí
es donde exportará cuatro. Por lo que sólo va a exportar
4 segundos de animación, lo cual es perfecto para un regalo
animado. Es bueno. Ahora, vamos a bajar aquí y vamos
a cambiar un
poco algunos de los ajustes para reducir el tamaño del archivo de nuestro regalo. Lo primero que quizás
quieras
cambiar es que puedes mantenerlo a 25 fotogramas por segundo, pero
vamos a cambiar eso. Sólo vamos a
reducirlo a tal vez 12.5. Le daré un poco
más de sensación de nervios y también reducirá el
tamaño de tu archivo Entonces, cuando estés cargando regalos en Internet,
ellos se cargarán más rápido. Lo segundo que quieres
hacer es que quizás quieras
cambiar la resolución
de tu regalo animado. Simplemente vamos a
deshacer clic en esta marca de verificación, y ahora vamos a entrar en esto y sólo
vamos a dividir por dos Vamos a
dividir por dos que simplemente corta la resolución a la mitad y solo reduce bastante
el tamaño del archivo. Si quieres mantenerlo como la resolución
completa,
eso está perfectamente bien. Simplemente aumentará el tamaño de
tu archivo, pero, ya sabes, tu llamada. De todos modos, voy a
reducirlo, y ahí vamos. Entonces todo lo que tenemos que
hacer es golpear Bien, y ahora está listo, para que
puedas hacer click sobre él. Podemos presionar Play y
lo
recorrerá y tendrás
tu animación genial. Podemos encontrar el lugar
donde exportó, y ahí vamos. Tenemos un
regalo animado genial ahí mismo, y tiene un
fondo transparente y todo. Es increíble. Lo siguiente que queremos hacer es
exportar nuestro video. Así que volvamos a
saltar al video. Vayamos a nuestro MGraphrel y este queremos que el espacio de trabajo
sea la gama completa M. Muy chulo. Y vamos a ir a Archivo,
Exportar, agregar al codificador de medios Q. Muy bien. En este, no
queremos que
sea un regalo animado. Vamos a hacer clic
en eso otra vez. Vamos a restablecerlo
a h264 o al
tipo de archivo que quieras y se exportará como MP four
aquí si quieres puntear MOV, eres un usuario de Apple, puedes hacer eso,
cualquier cosa por el estilo Puedes mantener la resolución completa porque
vamos a publicar esto tal vez en las redes sociales
y queremos que se vea muy bien y asegurarnos de que
el área de trabajo esté completamente establecida, y todo lo que tienes que
hacer es golpear Bien. Y vamos a pulsar Reproducir y
exportará tu video como MP four. Si lo encontramos en nuestros archivos. Ábrela. Bien,
ahí vamos. Exportamos nuestra ilustración
o animación como regalo, así
como un archivo Npour que puedes publicar
en redes sociales Asegúrate de que si
publicas en Instagram, solo llévame a l
dot an dot art. Me encantaría ver
lo que ustedes crean.
16. ¡Gracias! ¡Eres genial!: Oigan, chicos, solo quiero
agradecerles tanto por
tomar la clase. Ha sido un viaje para aprender después de los efectos,
y ha sido muy divertido. Espero que no haya sido demasiado abrumador
para ti o demasiado simple. Espero que hayas podido tomar algo de
esta clase y
aplicarlo a tu propio flujo de trabajo
y a tu propio proceso de
ilustración. Y después de los
efectos es una herramienta increíble, y es muy divertido
jugar con ella. Una vez que lo sepas un
poco, puedes empezar a hacer más cosas. Puedes jugar con la
posición, rotación, escala, opacidad y animar
todas esas cosas usando fotogramas clave o probar esa expresión de
bucle para, ya
sabes, simplemente hacer una animación
continua Es muy divertido. Tengo muchas ganas de ver lo
que ustedes crean. Así que asegúrate de exportar
tu animación como regalo animado y
publícala en el panel del proyecto, así
como cualquier otra cosa. Si publicaste en las redes sociales, llévame a kyle punto un punto q. Si tienes alguna duda sobre lo que cubrimos
en la clase, no dudes en publicar en
el panel de discusión, y me pondré en contacto
contigo lo antes posible. Si disfrutaste la clase
y aprendiste algo, por favor considera
dejar una
reseña positiva en Skillshare para que más estudiantes como tú
puedan venir a aprender juntos Si quieres seguir
aprendiendo conmigo,
sígueme aquí en Skillshare para que te avisen cuando se lance una
nueva clase Así como puedes
consultar en mi perfil una biblioteca de otras clases. Tengo clases de Ilustración
y diseño gráfico, y ahora tengo más
sobre motion graphics, para que podamos continuar
este viaje juntos. Muchas gracias por
tomar la clase, y les deseo todo lo mejor
en su viaje creativo. Te veré la próxima vez. Oye, soy un maestro diseñador
gráfico en movimiento que puede animar cualquier cosa. Wha
17. Lección extra: apuesta a que pensabas que ya estábamos listos: Oigan, chicos. Bienvenida de nuevo. Apuesto a que pensabas que
la clase había terminado. Bueno, esta es una lección extra. Si quieres cambiar tu
animación de alguna manera, quiero mostrarte
cómo puedes
editar fácilmente el archivo de Adobe Illustrator, y se actualizará automáticamente en After efects.
Vamos a saltar a la derecha. Entonces terminamos nuestra animación,
y se ve bastante bien. Pero, ¿y si
quisiéramos cambiar el logo o los colores de la
taza o el corazón? Queremos cambiar eso
a otra cosa. Bueno, lo que podemos hacer si
volvemos a nuestra ilustración de
taza principal, puedes ver que todos estos
son archivos de IA. Se puede ver que el icono es
un archivo de Adobe Illustrator. Es porque están vinculados al archivo de Adobe Illustrator. Entonces, si actualizamos el archivo de Adobe
Illustrator, ¿adivina qué? Tu animación también se
actualizará en los efectos posteriores. Así que saltemos al archivo
de Adobe Illustrator que está conectado. Y puedes ver aquí
tenemos nuestras diferentes capas. Voy a apagar
la reflexión por ahora, y ahora voy a
hacer algunos ajustes. Entonces, en vez del corazón, voy a esconder el corazón. Solo desbloqueemos nuestras capas
y luego escondamos el corazón. Y a lo mejor quiero
un rayo. Creo que quiero el
relámpago. Eso sería genial. Entonces enciendo
la capa relámpago y
la máscara relámpago más tarde, y puedo
rebloquearlas y así Y ahora ya no quiero
decir isometría, así que voy a desbloquear mi capa de taza, y luego voy a
apagar el logo de isometría, y voy a
convertirme A lo mejor quiero poner, ya
sabes, taza caliente de increíble.
Eso se ve bastante genial. Y ahora si quiero
cambiar el color, presionaré Y en mi
teclado, seleccionaré la taza, y luego podría hacer
doble clic y puedo cambiar el color a Veamos. ¿Qué tipo de color
va bien con esto? Obviamente, el amarillo es
probablemente bastante bueno, pero cambiemos el color
bastante dramáticamente solo para que obtengamos una mejor
imagen. A lo mejor un azul. Y también cambiaremos el color
de la escritura. A lo mejor vamos a hacer un azul más oscuro, y luego tendremos la escritura. Pulsaremos Y en nuestro teclado, seleccionaremos la escritura, y luego vamos a
cambiar eso también. Cambiemos eso
a un amarillo brillante. O rojo? No, el amarillo
se ve bastante bien. Taza caliente de increíble.
Eso es increíble. Bien. Así que cambiamos nuestra ilustración en
Adobe Illustrator. Ahora vamos a
volver a los efectos posteriores. Así que asegúrate de cerrar
nuestras capas, bloquearlas, presionar Guardar, controlar S, y podrás ver que está
guardando en la esquina. Ahora volvamos
a los efectos posteriores. Y como puedes ver, se ajustó
automáticamente para nosotros. Entonces si volvemos a nuestro
comp, nuestro carrete MoGraph, puedes ver que
ya que solo teníamos la única composición,
automáticamente td Ahora bien, hay una cosa que es un poco divertida de esto es que el forro no coincide
completamente con el reflejo, así que tenemos que volver
a nuestra comp principal y tenemos que simplemente ajustarlo. Entonces hacemos doble clic
en nuestra comp principal, y esto es lo que tenemos aquí. Ahora bien, si acercamos el zoom, solo uso mi
rueda de desplazamiento para acercar el zoom. O puedes ir al 100%
aquí y encontrar eso. Ahora, queremos obtener la capa de máscara de
reflexión. Esa es la que
contiene nuestra reflexión, y esa es la que
queremos mover. Así que vamos a hacer click en esa capa y ésta está
parentada al objeto Pero también podemos moverlo independientemente
del objeto también. Entonces voy a moverlo independientemente
del objeto y
voy a encontrar el lugar donde tiene
que estar. Todo bien. Ahora puedes ver aquí. Pero
una cosa que puedes ver es que donde empieza no es realmente el lugar que
quiero que empiece. Entonces, para mover todo,
si pongo
el cursor sobre mis fotogramas clave
y solo muevo esto, solo ajustará ese fotograma clave
específico Así que ahora va a
ir de lado así. Pero, ¿y si quisiera
mover toda la animación? Puedo pasar el cursor sobre uno
de los fotogramas clave, seleccionarlos todos Y ahora cuando lo mueva, ambos fotogramas clave
se moverán con él. Entonces ahora puedo ponerlo en el
lugar donde quiero
iniciarlo y se anima a la perfección Entonces todo lo que tienes que
hacer es que tienes que,
cambiar tu archivo de Adobe
Illustrator, luego tienes que guardarlo. Voy a actualizar en después de los efectos. Tienes que mover tu capa de máscara de
reflexión. A donde quieras que se
asiente sobre tu objeto. Y luego solo tienes que mover las propiedades de posición de tu animación a
donde están. Solo asegúrate de que cuando muevas
las propiedades de posición, tu cabeza de reproducción esté sobre uno de los fotogramas clave y todos los
fotogramas clave estén seleccionados, y luego
todos se moverán juntos Si tu cabeza de reproducción está en algún lugar diferente a los fotogramas clave, en realidad agregará un nuevo
fotograma clave allí
mismo Y no quieres
eso, se verá un poco extraño. ¿Bien? Entonces así es como se hace eso. Y ahora veamos nuestra
animación, nuestro MGraphrel. Solo vayamos a cazar
al 100% y empezar nuevo. Eso es genial. Bien, una última cosa que quiero
mostrarte cómo hacer en after effects es si
volvemos a nuestra ilustración de Mug. Y ¿y si quisiéramos
cambiar el color de la sombra sin
entrar en el archivo real de Adobe
Illustrator? Lo que podemos hacer es
encontrar una sombra aquí. Y una cosa que podemos
hacer es que podemos ajustarla. Podemos moverlo. Y ahora, como se ajusta
en esta capa, afecta a cada caso en que se utilice
esta composición. Y eso quiere decir que está
en este de aquí. Yo cambié y también
en tu Mgrapho. Entonces cambió en todas partes. Ahora, digamos que queremos
cambiar el color. Entonces no podemos
cambiarlo directamente desde aquí, esta capa. Pero lo que puedes hacer es hacer clic derecho sobre él. Se puede ir a crear y crear
formas a partir de la capa vectorial. Entonces en este momento es
una capa vectorial, y está conectada al archivo de
Adobe Illustrator. Pero una vez que creas formas
vectoriales o formas a partir de la capa vectorial, se vuelve independiente
del archivo de Adobe Illustrator. Así que puedes cambiar el
color como quieras en after effects y no cambiará la ilustración real. Entonces cambiamos eso. Ahora puedes
ver que creó dos capas. Desactivó la capa de
sombra original y creó una capa de forma sobre la parte superior
con esa propiedad. Y si subimos a la cima aquí, puedes ver que tiene un relleno, y en realidad puedes cambiar el relleno al
color que quieras. A lo mejor la sombra quiere
ser una naranja así. Entonces ahora cambié mi
capa de sombra a una naranja, vuelvo a mi MGraphrel y
cambió automáticamente ¿Bien? Ahora bien, si quería cambiar el fondo de mi composición
principal, vuelvo también a la
ilustración de mi taza, y ya sabes que
tenemos un fondo. Podríamos simplemente seleccionar nuevo sólido y cambiarlo a
algo diferente. Así que sólo voy a seleccionar el color, hacerlo de
un amarillo más claro, y darle a OK, y moverlo
por encima de mi anterior. Y si, vamos a ver. Bien, así que acabamos de actualizar
nuestra animación muy rápido,
muy fácilmente, actualizamos el archivo de
Illustrator, lo guardamos Actualicé automáticamente
en after effects, y creamos un carrete
completamente diferente en cuestión de minutos.
Así que eso es bastante genial. Si creaste un carrete y
publicaste en Instagram, por favor, me encantaría verlo. Así que solo llévame a
kyle punto n punto q. No
puedo esperar a ver lo
que ustedes crean.