Transcripciones
1. Introducción: [MÚSICA] Cuando era niño, recuerdo convertir todo lo
que leía en una historia, ya fuera una enciclopedia, o una receta de los libros de cocina de mi
mamá, o un artículo aleatorio
de una revista. Siempre me vi obligado por el poder de
contar historias y cómo transforma cualquier cosa y hace que suene mucho
más interesante. Hola, soy Khadija, pero todos me llaman Dija. Soy una de las mejores maestras aquí
en Skillshare y diseñadora gráfica freelance con
sede en El Cairo, Egipto. Trabajé en una agencia líder de
branding durante tres años y he sido freelancer
de tiempo completo desde hace dos años, especializándome en branding, diseño de
packaging y un poco de animación. En esta clase, quiero
ir más allá del logo y centrarme en el
aspecto narrativo de una marca. Para mí, terminar un logotipo y una identidad de marca es
solo la mitad del viaje. ¿Cómo se cuenta esa historia? ¿Cómo lo haces emocional, relevante y creíble? Aquí es donde entran los
videos de marca. Los videos de marca
ayudan a darle vida tu marca y a construir una conexión
emocional
con tu audiencia. En esta clase, te
voy a
enseñar a crear la tuya propia. Repasaremos por qué los
videos de marca son importantes en primer lugar con
algunos ejemplos útiles. Luego nos
sumergiremos en la visión general de una marca del mundo real que
ya he creado para un cliente. Te voy a llevar a través un proceso paso a paso de
cómo construyo una historia para ello. Entonces, cuando tengamos una historia sólida, comenzaremos a visualizarla
a través de guiones gráficos de la vieja escuela,
luego digitalizando a través de guiones gráficos de la vieja escuela, esos
guiones gráficos en Illustrator y aprendiendo a colocarlos
correctamente en After Effects. Buscaremos música en algunos
sitios, luego nos sumergiremos en el mundo de After Effects para
animar el logotipo, la identidad de la marca y
unir el mensaje
de la historia en un video holístico. Las herramientas que
necesitarás para esta clase son un papel y un lápiz, Adobe Illustrator y
Adobe After Effects. Tendrás que estar bastante cómodo y competente
en Illustrator y After Effects para
poder
crear con éxito un video de marca
al final de esta clase. Esta clase es perfecta
para dos tipos de personas. A, diseñadores experimentados
que han pulido identidades de
marca y
buscan darles vida; y B, principiantes totales que
son nuevos en el branding y buscan ampliar el horizonte sobre cómo son los videos de marca creado. Esta clase
te dará una descripción detallada de cómo se
elabora el proceso desde cero. Entonces también te daremos una comprensión del mundo real
sobre el asunto. Al final de esta clase, podrás
irte con un conjunto de habilidades de ser
un narrador, aprender a hacer guiones gráficos o incluso simplemente aprender muchas herramientas nuevas en After
Efectos para
tus futuras animaciones. Definitivamente hay algo
en esta clase para todos. Así que volvamos a
una época en la que éramos niños y empecemos a contar
historias de nuevo. Estoy muy contenta de que estés aquí y no
puedo esperar para empezar.
2. Lo que y el por qué: Antes de sumergirnos en él, ¿qué es un video de marca? Un video de marca es una
historia audible, visual y emocional de una marca. Puede tener muchos objetivos, ya sea crear
conciencia, educar, entretener, o incluso
inspirar a la gente hacia
una determinada acción. Se puede utilizar para presentar una marca completamente nueva
a una audiencia como un video de lanzamiento o como
una nueva campaña a una marca
ya existente, o como un video explicativo de
un nuevo producto o servicio. A diferencia de los anuncios tradicionales, videos de
marca se enfocan menos en ventas
hardcore y, en cambio, humanizan una marca a través de contenido impulsado por emociones
y narración. Eso está todo bien y bien.
Pero, ¿por qué son importantes? En el mundo actual de la marca, diseño
gráfico está pasando
rápidamente del diseño
estático al diseño móvil. Es por eso que probablemente vas
a ver muchos negocios y agencias
animando sus logotipos, animando ilustraciones,
etc. Incluso en las redes sociales, las cosas se están moviendo más
de fotos a videos. Los videos ofrecen una experiencia más
atractiva y seguramente te
dejarán una impresión duradera. Por eso personalmente
creo que no es suficiente
solo ser un gran
diseñador gráfico en estos días, sino que también es importante
ser un gran narrador. Incluso si no puedes
animar todavía, solo tener las herramientas para construir y crear una
historia para tu marca, significa que
ya estás a mitad de camino. Siempre puedes colaborar
con animadores para cumplir tu visión si
no tienes las herramientas para hacerlo. Pero crear esa
conexión emocional y entregarla a través del video de la marca
es donde entres. Esencialmente, es de lo que realmente se trata la
marca. También puedes usar
tus videos de marca para vender tu concepto a un cliente. En lugar de llevarlos
a través de cientos de diapositivas, en realidad
puedes dejarlos con un impacto impresionable
a través de un video de marca. De igual manera, los clientes pueden
usar el video de su marca para interactuar
más con sus consumidores en su plataforma. En esta clase, específicamente, te
estaré guiando a través de cómo hacer un video de lanzamiento de marca, lo que significa que esta es una
nueva marca que está a
punto de salir al
mercado y luego es la primera vez que la gente
lo verá y conocerá la
personalidad de la marca a través de. Voy a estar usando principalmente
motion graphics y animación porque esto es lo que más se ajusta a la marca en la
que estoy trabajando hoy en día. Vas a averiguar
por qué más adelante en el proceso. En la siguiente lección, te
guiaré a través mi método personal de cómo
construyo videos de marca, y también
te mostraré algunos ejemplos de otros videos de marca
para obtener ideas y ver cómo estos se aplican ciertas
puntas.
3. El método de 360 grados: Normalmente, cualquier historia
tiene un principio, un medio y un final. Cuando intentas pensar en una historia para un video
de marca, quizás esa no siempre sea
la mejor ruta a seguir. Siempre que estoy creando
una historia para una marca, siempre
me gusta usar este método
en particular que me gusta llamar el método de
360 grados. El método de 360 grados es básicamente comenzar tu
historia con cierto elemento, llevar a tus espectadores a través de
un viaje y luego terminar esa historia con el mismo elemento entrando en un círculo completo. Por ejemplo, si estás iniciando tu
video de marca con una pregunta, entonces también deberías terminar
con una pregunta retórica, dejando a tu audiencia
con la misma entrada con la que empezaste. Esto por supuesto,
varía de una
marca a otra y no está engastada en piedra. Por ejemplo, si estás creando un video de marca
para nuestra aplicación móvil, siempre
puedes comenzar
con un problema que la marca
esencialmente resuelve. Lleva a la audiencia
a través
del recorrido del usuario sobre cómo usar la aplicación y luego termina el video con una solución que tu aplicación ofrece. Esto también se considera un momento de círculo completo porque
entonces la audiencia puede vincular la solución con la que les has
dejado
al final con el problema con
el
que empezamos al principio. El punto es que primera impresión de
un video de marca es sólo tan fuerte como su última. Siempre quieres pensar en una
manera de vincular el inicio de
tu video de marca con el final de
una manera que
tenga sentido para tu marca. Ahora, quiero
mostrarte [inaudible] mis
videos favoritos de marca que aplican este método de diferentes
maneras para que puedas entender a lo que me refiero
y ver cómo este tip es transferible a
muchos diferentes marcas. El primer video de marca que
quiero mostrarte es Airbnb. Este es uno de los primeros
videos de marca que primero salieron para explicar la historia
de su símbolo, su icono, y el
sentimiento de pertenencia. [MÚSICA] Algunas cosas que me destacaron de este video de marca
es que obviamente, querían
asegurarse de que Airbnb resuene como una compañía segura y
confiable. Me encanta cómo tomaron
la ruta humana, en este video de marca para
mostrar eso de verdad y
jugaron en uno de los sentimientos más innatos de la naturaleza
humana y ese es
el sentimiento de pertenencia, y incluso es el
título del video. El método de 360 grados
entra aquí donde están jugando con la palabra
pertenecen y esta es la introducción de
todo el concepto de marca. Así construyeron
el ícono de su marca. Si saltamos todo el
camino hasta el final, encontrarás que también terminan el video de la marca con
la misma frase. Dondequiera que lo
veas, sabrás que perteneces, así que me gusta mucho cómo
amarraron todo junto, aunque no te des cuenta. Pero ahora que lo haces y hace una gran diferencia para
atar todo junto, y la historia se junta
en un momento de círculo completo. Entonces solo firman su logo solo como una
marca registrada al final. Verás que muchas marcas
y videos de marcas realmente hacen eso. El siguiente video que quiero
mostrarles es Pivot. Pivot no usa ilustraciones ni fotografía ni
nada elegante. Simplemente usan buena
tipografía antigua y una voz en off. Solo quería mostrarte realmente un espectro de videos de
diferentes marcas para que no te sientas presionado que necesites hacer algo
súper avanzado con ilustraciones o algo
que sea súper elegante. Puede ser tan sencillo como esto. Los negocios no pueden escapar al cambio, pero pueden darle forma. Cuando tu ventaja se erosiona, tus planes golpean la resistencia. Tus compañeros de lanzamiento en diferencia. Vas a que la gente esté desenganchada. Es una señal, algo
tiene que cambiar. El mejor lugar para iniciar Pivot. Ayudamos a las empresas que se enfrentan un punto de inflexión a encontrar
el punto de anclaje y utilizarlo para crear una ventaja estratégica
y creativa. Pivot te facilita
girar y embarcarte en una nueva dirección mientras te mantienes fiel
a quien eres. ¿Cómo? Al entenderlo y aprovechar
su historia única, trabajamos con usted para
darle vida a las soluciones. Ayudándote a ejecutar
cuando sabes lo que funciona o
experimentas cuando no lo haces. De esta manera,
te llevamos a donde necesites
ir de manera eficiente y
con confianza. La próxima vez que se enfrente a un
punto de inflexión, gire a Pivot Me encanta lo simple pero brillante que es
este video de marca
animando cada una de las palabras y los mensajes escritos de
acuerdo a lo que significan. Eso es visualmente muy
estimulante y
también refleja la personalidad de la
marca. Es eficiente,
práctico, inteligente, inteligente,
se mueve rápido, sabe a dónde ir, sabe cómo ayudarte. Cuenta con el saber hacer. Incluso la elección de la
animación y la forma lo
hicieron es reflejo de la marca
, no todo es aleatorio. Nuevamente, con el concepto 360, si llegamos a esta parte
del video donde
dice punto de inflexión, llevando al significado
de la marca Pivot. Termina con la
misma idea exacta, punto de
inflexión, y luego termina con el nombre de la
marca y el logotipo. mí me gusta mucho que
arraigaron esto. Lo ves dos veces
y siempre lo
recordarás cada vez que lo
vuelvas a ver. El siguiente es Marca Nativa. También quería incluir un video de marca que
funcione solo con fotografía e imágenes en caso tu marca no
tenga ilustraciones. No tienes los medios
para hacer una voz en off, y es lo más
básico posible, pero aquí hay algo realmente interesante que me
encanta de este video de marca y
lo abordaremos más adelante del que quería que tuvieras
una nota de ahora. [MÚSICA] No
sé si has notado
lo mismo que yo he notado. Pero esta marca tomó
algo que es súper básico y simple que
se puede ver en cualquier otra marca. Es solo metraje de
fotografía promedio, bonitas gorras pequeñas, pero es bastante básico. Nada que realmente destaque. Pero lo que es numeración de
este video de marca es cómo
emparejaron todas las transiciones y los fotogramas exquisitamente
con la música. Esto es algo de lo que definitivamente
voy a estar hablando después, pero la música es otra
dimensión para los videos de marca. No es sólo algo visual. La dimensión audible
también aporta una enorme percepción y un factor
enorme al juego. Me encanta cómo tomaron
algo tan sencillo, pero lo elevaron por completo al
emparejarlo con esta música. Lo hace súper moderno y de ritmo
súper rápido y muy
descarado y decidido y muy
ingenioso solo por esta música. Ya puedes tener
una idea y sentir la personalidad de la marca con solo ver eso y solo
por sus elecciones aquí. El último valor de marca que
quiero mostrarte es Zippy. [MÚSICA] Particularmente
me encanta
este video de marca porque me parece súper simple. El uso de formas básicas como cuadrados, rectángulos y círculos. Eso es. Mensajes básicos y tipografía, fotografía
básica. Esto podría parecerse a cualquier marca en la que
puedas trabajar, pero lo elevaron al agregar esta feliz
sensación familiar cotidiana nuevamente con la música
y el estilo de
animación muy alegre, simple y acogedor. Sólo quería mostrarte
otra idea de cómo se ve
eso.
Es súper simple. No tiene por qué ser
nada complicado, pero se trata de definir tu objetivo y la ruta que quieres ir con esto, y el tono y la
voz y lo que
intentas lucir para entregar todas estas respuestas a estas preguntas dictará qué música
vas a estar haciendo. Si vas a estar
haciendo una animación o
fotografía o algo con [inaudible] o
algo con metraje. Los 360 grados vienen aquí destacando también la esencia de hacer la vida más fácil
a padres e hijos y hacerla más
significativa para las familias. Después terminando el video
inspirándose en una vida familiar cotidiana y
uniendo a todos, que es su eslogan,
vamos juntos. Firman con
el logo al final. Cada uno de estos videos de marca
usa este concepto en este método de manera diferente
depende de tu marca. Solo quería que
echaras un vistazo a un amplio espectro de
diferentes ejemplos, y probablemente
vincularé mucho más de mis favoritos en los recursos para que puedas
verlos a tu propio ritmo. Definitivamente te
recomiendo que lo hagas. Porque solo obtendrás una buena comprensión
y aspecto y sensación viendo ejemplos muy
diferentes, y te ayudará a
emocionarte y prepararte para crear el tuyo propio. Dicho esto,
saltemos a la siguiente lección.
4. Resumen de la marca: [MÚSICA] Ahora que hemos cubierto
la comprensión básica y el flujo de los videos de marca, ahora quiero guiarte a través la marca que he creado para un cliente real y es
lo que voy a estar haciendo un video de marca para hoy. Quiero que conozcas
Skip in Scoop. Al igual que su nombre indica, Skip and Scoop es una marca de
helados pero con un giro. Es más una
experiencia mágica que aprovecha tu
nostálgica infancia. Es una experiencia indulgente
para que los adultos rememoren su infancia y para que los niños atiendan su imaginación, resultando en una experiencia
mágica que tiene un valor duradero. Creé esta marca
en colaboración con la agencia boutique de branding
llamada Ants and Elephants, también con sede en El Cairo. Donde manejaron la estrategia, los talleres del cliente y el brief
creativo y
trabajé junto a ellos creando el aspecto visual de la marca, desde el logo hasta las ilustraciones
de la identidad de la marca. Quiero guiarte a
través de algunas de las decisiones creativas que
hemos tomado cuando creamos esta marca para que tengas
una comprensión general de ella antes de
sumergirme en todo lo demás. Voy a empezar
con una historia de marca. Una historia de marca es básicamente
una narrativa cohesiva que resume los hechos y sentimientos que crea tu marca. A diferencia de vender un producto
o publicarlo, historia de
una marca debe inspirar
una reacción emocional. Entonces verás que
está escrito de
una manera que impulsa la emoción y cómo ciertas palabras clave que se aplican visualmente a lo largo de
la identidad de marca. La historia de la marca es la siguiente, creemos en la imaginación, la autoexpresión y la creatividad. En Skip and Scoop,
no hay límites para
las experiencias interactivas y te piden que abraces tu
imaginación infantil mientras te aferras a tus sabrosas
golosinas y helados. Estamos aquí para llevarte a ti
y a tus seres queridos una aventura de degustación repleta sabores
únicos tanto para tus
ojos como para tus papilas gustativas. Bienvenido a un destino
para tu mente y apetito. Luego pasando a los colores de marca,
los colores primarios de la marca son rojo de caña de
caramelo y la crema láctea Siempre me gusta nombrar
los colores de la marca que elegí porque la
hace mucho más única para la marca
y cada nombre refleja un cierto significado
detrás de la elección del color. Así que el rojo bastón de caramelo es
un color icónico de la marca que evoca luz,
pasión y amor. Es la sensación que debes sentir cuando te das un capricho y
comes helado. También es un color muy
estimulante que atrapa
el apetito, la emoción y una oleada de emoción, así que ese es el
color principal con el que queríamos que la
gente reconociera
la marca. Por otro lado, la crema
láctea está inspirada en la lechería del
helado y está destinada a equilibrar el rojo y actuar como un color neutro que es
relevante para la marca. Entonces también tenemos colores
secundarios. Los colores secundarios
también han dado nombres, que son el azul cielo, amarillo
feliz y el rosa
chicle. Estos reflejan las palabras clave y valores de la
marca, y también actúan
como un brillante pop de color con el
rojo bastón de caramelo y la crema láctea. Ahora los colores secundarios también tienen otra
dimensión a ellos, que son estos
tonos monocromáticos a cada color si necesitamos que las cosas sean un poco
más realistas o 3D, a diferencia de
los colores planos como aquí. Solo queríamos tener
flexibilidad en
el uso de los colores a través de
la identidad de la marca, como verás en todo momento. Después nos sumergimos en el logo. El logo es esta marca de
palabras a medida que pretende reflejar un tiempo atrás cuando
éramos niños pequeños y despreocupados. ¿Qué siempre nos
emocionaría e iluminaría nuestros ojos? Bueno, helado, claro. La palabra marca fue elaborada de una
manera que se asemejara a la sensación de
saltarse y evocar esa sensación infantil y
emocionada teníamos cuando estábamos
a punto de comer helado al tener las letras
individualmente tilde a diferentes direcciones como si en realidad se
estuvieran saltando. También elegimos letras minúsculas en
todo momento
porque generalmente, letras
minúsculas y las marcas de palabras reflejan una sensación más joven
y amigable. Las líneas que se
agregan debajo
de algunas de las letras
también están pensadas para evocar algún tipo de movimiento y agregar al
aspecto lúdico de la marca. Entonces también creamos
una submarca de logotipo donde colapsamos la marca de
palabras en SMS. También un juego en la
ilustración del nombre Skip y Scoop y
en lugar del y, agregamos un ampersand, por lo que es visualmente más equilibrado. Entonces esta es la marca de la palabra en
el fondo de la crema láctea. Después pasamos a la
identidad y el empaque. También le dimos un nombre a la identidad de
marca y refleja
el concepto detrás de ella. Debido a que la marca
es Skip and Scoop, queríamos pensar en un
concepto para la identidad que se relaciona con eso pero nos da
espacio para correr locos con él. ¿A dónde
normalmente irías saltando? Pensamos, en un patio de recreo. Lo nombramos el mágico
patio de recreo de los sueños. Ahora este mágico patio de recreo tiene muchos
juegos y atracciones diferentes, pero con un giro. Cada paseo o elemento en este
patio de recreo se vuelve a imaginar como helado o cierto desierto
que ofrece Skip and Scoop. Nos pusimos en la piel
de un niño y estábamos como, ¿cómo imaginaría un niño
un patio de recreo mágico? Tenemos este mágico paseo en sándwich de
helado y luego un trampolín de
galleta waffle con helado como bolas que
rebotan y luego un tobogán hecho de churros
y una escalera de bastón de caramelo, y luego una tobogán mágico para los batidos con
una pajita de bastón de caramelo, y una bicicleta voladora
hecha de ruedas de cubo de café, y un columpio mágico hecho de galleta
waffle y una estructura de bastón de
caramelo. También un balancín hecho de una galleta de
oblea equilibrada por una cucharada de helado gigante y dos suaves de
helado sirve
en cada extremo. También queríamos que la
tipografía y los mensajes en la marca se
inclinaran y
tuvieran ese mismo efecto de
salto de alguna
manera y que
interactuara con los elementos. Entonces este es un ejemplo donde
escribimos dar una vuelta en el cielo y hacer girar dos hula
aros alrededor de él. La elección de tipografía
aquí es audaz, encantadora y infantil también para
reflejar los valores de la marca. Esta es la visión general de la marca con
todo combinado. Puedes ver aquí que los colores principales de la marca
son dominantes en todas partes, pero los colores secundarios actúan como acentuación y realmente
saca todo junto tan bien y agrega un poco
sabor a la marca. Entonces queríamos que la marca tuviera conos rojos
icónicos para
enfatizar aún más el color de la marca y tener el logotipo
grabado en ellos. También pensamos aplicar las ilustraciones
en el empaque aquí en los conos de helado. Lo mismo con los vasos de helado pero con una
ilustración diferente. Entonces la
bicicleta de la papelera de café iría en las tazas de café para llevar y las ilustraciones mágicas de
diapositivas del batido irían en las tazas de batido. Para las bolsas de comida para llevar, queremos que tenga
un juego de palabras escribiendo swing por nosotros
nuevamente e incluir la ilustración del columpio solo como una impresión lúdica para dejar al cliente con
ya que salen de la tienda. También hicimos pegatinas, uniformes, delantales y esta es una de mis ideas de activación
favoritas. Entonces, debido a que este es un patio
imaginario de dulces y helados, nuestras mentes inmediatamente
se dirigieron a Willy Wonka. Queríamos crear esta
idea de un boleto dorado cada vez que un nuevo cliente comprara helado
en la tienda, recibiría
este boleto y después de 10 compras de helados, ellos obtendría uno gratis. Como lo que
normalmente verías en las
cafeterías pero queríamos
que fuera un poco más emocionante y relevante
con las marcas así que
pensamos que esto encajaba con
las marcas juguetonas, divertidas y mágicas . Entonces esta es una visualización
del tablero de menú dentro de la tienda. Debido a que todo el concepto de
marca está construido sobre este mundo imaginario, queríamos presentar ideas de cómo podemos
hacer que la historia sea más una experiencia
en la
que puedas perderte y abraza a tu hijo interior. Por lo que queríamos incluir
ideas de instalaciones 3D, nubes por todo el
techo y el piso, fundir racimos de
helados y bombillas de cono de helado. Eso es más
o menos. Esta es una de mis marcas favoritas en las
que he trabajado en términos de proceso, colaboración y resultado
visual. Ahora hay algo
que falta y
eso es contar la historia
a través del video de la marca. Ahora para esta
marca en particular, como dije antes, me siento como un video puramente motion
graphics y animación con animar las ilustraciones y escribir la
historia en la pantalla, es perfecto para esto
y será suficiente para entregar este impacto mágico
que estoy tratando de crear. Ahora bien, si agrego metraje y tomas
típicas de helado, siento que le quita un
poco
la magia y lleva las cosas a nuestro
terreno realista que quiero
evitar para este lanzamiento
inicial video. Entonces, sin más preámbulos, comencemos en
el brief. [MÚSICA]
5. El resumen: [MÚSICA] Como cualquier
tarea en branding, siempre
necesitas tener
un brief creativo sobre ti. Un resumen creativo solo
ayudará a poner las cosas en su lugar y
dejar las cosas
claras como el cristal para usted o cualquier
otra persona con la que
vaya a estar trabajando si va a enviar este documento a un colaborador. Esta va a
ser una plantilla de
keynote descargable para ti. Si quieres usarlo
más tarde por ti mismo, lo
vincularé
debajo de los recursos. He categorizado el resumen
en cinco secciones. Objetivo, audiencia, contenido, historia de
marca y tonalidad. Lo que tiene cada sección es un
símbolo de preguntas en
el que las respuestas te ayudarán a construir el brief
por ti mismo. Este es un gran ejercicio para
que hagas para ponerte en el camino y saber exactamente qué vas a tomar
con este video. Alternativamente, es
un buen documento para enviar a alguien
con
quien trabajarás potencialmente y necesita
conocer ciertos puntos clave. Empezando por el objetivo, ¿qué tipo de
video de marca será este? En mi caso, es un
video de lanzamiento para una nueva marca. Estaré imaginando ese salto esculpido y
lanzado todavía y estaré haciendo el primer video que llegue al mercado y que dé
forma a la marca. Esta es una
información importante porque
determinará qué tipo de contenido
necesitarás en el video. A continuación, ¿cuál es el objetivo? El objetivo en mi caso
es tan sencillo como contar esta mágica historia de la marca y construir
plusvalía de la marca a partir de ella. Quiero mostrar el concepto detrás del logotipo y la
identidad de la marca porque sigue siendo lo primero que verá
la
gente. Quiero llevarlos a este
viaje y que
entiendan la historia detrás de él antes de lanzar otras campañas para esta marca. Quiero mostrar primero la
columna vertebral de la marca, incrustando la
imagen de marca para el consumidor. El siguiente es el público. ¿Quién es el
público objetivo de este video? Tengo dos tipos de
personas a las que me dirijo. Adolescentes, adultos jóvenes e individuos a los que
les encanta disfrutar helado y no tienen miedo de
abrazar su imaginación
de niño interior, sino también, los padres de estos niños que
verán el video y quieren experimentar
esta marca con sus hijos y verla
a través de sus ojos. Entonces, ¿qué percepción
quiero dejar a los consumidores
con este video? Quiero que los consumidores se sientan
emocionados, intrigados y curiosos. Es decir, no quiero
dejarlos con toda
la imagen de la marca. Quiero llevarlos a
través de un viaje lo
suficiente para dejar un poco
de imaginación y un poco de espacio de querer saber
más para que se
queden y esperen a ver
qué más ofrece la marca. Quiero construir una base
de emoción y deleite a través de este mundo
imaginario que estoy creando. Luego viene el contenido. ¿Qué tipo de contenido tendrá
este video de marca? Porque este es un video de lanzamiento y solo quiero presentar la historia detrás de la marca
y este mundo mágico, solo
quiero que sea
puramente gráficos de emoción, video
animado del
logo, los mensajes, las ilustraciones, y tienen música de
fondo por ahora. Quiero mantenerlo lo más
mágico posible sin tener imágenes de gente comiendo helado o maquetas todavía, porque siento que entonces
sería más realista, y para este video específicamente, Quiero mantenerlos en
este reino imaginario y mantenerlo lo más mágico e
infantil posible. Siguiente es la historia de la marca. ¿Cuál es la historia que
finalmente estoy entregando? Porque ya tenía la
historia de la marca desde la etapa de branding, así que la mantengo como
está ahora y luego encontraré la historia con
palabras específicas en la siguiente lección. Pero si aún no has escrito
una historia de marca, te insto a que tomes este momento y escribas una pequeña
narración que refleje el
significado detrás de tu marca, la solución que resuelve si la hay, y el impacto emocional que pretende tener en su audiencia. Esto te ayudará a construir
la historia para tu video. Por último, pero no menos importante,
está la tonalidad. ¿Cuál es el tono y la
voz detrás de tu marca? Esto dictará
casi todo. La música que
elegirás de fondo, el ritmo del video, los mensajes que escribirás y prácticamente todo. El tono y la voz toman la
forma de palabras clave concisas. En mi caso, son juguetones, imaginarios, infantiles,
edificantes y mágicos. Esto me ayudará en
mis elecciones musicales, el tipo de animación
que elijo hacer, y así sucesivamente y así sucesivamente. Ese es más o menos
el final de nuestro breve. Puedes usar este documento como
plantilla para ti y simplemente escribir las respuestas que mejor se
ajusten a la marca en la que
trabajaste, y ya
sentirás en esta etapa que tienes algo de hoja de ruta. En la siguiente lección,
comenzaremos a construir una historia clara y la pondremos en una línea de tiempo para nuestro video de marca.
6. Estructuración de la historia: [MÚSICA]. En esta lección, vamos a estar
aprendiendo a desarrollar una
idea de animación para nuestro logotipo, pero también vincularla con una imagen
más amplia de la historia. Esencialmente, no solo estamos
creando una animación de logotipo, estamos creando un video de marca. Entonces necesitamos crear todo
con una perspectiva 360 en él. Te estaré llevando a través de
la plantilla de estructura que he preparado
y solo me ayuda a poner todo se llevó a cabo y vincular todos los elementos juntos, logo con una historia más grande. Estaré compartiendo esa
plantilla contigo y los recursos en caso de
que la necesites, eres libre de usarla. La plantilla de estructura de la historia
se divide en dos partes, animación del
logotipo y la historia. Luego vamos a
vincular
los dos juntos y ponerlo en
una línea de los dos juntos y ponerlo en tiempo tentativa para que todos tengan
sentido cuando se junten, y esto
te facilitará
las cosas más adelante para guión gráfico. primero es lo primero,
quiero que recopiles una visión general de tu marca
como lo he hecho aquí. Para poder construir
una historia para el video, necesitas saber con qué
vas a estar trabajando. Ahora quiero que
veas tu marca como elementos separados. Los elementos que tengo aquí son
las ilustraciones mágicas de
helados, los conceptos de salto
en el logotipo y la idea de una aventura de
degustación. Esto puede diferir de tu marca. Por ejemplo, tus elementos
podrían ser formas básicas, líneas
gráficas, estructuras de
diseño dinámico, fotografía en lugar
de ilustraciones. Trabajar con eso.
Diseccionar los elementos e identificar cuáles son. A partir de estos elementos, se quiere
comenzar a identificar conceptos clave. Mis conceptos clave de lo que te
he mostrado anteriormente en el resumen de la marca son el patio
mágico de los sueños, el concepto de saltar y la aventura de degustación. El hecho de que esta marca ofrezca mucho más que
solo helado, quiero llevar al público a
través de un viaje. Estos son los tres conceptos
principales
que quiero mostrar en el video. A continuación, necesito identificar qué mensajes clave voy
a estar escribiendo en el video. Los saqué de la
historia de la marca y de alguna manera escribí en
el camino para que encajara y representara la historia
que estoy tratando de entregar. Los mensajes clave son
imaginar un mundo sin fronteras y destino
para tu mente y apetito. Una aventura de degustación para
tus ojos y papilas gustativas, y nuestra cocina
está en las nubes. Siempre puedes agregar más o eliminar mensajes clave en el
camino, pero este es un
paso importante para identificar el escenario, por lo que puede ayudarte a formar una secuencia
básica para el video. Cuantos más mensajeros tengas, más marcos
necesitarás pensar, y cuanto menos, entonces
menos tendrás que cortar. A partir de este punto puedo pasar
a la animación de mi logo. Ahora sé con certeza que quiero que la animación refleje el
concepto detrás del logo. Porque mi logo está
hecho a mano para evocar el concepto de saltar
y la sensación de felicidad
que obtienes cuando comes helado. Estoy pensando que puedo hacer
que las letras caigan de la parte superior de la pantalla,
dispersas, y desiguales y
rebotarían y saltarían de
nuevo en su lugar. El logo es simple, así que
quiero que la animación para que sea igual de simple
y refleje eso. Pero entonces, ¿cómo lo vinculo con
el patio mágico de los sueños y transito sin problemas todo con
las ilustraciones? Volvemos a los conceptos clave y vemos si hay
algo que nos pueda ayudar. De los conceptos clave
puedo destacar la palabra patio de recreo mágico
y aventura degustación. Ahora bien, si vuelves al logo, puedo trabajar con
el punto de la i.
El punto de la i es la
única forma básica en toda
la marca de la palabra y es la única oscuridad en
cualquiera de las letras. Destaca del resto. Este punto podría representar una
pelota en un patio de recreo en realidad. Podría escalar y
comenzar a rebotar en el suelo y luego deslizarse y rebotar a lo largo de todo
el video, interactuar con ilustraciones y deslizarse alrededor de los
mensajes y luego bajar los toboganes y alrededor de los columpios hasta llegar al final, se reúne con el logo y luego rebota en su
lugar como un punto. Ahora, aquí saqué un par de referencias para
este concepto. Acabo de ir a Pinterest y
mecanografié animación de rebote, saqué un par
de referencias que reflejarán la idea que
estoy tratando de animar. El referente de
la izquierda es cómo me imagino que quiero que
la pelota rebote. Se ve que su forma se
transforma a medida que golpea el trampolín y a medida
que vuelve a subir. Esto será interesante ya que
el punto también se transforma en una bola y luego
rebota de nuevo en un punto. Entonces la referencia a
la derecha es cómo
quiero que la pelota viaje a
través del video y
rebote y se deslice entre
las ilustraciones solo para mantener las cosas lúdicas
y dinámicas como sea posible. Ahora, puedes usar el
mismo método exacto para el logotipo en el que
estás trabajando. Solo necesita identificar
el concepto detrás de su logotipo y luego pensar en
una forma automatizada muestre
ese concepto, y luego mirar la identidad de su
marca y encontrar un elemento mutuo entre ambos
que se pueden vincular entre sí. Miré mis referencias con ciertas palabras clave como
rebotar y saltar, y definitivamente me
ayudó a visualizar cómo puedo ver esta animación
pasando. Puedes hacer lo
mismo en tu caso
identificando ciertas palabras clave en
función de tu concepto. Ahora que hemos establecido una idea de
animación para el logotipo y cómo se vinculará
con la identidad de la marca, es el momento de tener una
visión general de toda la historia. Recuerden cuando hablé
del método de 360 grados, aquí es donde entra. Ahora, recuerda que no
tiene que ser un círculo perfecto. Esta no es una clase de geometría. Definitivamente puedes ser
indulgente con esto. Solo quiero que entiendas el poder de vincular el
principio con el final, y no tienes que hacer esto si no quieres o si no
se ajusta a tu marca, esto es solo propina extra
o algo así que podría ayudarte a formar una
estructura por ti mismo. Mis 360 grados se ven así. Me estoy imaginando la historia. Empezaremos por una línea de apertura
cautivadora, algo a partir de los mensajes
clave como imaginar un mundo
sin fronteras. Entonces le puede seguir
una ilustración animada, preferiblemente algo
que refleje esa línea solo para
hacerla más relevante, y luego voy a introducir el
logo con la idea de animación. Entonces atraeré al público
llevándolos a una aventura de
degustación. Esta aventura de degustación
pasará luego por todas las diferentes ilustraciones
animadas, y luego terminaré el video de
la marca con una línea de cierre que se
relaciona con lo que comencé con. Cuando empecé con imaginar un
mundo sin fronteras, quiero terminar mi historia con la
bienvenida a un destino. Después de presentar el video
con imagina este mundo, ahora te doy la bienvenida a él. Es casi como si
hubieras llegado. Técnicamente hablando, no
estoy terminando exactamente
con lo
que empecé. Por eso no es un círculo
perfectamente cerrado, pero lo estoy terminando con
la misma secuencia al final que une
todo junto. Siempre pienso que
terminar tu video con el logo es el outro
más fuerte, así que la gente siempre puede
recordar el nombre de la marca, y es casi como una firma, básicamente una marca registrada,
una firma. Siempre tenlo en cuenta. No siempre necesitas comenzar
con el logo de inmediato, pero te recomiendo que termines con él. No olvides que la pelota que
rebota también entra en un círculo completo
al final donde rebota
en el logo al principio, y luego termina su
viaje al final. Ahora que tenemos una
animación de logotipo y una historia que contar, ahora
podemos poner todo
en una línea de tiempo visual, para que sepamos exactamente
cuál va a dónde. Ya te he ahorrado un poco de
tiempo colocando mis elementos aquí en la línea de tiempo solo para mover un poco las cosas. Esto no tiene que
ser engastado en piedra. Siempre puedo volver atrás, editar, reordenar, reorganizar
cualquier cosa en este momento. Por ahora solo son puntos clave
a lo largo de la línea de tiempo,
solo para que pueda conocer una
secuencia aproximada para el video. Cada punto negro aquí está
destinado a ser un marco. Comenzaré con
un mensaje de apertura como lo viste antes, y luego cambiaré con
una ilustración animada entre cada mensaje, solo para mantener las cosas
visualmente interesantes. Quiero que el público
esté leyendo, que viendo algo siendo animado y
viceversa en todo momento. En este punto realmente puedes
jugar con esto, agregar tantos
fotogramas más como quieras según tu historia y
cuántos elementos tengas. O puedes acortarlos, y tener tantos
fotogramas como quieras. A partir de este punto, es súper
fácil comenzar el abordaje de historias. Puedo prácticamente visualizar qué es
lo que quiero
ir en cada fotograma. Empezaré a esbozar
el guión gráfico en la siguiente lección y veremos cómo podemos desarrollarlo más y
prepararlo para la animación.
7. Storyboard: En esta lección
vamos a empezar a bosquejar nuestro storyboard. guiones gráficos son súper importantes porque actúan como tu
hoja de ruta para todo el video. Tienes la oportunidad de ver el video completo como un proceso frente a ti. También te ayudan a identificar el concepto de que tu
video está funcionando o no, y cómo va a ser el flujo de tu
video. Si necesitas hacer algún
ajuste o arreglar algo, nosotros ordenamos, editamos cualquier cosa. Este es un momento perfecto para hacerlo. Normalmente necesitas un papel
y un lápiz para esto pero si tienes un iPad
y prefieres usarlo, entonces por todos los medios puedes hacerlo. Yo solo personalmente me gusta usar un buen papel viejo y un lápiz. El proceso es súper
simple y fácil. Solo vamos a estar
dibujando pequeñas miniaturas de cada fotograma como nuestro storyboard y dibujaremos lo que
habrá en cada fotograma. Ahora puedes usar tu
regla si quieres pero también me gusta
dibujar a mano alzada también,
así que no hay presión
alguna sobre lo que quieras hacer. Pero por el bien de este video, creo que voy a
deshacerme de la regla por ahora y solo dibujar
a mano alzada porque es súper
simple
y fácil y no quieres
perder demasiado tiempo haciendo seguro que cada marco es
perfecto cuadrado o rectángulo; eso no es importante en este momento. Podemos empezar, me gusta usar un
lápiz HB solo para comenzar con ligero y fácil y necesitamos tener algún compromiso con
cualquier línea en este momento. Lo que voy a hacer
es que sólo voy a dibujar mi primer fotograma aquí. Voy a nombrar
esto en la parte superior,
solo firma en este es el Marco 1. Entonces voy a
mirar hacia atrás en mi línea de tiempo que tenía en la lección anterior
y comprobar lo que va a ser en
el primer fotograma. En el primer fotograma,
voy a tener algo así como una
línea que vaya mano con imaginar un mundo
sin fronteras. También estoy pensando en tener
nubes en el cielo, redondeadas. Fresco. Eso es lo que va a
ser en mi primer cuadro. Ahora pasando a la segunda, voy a tener una
escalera y creo que puedo vincular las nubes que vemos aquí y pasarla a ésta
solo para que tenga sentido. Dibujando guiones gráficos en realidad
puedes escribir anotaciones por ti mismo
solo para que puedas recordar. Sólo voy a escribir
aquí nubes de enlaces, solo para entender cómo voy a hacer la transición
de aquí a aquí. Después el tercer fotograma, vamos a
tener otra línea. El siguiente fotograma es la
ilustración de la forma en que la galleta y la cucharada de helado
caen encima de ella. De hecho, quiero ilustrar cómo
va a producirse esta animación. Para el primer fotograma, quiero que la primicia
de helado venga cayendo
de la pantalla. Sólo voy a dibujar eso
para mí y aquí mismo, cayendo de arriba. Voy a bajar aquí
y dibujar mi quinta cuerda. La pala de helado ya cayó de la parte superior de la pantalla y ahora la galleta de oblea
va a caer encima de ella
y equilibrar ahí mismo. Todo esto es un dibujo realmente
rudo. No necesitas ser
artista para hacer esto. Esto es solo
para que lo uses más adelante. Sólo deberías ser capaz de
entender lo que estás dibujando. En este marco,
voy a estar dibujando las bolas de helado que caen
sobre el balancín. Normalmente estos tres
fotogramas van a ser un archivo de Illustrator, y llegaremos a eso más tarde pero solo los estoy dibujando
en tres fotogramas separados solo para saber cómo
es
la transición va a suceder
con cada uno de los elementos. El primer elemento va a ser la cucharada de helado
que cae de arriba, luego la galleta de oblea, luego las bolas de helado. Si tuviera que dibujar
todo esto en un cuadro, no estaría muy claro por
eso tuve que
separarlo en tres fotogramas
diferentes. Después pasando
al séptimo cuadro, voy a escribir aquí un
mágico patio de juegos de sueños. Estoy pensando que en
todos estos fotogramas, el fondo va
a ser consistente, así que tal vez el fondo crema, pero luego cambiando a aquí, quiero que se cambien
al fondo rojo. Solo voy a dibujar
el mismo fotograma exacto y solo anotar por mí mismo que estoy cambiando
el color de fondo aquí porque cuando
vayamos al logo siguiente, quiero que el logo
aparezca primero en el rojo fondo, así que necesito que esta transición
suceda ahí mismo. Ahora para la animación del logo, vamos a tener
cada letra individual caiga desde la parte superior de
la pantalla dispersa. Entonces solo quería encerrarme
en el logo original. Sólo estoy escribiendo aquí
y me aseguro en su lugar. Después pasando al
siguiente fotograma. ¿Recuerdas cuando
dijimos que vamos a usar el punto del I como
pelota que rebota? Entonces estoy pensando cuando
está encerrado en su lugar, entonces todas las letras simplemente
caerán. Entonces lo que queda es el punto
del yo que luego se
transforma en esta bola que rebota. A medida
que bajan las letras, también rebotaría
en el suelo como la referencia que
sacamos antes. Por favor,
lo acabo de escribir para mí, todas las letras drop and dot
se convierte en una bola justo ahora mismo. Entonces, el punto
pasa a la pelota y solo estoy dibujando esto
por mí mismo para decirme a mí mismo que esto va
a continuar a lo largo de los demás fotogramas. El balón sólo me va
a seguir por ahí. Tengo 12 cuadros por aquí, sólo
voy a
dejarlo a un lado y continuar en un papel separado. Tengo frame 13 siguiente. Después, déjame llevarte
a una aventura de degustación, tengo la ilustración del swing, así que solo voy a dibujar eso. Aquí tengo dos elementos, así que la pelota entra e
interactúa con el swing, y luego tengo la animación
del swing en sí aquí. Después, seguir adelante. A continuación, tengo el
trampolín de helado, que ya tiene
estas primicias que
rebotan, así que esto sería genial
para que la pelota venga y rebote encima del trampolín
para luego rebotar. Tenemos la línea para tus
ojos y papilas gustativas. Después a continuación tenemos el tobogán. Esto también es realmente genial
porque entonces la pelota podría deslizarse literalmente hacia abajo
y luego deslizarse aquí. Entonces tenemos la línea o una
cocina está en la cancha. Entonces también tenemos
algunas nubes aquí. A lo mejor un hula hoop de algún tipo así que solo voy a
escribir nubes hula hoop, solo para saber si quiero poner más
elementos interesantes aquí. Esta va a ser la bicicleta del grano de
café. Solo estoy aquí
anotando por mí mismo que quiero que las ruedas de la
bicicleta se animen junto con
la pelota que pasa, y luego tenemos
el eslogan de la marca, la primicia de los sueños
servida con imaginación, y luego tenemos otro
tobogán, el tobogán churro. Esta es una parte importante donde voy a decidir cuál va a ser
el outro. Mi última diapositiva va
a ser bienvenida a un destino para tu
mente y apetito. Quiero que la pelota venga
aquí sobre un fondo vacío y límites por última vez y entonces o bien el
logo estaría aquí, listo sin los puntos. Luego viene y literalmente
simplemente vuelve a su lugar aquí y luego este sería
mi último fotograma al final,
o en realidad podría terminarlo de la misma manera que introduje el logo así que todavía tendría que saltarme y las letras de scoop caen de
la pantalla junto con la pelota para que la pelota
salte de nuevo
en la parte superior de la pantalla y las letras
caerían aquí y las letras
caerían aquí
y luego todo se bloquearía de nuevo en su lugar después de saltar
y la pelota rebotando. Solo voy a subirme a su lugar aquí en vez de tener el logo ya estático aquí. Pero, solo voy a dejar
esta opción abierta para mí porque quiero probar esto primero
en after effects
y ver cuál va a tener el
mejor resultado al final, así que eso es solo algo para
tener para mí para ver más tarde . Sólo voy a
anotar esta parte para mí aquí para que
pueda recordarlo. Eso es más o menos
así es como se ve un
storyboard. Es bastante rudo y
sencillo y fácil de hacer. No debería llevar tiempo, es sólo para que te imagines cuál va
a ser
la secuencia de toda la
historia. Recuerda que esto va a hacer tu proceso
sea mucho más fácil más adelante cuando los
lleves a Illustrator e incluso para tenerlo como guía
cuando estés animando, siempre puedes simplemente mirarlo y mira tus anotaciones. Basta con mirar lo que dibujaste y siempre podrás
volver a reeditar, reordenar, lo que
quieras,
súper fácil y simple, no
debería llevarte
mucho tiempo, no dediques
demasiado tiempo a esto. Debería ser un proceso rápido
y fácil, y debería
facilitarte las cosas más adelante. Una vez que estés contento con
el flujo de las cosas y sientas que estás
listo para seguir adelante, el siguiente paso sería
digitalizar cada fotograma así que
tomar lo
que sea que hayas creado
para tu y empieza a ponerla en
Illustrator en cada fotograma aquí y vamos a aprender
en la siguiente lección cómo poner estos elementos en tus archivos de Illustrator para
prepararlo para la animación.
8. Capas en el Illustrator: Cuando estás preparando un archivo
en Illustrator para animar, esencialmente quieres que cada
capa de tu archivo esté en una capa separada porque
esto te
facilitará las cosas para
animar más adelante. Eso es lo que vamos
a estar haciendo esta lección, y solo mirando nuestro
storyboard en forma digital. Lo que me gusta hacer
personalmente es tener cada fotograma como un archivo de
Illustrator separado, como se ve aquí. Después los importaré
individualmente en After Effects, donde luego podrá agruparlos
y compilar composiciones. Llegaremos a eso más tarde. Pero esto es personalmente
lo que me gusta hacer. Si tienes otro método con el
que te sientes cómodo, por todos los medios, adelante. Lo que tengo frente a mí aquí es una mesa
de trabajo de
1,920 por 1,080 píxeles. Este va a ser el tamaño de mi
mesa de trabajo principal en todo momento. Esta es generalmente las dimensiones estándar de entretenimiento
HD, especialmente para pantallas de portátiles. Yo uso esto en
presentaciones y videos y casi cualquier cosa como orientación al
paisaje. He llamado a este archivo Frame 1, y este no va
a ser el primer fotograma según mi guión gráfico. Entonces sólo voy a ir
cronológicamente así. Este es el Marco 2 y
este es el Marco 3, este es el Marco 4. Pero por ejemplo,
en el storyboard, he recargado esta parte en tres
fotogramas diferentes solo
para que sepa cuál va a ser la
animación, pero no necesito
hacer eso aquí. Puedo tener todo esto en una
mesa de trabajo porque voy a separar todos estos
elementos en diferentes capas. No necesito tener
un solo fotograma para cada animación cuando
la primicia de helado está cayendo de la pantalla. No necesito tener eso
como pantalla separada. Sólo puedo tenerlo todo aquí y voy a poder animarlo. En algunos marcos,
básicamente
los habría agrupado en una mesa de trabajo
y otros marcos, van a estar
separados como aquí. Tengo un total de 18
fotogramas
a diferencia del guión gráfico en
papel, lo cual está bien. Esto es algo
que hacemos sobre la marcha, y si necesito agregar algo
más adelante en After Effects, podría hacerlo. Volver a Marco 1. Cualquier cosa que tenga textos aquí, esto solo va
a ser un marcador de posición. Voy a reescribir este
texto en After Effects. Porque si importo esto
a After Effects, After Effects va a leer los textos como una capa de forma, para
lo cual no podremos
animar el texto. Voy a tener que
reescribir esto con
este en After Effects, pero me gusta simplemente
ponerlo aquí por
ahora solo para que sepa el tamaño, cómo se ve
con todo lo demás, qué aspecto tiene como en general. Me gusta tener como marcador de posición
y luego eliminaré esto una vez que lo importemos
en After Effects. Lo que vamos a hacer ahora mismo en esta lección es
que necesitamos colocar todo en
su propia capa separada. Si ves aquí en
tu panel de capas, puedes ir a Ventana y hacer clic en “Capas” si aún
no lo tienes. En mi panel Capas aquí, todo está en una sola capa. Ahora bien, esto es un no-go
en After Effects, no reconocerá
cada elemento individual y es necesario separarlos. Esto también es muy bueno si estás trabajando
con un animador y eres un Illustrator y quieres
enviarles los archivos, ellos te agradecerán por enviar los archivos nombrados y
en capas correctamente. Esto hará que sus
trabajos sean mucho, mucho más fáciles. Si en mi caso eres
el que anima, quieres
hacerte la
vida más fácil, confía en mí. Lo primero que
voy a hacer es súper fácil y apenas lleva tiempo. Lo que quieres hacer
es empezar a cortar todos y cada uno de los elementos de tu mesa de trabajo y
pegarlo en una nueva capa. Yo sólo voy a hacer el Comando X y cortaré el fondo. Entonces voy a bajar aquí y dar clic en “Crear nueva capa”. Voy a tener la
Capa 2 por aquí. Entonces voy a
hacer Shift Command V. Eso es solo que
básicamente voy a pegar en su lugar, y lo he agregado
a una nueva capa. Podría simplemente arrastrar eso
aquí abajo así que el fondo es mi primera capa y
está detrás de todo. Sólo voy a
renombrar este BG. Siempre me gusta nombrar mis capas, aunque sea como mechón
de pelo, número 37. Siempre me gusta nombrar mis capas porque es mucho
más fácil de encontrar más adelante cuando estás animando. No quiero pasar por mil millones
de capas
e intentar averiguar dónde está la estrella o
dónde está el cordones. Yo lo llamaría. Eso es una cosa. Entonces sólo voy a hacer lo
mismo para el resto. Yo solo voy a cortar
esta nube, Comando X,
crear nueva capa, crear nueva capa, Shift Comando V, pegar en su lugar. Voy a ponerle nombre a esta Nube 1. Ahí vamos. Todo se pone en
una capa separada. Solo quiero elogiar
Guardar y guardar eso, y luego pasar
a mi siguiente fotograma. Lo mismo que
hice antes, voy a estar cortando el
fondo en una nueva capa,
cambiándole el nombre y
cortando la nube, y ser muy específico. Voy a llamar a esto
la nube central, al
menos así sé
qué nube es esa. Sólo voy a seguir repitiendo todos estos pasos a lo largo de
todo. Sólo voy a ser
muy minucioso sobre lo que voy a estar estratificando. En lugar de cortar toda
esta escalera, voy a
cortar literalmente cada escalón si elijo animar
cada escalón subiendo por sí solo. Sólo voy a repetir
eso para la mayoría de los fotogramas, y voy a hacer una pausa
entre algunas cosas solo para mostrarte
algunos consejos y trucos. Pero esto es básicamente
justo lo que estamos haciendo. Queremos poner nuestras
ilustraciones o
nuestros marcos en archivos de
Illustrator separados como lo he hecho aquí, y vas a
poner cada elemento dentro de estos archivos
en su propia capa. Eso es más o menos. Solo quería
mostrarte un ejemplo de un archivo que tiene muchas
capas como esta. Puedes ver aquí a la derecha, todas estas como capas de espolvorear desde Sprinkle 1 hasta Sprinkle 27 son estas pequeñas aspersiones
aquí en el helado. Cada uno está en una capa separada. Por supuesto, no
tienes que hacer esto, pero solo te estoy enseñando una idea si quieres animarla. Si quiero que esta
cuchara de helado caiga de la parte superior de la pantalla y luego
todas estas aspersiones vendrían rociando hacia abajo, necesitaría
que estuvieran en capas separadas para poder
caer
ellos individualmente, si quieres, como si realmente estuvieras dejando caer aspersiones
individuales. Es un poco tedioso, pero no lleva
mucho tiempo cortar y pegar en su lugar. Pero es algo
que debes saber si quieres animar a todos y
cada uno. Así es como normalmente
se verá tu panel de capas. Entonces solo separé
todo lo demás, así que la galleta de oblea y las bolas de helado
individualmente, cada estrella individual,
las líneas de giro, la sombra, hasta la cobertura del
helado está separada. Sólo porque esto lo hace más fácil cuando vienes a animar, quieres todo
en un archivo separado, podrás
moverlo de esa manera. Estamos avanzando. Este es el marco para el logotipo. Lo que voy a hacer es que
el logo va a caer como letras individuales desde
la parte superior de la pantalla. Necesito desagrupar mi logo, incluyendo el punto
al principio. Yo sólo voy a hacer
los mismos pasos exactos. He separado cada una de las letras del logo
en una capa separada ahora, tienes el punto aquí y P, líneas
curvas, todas
ellas separadas. También he agregado otra capa aquí del logotipo completo en rojo, pero no se mostrará ahora porque tenemos las letras
encima de ellas. Pero esto es
igual que el logo completo porque después de que
hayan terminado de saltarse, quería volver a iniciar sesión en su lugar, y voy a usar
el logo completo aquí. Entonces también he agregado una versión de fondo
crema, pero también una
versión de fondo rojo porque después de que los registros locales
vuelvan a su lugar, quiero mostrar la versión
en el fondo rojo. Solo tengo estas aquí como
capas debajo de todo, y después de mostrar todo eso
y animar todo eso, luego
cambiaré al fondo
rojo al final. Simplemente es importante
tener estos en capas, y por ahora solo los pongo en
el fondo. Ya terminamos con esta parte. Pasando al siguiente. Estoy bastante acabado aquí. Acabo de separar cada elemento en su propia capa aquí
para cada fotograma, y cuantas más capas hagas, más complicada o probablemente difícil o detallada sería
tu animación. Realmente depende de ti por
lo que estás imaginando para la animación sobre
cuántas capas
quieres separar
porque eso
dictará cuál será la
animación. Algunos marcos no
tienen muchas capas. Solo voy a mezclar
y combinar entre tener animaciones
muy detalladas
y unas bastante simples solo porque
no quiero que sea demasiado exagerada y
demasiado estimulante, me parece que simple las animaciones también
son igual de agradables. Eso es más o menos para configurar tus archivos
en Illustrator. Una vez que tengas tus fotogramas y tu secuencia
de tu guión gráfico, es simplemente súper sencillo
ponerlos en archivos y simplemente ponerlos en capas
como te he mostrado. Ahora, en la siguiente lección, solo
quiero tomarme
un poco de respiro y llevarte a través
de algunos de mis sitios favoritos para escoger la música.
9. Cómo elegir la música: [MÚSICA] Además
de ser diseñadora gráfica también
bailo a un lado. Una de las cosas más
importantes del baile es la musicalidad. Es la armonía del
movimiento con la música. Es golpear esos ritmos
en la melodía exacta. Me gusta pensar en la
animación de la misma manera. Me gusta mover y animar mis elementos
según la música. Por eso
es tan importante escoger las canciones porque voy a estar basando todos mis movimientos
según la canción. No me disgusta
usarlo como música de fondo. De hecho, lo trato como un elemento principal
porque siento que un video de marca es tanto
como una experiencia audible como visual. Ahora, todo debe
ser elegido intencionalmente y emparejado por una razón
específica. Aunque, debo advertirte, esta es la tarea
que más tiempo consume de toda la clase. A veces puede tomar horas y a veces puede llevar días. Pero sí te insto a que te sientes, cojas un par de tus
auriculares favoritos y simplemente te
sientas al reloj en un día
y escuches música. Todo el mundo hace esto de manera diferente. A algunas personas
les gusta animar primero, luego encontrar la música. mí personalmente me gusta
encontrar
primero la música y luego animar
según la música, así que no solo la trato
como música de fondo. contendiente número 1 es Bensound. Me gusta mucho este
sitio web porque aquí tiene música
gratis que
puedes descargar, pero necesitas acreditar
al artista o simplemente escribir bensound.com cuando estés usando la música para cualquiera de los videos de
tu marca. Pero de nuevo, como los derechos de autor
son para todo, si vas a estar
usando esto para un cliente, entonces lo más probable es que tengas que construirles esta
licencia y
estaría bajo su nombre
si estás a estar usándolo para un proyecto
comercial, lo cual es totalmente normal. Puedes descargar esto
gratis sin ninguna marca de agua en el sonido. Pero entonces si un cliente
comprara esta licencia y está bien
para ir, y está aprobada, y va a ser utilizada
comercialmente en una marca, entonces tendrías que
enviarles esta licencia. Pero si solo estás
haciendo un video de marca como práctica para ti
o un proyecto de pasión, esto es técnicamente
lo que me gusta hacer. Aquí sí tienen muy
buena música. Solo necesitas dedicarte un poco de tiempo a encontrar lo que te gusta. También lo que realmente me gusta
es que lo categorizan en estas palabras clave y
estas vibraciones y estados de ánimo. Esto es perfecto
porque entonces puedes referirte a las palabras clave
que tengas de la lección anterior y ver qué categoría se ajusta
mejor a tu marca. Por ejemplo, para mí, para saltar y primicia, lo más probable es que vea música y positivo, inspirador, energizante y feliz, y menos de hip hop, o electrónico, o tranquilo, o cinematográfico o
algo así. Solo necesitas escoger la vibra
que mejor se ajuste a tu marca. Como dije,
solo lleva mucho tiempo así que ten paciencia con esto, invierte en ello,
ponte los auriculares y solo sumérgete
en la música. Siempre que escucho cierta canción, estoy tratando de imaginarla
con mi storyboard para poder ver la secuencia como todo
va a caer en su lugar. Realmente la música dictará
el ritmo de ese video y dónde comenzará todo y dónde terminará todo. Eso es una cosa. Entonces
tienes Purple Planet Music. Tiene el mismo
concepto donde tiene todas estas categorías entre las que
puedes elegir. También es gratis para descargar
sin marcas de agua. Pero nuevamente, deberías
acreditar el sitio web, pero si
lo vas a necesitar para un cliente, entonces probablemente
necesitarías comprar una licencia. Por ejemplo, si voy
a hacer click en un latido aquí, voy a tener un montón
de canciones que suban aquí. Lo que también me gusta es que te
dice los latidos
por minuto para
que sepas que esta es una canción rápida o
una canción lenta o qué tipo
de ritmo quieres. Simplemente puedes descargarlo aquí y se
descargará instantáneamente. O si necesitas
adquirir la licencia, entonces te dirá
qué licencia es cada una,
si es de uso comercial o
si es otra cosa, como para radio o televisión, es otro precio y
luego
lo harías al carrito y le otorgaría una
licencia al cliente para el
que está trabajando. Pero nuevamente, si es solo para ti y es solo
para uso personal, entonces puedes simplemente descargarlo aquí y acreditar el
sitio web si
vas a estar
publicándolo en redes sociales o algo por el estilo. Entonces tienes buen
viejo SoundCloud. SoundCloud también tiene una sección
para música libre de regalías, y también puedes
descargarlas fácilmente, pero debes verificar
debajo de cada artista en cada canción cuáles son
sus términos. Por lo general,
lo tendrás en el pie de foto aquí si tuviera que hacer
clic en esto por ejemplo. El propio artista escribiría esta pista es de
uso gratuito en redes sociales. Cuando me des crédito, solo tienes que copiar y pegar esto a la descripción de
tu contenido y etiquetar mi canal para que
necesiten algún reconocimiento. Simplemente perfecto.
Absolutamente puedes hacer eso. Simplemente puedes descargarla aquí. Me encanta SoundCloud porque tiene menos música genérica
y algo que
sonaría un poco más adaptado a tu marca
y algo que es hecho por alguien
local y no es algo genérico
que normalmente verías. También me gustaría
desplazarme por eso y simplemente mezclar y combinar, mira lo que encuentro. El siguiente es Free Stock Music. Nuevamente, esto es absolutamente
gratuito para descargar. Si hay una canción que
tenga una licencia específica, te dirá
que esta
es música con licencia y tendrías que comprarla. Pero nuevamente, los precios
son súper razonables, si sientes que la
canción es absolutamente la indicada, entonces no
tendrías que pagar en una pierna
y un brazo por eso. Pero aparte de eso, tienen prácticamente música
descargable gratuita en cualquier lugar, y nuevamente, sí tienen
aquí categorías para que
puedas pasar por estas
diferentes categorías. Puedes buscar por estado de ánimo, puedes buscar por longitud, puedes buscar por tempo
y en realidad puedes escribir tus propias palabras clave aquí si
no encuentras nada que te resuene en
la sección de Categoría. También me gusta mucho usar Free
Stock Music. Entonces tienes algo
como Envato Elements, para
lo cual necesitarías una
suscripción, seguro. Pero tan pronto como
tengas una suscripción, definitivamente
puedes
jugar con todos estos echa un vistazo a
sus licencias, por
supuesto primero, pero
son bastante fáciles descargar una vez que
tienes un suscripción. Sí. Entonces eso
también es otra cosa. Ahora Musicbed es más un sitio web profesional
para canciones y música, pero solo tengo que
mostrártelo porque tienen la mejor música que normalmente
verías en películas o anuncios, o algo que esté realmente
diseñado para la marca. También tienen todas
estas categorías. Pero en realidad son muy, muy buenas canciones y
música que vale la pena si
eliges suscribirte. Pero esto es algo
que normalmente harías. Si esto es algo que
haces como un trabajo de tiempo completo
o de tiempo completo entonces definitivamente vale
la pena la inversión. Pero si recién estás empezando y estás empezando a jugar con videos de marca y solo los estás
haciendo por diversión, entonces me quedaría en la sección de sitios web
gratuitos. Entonces otro es
Music Vine. Lo mismo. Solo necesitas
revisar las licencias, pero sí tienen un
montón de música aquí, solo mostrándote
todas las opciones, si acaso aún no encontraste
lo que te está funcionando. Entonces tienes Pixabay. Me encanta Pixabay en general
para fotos y videos, videos stock con música
en el video de mi marca, y lo usé antes en
un video de marca que hice. Tienen toneladas de fotos
y videos que
puedes usar gratis. Super agradable. También tienen una sección de Música. Con todas las categorías, y el movimiento, y los temas,
puedes comprobar todos estos y son gratis. Si hago clic en esta, por
ejemplo, el artista normalmente te diría que uses
la canción para redes sociales, y todo lo que tienes que
hacer es simplemente darles crédito y no
revender y distribuir; solo reglas normales de derechos de autor como probablemente
ya sabrías. Por lo general, si necesito algo
con efectos de sonido, normalmente también
navegaría por estos sitios web
o me dirigía al viejo YouTube y solo escribía efectos de sonido
libres de derechos de autor y solo descargaría
algo fuera de eso. Solo quería mostrarte un
espectro de diferentes sitios. Si eliges usar
los gratuitos y acreditar al artista, o si quieres
invertir en uno de estos sitios web
donde suscribes algo que sea razonable,
algo que sepas, usarás en un mensualmente, si este es tu trabajo o algo en lo que
quieres meterte, entonces por todos los medios,
son increíbles. Solo quería
mostrarte algunos de los sitios que personalmente uso para la música. Normalmente, si
aún estás empezando, vas a
dirigirte a los sitios de música
libres de derechos de autor, igual que yo empecé. Eso es. El proceso es realmente
emocionante a partir de aquí entonces, solo
estás sentado
escuchando música todo el día. Un consejo importante a tener en
cuenta a la hora de elegir las canciones es tener tu storyboard en algún lugar a tu
lado como ayuda visual. Cuando estás
escuchando la canción, si tienes tus marcos
frente a ti,
te ayudará a enlazar
donde te estás imaginando que es
la transición, cómo va a encajar la canción con
los frames que tienes. Incluso puede provocar algunas ideas de
animación para ti. Si estás
escuchando ciertas melodías, puedes hacer el vínculo entre
la melodía y la animación. Nos meteremos en eso más tarde, pero este es un consejo de
punta a tener en cuenta. Ten tu storyboard
frente a ti. Entonces cuando algo haga clic, simplemente descárguelo y nos
vemos en After Effects donde empezaremos a
animar en la siguiente lección.
10. Animación en AE: configuración de archivos: [MÚSICA] En esta lección, vamos a
aprender a configurar nuestro archivo en After Effects, importar nuestros archivos
de Illustrator y también te mostraré
cómo configuré mi canción en After Effects para que esté
lista para la animación. Quieres seguir adelante
y abrir After Effects, y esto es lo que va
a surgir para ti. Entonces quieres ir
a Nuevo Proyecto aquí resaltado en azul y
hacer clic en “Nuevo Proyecto”. Entonces vas a tener
esta ventana por aquí. Queremos seguir adelante y comenzar haciendo clic en
“Nueva composición”, y solo voy a nombrar
mi video de marca de composición, y voy a mantener el
preset tal como está por ahora, y quieres asegurarte de que las dimensiones son equivalentes
al tamaño de tu tablero de arte. tamaño de nuestro tablero de arte era de
1920 píxeles por 1080. Sólo voy a mantener la velocidad de
fotogramas tal como está, 29.97, resolución completa, y
lo que voy a estar cambiando es la duración. Mi duración aquí es de dos
minutos y nueve segundos. Esta es la duración de
la canción que escogí. Ahora claro, el video de la marca no
va a ser tan largo. Definitivamente vamos a
acortarlo y cortarlo. Pero la razón por la que estoy poniendo la duración de la canción
ahora mismo es porque necesito
escuchar la canción completamente y comenzar a diseccionar qué partes van a ser para mi intro, para toda la historia, y que parte voy
a cortar para el outro. Quiero usar el final de la canción y emparejarlo con
el final de mi video, para que no solo
termine abruptamente. Quiero que termine
como la canción termina exactamente para que sea agradable
y suave y tenga sentido. Sólo vamos
a escuchar la canción importada, escucharla y ver dónde
podemos encajar todos los
fotogramas que dibujamos, qué tiene sentido, y luego vamos a
duplicar la canción, cortarla, y unirlo para que
sea solo una versión cohesiva y
más corta de toda
la canción. Si eso tiene sentido, ya lo verás. Yo solo pondría aquí la duración
de toda mi canción, y luego la voy
a acortar más tarde antes de importar mis archivos de
Illustrator. Sólo voy a presionar “Bien”, y verás aquí
que la línea de tiempo es de dos minutos y nueve segundos. Sólo voy a
guardar esto por ahora, video de
marca, y vamos a empezar a
importar nuestra canción. Una forma rápida de hacerlo es
simplemente presionando Comando I, y vas a usar
la canción que elegiste. Escogí esto de Pixabay, y es una
mezcla de piano edificante y justo cuando la escuché, hizo clic con la marca y como quiero que sea la pieza, comienza un poco lento para los primeros ocho o nueve
segundos que acelera, y tiene esta sensación mágica
e infantil, así que pensé que
encajaría mejor con la marca. Sólo voy a hacer clic en “Abrir”, y va a importar
aquí a tus proyectos. Va a estar
aquí abajo en la línea de tiempo, así que toda la canción
está justo aquí. Vamos a escucharlo
juntos y te
voy a mostrar cuando me detenga y cuando
quiera que sean nuestros frames, y eso solo me va a
ayudar más adelante cuando esté importando mis archivos a saber exactamente cuánto tiempo va a tomar cada
fotograma. lo dicta la música. [MÚSICA] Esta primera parte lenta, puedo
imaginar totalmente las frases. Imagina un mundo
sin límites, y este último con una nube, y al menos para abrazar a
tu niño interior. Se trata de los tres primeros fotogramas de donde
va a tener lugar esto. Esto es un total de 13 segundos. Solo necesito asegurarme de que mis tres marcos encajen aquí. Pueden ser iguales o uno puede
ser más largo que el otro. Pero quiero
asegurarme de que mi intro, los tres primeros fotogramas
encajen dentro de esta duración. Entonces aquí mismo, la canción simplemente coge el ritmo
que vas a ver. [MÚSICA] Justo ahí donde la
canción coge el ritmo, aquí es donde quiero que
mi primicia
de helado caiga de lo alto de la pantalla porque es un rápido cambio de ritmo y
se está convirtiendo emocionante, los coberturas están cayendo, bolas de
helado
se están cayendo, cuatro galletas se equilibran una
encima de la otra. Este es el efecto
que quería tener. [MÚSICA] Entonces, pasar a un patio de recreo mágico de
sueños puede comenzar a entrar. [MÚSICA] Ver tiene un ritmo
específico como [inaudible] Estos
ciertos ritmos me
van a ayudar a saber
cuándo cambiar mis fotogramas, así que por cada tono que termine, va a
comenzar
un nuevo frame, si eso hace sentido. No soy
productor musical ni nada, pero así es como
me parece estéticamente agradable y
tiene sentido cuando estás moviendo frame, así que nada se
mueve al azar. Se mueve con el
ritmo de la canción. [MÚSICA] Ya ves como coge ahí. Estoy imaginando esa camioneta [MÚSICA] ahí mismo
en el segundo 28, me estoy imaginando aquí
es donde la pelota comienza a rebotar en
el logo y comienza llevarme a través de esta aventura de
prueba porque las cosas apenas empiezan
a ponerse más aventureras, más dinámicas, y aquí es donde creo que va a entrar la pelota
, así que en el segundo 28. [MÚSICA] La canción simplemente continúa con el
mismo ritmo exacto, que es lo que quiero, así puedo ser capaz de alternar consistentemente entre
ilustración y frase, ilustración y frase, y tiene el mismo tono y ritmo y no demasiado
está cambiando por todas partes. Si solo me desplazo hacia
arriba hasta casi el final, como aquí, por ejemplo, [MÚSICA] ya
ves como de
repente se ralentiza ahora. La
parte de desaceleración va a ser el comienzo de mi outro. Esta podría ser, por ejemplo, la última ilustración, así que esta diapositiva, por ejemplo. Entonces bienvenido a un destino
para mi mente y apetito. [MÚSICA] Entonces aquí podría ser donde la pelota empieza a
rebotar en el último fotograma, [MÚSICA] y ver cómo termina
la canción con
shoo-sh, ese último aliento. Aquí es donde quiero que esté el marco
final de mi logotipo. Aquí va a ser donde
la pelota finalmente regrese como un punto en la parte superior del
ojo para saltar y pala. Es muy importante
imaginar cómo vas
a terminar el video y qué tiene
sentido. [MÚSICA] Sí, creo que eso es perfecto. Lo que quiero hacer es
la mitad de la canción, aquí todo tiene el mismo ritmo [MÚSICA] y simplemente
sigue, sigue adelante,
sigue yendo de la misma manera hasta el final. La parte metálica va a ser
toda mis ilustraciones y mis frases, y sólo va a seguir
cambiando entre eso. Pero no voy
a necesitar usar toda la canción, eso sería demasiado. Sólo voy a usar como
máximo dos o tres segundos por cada ilustración, dos o tres segundos
por cada frase, solo para que pueda leerse
cómodamente. Pero no quiero que se
quede demasiado tiempo. Debido a que la parte metálica es
prácticamente la misma, puedo
cortarla prácticamente en algún momento, como en el último ritmo, por
ejemplo y luego la
vinculamos con el outro. El outro también tiene el mismo ritmo y luego
se ralentiza al final. Antes de que se ralentice, voy a vincularlo con una de las partes medias para que podamos tener una versión más corta de la canción sin que se
detenga abruptamente en el medio. Voy a tratar de que sea una transición sin
fisuras
sin que suene como si alguien la
hubiera cortado en el medio. Sólo voy a tomar otra, volver a
escuchar toda la canción, y realmente parar
a cada segundo para dictar cuánto va a tomar cada
fotograma. Entonces eso me ayudará a decidir
dónde voy a cortar la canción en el medio
para poder comenzar mi outro. Yo sólo voy a seguir
adelante y hacer eso. Tuve una muy buena
escucha de la canción y
otra vez y tenía mi storyboard a
mi lado donde empecé anotar donde va a comenzar cada
fotograma, en qué segundo, y
cuándo va a final. Cuando estoy animando sé
cuánto tiempo
va a tomar cada fotograma, así que sé dónde colocar mis
fotogramas clave y no estoy perdido. Todo esto es guiado por la música. Cuando esté animando,
voy a seguir tocando la
línea de tiempo una y otra vez solo para
asegurarme de que la música comience y se detenga exactamente
donde quiero. Pero para mi caso, la canción era demasiado larga y no
sería capaz de encajar en todos
los fotogramas que tengo. Tuve que cortarlo
y acortarlo de
una manera que se ajuste a mi guión gráfico. Lo que tengo aquí son tres
versiones de la canción, el principio y el medio, que es el trozo más largo aquí. La música outro donde
probablemente tiene las
dos últimas ilustraciones. Después el fotograma final, que tiene el logo final donde vuelve a aparecer
y termina la canción aquí. Cuando estaba escuchando, anoté cuánto tiempo quiero que sea
cada fotograma
según la música. Va todo el camino
hasta los primeros minutos aquí donde
va a venir mi última ilustración. Mi última ilustración es
alrededor del primer minuto. Entonces la frase final de bienvenida a un destino
para tu mente y apetito termina en minutos y
cuatro segundos aquí mismo. Entonces la última parte es
donde el bulto rebota por
última vez y termina con el logo alrededor de un minuto
y nueve segundos. Entonces el resto de los segundos es justo donde la
música se
apaga por completo y termina y
voy a mantener el
encuadre tal como está. Sí, acabo de escuchar
donde está el ritmo final aquí e intenté
separarlo para que haga una
transición sin problemas, así que si tenemos una escucha eso. [MÚSICA] Si escuchaste, acabo de vincular el último ritmo en la primera parte de la canción aquí y la vinculé a la
última parte de la canción aquí cuando empieza a terminar
así que suena igual. Entonces hice lo mismo para la última parte de la canción aquí. La última [MÚSICA] y la acabo de
vincular aquí. Ahí vamos. Por supuesto, no
soy un profesional. Estoy seguro de que
los productores de música por ahí deben estar llorando por
lo que estoy haciendo. Pero estoy tratando de encontrar
la manera más fácil que tenga
sentido para mí y se mezcla
bien con el video de mi marca. Esto es justo lo que me
pareció obras. Yo prácticamente hago esto con
cada video de ejecución que hago. Trato de cortar la canción. y lo encajo en el
storyboard que tengo. De aquí en adelante, estamos listos para comenzar a
importar nuestros archivos. Lo mismo que antes. Vamos a simplemente hacer
clic en importación de comandos. Vamos a ir a
nuestros fotogramas de animación aquí donde guardamos en ilustrador cronológicamente
por números. Sólo vamos a
seleccionar también turno, ir todo el camino hacia abajo
y dejarlos a todos. Entonces vamos a ir
a importar como composición conservar los tamaños de capa, quieres hacer clic en eso
y hacer clic en “Abrir”. Va a importar
todos tus archivos. Entonces quieres ir a la composición de
video de la marca aquí abajo. Ya tiene la composición o la
música pre-comp que tenemos. Sólo queremos
renombrar eso como música. Si haces doble clic en eso, entonces encontrarás la
composición musical que hice. Piense en esto como
una carpeta agrupada en el paraguas principal
de la composición. Nuestro paraguas principal de composición es video de la
marca y en su interior
encontrarás música. Si haces doble clic en la música, aquí
encontrarás los archivos de
música reales. Entonces queremos hacer lo
mismo por los marcos. Quieres hacer clic
en todos los fotogramas y luego simplemente
arrastrarlos a tu línea de tiempo. Entonces cada fotograma es
un grupo por sí solo. Si haces doble clic en Frame-1, vas a encontrar todas
las capas que hemos puesto en Illustrator para que solo
estén agrupadas. Pasando por la animación
real, los
vamos a agrupar aún más, así que no tenemos
un millón de capas. vamos a agrupar
por intro, por ilustraciones, por outro, pero esto es
para una etapa posterior. Entonces lo último
que queremos hacer es reajustar la duración de nuestra
composición, así que voy a ir a ajustes de
composición. Recuerden que fueron dos
minutos y nueve segundos donde originalmente la canción
estaba en su versión más completa. Pero después de cortarlo, sólo
voy a reducir eso a un minuto y 13 segundos. Siempre puedes volver atrás
y editar esta duración. No es gran cosa en absoluto, pero me gusta hacer esto solo para saber dónde
comienza y termina exactamente mi línea de tiempo. Ahí vamos. Si tocas la música ahora, [MÚSICA] va a sonar encima de todo el frame
así que cuando empieces a animar, la música te ayudará a guiarte junto con
las anotaciones que hice, así que estás no se pierde en donde comienza
cada fotograma y
donde termina cada fotograma. Sólo voy a dar click en
“Comando S” y podemos seguir adelante y empezar a
animar la intro.
11. Animación en AE: el marco 1: Entonces en las
próximas lecciones
realmente vamos a
arremangarnos y ponernos a trabajar y voy a mostrarte
un proceso paso a paso de cómo animo el video de la marca
desde cero hasta el final. Ahora, he seccionado
el video de la marca en fotogramas a través de las
próximas lecciones. Cada lección es de 15-20 minutos del
tamaño de un bocado que aborda la
animación de cada fotograma. A lo largo de las lecciones,
vamos a aprender todo
un conjunto de habilidades de
After Effects. Encuentro que la mejor manera de
aprender estas herramientas es aplicarlas
directamente a la práctica. Ahora, tu video animado de
marca
será diferente al
mío pero puedes usar estas herramientas para elevar tus animaciones y
generar algunas ideas. Entonces, sin más preámbulos,
que comience la diversión. Entonces lo primero que voy
a hacer es que voy a cambiar mi resolución de
plena a media o tercera. Porque cuando es de
resolución completa lleva mucho más tiempo renderizarse como esa línea
verde de aquí, y porque tenemos
muchos fotogramas y muchas ilustraciones y muchas
animaciones a punto de suceder, No quiero que After
Effects me atrase. Así que esto solo ayuda a mantener
las cosas más suaves y rápidas. De hecho voy a
hacer esto incluso un cuarto solo para que funcione más rápido. A continuación, quiero
comenzar con el Marco 1. Sólo voy a hacer
doble clic en eso. Lo primero que me estoy dando cuenta
es que mis capas de nubes aquí van a ser
cortadas cuando las mueva. También quiero que estén a plena opacidad y luego bajaré la opacidad en After Effects. Así que una forma de
arreglar eso es simplemente hacer clic en la capa que
necesita ser arreglada
o cualquier capa y
vas a hacer clic en Comando E. Eso es solo la abreviatura de editar
original y se va a abrir la mesa de trabajo que está en
Illustrator cuando haces eso, para que puedas editar cualquier cosa. Así que sólo voy a
arrastrar estas nubes hacia adentro para que estén en la
mesa de trabajo y no se corten, y voy a cambiar
su opacidad a un 100. Yo sólo voy a salvar eso. Entonces si vuelvo a After
Effects, ya está hecho. Entonces las nubes son
nubes llenas ahora y son perfectamente opacidad completa
como yo quería. Entonces eso es lo primero. La segunda cosa
es que recuerden cuando dije que estoy
poniendo el texto como marcador de posición pero en realidad
escribiré el texto real en After Effects para
poder animarlo, de lo contrario, ahora mismo
es solo una capa de forma. Entonces voy a hacer
Capa, Nuevo, Texto. Ahí vas. Entonces es más o menos. Sólo voy a alinear
esto al centro. Ahora puedes eliminar
la capa Illustrator de Imagine a World
Without Boundaries, y te quedas con esto. Esto es importante porque si colapsas Imagina
Límites aquí, y encontrarás que
tiene una opción para animar. Entonces, si haces clic en esa
pequeña flecha blanca, vas a tener
toneladas de opciones aquí para animarla, y esto es realmente genial
solo para agregar algo de sabor a tu animación en lugar si era solo una capa de forma. Entonces nuestra animación
debería terminar justo alrededor del cuarto y medio segundo. Voy a revisar eso
más adelante con la música pero
creo que nuestro
tiempo de corte es 4:23 aquí, pero siempre podemos revisar eso. Así que solo quiero acercar
un poco mi línea de tiempo solo para que este sea mi espacio de trabajo para que no vaya más allá de eso y es
fácil trabajar con él aquí. Entonces, lo primero
que quiero hacer es, realmente
quiero
comenzar la animación con las nubes superpuestas entre
sí aquí, y de hecho quiero
escalarlas un poco para que todo
el fondo sea en realidad blanco y luego se
aleja y las nubes se parte, así entonces puedes leer
lo que está escrito. Escogeré un efecto dramático. Así que simplemente hice clic en mis
dos capas y el atajo S para la escala, y
realmente voy a escalarlos. Sólo voy a hacer click en
mi fotograma clave, tal vez aquí, pueden reducir la escala y
atajo P para posición. Vamos a fijar sus posiciones aquí, y luego cuando lleguen ahí, podremos mover sus posiciones de
nuevo a donde estaban. Para el texto, estoy pensando que quiero agregarle
un efecto de máquina de escribir. Así que sólo voy a ir
a Efectos & Presets aquí y voy a escribir Typewriter, y ese es el efecto
que queremos poner. Así que sólo voy a hacer
doble clic en eso. Eso va a
agregarlo a la capa de texto. Entonces quieres bajar a
Animator, Range Selector, y vas a encontrar
los
fotogramas clave de inicio y fin para el efecto de máquina de
escribir. Entonces al segundo uno
y medio comienza y luego sigue escribiendo y termina
hasta los cuatro segundos. Entonces solo controlas por dónde quieres comenzar y
dónde quieres que termine. Entonces lo que acabo de hacer ahora es jugar con la estrella
amarilla aquí. Lo que quería hacer es simplemente escalar hacia arriba y hacia abajo, hacia arriba y hacia abajo, y rotar un poco por los
pocos segundos en los que aparece, y quería que comenzara como se está escribiendo
la palabra, así que no se muestra en el
comenzando y simplemente comienza cuando se está escribiendo la palabra. Así que simplemente bajé a escala y rotación aquí y estoy
jugando con su escala. Va hacia abajo y hacia arriba, hacia abajo y hacia arriba, hacia abajo hacia arriba, y gira un
círculo completo cada vez. Simplemente súper simple. Sólo voy a repetir
este paso para el resto de las estrellas ya que
se está escribiendo la palabra. Entonces así es como se ven las estrellas. Simplemente súper simple y sutil. Siguiente Quiero animar a
los pájaros de aquí. Así que sólo voy
a agarrarlos a todos, agarrar P, traerlos aquí. Después usando la herramienta de títeres, voy a hacer clic
en la herramienta aquí, y es como un
maestro de marionetas así que tienes que fijar dónde quieres que se mueva
tu títere, si eso tiene sentido. Así que solo voy a
fijar esto en las alas ambos
lados de las
alas aquí y agregar el fondo del ave para que quede
inmovilizado por igual en todas partes. Así que solo voy a
colocar mis pines aquí, y luego voy a
bajar aquí a Puppet, Mesh 1, Deform, y luego tienes Puppet 3,
Cachorro 2 y Puppet 1. Entonces en Puppet 1, vas a encontrar
que
ya hay un fotograma clave insertado ahí
una vez que hicimos clic en él. Lo que quiero hacer aquí es que no
quería aletear las alas. Así que sólo voy a mover
las alas a la mitad, y voy a hacer lo
mismo con Puppet 3. Entonces voy a moverlo de nuevo. Sólo voy a copiar y
pegar el primer fotograma y posiblemente
bajarlo un poco. Entonces, si tocas eso, parece que está
aleteando sus alas aquí. Entonces quiero poner eso en bucle, así que lo que voy a hacer
es ir
al cronómetro donde mi pin de
marioneta se deja caer aquí. Voy a
cubrirlo y en mi teclado
voy a presionar Opción y luego
voy a dar click. Entonces aquí es donde
pones expresiones, y vamos a
llegar a eso en un poco. Pero la primera expresión
que quiero poner es una súper fácil y
solo escribes in loop out. Ya lo tienes en
tu menú desplegable, y haces clic en
él, y sales de él. Esto sólo va a mantener
la expresión que pones. Entonces, cualesquiera que sean los fotogramas clave
que tengas, va a mantenerlo en bucle para
que no tenga que
copiar y pegar todos
los fotogramas clave una y
otra vez. Ahí vas. Todos están aleteando por ahora. Así que acabo de agregar un fotograma
Easy Ease aquí de Animation Keyframe
Assistant, Easy Ease. Simplemente hace que el aleteo
se vea un poco más suave y menos rígido, y eso es todo. Están justo en bucle aquí. En realidad quiero agruparlos. Entonces, cómo lo haces es simplemente hacer
clic derecho y precomponer. Voy a ponerle nombre a esto Birds. Simplemente va a
agruparlo en otra capa. Ahora los tienes
bastante aislados. Así que sólo voy a volver
al marco aquí y ahora puedes mover los pájaros
como una sola capa agrupada. Entonces creo que me gusta su
posición por encima de la frase aquí, y luego se mueven siempre tan
ligeramente justo hacia la derecha. Porque creo que cualquier movimiento largo
o repentino hace que los pájaros se vean
un poco incómodos. Quiero que sea muy soñador y lento para que coincida con la
idea de la música. Hablando de eso, ahora
que lo estoy viendo, creo que las nubes se
mueven demasiado rápido. Entonces creo,
no voy a hacer que se
muevan a través del
marco así. Simplemente es demasiado
rápido para las nubes. Ninguna nube se mueve tan rápido
casi, está en lapso de tiempo. Entonces creo que solo voy
a hacer que se detenga por aquí y tenga un movimiento más lento y donde las nubes se alejen de nuevo. Entonces déjame hacer eso y
ver cómo se ve eso. A mí me gusta mucho más el lento
movimiento de las nubes aquí y creo que ahora necesitamos ajustar donde entra
la máquina de escribir. Ahora que estoy contento con
la animación general, siempre
volveré y
refinaré bits y piezas, pero esto es solo el
esqueleto de la animación. A mí me gusta la velocidad, me gustan los pequeños elementos, cómo todo empieza y termina. Entonces ahora, justo a unos
cuatro segundos y 20, quiero comenzar luego la transición
al siguiente fotograma. Así que nunca me gustó
comenzar el siguiente fotograma solo corta esto y
pasar a eso, tiene
que ser sin fisuras. Si vamos al video de la
marca aquí, vas a
ver que el siguiente fotograma tiene la escalera con la nube. Entonces lo que quiero hacer es, en realidad
quiero que el siguiente fotograma comience realmente
con zoom en rojo. A medida que se acerca, empezaste a notar
que es una escalera. Entonces puedo
volver a acercarme de nuevo y subir por la escalera
y meterme en las nubes. Pero, esa es la transición en la
que estoy pensando. Entonces volviendo al Marco 1, lo que quiero hacer es
empezar a mover las nubes y los textos y los pájaros y todo hacia abajo y
fuera del marco. Entonces lo que queda es
el fondo rojo. Entonces esa será una transición
suave con el siguiente fotograma. Entonces me gusta usar los personajes
lloviendo. Así que sólo tienes que entrar en tus efectos y presets
y escribir. Esta carpeta
va a salir, animar, y vas a encontrar personajes lloviendo. Entonces todas las letras
solo van a llover, porque creo que ese es
el efecto a lo largo todo
el video donde las letras parecen estar
lloviendo desde la pantalla. Yo sólo voy a seguir
adelante y usar eso, hacer doble clic en él. Este es el efecto de
que va a
suceder, baraja las letras y llueve hasta el
fondo de la pantalla. No obstante, podríamos
jugar un poco con él. Sólo voy a dar clic en
Animador 2, Selector de Rango 1. Se pueden ver los fotogramas clave aquí porque es demasiado lento, va a entrar en el tercer fotograma. Voy a necesitarlo para
parar por aquí tal vez. Si bajas aún más, vas a tener efectos y eco viniendo junto con él. Quiero reducir el eco
porque no quiero que estos rastros de las
letras se muestren, solo
quiero que
sea agradable y limpio. Comando S. Vamos a darle una oportunidad a esto con la música para ver cómo se ve
todo. Creo que este fotograma en realidad
puede continuar
hasta el sexto segundo y 22 milisegundos
si escuchas atentamente. Así que
aquí hay una
pequeña y agradable transición antes de que pueda ir
al otro fotograma y todavía
tendremos tiempo suficiente, tenemos unos siete segundos para los otros dos fotogramas hagan la
transición de ahí en adelante. Así que sólo voy a
ajustar la velocidad aquí hasta las 6:22 y ver cómo eso
afecta la lectura de la frase. Ahora, echemos un vistazo a eso. Eso es mucho más cómodo
a mi manera de sentirme. Entonces solo una última cosa
que quiero agregar, y es una capa de cámara, así que esto solo va
a hacer que todo se sienta realmente cinematográfico y moviéndose
en diferentes direcciones. Entonces lo que quiero hacer es, quiero seleccionar todas
mis capas aquí, y voy a hacer clic derecho
y luego hacer clic en capa 3D. Entonces ahora, todas mis
capas son 3D al tener esta caja 3D alrededor de ellas, y esto nos va a
permitir agregar una cámara. Entonces voy a seguir adelante
aquí en la parte superior, y voy a
agregar una capa de cámara. Entonces me gusta usar una cámara
de un nodo, simplemente
es fácil para mí de usar. Yo solo suelo hacer un zoom
in o alejar o mover derecha o a la izquierda con mis capas. Entonces no hago nada loco, pero esto es solo
algo que da un poco extra [inaudible]. Entonces una capa de cámara es súper fácil. También tiene una posición, una orientación, rotación extra, rotación
y, rotación z,
es súper fácil. Da clic en el fotograma clave para
cambiar los valores a
lo que quieras. Quieres ir a la
derecha, quieres
ir a la izquierda,
quieres acercar, y quieres alejar,
totalmente factible desde aquí. Yo sólo voy a seguir
adelante y hacerlas, mostrarte cómo se ve. Así que fijé todos mis fotogramas clave
aquí en el medio en todos los valores solo
para saber que aquí es donde quiero que esté
en su fotograma más completo. He espejado la misma
idea de las nubes aquí solo para
enfatizar realmente ese efecto. Entonces, en la posición aquí,
acerqué a este valor por aquí. Entonces puse un fotograma clave aquí
cuando está súper ampliado. Simplemente se aleja
con las nubes y tiene ese efecto
panorámico realmente agradable, y luego se detiene
aquí en full frame. Entonces cuando las letras
empiezan a caerse, arrastro todo hacia abajo. Mientras lo estoy arrastrando hacia abajo, también
acerqué solo un poco para
tener un poco de efecto así que no es
completamente estático. Cuando lo estoy haciendo zoom hacia abajo, esto solo me va a
ayudar a hacer la transición mi siguiente fotograma cuando estoy
acercando el rojo de la escalera solo para que no
parezca demasiado estático. Ahora veamos cómo se ve
eso en la composición completa. A medida
que el marco se cae, en realidad se caería
en un fondo rojo, no en el
fondo de la reina de aquí. Esto sólo
nos va a dar un efecto de que nos estamos cayendo con la
pantalla si eso tiene sentido. Estoy bastante contento
con el primer fotograma con el ritmo y todo. Siempre y cuando tenga
todo agrupado aquí, siempre
puedo
volver a hacer clic en el Marco 1 y cambiar
cualquier cosa si es necesario.
12. Animación en AE: marco 2-3: Lo primero
que quiero hacer gusta el fotograma anterior así
como quiero
seleccionar todos estos marcos
y convertirlos en capas 3D. Luego agrega una capa de cámara para que
podamos iniciar el fotograma cuando esté completamente acercado a
la letra roja y
luego alejar el zoom. Usando los
fotogramas clave de posición aquí, acerqué el
rojo aquí de la escalera, acerqué todo el camino y
luego seguí alejando, alejando zoom, alejando el zoom
para poder ver la escalera. Después moví la
posición para subir. Sigo la escalera
hasta arriba, y veo la nube, y luego todo el fondo
simplemente se mueve de nuevo hacia abajo, listo para pasar
al siguiente fotograma, que también va a estar
sobre un fondo crema. No va a ser negro.
Eso solo va a ser una agradable transición suave
al siguiente fotograma. Lo único que
quiero hacer ahora es que quiero tipo de espectáculos paso
a paso
para las escaleras, así que no quiero que todos se muestren
a la vez. A medida que me estoy alejando, quiero que el paso azul
muestre primero luego el amarillo luego el rosa luego
el azul y luego la nube. Yo sólo voy a
seguir adelante y hacer eso usando capas de
secuencia y te
voy a mostrar cómo. A medida que me alejo, primero
veo el escalón azul, y luego el
paso amarillo entra aquí. Sólo voy a arrastrar la capa. Simplemente lo
mueves así. Aquí encontrarás dos flechas
y simplemente la moverás hacia donde
quieras que esté el cursor. Yo sólo voy a
seguir adelante y hacer eso por el resto de los pasos. Entonces tan pronto como aparece
la nube, simplemente
quería
flotar en ella se coloca así que no quiero
que se mueva frenéticamente. Yo solo quería flotar de la manera una nube se cierne en su lugar. Simplemente para que no sea tan estático y tampoco es extremadamente
dinámico. Acabo de agregar algunos fotogramas clave de
posición aquí, nada demasiado elegante o avanzado. Yo solo quería un movimiento
sutil para la Nube ya que estoy moviendo
el fondo abajo. Si solo juegas eso. Sí, creo que está bien. Ahora vamos a revisar esto
con la música y cuando el último fotograma y veamos como
ambos transitan bien juntos. Eso funcionó muy bien. Vamos a echarle otro vistazo. Como puedes ver,
cae un poco sobre un fondo rojo, haciendo la transición al
siguiente fotograma y luego el fondo rojo
se aleja de la escalera. Entonces veo los pasos. Entonces entro en la Nube
y luego de aquí, el tercer fotograma
pasaría a un
fondo completamente crema para que
no tengamos esos cortes afilados. Y luego cuando se desvanece
por completo, entonces podemos hacer que el texto
aparezca en el medio. Sigamos adelante y
comencemos en el Frame-3. Solo voy a ir
a mi línea de tiempo general aquí y ver exactamente dónde empieza a
descender
el último fotograma fuera de la pantalla. Creo que empieza
en el noveno segundo aquí y luego empieza
a bajar, abajo, abajo, abajo hasta el décimo segundo,
y décimo milisegundo. Solo necesito esta información para
cronometrar mi transición con el
siguiente fotograma en consecuencia. Creo que cuando la nube
está en esta etapa, así que alrededor de los noveno segundos
y 22 milisegundos, puedo hacer que las nubes
del siguiente cuadro comiencen a moverse
alrededor de ella o al lado de ella, solo para que la transición
sea sin fisuras y las cosas siempre se mueven cuando
vas de cuadro en cuadro. No es como una transición
estática. Creo que
también voy a usar la animación de máquina de escribir
para esto también, solo para que todo sea
consistente en todo momento. No quiero poner en un millón animaciones
diferentes
para cada texto. Quiero que sean consistentes
y cohesivos en todo momento. Creo que solo voy
a hacer eso y también usar los personajes reinantes
para animar esto, solo para que sea consistente
con este primer fotograma. Yo sólo voy a empezar
a los nueve segundos y el milisegundo 15
aquí para empezar a mover mi nube derecha aquí
porque aquí es cuando el cuadro anterior está
justo en el medio aquí. Creo que sería
bueno empezar a mover la Nube a partir de este punto. Estoy pensando que puedo
simplemente moverlo en círculos y ver cómo se ve
eso. Si necesito cambiarlo
de derecha a izquierda, podría hacerlo. Yo solo quiero un
movimiento muy sutil que no sea demasiado, pero aún así lo suficientemente agradable como para hacerme sentir que estoy en el
cielo con nubes moviéndose. Algo en esta
línea para ambas nubes. Acabo de colocar
fotogramas clave de posición para que se
muevan en un movimiento
semicírculo aquí, pero ya veremos cómo va cuando
se pruebe con la música. Por ahora sólo
voy a seguir con
el resto de mis elementos. Voy a hacer lo
mismo que
hicimos para el primer
fotograma con las estrellas. Escalarlos hacia arriba y hacia abajo, hacia arriba y hacia abajo y rotarlos. También agregue el efecto de
animación de máquina de escribir al texto aquí. Ahora solo echemos un
vistazo a todo. Como dije, utilizo la misma técnica de animación
lloviendo como la que usé desde
el primer fotograma, solo desde Efectos y Presets, leyendo personajes y no
olvides cambiar
tu capa de forma de texto a tu capa de forma de texto una capa
de texto real para poder hacerlo. Ahora, lo que quiero hacer
en realidad es probarlo con la música, ver la transición
con el último fotograma, y luego verificar con
la música donde termina
este frame porque
el siguiente es donde la
primicia de helado va a caer con el ritmo de la canción. Necesito asegurarme de que esa sea una transición muy aguda y
suave. Vamos a echarle un vistazo. Fresco. Creo que eso
funcionó para lo mejor. Ahora creo que
lo único que puedo cambiar aquí, porque puedo hacer que la
escalera del cuadro anterior realmente vaya a descender
un poco más despacio. Sólo porque
siento que es un poco demasiado rápido con el
ritmo de la música. Si es un poco más lento, la máquina de escribir aún tendría tiempo
suficiente para aparecer y no se podría
leer la frase. Sólo voy a seguir
adelante y ajustar un poco
ese detalle. Solo muevo el fotograma clave
un poco más lejos solo para hacerlo un poco más lento
y vamos a comprobarlo. Perfecto. Entonces ahora necesito
verificar ¿en qué segundo exactamente entra el siguiente
latido de la caída? Justo ahí, ¿lo oyes? Donde
cae el siguiente instrumento en esto es donde quiero que caiga
mi cucharada de helado. Tendría que mover todo
mi cuadro hacia abajo como el resto de ellos
antes de que este latido baje. veamos, creo que el decimotercer segundo
y el milisegundo 27. Volvamos a Frame-3 y como se está cayendo
esto es cuando quiero que todo
el cuadro
también se mueva hacia abajo. Voy a hacer exactamente lo
mismo que los otros fotogramas exactamente, y voy a seguir adelante
y agregar una capa de cámara. Como en realidad está
descendiendo hacia abajo, así que justo por aquí, voy a cortar mi fondo crema porque el siguiente fotograma también
tendrá un fondo crema. Lo estoy cortando aquí para
que el siguiente fotograma caiga o pase
sin problemas sin cortes raros. vamos a darle un vistazo. Esto sería un fondo
crema vacío y justo cuando los
primeros 10 hits, entonces esta
cucharada de helado va a caer y rodar un
poco alrededor. Sólo voy a presionar “Command
Save” y ya estamos listos para dirigirnos al cuarto
fotograma. [MÚSICA]
13. Animación en AE: marco 4-5: Marco 4. Creo que voy
a iniciar el Frame 4 a los milisegundos 13 y
23 segundos, justo donde las letras están cayendo y las
nubes están cayendo. Aquí es donde
va a caer la cucharada de
helado desde el sentido
contrario. Entonces no quiero que espere hasta que se caigan
todas las letras. Quiero hacerlo
simultáneamente solo para que se sienta como una situación de empujar
y tirar. Sólo voy a hacer
doble clic sobre eso. Voy a alejar por ahora todas las capas innecesarias que no voy a estar
animando en este momento. Mi principal preocupación en este momento
es la primicia de helado, y luego llegaremos a la galleta de
oblea y a
las bolas de servicio suave. Así que igual que hacer a un lado todas estas capas que no
voy a usar por ahora, y luego
volveré a ellas más tarde. Pero esto solo me ayuda a concentrarme y no tener un millón de
capas frente mí que solo me están distrayendo. Entonces lo primero es lo primero, esta es mi primicia de helado aquí mismo. Entonces en el cursor exactamente es cuando quiero que empiece a caer. Entonces voy a tener
esto un poco antes del 13 y 23 segundo
tal vez ahí mismo. Voy a arrastrarlo hacia arriba
fuera de la pantalla. Entonces P por posición, voy a poner eso ahí. Entonces voy a tener una
gota por un segundo tal vez, todo el camino hasta aquí abajo. Fresco. Entonces atajo
R para rotación, también
quería tener
una cierta rotación. Así que sólo voy a ir aquí y hacer clic en mi cronómetro y tener
la rotación a cero aquí. Entonces como aterriza, quería tener un círculo completo. Así que sólo voy a ir a
donde dice cero aquí, cero veces y
voy a decir una vez. Entonces eso significa que va a
girar durante todo un círculo, y solo ver cómo se ve
eso. Así que solo
coloco mis fotogramas clave aquí de donde quiero que comiencen las bolas de
helado. Entonces aquí es donde
van a estar las letras a mitad de camino
por aquí cayendo, y aquí es donde va a entrar
la primicia de
helado y aterrizar aquí. Agregué un fotograma clave de rotación desde donde comienza y luego
donde aterriza en el suelo. Creo que esto podría ser
un poco demasiado lento. Así que podría acelerarlo un poco. Entonces, en lugar de tener
1x, una vez giro, voy a escribir dos, lo
que significa que va a
pasar dos veces en un círculo completo. Creo que cuatro veces es divertido. Creo que a lo mejor se está
cayendo un poco demasiado
lento para mí también, me gustaría que fuera
más de una caída más rápida. Entonces tal vez podría juntar un poco a estos
dos. Algo así. Entonces tal vez podamos
agregarle un rebote para
que no sea tan plano y estático. Entonces me gusta agregar generalmente un
rebote como expresión. Encontré esto en línea, lo voy a vincular
aquí para que lo veas. Puedes encontrar una gran cantidad
de expresiones para después de que los efectos usen en línea. Entonces solo agarro este
y
me ha funcionado y tiene este efecto
rebote. Así que puedes usar eso
si quieres. Así que básicamente solo
copio pegar eso y haciendo clic en Opción. Entonces en mi cronómetro, copio y pega la expresión, y luego puedes
jugar con la
expresión si quieres. Para que puedas jugar
con la decadencia y la frecuencia de
cuánto rebota. Verás mientras
juegas con él, cómo afecta a la animación. Entonces veamos cómo se ve
eso. Ves aquí en el rebote, rebota un poquito
demasiado de lo que me gustaría. Yo sólo quiero que sea un
poco sutil porque ahora mismo parece casi
un trampolín. Yo solo quería
tener un poco de sordo casi como
si tocara al suelo. Entonces solo voy a
jugar con eso,
jugar con los valores aquí en
la expresión hasta que
algo haga clic. Así que estoy bien con esto por ahora. Solo jugaba un poco con los valores aquí y solo quería que tuviera solo
un rebote muy sutil para que no sea completamente estático. Pero puedo volver atrás
y refinarlo más tarde. Yo sólo quiero que se haga la
columna vertebral de este marco. Entonces lo siguiente que
quiero agregar es la sombra. Simplemente lo empujé aquí a lado solo para poder
trabajar en la primicia por ahora. Quiero que la sombra
también entre en juego, pero no teniendo aquí solo estática. Quiero que también se mueva, así que estoy pensando cuando caiga
la pelota, podría ser de cierto tamaño. Se ensancha o se hace más pequeña a medida que la pelota
se acerca al suelo. Así que sólo voy a
jugar con eso y ver cómo se ve eso. Entonces solo jugué con los
valores de escala aquí de la sombra. Lo hice ancho ya que la cucharada de
helado empieza a caer y luego se vuelve cada
vez más estrecha hasta que se vuelve el
ancho de la pala. Entonces ahora,
lo siguiente que quiero hacer es enrollar un poco la cucharada de
helado. Entonces como aterriza en el suelo, solo
quiero que
tenga un poco de rollo, ese rollo de equilibrio. Nada demasiado extravagante, solo unos
pedacitos diminutos para que se sienta más natural y realista. Así que solo usando fotogramas clave de rotación
y fotogramas clave de posición, hice que la cucharada de helado ruede un poco hacia la derecha, luego rodé un poco hacia la izquierda, y luego volví
al medio como si está tratando de
equilibrarse. Quiero que esto siga
en marcha hasta que termine
el marco entonces la galleta de la
oblea baja. Porque normalmente, es un balancín, así que siempre hay que
equilibrar cualquiera de los dos extremos y no me
quedaría en su lugar. Entonces ahí es donde estoy
jugando con eso. Ahora mientras rueda, quiero que la
cobertura del helado empiece a rodar aquí
abajo,
derritiéndose hacia abajo. Entonces esto sucedería en cuanto empiece a rodar hacia un lado, cuanto aterrice. Entonces, déjame ver. Justo ahí. Entonces voy a ir
a la cobertura de helado y hacer clic con el botón derecho en crear, crear formas a partir de Capa Vector. Esto solo va a
crear una forma a partir de mi capa para que pueda
manipularla como quiera. Tendrá ciertos puntos
tangentes aquí que
puedo jalar y ya verán lo que
voy a hacer con él. Entonces lo primero es lo primero, solo
quiero reflejar los fotogramas clave de posición y
rotación como la cucharada de helado
para que ruede con ella. Entonces te voy a mostrar cómo
derrito este helado
desde cero. Entonces solo coloco los fotogramas clave de posición y
rotación y lo
emparejé con donde la pala de helado
para que ruede con él de lado a lado. Ahora lo que queda es que necesitamos enmascarar el camino aquí para que
empiece a derretirse lenta pero seguramente a lo largo del rollo aquí. Entonces voy a ir
a contenidos aquí en el grupo uno, y luego camino. Yo sólo voy a pararme
en el fotograma clave aquí, y voy a decir que
quiero que el helado complete el
proceso de fusión justo por aquí. Entonces sólo voy a
cronometrar esta parte. Después ve al principio y empieza a
jugar con camino. Entonces al hacer clic en esta herramienta de
selección, vas a encontrar
que aquí tiene trazados con herramientas
tangentes como si
estuvieras en Illustrator. Así que solo voy
a subir esto un poco y jugar con ellos. Va a grabar esta fase al principio
y luego se
suavizará por sí sola hasta donde se ve
la fusión original al final. Ahora bien, si le damos una
oportunidad solo para mostrarle, así es como se
vería. Bastante genial, ¿verdad? Entonces solo registra la
ruta que creaste al principio y registra la ruta que creaste al final, y hará el trabajo
para que la animes. Entonces tal vez cuando sale, es la última parada aquí. Puedo jugar con
el camino por última vez, solo para que se vea un poco más
natural cuando se mueve. Entonces, eso es todo. Ahora
alejemos el zoom y veamos cómo se
ve desde el principio. Así que estoy bastante contenta con
cómo se siente esto hasta ahora. Ahora, solo quiero
colapsar estas capas. Así que un atajo rápido para
contraer tus capas sin seleccionar
individualmente cada una de ellas es solo hacer clic fuera, fuera de tus capas
completamente y solo atajo en tu teclado U, y eso es todo. Todo está prácticamente colapsado solo para que pueda
ver todo con claridad. Ahora, recuerda en nuestro archivo de
Illustrator, el archivo que tenía
tantas capas, esto pasa a ser él. Entonces, si recuerdas, tenemos cerca de 27 aspersiones aquí listas
para caer del cielo. Esto en realidad es mucho
más sencillo de lo que piensas. Es solo una tarea tediosa porque hay
que repetir todo
con cada aspersión, pero la animación real
de la misma es súper fácil, nada demasiado duro ni nada. Entonces lo que quiero hacer es que
quiero que las aspersiones reales caigan con la cucharada de
helado del cielo, vamos a tener un efecto mucho
más dramático. Entonces, primero,
déjame acercar las capas de aspersión mucho
más cerca de nuestra línea de tiempo ahora. Así que siempre me gusta empezar
hacia atrás y luego trabajar mi camino
hacia el principio. Así que trabajar mi camino
hacia atrás significa que
quiero poner el fotograma clave en la última parte donde van a aterrizar las
aspersiones. Entonces creo que van a
aterrizar por aquí. Justo ahí. Entonces en realidad quiero
agrupar las asperjadas. Voy a mandar
y luego pegar. Quiero agrupar estas aspersiones, así que esto es como una versión
duplicada de ellas. Entonces voy a
precomponerlas y escribir aspersiones juntas.
Sólopara que lo sepa. Lo que las aspersiones
juntas harán es después de
que cada aspersión individual caiga del cielo, luego
cortaré esas capas. Usando aspersiones para juntar, las agrupadas, esto será mucho
más fácil de enrollar con la cucharada de helado ya que
rueda de lado a lado porque si decido
rodar cada 27 aspersiones, esto va a tomar
horas y horas de fin. Entonces esto es simplemente
algo más fácil. En cuanto aterrice y se quede
ahí puesta por un segundo, esta capa va a entrar, la agrupada, y rodar con la cucharada de
helado. Pero, por ahora,
sólo voy a ocultarlo dando clic en el
ojo de la izquierda. Ahora voy a concentrar
mi energía en dejar caer a cada
individuo espolvoreado sobre la cucharada de helado. Entonces quiero hacer esto al azar. Solo necesitan verse
muy aleatorias como si lo harías cuando dejas caer aspersiones
individuales. Así que sólo voy a
ir aquí a la cima de mi primicia de helado y ver
dónde está el primer fotograma clave. Entonces el primer fotograma clave está aquí, lo que significa que
todas mis
aspersiones también necesitan comenzar desde aquí. Entonces quieres seleccionar todas
tus capas de rociadores
y luego atajo P. Así que esto va a abrir todos los fotogramas clave de posición
en todos los aspersores. Después con presionar Mayús y la flecha hacia arriba
en mi teclado, solo
voy a sacar todos estos
de mi pantalla. Entonces voy a dar click
en cualquier cronómetro aquí. No importa cuál. Va a hacer clic en todos los cronómetros por ti siempre y cuando hayas seleccionado
todas las capas. Esto quiere decir que quiero que las
aspersiones comiencen desde aquí. Entonces si bajo a
mi primicia de helado, aquí es donde aterriza. Entonces aquí es cuando
necesitaría que todas mis aspersiones estuvieran justo en su lugar ahí. Entonces voy a dejar
mi cursor justo en esta parte aquí y
luego dar click hacia fuera. Entonces voy a tomar
cada aspersión individual, así que digamos Espolvorear 1. Voy a tomar Shift y
esta vez la
flecha hacia abajo en mi teclado y
empezar a bajarlo. Eso solo va a
hacer que la aspersión caiga con la cucharada de helado. Entonces voy a
presionar sobre mi capa y atajo R y eso va
a cambiar a rotación. Entonces también quiero que los
aspersores roten. No sólo quiero que
caigan derecho
y eso es todo. Así que solo voy a hacer clic en
mi cronómetro aquí a cero luego justo
donde termina aquí, voy a hacer clic tal vez
en 3x y ver cómo se ve
eso. Eso es exactamente lo
que tenía en mente. Entonces, eso es todo.
Sólovoy a repetir el mismo proceso para todas y
cada una de las aspersiones. Es simplemente súper simple. Sólo vamos
a poner una posición, traerla de arriba a abajo, de arriba a abajo, y jugar con
la rotación aquí. Eso es más o menos. Lo único que voy a
hacer es que no voy a poner cada fotograma clave
exactamente al mismo tiempo o lo contrario vas a
encontrar 27 aspersiones caen exactamente en el mismo segundo
y simplemente se verá raro. Entonces lo que voy
a hacer en realidad es simplemente jugar un poco con
mi cursor. Entonces, por ejemplo, Sprinkle 2
caerá un poco
antes que Sprinkle 1. Sprinkle 7 caerá un
poco antes o después las aspersiones anteriores
para que podamos tener una caída aleatoria básicamente. Así que sólo voy
a seguir adelante y hacer eso y veremos cómo se ve juntos. Entonces echemos un vistazo a cómo se ven
las aspersiones cuando he hecho todos
los fotogramas clave de posición y rotación
para cada uno de ellos. Ahora, he cortado los
fotogramas individuales justo cuando
aterrizan y voy a tomar a
mi jugador de grupo ahora y empezar a moverlo y
rodarlo con la primicia de helado, mismo que hicimos con el topping. Así que acabo de colocar
los fotogramas clave de posición y rotación para las
aspersiones grupales aquí de acuerdo con el movimiento en la primicia de
helado aquí. Entonces vamos a echarle un vistazo. Brillante. Ahora
podemos echarle un vistazo a esto con la música
solo para evaluar cómo se
ve
todo hasta ahora, y ver si necesitamos
hacer algún cambio. Perfecto. Me gusta cómo
fluye todo con la música. Todo tiene un buen ritmo y ritmo para ello. Me gusta cómo la cucharada de helado está rodando de lado a lado con la pequeña melodía como si
estuviera balanceándose
de un lado a otro. Así que me gusta mucho ese pedacito aquí. Genial. Entonces, la siguiente es la galleta de
oblea que va a venir cayendo también y balanceándose encima de
la cucharada de helado. Entonces quiero que la
galleta de oblea caiga de la parte superior de la pantalla apenas un segundo o incluso medio segundo después de que caiga la pala de
helado. Entonces tal vez justo por aquí. Así que sólo voy a
poner mi fotograma clave aquí y tendría que
caer comenzando aquí. Así que sólo voy
a arrastrar esto. Sí, perfecto. Porque en
cuanto se cae, la primicia de helado
empieza a rodar, lo que tendría sentido. Entonces de aquí en adelante, cuanto llegue a
la primicia del helado, necesito que se equilibre
hacia el lado derecho. Así que simplemente la incliné hacia la derecha mientras la cucharada de helado
rueda hacia la derecha. Voy a hacer lo mismo que
los
rollos de primicia de helado a la izquierda otra vez. Entonces vamos a echarle un vistazo. Eso está bien para mí. Ahora lo último son los dos pequeños
helados de servicio suave que
vamos a poner y equilibrar encima de la
galleta de oblea y
también deberían caer en
cuanto la
galleta de la oblea golpea la primicia. Así que acabo de agregar estas bolas de helado de
servicio suave. Tan pronto como cae la
galleta de oblea, caen justo después de ella
y se equilibran y se mueven
con la galleta de oblea. Todos estos son solo fotogramas clave de posición
y rotación, como puedes ver aquí. Entonces solo tengo mis fotogramas clave de
rotación de posición y solo estoy rotando ya que la galleta de oblea va a derecha e izquierda,
derecha e izquierda. Entonces, idealmente, este
frame debería terminar a 18 segundos y 20
milisegundos porque entonces necesitamos hacer la transición
al siguiente fotograma que diga un
patio de juegos mágico de sueños, justo lo suficiente antes de irnos
en la animación del logotipo. Así que volvamos a
escuchar bien con la música, asegurarnos de que todo
esté bien, y seguiremos adelante con el siguiente fotograma. Perfecto. Ahora, creo que la forma en que esto
debería pasar
al siguiente fotograma no es caer
del cielo porque hay un movimiento de
izquierda y derecha. Entonces creo que la transición fuera de esto debería ser la pala de
helado rodando hacia la izquierda o hacia la derecha y
saliendo de la pantalla. Entonces esto es lo último que
voy a hacer antes de dirigirme
al siguiente fotograma. Así que simplemente ajusté
la animación de salida
rodando la
pala de helado hacia la izquierda y simplemente ajustando todo lo demás que la acompaña, así que la galleta de oblea
también rueda hacia la izquierda. El topping, las aspersiones, todo se despliega y luego también
salí de las
nubes a ambos lados. Como último toque, acabo de agregar estas estrellas aquí, solo por un pequeño campo mágico
extra. Acabo de copiar pegado el mismo efecto de
escalado del Marco 3. Así que solo cojo estos
fotogramas clave de la fuente anterior
y solo los copio pegados aquí para no tener que
volver a hacerlos individualmente. Sí, eso es más o menos. Así que vamos a echar
un último vistazo a la música y cómo
todo se junta y luego podemos pasar al Frame 5. Creo que eso es bueno, podemos empezar a animar el Frame 5. Ahora, queremos comenzar el
fotograma Número 5. Entonces, el fotograma número 5 debería
comenzar por aquí, así en los milisegundos 19
y 14 segundos. Sólo voy a hacer
doble clic en eso. Queremos llevar nuestro
cursor a los 19 segundos. Entonces esto también es realmente
simple. Nuevamente, vamos
a hacer la
animación de máquina de escribir para el texto y mover las nubes cada vez
tan ligeramente y simplemente copiar y pegar los mismos
fotogramas clave para las estrellas. Entonces vamos
a cambiar esto
al fondo rojo para que
luego podamos hacer la transición al logo. Entonces eso fue bastante sencillo. Así que recién comencé escribiendo The Magical Playground
of Dreams usando la
animación de la máquina de escribir y copié pegó la escala, los fotogramas clave y los fotogramas clave de opacidad para las tiendas del
fotogramasanteriores. Entonces justo por aquí, acabo de agregar un
fondo rojo encima de él, y luego solo copiar pegó exactamente
el mismo texto, pero lo hice en crema. Eso es más o menos. Entonces acabo de salir de la transición de
texto usando los personajes reinantes
solo para que estemos en consistencia con el
resto de las animaciones. Eso es más o menos. Entonces a partir de este punto, a partir del segundo 22, es cuando el logo
va a
entrar sobre el fondo rojo. A medida que las letras están lloviendo, las letras del
logotipo van a venir lloviendo desde arriba. Entonces así es como me estoy imaginando
la transición que va a suceder. Entonces sí, vamos a echar
un vistazo a todo, una vez más, desde el principio. Siempre me gusta hacer esto porque cuanto más
lo repites y cuanto más lo veas, más notas
algunas fallas en el ritmo o la velocidad o
algo no se siente bien, así que siempre puedes
ir atrás y edita antes de pasar
al siguiente fotograma. Eso es. Así que ahora, estamos listos para
comenzar nuestra animación de logotipos.
14. Animación en AE: logotipo: [MÚSICA] En las
lecciones anteriores trabajamos en los fotogramas del
1 al 5 y ahora podemos comenzar a trabajar
en la animación del logotipo. primero es lo primero,
en realidad quiero ir aquí a mi línea de tiempo aquí y agrupar los primeros tres
fotogramas haciendo
clic con el botón derecho y luego
Pre-componer y luego los
nombraré Introducción. Ahora tengo todo
agrupado aquí y sólo
puedo dar click sobre ellos y luego encontraré los marcos dentro. Esto solo hará las cosas más fáciles y mucho más organizadas. Simplemente me gusta hacer esto en vez de tener un
millón de cuadros aquí. Haremos lo mismo para el logo y luego lo mismo para el outro y solo agruparemos todo para que
tengas menos marcos aquí. Solo quiero darle una escucha la última pero otra vez así sé exactamente donde
va a empezar a entrar mi logo. [MÚSICA] Como las letras están cayendo del
patio mágico de los sueños, ya que literalmente se están
cayendo, quiero que
las letras del logo caigan desde la
dirección opuesta justo así allí hay una
transición sin fisuras. Yo diría que esto
comenzará alrededor del milisegundo 22 y 10
aquí en mi línea de tiempo. Yo solo voy a
ir aquí al Frame-6, haga doble clic sobre eso y tengo mis capas de logo aquí
como ambas versiones, una en el fondo rojo y otra en el fondo verde, eso luego cambiará a
transición al siguiente fotograma. Quiero comenzar con el
fondo rojo porque esto es lo que enlaza con el fotograma anterior. Vamos a empezar justo
aquí donde está mi cursor. Como ya has visto antes, he aislado todas las letras de la palabra marca aquí para que puedan caer individualmente
desde la parte superior de la pantalla. También he añadido el logo completo, por lo que se bloquea de nuevo en su lugar perfectamente y está listo para
cambiar al siguiente. Por ahora sólo voy a esconder
los logotipos completos. Voy a esconder
el logo rojo y el fondo crema por ahora
y los pondré más tarde. Yo solo quiero todo lo
que voy a estar usando ahora mismo frente a mí. Ahí vamos. Si acabamos de
cambiar el ojo aquí encontrarás que todas las letras están completamente separadas. Lo que quiero empezar a hacer
es agarrar todas mis cartas aquí y voy a presionar P para posición. Sólo voy a
arrastrarlos hacia arriba fuera de mi pantalla y voy
a presionar el cronómetro. Entonces quiero ir a
la segunda 22 aquí. Como hicimos con
las chisporrotas de la cucharada de helado en
los fotogramas anteriores, solo
vamos a empezar a soltar
individualmente cada letra
individualmente y
jugar con su dirección y la rotación para que
parezca que se está saltando hasta que todos caigan dispersos en el suelo
y luego
rebotarían nuevo en el logo. Déjame probar una
letra y ver cómo es eso y luego
podemos seguir haciendo el resto. [MÚSICA] Así es como se ve
la S. Simplemente la empujé hacia abajo
hasta la parte inferior de la pantalla y
jugué con su rotación. [MÚSICA] Yo solo
voy a seguir adelante y hacer el resto de
las letras para el logo pero no
voy a hacer que caigan exactamente
en los mismos segundos. El mismo concepto que el topping de helado
quiero que
solo tengan ligeras diferencias para que no caigan todos simultáneamente. Quiero que
caigan una tras
otra casi y se vean
aleatorias y dispersas. Déjame darle una oportunidad y
ver cómo se ve eso. [MÚSICA] En este punto
estoy contento con cómo se siente hasta ahora la introducción de la
animación. Las letras simplemente caen
al azar de la pantalla así. Simplemente usando los fotogramas clave de posición
y rotación y solo
los hice tropezar
uno encima del otro así. También lo estoy emparejando con la música aquí así que vamos
a darle una escucha. [MÚSICA] Esa lata
aquí es cuando el logo se cae
por completo. De veras quiero que haga click
con la música bien. [MÚSICA] Entonces el siguiente paso es que en realidad quiero
que las letras dispersas vuelvan
a caer de
la pantalla y vuelvan subir pero esta vez
cuando vuelvan subir van a
caer en su lugar. Van a caer en la posición correcta del logotipo y también con el
sonido de estaño como guía. Vamos a darle una escucha aquí. [MÚSICA] Esa segunda lata aquí, [MÚSICA] ahí
es cuando va a caer. [MÚSICA] Esas dos últimas melodías, [MÚSICA] ahí es cuando
vamos a encerrarla en
su lugar con el punto en la
parte superior del ojo para
entonces el punto pueda comenzar desde aquí y
comenzar a rebotar. [MÚSICA] Esa gran entrada aquí. [MÚSICA] Ahí
es cuando los puntos se van a convertir en
una pelota y empezar rebotar y luego podemos
pasar a los siguientes fotogramas. Sólo voy a
desplazarme de nuevo por aquí otra vez. Justo alrededor del segundo 24, es cuando todas las
letras deben volver a subir y comenzar a
formular en su lugar. Sólo sigamos adelante y hagamos eso. Solo quiero agrupar aquí mis cartas para poder
moverlas con facilidad. Voy a escribir wordmark. [MÚSICA] Acabo de tomar todas mis cartas aquí y como
que
las arrastré por la pantalla y las
he traído hasta la cima donde
quiero que caigan de nuevo. Esta vez copio y pegué
mi logo completo aquí en crema para que cuando
arrastre individualmente las letras hacia abajo, estoy usando esto como
guía para saber exactamente dónde lo
voy a arrastrar hacia abajo porque entonces cuando encierra en su lugar las letras no están
dispersas por todas partes. Esta vez quiero que
todas las cartas
caigan en el lugar que les corresponde. [MÚSICA] Estoy bastante
contento con cómo resultó
esto al final. Vamos a desplazarnos hacia atrás
por un segundo aquí. Después de que hice caer todas las
letras de la pantalla, como
dije, solo las agrupo a todas
aquí y
las arrastro fuera de la pantalla
hasta arriba. Cuando lleguen a la cima
Solo veamos las P's aquí. Cuando llegan a la
cima solo los arrastre uno por uno a su lugar
aquí y uso el logo aquí, el logo
crema completo, como mi guía, solo para saber exactamente
donde deben caer y luego lo
golpeo al final. Entonces después de todas las
letras caen que tuve y bajaron en el
último segundo. Cuando cae crea un poco de movimiento aquí solo para mantenerlo un
poco más dinámico. Como cae aquí empujo
los fotogramas clave de posición de todas las letras justo afuera un poquito para que se
mueva a medida que el y cae. Entonces de aquí en adelante, si escuchas la música, como dijimos, hay un montón. Sólo vamos a escuchar. [MÚSICA] La primera lata es donde entran
las líneas curvas y la marca TM. Entonces la segunda lata es donde el punto cae desde arriba. Veamos eso otra vez. [MÚSICA] ¿Ves eso? Hagámoslo una
vez más a partir de aquí. [MÚSICA] Me gusta mucho emparejar ciertos movimientos con la música y las melodías aquí, solo hace
mucha diferencia. Eso es más
o menos. Justo aquí el punto de la i
va a empezar a
transformarse en una pelota en un patio de recreo y
va a escalar a
lo grande y va a empezar a
rebotar en el suelo. [MÚSICA] Justo a partir de aquí, y las
letras van a
caerse de nuevo. Eso es. Esta fue una
animación de logotipo bastante fácil, diría yo, solo usando fotogramas clave de posición y rotación de una
manera creativa y solo pedacitos y bobs aquí y allá pero
nada demasiado loco. Es simple
porque tenemos muchas ilustraciones
animadas por
venir así que no quería que la animación del
logo fuera demasiado loca o demasiado exagerada. Si quieres, podemos empezar a
mirar
todo el video de Brown desde arriba solo para recapitular todo y ver
si todo está bien. [MÚSICA] Eso me queda bien. Creo que en este punto estamos
listos para seguir adelante. [MÚSICA]
15. Animación en AE: el marco 7: [ MÚSICA] Ahora en el fotograma 7, queremos hacer
la transición
del logo al punto y se transforma en
una bola que rebota en el suelo y luego
entra en el siguiente fotograma. Déjame llevarte a una aventura
de degustación. Fresco. Ahora, solo quiero que otra
escuche aquí para saber exactamente cuándo debería comenzar a escalar el punto y
transformarlo en una bola, y luego cuándo deberían
caer
las letras de aquí y saber exactamente en
qué punto eso es? Eso es el 27, segundo y el 20 milisegundo. Fresco. Esto significa que
las letras deben caer y salir de la pantalla
justo antes de que llegue esta parte. Yo sólo voy a hacer eso aquí. Voy a abrir mis cartas otra vez e hice clic en
P para el puesto. Justo aquí,
solo voy a hacer clic en mi fotograma clave de posición en todas las letras y simplemente poner ahí
un fotograma clave de posición. Entonces voy a
desplazarme hacia la derecha hasta el segundo 27 y 28 aquí, y comenzar a
arrastrarlos hacia abajo, uno por uno. Ahora veamos cómo se ve
eso. Sí, eso es mucho mejor. Sí, como baja
con la melodía, entonces la pelota caerá. Fresco. Ahora en realidad podemos
empezar en punto. Yo solo tomé una ventaja en
las cosas un poco aquí. Voy a guiarte a
través de lo que hice exactamente y seguir
mostrándote el proceso a lo largo de todo. Esto es solo para ahorrar un poco de tiempo
porque necesitaba
experimentar un poco con las cosas y hacer las cosas
un poco bien, y luego mostrarte la
mejor manera de cómo lo hice. primero es lo primero, no
usé el punto del ojo. Después de todo, creo que será mucho más fácil de manipular usando solo unos círculos blancos irregulares. Esto es justo lo que hice, justo después de que el punto aparece sobre
el logo y los beats empiezan a caer, acabo de agregar
un círculo blanco con un color crema justo encima
del punto del ojo. Entonces las habilidades de punto
en una bola aquí, solo usando el
fotograma clave de escalado aquí. Me moví a su
posición un poco arriba. Entonces la pelota simplemente
cae al suelo aquí. Algo a tener en cuenta, por lo que se ve un
poco más realista. Aquí mismo, la pelota
es un círculo perfecto. Pero a medida que cae, si puedes ver, casi
parece un óvalo. Yo sólo jugaba por
aquí con la escala. Yo desvinculé aquí
las limitaciones de proporción. Lo hice un
poco desproporcional. Parece un óvalo
ya que cae al suelo y luego cuando
llega al suelo,
en realidad
se vuelve un
poco más plano aquí, así que también es un juego de
las restricciones aquí. Simplemente se ve un poco
más natural y contrasta con si fuera
un círculo perfecto, entonces aquí solo se verá
un poco plano. Entonces lo hice rebotar
un poco a lado
según la melodía. Entonces una vez más en el medio. Entonces una vez más
en el lado izquierdo. Acabo de agregar una sombra aquí
que todavía estoy por moverme. Quiero que la sombra se
mueva con la pelota. Simplemente le da un
poco de contexto en lugar de que solo
un círculo blanco salte alrededor de la pantalla y
en realidad parezca una pelota o algún objeto
que esté saltando. Sólo quiero mostrarte
cómo se ve eso con la música y cómo se ve el
flujo hasta ahora. Eso es básicamente lo que hice aquí y traté de hacer rebotar la pelota según la melodía en la música
si escuchas de cerca. Rebota en cada [MÚSICA] voy a intentar hacer eso a
lo largo de todo el video, solo para que se quede lo más nítido
posible. Pero haré lo mejor que pueda. [ MÚSICA] Ahora solo
quiero mover la sombra
aquí que hice. Acabo de dibujar una elipse
regular aquí a partir de la capa nueva capa de forma. Entonces te dará la
opción de ya sea un cuadrado o una elipse o cualquiera
de estas formas. Puedes rellenar con él el color
que quieras. Yo solo quiero mover
la sombra con la pelota solo para que se
mantenga consistente. Después hay un último
latido, los descensos. [ MÚSICA] Este de aquí
a partir del 29 segundo. [ MÚSICA] Este es el ritmo
que hará la transición al siguiente fotograma porque el siguiente fotograma comienza
justo por ahí. [ MÚSICA] Ahí vamos. [ MÚSICA] Estoy imaginando que
la pelota
volará por la pantalla
hacia la siguiente transición. Sigamos adelante y hagamos eso. Veamos cómo se
ve eso con la sombra. [ MÚSICA] Ves lo mucho la sombra marcó la
diferencia aquí, solo le dio un poco de
contexto y tu ojo está entrenando para ver el movimiento cuando ves que
ambos elementos se mueven juntos. También me gusta cómo la sombra
cambia de tamaño aquí, ya que la pelota está más
lejos del suelo y luego se ensancha
un poco cuando la pelota
llega más al suelo. Esto se hace en
trazado de elipse en la capa de forma, lo
puedes encontrar debajo de cualquier jugador de
formas que elijas hacer. Es mucho más fácil de manipular. Por eso me deshago del punto. Simplemente es más fácil de
manipular cuando tienes una forma dentro de los efectos secundarios. Es súper fácil cuando
solo estás jugando con un círculo. Estoy muy contento con
la sombra ahora mismo. Lo que queda por hacer es comenzar a
rebotar la pelota desde este segundo y
pasarla al siguiente fotograma. Sólo quiero
mostrarte algo cuando estás trabajando con caminos. Esta no es la única manera
de manipular un camino. De hecho, puedes dibujar un camino y que un objeto se mueva a su alrededor. Pero te voy a mostrar cómo hacer eso más adelante en un elemento
diferente. Por ahora, solo estoy usando
buenas posiciones antiguas. Pero por ejemplo, no
quiero que la pelota rebote en estas líneas rectas muy
afiladas. Lo que hago es ir a
mi herramienta pluma aquí, y voy a dar click en
la tangente básicamente o los puntos de anclaje en el medio que está uniendo ambas direcciones. Sólo voy a hacer click sobre él. [ EXTRANJEROS] puedes ir a tu herramienta de
selección aquí y tirar un poco de las flechas para ajustar el camino que más te guste. Si quiero que sea más
un semicírculo elaborado, simplemente lo
empujaré hacia arriba o simplemente
puedo hacerlo lo más
simple posible y eso es todo. Entonces solo quería mostrarte esta pequeña parte aquí porque solo
hace la vida más fácil y así es como hice todos
los demás pequeños saltos alrededor del marco. [ ANTECEDENTES]
[ANTECEDENTES] Bien, así que
vamos a repasarlo por un segundo. [ MÚSICA] Ves como esos límites coincide perfectamente con
la melodía [MÚSICA] y también realmente ayuda cuando se transforma la
forma de la pelota así que cambia de forma y simplemente la
hace rebotar mucho aquí que un círculo perfectamente
estático. Acabo de ajustar la sombra
para moverme junto con ella [MÚSICA] y estamos listos para hacer la transición
al siguiente fotograma. [ MÚSICA] Lo que voy a hacer
es porque el siguiente fotograma, el texto acaba de llegar aquí, justo en el otro 10 aquí, realidad
voy a copiar la capa de bola aquí así que
Comando C Comando V, Bola 2 y voy
a cortar la capa aquí de la primera bola
así opción soporte abierto. Eso cortará el
lado derecho de tu capa. De igual manera, quiero cortar el lado izquierdo
de mis capas así que
solo voy a presionar
“Opción cerrar corchete”. Ahí vamos. Voy
a hacer que Ball 2 empiece desde aquí así como si viniera originalmente
del lado izquierdo y aterrizara por la derecha. Sólo voy a hacer clic en
un fotograma clave de posición para eso y mi escala
y mi rotación. Entonces voy a hacer que vuele en uno de los aros de hula aquí. Como estoy trabajando en ello ahora, realidad
estoy pensando solo en el
tiempo sabio y de acuerdo a la música que
tal vez debería traer, déjame llevarte a
una aventura de degustación antes de esta parte. En lugar de que rebotara alrededor
de una pantalla vacía o sólida, hecho
haría que
la máquina de escribir escribiera esa línea y luego cuando rebota y vuela
lejos de la pantalla, caería en
el marco después de eso, que es la ilustración. Creo que
tiene más sentido con la música así que solo me gustaría
probarla si se siente raro, si no se siente bien
podemos simplemente volver siempre
al plan original y esto es lo que me encanta el
más sobre animación. Solo tienes que intentarlo siempre. Se pueden hacer muchos
guiones gráficos. Puedes tener algo
muy específico, al final del
día solo necesitas
hacer lo que mejor se ajuste a la música, lo que se siente bien, lo que va
bien con el flujo y sí, solo editas según eso. Déjame probar este pedacito y ya veremos cómo
se ve. Creo que me gusta mucho esta configuración,
mucho mejor, aquella en la
que escribimos, déjame llevarte a
una aventura de degustación mientras la pelota sigue rebotando, y luego pasa a
la ilustración del swing. Acabo de poner el marco de déjame llevarte a una
aventura de degustación un poco antes, mientras la pelota está rebotando y lo mismo que
viste antes, igual que el efecto
animador de máquina de escribir de la
sección de efectos y presets y eso es todo. Simplemente no hice otra cosa. Lo único que hice fue preparar la
siguiente ilustración medida que la pelota entra en
la siguiente ilustración. Esta vez, porque nuestra
pelota es un jugador de forma, así que coloreé Ball 2 solo para que
sea rojo porque si es verde, entonces obviamente no se
mostraría en el fondo. Sin embargo, lo único que
quiero hacer es empezar a animar
los hula hoops y las estrellas. Las estrellas sólo van a ser la misma técnica
que hicimos antes. Sólo voy a copiar y pegar los fotogramas clave de escalas
en las estrellas. No obstante, para los aros de hula, sí
quiero que giren
alrededor de la frase, así que sigamos
adelante y hagamos eso. Voy a
hacer doble clic en el marco, “Déjame llevarte” y
comencemos con hula hoop 2. Solo voy a
comenzar mi
fotograma clave de posición aquí y luego
solo moverlo de lado a lado. Entonces también voy a agregar un efecto de escala solo para
darle la ilusión que va hacia atrás y adelante otra vez y no
solo de lado a lado. Sólo voy a poner mi báscula
aquí y como va bien, voy a bajar un poco
la báscula , y ahí vamos. Yo solo voy a poner esto
en bucle así que opción haga clic en el cronómetro, escriba loop out. Da click en eso y haz la misma
expresión para la escala. [ MÚSICA] Ahora queremos enmascarar el hula hoop porque en realidad
quiero
que se mueva alrededor de la palabra y
no solo se acueste encima de él. Lo que vamos a hacer es
simplemente comandar pegar y hacer un
duplicado de tu hula hoop, tu primero, el azul. Entonces lo vas a arrastrar hasta el fondo. Entonces quieres ir aquí
a paterno pick látigo, ese pequeño ícono remolino
aquí y quieres ser padre del hula hoop
3 con hula hoop 2. Simplemente haces clic y sigues
presionándolo y luego simplemente
arrastrarlo hasta la capa en la
que quieres
emparejar y solo sueltas. La crianza de los hijos solo significa que
todo
lo que eres padre, va a hacer lo mismo todos los demás elementos que
quieras con la capa padre así que esta es la
capa hija básicamente, y esta es la capa padre y solo va a reflejar todo lo que quieras
con la primera. Esto es realmente beneficioso si
estás animando dedos o manos o un cuerpo u ojos
y solo quieres ser
padre de todo usando el mismo
movimiento con uno de los padres, en lugar de realmente
volver y creando de forma individual todos estos fotogramas clave
desde cero nuevamente. Después de eso lo
hicimos, vamos a seguir adelante y dar
click en nuestro hula hoop 2, y ahora quiero tomar mi herramienta rectángulo así que
solo sigue adelante y da click en eso y solo
voy a dibujar un rectángulo, justo donde surge la frase. Entonces con la herramienta de selección, puedes hacer a un lado la máscara aquí y eso es prácticamente todo. Entonces ahora el hula hoop está
envolviendo una parte de la frase y luego sale
de abajo de aquí. Entonces, vamos a echar un
vistazo a cómo se ve eso. Impresionante. Ahora solo quiero hacer exactamente lo mismo
para el aro amarillo. Yo solo voy a duplicar la capa padre
a la original, eliminar todos los fotogramas clave, y luego agregar una máscara
y ajustar donde
quieras que tu máscara comience y termine. Ahí vas. Así es
como enmascara un objeto. Súper, súper fácil. Ahora, lo que quiero
hacer ahora es
averiguar cómo voy a
introducir los aros de hula en
el marco porque ahora mismo el mensaje simplemente aparece como una máquina de escribir cuando la pelota rebota y luego aparecen los
aros de hula. Ahora necesito
averiguar una manera de cómo
voy a
introducirlos en el marco ya sea que caigan girando desde arriba o vengan de lado, o escalen de muy pequeños a grandes y giren
alrededor de la frase. Ya veremos. Es como pensé. La mejor manera de hacer la transición esto y la transición
en los aros de hula y todo es
hacerlo caer del cielo y no usar
la máquina de escribir, así que acabo de hacer eso con
mis fotogramas clave de posición. Simplemente arrastré el texto desde la parte superior de la
pantalla junto con los aros de hula y luego para salir, solo lo guardé igual. Los textos van a la
derecha y los aros de hula simplemente caen abajo y luego entra en el siguiente fotograma. Encontré que la mejor manera de hacer transición de todo
y las estrellas, solo
usé los mismos fotogramas clave
exactos de los fotogramas anteriores. Yo solo copié
las pegué de aquí y las pegué ahí y
eso es prácticamente todo. Veamos cómo se ve eso
con toda la animación. Sólo voy a traerlo de
vuelta a donde está el logo y ver cómo se ve el flujo en general. [ MÚSICA] Entonces los textos enfatizan la
dirección en la que la pelota va
a llevarte al siguiente fotograma que
viene aquí adelante. Ahora lo único que
quiero hacer es
quizás, tal vez ralentizar un
poco
el texto ya que cae
porque simplemente se siente un poco demasiado rápido para mí
[MÚSICA ] así que veamos qué
podemos hacer al respecto. He ralentizado un poco
la caída del texto aquí, así que vamos a ver
cómo se ve eso. [ MÚSICA] Eso es mucho mejor ahora y ahora es solo
una transición sin fisuras de como si alguien estuviera bajando
una cortina así que el logo simplemente cae y la pelota cae
y luego sigue el texto. No hay pausa ahí, lo que me gusta y es
menos de una caída abrupta, toma un poco su tiempo y aún le pega con la música. [ MÚSICA] Eso es. Ahora ya estamos listos para comenzar a
animar Frame 8 [MÚSICA]
16. Animación en AE: marco 8-9: Para el Frame 8, en realidad
queremos comenzar a
animar estos swing aquí y también rebotar un poco la
pelota hasta que la melodía cambie
para el siguiente fotograma. Yo solo voy a ir a mi ilustración de
swing aquí y ya precompuso
el swing real aquí. Si hacemos doble clic sobre eso, van a encontrar que
agrupo la cuerda derecha, la cuerda izquierda y
el asiento de galleta, solo para que podamos tener toda la
galleta como jugador grupal. Ya precompuso
mi columpio aquí. Acabo de agrupar la cuerda derecha, la cuerda izquierda y
el asiento de galletas, así que es un columpio completo con el que
puedo jugar. Ahora bien, si quiero doblar el
columpio o moverlo alrededor, lo
tengo como una
capa separada por completo. Lo que queremos hacer
aquí es
agregar un efecto CC Bend It
de Effects & Presets aquí. Esto sólo va a doblar
el columpio de derecha a izquierda. En realidad vamos a
bajarlo un poco a
medida que vaya bien. Da la ilusión de
que en realidad va atrás y adelante. Lo
haremos juntos. Justo por aquí, solo quiero hacer doble clic en mi opción “CC
Bend It”. Entonces quiero tomar
este punto aquí mismo, alrededor y arriba y este punto
aquí solo bajarlo y luego voy a
abrir mi capa Swing
y luego colapsar la capa CC Bend It. Aquí es donde quieres
jugar con las cosas en la parte curva. Este es el valor que
vas a estar insertando. Quiero que mi swing en realidad
comience un poco de curva hacia la izquierda así y
solo voy a fotograma clave eso. Entonces voy a desplazarme un poco por mi línea de tiempo aquí, tal vez allá y luego
doblarla hacia la derecha y luego traerla de vuelta aquí
y copiar y pegar ese marco. Entonces voy a agregarle un
bucle así que mantenga la opción, haga clic en el “Cronómetro” y escriba LoopOut y
luego haga clic en “Out”. Entonces, de hecho, quiero agregarle un efecto
Easy Ease, así que Animación, Asistente de
fotogramas clave, Facilidad fácil, solo para que el
swing real sea suave. Veamos cómo se ve eso. A lo mejor podemos acelerarlo
sólo un poquito. Eso es bueno. Ya ves lo suave que
es eso desde el Easy Ease. Ahora en realidad quiero
agregarle un efecto de escala para que tengamos ese movimiento de
ida y vuelta. Sólo voy a
hacer click en “Transformar” aquí y quiero que la escala sea tal vez así al 106 y fotografíala y
luego a medida que retroceda, bajamos el valor así. Entonces simplemente copie y pegue el
primer fotograma clave aquí. Después también agrega un cronómetro, LoopOut y también agrega Easy Ease y luego veamos
cómo se ve eso. Ya ves como el
efecto de escalado nos acaba la
ilusión de que
va de atrás y de frente. Estoy bastante contenta con eso. Ahora lo siguiente
que quiero
hacer es en realidad enmascarar esta
parte de la cuerda izquierda porque está saliendo
de la estructura del columpio y queremos que se detenga ahí. Es exactamente la misma
técnica que hicimos con los aros de hula
y es algo que haces en Photoshop todo el tiempo. Solo voy a
ir aquí a balancearme y agarrar mi herramienta de rectángulo y simplemente dibujar un rectángulo
sobre esa parte. Ahora lo ves enmascaró la parte superior de la cuerda
y no la parte del
swing real así que solo
voy a ir aquí a Máscaras
debajo de mi capa y simplemente dar clic en la
casilla junto a Invertida. Eso es. Ahora si puedes ver la máscara
como el columpio va a la derecha, la máscara va a la izquierda. Es casi como si
estuviera prendido a lugar. En realidad queremos que la
máscara se mueva con nosotros ya que el columpio se balancea
de izquierda a derecha. La forma en que lo hacemos es
simplemente vamos a desplegar
este menú y desplegar
la capa de la máscara y agregar el primer fotograma clave. Solo voy al fotograma clave Expansión de
Máscara y Trayectoria de Máscara. Copie esos y péguelos
en el último fotograma clave porque ahí es cuando
todo se ve bien. Entonces el fotograma clave del medio aquí, cuando el swing va a la derecha, entonces voy a
jugar con él que puedas ir a Expansión de Máscara aquí y puedas reducir el
valor de Expansión de Máscara. Ahora sólo va a enmascarar la parte
superior a partir de aquí. Vamos a darle una oportunidad y
ver cómo se ve eso. Eso es todo para el swing, es tan sencillo como eso. Ahora queremos hacer
lo mismo por la sombra
del columpio así que se
balancea junto con el columpio. Sólo voy a
conseguir mi fotograma clave, tengo mi cursor por aquí. Entonces voy a abrir mi sombra aquí y también
voy a CC Bend It. Yo solo quiero completar también
la linea aqui de la sombra porque se corta aqui asi que solo voy a hacer eso
en el comando E de Illustrator y arregla esa linea para que vaya todo el camino hasta
el final de la estructura así que no tenemos ningún límite. Vuelvo a mi CC Bend It y voy a
jugar con los valores aquí hasta que coincida con el
movimiento del swing. Echemos un vistazo a eso. Perfecto. Ahora la sombra también se
balancea con el columpio. Entonces también quiero copiar y pegar los mismos fotogramas clave de escala para las estrellas aquí así que solo
del fotograma anterior también. Ahí vamos. Las estrellas también están
escalando dentro y fuera. Ahora en realidad queremos volver
al video de la marca y empezar a ver qué
vamos a hacer con el balón y el
cronometraje de todo. Vamos a darle una jugada a eso. Va a terminar alrededor
del segundo 34 aquí. Cuando ese giro, va a ser
donde finalmente la pelota salga de la pantalla
y entre en el siguiente fotograma. El muro viene aquí
al trigésimo segundo. Tenemos alrededor de cuatro segundos
de la pelota rebotando, o mejor dicho tres segundos y el cuarto
rebotará. La primera vez que
rebota será aquí, allá en el 31º segundo. Eso significa que tenemos
cerca de tres rebotes antes de que tenga que volver a
rebotar. Sólo sigamos adelante y hagamos eso. Simplemente usé exactamente lo
mismo que el marco antes
al mover la pelota. Simplemente coloqué los fotogramas clave de
rotación de posición aquí y luego hice
clic en mi pluma para hacer el camino curvo y
no líneas rectas. Simplemente seguí tocando
mucho con ella aquí solo para que coincida con la música porque creo que va a hacer que sea mucho más agradable de ver y sentir. Echémosle un vistazo con la música. Aquí esa fue la idea de
hacer rebotar la pelota con cada golpe de la melodía solo para que tus ojos
y tus oídos estén teniendo el mismo
movimiento en tu mente. El columpio simplemente se balancea
en el fondo. En este punto, la pelota entrará en el
siguiente fotograma y haremos otra capa
para que la pelota llegue volando desde la izquierda
como hicimos la última vez. Cada vez que la pelota
rebotaba en el suelo, notarás que aquí la
hice más halagada solo para enfatizar más el efecto
rebote. A medida que sube al aire, lo
hice un poco
más estrecho solo para dar la sensación de que
es más hinchable. Ahora bien, lo único que
quiero agregar aquí es la sombra en el suelo sólo para darle un
poco de contexto. Como vimos anteriormente, sí
lo hace
parecer un poco más dimensional y menos plano. Yo sólo voy a seguir
adelante y hacer eso y estaremos listos
para entrar en el Marco 9. Eso es. Yo solo muevo la sombra con
el mismo movimiento de la pelota. Disminuí su
tamaño de escala justo de acuerdo a cuando la pelota estaba más arriba y cuando estaba
más cerca del suelo. Echemos un vistazo a eso. Creo que estamos listos para
pasar al Marco 9. Ahora queremos comenzar a
entrar en el Marco 9, que es este de aquí. Es solo un
marco de texto simple, nada para ello. Sólo vamos a hacer que
la pelota entre la izquierda y seguir
rebotando en el suelo, como hicimos en todos los
demás fotogramas según la música y luego salir cuando la melodía golpee
para el siguiente marco. Solo
escuchemos para ver exactamente cuándo vamos a
entrar en el siguiente fotograma. Vamos a entrar alrededor
del segundo 34 y 10. El balón va a
comenzar a rebotar
al segundo 36 y salir
para ir al siguiente marco. Sólo voy a traer
mi cursor aquí arriba. Voy a nombrar este marco de sabores
únicos y
hacer doble clic sobre él. Creo que para este marco, solo
voy a
hacer algo súper simple como el efecto
máquina de escribir y luego la frase puede moverse fuera de la pantalla hacia la derecha junto
con la pelota. Sólo voy a convertir esta
capa en una capa de texto. Simplemente se verá
algo así. Ahora solo me gustaría
volver a mi línea de tiempo principal aquí y escribir como la bola
sale del marco aquí, quiero agregar una capa de cámara a esta capa de aquí,
la ilustración del swing. Yo sólo voy a ir a mi caja
3D aquí y darle click. Entonces voy a agregar una capa de
cámara encima de ella. Entonces a medida que
la pelota se acerca al final de la pantalla, quiero alejar todo
el columpio
fuera del marco. Veamos cómo se ve eso. Ahora solo los empujan juntos
afuera. Entonces justo en este segundo, aquí es donde quiero que
entre mi próxima pelota. Sólo voy a
copiar mi pelota otra vez. Algo que quiero
hacer aquí es porque la melodía sigue siendo la
misma en cada fotograma,
este, de hecho puedo usar
los fotogramas clave
del último camino de bola, los fotogramas clave
del último camino de bola lo que significa que solo puedo copiar
estos fotogramas clave aquí. Aquí los voy a pegar
en mi tercera bola. Pero sólo voy a
jugar con ellos para no tener que volver a empezar
de cero. Solo puedo usar
exactamente los mismos fotogramas clave porque es la misma melodía, así que sí tiene el
mismo movimiento de rebote con el tiempo casi, pero solo voy
a ajustarlo solo un poquito así se ajusta a
esta parte de la canción. Sólo voy a pegar
mis fotogramas clave aquí mismo. Voy a ajustarlos consecuencia de acuerdo
a la música. Eso fue bastante
fácil después de copiar pegó los fotogramas clave
de la bola anterior, y
los ajusté un
poquito solo para ir con esta
melodía en el fotograma. Fue mucho más fácil. No tuve que hacer
esto desde cero y eso es todo el mismo ritmo. Me gusta que sea un
poco consistente. El rebote es lo mismo. Vamos a darle una escucha a eso. Más o menos eso. Acabo de jugar
con la posición
del texto aquí solo para moverme ligeramente hacia la izquierda como preparación. Después se mueve hacia la
derecha con la pelota y sale de la pantalla
para el siguiente fotograma. También copié y pegué
la sombra desde el último fotograma y
ajusté en consecuencia solo para darle alguna dimensión
a la pelota también. Solo echemos
otra mirada a eso. Fresco. En este punto estamos listos
para dirigirnos al Marco 10.
17. Animación en AE: marco 10-11: Marco 10 aquí está nuestro trampolín. Comienza alrededor del segundo 36
y 25 aquí, y termina en el segundo 41, así que justo en los últimos 10 aquí. Lo que quiero hacer
primero es doble clic en mi marco de
trampolín aquí, y lo que queremos hacer ahora antes de volver a entrar en
la pelota es que realmente queremos hacer estos helados las primicias
rebotan en el trampolín. Ya dibujé aquí un bolsillo en el trampolín en Illustrator
que voy a usar igual de impulso para demostrar que realidad
están saltando sobre él. Voy a empezar con esta primicia de
helado de aquí primero. Esta es una cucharada de helado a la derecha. Aquí vamos. También
tiene coberturas en ella que voy a
hacer saltar con ella. Empecemos con eso. Comienza por aquí. Acabo de agregar aquí mis fotogramas clave de
posición para que la cucharada de helado rebote
hacia abajo, luego hacia arriba de nuevo, y puse
una expresión de bucle. Veamos cómo se ve eso. Eso está bien para mí. A continuación, lo que queremos hacer es en realidad cuando rebota hacia abajo, necesitamos enmascararlo para que
parezca que en realidad está rebotando en la
parte interna del trampolín y no fuera de él así. Sólo vamos a hacer el mismo método que hicimos cuando
enmascaramos nuestras cuerdas oscilantes. Solo voy a hacer click
en eso, mi capa, pero en vez de usar
el rectángulo, voy a
necesitar dibujar mi máscara con mi herramienta pluma. Después ve a “Máscaras”
y dale a “Invertir”. Ahora, en realidad
parece que está rebotando dentro del trampolín. A pesar de que mi máscara cubre esta parte de la
pala de helado de la manera que quiero, el problema con la máscara
es que permanecerá en su lugar cuando la
esté moviendo boca abajo y cortará la
parte de la primicia . Lo que queremos hacer en realidad es
jugar por aquí con camino de la máscara y la expansión de la máscara, y eso me va a ayudar a
mover mi máscara cuando suba y luego bajarla a
su lugar cuando baje. Solo voy a fotogramas clave
mi ruta de máscara aquí mismo, porque esa es la forma en la que
quiero que se quede. Entonces, cuando sube, en realidad
puedes
manipular
la forma de la máscara como quieras. Es solo una capa de forma
con puntos de anclaje y puedes simplemente tirarla hacia abajo, manipular su
forma como quisieras. Algo así. Ya ves como la forma de la máscara se transforma en cualquier
forma en la que la manipules. Echemos un vistazo a
cómo se ve eso. Bien, genial. Ahora, lo siguiente que quiero hacer es en realidad empezar a mover este bolsillo que
va a acentuar el rebote de la cucharada de
helado. Lo he llamado aquí “
Bounce-Pocket”. Quiero crear una capa de
forma a partir de ella. “Crear”, “Crear formas
a partir de la capa vectorial”, y eso solo me va a ayudar a manipular mejor el
movimiento de la misma. Aquí
empieza a rebotar la primera primicia de helado. Voy a ir a mi
nueva capa de forma aquí. De hecho voy a
sacarlo a colación sólo un poquito. Entonces cuando la pelota
rebota de nuevo, cuanto se levante, quiero que el bolsillo vuelva
a entrar. Eso es. Ese es el movimiento
que quiero básicamente. Sólo voy a
seguir copiando y pegando los fotogramas clave aquí hasta que
consiga el rebote que quiero. Alejemos el zoom y veamos
cómo se ve eso. Solo quiero agregar algunos fotogramas clave
easy easy solo para mantener las cosas
súper suaves. Ahí vamos. Mi pequeña cucharada de
helado que rebota. Ahora, solo quiero mover
estas líneas blancas curvas junto con el movimiento
de la cucharada de helado, solo para acentuar el movimiento y hacerlo parecer más elaborado. Simplemente seguí adelante
aquí y animé también
la primicia
de helado de la izquierda, y solo cambié un poco la rotación del trampolín, y así es como se ve. Ambos están rebotando
en el trampolín ahora. Entonces como transición, simplemente
tiré de
todo el trampolín hacia abajo, así, solo usando fotogramas clave de
posición. Se puede ver también animé
las pequeñas aspersiones en las bolas de helado también. Abajo vamos. Si lo vemos con el video de la
marca y la música, así es como se vería. A las últimas 10, aquí es donde se baja el
trampolín. Ahora bien, lo que queda es
animar realmente la pelota aquí, entrando de nuevo por la izquierda. Esta vez voy a probarlo tal vez rebotarlo en
el trampolín, o si lo encuentro demasiado, entonces podría simplemente rebotarlo en el suelo y
copiarlo y pegar los mismos fotogramas clave que los antes. Bien, entonces después de
mucha experimentación, descubrí que la
pelota que rebota en el trampolín es la mejor
solución para ese cuadro, pero reduje el
tamaño de la pelota que no pueda eclipsar
el helado recoge y se ve como una bola pequeña
real en trampolín y
luego crece hasta su tamaño original. Veamos cómo se ve eso. Como puedes ver, la pelota está aterrizando en
el trampolín con las bolas de helado
y solo está rebotando un poco
en el trampolín, misma técnica de siempre, y luego al final melodía , salta del trampolín
al suelo y se desvía
al siguiente fotograma. Acabo de agregar la sombra roja aquí otra vez cuando la pelota
está en el aire, y otra vez aquí y fuera, sólo para darle un
poco de contexto otra vez. Sólo vamos a echar una mirada más. Al final del video, solo
voy a
regresar y refinar todos
estos pequeños movimientos
picantes,
asegurarme de que todo esté limpio,
nada es entrecortado que todo esté limpio,
nada es o
raro en movimiento, pero yo creo que estoy contento
con cómo es esto y esto busca para este marco, y estamos listos para
pasar al Marco 11. entrar en Frame 11, es el siguiente marco de texto que dice para tus ojos
y papilas gustativas. Yo solo quiero que este marco
sea súper simple. Yo sólo voy a ir a ello aquí. Ya cambié la capa de forma de
Illustrator a una capa de texto para que luego podamos agregarle un efecto de máquina de
escribir. Yo sólo voy a
seguir adelante y hacer eso primero. Simplemente algo así. Entonces quiero volver
al video de mi marca y solo ver a qué hora se supone
que debe
dejar el encuadre. Vamos a checar aquí. Alrededor del 43º segundo aquí. Yo solo voy a regresar
y quiero agregar un
fotograma clave de posición al texto, solo
voy a hacer que
vaya una preparación a la izquierda y luego simplemente lo balancee
por la derecha porque cuando copiamos la pelota
eso es rebotando, la pelota va a rebotar todo el camino hacia la derecha otra vez, así que quiero que la capa de texto se mueva con la misma
dirección de la pelota. Simplemente se ve algo
así y luego se apaga. Vamos a comprobarlo otra vez
con la música. A lo mejor es sólo un
poquito más rápido aquí. Eso es bueno. Ahora, lo siguiente
que quiero hacer es simplemente copiar y pegar los
fotogramas clave para las estrellas
del fotograma anterior para que
sigan escalando hacia arriba y hacia abajo y desaparezcan
al final del fotograma. Sólo voy a
ir a cualquier fotograma que tenga que tenga las estrellas, y voy a copiar y pegar
eso en mi marco aquí. Ahí vamos. Las estrellas también están animadas y desaparecen a medida que el
texto se mueve hacia la derecha. Lo que queda es copiar realmente la pelota rebotando
de otro cuadro, es el mismo
ritmo exacto que muchos de los otros fotogramas, solo
voy a
copiar-pegar eso y hacer que rebote en el
suelo con la sombra, y solo asegúrate de que
la pelota esté roja aquí, y eso es todo, estamos listos para pasar
al siguiente fotograma. Eso fue súper
fácil copiar-pegar los fotogramas clave en
este fotograma aquí, y coincide perfectamente con el
ritmo, así
que vamos a darle una escucha. Muy bien, genial. Ahora, podemos pasar al Marco 12.
18. Animación en AE: marco 12-13: Aquí es donde lo dejamos. Este es nuestro siguiente fotograma que se animará, la diapositiva del
batido. Para la diapositiva del batido, me estoy imaginando una animación
un poco diferente a la del resto de ellos. Quiero que sea relevante
para cada ilustración y eso es lo que va a
hacer que el video de la marca sea único. Para esta animación, estoy
pensando en incluir algún tipo de
líquido de batido que se vierte desde la parte superior de la pantalla. Luego deslizándose por la diapositiva aquí hasta el final y
luego entrando en la nube, y luego saliendo de la pantalla dejando caer todo o moviendo
tu cámara abajo. Esta vez, la pelota
entraría y rebotaría. Pero tal vez quizás también se
deslice por el tobogán
junto con el líquido. Ya veremos cómo se desarrolla eso. Pero por ahora, sí quiero
sacar el líquido y ver cómo se
ve y ponerlo en marcha. Cómo planeo
hacerlo es en realidad crear una nueva capa de forma. Entonces usando mi herramienta pluma
y un trazo esta vez, voy a dibujar solo
una línea blanca recta desde arriba así. Voy a
llamarlo vertido líquido. Sólo para saber cuál es. Yo sólo quiero arrastrarlo
debajo de mi pajita aquí. Entonces, si haces clic hacia abajo en el menú desplegable
y en la forma del contenido, ve a trazo, encontrarás
una opción que dice onda. Quieres hacer clic en eso. Aquí te va a conseguir
diferentes valores de onda. Se puede cambiar la cantidad, se
puede cambiar la longitud de onda,
es decir, cuántas ondas hay en la línea, y la fase. Esto va a ser genial para mostrar un efecto de
vertido de líquido. Solo quiero tomar mi
cursor justo por aquí, y quiero cambiar
el valor de la cantidad. Ya ves lo que pasa
ahora con el trazo, acaba de convertirse en un tipo de situación de
onda líquida fría. Entonces también puedes jugar
con la longitud de onda aquí. Si solo menciono este, entonces la cantidad de
olas disminuirá. Si lo derribo, la cantidad de olas
aumentará. Yo sólo quiero que sea lo más
natural posible, así que sólo voy a hacer que sea lo
más pequeñas olas posible. Solo quiere fotogramas clave de estos
dos valores aquí. Entonces quieres
bajar
un poco el cursor por la línea de tiempo. Tal vez pueda aumentar
un poco
la longitud de onda ya que el líquido
empieza a verterse más. Entonces hacia el
final del marco, tal vez pueda
bajarlo así. Veamos cómo se ve eso. Fresco. Siempre que estés satisfecho
con la situación de las olas aquí, puedes seguir adelante y crear caminos de
recorte para tu trazo. Queremos que nuestro trazo realmente
comience desde la parte superior de la pantalla y lo vea
como el líquido se derrama. Vas a ir a Agregar aquí y dar clic en el botón “Reproducir”, y luego hacer clic en “Recortar rutas”. Luego abra Trayectorias de recorte. Al principio,
quería comenzar en cero. Sólo voy a fotograma clave para eso. Entonces, un poco abajo de
mi línea de tiempo aquí, puedo presionar un 100 por ciento. Eso significa que solo se va
a verter de arriba a abajo. Entonces, en realidad queremos cambiar el tope del trazo aquí
porque es muy agudo. Quiero que se vea un
poco más liquida. Puedes ir a Trazo nuevamente, y luego ir a Tapa de Línea, y hacer clic en el
menú desplegable y elegir Tapa Redonda. Para que en realidad se vea
como un trazo aquí. Si quieres, también hay una opción de
cono donde puedes estrechar los extremos
del trazo aquí. Puede ser tan puntiaguda
como quieras que sea, o tan burbujeante como
quieras que sea. Fresco. Acabo de agregar el efecto de otro camino de
recorte aquí ya que el marco termina para
retirar el líquido nuevamente. Lo siguiente que
quiero hacer es en realidad
quiero sacar el líquido que va por el tobogán
aquí y aquí también. Voy a ir
aquí y dar clic en Capa Nueva, Forma Capa. Quiero sacar mi
líquido tan pronto
como el líquido vertiente
llegue a la diapositiva de aquí. Esta vez no
voy a usar un trazo, voy a usar un color de
relleno en blanco. Voy a tomar
mi herramienta de pluma aquí, y voy a empezar a dibujar el líquido real con
mi herramienta de pluma que
quiero deslizar en esta
parte de la diapositiva. Así es como se ve. Entonces vamos a
ir a Contenidos aquí. Lo mismo que hicimos antes con el topping de
helado, es que vamos a
manipular el camino y After Effects va a animar
para nosotros esa manipulación. Digamos que quiero que el
líquido se vierta desde aquí. Lo que significa justo en el segundo, aquí es donde
va a empezar a verterse el líquido. Entonces si solo me
desplazo un poco, voy a decir que
aquí es donde quiero el líquido llene
esta parte de la diapositiva. Sólo voy a
fotogramas clave mi camino aquí, así no pierdo la forma. Entonces quiero
volver justo donde la parte líquida golpea la
primera entrada del tobogán. Voy a empezar a cambiar
la forma de mi líquido aquí y manipular la
forma hasta aquí arriba, así que cuando se anima, parece que en realidad está
vertiendo por el tobogán. Veamos cómo se ve eso. Así es como se ve después de que manipulé el camino aquí. Simplemente parece que el
líquido se está deslizando hacia abajo. Siempre puedes retroceder y
manipular estas formas. Son súper fáciles de simplemente
tirar alrededor de los
puntos de anclaje hasta que se vea como
algo que quieres. Siempre empieza por el fotograma clave de
la forma final en la que
querías moverte para que no
pierdas esa forma. Entonces comienza hacia atrás, y luego vuelve a trabajar hacia arriba hasta que la forma sea lo
más pequeña
posible, así que After Effects sabe que
quieres animarla
de esto a aquello. Fresco. Ahora, queremos también hacerle lo mismo a
esta parte de aquí mismo. A medida que el líquido
se desliza por el portaobjetos, quería que apareciera por
última vez aquí. Vamos a seguir adelante
y hacerlo rápido. Solo echemos un vistazo a eso. Acabo de hacer exactamente la misma
técnica que el líquido anterior. Simplemente dibuja, moldea, manipula su trazado,
coloca fotogramas clave. Súper fácil. Solo echemos un
vistazo a cómo se
ve eso con la música
y todo. Eso funciona. La velocidad es divertida. Ahora podemos empezar a animar la paja y también a
mover estos pedacitos y bobs de agua y salpicaduras de
batido también. Quiero que la parte superior de la
pajita aquí, esta parte superior, se mueva un poco
hacia arriba y
hacia abajo como si en realidad bebiendo del mágico
tobogán de batidos. Sólo voy a recuperar
mi cursor aquí un poco hasta que realmente se
derrama aquí abajo. Voy a empezar quizás
cambiando un poco
mi parte superior de paja. Voy a fotograma clave para eso. Quiero tomar el resto
de la pajita aquí y moverlo un
poco hacia arriba y fotograma clave eso. Entonces antes, voy a volver a poner la
rotación a cero aquí, y también fijar la posición
del resto de la pajita. Yo sólo voy a agregar
un bucle a eso aquí. Fresco. Así es como se ve la
pajita. Solo voy a agregar fotogramas clave
easy easy aquí. Dale otra oportunidad. Genial. Comando S eso. Yo sólo voy a
colapsar mis capas aquí. Ahora como el líquido
se está vertiendo, también
quiero que la paja caiga de la
pantalla también. Yo solo quiero agrupar
mis partes de paja aquí. Haga clic derecho en Pre-componer,
llámalo paja. Entonces quiero tomar
mi posición keyframe aquí y keyframe allá. Entonces al inicio
de la ilustración, voy a llevarla
hasta la cima. Entonces quiero agregarle una expresión de
rebote, justo la que te
mostré antes. Copia y pega eso en
mis expresiones aquí. mejor sólo
voy a disminuir un poco
el rebote a ello. Eso es mejor. Echemos un vistazo a
eso con la música. Ahora, es el momento de
animar estos
pedacitos y bobs y gotas de agua y
gotas de batido y las estrellas y
todo lo demás que
acompaña a la animación de diapositivas. Esto va
a ser muy sencillo, nada demasiado loco aquí. Quiero ir a mi
primera entrega por aquí. Lo que quería que
hiciera es en cuanto el líquido golpee el tobogán, solo
quería que
saltara y rebotara afuera a la izquierda aquí
y desapareciera más tarde. Esto solo va a
estar usando mis fotogramas clave de posición, rotación y opacidad. Nada demasiado loco aquí. Yo sólo quiero
rotarlo un poco. Así es como quiero
que se vea. Aquí es solo un chorrito de
agua fuera de impacto. Simplemente desaparece en
una opacidad del 0 por ciento, y eso es prácticamente todo. Sólo voy a
repetir este paso por todas las pequeñas gotas
aquí en cuanto el líquido pase por ellas. Entonces los tendré
como rebotar a cada lado solo para
agregar un poco de efecto cómico
hinchable a la diapositiva. También voy a copiar y pegar los mismos fotogramas clave para las estrellas aquí y mover las nubes un poco
alrededor. Terminaremos con
la animación de diapositivas. hay un par de cosas Aquíhay un par de cosasque quiero mostrarles. Primero, animé estas gotas de agua y
las gotas rosadas aquí, simplemente rebotando afuera
en cualquiera de los extremos, si miras de cerca. Está destinado a ser rápido
tal como
lo es un chorrito de agua, solo agrega un poco de sabor al movimiento
aquí y lo acentúa. También animé la
gota azul aquí para deslizarse con el movimiento del
batido deslizándose hacia abajo. También salí del líquido del
batido. Al principio acabamos de hacer que
entraran y se quedaran ahí. Pero para
parecer realmente una diapositiva, la parte superior necesita
deslizarse hacia abajo y hacia afuera. Tan pronto como se apaga, aparece
el de abajo y luego vuelve a deslizarse por
la nube. Esto es nuevamente usando
solo manipular el trazado en las capas de forma. Yo creo, todos juntos
esto vino muy bien. Si lo miramos
con la música ahora. Ahora lo que queda
es realmente llevar la pelota
a este marco aquí y empezar a rebotarla
y deslizarla por el tobogán. Para animar la pelota
entrando en el siguiente fotograma, solo
necesito tener
otra escucha para saber exactamente
cuándo voy a rebotar la pelota y
cuándo voy a hacer que se deslice por el tobogán. Creo que en las dos últimas notas de
melodía ahí,
ahí es cuando la pelota va
a deslizarse por el tobogán aquí. Tengamos otro que
escuche eso. Esas dos pequeñas notas de
melodía, aquí es donde
va a deslizarse. La primera mitad
del marco aquí, voy a dejar que la
pelota rebote un poco realidad antes de que entre
en el tobogán. Sólo voy a copiar de nuevo mi bola del cuadro
anterior aquí. Lo mismo exactamente que antes, pero esta vez
voy a cortar el camino en algún lugar cuando esté rebotando para hacerlo rebotar
encima del tobogán. Entonces simplemente rueda hacia abajo
y salga del marco justo aquí junto con
el tobogán bajando. Sólo quiero mostrarte
algo mientras estoy trabajando. Como estoy llevando la pelota a
la parte superior de la diapositiva aquí, ahora porque la diapositiva se
lee y la bola es roja, así que la pelota no
va a
mostrar realmente cuando se
desliza por la diapositiva. Pero necesito que la pelota
sea roja en la primera mitad de la animación porque
el fondo es crema. Hay una opción
cuando estás trabajando con formas vectoriales en
After Effects que
realmente puedes animar cuando cambias
el color de la forma. Aquí mismo bajo
relleno y coloración, solo color elige el
color que quieras. Si hago zoom aquí
en mi línea de tiempo, cambié su color a la derecha a medida que se acerca a la diapositiva aquí. Entonces, porque esta diapositiva también
es bastante estrecha, por lo que la pelota es demasiado
grande para caber en su interior. También acabo de poner
aquí un fotograma clave de escala para que vaya más pequeño. Entonces solo pongo en alguna
posición los fotogramas clave aquí y una forma de S aquí para que
se deslice por la diapositiva. Debido a que la
capa de deslizamiento está debajo la pelota aquí en mi ventana de
composición, la pelota actualmente
solo se desliza sobre la diapositiva en
lugar
de dentro de ella. Yo sólo voy a ir a
mi pre-comp de marco aquí. Ya tenía aislada la parte media de la
diapositiva aquí. Ya había hecho una copia
de la misma en Illustrator. Sólo voy a
copiar eso y
volver a mi ventana principal de
composición. Encima de la pelota aquí, sólo
voy a pegar eso. Eso solo resolvió el problema. Acabo de pegar la
parte media de la diapositiva aquí. Ahora, la pelota
en realidad puede entrar al tobogán y
salir por el otro extremo. Acabo de pegar esta parte solamente. Ahora, algo más a tener en cuenta, si te estás dando cuenta aquí
cuando la pelota rebota, déjame traer
esto un poco de vuelta, solo lo
copié pegado de nuevo, los fotogramas clave de
nuestras bolas anteriores porque esa es la misma melodía. Todo va bien
con la música, sin embargo, porque el contexto aquí es que estamos en el cielo y
hay nubes, no
va a tener sentido
poner la sombra debajo la pelota y tratarla como un suelo porque
hay nubes a su alrededor. Podría dejar la
pelota así,
pero estoy pensando que tal vez la pelota podría rebotar sobre las nubes, lugar de rebotar
solo por un fondo sólido vacío. Sólo para darle un
poco más de contexto. Lo que podría hacer es dibujar nubes aquí mismo
en After Effects, solo usando mis formas
circulares aquí. Simplemente haz que la pelota
rebote encima de ellos en lugar de sobre un fondo
crema. Déjame probarlo, y si funciona, genial. Si es demasiado y
eso es demasiado desorden, entonces simplemente puedo prescindir de él. Simplemente tiré este tobogán hacia abajo, y solo tiré
esta pajita también, pero la hice rotar un
poco para que se cayera. Solo usando los
buenos viejos fotogramas clave aquí, nada demasiado loco. Creo que para el siguiente fotograma, voy a tener el
siguiente fotograma que venga de la parte superior de la pantalla así
como de la pelota, a diferencia de todos
los fotogramas anteriores cuando venía ya sea
de derecha o izquierda, porque este marco
sale de arriba a abajo. Tendría sentido que
el siguiente fotograma tuviera
el mismo movimiento. Solo echemos un
vistazo a eso juntos y
podemos continuar hasta el Marco 13. Genial. Ahora podemos pasar
al siguiente fotograma. ¿ Recuerdas cuando nuestro último fotograma, todo fue tirado hacia abajo? Esto fue por una razón
porque entonces el Marco 13, las nubes están arriba. Quiero que entren al
marco siendo tirados hacia abajo, así como si me estuviera deslizando por todo el último fotograma y el último fotograma y
este marco moviéndome
de arriba a abajo. Eso es lo primero
que voy a hacer. Voy a llevar el texto y las nubes de arriba a abajo solo como una transición
para entrar al marco. Acabo de agarrar las nubes
desde arriba y el texto. Simplemente los agarré y le agregué una expresión de rebote, como las anteriores. Eso es más o menos. Quiero que sea sencillo aquí. Ahora solo quiero agregar la pelota rebotando por aquí solo para continuar con el tema de la pelota rebotando. Pero en vez de
que realmente venga de la izquierda, voy a hacer un
venir desde arriba. Como si se deslizara por el tobogán y viniera cayendo
desde arriba de aquí. Pero todavía voy a
hacer la misma técnica copiando uno de los fotogramas clave aquí de las bolas
anteriores que tengo. Yo solo voy a cambiar alrededor del fotograma clave al principio, vez de que
venga de la izquierda, voy a cambiar el
fotograma clave de posición para que
venga de arriba. Eso fue fácil. Acabo de copiar pegé exactamente los mismos fotogramas clave, pero acabo de cambiar el fotograma clave en lugar de
venir de la izquierda, lo
hice venir de arriba. Eso solo hace la transición de
marco a marco más relevante
en ese sentido. El último toque que
quiero hacer es simplemente agregar una sombra al suelo
como lo hicimos antes. Sólo voy a copiar
también y pegar eso de una de las otras sombras. Eso fue tan sencillo como eso, copiar y pegar los fotogramas clave
y tenemos una sombra. Fresco. Ahora solo quiero hacer
una salida para este marco. Ya que la pelota va de nuevo
a la derecha, solo
voy a salir del
texto a la derecha y dejar caer los aros de
hula hacia abajo y las nubes también pueden
ir a cualquiera de los lados, así podemos entrar en
el siguiente fotograma. Es tan sencillo como eso. Vamos a echarle otro vistazo. Se mueven fuera de la pantalla. Ahora estamos listos para
dirigirnos al Frame 14, que es la bicicleta del
grano de café.
19. Animación en AE: marco 14-15: [MÚSICA] Esto es Frame 14, y es la ilustración de la
bicicleta del grano de café y viene después de que nuestra
cocina esté en las nubes. Sólo voy a hacer
doble clic sobre eso. Mi idea para esta animación
es que quiero hacer girar las
bicicletas en grano de café, así
como el pedal aquí, y también mover la
bicicleta por un camino, y animarse a lo largo del camino a través del otro
lado del marco, pero llegaremos a
esa parte más tarde. Por ahora, solo quiero
comenzar uno por uno animando las ruedas y luego
animando el pedal aquí. La forma en que voy a animar
la rueda en realidad no es
girando toda la rueda
blanca aquí. Yo sólo voy a rotar esa vaina rosa por
aquí en el medio. he llamado aquí línea rosa 1 y la de la
izquierda es rosa línea 2. Genial. Lo primero es lo primero que
quieres seleccionar esa capa y agarrar tu pluma detrás de la herramienta de punto de
anclaje aquí. Esto solo identifica para después de
los efectos donde quieres centrar tu elemento para la
rotación o cualquier cosa realmente. Si lo pusiera
aquí, por ejemplo, entonces la rotación
giraría alrededor este punto aquí y este
radio en el centro. Solo quieres arrastrarlo
por aquí y solo
asegurarte de que esté centrado
en la línea rosa. Entonces solo vuelve a
tu herramienta de selección. Entonces quieres presionar
“R” para rotación y solo fotograma clave
agrega cero por ahora. Entonces quieres desplazarte un poco por tu línea de tiempo. Tal vez aquí. Sólo voy a hacer que
rote una vez por ronda. Yo sólo voy a
presionar uno aquí al lado x, voy a
poner eso en bucle. Bien, genial esta
velocidad está bien para mí. Ahora, ya ves como la línea rosa, cuando viene en
el centro aquí, se sale un poco del círculo
aquí un poco. Como vamos a arreglar eso es que le vamos a agregar una máscara,
pero otra clase de máscara
no la que viste antes, y se llama Track Matte. Te voy a mostrar cómo
vamos a hacer eso ahora. En primer lugar, quiero hacer una
copia de la capa debajo de ella, así la rueda blanca. tengo nombrada aquí
como rueda derecha, solo
quiero arrastrar eso
debajo de mi línea. Sólo voy a copiar y pegar. Sólo voy a
tener una copia aquí y voy a poner la
copia debajo. Entonces quieres ir por encima la línea rosa y
crear una nueva capa. Capa, Nuevo, Capa de Forma. Esta vez en realidad
vamos a dibujar nuestra máscara. Voy a dibujar mi máscara en
la forma del óvalo aquí, porque cuando llegue aquí, quiero que la máscara oculte las
líneas que salen de aquí. Con mi lápiz aquí, solo
voy a dibujar una máscara alrededor de este óvalo aquí, pero para
facilitar las cosas cuando estoy dibujando, solo voy a bajar
la opacidad a 15 solo para poder ver qué es
lo que soy dibujando exactamente. Entonces quieres regresar
y comenzar a ajustar la máscara hasta que solo se vea
y se sienta bien para ti. Entonces lo que quieres hacer
es que quieres bajar
aquí a la barra de herramientas y simplemente clic en el segundo icono al
primero de la derecha. Dice, expandir o contraer
el panel de controles de transferencia. Solo quieres hacer clic en
eso y va a expandir tus paneles aquí
con más opciones. Ahora tienes la
opción Track Matte aquí a tu derecha. Vas a ir
a la línea rosa, así que lo que realmente quieres
enmascarar debajo de la forma
que dibujaste. Quieres ir a Track Matte
aquí y hacer clic en Alpha Matte. Es tan simple como eso y solo me
enmascaró la línea rosa. Yo solo voy a
hacer lo mismo por la rueda de la izquierda, y luego pasaremos a
la siguiente pieza de animación. Bien, genial. Entonces ahora ambos
están rotando a la misma hora exacta y ambos
están enmascarados. Lo siguiente que
vamos a hacer es en realidad rotar y animar el
pedal aquí en el medio. Si acerco el zoom, verá que la herramienta de anclaje de encuadre
ya está colocada en el medio. Eso está bien. Yo sólo quiero
ir a la rueda derecha aquí. Quiero copiar
los fotogramas clave de rotación
que hicimos para la rueda. Yo sólo voy a copiar eso. Regresa a mi
composición de cuadro y luego ve al pedal aquí. Entonces voy a dar click
en R y solo pegarla. Ahora bien, si llegamos a la Vista Previa, encontrarás que ambos se están
moviendo al mismo tiempo. Por eso quería copiar y
pegar exactamente el mismo fotograma clave todos
puedan moverse
juntos a la vez. Bien, genial. Ahora, lo que quiero hacer a continuación es empezar a animar la
bicicleta en un camino. Lo primero que quiero hacer es agrupar todos los elementos de la
bicicleta juntos; los usados y los
no utilizados para que podamos tener una capa completa de bicicleta aquí. Simplemente haz clic derecho en precomponer, y voy a llamarlo bicicleta. Ahora, si lo demuestro, voy a tener toda la moto ahora como una capa y todo
animado dentro de ella. Ahora, lo que queremos hacer es
que queremos trazar un camino. Por ahora sólo voy a esconder
la capa de la bici. Voy a dar click en
Capa, Nueva Capa de Forma. Entonces voy a ir con
mi herramienta de pluma aquí y simplemente sacar cualquier relleno
o trazo en ella. Sólo con tu lápiz, quieres dibujar un camino. Este puede ser cualquier camino que elijas. Depende del
tipo de camino en el que quieras que se mueva
tu elemento. Puede ser lo más ondulada lo más ondulada
lo más aleatoria posible. Creo que aquí solo voy
a hacer una ola, solo comenzando desde abajo y subiendo y luego
bajando de nuevo. Sólo voy a dibujar
eso en mi Capa de Forma. Ahora siempre puedes volver atrás y ajustarlo y probablemente lo haré pero por ahora, sólo voy
a guardarlo así. Tal vez
baje esto un poco. Esto justo aquí. Entonces ahora tienes un camino, solo
voy a nombrar
esto aquí Ciclovía. Ahora solo quieres
bajar el menú de Ciclovía e ir a la forma y
luego hacer clic en Trayectoria. Cuando haces clic en Path, vas a encontrar que todos
los fotogramas clave aquí están seleccionados. Lo que quieres hacer es
simplemente Comando C eso, copia eso, y cierra
el menú aquí. Después ir a la bicicleta, bajar, transformar, y luego ir hasta aquí para posicionar y pegar el camino
desde el carril bici. Sólo tienes que poner la bici en
el camino que dibujaste. Ahora lo siguiente
que queremos hacer es orientar la bicicleta de
acuerdo al camino. Ahora mismo, es solo el
mismo tipo de orientación, solo que aquí se ve un
poco raro. Lo que quieres hacer
es hacer clic derecho en “Bicicleta” y luego ir a Transformar, y luego hacer clic en “Auto Orientar”. Entonces te darás cuenta de
que se ha hecho clic en off. De hecho quieres hacer
clic en Orientar “A lo largo camino” y solo
va a hacer el trabajo por ti y rotar la bicicleta acuerdo con el camino que
dibujaste y dar clic en “Bien”. Ahora, cuando lo hojees, encontrarás que
la bicicleta realmente se mueve por el camino
que creaste. Obviamente, este camino es un
poco demasiado elaborado
para la bicicleta pero solo quería
mostrarte la idea principal aquí. Lo que voy a hacer
es simplemente regresar y editar un
poco el camino y hacerlo mucho más sutil porque no
quiero que la
moto se mueva así. Yo sólo quería una onda muy
suave casi. Solo voy a
regresar y editar un
poco
el camino y luego simplemente
copiar y pegar los fotogramas clave nuevamente hasta que esté contento con
cómo se ve el camino. Así que solo ajusté el
camino de la manera que me gusta. Solo quiero que sea lo
más simple posible con solo una onda muy leve aquí y copia pegó los fotogramas clave nuevamente. Agregué una facilidad fácil
el principio y final y así es
como se ve. Eso es. Lo podemos ver
con la música. [MÚSICA] Eso es prácticamente todo. Lo que quiero hacer a
continuación es doblar un
poco la hierba como si se balanceara de derecha a izquierda
o como si hubiera cierta brisa pasando
por la imaginación. Solo voy a agregarle un
poco de textura y no tenerla
solo estática ahí. Tengo mi pasto cortado
en pequeñas secciones aquí. Grass 1, grass 2 grass 3, grass 4, y así sucesivamente. Esa es la forma en que lo
coloqué en el ilustrador. Lo que vamos a hacer es simplemente llevar nuestro cursor
a la línea de tiempo donde comienza
la animación. Entonces vamos
a tomar hierba 1, que es esta de aquí. En efectos, esta vez vamos a
escribir CC bender, no doblarlo, y quieres
hacer doble clic sobre eso. Entonces ábrelo, y luego en la sección de valor de
cantidad aquí quieres
jugar con la cantidad. Sólo voy a acercar
el césped un
segundo para que podamos ver con claridad. Voy a empezar a
doblar la hierba. Ya ves como se dobla pero no quiero doblarlo
demasiado o de lo contrario
solo va a parecer distorsionado así y
un poco aterrador. Sólo voy a hacer
una curva muy leve. Tal vez alrededor de menos 13
aquí y solo fotograma clave eso. Entonces probablemente voy un poco aquí y solo hago al
revés. Alrededor de las 11 tal vez, y luego solo voy a
copiar y pegar el primer fotograma clave. Vamos a poner eso en bucle. Creo que lo voy a tener
un poco más lento. Permítanme solo esconder los de aquí
para que podamos ver con claridad. Yo sólo quiero facilitar eso fácilmente. Entonces solo quieres copiar
estos fotogramas clave aquí. Solo voy a seleccionar todas mis otras capas
de pasto aquí y voy a
hacer doble clic en CC Bender. Ahora todos van
a tener el efecto. Yo sólo voy a
abrirlos uno por uno en CC Bender e ir a cantidad
y solo pegar eso. Entonces alejemos el zoom y
veamos cómo se ve eso. Solo estoy jugando
con ellos para que algunos de ellos se balanceen
al otro lado, al lado opuesto
al otro solo para que se
vea un poco menos uniforme. A mí me gusta más el movimiento
aquí que ellos balanceándose del todo
en un lado. lado solo va a elegir aleatoriamente diferentes aquí y hacer
lo mismo por ellos. A mí me gusta que no
todos se muevan en
la misma dirección. Simplemente se siente más
natural de esa manera. Sólo voy a hacer click out
y colapsar mis capas. Ahora podemos simplemente animar
las tiendas de la manera que siempre tenemos antes y simplemente
mover ligeramente las nubes un
poco de derecha a izquierda. Después pasaremos a la animación de
la pelota. Eso está hecho. Ahí vamos. Lo que queda es volver
a la composición principal y agregar la animación de pelota de
una de las anteriores. Acabo de copiar
fotogramas clave pegados de nuestro rebote de bola anterior
que va junto con esta melodía [MÚSICA] en realidad, si nos acercamos, quiero copiar pegar la capa de hierba de
nuestro marco y pégalo sobre la pared aquí para que la hierba pueda realmente cubrir partes de la pelota en lugar de que la pelota se asiente encima
de ella así. Sólo voy a ir
a mi composición y voy a
precomponer mi hierba aquí y llamarla hierba. Entonces sólo voy a copiar
eso y pegarlo aquí. Ahora que la hierba realmente
cubre la pared y se ve mucho más agradable ya que está
rebotando, [MÚSICA] y eso es todo. Echemos un vistazo a todo
desde el fotograma anterior. [MÚSICA] Eso es todo. Estamos listos para
pasar al marco 15. Después de rematar la última vez con el marco del grano de café aquí, saltamos al marco
de texto de una primicia de sueños
con imaginación. Debido a que la pelota salió de la
pantalla por el lado derecho, voy a hacer una
entrada por la izquierda. Quiero que mi texto aquí también
venga desde la izquierda. Sólo voy a
cambiar mi capa de forma aquí en una capa de texto. Yo solo quiero fotograma clave
la posición aquí para mi texto porque ahí es
cuando se supone que debe entrar. lo mejor un poquito antes de moverlo fuera
del marco para que yo pudiera venir con la
pelota desde la izquierda. También podemos agregarle un
poco de sacudida, así que no solo viene
y se detiene aquí abruptamente. Tal vez solo agregue un fotograma clave de
posición para sacudir un poco atado
a un lado y volver a entrar en su
posición. Simplemente algo así. Simplemente para que no sea tan estático. Solo quiero revisar
eso con la música y ver si es demasiado rápido
o si es justo. [MÚSICA] Es un poco demasiado rápido para mí, así que solo voy a reducir la velocidad donde comienza el primer fotograma clave. Eso es mucho mejor. Vamos a
darle otra mirada a eso. [MÚSICA] Entra exactamente
en ese tono ahí. Ahora volviendo a mi marco
como lo estoy viendo ahora, sí
creo que tal vez
podamos prescindir de los
aros de hula o sin las primicias de helado porque
creo que las dos, con una pelota rebotando alrededor, va a estar demasiado
desordenado para el marco, y el marco solo dura
como tres segundos. No quiero abrumar a gente cuando lo está
viendo o simplemente me gustaría
mantenerlo lo más simple posible. Yo sólo voy a decidir
cuál quiero
conservar en este caso qué elemento. Creo que solo por el
bien de la consistencia y solo menos desorden visual, creo que solo voy a esconder las bolas de helado y
quedarme con los aros de hula. Porque ya
vimos los hula aros. No quiero
introducir un nuevo elemento justo hacia el final
del video ahora. Sólo voy a
mantenerlo tan sencillo como eso. A medida que el texto se mueve
de izquierda a derecha, también
voy a hacer que los aros de hula caigan
de la parte superior de la pantalla y le agreguen una expresión de rebote como
lo hicimos antes. Déjame
seguir adelante y hacer eso. Eso es más o menos. Los textos vienen por la izquierda y los aros hula entran
desde arriba cuando le agregué la expresión de límites aquí y simplemente
jugué con la decadencia aquí para identificar cómo
mucho
rebote quiero mantener. Cuanto mayor sea el número, menor el residuo del rebote
y cuanto menor sea
el número, más va a
tener más residuo. Simplemente lo guardé como un valor
medio aquí. Ahora solo quiero agregar
los fotogramas clave anteriores, copiar y pegar a las estrellas aquí, y también mover las nubes alrededor hasta el
final de este fotograma. [MÚSICA] Eso está hecho. Tanto las nubes como las estrellas
están ahora animadas también. Ahora como de costumbre, solo
vamos a
agregar otra capa de bola copiada de una de estas
aquí a nuestro marco aquí. Acabo de copiar y pegar la pelota de uno de los marcos y así
como la sombra aquí. Cuando la pelota sale del marco, simplemente
agarré mis textos y agarré a la
izquierda como preparación. Entonces simplemente va rápidamente a la derecha con el balón aquí. Entonces los aros de hula simplemente
caen abajo así. Vamos a darle
un vistazo aquí con el marco anterior y ver cómo todo
los une. [MÚSICA] Perfecto. Ahora podemos dirigirnos al marco 16.
20. Animación en AE: Outro: Saliendo del último fotograma aquí, pasamos al Marco 16, que es el tobogán de churros. Ahora esto es justo
lo que tengo en mente, esta va a ser una animación muy simple solo
voy a hacer que la pelota rebote alrededor y luego en el último segundo
va a rebotar aquí y simplemente deslízate por la diapositiva como un semicírculo aquí y luego simplemente sal de la
pantalla ahí mismo. lo mejor como está
saliendo de la pantalla, entonces puedo jugar
con este charco de aquí como si estuviera dando chapoteo o se pueda derretir sobre los churros. Si hago doble clic en eso, tengo mi parte rosa fundiendo
aquí, separada y aislada, así
como los charcos
aquí para poder jugar con eso con capas de forma
y manipulándolas. También podría animar a los
pájaros aquí copiando y pegando los fotogramas clave que hicimos en
el primer fotograma. Recuerden la herramienta títere
que hicimos para los pájaros. Yo sólo puedo copiar y pegar
esos marcos, no
necesito volver a hacer eso
desde cero. Voy a empezar
primero con la pelota. En realidad, no estoy con la animación
real de la diapositiva porque no hay
mucho que animar excepto al final cuando
la pelota se desliza, así que necesito conseguir el
rebote de la pelota aquí, punto con música primero antes que pueda animarla con la diapositiva. Solo voy a
copiar y pegar de nuevo cualquier bola que tuviera antes
pero al final, solo
voy a cambiar
el fotograma clave de posición así que en vez de avanzar
hacia la derecha, voy a hacer que rebote, abajo del tobogán, y fuera. Acabo de copiar y pegar los fotogramas clave de bola
que rebota de los anteriores
pero en este punto aquí, lugar de dejar que se
uniera a la izquierda aquí, solo lo hice rebotar
a la parte superior de la diapositiva
y
disminuí su tamaño aquí
para que se ajuste a la diapositiva y no sea demasiado grande
para ello y luego acaba crear una diapositiva hacia fuera solo
con mis fotogramas clave aquí. A medida que se desliza hacia afuera, también vuelve a crecer en su tamaño
original para que caiga en el siguiente
fotograma ya que es tamaño original. Vamos a darle una
escucha a esto con la música. A medida que
la pelota llega a la parte superior del tobogán, es donde quiero comenzar
a fundir mi topping rosa aquí
encima de la tregua. Yo solo voy a ir a hacer click
en mi marco aquí y voy a ir a dar
click en la capa y voy a decirle, Crear Formas a partir de Capa Vector. Voy a ampliar
mi camino aquí, justo por aquí tal vez
voy a fotogramarlo clave, y luego voy a volver y aquí es donde quiero
empezar a manipular la forma. Yo solo quería reducir el
derretimiento aquí, no del todo, pero reducirlo un
poco para que cuando me desplace por
la línea de tiempo, empiece a fundirse
sobre los churros. Simplemente lo reduje a
una astilla muy delgada de un topping del principio y luego si lo froto
a través de mi línea de tiempo, simplemente
se convierte en más de
un derretimiento de cobertura aquí. Vamos a comprobarlo con
la bola deslizándose hacia abajo. Creo que tiene que
ser mucho más rápido. Eso está bien para mí. En realidad, mientras la
bola rueda hacia abajo, en esta parte de aquí, quiero que estos charcos y
salpicaduras aparezcan finalmente como si la pelota realmente
hiciera ese chapoteo mientras se desliza hacia abajo. Yo sólo voy a ir
a mis capas aquí y cortarlas en este punto
para que simplemente aparezcan. Vamos a darle
una prueba a eso y a ver cómo se ve. Fresco. Otra cosa que quiero hacer
es pedirle a la pelota que se deslice
por el tobogán, lo
mismo que ocurrió con la diapositiva de batido
antes
es que esté encima de la diapositiva porque la capa está debajo
lapelota aquí. Por suerte, ya
tenía aislada la parte frontal del tobogán
así que esta de aquí. Yo solo voy a copiar eso e ir encima de
mi tazón aquí y pegarlo encima del
tazón para que cubra esta parte del tazón de aquí y
parezca que está dentro. Entonces también voy a copiar mi parte rosa fundiendo y
pegarla también encima,
así se nota. Ahora la pelota está
dentro del tobogán. Yo solo quiero agregar ahora
una sombra a la pelota ya que entra en el marco y rebota
en el suelo así que de nuevo, sólo
voy a copiar y pegar
una de esas sombras. Aquí agregué la sombra
debajo de la pelota, y ajusté los
fotogramas clave de
acuerdo con los rebotes y la música así
que vamos a escucharlo. Genial, así que ahora puedo
volver a mi marco aquí y quiero
animar a mis pájaros. Sólo voy a volver
a la composición principal e ir al primer fotograma, creo, intro Frame 1. Sólo voy a copiar
mis pájaros pre-comp y luego volver al Frame 16 y voy a
pegar los pájaros aquí y luego ir a sus fotogramas clave y arrastrarlos a nuestro tiempo ahora. Ahí vamos. Una vez que estés contento con eso, puedes simplemente eliminar
tus capas de aves aquí y yo las voy a quitar. Volvamos al
video y veamos eso. Bien, Perfecto. Lo último que quiero
hacer es simplemente moverme por las nubes aquí para
salir de la pantalla ya la pelota finalmente
rebota al final. Vamos a echar un
vistazo final al marco ahora. Perfecto. Ahora nos acercamos
al final y estamos listos para
animar el Frame 17. En el fotograma anterior, acabo de bajar la
diapositiva hacia abajo porque quiero que el siguiente fotograma donde estén los textos para
venir tire hacia abajo desde la parte superior. Yo solo quería
hacer esa transición aquí como hemos visto antes. Como un ser tirado hacia abajo, así que justo por aquí, tal vez aquí es donde
voy a tirar hacia abajo mi texto. Sólo voy a ir
aquí al Marco 17. Solo quiero cambiar la capa de forma de
mi texto
en una capa de texto real. Entonces quiero que
se tire hacia abajo con mis fotogramas clave de posición y voy a agregarle una expresión de
rebote,
así rebota a medida que se
arrastra desde arriba. Eso está bien. Ahora vamos a comprobarlo
con la música. Eso es perfecto. Este marco se va
a quedar hasta aquí. Esto solo va
a tener la pelota rebotando frente a ella, pero a un ritmo mucho más lento
para que coincida con la melodía. En este punto
voy a copiar y pegar los fotogramas clave para la
animación de pelota para una de las capas donde la pelota cae
desde arriba también para que coincida con este fotograma y solo voy a
pegar en una nueva capa. [ MÚSICA] Ahora que le he agregado la sombra y le he ajustado la velocidad
y el tamaño. Solo echemos un vistazo a eso. Acabo de agregar la animación
para las tiendas aquí e hice una de las tiendas en la parte superior izquierda a escala
elaboradamente al final aquí. Aquí tienes que escuchar. Ahí vamos. Sólo algo que
acentúa la melodía de la música y le da un toque
mágico ahí. Después para salir del marco, simplemente
saco el texto
de izquierda a derecha en dirección a la
pelota como lo hicimos antes y las nubes simplemente salen
del marco a ambos lados donde entraron. Eso es. Estamos listos para darle
los dos últimos fotogramas y terminaremos
con nuestro video de marca. Llegamos casi
a la meta. Vamos a entrar en los dos últimos
fotogramas de la pelota rebotando y luego cerrando
con el logo finalmente, solo
quiero tener una escucha la música aquí porque
eso va a dictar
cuántos rebota el la pelota
va a rebotar en una pantalla roja vacía antes que vuelva a entrar como
un punto en el logotipo. Esa última tenencia aquí, me imagino que la
pelota caerá en medio de la
pantalla, hacia abajo. Entonces aquí mismo, caería de
la parte superior de la pantalla y volvería como un punto. Mientras tanto, solo
va a
rebotar según la melodía aquí de una de las capas de pelota
anteriores. Déjame seguir adelante
y copiar una de
las capas de bola para que
pueda pegarla aquí. Acabo de copiar y pegar una de las animaciones de bolas
de las anteriores, pero esta vez solo la ajusté
un poco para que se ajuste a la suavidad de la
melodía. Entonces al final aquí
levita en el aire y simplemente cae repentinamente. Eso nos va a llevar
al marco final del logo. Veamos eso con la
música y el fotograma final. Eso es. En la lata final, cae. Para el fotograma final, sólo
voy a copiar mi última bola que
hice aquí y pegarla. Entonces quiero tomar
aquí
el fotograma clave final y simplemente eliminar el resto. Entonces voy a llevar
esta pelota hacia arriba hacia la pantalla
exactamente en el
mismo lugar que abajo simplemente empujado hacia arriba. aquí quiero
empujar la pelota hacia abajo, así como la pelota baja, en realidad
quiero escalarla a la forma
del punto aquí. Yo solo disminuí su opacidad, así que sé dónde está exactamente
el punto para reducirlo. Entonces solo quiero agregar
un rebote muy ligero a la pelota ya que se acerca al logo aquí y luego
un rebote deslizante
al logo así
como solo un toque final al mismo. Iba a tomar cada letra y hacer una gota como antes, como vimos en la introducción. Pero siento
que va a ser un poco demasiado la forma en que
termina la canción tiene unos finales muy tranquilos
y lentos, así que creo que el logo que acaba de
aparecer con un punto bajando de nuevo es
suficiente, creo que para esto, no
quiero exagerar en este punto,
así
que al igual que un
bonito
final de cierre limpio está bien para
mí en este punto. Solo quería agregar un
pequeño rebote usando una expresión de rebote y
veremos cómo se ve eso. Echemos un vistazo a
cómo se ve eso. Es tan sencillo como eso. A mí me gusta el simple final a ello. Veamos eso de cerca otra vez. Es solo un pequeño rebote que agregué usando la expresión de la
montura. Es todo lo que significa para
esos instrumentos finales al final. Eso es. Eso es un minuto entero y un video de marca de
ocho segundos. Por fin terminamos y
lo que voy a hacer ahora es simplemente revisar todos los fotogramas nuevamente
desde el principio. Sólo voy a
pasar por ellos y
asegurarme de que todo esté bien. Todo está
bien engranado con la música. Si hay alguna parte
squiggly o algún problema de velocidad o problemas de
movimiento, voy a aplanar eso
y enderezarlo y
asegurarme de que todo sea suave y
vaya bien con la música. Sólo voy a tener como
una revisión rápida sobre ello. Entonces podemos dirigirnos
a la siguiente lección donde vamos
a exportar nuestro archivo y finalmente ver
el video de la marca.
21. Animación en AE: exportación: [MÚSICA] Entonces después de retocar
algunas cosas aquí
y allá y refinar todo de
la manera que quería, solo agregué una pequeña
cosita que sí quería mostrarte y es
el Desenfoque de Movimiento. Si miras aquí abajo
junto a mis capas de bola, vas a encontrar estos tres círculos superpuestos
entre sí y este es el Desenfoque de
Movimiento habilitado. Solo quería habilitar un Desenfoque de Movimiento para que la pelota se
mueva porque solo acentúa el movimiento
y lo hace parecer más realista y más saltado y hinchable, y es tan
simple como verificar el cuadro al lado de la pelota aquí. Puede hacer esto con
cualquier capa que tenga en su archivo y le
habilitará un Desenfoque de Movimiento siempre y
cuando
tenga
fotogramas clave de posición allí y el
objeto se esté moviendo realmente. Si puedes ver aquí
en la pantalla, hay un ligero Desenfoque de Movimiento ya que la pelota sigue rebotando
de un lugar a otro. Simplemente le agrega un poco de
algo, algo a ello. Sin más preámbulos, creo que estoy listo para comenzar a exportar. Sólo voy a ir
aquí a Archivo y Exportar. Ahora voy a elegir Agregar a Adobe Media Encoder
porque esto va a
ayudar a que mi video se exporte a
MP4, que es lo que queremos. También te mostraré
otra forma de
exportar si no tienes
Adobe Media Encoder, eso también convertirá
tu archivo a MP4. Pero por ahora, voy
a ir con esto y dar click en eso. Bien, entonces tu video va a subir aquí en esta Ventana y el predeterminado es H.264, que es lo que queremos así que
solo déjalo como está. Quieres dejar la
tasa de bits como está también. Se puede ver el final va a tener la extensión MP4 aquí
y el estado está listo. Si todo se ve bien
y está bien para ir, solo
necesitas presionar “Enter”. Y ahora sólo va
a comenzar a exportar, y aquí te dirá
cuánto tiempo queda. Entonces el mío va a tardar
alrededor de dos minutos. Bien, y ya está hecho. Mi video ahora está guardado
en mi escritorio con una extensión MP4 y
está bien para comenzar. Sólo quiero mostrarte
otra forma en la que puedes hacer esto. Entonces, si vuelve a su
archivo de After Effects y hace clic en “Archivo” “Exportar”, pero esta vez haga clic en “Agregar
a cola de renderizado”. Y entonces esta Ventana
va a subir aquí y quieres
presionar en “Lossless”. Entonces en lugar de Animación aquí, quieres hacer clic en “Apple ProRes 422" o “Apple ProRes 422 HQ”. Simplemente encuentro que exporta a la más alta calidad de esta manera. Haz clic en “Bien” y “Bien” otra vez y simplemente guárdala aquí
donde quieras guardarla, y luego haz clic en “Render” aquí, y solo va
a renderizarla y guardarla donde
elijas para guardarla. Pero After Effects
solo guarda to.mov. No exporta
un MP4 directamente. Tendrías que hacerlo a través de
Adobe Media Encoder. Pero si no tienes
Adobe Media Encoder, podrías descargar un
programa gratuito llamado HandBrake. Ahora HandBrake básicamente
convierte cualquier archivo de video a MP4. Simplemente abre la ventana aquí y arrastra tu archivo hasta aquí, guárdalo donde quieras
guardarlo en esta ventana, y luego haz clic en “Inicio”
y listo. Entonces tienes ambas opciones por si acaso quisieras saber. Y eso es todo. Por fin terminamos. Así que quédate
en la siguiente lección para ver la presentación final
del Brand Video.
22. Video de marca: [MÚSICA] Finalmente, después de
un largo proceso y experimentación y de sumergirse en todos esos detalles metidos, la revelación final está aquí. Solo toma una taza de café, siéntate y disfruta viendo el video final de la marca. [MÚSICA]
23. Proyecto de clase: [MÚSICA] Me gustaría
tomarme un momento para agradecerte y felicitarte por llegar a este
punto de la clase y comprometerte
realmente
todo el camino. Es muy importante que
entiendas lo mucho que se dedica
a este oficio y entiendas todo el
razonamiento que hay detrás él y la técnica
que entra en él. Ahora es tu turno. Pero no se asuste, no hay
absolutamente ninguna presión en crear un video de
marca completamente pulido desde el primer paso. En lo personal me tomó
mucha práctica llegar
a esta etapa y sólo puedo animarte a que hagas lo mismo. Para tu proyecto de clase, necesitas tener un logo y una identidad de marca
ya creados. Esto puede ser un
proyecto de pasión tuyo o una marca real que
creaste para un cliente. A partir de ahí tienes dos opciones. Simplemente puedes publicar
la historia de la marca y el storyboard del
video de marca que tengas en mente. Ponlos en formato JPEG
para que sea fácil de ver. Esto por sí solo es un gran
documento para presentar a un cliente para mostrar la gran idea del
video antes hacerla para obtener una aprobación sobre ella o documentos que puede enviar a un animador que luego puede colaborar para
ejecutar el video real. La segunda opción,
si te sientes valiente, aventurero
y emocionado, entonces por todos los medios, sigue
adelante y publica
un video de marca de 30 segundos a un
minuto para la
marca que has creado. Cuando estés listo,
publícalo en Vimeo o YouTube, luego pega el enlace aquí en
la sección de proyecto de clase. Recuerda, tu video de marca
puede ser uno animado como el que hice
con las ilustraciones y después de los efectos, pero también puede ser
tan simple como jugar con fotografía
y tipo y metraje, como los ejemplos que
te mostré al inicio
de la clase. Lo que realmente quiero que
saquen de esta clase es la comprensión general y no realmente un proceso
paso a paso que sea solo rígido
y escrito en piedra. Quiero que tomes los
insights que consideres
relevantes para tu marca y los
apliques a tu manera. Si tienes alguna otra etapa en el proceso
que sientes que quieres compartir
conmigo para comentarios o algo que preguntar, entonces por favor no
dudes en hacerlo. El proceso para mí es tan
importante como el resultado. Estoy muy emocionada de
ver qué tipo de historias y videos
vas a crear.
24. RECAPITULACIÓN: [MÚSICA] Para terminar esta
clase para ti, he compilado todas las principales cosas para
llevar en 10 consejos, para que puedas tener una ventaja
clara antes de comenzar
tu proyecto de clase. Consejo Número 1, conoce
a tu audiencia. ¿A quién se dirige este
video de marca? ¿Qué tono y voz
estarás implementando? Al conocer a tu audiencia, sabrás qué
tipo de impacto querrás tener en ellos. Consejo Número 2, define
tu objetivo. ¿Para qué se
va a utilizar el video de la marca? ¿Es un lanzamiento para una nueva marca? Es un video explicativo sobre
cómo usar un servicio o una aplicación? ¿Estás exhibiendo nuevos
productos o rebrand fresco? Al definir tu objetivo, ya
tienes una idea para
la estructura de tu video. Consejo Número 3, planifica tu contenido. Siguiendo los dos primeros consejos, sabrás qué tipo de
contenido necesita esta marca. ¿Será puramente un video
motion graphics? ¿Tendrá metraje, stop motion, voces en off,
actores, animación? Al planear qué tipo de
contenido necesitarás, podrás reunir todos estos materiales y considerar colaborar
con otros. Consejo Número 4, escribe tu historia. Nadie conoce la marca
mejor que tú. ¿De qué trata esta marca? ¿Qué tipo de emoción
intentas transmitir? ¿Un sentimiento de pertenencia,
emoción, confianza, felicidad? Empieza por escribir palabras clave de emoción que quieras entregar y
a partir de ahí escribe una historia que
resuene con tu marca. Tip Número 5, diseccionar la marca. Mira la marca como si se tratara de
un rompecabezas de muchas piezas
juntas y evalúa qué piezas
clave se pueden
usar para el video. Este puede ser el logotipo o partes
del logotipo, mensajes clave,
ilustraciones, fotografía, elementos
gráficos de la identidad de
la marca. Consejo Número 6, estructura
tu línea de tiempo. Al usar el método de 360 grados y los
elementos disecados de tu marca, ahora
puedes comenzar a
colocarlos en la línea de tiempo general. ¿Con qué quieres que empiece tu
video? ¿Qué elementos
irán en el medio? ¿Cómo quieres que termine
tu video? Usa esta línea de tiempo
como ayuda visual para ayudarte a
estructurar tu video. Consejo Número 7, haz un storyboard. Con una estructura clara
frente a ti,
puedes comenzar a bosquejar un storyboard de lo que
irá en cada fotograma. Esto actuará como tu
guía más adelante cuando estés animando o si estás compartiendo
esto con un animador. También te ayudará a ver todo
el flujo del
video antes de comenzar. Si necesitas hacer alguna edición,
revisar cualquier cosa, esta
es la etapa para hacerlo. Consejo Número 8, capa
en Illustrator. Después de que
se complete el guión gráfico, comience a colocar sus
archivos en Illustrator acuerdo con la secuencia
del guión gráfico. asegura de que los elementos que
desee animar estén separados en capas
individuales. Esto te hará la vida más fácil más adelante en los efectos posteriores. Este también es un
gran escenario para enviar a un animador tus archivos y
ellos pueden tomarlo de ahí. Tip Número 9, invierte
en la música. El aspecto visual del
video de la marca es la mitad del impacto. El aspecto audible es
igual de importante. Dedica tu tiempo a
buscar la música
y sonidos adecuados que
reflejen el tono de tu marca. Asegúrate de que la música
coincida con el ritmo
del video y se
vincule con intención. Consejo Número 10, animar
con relevancia. Tu elección de
animaciones podría ser tan simple o tan compleja como
quieras que sean. Siempre vuelve a lo breve
y a la historia de la marca para valorar qué
tipo de animaciones se ajustan mejor a tu marca. Los estilos de animación
necesitan hablar el mismo idioma que tu marca. Una propina
de bonificación, que es más un pensamiento para
mantener en tu cabeza. Es que tú eres tanto el
narrador como el público. Tú eres el que diseña
la información y la historia de una manera
convincente e intrigante. Pero también eres el público en el sentido de que
necesitas desglosarlo, mantenerlo simple, humanizarlo y fingir como si
lo estuvieras viendo por primera vez. Pregúntate,
¿qué quiero sentir?
25. Gracias: [MÚSICA]
Muchas gracias por tomar esta clase y ser
paciente conmigo. Espero que hayas desarrollado
un nuevo amor y aprecio por la narración de historias
y videos de marca. Si sólo te llevaste
una o dos cosas, pero con plena comprensión, entonces estaré muy, muy feliz. Recuerda que en cualquier oficio,
la práctica hace la perfección. Así que te animo a que vuelvas a visitar las herramientas
de esta clase, revises algunos consejos y sigas aplicándolo con práctica para
perfeccionar realmente tu oficio. Si te ha resultado útil esta clase, me encantaría que
dejaras una reseña para que otros alumnos puedan
saber qué esperar de esta clase. Siéntete libre de publicar tus videos
en Instagram y etiquetarme. Me encantaría verlo
y conectarme contigo. Si te sientes
más aventurero entonces súbete a mis otras clases de
Skillshare y toma mi
clase de marca de palabras si
quieres aprender a
crear tu propia marca, PS; también tiene un
video de marca. Si te encantan los empaques
y el chocolate como yo, entonces por todos los medios dirígete a mi clase de diseño de packaging
y no te decepcionará. Gracias de nuevo y nos
vemos en la siguiente.