Más allá del logotipo: narración con un logotipo animado y un video de marca | Khadija El Sharawy | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Más allá del logotipo: narración con un logotipo animado y un video de marca

teacher avatar Khadija El Sharawy, Graphic Designer & Storyteller

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      2:40

    • 2.

      El qué y el por qué

      2:33

    • 3.

      El método de 360 grados

      12:51

    • 4.

      Descripción de la marca

      8:50

    • 5.

      El resumen

      4:42

    • 6.

      Estructuración de la historia

      8:30

    • 7.

      Storyboard

      14:22

    • 8.

      Capas en Illustrator

      11:28

    • 9.

      Elección de la música

      9:57

    • 10.

      Animación en AE: configuración de archivos

      16:27

    • 11.

      Animación en AE: fotograma 1

      18:20

    • 12.

      Animación en AE: fotogramas 2-3

      11:02

    • 13.

      Animación en AE: fotogramas 4-5

      28:00

    • 14.

      Animación en AE: logotipo

      11:38

    • 15.

      Animación en AE: fotograma 7

      19:54

    • 16.

      Animación en AE: fotogramas 8-9

      15:21

    • 17.

      Animación en AE: fotogramas 10-11

      11:43

    • 18.

      Animación en AE: fotogramas 12-13

      22:25

    • 19.

      Animación en AE: fotogramas 14-15

      20:30

    • 20.

      Animación en AE: conclusión

      14:44

    • 21.

      Animación en AE: exportación

      3:50

    • 22.

      Video de la marca

      1:30

    • 23.

      Proyecto de clase

      2:09

    • 24.

      Recapitulación

      3:53

    • 25.

      Gracias

      1:06

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1743

Estudiantes

3

Proyectos

Acerca de esta clase

¡No hay nada como ver que tu logotipo y tu identidad corporativa cobran vida a través de la animación, la música y los motion graphics! Aquí es donde entran en juego los videos de marca. Los videos de marcas ayudan a crear conciencia, educar, entretener o inspirar a tu audiencia para que realice una acción determinada para tu marca. En un mundo donde todo pasa de imágenes a videos, ¡los diseñadores gráficos tenemos que mejorar nuestra animación y dar vida a nuestras marcas!

¿Qué aprenderé en esta clase?

1: ¿Qué son los videos de marca y por qué son importantes?

2: El método de construcción de historias en 360
grados3: Redacción de un resumen
creativo4: Construcción de una estructura de y una línea de tiempo de la
historia5: Creación de storyboard6: Incorporación de capas de archivos en
Illustrator7: Elección de música para el
video8: Configuración del archivo en After Effects 
9: Paso a paso detallado de animación en After Effects
10: Exportación en After Effects
11: Recapitulación con 10 consejos de oro

¿Para quién es la clase?

1: Diseñadores experimentados que tienen identidad de marca y quieren que cobren vida a través de la animación y los videos de marca 

2: Principiantes que recién se inician en la creación de marcas y quieren entender cómo se crea el proceso desde cero y también quieren aprender a usar muchas herramientas en After Effects, ya que se realiza en un proceso paso a paso, pero ¡prepárate para un desafío!

¿Cuáles son los requisitos para esta clase?

1: Estar cómodo con el uso de Adobe Illustrator
 
2: Facilidad y experiencia con el uso de After Effects (aunque también es fácil para principiantes, pero te recomiendo que tomes una clase de AE básica antes de esta para que te sientas cómodo con el programa)

¿Por qué deberías tomar esta clase?

Hoy en día, no basta con ser un gran diseñador gráfico, tienes que invertir para convertirte en un gran narrador. Construir una historia para tu marca es una de las herramientas más esenciales para el branding moderno, ya que involucra la audiencia con la marca a un nuevo nivel a través de contenido impulsado por la emoción. Esta clase también va más allá de crear la historia, y te enseñará a redactar un resumen, crear un storyboard y animar tu propio video de marca desde cero. Además, aprenderás un montón de herramientas de animación divertidas en After Effects que podrás utilizar para tus futuros proyectos de animación que pueden darle categoría a tu portafolio o ganar nuevos clientes.

Materiales, recursos o programas que necesitarás:

- Adobe
Illustrator- Adobe After
Effects- Keynote (opcional)
- Papel y lápiz/iPad
- Plantilla de resumen creativo (la puedes encontrar en recursos)
- Plantilla de estructura de historia (se proporciona en recursos)



Espero que después de ver esta clase desarrolles un nuevo amor por la narración de historias y los videos de marca ¡y que sientas entusiasmo por los tuyos propios! Te acompañaré a cada paso del camino.

Conoce a tu profesor(a)

Teacher Profile Image

Khadija El Sharawy

Graphic Designer & Storyteller

Top Teacher



Hey you! I'm Khadija El Sharawy but everybody just calls me Dija (it's shorter and easier to pronounce, I promise.) I'm a dual British-Egyptian citizen, but I was born, raised and based in Cairo, Egypt and I'm a freelance graphic designer. I previously worked at a leading branding agency for 3 years but decided to fly solo and embark on a new path in 2020. I love building brands from the ground up, telling their stories and bringing them to life through brand identities, animation and packaging design. My most notable clients are Coca Cola where I had tons of fun designing their limited edition cans. My love for branding really stems from storytelling; I've always been a storyteller ever since I was a kid. My newest love is animation. Making things move in dif... Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

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.