Transcripciones
1. Introducción: Podrás hacer una increíble introducción personalizada, igual que ésta en poco más de una hora sin absolutamente ninguna experiencia necesaria. Te guiaré por cada paso y te mostraré lo fácil que puede ser After Effects. Hola, me llamo Chris George. Soy diseñador gráfico en movimiento con sede en la ciudad de Nueva York. No sabía cómo iba a decir justo después de eso. Hace seis años, creé mi primera animación After Effect usando solo tutoriales de YouTube. Estaba muy contenta con cómo resultó tanto así que decidí volver a la escuela por motion graphics. Eventualmente, pude iniciar mi propio estudio con mis dos socios comerciales, Emerson Bowstead, y Justin Vega. Ahora tenemos estudios Oddsense donde llegamos a hacer cosas geniales, vistas aquí. ¿ Qué estamos haciendo? Al igual que mi primer proyecto, vamos a estar haciendo una pieza autopromocional, incluyendo tres habilidades o servicios que usted brinda, su nombre y una animación de un personaje para representarle. Si te interesa aprender After Effects, este es un gran lugar para empezar. No sólo te estaré caminando a través de cada técnica que usamos paso a paso, sino que también estaré repasando demos. Estaremos discutiendo conceptos de big picture para asegurarnos de que entiendas lo que está pasando y las habilidades que aprendimos se puedan aplicar a futuras animaciones. Realmente rápido antes de empezar, ten en cuenta que si te encuentras con algún problema, por favor comunícate conmigo, y dispárame un email o sígueme en Instagram y envíame un mensaje ahí. Voy a estar seguro de volver a ti y ayudar de todas formas que pueda. Te lo prometo.
2. Comienzo: Está bien, bienvenido al proyecto. Quiero llegar a After Effects lo antes posible. De antemano, solo tengo una cantidad muy pequeña de preparación yo qué hacer contigo. Para eso, voy a agarrar mi laptop, y sólo voy a abrir un documento de texto. Todo lo que necesitamos hacer es descifrar tres habilidades o servicios que brindamos. Para el mío, voy a hacer Diseño como mi primero, Animación como mi segundo, y luego Ilustración como mi tercero. Entonces necesitamos conocer nuestros nombres. Entonces lo siguiente que tenemos que hacer es descifrar una paleta. Me encanta el color y sé lo que me gusta y lo que se ve bien. Pero, a menudo me cuesta elegir colores específicos para mis palés. Lo que me gusta hacer es ir a un sitio web llamado coolers dot-com. Aquí en realidad generan paletas aleatorias para ti. Simplemente voy a pasar y hacer clic en Barra espaciadora un par de veces y ver si algo me llama la atención. Ooh, me gusta esa. De acuerdo, aquí ya tenemos una gran paleta. Creo que tiene algunos azules bonitos, bonitos blanquecinos, y gran amarillo. Eso se siente como una base realmente buena para lo que quiero hacer. Lo que voy a hacer es solo tomar una captura de pantalla de esta paleta y guardarla en mi escritorio para más adelante. Estamos a punto de irnos. Una pieza de preparación que puedes hacer que no voy a hacer es realmente dibujarme de antemano. Posteriormente vamos a estar creando ilustraciones, y animaciones de personajes que sentimos mejor nos representan. Puede ser una vista de dibujo o podría ser dibujo de un animal que se siente como tú, sea lo que sea que hagas, podría ser un monstruo. No me importa. Sólo va a ser un poco de carácter. Yo sólo voy a ilustrar eso a medida que voy más tarde. Si quieres hacer un poco de preparación de antemano,
y sacarte, te recomiendo encarecidamente que para tener en cuenta que la mía terminará luciendo así. Si quieres mantenerlo en ese nivel de complejidad, ese sería un buen lugar para empezar. Creo que todos estamos listos para ir. Voy a dirigirme a mi escritorio y podemos empezar a trabajar en After Effects. Ahora que tenemos un plan claro de lo que estamos haciendo, de lo que estamos haciendo. En realidad podemos abrir After Effects. Una vez que tengas abierto After Effects, puedes seleccionar Nuevo proyecto, y deberías ver una ventana que se vea así. Si el tuyo se ve diferente, podría estar en un arreglo diferente. Simplemente puede ir a Window Workspace y luego seleccionar los valores predeterminados para que los nuestros tengan exactamente el mismo aspecto. Antes de cavar, quiero destacar algunas áreas clave de las que debemos conocer. Empezando por la parte superior izquierda, tenemos nuestra Barra de herramientas. Si ya has usado software de Adobe antes, algunos de estos te resultarán muy familiares, pero si algún aspecto extraño, no te preocupes, ni siquiera necesitaremos más de estos cinco. los explicaré todos como necesitamos más adelante. Debajo de sus herramientas está su Ventana de Proyectos. Aquí es donde puedes encontrar y organizar todos tus archivos y composiciones importadas. A la derecha está nuestra Ventana de Composición, también conocida como nuestro Escenario. Podríamos pensar en este tipo de monitor. Es donde vamos a estar viendo todo el trabajo que creemos. Directamente debajo de esa es nuestra Línea de Tiempo, donde realmente creamos unas capas animadas. Ahora que tenemos nuestros rodamientos, creemos nuestra primera composición y arranquemos las cosas. Debido a que tenemos un nuevo proyecto, puedes seleccionar el nuevo botón de composición, pero en cualquier momento puedes hacer nuevas composiciones con este botón o en el menú superior seleccionando composición, e yendo a nueva composición. De acuerdo, ahora estamos aquí con nuestra configuración de composición. Después de cambiar el nombre de nuestro texto de composición, vamos a seguir adelante, y hacer coincidir todas las demás configuraciones con las mías. Simplemente bajaré, y te explicaré un par de estos. Estará cambiando nuestra velocidad de fotogramas, asegurándose de que esté en 24. Principalmente sólo porque es un buen número con el que trabajar. Si tenemos que hacer alguna matemática más adelante, 24 es un número muy fácil para trabajar. Por último, vamos a fijar la duración de nuestra composición. De la forma en que se organizan estos números, podría
parecer un poco raro, pero es por hora, minuto, segundo y luego el número de fotograma. Voy a poner esto diez segundos porque no creo que vayamos a necesitar más que eso. Vamos a pegarle, “Ok”. Ahora que tenemos toda nuestra composición configurada, en la siguiente lección, podemos hablar de capas, y agregar nuestros primeros elementos a nuestra escena.
3. Diseña tu texto: Ahora que tenemos una composición de parpadeo, necesitamos llenarla con algunas capas. Puedes hacer una nueva capa en cualquier momento haciendo clic con el botón derecho en la sección izquierda de la línea de tiempo, haciendo clic en “Nueva”, y luego seleccionando el tipo de capa que quieres hacer. Fuera de esta lista, sólo tenemos que preocuparnos por estos cuatro. Obviamente, las capas de
texto son para crear campos de texto que funcionan mucho como otros software de Adobe. Las capas de formas permiten crear cualquier tipo de formas o
combinaciones de formas utilizando sus herramientas de forma preestablecidas o la herramienta Pluma. Las capas sólidas generan un color de tamaño de composición. Pero desafortunadamente, no se puede cambiar ese color una vez que se establece la primera vez. La mayoría de las veces, estás mejor con solo usar una capa Shape. Por último, hay nulos que son un poco más raros. Imagina que son como una pieza de plástico transparente al que podemos adjuntar otras capas. Cuando mueves esa pieza de plástico, todo lo asociado a ella también se mueve. Es solo una gran manera de controlar elementos de tu escena, y luego te explicaré más sobre eso. Ahora, con nuestra nueva composición, lo primero que vamos a hacer es crear una capa de texto. Aquí podemos teclear nuestra primera habilidad, que para mí va a ser el diseño. Sólo escribamos eso. Una vez que tengamos nuestra primera capa de texto, vamos a duplicar. Este es uno de los únicos atajos de teclado que te voy a hacer recordar, y ese es Comando D, y eso es lo duplica. Vamos a hacer clic en la capa y presionar Command D en un teclado, y en realidad lo vamos a hacer dos veces. Tenemos tres capas, y sólo vamos a arrastrar estas hacia abajo, cada una individualmente. Ahora, tenemos tres palabras que podemos cambiar. Voy a hacer mi segunda animación, y voy a hacer la última, que necesito seleccionar capa primera ilustración. Ahora que tenemos todas nuestras capas de texto, hagamos que se vea bien. Echemos un vistazo a nuestra paleta. Tomé una captura de pantalla de eso, así que sólo voy a importar esa captura de pantalla. Voy a importarlo haciendo clic derecho en la ventana “Proyecto”, “Importar”, “Archivo”. Después entro a mi escritorio donde está mi captura de pantalla, y abrirla. Ahora con esa captura de pantalla aquí, sólo
puedo arrastrarla a mi composición, y boom, tenemos mi paleta. Yo sólo voy a agarrar los anclajes a un costado, y sosteniendo Shift para mantener sus proporciones. Yo lo voy a hacer pequeño, moverlo hacia un lado. Ahora en realidad podemos agregar algo de color, y comenzaremos con el fondo. Iban a crear una nueva capa de formas. Haga clic en “Rellenar”, asegúrese de que es nuestro color. El trazo no importa siempre y cuando sea cero puntos. Después vamos a pasar el cursor sobre una herramienta Rectángulo y hacer doble clic en ella. Eso nos dará una forma perfecta de tamaño de composición rellena con este color. La mejor parte es que podemos cambiarlo a cualquier color que
queramos sin tener que preocuparnos por entrar en alguna configuración. Ahora, con nuestros antecedentes, y lo voy a etiquetar. Para etiquetar una capa, solo
tienes que hacer clic en ella y pulsar Enter. Voy a etiquetar este Antecedentes. Ahora podemos darle estilo a nuestro texto. Aquí es donde espero que todos se pongan un poco creativos. Puedes elegir las fuentes que quieras. Te voy a guiar a través de lo que es mi pensamiento. En primer lugar, voy a cambiar la tipográfica, así que voy a seleccionar las tres capas. En mi caja de caracteres, voy a escribir en Arial Black, que es la tipográfica que creo que quiero usar. A mí me gusta esa tipográfica. Ahora, voy a pensar en lo grandes que son. En cualquier momento, puedes hacer clic en estas capas de textos y redimensionarlas. Si sostienes Shift, mantienes esas proporciones. Voy a empezar a jugar con cómo quiero que se vean estas capas de textos. Estoy pensando que quiero que todos estén alrededor del mismo ancho, pero todos en diferentes tamaños. Yo sólo voy a mirar eso aquí, diseña a medida que vamos. Simplemente resolveremos esto. Creo que eso se ve bien. Voy a añadir un poco más, dejando entremedio el tipo. Sólo estoy mirando esto, pero me gusta eso. Ocultar esta captura de pantalla. Ahora que me gusta este bloqueo como estos tres juntos, voy a crear un Objeto Nulo, cual voy a hacer clic derecho,
y voy a ir a un nuevo “Objeto Nulo”, va a presionar Enter en mi teclado para renombrarlo, y lo voy a llamar Type Controller. Entonces haremos algo llamado paternidad. Con todas tus capas de texto seleccionadas, agarra este botón de aspecto remolino llamado látigo de pick, y arrástralo al nuevo nulo que acabamos de crear, y déjalo ir. Cuando haces padres dos capas juntas, tienes una capa padre y una capa secundaria. El niño siempre seguirá al padre, pero los padres no seguirán al niño. Si, por ejemplo, rotas un padre, el hijo girará alrededor con el padre. Pero si rotaras al niño, el padre no se movería en absoluto. Si eso es confuso, no lo sudes, te
prometo que tendrá más sentido a medida que avancemos. Ahora que son tipo es bastante bonito y parentado a un nulo, vamos a empezar a trabajar en nuestra línea de tiempo y en realidad animar.
4. Revela el texto con un pop: Muy bien, ahora podemos saltar a nuestra línea de tiempo y empezar a averiguar nuestro tiempo. Originalmente, presenté esto como una composición de 10 segundos, pero estoy pensando que esta animación no debería tomar más de quizás seis o siete segundos. Empecemos pensando que queremos que el diseño aparezca casi de inmediato, así que vamos a saltar adelante a cuatro cuadros y vamos a arrastrar el inicio del diseño a eso. Si te desplazas hacia atrás, verás que no existe. Por ahora, tomemos una Ilustración y Animación y los llevaremos de vuelta aún más lejos. Tenemos pop de diseño y luego queremos que eso respire solo por digamos hasta un segundo. Entonces vamos a que se anime la animación, y vamos a saltar de nuevo a dos segundos y vamos a ver. Ahora, para tener una idea del tiempo, lo que voy a hacer es ir a tres segundos donde toda nuestra animación primitiva se completa por y
voy a tocar “N” en mi teclado o en cualquier momento puedes agarrar estas asas y deslízalas alrededor para hacer tu área de trabajo. Tu espacio de trabajo, que está definido por esta pequeña barra por encima de la línea de tiempo, le dice a After Effects qué sección de la línea de tiempo quieres ver cuando reproduces. Entonces ahora que tenemos estos tres apareciendo en un buen momento con el que estamos contentos, podemos empezar a animar a cada uno individual. Empecemos con el diseño. El primer texto revela técnica que te voy a mostrar es lo que me gusta llamar pop-in. Es una de las formas más sencillas de revelar texto, pero lo uso todo el tiempo en mi trabajo profesional. Cómo lo haces es hacer clic en la capa de texto que vas a estar animando y puedes presionar “P” en tu teclado o
puedes alternar hacia abajo e ir a transformar. Vas a hacer clic en el cronómetro junto a la posición y lo que hizo fue crear nuestro primer fotograma clave. Los fotogramas clave son cómo animamos todo en los efectos posteriores. Al alternar hacia abajo en las propiedades de transformación de una capa, verás todas las propiedades con las que tenemos que trabajar. Si ves un icono de cronómetro junto a un valor, eso significa que puedes animarlo. Al hacer clic en un cronómetro, se genera
un fotograma clave dondequiera que esté tu cabeza de juego en ese momento específico. Piensa en los fotogramas clave como puntos de control para tu animación. Por ejemplo, si tenemos un círculo y
establecemos la escala de ese círculo para que sea 100 por ciento en, digamos, la marca de dos segundos. Después lo traemos de vuelta a la marca de un segundo y hacemos un segundo fotograma clave donde la escala se establece en cero. After Effects buscará entre esos fotogramas clave, verá que hay una diferencia y animará lo que sucede entre ellos. Lo último que hay que tener en cuenta con los fotogramas clave es que una vez que pulses el cronómetro una vez, cualquier cambio que realices a ese valor donde
no haya ya un fotograma clave hará un nuevo fotograma clave. Simplemente ten muy atento sobre dónde está tu cabeza de juego cuando estás cambiando valores a una propiedad que estás animando. Es muy fácil conseguir accidentalmente fotogramas clave
extra donde no los quieras y estropear tu animación. También ten en cuenta que si cambias una propiedad de transformación sin el cronómetro seleccionado, entonces ninguno de esos datos se grabará y en realidad no estás animando, solo
estás moviendo cosas como lo haces en Illustrator o Photoshop. De acuerdo, ahora que hemos creado un fotograma clave para la posición, podemos arrastrarlo hacia fuera un par de fotogramas, y luego quieres moverlo en cualquier dirección desde la que quieras que aparezca. Entonces para esta animación, quiero que entre de abajo,
así que la voy a mover hacia abajo. Entonces si hago clic en “play”, se
puede ver, oh, interesante. [ inaudible] tienes algo de animación. Ahora porque solo estoy trabajando en esta sección frontal, voy a mover mi espacio de trabajo para ser un poco más pequeño, y voy a hacer esto un poco más corto. Ahí vas. Ahora, tal vez te estés diciendo: “Oh bien. Eso es bastante aburrido”. y eso se debe a que estos fotogramas clave siguen siendo lineales. Cuando creamos por primera vez fotogramas clave, aparecen en la línea de tiempo como diamantes. Esa forma de diamante significa que son lineales. Los fotogramas clave lineales, cuando se reproducen, ven muy aburridos y antinaturales. Esto se debe a que los fotogramas clave lineales mantienen la misma velocidad desde el principio hasta el final. Donde en la vida real, la velocidad de los movimientos están ahí cambiando constantemente. Por ejemplo, si deslizaras un vaso a través de una mesa, comenzaría muy rápido y luego se ralentizaría ya que la fricción lo ralentiza hasta una parada. Si un vaso se moviera linealmente a través de la mesa, se vería muy extraño. Lo que tenemos que hacer es cambiarlos seleccionándolos y haciendo clic derecho,
y podemos ir al asistente de fotogramas clave y hacer clic en “Facilidad fácil”. Ahora el cambio que se produce entre el principio y el final del fotograma clave comenzará lento, pondrá más rápido en el medio y luego se ralentizará al final. Ahora esto ya se ve más natural y mejor que antes, pero queremos realmente manipularlo y hacer que se vea un poco más dinámico y realmente pop. Lo que eso significa es que realmente queremos que comience muy rápido y luego deslice lentamente hacia su posición final. Lo que podemos hacer es seleccionar los fotogramas clave que queremos
modificar y dar click en el editor de gráficos. Si no se ve así, puedes hacer clic derecho y asegurarte de que diga Editar gráfico de velocidad. Entonces también puedes hacer clic en este botón, “Ajustar todas las gráficas a ver” para que puedas verlo con más claridad. Como ya expliqué antes, se puede ver la curva básica de Easy Easy Easy y ahora la vamos a modificar. Vamos a agarrar el mango de la derecha. Voy a agarrar este mango. Vamos a empujarlo todo el camino hacia la izquierda. Empuja éste todo el camino a la izquierda también,
así que ahora puedes ver que va muy, muy rápido al inicio de la animación y luego se cae muy rápidamente en un lento empuje hacia donde necesita aterrizar. Si volvemos a jugar esto, ya puedes ver, boom, tenemos un gran pop adentro. Ahora lo que me refería como la cola, que es donde se asienta en su lugar es bastante corto. Es bastante dramático lo rápido que se ralentiza. Entonces lo que voy a hacer es que voy a tomar este fotograma clave final y sólo voy a sacarlo un par de fotogramas y tocarlo, y vamos a ver cómo se ve eso. Wow, eso es simpático. Deslizamiento en real cómodo. De acuerdo, con nuestra primera capa de texto apareciendo muy bien, podemos pasar a nuestra segunda técnica de revelación de texto.
5. Revela el texto con escala: Para nuestra próxima revisión de texturas, vamos a estar usando la propiedad Scale para hacer que nuestros textos revelen, lo que haría ahora un buen momento para hablar de puntos de anclaje. Un punto de anclaje es que somos pequeña zona cruzada que ves en el centro de todas tus capas cuando son seleccionadas. Piénsalo como un alfiler que sostiene la capa a la composición. Este es el punto desde el que After Effects se mueve, escala y gira capas desde. Para nuestra capa de tipo de animación, el punto de anclaje es en realidad donde queremos que esté ya porque queremos que se estire desde abajo. Pero si queríamos que estuviera en otro lugar, puedes cambiar una posición de puntos de anclaje seleccionando el pasador detrás de la herramienta y simplemente arrastrándolo donde quieras. Yo sólo quiero mantenerlo en el centro inferior. Es genial, y voy a tocar “S” en mi teclado. O simplemente puedes cambiar hacia abajo en los comandos de transformación y vamos a seleccionar “Escala”, conseguir un fotograma clave ahí dentro. De nuevo, aquí es donde queremos que termine. Podemos deslizar un poco esto hacia atrás en función del tiempo que tardó nuestra Animación anterior. Voy a mantenerlo igual. Ahora, podemos cambiar la escala inicial. Como se puede ver, se están manteniendo las proporciones. Por lo que no podemos apretarle al tipo como queremos. Lo que vamos a hacer es, apagar proporciones constreñidas, que es este pequeño botón de eslabones de cadena de ahí. Ahora, verás que cuando transformemos una propiedad, la otra permanece igual. Podemos destapar al tipo en lugar de hacerlo más pequeño. Ahora, vamos a cambiar la propiedad Y a cero. Si golpeo “Shift/” para hacerlo a pantalla completa, o en cualquier momento, solo
puedes hacer click para caber ahí. Después le pegamos a “Play”. Verás Diseño, Animación, Ilustración. Lo tenemos. Ahora, al igual que antes, estos son marcos lineales. Parecen muy aburridos. Vamos a hacer la misma técnica que antes. Vamos a bajar a asistente de fotogramas clave, Fácil Facilidad. Entonces vamos a dar click en el Editor de Gráficos. Ahora, seleccionamos este mango. Ya verás que nada está cambiando con ese verde porque estás seleccionando este rojo es en realidad la variable X que no habíamos animado todo. En tanto movemos ese mango fuera del camino para poder agarrar el importante,
podemos, y de nuevo, lo
mismo sucede y el rojo se interpone en mi camino. Agarra ese verde. Boom. Ahora, si volvemos en Preview, verás que obtenemos un gran Reveal elástico. Ahora, tenemos dos de cada tres de nuestras Capas de Texto animadas. Sólo una más para ir, y he guardado la mejor técnica para el final.
6. Revela el texto con tipografía en cascada: Esta última técnica es una variación del pop que hicimos antes. Al igual que el primero, vamos a golpear “P” en nuestro teclado con ilustraciones seleccionadas para la posición. Nuevamente, podemos simplemente cambiar ahí en nuestros comandos de transformación. Vamos a hacer clic en el cronómetro. Entonces justo como antes, vamos a espaciar esto un par de fotogramas y modificar dónde está al principio. Al igual que el diseño, lo voy a mover hacia abajo. Voy a seleccionar los fotogramas clave. Haga clic derecho asistente de fotogramas clave, Facilidad fácil. Vas a abrir el editor de gráficos, para esto lo voy a hacer un poco más grande. Al igual que antes, queremos que todas estas curvas se vean iguales, para que se sientan igual. Si golpeamos “Preview”, se
puede ver diseño, animación, ilustración, pero de nuevo, esto está estallando un poco rápido. Queremos que la cola sea más larga. Estirar eso ya, eso parece bonito. Vamos a extender un poco nuestra área de trabajo. Para agregar algo más de complejidad al pop en efecto, lo que vamos a hacer es contar el número de letras e ilustración. Yo sí elegí la palabra más larga para esto, así que eso la hace un poco molesto, 1,2,3,4,5,6,7,8,9,10,11,12. Vamos a duplicar esta capa 12 veces. De nuevo, estoy duplicando golpeando el comando “D” en el teclado. Ya puedes ver tenemos 12 ilustraciones. Ahora, lo que vamos a hacer es que vamos a
enmascarar todas menos una letra para cada una de estas capas, máscara son esencialmente formas que puedes dibujar encima de cualquier capa. Esa forma oculta cualquier cosa que no esté dentro de ella y tú haces una seleccionando una de las herramientas de forma y simplemente dibujando una forma en una capa preexistente no forma. También puedes hacer formas personalizadas usando la herramienta de lápiz, empecemos a enmascarar. Vamos a ir a la primera ilustración, vamos a hacer clic en la herramienta de rectángulo. Empecemos a enmascarar cada capa individual. Tenemos máscara de ilustración 1 que me han enmascarado. Ya podemos ir al Número 2 y vamos a agarrar esta L y vamos a continuar este proceso para todas estas capas, solo
voy a avanzar un poco rápido. Ve a A, por lo que A puedes ver que está apagado. Si trato de seleccionar algunos de los A, verás que definitivamente voy a conseguir este T, el travesaño. En cambio, voy a seleccionar la herramienta Pluma. Porque para las capas de texto, la herramienta Pluma también crea máscaras. Simplemente vamos a crear una bonita máscara personalizada para A, pasar a T, hacer lo mismo para T. Entonces volvemos a las letras normales. Si volvemos a pantalla completa, se
puede ver que tenemos 12 de estas capas en nuestra línea de tiempo. Si los seleccionamos todos y pulsamos “U” en el teclado, veremos todos nuestros fotogramas clave en todas estas capas de Ilustración. Si tocamos “Tilde” en el teclado, se abrirá cualquier panel que hayamos seleccionado pantalla completa. Si le damos a “Tilde” en nuestra línea de tiempo, se
puede ver que consigo una buena imagen de lo que tenemos pasando. Si tocamos “Playback”, verás que se ve igual que antes. La magia de este efecto proviene de lo que estamos a punto de hacer, que es capa asombrosa. Si bajamos aquí a nuestra capa I, ahí es donde queremos
que empiece nuestra animación. Voy a agarrar todas las demás capas por encima de ella pulsando el turno. Vamos a arrasarlos de nuevo solo un fotograma y luego
vamos a mandar click para anular la selección de ese. Vamos a arrasarlos todos atrás, comando click,
scoot back, command click, scoot back, scoot back. Voy a seguir haciendo eso hasta que lleguemos a la cima. Se puede mover estos hacia atrás más de un marco. Se puede tener que sea irregular, puede tener que sea aleatorio, por lo que está saliendo no de izquierda a derecha, se
puede tirar de ellos desde el medio. Podrás organizarlos como quieras. Pero ahora si volvemos y le pegamos a “Play”, ya
verás, tenemos animación realmente interesante mira eso. Ahora, una última cosa que vamos a hacer antes de que
terminemos con esta animación de ilustración es algo llamado pre-comping y pre-comping es importante si en una situación como esta, tienes un montón de capas para algo que ya no necesitamos animar ni preocuparnos. Vamos a hacer nuestro primer pre-comp y lo haríamos pulsando el turno para seleccionar todas nuestras capas de ilustración, haciendo clic derecho y seleccionando precomponer. Aquí podemos nombrar todo la ilustración y asegurarnos seleccione
mover todos los atributos y ajustar la duración de la composición y golpeamos “Ok”. Lo que hizo fue esencialmente agrupar las 12 de esas capas y moverlas a una nueva composición igual que ésta. Se puede ver anidado aquí mismo, si hacemos click en, se
puede ver que las 12 capas siguen siendo accesibles. El único problema es que si volvemos a nuestra composición original, se
puede ver que perdimos nuestra paternidad. Todo lo que tenemos que hacer es volver a vincular estos juntos y estamos bien para ir. Si lo reproducimos, el único problema que tengo es que cada cosa individual no está centrada en la pantalla cuando se revela por primera vez. El modo en que podemos arreglarlo es animando nuestro objeto nulo llamado controlador de tipo y que configuramos antes. Podemos hacerlo creando fotogramas clave de posición. Puedes revelar la posición pulsando nuevamente “P” en tu teclado o cambiando hacia abajo a través de estos menús desplegables. Pero hará un nuevo fotograma clave de posición y retrocederá en el tiempo para, digamos, 1, 2, 3, 4, 5 fotogramas después de que comience a aparecer la ilustración. Podemos arrastrar ese fotograma clave final hacia ahí mismo porque ahí es donde queremos que termine. Entonces vamos cinco fotogramas antes de la ilustración, así 1,2, 3, 4, 5 y aquí podemos cambiar la posición. Está centrado en el diseño y la animación. Una de las formas fáciles que podemos hacer esto es alternar hacia abajo y dar click en este pequeño botón por aquí y dar clic en “Rejilla proporcional” y de esa manera obtenemos una línea central o podemos hacer acción de marea segura, que en realidad voy a preferir en este situación que está bastante bien centrada ahí. Vamos a ir aún más atrás y vamos a ir a cinco segundos después de que aparezca la animación, o cinco fotogramas más bien, 1, 2, 3, 4, 5. Vamos a crear un nuevo fotograma clave en nuestro momento actual del cabezal de reproducción presionando este pequeño botón de diamante. Vamos a retroceder cinco cuadros antes, así que 1, 2, 3, 4, 5 y luego vamos a centrarlo en el diseño, es Bueno centrado y entonces eso debería ser. Después tenemos el diseño a la animación y una animación a la ilustración. Si reproducimos eso, eso se ve bien. De nuevo, tenemos el movimiento lineal, por lo que parece muy rancio y robótico. Podemos simplemente seleccionar todos estos fotogramas, hacer clic con el botón derecho Easy Easy Easy y luego si hacemos click en nuestro editor de gráficos, se puede ver que sus curvas por defecto, pero eso en realidad podría funcionar bien para nosotros porque queremos que esto ser animación secundaria, no tan agresiva como toda nuestra animación reveladora. Así como así, tenemos nuestra primera sección todo hecho. Ahora, que nuestro tipo esté hecho, es hora de crear un elemento decorativo que nos ayude a transitar entre el texto que ya
hemos hecho y la imagen de nosotros mismos y nuestro nombre que vamos a estar haciendo más adelante.
7. Crea una transición: Ahora es el momento de hacer algo que este tipo pueda desaparecer atrás. Estoy pensando, vamos a mantenerlo simple. Vamos a crear una línea que aparezca en la parte superior. Vamos a crear una nueva capa de forma. Aquí estará la cosa en la que estamos desapareciendo. Vamos a volver a subir aquí nuestra paleta por un segundo. Cambiemos el color. Agarremos de nuevo este amarillo detrás de eso. En esta nueva capa de forma, solo
voy a, con la herramienta de rectángulo, hacer un rectángulo simple. A ver cómo se ve eso. Eso se ve bien. Es simple tomar posición al golpear P, subiéndolo un poco. Ahora aquí vamos a cambiar el punto de anclaje. Lo que quiero que haga esta barra, es que aparezca de izquierda a derecha, como si se estuviera dibujando a través de la pantalla. En primer lugar, sólo voy a alinear esto hasta mi borde izquierdo muy bien y luego voy a agarrar el bolígrafo detrás de la herramienta y agarrar este gran punto de anclaje. Vas a fijarlo a la izquierda más centro de estos puntos de control. De esa forma, cuando hagas click en la “Capa de formas” y golpeas S para escala y vamos a desactivar las proporciones de restricción. De esa manera cuando cambiemos la escala X, parecerá que se está dibujando a través de la pantalla. Vamos a cambiar eso a 100 y vamos a crear un fotograma clave. Aquí es donde queremos que esté y veamos cuándo queremos que aparezca esto. Tenemos diseño, animación, ilustración. Vamos a tenerlo encendido, justo como golpeamos a U. Lo vamos a tener que venir bien, ya que nuestro controlador tipo está hecho de animar. Sólo vamos a agarrar a esta izquierda. Es escala X y convertir eso a cero. Ahora si lo
previsualizamos, veremos la barra animada encendida, agradable y sencillamente. Nuevamente, como todo lo demás con lo que hemos tratado, estos son marcos lineales, por lo que vamos a seleccionarlos, hacer clic derecho y girarlos a facilidad. Vamos a previsualizar eso una vez más. Se ve bonito. Diseño, animación, ilustración. Se tarda un poco, es un poco lento, así que voy a con estos fotogramas seleccionados, click en editor de gráficos y vamos a encajar todas las gráficas a ver. Simplemente vamos a, como antes, deslizar uno de esto, deslizar la manija derecha por encima, pero vamos a dejar la manija izquierda sola. De esa manera, se alivia en un poquito, pero su todavía tiene algo de chasquear a ella. Se ve genial. Ahora que la barra se anima a través, quieres que la barra se anime hacia abajo, por lo que cruza encima del tipo y podemos ocultar el tipo a medida que pasa por encima. Podríamos hacer esto simplemente pulsando P en nuestro teclado y animando nuestro fotograma clave de posición. Pero por razones que voy a explicar más adelante, vamos a animar esto en su lugar sobre un objeto nulo. Vamos a golpear “New” hit “Null object” y vamos a golpear “Enter” en nuestro teclado, para escribir un nuevo nombre y lo voy a llamar “bar controller. Vamos a ir un poco más tarde en nuestra línea de tiempo y voy a mover esto, así que está directamente en medio de nuestro bar. Entonces voy a renombrar nuestra capa de forma a barra y convertirla en el controlador de barras. Ahora ya verás si tocamos “P” en nuestro teclado, podemos mover la posición del controlador de barra y mueve la barra misma. Ahora, una vez que esta barra esté completamente llena y podemos ver dónde está eso pulsando “U” en nuestro teclado, cuando tenemos seleccionada la capa de barras y eso revela nuestros fotogramas clave animados. Vamos aquí, veremos que está completamente animado, completamente revelado en este punto. Voy a hacer un fotograma clave de posición en nuestro controlador y luego voy a avanzar una cantidad arbitraria de tiempo. Voy a deslizar este tipo. En realidad ahora que lo estoy moviendo hacia abajo, estoy viendo que la barra corre un poco por el costado, no
era exactamente precisa, montando por todos mis extremos. Lo que voy a hacer, es simplemente ir a mi barra, ir al fotograma clave anterior y simplemente hacer que esto sea un poco más corto, así que voy a hacer 99.5. Entonces puedes ver que se alinea muy bien con ese top y no se alinea muy bien con estos, pero se estará moviendo tan rápido en ese punto que de todos modos no podrás notar. Si quisiera, siempre podría volver atrás y cambiarlo. Pero bajemos este controlador de barras en el último fotograma clave debajo del tipo, muy bien. Entonces si reproducimos esto atrás, voy a encajar, jugar esto atrás, puedo ver lo que tenemos. Está bien. Bonito. Nuevamente, esta barra se mueve muy linealmente, lo que no se ve muy fluida, pero solo podemos arreglarlo seleccionando los fotogramas clave, haciendo clic en “Facilidad fácil” y podemos entrar en nuestro editor de gráficos y podemos ver esa curva. Esta es la curva por defecto, la estándar como discutimos antes. Yo quiero que esto sea un poco más ágil. Lo que voy a hacer es, voy a tirar del lado derecho, como lo hicimos antes, pero luego voy a agarrar el lado izquierdo y también tirar de ese postes más cercanos se maneja uno hacia el otro. De esa manera tenemos un comienzo muy lento, un medio muy rápido y luego un final muy lento también. Vamos a ahorrar y solo previsualizar eso. Bonito. Está bien, genial. Ahora lo siguiente que tenemos que hacer, es ocultar el tipo, una vez que esta barra cruza por encima. Hay muchas maneras de hacer eso con máscaras. Discutiremos algunas opciones más adelante, pero por ahora lo vamos a hacer de esta manera sencilla y es simplemente esconderlas detrás de una forma azul. Voy a hacer una nueva capa de forma justo debajo de nuestra barra y la voy a nombrar “BlueFilill” y voy a crear una nueva forma. Encima arriba, toda
la tipografía y voy a llenar eso con este color de fondo, entonces voy a ir al final, donde la barra está cubriendo completamente el tipo. Asegúrate de que esté centrado en la barra. Entonces voy a padres de este Bluefill al bar, o al controlador de bar. Para esto, lo voy a padres al controlador de bar. Ahora si lo reproducimos, puedes ver que tenemos un diseño, animación, ilustración y todos desaparecen. Mira eso. Boom. Esta capa azul que puedes ver en realidad está ahí todo el tiempo, pero está oculta. Voy a recortar esta capa, así que no está ahí antes de que la necesitemos. Genial. Ahora tenemos nuestra topografía toda animada. En la siguiente sección, usaremos capas de formas para ilustrarnos y animarnos.
8. Diseñar tu personaje: Bienvenido a la segunda mitad del proyecto donde comienza la diversión. primero es lo primero, necesitamos crear una nueva composición para que podamos hacer entrar a nuestro personaje, y llamarlo Yo. Mantén la misma configuración. Ahora podemos dibujar nosotros mismos. Te recomiendo que empieces con un boceto a lápiz, pero por aquí, sólo vamos a diseñar a medida que vamos. Hagamos una nueva capa de forma y vamos a llamar a esta capa de forma pulsando Enter, voy a dar click en ella, presionar Enter, llamarlo cuerpo y luego voy a seleccionar la herramienta de rectángulo redondeado y porque nuestro relleno es el mismo que nuestro fondo, lo voy a cambiar sólo a negro. Voy a dibujar mi cuerpo y
sólo voy a poner un rectángulo hacia abajo y luego cambiar hacia abajo en rectángulo, ir a la propiedad Roundness y girar eso hasta que sienta que me gustan mis hombros. Haz eso mucho. Entonces voy a conseguir otro rectángulo. Haz lo mismo, baja la redondez de mi capucha, luego voy a seleccionar ambas y vamos a añadir un trazo y queremos que sea el color de fondo, así que vamos a seleccionar cuentagotas pero esta se estableció el color de fondo en nuestra configuración de composición, en lugar de hacerse con una forma o capa sólida en nuestra línea de tiempo, por lo que el cuentagotas de ojos ignora el color. Lo que vamos a hacer es golpear Cancelar y abrir nuestra configuración de composición,
donde vemos nuestro color de fondo y sólo vamos a copiar ese valor y luego pegarlo en nuestro valor de trazo, aumentar el tamaño del trazo. Hagamos sólo cinco por ahora, esa manera podemos conseguir alguna definición, la capucha y yo sólo voy a hacerme ahora el cuello. Haz eso. Bonito. Voy a hacer la ronda y luego voy a cambiar el relleno de esto a blanco y para obtener el color exacto correcto, voy a traer nuestra paleta como antes, bájala y voy a ir a agarrar este color blanco. Ahora, de repente tenemos mi cuerpo, torso, mi capucha y cuello y hagamos una cabeza. Este es nuestro cuello. Vamos a hacer Nuevo, Shape Layer. Hagamos otro rectángulo redondeado para mi cabeza. Como un shapey like. Podría tener una cabeza muy estrecha. Tengo cabeza de alfiler. Voy a ir a hacer más amplia la redondez. Bonito. No tengas un cuello demasiado largo ya. Bonita cabeza. Entonces vamos a hacer mis oídos encima de eso, así que vamos a agarrar, sólo la herramienta de círculo va a estar bien. Pon algunas orejas y estoy golpeando V en el teclado para seleccionar selección directa. Yo sólo voy a agarrar eso. Entonces si hago clic hacia abajo en Contenidos y golpeo Comando D en esta elipse, verás que se duplica como todas las demás capas y solo puedo mover esto al otro lado manteniendo presionado Shift. Mantenlos mismos. Entonces voy a seleccionar ambos y apagar sus trazos o simplemente conseguir dos orejas. Agradable, con buen aspecto. Ahora podemos agregar un poco de pelo. Voy a añadir un pedazo de pelo que está pegado a la cabeza y uno que no lo está. Voy a empezar con el que está apegado. Sólo voy a hacer un rectángulo aquí. Entonces como antes, voy a modificar la redondez para que sea bastante redonda y luego ese rectángulo, voy a cambiar para que me llenen amarillo y luego lo voy a mover abajo debajo de todas las demás formas. Porque no me gusta esta línea extra aquí pero me gusta la línea aquí, solo
voy a agregar una forma extra a esta capa de cabeza y va a estar usando la herramienta de lápiz y voy a dar click justo a lo largo de esta línea aquí, entonces voy a usar la herramienta convertir vértice para alinearlo con esos bordes. Ahora, voy a hacer que el relleno nada, ninguno, al seleccionar este botón aquí y el trazo, voy a subir un poco y luego cambiar el color a este amarillo. Ahora puedes ver que hay estas pequeñas líneas rectas aquí al final, que no soy un gran fan, así que podemos hacer es entrar en esa forma que acabamos de crear, ir a Stroke y luego cambiar pero gorra a tapa redonda. Ahora tenemos estos bordes redondos, que son mucho más bonitos. Yo sólo voy a mover este camino un poco hacia abajo, hacer que se vea un poco más como patillas de las que casi no
tengo y ahí vamos, esa es nuestra cabeza. Ahora hagamos un poco de pelo en una nueva capa de forma. Mantén este rectángulo. Vuelve a encender la película. Arrastra un bonito poof superior. Ahí vamos. Ahí vamos. Eso es lindo. Esos son de golpe ahí abajo, así que voy a tomar esa oferta. A mí me gusta la forma en que se veía. Dobla. Está bien. Bonito. Llamaremos a este pelo. Ahora hagamos una cara. Vamos a hacer otra capa de forma. Empecemos con la nariz. Vamos a seleccionar la herramienta Pluma y cambiar el trazo a negro. Cambia el relleno a ninguno. Vamos a subir el trazo a, digamos ocho y vamos a hacer una nariz. Voy a volver a nuestra herramienta Convertir vértice, igual que lo harías con la herramienta de lápiz e ilustrarlo, boom. Nos dieron un poco de nariz. Es un poco espeso de un derrame cerebral, así que bajemos a cinco. Eso es lindo. Llamemos a esta nariz y podemos dejar eso tal como está. Hacer una nueva capa de forma y puede hacer un poco de boca. Va a utilizar de nuevo la herramienta de pluma. Haz una pequeña sonrisa. Tan solo dos puntos simples y llaman a esa boca y luego una capa de forma más para los ojos, que vamos a hacer con la herramienta de elipse. Cambiar el relleno. Sin derrame cerebral. Boom. Un ojo. Después puedes mantener presionada Comando y hacer clic y arrastrar para hacer que esos dos ojos o simplemente puedes duplicar las elipses pulsando Comando D, como teníamos anteriormente y puedes mover estos ojos alrededor. Vamos a encajar esto, para que podamos tener una buena idea de lo que estamos viendo. Eso es lindo. A pesar de que no las estoy usando para este video, voy a agregar mis gafas porque serán un bonito detalle extra para la cara de mi personaje. Vamos a poner esto en marcha. Gire eso a ningún relleno. Consigue los trazos a cinco. Ahí vamos. Abajo un poco. De nuevo, vamos a golpear Command, arrastrar eso hacia fuera. Aquí vamos a hacer clic en Ellipse, duplicarlo, sacar esa. Ahí vamos. Después una línea para conectarlos. Boom. Tu pequeño par de anteojos. Voy a acercarlos un poco más juntos. El modo en que puedo modificar esta herramienta de forma es alternando camino hacia abajo y cuando vayas a Ruta, haz click en Ruta, verás que estos cuadrados se convierten en puntos
editables que puedes hacer ir donde quieras. Boom. Ahora etiquetemos estas gafas. Hecho. Agarramos nuestras gafas. Centro. Bonito. Ahora lo último que vamos a hacer para darle personalidad a
nuestro personaje son las cejas y las cejas son súper importantes para las expresiones. Hagamos nueva capa de forma. Vamos a agarrar la herramienta de bolígrafo. Al igual que hicimos las matemáticas, sólo una línea realmente simple de dos pero en su lugar vamos a llenar esto con nuestro color de pelo o acariciarlo con nuestro color de pelo, voltearlo a, hagamos ocho es bueno. Al igual que hicimos los demás, vamos a convertir esto en una gorra redonda. Vamos a alternar todo el camino hacia abajo a tope de trazo y línea, girar eso a tapa redonda, boom. Ahora vamos a duplicar toda esta capa y moverla hacia la derecha, alternar hacia abajo a la ruta y seleccionarla, que podamos modificar estos manejadores. Haz que este se vea como queremos. Boom. Nos conseguimos unas cejas. Voy a etiquetar esta ceja derecha y ceja
izquierda y nos conseguimos un personaje. Voy a arreglar esta ceja derecha, para sólo ser un poco más. A continuación, saltaremos directamente a animar a nuestro personaje.
9. Anima tu personaje: Lo primero que vamos a hacer para animar a nuestro personaje es crear, como antes, un objeto nulo y esto vamos a llamar Character Controller. Antes de que empecemos a criar todo a eso, descubramos qué se puede conectar el uno al otro. Este cuello no se va a mover sin el cuerpo. Podemos padres el cuello al cuerpo. También podemos padres de la cabeza al cuerpo. El cabello, vamos a padres eso a la cabeza. Vamos a padres la nariz, los ojos, la boca, y todo lo que hay en la cara, todos estos, a la cabeza. Ahora que todos estos son padres el uno al otro, podemos padres el cuerpo al controlador de caracteres y se puede ver, ahora todo se mueve juntos. Ahora tenemos que descifrar un estado de principio y fin para nuestro personaje. Entonces supongamos que lo que lo dibujamos como es donde queremos que termine. Podemos ir a un minuto y golpear posición en ese tipo. Vamos a ir a seleccionar nuestra cabeza y todo lo adherido a ella. Vamos a golpear P en nuestro teclado. Entonces Revelará posición. Entonces podemos establecer un marco clave para donde queremos que
estén todos al final de nuestro revelador y luego volver al principio. Ahora lo que podemos hacer es
agarrarnos la cabeza y sólo queremos que esto se mueva hacia abajo y se puede ver todo lo demás se mueve con ella. Queremos que parezca que está todo envuelto y escondido. Vamos a hacer aquí y hacer ese movimiento que hacia abajo, déjame acercar un poco aquí. Voy a hacer que sus ojos, los muevan, así que está mirando hacia abajo para empezar tal vez a la izquierda un poco. Sus gafas, podemos moverlas hacia abajo. Su nariz, en realidad también nos vamos a mover hacia abajo porque queremos que
parezca que su cabeza está inclinada un poco hacia abajo. Lo mismo con la boca, sólo
vamos a mover eso hacia abajo. Ahora si reproducimos esto atrás, se
puede ver, levanta la cabeza hacia arriba. Vamos a acortar nuestro espacio de trabajo sólo para que podamos ver ese looping par de veces. Ahora lo que es obvio para mí, justo al bate, es que es demasiado lento y como todo lo demás antes, es lineal. Entonces lo que vamos a hacer es con nuestra línea de tiempo select, voy a golpear tilda sólo para que pueda ver todo. Voy a seleccionar todos mis fotogramas clave. Voy a moverlos a todos hasta la mitad del tiempo que era antes y luego los voy a seleccionar a todos y convertirlos a facilidad. De nuevo, podemos ir a nuestro editor de gráficos, asegurarnos de que encaja, y podemos simplemente agarrar todos nuestros puntos y deslizarlos como lo hicimos antes. Ahora veamos cómo se ve eso. Está bien. Eso se ve genial. Otra cosa que quiero hacer es animar las cejas. Lo que vamos a hacer es ir a nuestra ceja izquierda y derecha, asegurarnos de que nuestra herramienta de posición esté seleccionada, agárrala, y muévalas aquí para empezar, así que ahora está mirando hacia arriba. Eso es sencillo. Ahora que nos tenemos moviendo, podemos empezar a juntar las dos mitades de nuestra secuencia.
10. Une todo: Ahora con nuestro tipo y personaje animados por separado, es hora de unirlos en una sola composición. Lo que vamos a hacer es ir a nuestra ventana de “Proyecto”, clic derecho, y hacer una “Nueva composición”. A ésta la vamos a llamar a Main, y puedes mantener todos los mismos ajustes. Entonces lo que vamos a hacer, es que sólo vamos a tomar texto, y sólo vamos a arrastrar esa composición a esta composición, y luego también vamos a traer la composición Yo. Vamos a encajar estos dos juntos. Ahora, veamos dónde queremos ser revelados. Debería suceder una vez que llegue a aproximadamente a la mitad de las palabras. Digamos, sobre que hay un buen lugar para empezar, así que vamos a arrastrarme, ponernos ahí. A continuación, vamos a tomar la barra de nuestra composición de texto, y vamos a copiarla para nuestra composición principal. Podemos mirar aquí, ver nuestro controlador de barras y barra, vamos a Shift seleccionar ambos de esos y golpear Comando C para copiar, y luego vamos a ir a Main, y Comando V a pegar, llevarlos a ambos a la parte superior. Ya verás que se alinean perfectamente con las barras de nuestra animación de texto. Ahora, lo que incluso podríamos hacer es volver a nuestra animación de texto y esconderlos porque no importan, volver a nuestra composición principal, y el bar sigue ahí. Ahora, necesitamos agregar nuestro nombre. Vamos a hacer clic derecho y añadir una nueva capa de texto. Escribiremos nuestro nombre, escalarlos para empezar. Ya puedes ver que estoy usando dos blancos ahora, así que en realidad voy a cambiar esto a este blanco, así que es exactamente lo mismo. Voy a Shift D para duplicar, bajar eso, abrir el control de texto, y cambiarlo a George, escribir mi apellido. Ahora, organicemos estos. Creo que ambos deberían estar alrededor del mismo tamaño. Vamos a agarrarme, bájalo hacia abajo. Yo sólo voy a juguetear con las escalas y la proporción de estos hasta que se sienta bien. También podemos hacer es recortar por nombre para empezar a la misma hora que Yo lo hace. Podemos arrastrar estos debajo de la barra y Objeto Nulo. Ahora, tenemos que enmascararnos en nuestro nombre para aparecer cuando suba la barra. De la forma en que vamos a hacer eso, es que vamos a crear una “Nueva”, “Capa de formas”, y vamos a convertirla en un rectángulo, iniciarla a mitad de la barra, y hacer que suba todo el camino. Puede ser de cualquier color, no importa. Entonces vamos a padres esta “Nueva”, “Capa de forma”, llamémoslo Máscara. Nosotros vamos a padres eso al bar. Entonces vamos a duplicar esta capa de máscara dos veces, y asegurarnos de que una de cada una de ellas esté por encima de
nuestro nombre, nuestra comp Me, y nuestro apellido también. La otra forma de enmascarar elementos, además de la forma en que ya discutimos, es crear Track Mattes. En cada una de tus capas, deberías ver un pequeño menú desplegable bajo Track Matte. Si no lo haces, asegúrate de que este icono central en la parte inferior izquierda de tu pantalla esté resaltado. Aquí, tienes cinco opciones. Se puede ignorar estos dos de fondo. Al seleccionar Alpha Matte, el software oculta automáticamente la capa superior y utiliza su canal alfa, que es esencialmente dondequiera que haya píxeles, como máscara. Por eso duplicamos la capa tres veces por encima de cada capa que necesitamos oculta. Ahora, si ponemos cada una de esas capas en Alpha Mattes, verás que todas están siendo reveladas por la forma por encima de ellas. Pon a George a “Alpha Matte”, boom. Ahora, esas cosas no existen hasta que el bar las pase. Genial. Si vas a cinco segundos, presiona N en nuestro teclado, y previsualiza esto, vemos lo que tenemos hasta ahora. Fantástico. Mira eso, genial. Ahora, las dos últimas cosas que queremos hacer, es que queremos agregar un poco más de intriga, vamos a tener mi nombre. Mantenga presionado Command y seleccione nuestro nombre y nuestro archivo de dibujo, y vamos a golpear P en el teclado para la posición. Vamos a hacer un fotograma clave, deslizarlo un poco hacia atrás, y mover todos estos objetos hacia abajo. Vamos a seleccionar esto y convertirlos en “Fácil Facilidad”, abrir nuestra gráfica, hacer nuestro pop in tradicional. Vamos a reproducirlo y a ver qué tenemos. Mira eso. Sólo para que sea un poco más interesante, podemos tambalearlo, así que el Chris viene primero. ¿ Qué tal si vengo primero, y luego la primera, y luego la última? ¿ Ves cómo se ve eso? Está bien, bien. Hagamos que George venga un poco más rápido. Al igual que eso, casi terminamos, sólo un par de cosas más que tenemos que hacer, una de las cuales será una escala global, y luego vamos a hacer bucle, y luego terminamos. Vamos a ir al inicio de nuestra composición principal y hacer otra nula, y vamos a renombrar este Global. Entonces lo que vamos a hacer es cualquier cosa que no tenga un padre va a ser parentado a Global. Controlador de Bar no tiene un padre, será parentado. George, Chris, nuestro Me comp y texto tampoco tienen padres, por lo que todos irán a Global. Ahora tenemos algo que podemos cambiar para modificar toda la composición. lo que vamos a empezar, volver al 100. Lo que quiero hacer es acercarme cuando la barra pase hacia abajo para revelar mi nombre. Lo que vamos a hacer es empezar por aquí, vamos a añadir un fotograma clave de escala. Vamos a escalar fotograma clave para cuándo empezar, y luego vamos a seguir adelante. Entonces aquí es donde realmente queremos que sea de tamaño completo, así que veamos qué tan grande queremos que vaya. Eso me queda bien. Voy a abrir esto para asegurarme de que estemos uniformemente espaciados en ambos lados, se ve bien. A ver cómo se ve eso. Queremos que sea más rápido en la transición aquí, así que voy a seleccionar ambos fotogramas clave, convertirlos a “Fácil Facilidad” como normal. Entonces voy a tirar de las asas, tirar tanto de las manillas izquierda como derecha para crear un movimiento muy rápido en el medio, reproducirlo de nuevo, vamos a ver qué tenemos. No está exactamente cronometrado como quiero, así que estoy pensando que viene un poco demasiado pronto. Es tal vez un poco demasiado rápido en el medio, así que vamos a mover esto a aquí. Entonces vamos a aliviar esto. Es un poco más rápido justo al principio; realmente más lento al principio, y más rápido al final más bien. Vamos a volver a jugar esto, a ver qué tenemos. Esto es un poco demasiado rápido, un poco demasiado rápido, así que lo voy a frenar y hacer que ese pico sea un poco menos empinado. Ahí vamos. Boom, boom, boom, eso es una animación ahí mismo. Estamos muy cerca de tener una animación terminada. Todo lo que necesitamos hacer es establecer unos fotogramas clave para que se haga bucle, tal vez ajustar un par de opciones de estilo, y estamos todos configurados.
11. Perfecciona tu animación: [ MÚSICA] Tenemos una animación de aspecto bastante grandioso. Pero solo para que sea perfecto para una publicación en redes sociales, hagámoslo bucle. Hay un millón de formas de hacerlo bucle básicamente todo lo que
significa que hay que volver al marco original, que para nosotros no es nada. Todo lo que tenemos que hacer es animar esto. Vamos a hacer esto muy rápida y fácilmente con nuestro controlador de barras. Vamos a aferrarnos a nuestro lado a alrededor de ahí y luego una vez que llegue aquí, voy a crear un nuevo fotograma clave, dos nuevos fotogramas clave en realidad. Yo también voy a hacer escala. Te voy a golpear en mi teclado para poder ver ambos atributos que tengo keyframe y voy a mover un poco
la cabeza y me voy a
posicionar todo el camino hacia arriba y luego escalar a cero. Voy a mover la balanza, darle un poco de facilidad, y así, tenemos una animación de bucle. Pero mirándolo hacia atrás, creo que se vería mucho mejor si escalamos nuestro controlador global hacia abajo antes de que todo se anime. Para ello, iré al final de nuestra animación y volveré a poner nuestro nulo global a 100. A continuación, modifique un poco el gráfico de velocidad para que la transición sea suave. De esa manera, casi terminamos. Tan solo un par de toques finales más para ponerte esto y luego un par de rondas de bonificación si te sientes preparado para pizzazzar tu animación por la milla extra. En primer lugar, se puede ver que nuestra animación de personajes se está cortando un poco aquí. No se está viendo
la mayoría de nuestra jugada porque el personaje se está revelando al mismo tiempo. Lo que quiero hacer aquí es entrar en nuestra animación me. Haga clic en todas nuestras partes del cuerpo y presione U en el teclado para revelar sus fotogramas clave y luego simplemente seleccione todos estos fotogramas clave y arrástrelos un poco. Por lo que hay algo de tiempo de búfer sin animación de antemano y luego agarrar los últimos fotogramas clave y simplemente estirar esos un par de fotogramas clave. Ahora bien, si volvemos al principal, se
puede ver que nuestro personaje se está revelando más tarde, aunque casi demasiado tarde. Queremos que se esté revelando en este punto. Vamos a hacer doble clic aquí y se puede ver que es un poco demasiado tarde, así que vamos a mover eso hacia arriba dos fotogramas clave, volver a la principal y vamos a ver cómo se ve. Aquí vamos. Vamos a añadir sólo un poco de animación facial secundaria. Haga click aquí mismo. En este punto, queremos que su boca solo se ponga un poco más ancha de una sonrisa. Lo que vamos a hacer es que vamos a animar el camino. Vamos a cambiar hacia abajo e ir a contenidos. Forma uno, camino uno, y haga clic en ese cronómetro. Vamos a mover un poco la cabeza y luego seleccionar solo el camino y luego puedes agarrar estas asas y modificarlas tú mismo y eso se convertirá en una gran sonrisa dopey así vamos. Gran sonrisa dopey, y click derecho. Simplemente convierte estos en algunos fotogramas clave fáciles de facilidad y veamos cómo se ve eso. Es un poco raro. Un poco demasiado lento, debería estar sucediendo mucho antes. Vayamos aquí. No me encanta la forma de la boca al final, pero hagamos de ésta una rápida. Demasiado rápido. Volvamos con nuestro tipo. Saca a ese editor de gráficos. Apaciguemos esto y veamos cómo se ve eso. Pero realmente rápido, solo voy a cambiar la forma de la boca una última vez. Es un poco bobo de aspecto. Vamos a moverlo así. Vamos a subirlo así. [ inaudible] Volver a principal, centrarlo. Vamos a verlo de nuevo. Demasiado abrupto. Volvamos aquí. Difundamos eso de par en par y volveremos a ver si funciona. Ahí vamos. Perfecto. Incluso puntos de bonificación, entonces podemos volver atrás y hacer que esta tipografía sea un poco más dinámica. Es todo del mismo tipo blanco, es un poco aburrido. Voy a saltar de nuevo a nuestra capa de texto aquí y vamos a cambiar de diseño aquí. Cambiemos eso por solo el diseño negro y la animación será blanca y luego la ilustración. ¿ Qué tal si entramos en la ilustración? Seleccionamos todos estos y volteamos esto para delinear. Sólo vamos a ir hasta el final aquí y cambiar a Chris a delinear. Nos vamos a asegurar que Chris esté por debajo de mí y ahí vamos. En realidad voy a volver. Voy a volver a cambiar estos. Voy a hacer el diseño blanco. Hagamos la animación negra y veamos cómo se ve eso. Simplemente simple. Sí, eso es lindo, genial. Vayamos a principal y veamos cómo se ve. Genial. Una última cosa que queremos hacer aquí en realidad, queremos hacer que nuestro nombre y personaje desaparezcan detrás de esta línea un poco más rápido solo para que esta línea no esté subiendo y cortando los ojos. Lo que vamos a hacer es simplemente ir a donde empieza esto,
justo donde empieza a subir la barra y solo haremos fotogramas clave de posición para nuestros nombres y apellidos así como para nuestros personajes y nos moveremos un poco de cabeza. Digamos por ahí. Selecciona los tres, mueve un poco a los tres hacia abajo, y luego asegúrate de que estos, en lugar de pincharse en el lado izquierdo, queremos que se despeguen con facilidad. Hagámoslo y reproduciremos para ver cómo luce eso. Ahí vamos. Es hermoso. Todo lo que queda por hacer es exportar y compartir con el mundo.
12. Exportación y reflexiones finales: Corremos rápidamente a través de lo que tenemos que hacer para que esta animación se exporte como un archivo de video, que realmente podemos compartir. Ahora que tenemos toda bonita nuestra composición, nuestra área de trabajo es lo que vamos a estar exportando. Una vez que se recorte exactamente donde nos gusta,
podemos guardar y pulsar Archivo,
Exportar, Agregar a la cola de renderizado. Podemos ignorar Best Settings es genial, vamos a dar click en Output Module. Podemos saltar hacia abajo en el tiempo rápido y aquí vamos a entrar en Opciones de formato. Aquí es donde elegimos nuestro código de video. A mí me gustan todas las versiones pro res de apple son geniales así que por ahora solo voy a hacer 422 hit Ok, y luego pondré dos podemos seleccionar nuestra carpeta. Mi nombre es y hacemos clic en Render. Ahí va. Ese ruido significa nuestra exportación y este proyecto está hecho, todo listo. Enhorabuena, su proyecto está completo y estoy seguro de que se ve increíble. Te exhorto a publicarlo a continuación o si publicas en línea, por favor siéntete libre de etiquetarme en él. De verdad me encantaría ver lo que hicieron ustedes. Hay un millón de formas en las que podrías haber pasado tu tiempo y el hecho de que decidieras aprender una nueva habilidad es realmente impresionante. Enhorabuena por eso. Espero que hayamos desarrollado suficiente de la fundación para que puedas ver otros tutoriales, y aprender más sobre After Effects. Eso es todo para mí si quieres ver más de lo que tengo pasando en mi vida, puedes seguirme en Instagram, o en YouTube. Voy a estar seguro de publicar más allá y sí, ten una buena. Enhorabuena nuevamente.
Chris George, Animator & Motion Graphic Designer
