Transcripciones
1. Introducción: Hola, soy Hongshu. Soy diseñadora de movimiento en Canadá. Llevo más de seis años animando profesionalmente en Adobe After Effects. Trabajé para dos agencias de publicidad diferentes para clientes como Adidas, PayPal, Walmart, y muchos más. hoy, te voy a enseñar a animar un video explicador estilo colágeno con stop motion y After Effects desde storyboard hasta animación final. Los videos de Explainer son realmente populares en este momento y es una parte importante de los gráficos en movimiento. Una vez que sepas animar videos explicadores, te convertirá en un animador más comercializable hacia tus competidores y podrás emprender proyectos divertidos por tu cuenta. Es un sólido punto de partida para aprender los fundamentos de los gráficos en
movimiento y prepararte para el éxito futuro. En este curso, te mostraré todo lo que necesitas saber para empezar con un video explicador de stop motion estilo colágeno vintage. Te mostraré el completo flujo
de trabajo profesional desde el principio venir con un storyboard, identificar las principales escenas animadas y transiciones, cómo configurar tu archivo de Photoshop para animación, paso a paso trabajando a través del guión gráfico, aplicar principios de animación como overshoot, cómo animar con stop motion. Usa efectos sencillos para dar vida a tus fotogramas clave y toneladas de atajos de teclado, consejos y trucos que utilizo todo el tiempo para un flujo de trabajo más eficiente. Para el proyecto de clase, estarás aplicando las habilidades y técnicas aprendidas aquí para crear tu propia pieza explicadora animada de 20 segundos. Haz algo de lo que estarás realmente orgulloso. Este curso es para alguien que ya está familiarizado con el software After Effects y quiere perfeccionar tus habilidades para trabajar de manera más eficiente y convertirse en un mejor animador. esta clase hay muchos consejos y trucos que cubrir,
así que no entraremos en los conceptos básicos de After Effects y motion graphics. Si eres principiante en After Effects o motion graphics, te recomendaría que revises mis otras clases de principiante antes de tomar esta. Los conceptos y técnicas que aprenderás en este curso se traducirán fácilmente a cualquier tipo de proyectos y te convertirán en un mejor animador de After Effects. Más allá de solo crear un video explicador final, también
entrenará tus ojos para convertirte en un tamaño de animador y
ofrecerte una nueva forma de mirar la animación y los storyboards en el futuro. También desarrollarás mayores insights sobre la narración visual y ampliarás tus vocabularios de animación y aprenderás más técnicas de animación caliente y fina. Espero que te diviertas mucho aprendiendo y animando. Te veré en clase.
2. Proyecto de la clase: Bienvenidos a la clase. Antes de empezar, quiero hablar del proyecto de clase. Para los proyectos, estarás animando nuestro propio video explicativo de 20 segundos basado en el guión y guión gráfico proporcionado. Te llevaré a través de todo el proceso desde cómo personalizar o tu propio guión gráfico hasta la animación final. Tengo el storyboard listo aquí en formato PSD, y lo podemos pasar juntos en este momento. Se va a leer la voz en off, ¿te gusta viajar? Ven con nosotros. Vive una maravilla en la ciudad de Nueva York o la antigua cultura de Roma. Te llevamos a lugares, travelholics.com. Básicamente esta empresa se llama travelholics.com y nos está pidiendo creemos un video explicador en este estilo de collage vintage para ayudar a promocionar su sitio web. Este es un guión gráfico que se nos ocurrió. Para el proyecto de clase, espero que puedan llevarse mi archivo PSD que está por aquí, el archivo de Photoshop que armé. Puedes utilizar este archivo de Photoshop que te proporcioné en los activos de la clase. Puedes modificar, personalizar, cambiarlo como quieras, tal vez cambiar el color, cambiar el diseño. Si eres bueno en Photoshop, puedes hacer lo que quieras con su diseño y
llegar a tu propio storyboard, diseño propio. Si eres principiante con Photoshop, solo
puedes tomar mi archivo y luego seguir los pasos que impartimos en la clase para animar este video explicador de 20 segundos. Dicho esto, al final para tu proyecto de clase vas a llegar
a una animación de 20 segundos con un guión gráfico que proporcioné, o personalices algo como esto como tu proyecto de clase. Al estar tomando el curso y trabajando en el proyecto, animo a compartir conmigo los avances de trabajo en el panel
del proyecto para que pueda brindarles retroalimentación y guiarlos a través del proceso. Un video explicador de 20 segundos no es un proyecto fácil, sobre todo si es tu primera vez que lo haces. Habrá luchas y dolor, confía en mí, pero igual que aprender cualquier cosa como parte del proceso, estoy aquí para ayudarte a sacar el máximo provecho de este curso y contestar cualquier pregunta o despejar cualquier bloqueo de carretera en el camino. Si potencias a través de él y completas tu proyecto, aprenderás una tonelada y serás mucho mejor animador en unas semanas. Una vez que me sigas y completes este proyecto, obtendrás una idea de cuál es el proceso completo para crear un video explicador. Este proceso y flujo de trabajo es aplicable a cualquier obra gráfica de movimiento, te ayudará a adelantarte al juego y te dará la confianza para estar listo para cualquier trabajo futuro del cliente. No sólo eso, al final tendrás un video explicador completo para poner en tu carrete demo que podrás compartir entre amigos. Eso es todo con el proyecto de clase, te
veré en la clase.
3. Storyboards: Hola a todos y bienvenidos a esta primera lección. En esta lección, quiero hablar de storyboards. Vamos a nuestra carpeta aquí y déjame sacar el guión gráfico que tengo en este momento. Este storyboard de video explicador estilo collage de 15 segundos. Esencialmente hay dos escenarios si estás tratando de animar un video explicador. Una es que uno se te proporciona un guión gráfico de tu cliente y todo lo que necesitas hacer es animarlos. El segundo escenario es que cuando tu cliente te acerque sin un storyboards y vas a ser quien esté haciendo el storyboard, diseñando el storyboard, y más allá de animarlo. Estos son dos escenarios diferentes que vamos a cubrir en esta lección. En primer lugar, quiero hablar del primer escenario cuando se te proporciona un guión gráfico. Aquí, puedes ver en mi carpeta, tengo una carpeta de storyboard, y esta va a ser una baraja de storyboard que
recibí de mi cliente o de mi director de arte. Para este proyecto específico, tenemos un video storyboard explicador estilo collage de 15 segundos, el cliente se llama travelholics.com y están tratando de promocionar sus sitios web. Se puede ver aquí tenemos seis fotogramas a nuestro storyboard y tenemos un VO listo el cual es un guión que es proporcionado por los clientes. Ya tenemos marcos diseñados por nuestro director. Si pasas por el guión, se leerá así. ¿ Te gusta viajar? Ven con nosotros, experimenta una maravilla en la ciudad de Nueva York o la antigua cultura de Roma. Te llevamos a lugares, travelholics.com. Básicamente se trata de una línea de cuentos que une todo y te cuenta la historia de esta empresa. Como puedes ver aquí, tenemos un primer marco,
que es un mainframe y con un diseño de estilo medio collage aquí, muy bellamente diseñado por nuestro director de arte. Ven al marco de transición, tenemos un avión que viene de
la izquierda de la pantalla y luego con un refrán de cinta ven con nosotros, que también coinciden con los guiones. Entonces el tercer cuadro después de esta transición está
entrando en un diseño de marco de la ciudad de Nueva York y el guión va a decir, experimentar una maravilla en la ciudad de Nueva York, después de esto se va a la transición a la ciudad de Roma. Entonces si tienes más tiempo, como tal vez más de 15 segundos, si tienes 20 segundos, podrías agregar otra ciudad y puedes diseñar otra tabla por aquí. Entonces después de eso, va a ser una transición al bloqueo del logotipo, que es el marco final. Normalmente, cuando estamos haciendo video explicativo, el marco final siempre es un sitio web o un logotipo. En este caso, tenemos un sitio web travelholics.com, que es lo que el cliente quería promover. Este es nuestro storyboard deck que recibo como animador. Aparte de este storyboard deck, también
recibiremos un archivo de trabajo, que es un archivo de trabajo de Photoshop. Después de que abro este archivo de trabajo, se pueden
ver todos estos seis marcos están organizados en nuestros tableros. Entonces cada fotograma, ahí están todas las capas, como puedes ver en el primer fotograma uno, y todas las capas separadas, todos los efectos que obtuviste. En esta clase, no te estamos enseñando a hacer un storyboards estilo collage, estamos aquí para enseñarte a hacer la animación. Este estilo de diseño no es muy fácil de hacer si eres muy nuevo o si eres principiante en Photoshop. Pero como estamos enseñando animación aquí, así que adjuntaré este archivo de trabajo a nuestros recursos de clase para que puedas descargar todo y luego seguir
adelante y más adelante solo puedes modificar cosas en función de tu habilidad con Photoshop y luego cambia y luego cambia las cosas para hacer tu propio diseño, si quieres. Dicho esto, no quiero adentrarme demasiado en las capas de los gráficos dentro de Photoshop. Como puedes ver aquí, tenemos todas estas capas separadas, más adelante cuando importemos estas capas de Photoshop a After Effects, vamos a mantenerlas separadas. Es por eso que podemos lograr animar cada capa individualmente dentro de After Effects para crear la animación. Entonces tenemos el cuadro 2, que es éste de aquí, es un marco de transición. Después marco 3, que es la ciudad de Nueva York, marco 4 tenemos una ciudad de Roma, y luego marco 5, tenemos un eslogan, te llevamos a lugares. Es un eslogan para esta empresa. Entonces al final vamos a llegar al encuadre 6, que aterriza a esta página web que cliente tratando de promover. Estos dos archivos aquí, uno es storyboard deck, que normalmente viene como un PDF, solo para mostrarte lo que va a gustar a la historia, la storyline del storyboard. Entonces el otro archivo que recibimos como archivo de trabajo el cual contiene todos
los elementos gráficos que se utilizan para diseñar este guión que posteriormente podamos importar esto a After Effects para animar. Eso es todo sobre nuestro primer escenario cuando se te
proporciona un guión gráfico de tu cliente o de tu director de arte. El otro escenario, el segundo es cuando tienes que hacer tu storyboard tú mismo por tu cuenta. Para ser honesto, nunca me consideré un artista de storyboard. No soy muy bueno en storyboarding, pero te mostraré mi proceso de cómo trato con estas cosas cuando consiga un cliente freelance. En primer lugar, me dieron esta plantilla de storyboard, PSD. Déjame abrir esto. Esta es sólo una plantilla que utilizo como pauta cuando recibo como digamos, solicitud de guión gráfico de
15 segundos, también
puedes extenderla a 30 segundos, un minuto, como quieras. Pero esto es esencialmente lo mismo, cuando el cliente se acerque a ti, tendrán un script listo para seguro. Te van a dar el guión, como ya puedes ver, poner el guión aquí dentro, el VO que dice, ¿te gusta viajar? Ven con nosotros y luego experimenta una maravillosa ciudad de Nueva York, o la cultura antigua en Roma, te
llevaremos a lugares, travelholics.com. Como puedes ver aquí, tengo siete fotogramas y luego tengo esta secuencia de fotogramas como pauta para ayudarme con el diseño de una historia. En primer lugar, tengo en Main artwork, que es nuestra primera escena de apertura, va a ser algo que es hermoso, llamativo, que la gente se quede a ver tu video. Esa es mi obra principal. Entonces más adelante de la obra principal, quiero descifrar una transición que vaya a transitar la obra principal a la siguiente obra de arte, que también es una obra principal pero como si fuera la segunda escena hermosa que vemos. Después de esa escena, tenemos otra transición a otra escena. Esa es la tercera escena por aquí, que es el marco 5 por aquí, y luego después del fotograma 5, vamos a necesitar pasar a un revelador de logotipo y luego aterrizar en un bloqueo de logotipo. Esto es básicamente una pauta para mí, yo mismo, trabajar en los gráficos y luego
llegar a algo que pueda enlazar todo juntos, todas las historias, el guión juntos, para después ponerlo en After Effects para hacer algo de animación. Eso se trata de esta pauta aquí. Pero digamos si queremos diseñar algo en el marco 1. El cosa que hoy queremos animar es muy específico. El estilo de diseño es muy específico. Es un estilo collage en look muy vintage. No es algo que sea muy fácil de hacer. Al igual que tendrás que estar bastante cómodo y familiarizado con Photoshop, y entonces no podrás trabajar en algunos de los efectos dentro de Photoshop para llegar a un estilo como este. obstante, si no tienes este look vintage o estilo collage, aún
puedes diseñar algo hermoso para representar o para contar la historia. Digamos, para la primera escena aquí, ¿te gusta viajar? En nuestra escena, tenemos una copia, el texto dentro del marco. Tenemos, ¿te gusta viajar? Entonces viajar es realmente grande. A pesar de que si no tienes estos estilos gráficos, si te quitas el estilo gráfico como este look de periódico dentro del texto, todavía
puedes tener un diseño bastante bueno y luego se ve bastante bonito. Siempre que diseñe algo, intentaría buscar la palabra clave dentro del guión. ¿ Te gusta viajar? Viajar es una palabra clave. Entonces después de que me dieron la palabra clave, hay un par de sitio web que puedes seguir. Digamos que si puedes ir, uno de los sitios web se llama freepik.com. Se trata de tiendas gratuitas, pero entonces si lo estás haciendo con fines educativos, así solo puedes descargar todas las imágenes o todo desde aquí, y luego usarla con fines educativos. Pero si estás haciendo un trabajo de cliente, es posible que necesites obtener una suscripción. Eso es lo que hice, y luego solo puedo descargar aquí los gráficos. Digamos que si busco viajes, va a
haber un montón de diseños de piernas, ilustraciones que me van a inspirar, y entonces tal vez algunos de ellos podrían funcionar. Así, se ve bastante bien. Tiene maletas y luego te gusta viajar, bastante buen diseño aquí. Entonces tenemos estas hermosas imágenes. Podemos incluso usar este y luego poner la copia en el lado derecho. ¿ Te gusta viajar o algo así. Todo depende del tipo de estilo que vayas por. Este es más de un estilo Illustrator. Tienes pasaporte, tienes las cámaras, y todo eso. Tengo otro video enseñándote cómo hacer un video explicador basado en estilo de ilustración. Lo vincularé a la descripción de la clase y podrás comprobarlo si lo deseas. Pero desde hoy, estamos trabajando en una animación estilo collage vintage, cuando busques la palabra clave dentro del sitio web, te
va a dar mucha inspiración, y luego puedes descargar cosas, y luego colagarlas juntos. Trata de inventar tu propio diseño. Eso es algo que hago. Hay toneladas de diseños y páginas por las que puedes pasar para tratar de obtener algo de inspiración. Otro sitio web que puedes probar es Shutterstock, que es un sitio de imagen de stock, eso es bastante bueno. Viajes. Digamos que si busco viajes y luego si lo cambio por ilustraciones, va a
haber muchas ilustraciones de viajes que la gente hizo. Entonces puedes descargar después de tener una suscripción para usarlo en tu propio guión gráfico. Esencialmente, lo que digo es que no tienes que subir
nada por tu cuenta desde cero. Simplemente puedes referir las ideas de las personas y luego emparejar las cosas para llegar
a algo que se adecue a tus guiones o a la necesidad del cliente. Aquí hay muchos diseños hermosos. Posteriormente, una vez que tengas los gráficos, necesitarías una paleta de colores, y ahí es cuando voy a coolors.com. Este es otro sitio web aquí que te va a ayudar con alguna paleta de colores. Puedes ir a Explorar, y luego una vez que golpeas Explorar, tienes todas estas paletas de colores de tendencia. Puedes tomar una captura de pantalla y ponerla dentro de tu archivo de Illustrator o incluso Photoshop. Basta con pegarte con una paleta de colores. Va a hacer que tu diseño sea consistente y el color va a quedar muy bonito. Se puede ver nuestra tabla aquí, nos pegamos con esto casi beige como el azul y el verde, y este color naranja. Los tres colores, y esa es nuestra paleta de colores principal. Todo es verde azul, azul
claro, verde claro, y luego naranja claro. Está haciendo que la gente sea muy tranquila y calmante. Tiene una sensación de vacaciones a ella. Aquí es donde puedes encontrar algunas paletas de colores. Más adelante, si solo vas por un estilo específico, ahí
es cuando Pinterest entra en su lugar. Se puede registrar cuenta. Es completamente gratis. La gente clama sus cosas. Aquí hay un montón de grandes ideas. Este es mi tablero para el diseño de collage. Como puedes ver, hay muchas cosas a las que puedes hacer referencia si quieres. Simplemente trabajaré en esta animación estilo collage vintage. Puedes hacer referencia a Pinterest cada vez
que haces clic en algo, puedes ver muchas cosas relacionadas que la gente publica, y solo puedes ir más y más profundo en cada estilo que quieras. Si quiero dar click en esto, esto es bastante bueno. Aquí puedes hacer referencia a los estilos, cómo tratan el gráfico, cómo tratan las imágenes, el color, la sombra, y los estilos, y todo. Simplemente consiguió tantos diseños geniales que te
van a inspirar para hacer tu propio storyboard. Siempre que necesito diseñar algo, este es el primer go-to principal. Tengo que venir en Pinterest para encontrar algo de inspiración, y luego llegar a mi propio guión gráfico. Como puedes ver, volvamos a este storyboard get line aquí. Tenemos una obra de arte principal, y luego vamos a tener transición, solo sigue lo mismo. Sólo tienes que ir a Freepik, tratar de encontrar algunos gráficos e incluso ir a Pinterest para encontrar algo de inspiración. Después de que sigas todas las cosas de las que hablé, puedas crear un guión gráfico para ti, y luego más adelante, podemos traerlo a After Effects para animación. Esos son los dos escenarios que queremos cubrir aquí en esta lección. Aparte de este documento PSD, también
tengo una plantilla de storyboard en Illustrator, que es igual a esta plantilla de PSD. Es uno que estás tratando de diseñar algo
basado en ilustración para que tengas que usar Illustrator para storyboard. En fin, eso es todo lo que necesitamos para cubrir en esta lección de storyboard. Espero que aprendas algo y te veremos en la siguiente clase.
4. Preparar en Photoshop: Bienvenido de nuevo. En esta clase vamos a hablar de cómo preparar archivos de Photoshop para la animación. Vayamos a nuestras carpetas. Vayamos a nuestro libro de cuentos. Después de abrirlo, como pueden ver,
hay 1, 2, 3, 4, 5,
6 marcos, seis mesas de trabajo en el panel de capas de Photoshop. Si no ves el panel de capas, puedes ir a Windows y luego elegir Capas. Entonces puedes ver el panel de capas por aquí. cada marco aquí que tenemos se le llama mesa de trabajo. Entonces dentro de cada mesa de trabajo tenemos todas estas capas separadas. En esta clase, lo que tenemos que hacer es separar cada mesa de trabajo en su propio archivo de Photoshop. este momento, sólo tenemos un archivo de Photoshop que contiene los seis marcos por lo que necesitamos exportar cada uno para convertirse en su propio archivo de Photoshop. En ese caso, cada archivo de Photoshop contendrá sólo una mesa de trabajo, un marco. Para ello, es muy sencillo. Basta con repetir el proceso seis veces. En primer lugar, tenemos que dar click en este marco 1 y luego ir a Archivo-Export-Artboard to Archivos. Entonces necesitamos elegir una ubicación de archivo. Vayamos a esta carpeta principal aquí. Entonces puedo hacer una carpeta llamada Separado. Haga clic en “Abrir” y luego vamos a dar click en “Ejecutar”. Dice mesas de trabajo a archivos fue exitoso. Haga clic en “Ok”. Volvamos a nuestra carpeta separada. Tiene un guión gráfico 2 Frame 1.psd. Este es nuestro marco 1 del que tenemos que preocuparnos, lo cual es bueno. Entonces sólo necesitamos repetir el mismo proceso por seis veces. Vaya a Frame 2, Archivo-Export-Artboard a Archivos, navegue, asegúrese de que esté dentro de la carpeta separada, y luego haga clic en “Ejecutar”. Éxito. Ir al marco 3, Archivo, Exportar, Tablas de trabajo a Archivo. Asegúrate de que esté dentro de la carpeta separada. Haga clic en “Ejecutar”. Éxito. Ir al marco 4, Exportaciones, mesas de trabajo a archivo, navegar, dar clic en “Separados”, Abrir, Ejecutar. Después marco 5, Exportar, mesas de trabajo para archivar, navegar, separados, Abrir, Ejecutar. Entonces el último fotograma, Archivo, Exportar, mesas de trabajo para archivo navegar separado, abrir, ejecutar. Éxito. Cerremos este guión principal. Puedo dar click en “Guardar”. Sólo volvamos a esta carpeta separada. Tenemos 1, 2,
3, 4, 5, 6. Tenemos seis archivos de Photoshop. Cada uno contiene sólo un marco. Abramos el primer fotograma. De lo que necesito asegurarme es de que necesito asegurarme de que todos estos elementos
estén separados, sean capa individual por sí mismos para que más adelante pueda animarlos. En primer lugar, tenemos este pequeño punto aquí, bien. Entonces cuando veo que hay una máscara de capa como esta, máscara de
capa nunca se puede traducir muy bien en secuelas. Al igual que cada vez que hay una máscara de capa, cuando se transfiere a after effects va a estropear la máscara de capa. Siempre que veo una máscara de capa, como veo esto, la capa de ajuste está encima de esta capa aquí. Simplemente seleccionaré las dos capas y luego haré un objeto inteligente. Puedo ir a capa y luego Objeto Inteligente, Convertir a Objeto Inteligente. Ahí es cuando tendría este elemento aquí, el equipaje se convierte en una sola capa. Antes de que tenga ajuste Capa para cambiar el color de la rueda a blanco y negro. Entonces tengo otra capa. Aquí tienes una máscara de capa. Solo necesito que el equipaje sea una capa para que sea más fácil de controlar más adelante. Selecciono las dos capas aquí, voy a allá Objeto inteligente, Convertir a objeto inteligente. Esto es bueno. Puedo renombrarlo a equipaje. Aquí tenemos un color y también una sombra aquí. Yo quiero hacer de estos dos un grupo. Seleccione los dos, vaya a Capa, Objeto
inteligente, Convertir en objeto inteligente. Esa es una capa. Entonces tengo aquí todas estas aves. No quiero cambiar nada aquí porque podría necesitar todas estas aves dentro de After Effects. Porque estas son bastante buenas variaciones. Ahora mismo, simplemente lo dejaría aquí para que más adelante cuando lo importe a after effects, pueda guardar toda la variación de las aves que pudiera necesitar. Entonces tengo esta copia aquí, la sombra. Esto es bueno. Está justo dentro de la carpeta. Ahora tenemos viaje, esta capa de viaje, que es buena. Como puedes ver, la capa de viaje está dentro de una carpeta. Cuando lo importe a After Effects, me va a guardar la carpeta. Entonces después tendré esto. Esta es textura ruidosa. Tenemos este rectángulo aquí, la forma en el centro, y luego el fondo. De eso se trata. Eso es todo lo que necesito. Todo lo que necesito hacer es Comando S o ir a Archivo, Guardar. Comando S, vaya a Archivo, guardar. Como puedes ver, todo lo que tengo aquí solo esta capa de pájaro tiene una máscara de capa, que intencionalmente la dejé ahí. Todo lo demás es solo su propia capa por lo que más adelante puedo conseguir animar esos. Abramos el segundo PSD. Ahora mismo lo que estamos haciendo es que necesitamos pasar por cada PSD, cada fotograma individual para asegurarnos de que la capa de archivos esté configurada correctamente. Cuando lo importe a after effects, no
va a estropear mi diseño. Yo quiero hacer de los tres un Objeto Inteligente. Vamos a Capa, Objeto Inteligente, Convertir a Objeto Inteligente. Ahora solo es una capa aquí. Eso es bueno. Y tenemos el avión, tenemos la sombra. Eso es bueno. Tenemos la cinta. Eso es bueno. El rectángulo es de una capa. El periódico es de una capa. Eso es bueno. Ahora puedes ver que está bastante organizado. Todo está en su propia capa, lo cual es bueno. Vayamos a Archivo, Guardar. Ahora abramos el marco 3. Solo necesito pasar por cada uno para
asegurarme de que estén todos en las capas individuales. Tiene este color azul aquí y luego tenemos esta antorcha aquí. Esta es la señal vial. El taxi tiene aquí su propia carpeta, lo cual es bueno. Entonces tengo una forma aquí, eso es bueno. ¿ Qué es esto? Esta es una estatua de la libertad. Esta tiene una máscara de capa. Podría necesitar que este se convierta en un objeto inteligente. Vamos a Capa, Objeto Inteligente. Siempre que veo una máscara de capa, necesito hacer de ella un objeto inteligente. Entonces vamos a estatua aquí. Esa es la sombra, que es buena. Entonces, ¿qué pasa con estos? Oh, esta es una línea de Nueva York aquí. Yo quiero hacer esta línea de Nueva York. Los dos trabajaron con un diseño, el estilo, en un objeto inteligente. Vayamos a la capa. Todo lo que necesito es seleccionar las cuatro capas y luego ir a Capa, Objeto
Inteligente, Convertir a Objeto Inteligente. Se va a poner todo en un objeto inteligente. Entonces cuando muevo el icono del ojo, puedes ver esto encendido y apagado se convierte en una sola capa. Entonces tenemos el fondo, la imagen de
Nueva York a la textura del suelo. Eso es bueno. Todo está bien. Vayamos a Archivo, Guardar. Entonces vamos a la capa cuatro. Este tiene un gráfico aquí. Necesito hacer de estos dos una capa de objetos inteligentes. Objeto Inteligente Convertir a Objeto Inteligente. Entonces tenemos esta cosa aquí. Las cosas de esta bicicleta necesitan para hacer de éstas un objeto inteligente. Entonces cada vez que veo estas flechas, lo que significa capa de ajuste, solo
necesito hacer de todo un objeto inteligente. Porque no quiero tener tantas capas cuando lo importe a after effects, eso no está funcionando. Se va a estropear todo el diseño. Entonces más adelante necesito, si está mal, aún
tengo que volver a Photoshop para ajustarlo. Entonces el fondo, ahora mismo el fondo tiene una sombra los textos de Roma, el fondo. El fondo tiene esta sombra dentro del fondo. Esto en realidad no es un fondo. Es una sombra. Necesito traer estas cuatro capas fuera de esta carpeta de fondo y luego ir a Capa, Objeto
inteligente, Convertir a objeto inteligente. Este va a ser el Bike Shadow. Ahora tenemos la forma de fondo, lo cual es bueno. Ir a Archivo, Guardar. A continuación, tenemos marco 5. Esto va a ser bastante sencillo. El texto, no sé por qué tenemos dos copias. Puedo eliminar una capa. Podemos dejarlo con solo uno, que es suficiente. Eso está bien, Save. Ahora último un marco 6, tenemos una página web. Tenemos que ir a este sitio web aquí y luego tenemos este rectángulo, la textura del suelo. Todo se ve bien. Vayamos a Archivo, Guardar. Eso es todo lo que necesito cubrir. Cómo preparar un archivo de Photoshop antes de la animación. Siguiente video, te voy a mostrar cómo importar
estos archivos de Photoshop a After Effects y empezar a animar.
5. Configura el archivo en AE: En este video, te voy a enseñar a configurar archivos en After Effects. Ahora, abramos After Effects. Ya lo tengo abierto aquí. Como puedes ver, estoy usando Adobe After Effects 2021. También puedes usar cualquier otra versión anterior. Demos click en esta nueva pestaña de composición. Ahora podemos cambiar la configuración de los nuevos comps. En primer lugar, podemos renombrarlo a main comp, que es una composición principal en la que estaremos animando. Aquí puedes elegir algunos de los presets. Hay un menú desplegable. Normalmente sería por defecto como 1920 por 1080, 16 por 9 relación, va a ser HD, y luego píxeles cuadrados está bien, fotogramas, puedes cambiar la velocidad de fotogramas aquí. Hay 24 fotogramas por segundo, 25, 30 fotogramas por segundo. Para nosotros usemos 25 cuadros por segundo. Nuestro video va a ser alrededor de 15-20 segundos, pero podemos mantener la duración a 30 segundos. Ahora mismo se puede ver que es de 30 segundos. Eso es bueno. De esa manera, tenemos más cronología con la que trabajar. Entonces el color de fondo puede ser de cualquier color. Va a ser negro en defecto y dar click en “Ok”. Ahora puedes ver en este panel de proyecto lateral izquierdo tenemos una composición principal configurada. Si no estás viendo lo mismo que mi panel aquí, puedes ir a Ventana y luego Workspace, elige Diseño estándar. Si aún no lo estás viendo, puedes restablecer estándar a disposición guardada, va a poner el diseño estándar a predeterminado. Debería poder ver el mismo diseño que el mío. Recuerda, tenemos un fondo de color negro, pero ahora mismo no hay nada. No es negro, es transparente. Es porque tenemos encendida esta rejilla de transparencia. Si apagamos esta rejilla de transparencia, se
ve este color negro. No obstante, si
renderiza, sigue siendo transparente. No tienes fondo de color negro. Esto es sólo con fines de vista previa, por lo que te está mostrando como un color negro, pero en realidad es en realidad transparente, si alteras el interruptor aquí. Volvamos al panel del proyecto a
la izquierda y luego podemos hacer doble clic para importar. Vamos a navegar a nuestra carpeta aquí, Travelholics Animation, guión gráfico separado. Recuerda que tenemos el guión gráfico separado, y después vamos a importar el primer fotograma aquí. Haga clic en este archivo PSD, y luego por aquí puede elegir Importar como. Para nosotros es muy importante importar como una Composición-Retener Tamaños de Capa. Para metraje, si importas como metraje, va a hacer todo puré juntos como una sola capa. Recuerda que teníamos todas las capas separadas en Photoshop. Si importamos como metraje, va a ser solo una capa. No podrás animarlos individualmente. Pero entonces si retienes tamaños de capa, importar como composición va a mantener el tamaño de capa de cada capa así como mantener las capas separadas. Normalmente, el 95 por ciento del tiempo que elegiríamos Composición-Retener Tamaños de Capa. También asegúrese de no hacer clic en esta secuencia de Photoshop. Mantén esto sin marcar porque si revisas esta, se va a importar como la secuencia de Photoshop, que no quieres. Esto es muy importante. Hay escenarios en los que hay que usar esto, un 95
por ciento del tiempo no podrás necesitarlo. Sólo asegúrate de que no esté comprobado. Haga clic en “Ok”. Ahora me está preguntando de nuevo, importar tipo, Composición-Retener tamaños de capa, lo cual es bueno, y luego Estilos de capa editables, lo cual es bueno. Haga clic en “Ok”. Ahora como puedes ver aquí en el lado izquierdo, en el panel de proyectos, tengo una composición principal la cual se creó al principio y después tengo una carpeta y también otra composición llamada storyboard 2 frame 1. Si hago doble clic en esta composición de marco 1 y vuelvo a hacer doble clic en esta composición de marco 1, tiene todas las capas del archivo de Photoshop. Como puedes ver hay un icono de Photoshop en el frente, todo está separado para que más adelante podamos animarlo. Ahora lo que necesito hacer es organizar un poco el panel del proyecto. Necesito una carpeta nueva aquí, necesito una carpeta de activos. Después de tener la carpeta de activos, necesito crear otra carpeta. Yo solo quiero dar clic en este espacio vacío aquí y luego dar clic en este, Crear un icono de nueva carpeta de nuevo, convertirlo en un precomps. Necesito otra carpeta llamada salida. Eso se trata de todo lo que necesitamos. Si tienes música en tu video, puedes crear una carpeta llamada música. Bueno, probablemente música y VO, voz en off y música. Ahora sólo necesitamos organizarlo. El composición principal es la composición en la que estaremos trabajando. Tenemos que poner esta composición principal en carpeta
de salida para que esta sea nuestra salida al final. Después de que
terminemos todo, vamos a renderizar esta composición principal como el video final. Entonces los precomps son cualquier cosa que no sea la comp principal, esa también es una composición como esta. Cualquier cosa con el mismo ícono. Este es un icono de composición. Tenemos el storyboard 2 frame 1 composición. Tenemos que dejarlo dentro del precomp. Entonces la carpeta contiene todos los archivos de Photoshop. El archivo carpeta en sí, necesitamos ponerlo en los activos, y para que sea más fácil de ver, quiero poner 00 antes la carpeta de salida para que la carpeta de salida esté siempre encima de la lista. Cada vez que voy al panel de proyectos, sé que esta es la composición principal. Esta es la salida final, siempre está arriba. En función de tu necesidad, puedes agregar más carpetas, pero normalmente para un proyecto pequeño, esta es una carpeta que necesitamos. Es bastante fácil organizar un pequeño proyecto si tienes un video de 30 segundos o de un minuto, podría ser diferente. Va a haber muchas revisiones y es posible que tengas muchas carpetas diferentes. Pero ahora mismo para nosotros, sólo
podemos mantenerlo simple. Simplemente crea estas cuatro carpetas, deja todo en su carpeta respectiva, composición
principal en salidas, y luego esta carpeta en activos, y esta composición de storyboard 2 frame 1 en precomps. Eso es todo. Si volvemos a la composición principal, este es nuestro principal espacio de trabajo. Ahora lo que necesito hacer es simplemente hacer lo mismo, repetir los mismos pasos que hacía antes para importar todos los demás cuadros. Puedo ir a este panel de proyecto aquí y luego hacer doble clic en el panel de proyecto. Otra forma de importar es si vas a Archivo y luego puedes ir a Importar, Archivo. Se ve este Archivo, Importar, Archivo, aquí es donde se puede importar su archivo de Photoshop. Haga clic en el segundo marco y asegúrese de que tenemos seleccionados Composición-Retener tamaños de capa. No hagas click en esta secuencia de Photoshop, y luego, “Ok”. Composición-Retener Tamaños de capa, Estilos de capa editables. “ Está bien”. Ahora tenemos otro fotograma aquí, storyboard 2 frame 2, déjalo caer dentro de la carpeta precomps y luego esta nueva carpeta, déjalo dentro de los activos para que todo esté organizado. Ahora volvamos al panel del proyecto, haga doble clic en el espacio vacío. Es lo mismo que Archivo, Importar, Archivo. Simplemente es más fácil hacer doble clic en el espacio vacío aquí para tirar hacia arriba de la ventana de importación. Vamos al fotograma 3, asegúrate de que sea Composición-Retener tamaños de capa, no
hagas clic en secuencia de Photoshop. “ Está bien”. Después tenemos otra comps, y luego otra carpeta. Tenemos tres más que ir. Vamos al marco 4, asegúrese de hacer clic en Composición-Retener tamaños de capa, haga clic en “Abrir”, haga clic en “Ok”. Después deja caer este en precomps, deja este en activos, y luego dos más. Ir al cuadro 5. Asegúrate de elegir Composición-Retener tamaños de capa. Haga clic en “Abrir”, “Ok”. Ponlo en precomps y luego poner de esta manera en activos. Después último,
marco 6, Composición-Retener tamaños de capa. Haga clic en “Abrir”, haga clic en “Ok”. Ponlo dentro de los precomps y luego pon éste dentro de la carpeta de activos. Entonces solo asegúrate de guardar los archivos. Todavía no lo he guardado, así que solo necesito venir aquí y decir Guardar. Asegúrate de tener un Guardar como, navega a nuestra carpeta. Este, puedo
nombrarlo Travelholics Animation, y luego dar clic en “Guardar”. Simplemente lo puse dentro de esta carpeta de animación, y luego “Guardar”. Ahora ya puedes ver si vamos al panel del proyecto, tenemos cuatro carpetas, si cierro todas estas carpetas, tenemos cuatro carpetas. Una es la salida, que tiene nuestra composición principal. Ahora mismo está vacío, es nuestro espacio de trabajo. Después tenemos carpeta de activos con todas las carpetas de Photoshop. Tiene todas las capas individuales que necesitamos, y luego tenemos una carpeta de música y VO, que más adelante podemos poner música y voz en off. Entonces tenemos un precomps el cual fue importado de Photoshop también, pero estas ya son composiciones, los seis marcos. Si abro uno de ellos, puedes ver que ya tiene todo en posición como capa separada. Es muy fácil para nosotros animar. Eso es todo de este video. Es así como configuramos el archivo After Effects para la animación. En el siguiente video, te voy a mostrar cómo empezar a animar la primera escena.
6. Animar una 1ª escena: fondo: Bienvenidos de nuevo a todos. En este video, vamos a empezar a animar la primera escena de apertura en After Effects. Recuerda del video pasado, te
he mostrado cómo importar los seis fotogramas de Photoshop a After Effects. Volvamos al panel Proyecto. Ya tengo mi archivo de After Effects abierto aquí. Vayamos a la composición del marco 1. Recuerda que hablamos de la estructura de archivos en el panel Proyecto. Tengo cuatro carpetas aquí, y luego dentro de la carpeta pre-comps, tengo una composición de marco 1. Hagamos clic en la composición del marco 1 y dentro del marco 1, tenemos otra composición que se llama marco 1. Lo que tenemos que hacer aquí es copiar aquí esta composición de marco 1, comando C, y luego volver a la composición principal. Recuerda esta es la estación de trabajo principal que vamos a estar animando todo nuestro asunto, así que solo asegúrate de pegarlo aquí, pegar la composición aquí, comando V. Ahora tengo una composición dentro de mi comp principal. No obstante, acabo de notar algo que aquí es muy extraño. Veo ahí es una barra negra en el lado derecho. Quiero entrar en este marco 1 composición y comprobar el tamaño de esta composición. Para comprobar el tamaño, puede hacer clic en el comando de
teclas de acceso directo K y esta composición es de 1,920 por 1,080, 25 fotogramas por segundo. Debería ser lo mismo que nuestras coms afuera. Haga clic en “Ok”. No obstante, dentro de esta composición, todavía se
puede ver esta barra negra por lo que eso significa que nuestro fondo aquí no es lo suficientemente grande. Todo lo que necesito hacer es ir a la última capa, esta capa la capa de Photoshop, que es un BKG de fondo. Cambiemos el tamaño de esto. Un atajo de teclado S para escala y luego simplemente hacerlo más grande. Yo solo quiero hacer más grande el fondo blanco para que esté ocupando todo
el espacio del marco y luego volvamos a la composición principal y ahora puedes ver que está actualizado aquí, la composición principal. Ahora mismo tenemos 1,920 por 1,080 marco
HD aquí que está bonito y limpio y esta es nuestra obra de arte. Lo que quiero hacer en este momento es que queremos empezar a animar dentro de este marco 1. Lo que tenemos que hacer es, vamos dentro de este marco 1, haga doble clic en esto. Puedo empezar a animar esta escena dentro del marco 1 composición, uno por uno. En primer lugar, tenemos antecedentes y luego no quiero cambiar nada con el fondo así que solo puedo bloquear esto. Ves aquí hay un icono de candado en el frente. Simplemente bloqueemos este para que no quiera tocarlo accidentalmente. Lo siguiente es la capa de forma aquí. Tengo una capa de forma. Para toda la animación aquí en este video explicador, estamos tratando de animar una animación estilo
collage look vintage para que todo el asunto se vea más como un stop motion. No va a ser muy suave. Quiero tratar de emparejar el look vintage con el estilo stop motion de la
animación para que todo sea más atractivo así que ese es el estilo de animación que voy por. Te voy a mostrar todo lo que necesitas saber para hacer un video explicador estilo collage de aspecto vintage con stop motion. Vamos a la capa de forma aquí y quiero que la capa de forma venga de izquierda a derecha. A lo mejor como moverse un poco cuando se ponga. Golpea en P por posición y luego solo puedo golpear un fotograma clave aquí, golpear en el cronómetro para agregar un fotograma clave aquí, y luego puedo ir hacia adelante 10 fotogramas. Comando Desplazar flecha derecha para ir hacia adelante 10 fotogramas. Arrastre este fotograma clave aquí al décimo fotograma y luego vuelva a los cero segundos. A lo mejor puedo cambiar la posición X hacia la izquierda y hacia abajo un poco para que la forma simplemente salga de izquierda a derecha muy sutilmente. Ahí puedo seleccionar ambos fotogramas clave, ir a hacer clic derecho Velocidad de fotograma clave, cambiarlo a 60, 60 para ambos fotogramas clave, fotogramas clave
salientes y entrantes. De esta manera podemos sumar más energía al movimiento. Vamos a previsualizar la animación. Yo quiero que sea más dramático. Yo quiero que el movimiento sea rápido y rápido, algo así. Entonces ahora lo que quiero hacer es, quiero cortar el marco en el tercer cuadro. Para cortar esta capa, utilice la opción corchete cuadrado izquierdo. Se puede ver el atajo en el lado izquierdo. Podemos cortarlo así y ahora quiero añadir unos efectos especiales. Se puede ir al lado derecho. Ahí están el panel de efectos y presets. Si no tienes la ventana de efectos y presets aquí puedes ir a Ventana y luego elegir Efectos y presets. Está por aquí. Busquemos una toallita lineal. Tenemos dos toallitas lineales. Uno es para la transición, que no es lo que queremos. Queremos este borrado lineal preestablecido de animación, haga doble clic para que se añada encima de esta capa de forma. Se puede ver que hay dos marcos agregados a. Si un hit en “U” en el teclado me va a mostrar el fotograma clave de esta transición. Yo quiero que la transición termine probablemente por aquí. Podemos ver la toallita de izquierda a derecha. No obstante, queremos que la toallita sea diagonalmente con un ángulo para que pueda cambiar el ángulo de la toallita para que sea algo así. Ahora, puedo cambiar la velocidad del fotograma clave para que coincida con la velocidad que tengo en la propiedad de posición. Haga clic en “Ok”. Algo así. Esto es lo que quería ser ahora. Noto que mi velocidad anterior es bastante lenta en este momento. Lo que puedo hacer es, puedo cambiar la resolución de vista previa de lleno a tal vez trimestre y eso es un poco demasiado borroso. Vamos a cambiarlo a la mitad. Si lo cambias a la mitad, aún puedes ver todo con bastante claridad. Probemos tercero. El tercero se ve bien también. ¿ Sabes qué? Mantengámoslo a la mitad. Cambié la resolución de la vista previa a la mitad para que el renderizador pueda ser más rápido. Puede hacer que la vista previa sea más rápida. Lo siguiente que queremos hacer subiendo, aquí
tengo un rectángulo. rectángulo es bastante fácil ya que tenemos una máscara. Bajemos por la lista, vayamos a la Máscara, y luego vayamos adentro, tenemos un Camino de Máscara. Lo que estoy tratando de hacer aquí es, estoy tratando de pasar por cada elemento dentro esta composición para animarlos a partir de cero segundo. Más adelante, si necesito retrasar el inicio o tal vez aleatorizar cómo uno entra primero, cuál viene en segundo, solo
puedo rastrear las capas hasta una marca de tiempo específica para que pueda retrasar el inicio o cambiar el orden de la animación . Pero ahora mismo, lo que tengo que hacer es animarlos a cero segundo. Para este rectángulo aquí, va a ser bastante sencillo. Todo lo que necesito hacer, necesito a partir de cero segundo, vamos a avanzar 20 fotogramas. Comando, Mayús, Flecha Derecha, 10 fotogramas y luego 20 fotogramas. Aquí se puede ver, 20 marcos. Entonces pongamos un golpe de fotogramas clave en el cronómetro. Entonces volvamos a cero segundo. Lo que puedo hacer es, solo
puedo hacer click en los dos puntos de anclaje y luego arrastrar estos dos puntos de anclaje hacia la izquierda para que en cero segundo, la máscara esté todo el camino a la izquierda, para que no esté mostrando ningún rectángulo. Entonces la animación va a ir así de izquierda a derecha. Podría querer agregar aquí algunos fotogramas clave Velocity. Clic derecho, fotogramas clave Velocity, cambio a 66. Si quiero previsualizar, puedo ir a los dos segundos, presionar en N en el teclado para los puntos finales de vista previa, se
puede ver esta barra aquí. Aquí es donde termina la vista previa. Si previsualizo desde el inicio, golpeo barra espaciadora, va a solo vista previa de los dos primeros segundos. Eso se ve bien. Después subiendo. ¿ Qué son esto? Esta es la textura grungy, ruidosa. Esta es nuestra textura. Tenemos que bajar la textura justo por encima del fondo blanco para que la textura no esté encima de ningún otro elemento. Debería estar justo encima del fondo blanco. El animación de texturas va a ser un poco diferente porque queremos
aleatorizar la textura como si solo se estuviera moviendo aleatoriamente en el fondo. obstante, no queremos que la animación sea suave, así que lo que queremos hacer es, la forma sencilla es simplemente ir a la propiedad de rotación. Después a cero segundo, queremos que la textura esté en cero y luego ponga unos fotogramas clave. Adelante cinco fotogramas. Comando, Flecha Derecha cinco veces 1, 2, 3, 4, 5. Eso son cinco fotogramas y luego tratemos de cambiar este valor de rotación a quizá negativo 20. Ahora puedes ver que está el borde de mi capa de textura. Necesito mantener presionada la tecla Shift y luego hacer clic en S para subir la propiedad de la escala. Asegúrate de que la báscula sea más grande para que esté tallando todo el espacio de este marco aquí. Entonces vamos por cinco cuadros 1, 2, 3, 4, 5. Digamos que si cambiamos la rotación a 20 positivo, de 20 negativo a 20 positivo. Entonces vayamos adelante otros cinco cuadros 1, 2, 3, 4, 5. Cámbialo a negativo 45. Yo solo quiero manipular el grado de la rotación para que esté aleatorizando el fondo. Está bien, eso está bien. Después avanza 1, 2, 3, 4, 5. Esta vez, cámbialo a tal vez algo así, y luego ve a un segundo. Recuerda, tenemos 25 fotogramas por segundo, así que mis fotogramas clave están a cinco fotogramas separados. El último fotograma, quiero volver a cero grado. Ahora si altero la línea de tiempo, se
puede ver el fondo simplemente animando aleatoriamente. Es el efecto que queremos pero luego una cosa más que tenemos que hacer, seleccionar todos los fotogramas clave. clic con el botón derecho, haga clic en este Toggle Sostenga los fotogramas clave, para que no haya fotogramas entre sí. Te da como un tipo de vista stop motion. Entonces lo siguiente que queremos hacer es bajar una expresión muy simple, mantener pulsada Opción en Mac o Alt en PC,
y luego dar clic en el cronómetro aquí. Tenemos que poner en esta expresión loop out. Simplemente escribe LoopOut con una O en letra mayúscula y luego el corchete. Lo que hace es que va a bucle esta parte de la animación después de un segundo. Se va a repetir de nuevo. Se va a repetir para siempre. Si tienes cinco segundos, va a repetir esta animación cinco veces. Analicemos esta parte. ¿ Ves eso? Tenemos un fondo que es animador. Eso es bueno. No obstante, quiero bajarlo un poco. Vayamos a la transparencia. Pulse T en el teclado. Por transparencia, ahora mismo, es 15 por ciento. Cambiémoslo al 10 por ciento. Quiero bajar el tono de la animación de fondo. Ahora mismo, está distrayendo. Eso es todo con nuestra animación de textura en el fondo. Ahora puedo bloquear esto.
7. Animar una 1ª escena: texto principal: Hemos hecho este rectángulo, y ahora lo que tenemos que hacer es trabajar en esta animación de texto principal de viaje. Volvamos a cero segundo. Yo quiero que esta animación sea más como un stop motion, así que es muy sencillo de hacer. En primer lugar, lo que tenemos que hacer es separar cada letra. Para hacerlo más fácil, solo puedo solo este texto en el marco. Vamos a golpear en este icono en solitario aquí, estos pequeños puntos frente a la capa. Si hago clic en este,
se va a solista mi texto y luego esconder todo lo demás. Ya que tenemos un fondo negro, va a mostrar un fondo negro sobre este texto negro que es muy difícil de ver. Lo que tenemos que hacer es simplemente cambiar esta cuadrícula de transparencia. Golpear en esto, te va a mostrar un fondo transparente. Necesito duplicar esta capa de viaje 1, 2, 3, 4, 5, cinco veces para tener cada letra en su propia capa. Vamos a duplicar 1, 2, 3, 4, 5. Ahora tengo cinco capas de viaje, y luego vamos a esta herramienta de rectángulo. Asegúrate de tener seleccionada esta primera capa de viaje. Acude también al rectángulo, dibuja una caja fuera de la letra T, se va a aislar la letra T. Luego ve al segundo viaje, dibuja una caja fuera de la letra R. Ir a la A, el tercer viaje, dibuja una caja. No obstante, se puede ver la letra A, cuando dibujo la caja, está cubriendo la V también, así que necesito golpear de nuevo la capa y luego ir a la herramienta de selección y luego asegurarme de arrastrar esta máscara hacia la izquierda para que no sea cubriendo el V. Bajar la lista. Esta es otra capa, necesito dibujar una máscara alrededor la V. Selecciona este punto de anclaje, asegúrate de que no esté cubriendo la A. Entonces ve a la herramienta de rectángulo otra vez, dibuja una máscara alrededor de la E. Entonces el último uno, veamos qué tenemos. Si solo solo una capa, puedes ver solo tengo una T, y luego esta capa solo tengo una R, y luego esta capa solo tengo una A, cada capa solo tengo una sola letra. Ahora lo que tenemos que hacer es ir a la propiedad de posición, pulsar P en el teclado. Déjame arrastrar un poco este espacio de trabajo, hazlo más grande. Antes de empezar a animar estas letras, necesitamos asegurarnos de que el punto de anclaje de cada letra esté en el centro de la letra, así que necesito cambiar este punto de anclaje, arrastrarlos hasta el centro de la letra. Vamos a la primera capa y luego vamos a este menú superior pan detrás de la herramienta. asegúrate de hacer clic en eso, y luego puedo arrastrar el punto de anclaje hasta el centro de la letra. De esta manera, más adelante si quiero
rotar la letra va a rotar desde el centro de la letra. Si no hago esto, va a rotar desde el centro del marco, que no es lo que queremos. Vamos a la segunda capa y luego arrastre el punto de anclaje al centro de la R. Ir a la tercera capa, arrastre el punto de anclaje aquí. Después ve a la siguiente capa, arrastra el punto de anclaje aquí. Ir a la siguiente capa, arrastrar el punto de anclaje al centro de la E. Luego ir a la siguiente capa, arrastrar el punto de anclaje al centro de la L. Ahora, necesito pensar en la animación. Yo quiero que la animación se asiente en su lugar alrededor de dos segundos, así que vamos a los dos segundos en la línea de tiempo y luego puedo seleccionar toda la capa de viaje. Pulse P en el teclado, tire hacia arriba propiedad de posición, golpee un cronómetro para agregar un fotograma clave. Entonces volvamos al cuadro cero. Para la letra T, quiero que la T entre de la esquina izquierda aquí, y luego quiero que la R entre también de aquí. Yo quiero que venga la A tal vez de aquí abajo. Yo quiero que entre la V, ya ves, mi V tiene un punto de anclaje hasta aquí con un mal, así que necesito usar esta bandeja detrás de la herramienta. por ya que ya tengo los fotogramas clave ahora, no sería capaz de cambiarlo como lo hicimos antes así que necesito eliminar los fotogramas clave para el V porque está todo mal. Necesito eliminar el fotograma clave, y entonces ahora puedo arrastrar el punto de anclaje todo el camino hasta el centro de la V, y luego podemos ir a dos segundos en el punto de anclaje. Aquí es donde quiero que se asiente esta carta, por lo que este es el punto final de la animación. El punto de inicio, quiero que la V entre de arriba. Vamos a tirar todo el camino hasta la parte superior, y luego quiero que la E entre de arriba también, y luego quiero que entre la L desde la esquina derecha. A cero segundo, no hay nada en el marco y acaban de entrar así. No obstante, si simplemente entran así, es demasiado aburrido, no parece que se detenga la animación. Lo que tengo que hacer es también necesito tirar hacia arriba de la propiedad de rotación, seleccionar todas estas seis capas y luego pulsar Shift R para tirar hacia arriba de la propiedad de rotación. Asegúrate de que la rotación final sea así, así que solo establece una propiedad de rotación al final y este es el estado final de las letras. Pero en el frente, podemos cambiarlo libremente, al azar también, así que puedo simplemente arrastrarlos al azar. A lo mejor algo como esto, ve así, ve así, y luego arrástralo así, y luego arrastra así. Cuando entren por primera vez, tendría que ajustar manualmente la rotación para hacerlo más interesante. Para que entrara la T, quería tener algunos como este, y luego tal vez la R así. Algo así de vez en cuando no sólo la rotación, también
quiero establecer una propiedad de posición para todos ellos. Establezcamos la propiedad de posición. ves en este momento solo tengo un fotograma clave de rotación, pero si hago clic en el cronómetro, va a cancelar todo el fotograma clave que puse antes. Necesito dar click en este pequeño punto vacío aquí, eso es todo el camino al frente. Una vez que haga clic en este punto, se va a agregar un fotograma clave en la propiedad de posición. Ahora no sólo tengo propiedad de posición, sino también propiedad de rotación en las letras. Entonces cuando se muden, también
quiero que se muden, manera aleatoria. A lo mejor como aquí, y luego pueden cambiar el valor de la rotación. Entonces para la R, quiero que venga aquí, rote en dirección opuesta. Para la A, más cerca de la R, luego girar de esta manera. El V puede venir aquí, rotar de esta manera. El E puede ir aquí, y girar por el camino contrario. Cada vez que quiero cambiar el valor de rotación, quiero que el nuevo valor sea el lado opuesto del valor antiguo. Si es negativo algo desde el principio en este punto antes, la próxima vez en que rote quiero un valor positivo, sólo para hacerlo más dramático. No quiero dos valores positivos juntos. Esto va a ser aburrido. Yo solo quiero hacerlo más divertido. En este punto, podemos cambiar la letra a aquí, y luego cambiarla tal vez a 20, y ésta. Incluso se puede ver el camino de la animación, 20 y luego la V puede ir aquí, más 9. Justo ahora, puedo hacerlo menos 20. Entonces éste va por este lado, 25. El R puede ir aquí, menos 25 y la T puede ir aquí. Puedo hacer como 10 tal vez. Antes de que se instalen en su lugar, también
quiero que la carta pase como un rebasamiento. Antes de que se instalen en su estado final, quiero que la carta pase a la cima, como decir esta T, quiero que se pase y luego tal vez gire un poco y luego baje. A esto se le llama un rebasamiento en la animación. Siempre que algo se anima cuando llegan al estado final, no solo descansa de inmediato. A veces se pasa y luego aún podemos recordarlo de nuevo a su posición final. Yo quiero tener esta R para subir y luego rotar así. Entonces la A para subir, cambiar la rotación. El V debería bajar. Después pon un poco de rotación por ahí, la E puede bajar. Pongamos un negativo nueve. Entonces el último, esto puede bajar, esto puede bajar así. Vamos a darle a R aquí. Veamos primero la animación. Es demasiado lento y tiene todos los fotogramas intermedios que no queremos. Lo que tenemos que hacer es seleccionar todo el fotograma clave aquí, y luego hacer clic derecho, activar y mantener los fotogramas clave. Vamos a previsualizarlo de nuevo. Ahora se ve mucho mejor. Se va así, así, así. Siento que nos falta una animación en medio. De este estado a este estado el movimiento es demasiado. Creo que tenemos que añadir algo en medio por aquí. Tratemos de agregar algo por aquí. A lo mejor sólo subirlo un poco, y luego cambiarlo a cinco negativo. Algo así. Entonces por aquí, vamos a subirlo. Muévete a la derecha, cámbiala a positiva 10. Éste, sube a la izquierda. Creo que la R está tocando la A, que es un poco desordenado. Necesito acercar esta R a la T ahora. Después pon la A aquí así, y luego arrastra hacia abajo la V también. Ponlo positivo 10 y luego la E puede ser algo así, negativo 10. El L puede estar mucho por aquí y luego hagamos negativo 10. Tenemos esto y luego bajamos. No obstante, después de agregar este fotograma clave de rotación, se
puede ver este fotograma clave y estos dos fotogramas clave son ambos fotogramas clave
negativos ahora porque ya no están en el espectro opuesto. Necesito cambiar este fotograma clave aquí, para que todas las capas sean fotogramas clave positivos para que haya más contraste en el valor de rotación. De lo contrario sólo se va a ver un poco incómodo, se va a ver un poco no tan divertido. Vamos a cambiarlo por un valor opuesto, tal vez cinco negativo. Entonces si es negativo nueve, cambiémoslo a nueve y luego si es negativo tres, cambiémoslo a positivo tres, algo así, pero entonces la R está demasiado cerca, ¿dónde está la R? El R está demasiado cerca. Necesito modificar un poco la R para que no esté tocando tanto. Eso es bueno. Veamos la animación aquí. Eso se ve bastante bien. A mí me gusta. Apagemos el botón en solitario aquí. Haga clic en estos pequeños puntitos. Ahora tenemos toda la escena aquí. Volvamos a cero segundos y empecemos a previsualizarlo. Creo que este marco es un poco incómodo, se ve un poco raro porque la V está tocando la A. Lo que quiero hacer es que quiero modificar este A aquí. A lo mejor cambiar un poco la rotación para que no esté conectando tanto a la V. Sí, eso se ve mucho mejor. Eso es bueno. Está bien, eso es todo con nuestra animación de capa de viaje. Hay un par más de elemento que necesitamos animar en la primera escena, pero te mostraré el resto en el siguiente video.
8. Animar una 1ª escena: el resto: El último video, terminamos de animar aquí la capa de viaje. Esta es la sombra del equipaje. Esto es, ¿te gusta, para que podamos animar esto primero. Digamos que este texto entra dentro de 1.5 segundo. Vamos a presionar P en el teclado para la propiedad de posición, presione el cronómetro aquí para agregar un fotograma clave y luego volver a cero segundos, y luego arrastrar esto todo el camino hacia arriba fuera del fotograma. Taquemos la rotación también, cambiemos R, asegurémonos de que tenemos la rotación activada por aquí y luego bajemos. Yo quiero que la rotación sea así, y entonces tal vez entren a la izquierda. Entonces el siguiente par de marcos van a la derecha. Recuerda dijimos valores opuestos, negativos 11 justo ahora para que podamos poner positivo 14 esto todo el camino hacia abajo y para arrastrarlo de nuevo arriba, positivo 12 tal vez. Entonces aquí abajo, vamos a hacer negativo 5. Cambiemos un poco la posición también, bajemos. Entonces justo antes de que se asiente, quiero un rebasamiento solo se va sobre así, y luego quiero que este valor sea positivo 3. Volver atrás, asentarse. Vamos a copiar todos los fotogramas clave, haga clic derecho para activar y mantener los fotogramas clave. Vamos a tirar hacia arriba este ícono Aislar y asegurarnos de que también
podemos aislar este pequeño rectángulo también porque hay los mismos elementos, vamos a previsualizar esto. Eso es bueno. Viene de arriba, es bastante divertido, y hay más como un stop motion. Ese es tu stop motion para este elemento. Se ve bastante bien, apaguemos el Aislado. Ahora tenemos un par de pájaros aquí en el cielo. Lo que tenemos que hacer es, quiero que el pájaro vuele de derecha a izquierda. Lo que necesitamos hacer es levantar la propiedad de posición y la propiedad de rotación. A lo mejor en dos segundos, quiero que salga volando de la pantalla. Va a estar afuera, y luego desde cero segundo, quiero que entre de aquí todo el camino hacia abajo. Asegúrate de hacer clic en este fotograma clave aquí para añadir un fotograma clave en la rotación. Entonces quiero que suba, quiero que el pájaro gire un poco, y luego arrastre este valor de posición aquí. Entonces por aquí puedo simplemente girarlo a un valor positivo, tal vez aquí y luego arrastrarlo arriba. Simplemente danos algo de aleatoriedad, como si el pájaro estuviera volando negativo 4 o negativo 3, y luego este último de aquí, puedo arrastrarlo hacia abajo. Este es un camino del pájaro, y luego puedo acercar estos dos fotogramas clave al resto de ellos. Seleccionarlos todos. Haga clic con el botón derecho del ratón activar y mantener A ver cómo se ve. Eso se ve bastante decente. Siento que el pájaro realmente está volando fuera de la pantalla. Si tan solo altero el botón Aislar aquí, y entonces tal vez podamos aislar el fondo también. Veamos el fondo y el pájaro. Algo así. Eso se ve bastante decente. Tenemos listo el pájaro y luego ¿qué es esta capa 33? Esta capa 33 es la sombra de pantalla del equipaje. Vayamos al equipaje. Yo quiero que el equipaje entre de la derecha, así que hippie en la propiedad posición, tal vez pueda asentarse en un segundo o algo así. Golpea un marco clave en la posición, este es un estado final y luego vuelve a cero segundo, arrastra la exposición todo el camino hacia la derecha, y el equipaje puede simplemente deslizarse así. Tiene ruedas y no tiene que ser stop-motion para este,
solo puede deslizarse así. Eso servirá, y luego tenemos este pequeño punto aquí para los puntos, solo
podemos tirar hacia arriba la propiedad de escala, presionar S en el teclado y luego poner un fotograma clave y luego cambiar el punto de partida a cero, así que conseguimos un cero a Expansión de 100 personas aquí. Asegúrate de poner una velocidad de fotograma clave como 66. Guardemos el comando de archivo S, guardemos el archivo. Por el pequeño equipaje de aquí, quiero que esta sombra vaya siempre con el equipaje. Vamos a mover el indicador de línea de tiempo a donde el equipaje ha dejado de moverse alrededor de dos segundos o 1.5 segundos, y quiero dar click en esta capa 33 y luego ir a este botón de látigo de pick. Arrastre un enlace al equipaje para que la sombra esté siempre siguiendo el equipaje. Si somos padres, podemos ver que hay un enlace de padres, y dentro de la capa 33, que es la sombra del equipaje, dice equipaje de capa 2, lo
que significa que siempre está siguiendo esta capa. Si no tienes esta opción de padres, puedes bajar aquí para revisar estos dos botones. O puede hacer clic con el botón derecho y luego ir a columnas y luego asegurarse de que tiene seleccionada esta opción de columnas Padres y Vincular. Una vez que tengo esa configuración, si arrastro hacia atrás, se
puede ver esta capa verde de la sombra que siempre está siguiendo el mismo movimiento que este equipaje de aquí, que es lo que queremos. También la sombra por aquí debajo del equipaje, que es éste, quiero agregar algún fotograma clave por aquí solo para
asegurarme de que éste esté fuera así como el principio. O de otra manera puedo hacer que siga el equipaje. Digamos que volvamos a 1.5 segundo, pongamos el indicador de línea de tiempo por aquí, y luego padres esta capa también al equipaje, que tengamos los tres elementos diferentes viniendo como un todo, como un solo elemento. Hasta el momento hemos hecho toda la animación para todos los elementos dentro de la primera escena, sin embargo, no
hemos cambiado ningún orden de la animación, aunque se ve bastante bien, bastante decente. Todo acaba de llegar al mismo tiempo, por lo que no se ve muy natural y este equipaje, siento que se mueve demasiado lento necesito hacerlo más rápido. Este equipaje, puedo dejarlo entrar dentro de un segundo y luego hacer clic con el botón derecho agregar una velocidad de fotograma clave, que es 66. Este es mi número de go-to. Lo siguiente que quiero hacer, quiero tambalear la animación
del texto de viaje y también todo lo demás para asegurarme cuál entra primero y luego cuál viene en segundo. Creo que lo que tenemos que hacer es, tenemos que tener esta capa de forma viniendo primero, esta va a ser la primera capa que entre, y luego quiero que este pequeño punto venga aquí también. Entra el pequeño punto y la capa de forma, y luego tenemos el rectángulo entra un poco más tarde. Tenemos la capa de forma entra, y luego tenemos el rectángulo entra, ¿te gusta que esta capa entra después de que entra el rectángulo? Y luego quiero que los textos de viaje vengan uno tras otro con un par de marcos separándose entre sí. Probemos esto. A lo mejor eso está demasiado alejado. Déjame acercarlos, sólo un poco más. Esto va a ser después de que esto haya entrado. Yo quiero que el pájaro entre aún más tarde después del texto de viaje, ya que es una frase, así que tiene sentido, ¿
cuándo te gusta entrar primero y luego viajar viene en segundo lugar, y luego esto poco a poco se asienta en posición aquí. Entonces como está tratando de instalarme en posición, tengo el equipaje que viene por aquí, y cuando tratan de instalarse, lo último que quiero entrar son los pájaros. Yo quiero que los pájaros entren después de que ya se instalen, por aquí. Creo que este pequeño punto ahora mismo va encima de la capa de viaje, lo cual no está bien. Yo quiero que este pequeño punto vaya detrás de la capa de viaje. Lo arrastraré todo el camino hacia abajo, y luego quiero que los pájaros vayan también detrás de los puntos. Después de reordenar todo, veamos cómo se ve. Creo que se ve bastante bien. Lo une todo. Eso es todo con toda la parte de animación de la primera escena. En el siguiente video, te mostraré cómo agregar wiggles a todos los elementos dentro de la primera escena, y también tratar de hacerlo más como un estilo de animación stop motion.
9. Animar una 1ª escena: añade Wiggles: Tenemos que ver primero animando ahora. Hay dos cosas más que tenemos que hacer para que sea completo. Lo primero que tenemos que hacer es añadir algún tipo de movimiento a todas las capas de mi primera escena. Si voy al panel Efectos y presets aquí, en el lado derecho, puedes ir a Ventana, Efectos y Preajustes aquí. Escojamos esta posición de movimiento. En este momento tengo seleccionada la capa de equipaje. Hagamos doble clic en esta posición de movimiento, podemos agregar un efecto de movimiento a esta capa aquí, y lo que tenemos que hacer es cambiar la velocidad de movimiento a tres wiggles por segundo, y luego podemos cambiar la cantidad a tal vez 10 píxeles. Lo que hace es que en realidad está agregando más movimiento aleatorio a todos los elementos que tenemos. Si solo esta capa de equipaje, y luego déjame solo este fondo, y vamos a previsualizar por aquí. Golpeé p en el teclado, por lo que el rango de vista previa se corta de dos segundos a alrededor de cuatro segundos. Analicemos esta parte aquí, y se puede ver que mi equipaje se está moviendo por sí solo al azar en el aire. Ese es el efecto de movimiento que queremos poner en todos los elementos dentro de la primera escena y todas las demás escenas también para que sea más un tipo de look stop-motion aleatoriamente. Eso se ve bastante bien. Todo lo que necesito hacer ahora es que solo necesito copiar estos dos efectos, Command C, y luego seleccionar todas
las demás capas excepto el fondo y la textura. Selecciona todas las capas y luego ve al panel Control de efectos que debería estar ya ahí, Comando V. Ahora lo que hice es, agregué este efecto de movimiento en todas las capas excepto en el fondo y la textura. Veamos qué tenemos ahora. Acaba de agregar un movimiento muy sutil a todos los elementos dentro de la escena y darles más vida. ¿Ves eso? Eso me queda bastante bien, y lo último que quiero hacer es que ahora mismo se puede ver que la animación es demasiado suave. Después de añadir el efecto de movimiento, todo
el asunto, es demasiado suave, y lo que tengo que hacer ahora es que necesito ir al panel Efectos y presets, y necesito buscar Posterize Time por aquí y el tiempo que hay Posterize Time. Vamos a la capa Equipaje, y luego vamos a añadir un Posterize Time en la parte superior de la capa Equipaje. Recuerda, nuestra velocidad de fotogramas es de 25 fotogramas por segundo. Si agrego un Posterize Time, puedo cambiar la velocidad de fotogramas de esa capa y decir, ahora mismo, todas las capas dentro de mi composición deben ser de 25 fotogramas por segundo. No obstante, si es stop-motion, normalmente, probablemente sería capaz de ver alrededor de 5-10 cuadros por segundo. Intentemos establecerlo en cinco fotogramas por segundo, y luego lo que necesito hacer es copiar este Posterize Time en todas las demás capas excepto por la textura, y luego Comando V. Ahora todas las capas dentro de mi se cambian a cinco fotogramas por segundo, solo
hace que toda la animación sea más un look stop-motion. Tratemos de previsualizar y ver cómo se ve. Eso lo ves. Simplemente hace que todo más stop-motion como en lugar de antes no tenemos Posterize Time. Todo es suave y el movimiento es bastante suave, y ahora se puede ver un stop motion como el movimiento. Eso es lo que necesitamos. Vamos a parar aquí y luego podremos volver a la composición principal. Ahora tenemos un primer fotograma, animarlo. Probablemente sean alrededor de cinco segundos, digamos N por aquí a los 5 segundos y podemos previsualizar los primeros 5 segundos. Así es nuestra primera escena. Pasemos al siguiente video.
10. Animar una escena de avión: Bienvenido de nuevo. En este video, vamos a empezar a animar la segunda escena. este momento ya tengo aquí mi archivo After Effects, y como pueden ver, tenemos la animación Frame 1 dentro de esta composición principal aquí. Si altero la línea de tiempo, puedes ver mi animación por ahí. Quiero que mi animación para la primera escena dure cinco segundos para no apresurarla. Lo siguiente que tengo que hacer, es volver al panel del proyecto en la esquina superior izquierda aquí, este panel, y luego ir al guión gráfico 2, composición del marco 2. Haga doble clic en éste también. Ahora estoy dentro de esta composición Frame 2. Puedo ver el fondo sigue siendo corto. Hay una barra negra a la izquierda, así que necesito ir al fondo inferior, presionar “S” en el teclado para la escala, solo hacerlo un poco más grande. Eso es bueno. Lo que necesito hacer ahora mismo, es que necesito copiar todo. Puede usar Comando A para Seleccionar todo, y luego Comando C para Copiar. Vuelve a la composición principal en la línea de tiempo por aquí, y luego si haces clic en este Frame 1 y luego golpeas en “Comando V”, se va a pegar todo encima del Frame 1. Sea cual sea la capa en la que haga clic, y luego seleccione “Comando V” para pegar, se va a pegar encima de esa capa que seleccionó. Ahora solo puedo arrastrar todo a la marca de cinco segundos porque los primeros cinco segundos van a ser mi primera escena. Entonces quiero arrastrar todas las demás capas para la segunda escena a los cinco segundos. Alrededor de cinco segundos, aquí es donde va a suceder la transición. Tendremos esta primera diapositiva de fotograma a la izquierda, y luego la segunda escena, se puede deslizar de derecha a izquierda. Entonces el avión, por supuesto, va a viajar de izquierda a derecha. Déjame mostrarte lo que quiero decir. En primer lugar, necesito poner un fotograma clave de posición en esta composición de Frame 1, presionar “P"en el teclado para la posición, y luego poner un fotograma clave por aquí, ta cinco segundos, y luego tal vez ir hacia adelante, Comando Shift, flecha derecha ,10 fotogramas, y luego tal vez otros cinco fotores,1, 2, 3, 4, 5. Si solo este, necesito que toda esta capa se mueva hasta la izquierda. Algo así. Ahora, solo
necesito tener la textura del periódico y esta capa de fondo blanco para moverme de derecha a izquierda. AP en el teclado, establecer un fotograma clave de posición. Esta va a ser la posición final por aquí. No obstante, la posición inicial serían las tres capas, viniendo del lado derecho aquí. Yo quiero mover el resto de las capas un poco más abajo, para que no estén cubriendo el fondo. Yo quiero ver cómo se ve ahora. Déjame poner el rango de vista previa de aquí a aquí. Utilice B para establecer los puntos de inicio de la vista previa y, a continuación, utilice N para establecer el punto final de la vista previa. Sí, algo así. Tengo esta transición aquí. Vamos a tener este C y luego la cámara panorámica a la derecha. Tenemos esta escena aquí. Necesito seleccionar todos los fotogramas clave. Haga clic derecho en Keyframe Velocity, poniendo 66, mi número go-to. A ver cómo se ve. Sí, eso se ve bastante bien. Ahora lo que tenemos que hacer, es recordar tenemos textura animada dentro de este Marco 1. Tenemos que copiar, entrar en el Frame 1 y luego bajar. ¿ Ves esta textura aquí? Necesitamos copiar esta textura. Comando C, y luego volver a la composición principal, y luego por aquí, golpea esta capa de textura Command V, y luego puedo arrastrar esta capa todo el camino de vuelta a este punto de aquí, donde todos entran. Entonces asegúrate de que en los puntos finales alrededor de cinco segundos, 17 cuadros por aquí. Solo necesito padres esta capa al periódico o al fondo para que se mueva con ellos, y ahora solo puedo apagar esta textura original que no está animada. Solo necesito esta nueva capa de textura que ya esté animada. Incluso puedo borrar este. Ya no necesito este. Ahora, esta capa de textura es padre al fondo, por lo que se mueve con el fondo, además de estar animada desde nuestra primera escena. Lo siguiente que tenemos que hacer, es que necesitamos introducir el avión. Yo quiero que todo comience en el avión para salir tal vez por aquí, para subir de aquí. Yo solo quiero animar el avión primero, pero estoy pensando en lo que necesito para padre
al avión porque no quiero animar cada cosa individualmente. Yo quería padres la cinta al avión y luego el texto a la cinta, y luego esta pequeña barra azul al avión para que cuando animo el avión, todo se mueva con el avión, que solo necesito animar una cosa. Ahora lo que tengo que hacer es que necesito ser padre la cinta para que la sombra de los aviones deba ser parentada al avión. El listón debe ser padre al avión ven con nosotros, padre
trippy a la cinta, y entonces tenemos este rectángulo aquí. Yo quiero que este rectángulo sea padre del avión también. Ahora bien, si golpeo “P” en el teclado para tirar hacia arriba la propiedad de posición del avión, y luego puedo agregar un fotograma clave haciendo clic en el cronómetro aquí. Yo quiero que este avión venga de izquierda. Ups. ¿Qué es esto? Esta es la sombra del avión. No, no la sombra las alas. Esta capa aquí. Necesito padre esta capa al avión también. Ahora que tengo todo parentado al avión, sólo
puedo mover el avión a la izquierda. Ya ves que todo se mueve con avión. Basta con sacarlo de la escena aquí. Eso es bueno. Saquen de la escena y luego quizá vayan hacia adelante 20 fotogramas, o incluso 10 fotogramas. Probemos 10 fotogramas aquí. Avanzé 10 fotogramas y luego quiero que el avión entre por aquí así, y luego necesito añadir un fotograma clave aquí, usa este botón, pequeño punto en el frente. Entonces porque cuando entra el avión, quería entrar muy rápido, pero luego alrededor de la zona centro, quiero que se cuelgue un poco antes de que salga. Yo quiero que el avión cuelgue lentamente en el marco por tal vez un segundo o
así, así, y luego por otros 10 cuadros, puede salir de la pantalla o algo así. Ya ves hay, estos dos fotogramas clave están un poco más separados uno del otro porque
quiero que el avión tenga más tiempo para quedarse en el centro del marco.f creo que el tiempo de colgar no es suficiente. Necesito incluso sostener aún más estos dos fotogramas clave, para que haya un tiempo de espera muy largo. Creo que sigue siendo un poco demasiado rápido cuando entra, así que voy a añadir otros cinco fotogramas clave, 1, 2, 3, 4, 5. Una, entra y luego tal vez otros cinco cuadros cuando sale,
1, 2, 3, 4, 5. Simplemente haciendo estos fotogramas clave más separados, para que el avión pueda tener más tiempo para viajar a través de la pantalla. No quiero que sea demasiado irregular, demasiado rápido. Yo solo quiero que la gente lea esto, vengan con nosotros, alineen con bastante claridad y luego podemos transmitir el mensaje. Sí, eso podría funcionar. Entonces sigamos adelante. Ahora mismo, todo se ve bien excepto por este pequeño rectángulo azul que se ve bastante raro. No sé por qué está colgando detrás del avión pero necesito ajustar esta cosita aquí. Cuando salga el avión, quiero bajar esto a la máscara y luego entrar en el camino de la máscara. Lo que necesito hacer es hacer clic en estos dos puntos y luego tirarlo hacia la izquierda, que cuando entra el avión, no
se extienda hasta la parte frontal del avión. Cuando salga, el avión se desprenderá primero y después teniendo este pequeño rectángulo debajo del avión lo cual es bueno. Eso es bueno. No obstante, por aquí se ve que el pequeño rectángulo azul está roto en este marco? Hay un gran hueco a la izquierda, así que eso no es lo que queremos. Necesito que este rectángulo azul se quede ahí. Ahora, lo que necesito hacer es en este punto cuando nuestro avión se mudó aquí, necesito duplicar este rectángulo. Comando D, duplica este rectángulo y luego asegúrate de que necesito desparentar el nuevo rectángulo al avión, solo asegúrate de que no tengamos ninguno. Este no tiene padre. Entonces necesito cortar el rectángulo por aquí. Para cortarlo, necesito usar una opción de acceso directo corchete cuadrado izquierdo. Se puede ver la capa está cortada por aquí y necesito ir a la capa original y cortarla a la opción correcta, corchetes a la derecha. Ahora, lo que pasa es a partir de este punto avanzar el rectángulo no va a viajar con el avión porque el nuevo rectángulo no tiene padre. A medida que el movimiento de avión se va a quedar ahí. No obstante, todavía necesito animar los caminos de máscara. Déjame entrar en la máscara y luego golpear un fotograma clave por aquí y luego cuando el avión se desplaza, necesito esta máscara caminos para expandirse también,
para que así parezca que el avión rastrea el rectángulo azul todo el camino hacia la derecha. ¿ Ves eso? Esto es lo que queremos. Entonces el avión acaba de salir de nuestros rectángulos azules todavía aquí. A continuación, lo que necesito hacer es agregar algún efecto ondulante a la cinta. Vayamos a la cinta y luego vayamos a la búsqueda de efectos y panel preestablecido para bordes rugosos. Al tener seleccionada la capa de cinta, hagamos doble clic en este borde rugoso. Ahora, necesitamos ajustar algunos de los ajustes por aquí. Hagamos más grande el áspero y el borde, como 50. Entonces influencia fractal, cambiémoslo a la baja tal vez a 0.8 y necesitamos una escala más grande también. Ves que ahí están los cambios. El efecto ondeador es demasiado. Necesitamos una escala más grande, probablemente cambiarla a 550, que
podamos tener un efecto ondulante más natural a la cinta. Ahora, lo que necesitamos hacer es simplemente animar la evolución. A medida que el avión entra por aquí, voy a añadir un fotograma clave por aquí hasta que salga. Aquí, vamos a añadir tal vez poner un tres aquí, para que haya tres rondas de evolución. Se puede ver la cinta ondeando. Este es el efecto que queremos. Eso es bueno. De eso se trata para toda la animación. No obstante, recuerda desde la primera lección necesitamos añadir algún efecto de movimiento a todo lo que veas en la escena. Ahora solo podemos volver al Frame 1 y luego seleccionar cualquiera de la capa. Tenemos que copiar todo el efecto: los efectos de movimiento y el efecto de tiempo posterizar, Comando C y luego volver al segundo fotograma. Necesito copiar los efectos de movimiento en el avión y luego tal vez no el rectángulo. No quiero que el rectángulo se mueva demasiado. Intentemos ponernos la cinta y luego intentemos ponerla en el texto, ven con nosotros. No obstante, quiero tratar de reducir la cantidad de movimiento a tal vez tres píxeles en el texto. No quiero que el texto se mueva demasiado. Analicemos y veamos cómo se ve. Creo que lo que está pasando es que el tiempo posterize en el avión está estropeando la animación porque este
momento sólo está mostrando cinco fotogramas por segundo. No necesito eso para la segunda escena, necesito borrar ese tiempo de posterización y luego solo necesito borrar el tiempo de posterización por completo en la segunda escena. A ver. Esa es nuestra animación para nuestra segunda escena. Se ve bastante bien. Eso es todo con este video. Pasemos al siguiente.
11. Conviértete en Insiders de Motion: Antes de continuar, quiero
compartir con ustedes una noticia emocionante. Los cursos de diseño de movimiento se volvieron más asequibles
en los círculos de movimiento. Con nuestra membresía motion
insider por tan solo $7 al mes, obtendrá acceso ilimitado a nuestros cursos de
diseño de movimiento de primer nivel, confían más de 50,000
estudiantes en todo el mundo hora de elevar tus habilidades de diseño de
movimiento para convertirte en los mejores
animadores que puedas ser Como información privilegiada, también
recibirás archivos de proyecto de
cortesía de todos nuestros tutoriales
de
YouTube de Motion Circles. Y disfruta de un
25% de descuento exclusivo en todos los demás increíbles proyectos
de
animación de otros artistas en
nuestra tienda de archivos de proyectos. No te pierdas esta
oportunidad de subir de nivel tus habilidades de animación mientras conviertes en parte de nuestra
vibrante comunidad. Únete a nosotros hoy en motion circles.com y libera
tu potencial creativo.
12. Transición del avión a Nueva York: Enhorabuena por terminar las dos primeras escenas hasta el momento. En este video, les voy a mostrar cómo animar esta tercera escena,
que es la escena de la ciudad de Nueva York. Empecemos por donde lo dejamos del último video. Ya tengo las dos primeras escenas configuradas y así es como se ve aquí. Al estar viendo esta segunda escena aquí, siento que debería haber un poco más de movimiento, así que quiero añadir este efecto de movimiento en el mapa de fondo también. El fondo, en lugar de simplemente quedarse quieto, sólo puede moverse un poco para agregar más movimiento a la segunda escena. Déjenme hacer eso rápidamente primero. Puedo ir a cualquiera de la capa que tenga el efecto de mudanza en, tal vez la cinta, y luego solo puedo copiar los dos efectos de movimiento. Comando C. Déjame encontrar el periódico de capa de mapa, este es un periódico. Comando V, ponlo en la capa de periódico. Entonces también puedo agregar en el, recordar el efecto de tiempo posterizar desde la primera escena, posterizar tiempo. Cualquier capa que tenga el efecto, solo
puedo copiar, Comando C, y luego volvamos a la composición principal, seleccionemos el periódico y pegarlo en, Comando V. Ahora, nuestro periódico, este fondo, tiene un efecto de movimiento en también. Es sólo añadir más movimiento al fondo. Eso se ve bastante bien. A partir de aquí, lo que necesito hacer es añadir en una transición de esta escena a la siguiente escena de la ciudad de Nueva York. Lo que quiero hacer es, quiero que este rectángulo azul se expanda para cubrir todo el asunto. Déjame encontrar el rectángulo. Este es el rectángulo, creo. Quiero que este rectángulo se expanda a partir de este punto. Déjame sólo ir al camino de la máscara. Puedo alternar esta flecha aquí y encontrar, clic en esta flecha, clic en la máscara y luego hacer clic en la Máscara 1, encontrar la ruta de la máscara, y luego poner un fotograma clave aquí, avanzar 10 fotogramas. Ahora puedo arrastrar los dos primeros puntos en la parte superior y luego expandir la máscara. Estos dos abajo uno, expanden eso también. Tiene animación similar a ésta. Simplemente va a expandir la máscara desde el centro yendo hacia afuera. Después de tener esto, necesito agregar otra capa sólida blanca encima del rectángulo. Vamos a capa, nueva, sólida y luego puedo cambiarla a un color blanco. Que sea del mismo tamaño que el marco, 1920 por 1080, haga clic en “Ok”. Lo que quiero hacer es, quiero simplemente arrastrar esta capa todo el camino alrededor de esta zona por aquí y luego quiero agregar una máscara a esta capa también. Puedo agregar una máscara de rectángulo, solo dibuja una máscara. Con la herramienta de rectángulo seleccionada, solo dibuja una máscara encima de la capa sólida blanca. Déjame entrar en el camino de la máscara y entonces lo que puedo hacer es intentar animar esta expansión de la máscara aquí. ¿Ves eso? Si arrastro la expansión de la máscara a píxeles negativos, va a cerrar una máscara y luego si la arrastro hacia afuera, va a hacer
que la máscara sea cada vez más grande. Puedo animar esta expansión de máscara desde el negativo 80, tal vez negativo 85, donde no se puede ver el píxel blanco en absoluto y luego después de 10 fotogramas, quiero expandir la máscara hasta el final. Algo así. Sí, eso funciona. Pero ahora necesito agregar una velocidad de fotograma clave al rectángulo azul y la máscara blanca. Antes de hacer eso, ves ahora mismo cuando la línea de tiempo golpeó esta capa de máscara blanca, va a cubrir cualquier cosa que esté debajo de esa capa. Yo quiero que la capa empiece desde aquí, este punto en adelante, así que necesito cortar la capa por aquí solo córtala. Opción, soporte cuadrado izquierdo en Mac o Alt, soporte cuadrado
izquierdo en PC para cortar la capa por ahí. Entonces puedo seleccionar los dos fotogramas clave en el rectángulo. Haga clic con el botón derecho, velocidad de fotograma clave ,
cambie al 66 por ciento, y luego cambie este a 66 también y vea cómo se ve. Yo quiero que la máscara blanca se anime, apenas siguiendo este rectángulo azul. Quiero volver a ponerlo un poco, hacer que se anime antes, algo así, y luego dirigir los dos fotogramas clave más separados, hacer los movimientos más lentos. Sí, algo así,
eso funciona. ¿Ves? Cuando sale el avión, tengo el rectángulo azul expandir y luego tengo un rectángulo blanco expandir desde el centro y esta mi transición a la siguiente escena neoyorquina. Guardar el proyecto. Ahora lo que necesito hacer es importar la composición de Nueva York. Volvamos al panel de proyectos aquí y luego vayamos a pre-comps visto tres, que está en la ciudad de Nueva York. Arrastremos esta escena hacia abajo a esta composición principal y luego movamos todo el camino hacia atrás alrededor de nueve segundos marca. Algo así. No obstante, quiero que este color blanco aquí sea una máscara porque ahora mismo, tengo este marco tres encima de esta máscara, así que cuando ocurre la transición, no
puedo ver el marco tres hasta que golpee. Cuando entre el cuadro tres, va a cubrir la transición. Eso no es lo que quiero. Quiero duplicar esta capa, Command D, y luego ponerla encima de esta capa tres y luego establecer un mate de pista, que es el mate alfa. Nos va a dar este tipo de efecto, cuando entre la transición, puedo ver que hay una puerta abierta de la capa azul y luego puedo ver entra esta escena de la ciudad de Nueva York. Permítanme explicar rápidamente qué es un mate de pista. Básicamente, si cambio este color blanco, cambio la capa a otro color, cambiémosla a rojo, no importa. Espera un segundo. Déjame cambiarlo a un color rojo aquí. ¿Ves? Dondequiera
que esté este color rojo, es entonces cuando la capa debajo va a ser visible. Ahora mismo, se puede ver el color rojo es un rectángulo un poco muy largo en el centro y si apago este icono de ojo, puede ver aquí es donde va a ser visible la capa debajo de ella. Conforme tenemos la capa roja cada vez más grande, como esta grande, el área roja es el área donde la capa debajo de ella va a ser visible. Eso es lo que pasa para un alfa mate. Si apago este icono de ojo, se
puede ver el área que está marcada en rojo antes es visible para la capa debajo de él. Toda esta zona roja hace visible la capa debajo de ella. Sigamos adelante. Tenemos esta transición hecha aquí.
13. Animar una escena de New York: Ahora lo que tenemos que hacer es animar fotograma 3. Vamos a entrar al cuadro 3. Puede ser algo similar que hicimos antes. Desde abajo, aquí
tenemos un fondo, y luego tenemos la textura del suelo. Recuerda que necesitamos copiar la animación de textura del fotograma 1. Entremos al fotograma 1, déjame agarrar esa animación de textura Comando C, y luego volvamos al fotograma 3, y luego péguelo. Elimina esta textura aquí. Ahora tenemos la textura animada. Todavía veo una barra negra a la derecha. Necesito ampliar un poco este fondo. No obstante, me acabo de dar cuenta de que esta sombra aquí está dentro del fondo, así que necesito sacar esa sombra de nuevo, probablemente
sea esta capa, Command X para cortar, y luego volver al marco 3 pegarla, Comando V. Ahora, para la capa de fondo, solo
tengo un fondo blanco. Basta con golpear S para la escala, y luego escalar el fondo. Eso es bueno. Ahí tenemos una textura animada. Ahora tenemos esta forma de fondo de Nueva York. Esta animación puede ser similar a lo que hicimos para la primera escena recordar, por lo que podemos volver a la primera escena y luego encontrar la forma aquí. Pulsa U en el teclado para mostrar los fotogramas clave. Entonces puedo copiar los fotogramas clave, Comando C, volver al fotograma 3, Comando V, pegarlo en. También tengo la pasta de transición de borrado lineal en. Necesito ir a Effects Control y tratar de asegurarme de que el borrado lineal esté en el mismo ángulo que de primera escena. Eso es bueno. Así. Esa animación es buena. Entonces tenemos aquí este logotipo neoyorquino en blanco y negro. Para este, solo podemos hacer un cambio de escala, tal vez tirar hacia arriba de la escala, golpear S en el teclado, y luego poner un fotograma clave, hacer un cero al principio y luego simplemente hacer doble clic en la herramienta, velocidad de
fotograma, cambio a 66. Algo así, eso funciona. Ahora tenemos la estatua. La capa 12 es la estatua principal. Necesito hacer el mismo truco. Recuerda cuando padres de la cinta y todo lo
relacionado con el avión para que podamos mover el avión sin tocar nada más, pero todo simplemente moverse juntos. Tenemos que hacer ese mismo truco aquí. Necesito padres de este estatuto a la capa 12, que es la verdadera estatua. Esta estatua de aquí es sólo el fondo verde. Entonces tenemos forma 3. Esto no es lo que queremos, el taxi no es lo que queremos, el letrero de la calle está bien. Necesito encontrar la antorcha, ésta y ésta. Estos dos, necesito padres a la estatua. Ahora si muevo la estatua, todo se va a mover con ella. Necesito animar esto. Pulsa P en el teclado, coloca un fotograma clave y luego usa Shift R para tirar hacia arriba de la rotación. Es similar a lo que hicimos antes. Adelante quizá 25 fotogramas. Entonces esta va a ser la posición final. Entonces podemos cambiar la posición, moverla un poco hacia abajo, todo el camino hacia abajo. En los próximos cinco cuadros, 1, 2, 3, 4, 5, vamos a tener que se mueva hacia arriba. Recuerda, necesitamos usar valores opuestos, ahora mismo es negativo 11. Aquí, necesito cambiarlo a positivo 15. Entonces los siguientes cinco cuadros, 1, 2, 3, 4, 5, necesito cambiarlo a algún lugar por aquí. Después cámbialo a 20 negativo. Entonces avanza un poco. Mueve esto a la izquierda, cámbialo a positivo 15, y luego muévelo aquí, cámbialo a negativo 8. Entonces recuerda, también necesitamos hacer un rebasamiento solo para asegurarnos de que
pase un poco, así. Entonces a un valor positivo, probablemente cinco. Entonces puede asentarse en posición. Esa es toda la animación. Entonces tenemos que seleccionar todo clic derecho, Alternar mantener fotogramas clave, convertirlo en una retención de fotogramas clave. Vamos a previsualizar. Sí. A pesar de que siento que es un poco demasiado, podría necesitar hacer que el cambio de posición sea más suave. Ahora mismo, el contraste es demasiado grande. Para la primera posición, esta buena, y esta posición aquí, puedo arrastrarla un poco, arrastrarla, moverla adentro. Yo soy como, sí, eso funciona. Eso es bueno. Guardar el proyecto. Tenemos esta forma aquí. Necesito mover el punto de anclaje de la forma hasta el centro. Para éste es bastante sencillo. Puedo duplicar esta animación de Nueva York, que es sólo un cambio de escala del 0-100 por ciento. Puedo arrastrar el indicador de línea de tiempo a cero segundo y pegar en Command V. Ahora, tiene la misma animación que el texto de Nueva York. El cambio de escala de 0-100, puede ser muy sencillo. El gorro es el mismo. No obstante, quiero padres de la sombra a la cabina. ¿ Dónde está mi sombra? Esta es mi capa de sombras. Necesito padres de la capa de sombra a la cabina. Ahora si quiero mover la cabina, peguemos a P por posición. Pon un fotograma clave por ahí y luego muévelo un poco. Cambia la posición de la tapa todo el camino hacia la izquierda que pueda entrar desde el lado izquierdo de la pantalla. Va a ser algo así. Va a conducir por tal vez medio segundo. Eso es bueno. Después tenemos el cartel de la calle. Creo que el letrero de la calle es bastante sencillo. Sólo puedo tener el letrero callejero cortado. No quiero hacer ninguna animación de fantasía. Pero entonces éste, esta es una antorcha, y este es un color. El color también se puede cortar, no
quiero animar el color. De eso se trata. Eso se trata de la animación que necesito para esta escena aquí. Lo último que tengo que hacer es lo mismo que el primer fotograma, necesito agregar algún efecto de mudanza a todos los elementos aquí en la escena, y luego organizar el orden para decidir
qué elemento entra primero y luego qué elemento entra segundo. Permítanme que arregle primero el pedido. En primer lugar, creo que cuando llegue, quiero que los antecedentes neoyorquinos entren primero, así. Entonces quiero que se corte el letrero callejero, mueva estos de vuelta. Tenemos el fondo de la imagen cortado. Tenemos el fondo de la imagen entra, y después tenemos el letrero de la calle cortado. Después tenemos la pequeña capa de forma que viene de un lado. Entonces, quiero que entre el taxi por la izquierda. obstante, no quiero que la cabina se entrecruce con la estatua, va a hacer que la escena sea desordenada. Probablemente quiero que la estatua venga un poco más tarde. Yo quiero que el taxi venga primero, estatua viene en segundo lugar, y luego el texto de Nueva York viene último. Entra taxi, y luego, cuando pase este punto aquí, quiero que entre el estatuto. Entonces cuando suba la estatua, quiero que entre el texto de Nueva York. Eso es sobre el orden correcto que yo quiero. Déjame mover un poco más temprano la estatua. Sí, eso es bueno. Comando S para guardar el proyecto. Ahora solo necesito volver al cuadro 1. Basta con hacer clic en cualquiera de la capa y luego ir a Control de efectos, copiar el Wiggle, así
como el Posterize Time. Comando C, y luego volver al proyecto, volver al marco 3. Permítanme sólo tratar de agregar estos efectos a todo en la escena excepto por el fondo y las texturas aquí. Después Comando V, pégalo en. Vamos a previsualizar. Algo que noté es que la sombra ya no está siguiendo al auto, se está estropeando con el auto. Creo que para la capa de sombras, no
puedo usar Posterize Time. Basta con eliminar este Posterize Time en la sombra. ¿ O es por el auto? Creo que el auto no podemos usar porque el auto está entrando bastante bien, el taxi, no podemos usar el Posterize Time en la cabina, borra eso. Entonces la Estatua de la Libertad está mal también, necesito borrar aquí el Posterize Time. Este de aquí. Eliminar. Déjame previsualizar. Sí, eso se ve bastante bien. Eso me gusta. Eso es todo para esta escena de aquí. Pasemos al siguiente video.
14. Animar una escena de Roma: Animemos la escena 4, que es la escena de Roma. Aquí vamos. Tenemos esta escena neoyorquina ya animada. Así es como se ve ahora. Después de esta escena, podemos traer aquí la escena de Roma. Volvamos al panel de proyectos aquí. Ya tenemos la composición de escena 3 dentro de nuestra comp principal. Ahora todo lo que necesito para ir dentro del marco 4, y luego solo copiar todo en el cuadro 4, “Comando C”, volver a la composición principal. Haga clic en la capa superior y luego comando V, péguela en. Arrastre todas las nuevas capas hasta la parte posterior alrededor de la marca de 12 segundos. Aquí es donde queremos que la escena de Roma saque. Ahora lo que tenemos que hacer es mover este cuadro 3 a la izquierda, y luego introducir el cuadro 4, es bastante fácil. Pulse “P” en el teclado con marco 3 seleccionado. Entonces solo puedo agregar un fotograma clave en posición, avanzar 10 fotogramas, arrastrar todo el camino hacia
la izquierda para que se esté moviendo fuera de la pantalla igual que un lápiz de cámara. Aquí lo que tenemos que hacer para mover el fotograma 4 es, ya sabes qué, creo que para hacerlo más fácil, lo
que puedo hacer es, no necesito copiar todas estas capas en nuestra composición principal. Permítanme que los borre. En cambio, puedo hacer lo mismo con el marco 3. Cuando estaba haciendo el marco 3, solo copio las capas enteras. Simplemente arrastro toda la capa, solo elimino todos estos. Entonces arrastro este marco 4 toda la composición externa a esta composición principal. Entonces animé todo dentro del marco 4, podría hacer la transición más fácil. Es solo dos formas diferentes de trabajar, y puedes elegir la que prefieras. En ocasiones puedes animar la transición más fácil con la composición principal dentro de la Comp Principal. Entonces animas todo dentro de esta composición de marco 4, si eso tiene sentido. Ya que lo tenemos aquí, tenemos un bolígrafo de cámara a la derecha entonces necesitamos agregar propiedad de posición a este marco 4, avanzar 10 fotogramas y luego mover esta escena de Roma a la derecha. El escenario de Roma está en el lado derecho de esta escena neoyorquina. Cuando se mueve, se mueve así, es como un bolígrafo de cámara. Así, eso funciona. Ahora solo necesito agregar un cambio de velocidad de fotograma clave a 66. Entonces tal vez arrastre los dos fotogramas clave más separados para que la transición sea más suave. Déjame previsualizar, eso funciona. Eso se ve bien. Primero necesito ir al fotograma 3 para copiar la capa de textura, “Comando C”, y luego bajar al fotograma 4, ir al fotograma 4. Aquí es donde se va a animar nuestra animación de Roma. El fondo, hazlo más grande. Déjame simplemente pegar en la textura animada. Ahora podemos eliminar el original. Esta escena es similar a la que teníamos antes. Tenemos la sombra de bicicleta. La sombra de la bicicleta debe ser padre de la moto. Necesito encontrar cuál es la moto. Este Negro y Blanco 11es la moto, así que necesito tener moto aquí. Entonces necesito padres de la sombra a la moto. Tenemos que padres los dos gráficos aquí, a la moto también. Ahora si ponemos propiedad de posición en la moto, se intenta animar la propiedad de posición de la moto. Está bien, eso está bien. Yo quiero que la moto venga de arriba a la derecha, así. A continuación, haga clic derecho en Keyframe Velocity cambiar a 66 eso es bueno. coliseo. Yo quiero que el coliseo crezca desde el centro aquí. Permítanme cambiar los puntos de anclaje con la pluma detrás de la herramienta al centro del coliseo. Ahí puedo presionar “S” para la escala, agregar un fotograma clave, y luego cambiar el principio a cero. Tenemos esta animación aquí, clic derecho derecho del fotograma clave Velocidad cambio a 66. Ahora tenemos el coliseo crecer así. Eso es bueno. Entonces tenemos la sombra del coliseo. Yo quiero criar la sombra al coliseo para que crezcan juntos. Entonces esta gráfica aquí, quiero tener el mismo trato que la estatua en la escena anterior. Necesito animar manualmente. Tener una propiedad de posición y rotación. Adelante alrededor de 25 fotogramas, tal vez un segundo, y luego mueva estos dos fotogramas clave porque estos son la posición final y la rotación para este gráfico, vamos a moverlo al principio. Puedo moverlo hacia arriba, cambiar la rotación negativa 20, moverlo hacia arriba. Entonces cuando baje, puedo arrastrarlo aquí. Puedo arrastrarlo hacia lado y luego cambiar la rotación a un valor positivo, positivo 15. Cuando se baja a la derecha, negativo 9, positivo 6, negativo 5. Recuerda poner en un rebasamiento para que el elemento pase por encima de positivo 7 tal vez, y luego asentarse de nuevo en posición. Haga clic derecho en todo. Alternar mantener el fotograma clave. Déjame poner la vista previa de configuración, los puntos finales, poner N en el teclado, y luego vamos a previsualizar. Eso es bueno. Tenemos esto, estos dos elementos sólo pueden cortar. No importa. El último es el fondo. El fondo forma azul aquí. Eso está dentro de la composición de fondo. Necesito sacar este Comando X, traerlo fuera de la composición de fondo. Esto va a ser lo mismo que el marco 3. Solo necesito volver al fotograma 3 para copiar la animación y fotogramas clave y todo. Copiamos este “Comando C” o lo que puedo hacer es, solo puedo copiar los efectos de esta capa, y luego volver al marco 4, comando V, pegarlo, moverlo al frente. Puedo cambiar un poco el ángulo del borrado lineal para que así se vea mejor así. Eso es bueno. Aquí tenemos un texto de Roma. Necesito establecer el punto de anclaje al centro del texto. Vamos a poner el punto de anclaje por aquí. Lo que podemos hacer es volver al fotograma 3,
para copiar la animación de este texto neoyorquino. Hay dos beneficios cuando estás copiando y pegando fotogramas clave. Una es que no tienes que volver a hacerlo. El otro como puedes mantener todo consistente. Solo necesito encontrar este texto de Nueva York por aquí y luego copiar los fotogramas clave. Volver al cuadro 4. Esa es la Roma. Entonces asegúrate de tener el indicador de línea de tiempo como cero segundos porque se va a pegar en el fotograma clave en función de dónde está tu indicador de línea de tiempo. Eso es bueno. Ahora deberíamos tener todas las animaciones aquí. Solo necesito reorganizar un poco el pedido. Necesito que los antecedentes entren primero. Entonces quiero que el coliseo entre justo después del fondo de forma azul, tal vez por aquí. Entra la moto y luego entra este gráfico. Roma debería venir en el último. Estos dos, podemos arrastrarlo más abajo. Esta gráfica, quiero que lo haga, una espera, quiero que esta gráfica venga un poco más tarde. Yo quiero que el coliseo entre primero porque ese es el principal punto focal de nuestra escena. Tenemos el coliseo, tenemos la moto. Entonces desde arriba, aquí está esta gráfica. Cuando el gráfico se asienta, tenemos estos pequeños elementos gráficos entran así, lo cual es bueno. Ahora lo que necesito hacer es traer el efecto de mudanza
y el efecto de tiempo posterizar a esta escena también. Simplemente vuelve a la capa de equipaje, “Comando C” y luego vuelve al marco del proyecto 4, déjame pegar el efecto en todo, y luego podemos arreglar cualquier cosa que no se vea bien. Por aquí se puede ver el efecto posterize no se puede aplicar a la sombra. Todo lo que tiene una sombra se va a estropear con el efecto posterize. Necesito eliminar el efecto del coliseo. Entonces necesito borrar el efecto, creo de la moto, pero la moto parece bien. Vamos a previsualizar. Eso es todo con nuestra animación de escena de Roma. Se ve bastante guay. Pasemos al siguiente video.
15. Transición al logotipo: Bienvenido de nuevo. Hasta ahora hemos hecho todas las animaciones para las cuatro escenas principales. Aquí es lo que parece. Como puedes ver, la animación en sí, las cuatro primeras escenas, ya son 15 segundos. En este video, voy a rematarlo con los dos últimos fotogramas, que es nuestro Logo Transition y el Logo Lockup. Al final, todo el video podría llegar a 20 segundos, lo cual está bien. Sin más preámbulos, empecemos. Después de la cuarta escena, vamos a colgar en esta escena de Roma por un par de segundos y luego podemos mover todo esto hacia abajo para transitarlo fuera de la pantalla. Podemos agregar un fotograma clave aquí y luego avanzar 10 fotogramas. Mueve la posición hacia abajo así. Ahora tenemos una escena vacía aquí. Ahora mismo aquí hay un problema, siento que puedo ver esta textura moviéndose con el gráfico. Podría necesitar eliminar toda la animación de textura con todas las pre-comps y luego simplemente poner la animación de textura fuera en esta comp principal. Ya sabes lo que creo que voy a hacer eso, solo
recuerdo que tenemos esta animación de textura, el fondo blanco, seleccionamos los dos, y luego los pondré todo el camino al 0 segundo, muévalos todo el camino hacia abajo. Ahora en la composición principal, tengo una animación de texturas que siguen animando sin parar. Este caso sólo puedo ocultar la textura y el fondo. Textura de fondo, composición principal. Ocultar el fondo y la textura dentro de cada composición. Esta es la animación de textura ocultar, y luego este es un fondo para la segunda escena. Eso voy a esconder. Entonces para la tercera escena, esta es la tercera escena, necesito ocultar la textura, ocultar el fondo, volver atrás. Después la cuarta escena, entra a la cuarta escena, oculta el fondo, oculta la textura. Ahora lo que pasa es que todos los textos para animación y el fondo están dentro mi composición principal y solo hay uno de ellos, mientras que antes tengo una animación de textura dentro de toda la composición diferente. Hay cuatro copias diferentes en diferentes timestamp lo cual es difícil de manejar. Ahora solo tengo una versión de la animación de texturas dentro de nuestra composición principal. Es más fácil manejarlo de esta manera. Al tener esta escena de Roma bajar, se
puede ver que todavía hay este amplio color sólido de R, recuerden, hubo una transición por aquí. Esta transición R por aquí está tallando la animación de textura en la parte inferior realmente. Necesito cortar esta capa. Entonces necesito cortar esta capa, la capa azul. El periódico, no lo necesito, necesito cortarlo aquí. Entonces ahora podré ver la animación de texturas todo el camino hacia abajo en la parte inferior de ahí. Eso es bueno. Lo siguiente que necesito para obtener los elementos del marco 5. Básicamente, sólo tenemos una línea aquí. Comando C, ve a Composición Principal, comando V. Ahora lo que tengo que hacer es solo hacer zoom. Entonces déjame sólo trazar una línea aquí. Dibuja una línea recta. Mantenga pulsado el turno para que pueda dibujar una línea recta. Entonces déjame desactivar la opción Fill hold down en el Mac haga clic, haga clic, haga clic, haga clic, y luego haga clic en el trazo, hágalo de color negro. Cambia el punto de partida de la capa por aquí. Tengo una línea aquí. Entonces necesito animar la opacidad de la línea como si parpadeara. Necesito que la línea esté al 100 por ciento de primero y luego tal vez 1, 2, 3, 4, 5, cinco cuadros y necesito bajar a 1, y luego 1, 2, 3, 4, 5, volver a 98. Básicamente necesito que la línea parpadee un par de veces. Yo estoy teniendo, al principio, la línea es del 100 por ciento y luego baja al uno por ciento, casi desapareciendo, para luego volver al 98 por ciento. Necesito copiar el comando de tres fotogramas clave C, y luego moverlo hacia adelante un poco, y luego pegarlo para que la línea parpadee dos veces. Déjame ver si está parpadeando. Sí, eso es bueno. Necesito que el tiempo de colgar entre sea un poco más largo para
que mueva el segundo conjunto de fotogramas clave más lejos del primer conjunto. A ver cómo se ve. Eso se ve bien. Solo necesito acercarlo un poco más y luego
dejarlo parpadear otra vez, tres veces parpadeando. Ahora necesito presionar P en el turno de teclado T. Necesito que esta línea viaje a la derecha para sacar el texto. Necesito tener una propiedad de posición por aquí, establecer un fotograma clave, ir por 10 fotogramas, y luego mover la línea hasta donde está el final de este lema por aquí. Entonces lo siguiente que necesito hacer es dibujar un rectángulo detrás de esta pequeña línea aquí. Necesito deshacer clic en cualquier capa y luego simplemente dibujar, subir aquí a la herramienta de rectángulo, y luego simplemente dibujar un rectángulo detrás de esta línea aquí, tal vez así de grande. Necesito apagar el trazo, mantenga presionada la opción. Apague el trazo, haga clic, haga clic, haga clic en el Relleno y hágalo tal vez un color rojo, no importa. El color de éste no importa. Entonces necesito establecer este nuevo rectángulo para que sean los hijos de esta línea. Necesito el rectángulo para viajar con línea. Usa este látigo de púa para padre de la línea al rectángulo. Ahora, si altero la línea de tiempo, se
puede ver este rectángulo simplemente viajar con una línea aquí. Lo que creo no es suficiente, necesito hacerlo más grande. Este rectángulo necesito hacerlo más largo. Ve al Camino Rectángulo, Tamaño, necesito hacerlo un poco más grande y luego moverlo a la izquierda. Eso es bueno. Ahora lo que necesito hacer es mover este rectángulo hacia abajo y configurar este rectángulo para que sea el Track Matte de este eslogan aquí, solo tienes que ir a asegurarte de que el rectángulo esté encima del eslogan y luego ir a la capa de slogan, ve a Track Matte, pregúrelo a Alfa Mate. Lo que hace es siempre que este rectángulo rosa sea visible, el texto debajo va a ser visible. Ahora mismo, puedes ver si altero la línea de tiempo, cuando el rectángulo viaje con una línea por ahí va a revelar el eslogan por aquí. Eso es bueno. Guardar el proyecto.
16. Logotipos combinados: Entonces lo que necesito hacer es traer el logo del marco seis. Este color aquí, comando C. Volver a la composición principal, pegar ambos en. Ahora lo que necesito hacer es usar esta línea para
volver a la izquierda y luego revisar el sitio web. ¿Cómo hacemos esto? En primer lugar, quiero que la línea viaje de regreso. Simplemente ve a la propiedad de posición, presiona “posición llave de fotograma” y luego avanza tal vez 20 fotogramas. Entonces podemos hacer que la línea regrese así. Entonces tengamos este rectángulo aquí para viajar con la línea expanda este rectángulo a la línea aquí. Ahora lo que tenemos es algo así. Una vez que tengamos este viaje de rectángulo con la línea, podemos usar este duplicado de rectángulo Comando D para ser el mate de pista de este texto por aquí. Simplemente asegúrate de que el rectángulo esté encima del travelholics.com y luego configura el travelholics.com Track Matte a Alpha Matte. De esta forma podemos revelar el sitio web. Pero creo que es un poco desordenado aquí. Estoy pensando aquí sólo voy a cortar la línea. Ya no quiero que la línea lleve el rectángulo. No obstante, quiero que el rectángulo se mueva por sí solo así. A ver cómo se ve aquí. Hagamos un adelanto. Eso se ve bien es demasiado lento. Siento que el bar está entrando demasiado despacio. No quiero mostrar el bar completo. Yo quiero cubrir una parte de ella, como tal vez desde aquí. Lo que necesito hacer es quizás seleccionar los dos fotogramas claves que están liderando la barra, ir a velocidad de fotograma llave, cambiarlo a 66, hacerlo un poco más rápido. Entonces también quiero cubrir el bar por aquí. Yo quiero cubrir la barra desde aquí, así que necesito otro Track Matte para la barra. Déjame simplemente dibujar otro rectángulo. Todo lo que hay afuera en esta zona. Quiero usar este rectángulo rosa para ser el Track Matte para este rectángulo aquí y luego ponerlo encima. Asegúrate de configurar este rectángulo para que sea Alpha invertido. Donde quiera que haya este color rosa no va a ser visible. Ahí es donde entra el invertido. Vamos a ver algo como esto. Hagamos una vista previa de esta animación aquí. Eso se ve bien. A mí me parece bien. Tenemos este tipo en efecto y luego revisamos el sitio web. Otra cosa que solo quiero asegurarme de que el margen alrededor del rectángulo sea similar. Necesito mover este rectángulo. Recuerda el nuevo Track Matte para estar por aquí. Simplemente tocando el borde para que el margen pueda mantener el mismo izquierdo y derecho. Comenzar S, guardar el proyecto. Creo que eso es todo para nuestra animación completa. Echemos un vistazo y previsualicemos la animación. Aquí está nuestro video final, echemos un vistazo. Como puedes ver, esta es nuestra animación final. Todavía hay cosas aquí y allá que me
gustaría afinar más adelante si tengo tiempo. Pero te das la idea, así es como normalmente animaríamos un video explicador estilo collage, look
vintage y con stop-motion. Espero que cuando estés haciendo tu propio proyecto, puedas juzgar la animación y el movimiento tú mismo y también llegar a tus propios movimientos. Eso es todo con este video, pasemos al siguiente.
17. Exportación: Felicidades por terminar la animación completa. En este video, te voy a mostrar cómo exportar el archivo a un video en formato MP4. Si quieres añadir algo de música o voz en off, puedes seguir adelante con tu propia animación. Para la música, siempre puedes ir en línea para encontrar algo de música sin derechos de autor para descargar, y luego ponerla en tu animación, que definitivamente va a agregar más factor divertido a tu animación y hacerlo más interesante y atractivo para los espectadores. Además, la voz en off, si quieres, puedes grabar alguna voz en off tú mismo, pero por ahora, en este video, solo te
voy a mostrar cómo exportar este video a un video en formato MP4. Después de que hayamos hecho toda la animación desde cero segundo hasta 20 segundos, necesito establecer el rango de previsualización o renderizado en 20 segundos. Con mi indicador de línea de tiempo a 20 segundos, tocaría “N” en el teclado para establecer el punto final de render. Ahora, puedo ir a Composición, “Agregar a Adobe Media Encoder Queue”. Después de hacer clic en eso, se va a abrir Adobe Media Encoder. Una vez que tengamos nuestro archivo agregado a Adobe Media Encoder, vamos a tener algo como esto, y luego podemos cambiar el códec aquí desde este menú desplegable. Normalmente, se quedaría en H264, que es un video en formato MP4. También puedes exportar en formatos QuickTime aquí, y podemos dejar el preset como este, alta tasa de bits, y luego podemos cambiar nuestra ubicación de archivos. Aquí le voy a nombrar una nueva carpeta llamada Salida, y luego el nombre del archivo puede ser simplemente quedarse como Travelholics Animation. Haga clic en “Guardar”, y luego haga clic en este botón “Reproducir” aquí para comenzar a renderizar. Nuestra animación está aquí. Echemos un vistazo.
18. Felicitaciones: Enhorabuena, lo lograste. Ahora, es hora de terminar tu proyecto y compartir conmigo y tus compañeros estudiantes. Asegúrate de publicar tu video en el panel del proyecto para obtener retroalimentación e inspirar a otros estudiantes. Este no es un curso fácil, pero ahora lo has terminado. Si tienes alguna pregunta, siéntete libre de contactarme. Yo estoy aquí para ayudarte. Si no recuerdas algunas de las técnicas que se imparten en la clase, siempre
puedes volver atrás y refrescar tus recuerdos. También tengo un par de otros cursos si quieres echar un
vistazo para aprender diferentes técnicas y mejorar tu animación. Muchas gracias por tomar este curso. Espero verte en mis otros videos. Salud.
Hongshu Guo, Motion Designer
