Logotipos con estilo de trazo | Animaciones simples Adobe After Effects

1. Introducción a la clase: [ MÚSICA] Hola a todos. Mi nombre es Adam, soy diseñador gráfico profesional y animador con más de seis años de experiencia. Empecé como diseñador en su mayoría diseñando logotipos, pero luego decidí que realmente quería aprender animación. Quería ver que mis diseños cobraran vida. Fue entonces cuando decidí aprender After Effects. Animé todo, desde banners hasta tipografía, personajes y por supuesto, logotipos. Para este proyecto de clase, aprenderás a animar usando la técnica de estilo de trazo, lo que significa animar los trazos. Haremos dos tipos de animación de logotipos. Uno va a ser una marca de palabras, y la otra va a ser un logo mínimo. Nos sumergiremos directamente en las técnicas. No vamos a estar cubriendo ninguna teoria porque ya cubrí las de mi primera clase de animación de logotipos para principiantes. Para esta clase necesitarás Adobe After Effects. También necesitarás un conocimiento básico del programa. Vamos a estar trabajando con dos scripts gratuitos, EaseCopy y Duik Bassel. ¿ Por qué aprender animación de logotipos en primer lugar? ¿ Cuál es el punto? El motivo es porque ayuda a las marcas a conectarse más con su audiencia. Estudios han demostrado que las personas tienen más probabilidades de involucrarse con videos en lugar de imágenes fijas. Es por eso que ves todas estas plataformas de redes sociales tratando de empujar a los creadores a publicar más videos. Eso es todo por la introducción. Si estás listo para aprender nuevas técnicas para sorprender a tus amigos y compañeros, entonces nos vemos en la primera lección. 2. Proyecto de clase: Para este proyecto de clase, estarás animando dos logotipos utilizando tres técnicas diferentes, lo que significa tres nuevas técnicas de animación de logotipos en tu arsenal. Lo primero que primero, quiero que sigas adelante y descargues estos dos increíbles scripts gratuitos de Adobe After Effects, hazlo basal y copia fácil. También puedes encontrar todos los archivos de clase aquí. Puedes descargar el proyecto a seguir conmigo, y también puedes descargar el proyecto final. El motivo por el que elegí estos proyectos de clase es porque las técnicas que estoy a punto de mostrar que son fáciles de aprender y son fáciles de aplicar a tus propios proyectos personales. Mi consejo, si quieres terminar la clase es seguir conmigo usando los archivos que te di. Entonces, una vez que aplique la animación a esos archivos, puede entonces aplicarla a sus proyectos personales. Una vez que terminemos una animación, puedes seguir adelante y postearla debajo de la galería de proyectos para que te pueda dar mi opinión y también para que puedas inspirar a la comunidad. Prepárate todo y nos vemos a continuación. 3. Animación de logotipos de aroma: uso de la herramienta de máscara de bolígrafo: Ahora, para esta conferencia, vamos a hacer nuestra primera animación de logotipo usando la herramienta de máscara de pluma y los efectos del generador de trazos. Una vez que abras el archivo encontrarás algo como esto. Tenemos aquí un PNG de una paletas de colores, el área activa y el logotipo real. Primero lo primero, voy a seleccionar la primera letra A y luego voy a seguir adelante a la herramienta pluma. Asegúrese de seleccionar herramienta crea máscara. No queremos crear una forma. Voy a acercar a la A, y luego justo aquí hay que prestar atención al cursor porque si me muevo aquí se puede ver que es sólo una herramienta de selección normal. Pero si me muevo aquí se puede ver que tenemos un signo más con la herramienta pluma lo que significa que va a sumar un punto de anclaje y si me muevo aquí por ejemplo, podemos ver que tenemos ahora la herramienta pluma con el cuadrado y un punto en ella, y esta es la que quiero tener antes de añadir la máscara o la máscara de trazo. Voy a hacer click aquí, y luego aquí, y luego aquí. Una vez agregamos esto, podemos seleccionar la herramienta de selección y luego simplemente alinear la máscara con la letra, así como esta. Ahora, como se puede ver no cubrimos toda la carta, aún necesitamos agregar la máscara a esta parte de la A para que podamos enmascararla también. Así que anule la selección de la primera capa, luego vuelva a seleccionarla, luego vuelva a seleccionar la herramienta pluma, enmascarar, y luego agregue otra máscara aquí mismo. Vamos a estar trabajando con dos máscaras, no sólo una herramienta de selección y luego ajustar esta también. Ahí vamos. Lo siguiente quieres hacer es que está bajo efectos y presets que quieres buscar trazo, y luego buscar generar, y luego tienes trazo aquí mismo. Haga clic en él y póngalo en la capa número A, o si se selecciona el número de capa A solo puedes hacer doble clic sobre ella. Se puede ver que agregará un trazo a la máscara o al camino de la máscara que creamos. Lo primero es simplemente cambiar el color para que tengas algún contraste entre el primer plano y el fondo. Ahí vamos, y podemos aumentar el tamaño del tamaño del pincel como este. También asegúrate de que la dureza del cepillo sea 100 por ciento para que no tengas ninguna borrosidad ni transparencia en los bordes del trazo. Voy a ajustar la máscara ahora ya que estoy ajustando el tamaño del pincel. Tal vez aumente esto un poco más. Vamos a hacer clic para ver qué está pasando. A lo mejor necesitamos ajustar esta parte un poco aquí. Ahora, como se puede ver aquí mismo, el trazo se aplica a una sola máscara y tenemos dos máscaras. Lo que podemos hacer es justo aquí en el camino, asegúrate de revisar todas las máscaras. Ahora, se aplica a todas las máscaras. Ahora, lo siguiente que tenemos que hacer es animar el trazo y la forma en que animamos el trazo es lo mismo que animar una trayectoria de recorte. Lo que voy a hacer es encontrar fin, agregar un cronómetro o un fotograma clave, click en la capa A y luego hacer click en U para que pueda encontrar el fotograma clave, acercar a la línea de tiempo hasta ver los fotogramas de la forma en que quieren que sean o de la forma en que yo quiero verlos. Entonces el primer marco clave, lo voy a poner debajo de 20 fotogramas o tal vez más, y luego terminar aquí mismo. Voy a poner cero en el inicio de la línea de tiempo. Ahora, se puede ver que la máscara o el trazo se ha ido pero si muevo la cabeza de juego se puede ver lo que está pasando aquí. Ahora, lo que queremos hacer es enmascarar la carta. Entonces lo que vamos a hacer es ir a Pintes Style y cambiar de una imagen original para revelar imagen original y ahora la letra se ha ido. Seleccione ambos fotogramas clave, F9 para los ECN. Ahora, si muevo la cabeza de juego ves que tenemos la bonita animación. Pero tenemos un problema aquí es que tenemos esta cosa aquí saliendo del trazo y queremos arreglarlo. Así que selecciona la capa y luego con la herramienta de selección seleccionada, solo voy a mover este trazo un poco a la izquierda así pero no lo muevas demasiado. No quieres tener algún espacio en blanco debajo la caja limitadora. Sólo un poquito. Ahora, muévete aquí. Se puede ver que tenemos el mismo problema. Voy a mover este a la derecha un poco también. Ahora, se ve bien. Selecciona ambos fotogramas clave, ve al gráfico de velocidad y luego voy a aplicar alguna facilidad fácil N. Ahora, si hacemos click en play, bonita animación. A lo mejor voy a suprimir los fotogramas clave un poco más así y eso es bueno, solo para que la animación sea un poco más lenta. Lo mismo con la R, haga clic en la herramienta pluma R, y el mismo proceso. Selecciona la herramienta crea máscara, y luego agrega la máscara aquí. Aquí haz click y arrastra la curva, mantén presionado Alt u Option y luego trae este mango de nuevo así a este punto y luego haz clic aquí y arrastra así. Mantenga turnos, haga lo mismo por este mango y luego haga clic aquí. Ahora, ya que tenemos la máscara agregada, en lugar de volver a agregar los efectos de trazo y ajustar los ajustes, solo podemos copiar desde la capa anterior. Selecciona la capa A, selecciona trazo Control Comando C, selecciona nuestra capa Control Comando V y aquí lo tenemos. Por supuesto que podemos ajustar esto también. Ahí vamos. Ahora, hagamos O y luego solo voy a seguir adelante y acelerar las cosas. Por la O, lo mismo. Sé que estás pensando por qué no añadir una forma a la O, y la razón es que si agregamos forma va a enmascarar todo y no queremos enmascarar todo ahora mismo. Queremos enmascararlo usando un método diferente. Por eso no podemos cerrar la máscara, necesitamos dejarla abierta. Agrega la máscara de herramienta pluma y luego lo mismo, haz clic aquí y arrastra. Sostenga turnos. Ocultar este mango sosteniendo Alt u Option. Haga clic aquí y arrastre. Nuevamente, oculte este identificador, haz clic aquí y arrastra, oculta este identificador, y luego haz clic aquí y arrastra. No cierres la máscara. Ahora, con el O seleccionado Control Comando V para que podamos pegar los efectos de trazo y aquí lo tenemos. Tal vez un poco más aquí así. Ajusta un poco el tamaño del pincel. Ahora, sólo voy a hacer el resto de las letras muy rápido. Para la última A sólo voy a seguir adelante y duplicar la primera A. Déjame ir a pantalla completa aquí. Ahí vamos. Voy a duplicar la primera A, Control Comando D y luego solo voy a arrastrarlo así encima de la otra A. Ahora, vamos a ocultar la última A. Así que sólo voy a eliminar el último, y luego derribar éste todo el camino. Ahora, si selecciono todas las capas y hago clic en U. Ahora, como se puede ver, se han agregado todos los fotogramas clave y todos los fotogramas clave tienen los mismos valores. Todos tienen es N. De nuevo, seleccionar todo, haga clic en U para cerrar los fotogramas clave o para ocultar los fotogramas clave. Ahora, lo que voy a hacer es hacer clic derecho y luego precomponer, y luego le voy a dar un nombre, Aroma 1. Una vez que precompongo, voy a hacer doble clic en la nueva composición y voy a desplazar un poco las letras. Selecciona todas ellas, esta cosa aquí. Ir a Ventana. Quiero seleccionar mis guiones, las fisuras. Estos son mis ajustes y tengo aquí descendientes bajo arreglo. Haga clic en “Jugar”, haga clic de nuevo, porque quiero que aparezca la primera letra luego el resto de las letras. Algo como esto. Veamos qué tenemos aquí. Tal vez uno más. Esto se ve bien para mí. Voy a dejarlo así. Este es un proceso creativo, por lo que no hay bien ni mal. Puedes elegir lo que quieras. Solo necesitas dominar las técnicas y ser creativo. Eso es todo. Los clientes son técnicas, por lo que te comparas. Ahora, volvamos a los primeros proyectos como este. Ahora, vamos a seguir adelante y añadir los colores porque es importante mantener las paletas de colores que los clientes quieren y una animación de logotipo. Lo primero que primero, voy a seguir adelante y añadir un fondo de luces, probablemente esta capa de color, nuevo sólido. Haga clic en la herramienta cuentagotas y seleccione este color. Voy a ponerlo todo el camino hasta el fondo y luego simplemente bloquearlo. Ahora, selecciona la composición y duplicarla. Haga clic derecho, cambie el nombre. Voy a poner aquí aroma Número 2, y luego acercar, y voy a compensar esto entonces cinco fotogramas. Ahora, voy a cambiar el color de la primera comp. Entonces bajo efectos y presets, busca relleno. Bajo generar tenemos relleno. Voy a agregarlo a comp Número 1, y luego haga clic aquí y elija este color verde. Aquí vamos. Ahora, sólo voy a ocultar la composición duplicada para que podamos ver el color que agregamos. Entonces en el segundo, voy a hacer lo mismo. Desesconde aroma Número 2, agrega relleno, y selecciona la herramienta cuentagotas y voy a seleccionar este color aquí mismo. Ahí vamos. Ahora, si hacemos click en “Play” [MÚSICA]. Entonces para recapitular todo, en esta conferencia hicimos una animación tipo logo. Empezamos usando la máscara para cubrir las letras. Agregamos los efectos de trazo y lo animamos, y luego compensamos las capas. A continuación estaremos animando el logo del aroma usando la trayectoria de recorte y una pista mate. 4. Animación de logotipos de aroma: cómo usar la ruta de recorte y la pista mate: Ahora para esta conferencia, vamos a estar animando el mismo logotipo utilizando diferentes técnicas que permitan más flexibilidad y control sobre la animación. Chicos, así que ahora lo primero que quieres hacer es seleccionar la Herramienta Pluma. Acercar la pantalla así y lo primero es que quieres asegurarte que no tienes ninguna capa seleccionada porque si hay alguna capa seleccionada y aplicas la forma, la capa lo hará estar enmascarado. Ahora voy a hacer click aquí, luego aquí, y luego aquí, y luego aquí tenemos nuestra forma. Ahora lo que pasa con este método es que te da más control sobre la animación. Pero el inconveniente es que vas a estar trabajando con más capas ya que tenemos que añadir una capa de forma a cada letra en nuestra línea de tiempo y también tenemos dos [inaudible] cada forma a una letra específica así que en caso de que quieras cambiar el tamaño de la forma o moverla, no tendrás compensaciones entre la forma o entre la máscara y la letra. Ahora quiero cubrir la segunda parte de esta carta y si voy de aquí a aquí, vamos a tener esto. Qué hacer es mantener presionado Control o Comando, pincha aquí sobre los blancos vacíos y luego volver atrás y añadir las segundas partes como esta. Haga clic en “Herramienta de selección” o “V” en su teclado. El vamos a ajustar esta cosa. Chicos, así que asegúrate de que todo esté cubierto. Ahora el siguiente paso que voy a hacer aquí es cambiar este color al mismo color que la letra. Entonces arenisca. Ahora lo que queremos hacer es agregar caminos de recorte. Si hago click aquí, si abro esto, tenemos contenidos y bajo contenidos tenemos forma 2 y forma 1. forma 1 es la A y la forma 2 es esta cosa aquí mismo. Agreguemos trazado de recorte a ambas formas. Empecemos con la forma 1 en la ruta de recorte. Ahora agreguemos un cronómetro al final, y luego voy a mover el cronómetro a 20 fotogramas si no ves 20 fotogramas, solo acercar la línea de tiempo y luego llevar la cabeza de juego al principio de la animación y luego 0. Ahora si muevo esto, se puede ver de qué estoy hablando. Ahora voy a hacer lo mismo por la forma número 2, seleccionarla, y luego haga clic aquí para agregar y luego recortar ruta. A veces puedes agregar trazados de recorte por error a la forma número 1, solo asegúrate de que esté bajo la forma número 2. Entonces voy a hacer lo mismo y seleccionar la capa, haga clic en usar para que sólo veamos los fotogramas clave que agregamos. Trae este aquí, y luego tráelo de vuelta a 0. Ahora si muevo la cabeza de juego, se puede ver la animación. Una cosa más, por supuesto, es aplicar el ECN para seleccionar todos ellos. F9, todos ellos fotogramas clave por supuesto. F9, Speed Graph es facilidad en. Aquí tienes. Ahora si hago click en “Play”, podemos ver la animación. Ahora tenemos que enmascarar la forma con la letra. Podemos hacer, por supuesto, es venir aquí para rastrear mattes. Si no ves mattes de pista y asegúrate de hacer clic en esto entonces aquí mismo, donde dice expandir o contraer el panel de controles de transferencia y luego voy a cambiar esto a Alpha Matte Shape Layer 2 y voy a vincular esto a la capa de forma 2, puedes por supuesto cambiar el nombre su capa de forma A para que no te confundas. Ahora si tocamos la animación, aquí tenemos una bonita animación. Se ve bien. Genial. Ahora si queremos redimensionar esto o todo, basta con hacer click en Escala y podrás redimensionar esto, lo seguirá. No tendrás esos desplazamientos raros entre la máscara y la forma. Es posible que hayas notado como esta cosa, la capa de forma se queda ciega o ya no es visible y eso es normal. Chicos, así que ahora voy a seguir adelante y hacer exactamente lo mismo a todas estas letras, exactamente lo mismo. Al igual que con estas letras, sólo vamos a estar agregando una forma y eso son dos formas. Vamos a seguir adelante ahora. Una vez que termines con algo, creo que es mejor si solo haces clic derecho luego precomponer, y luego precomponer A y luego está bien. De esta manera no te abrumarás con todas las capas adicionales. Da click en el vacío, asegúrate de que no se haya seleccionado nada la Herramienta Pluma, y luego hagámoslo. En ocasiones cuando sigues ajustando las mattes y aún puedes ver algunas partes de la letra no hay daño y aumento en el trazo con unos pedacitos o el tamaño del trazo. Ahora como se puede ver, una vez que haya terminado con la R, voy a seguir adelante y colocar champlain número 2 encima de la R. Si saben, claro, de trabajar con formas como si abro aquí y luego constantes, y luego forma, y luego trazo también se puede ver que tenemos control sobre la tapa o el borde del trazo. Si vengo aquí, tenemos capullo. Si hago click en gorra redonda, va a redondear igual y si hago click en “Backup”, voy a tener la gorra que quiero. Ahora, este de aquí mismo se llama tapón saliente y éste, solo lo usas si tienes un problema, si tienes como lo que llamamos escalera y tu golpe, déjame mostrarte a qué me refiero. Por ejemplo, vamos a desseleccionar todo. Si hago clic aquí y luego hago esto, entonces me gusta esto, y luego si voy a Agregar y añadir recortar ruta ahora si anima, se puede ver que tenemos un problema cuando se trata de esta zona. Se puede ver que tenemos como una esfera aquí. Este problema aquí mismo, déjame ir a 76, tal vez lo veas más, sí así. Cuando tengas este problema con tu animación podemos ir de nuevo a trazo y luego cambiar de gorra a tope saliente. Ahora aumentará la longitud del trazo desde abajo y desde arriba pero también, arreglará tu problema. Permítanme borrar esto. Volvamos a nuestra animación de logo. Ahora que hemos terminado con éste, vamos a hacer lo mismo otra vez. Además, asegúrate de que la capa de forma 2 esté encima de R. Puedes seguir adelante y abrir aquí y agregar trazado de recorte. Siempre agrego primero el fotograma clave final luego cambio el valor aquí vamos. Con ésta se puede ver que tenemos este tipo de animación como esta. Si no es un problema, puedes dejarlo. Si es un problema, puedes compensar la animación veremos cómo en un momento. Se ve genial. Selecciona todo F9. Esta vez en lugar de volver al editor de gráficos y ajustar la flexibilización y bueno que podemos hacer es ir a Ventana y luego buscar los scripts que te dije que descargaras antes click en ella es la copia. Ahora, lo que vamos a hacer es abrir el pre-comp. Haga clic aquí sobre usted, seleccione los, y luego copie y luego volvamos a la comp, selecciónelas, y luego pegue facilidad. Ahora si voy al Speed Graph, se puede ver que tenemos la facilidad fácil en. Ahora la capa de forma alfa 2, o podemos renombrar como R, puede ver que este es un proceso muy tedioso, pero vale la pena la animación y es fácil, simplemente repetitivo. Entonces capa número 3R y aquí lo tenemos. Ahora sólo voy a seguir adelante y acelerar través del proceso lo mismo con el O. Ahora estas cosas con O en lugar de usar la Herramienta Pluma, podemos seguir adelante y usar la Herramienta Elipse. Haga clic en el medio y luego arrastre. Cuando mantenga presionado el comando Shift and Control, se arrastrará desde el medio. Ahora sólo tenemos que ajustar esta cosa otra vez. Vamos a asegurarnos de que tenemos capa de forma en la parte superior de O. Voy a tomar esos click-derecho pre-comp, luego pre-comp R, y luego lo mismo en recortar camino. Ahora para el último, solo voy a duplicar el pre-comp, ponerlo encima de A, y luego simplemente moverlo así. Sólo voy a esconder éste. Ahora claro que es justo lo mismo que hicimos en la conferencia anterior. Podemos seguir adelante y ver estos y pre-comp nuevo y luego compensar una última vez. Chicos y esta es la animación final. Rápidamente si voy por aquí, y buscan pre-comp A, éste. Digamos por ejemplo, no te gusta esta animación porque tiene esta cosa al principio. Lo que puedes hacer muy rápido, es solo esperar a que se forme el primer trazo y luego la segunda forma puede iniciar la animación y algo así. Si me muevo ahora, dondequiera que vayas, no tienes esos pequeños golpes al principio. Pero si no te molesta, solo puedes dejarlo. Chicos [MÚSICA] así que para recapitular todo, en esta conferencia trabajamos con formas, mattes de pista, y recortar camino. A continuación estaremos animando el logo de ícono mínimo. 5. Logotipo de elefante: animación principal: Para esta conferencia, comenzaremos con la animación principal de nuestro logo mínimo de elefantes animales. Lo primero que encuentras aquí al abrir la composición es que encontrarás el log justo aquí y los colores que podemos usar para nuestra animación. Lo primero que quiero hacer aquí es simplemente bloquear estas capas y luego sombrearlas así que tenemos una línea de tiempo limpia. Como se puede ver, no vamos a estar sentados aquí ningún área activa porque la composición es bastante compacta. Ahora el primer paso es sumar aquí círculos que servirán como guías para la animación por supuesto. Selecciona la herramienta elipse y luego me aseguraré de tener un color de relleno y sin trazo. A continuación, mantenga presionada Mayús y Control o Mayús o Comando y haga clic en el centro del logotipo y arrastre. Quieres que el círculo sea más o menos del mismo tamaño que el logotipo, solo para cubrir el logotipo. Sea cual sea la forma en que quieras seleccionada, voy a hacer click en T para obtener transparencia y luego reducirla al 30 por ciento, aquí vamos. Ahora, haz click aquí en las constantes, encuentra Elipse 1, y luego Control Comando D. Ahora tengo dos círculos y lado una capa. Con Ellipse 2 lo selecciona, voy a hacer clic aquí, arrastrar a los derechos y mantener pulsados turnos y luego seleccionar toda la capa y luego Control Comando D, haga clic, arrastre hacia abajo y mantenga pulsados los turnos. Ahora tenemos algo como esto. Seleccione ambos, haga clic con el botón derecho, pre-comp, y luego guía circular. Selecciona la herramienta de punto de anclaje, presiona ésta en el medio así. La herramienta de selección directa, selecciona toda la pre-comp, y luego ponla en medio del logo así. Haga clic en R y luego simplemente rotarlo como 25 grados. Haga clic derecho en esto, gírela a capa guía, y luego podemos ocultarla también. Ahora el siguiente paso es que voy a seleccionar la herramienta Pluma y luego quiero rastrear cada parte del logotipo que quiero animar individualmente. Ya que tenemos cuatro círculos, vamos a separar el logo a cuatro partes que vamos animar. Empecemos con el primero. Solo queremos rastrear el rastreo normal. Haga clic aquí, comencemos con estas partes inferiores, luego aquí, arrastre. Sólo tenemos que cambiar al relleno y al trazo, así que no hay relleno y luego trazo, sí, tengo 12 pixeles. Ahora ya que cambiamos el relleno y el trazo, voy a hacer click en estos puntos de anclaje y luego haga clic aquí. Sostenga el control y haga clic en estos últimos puntos de anclaje solo para poder ajustar la tapa un poco, y luego solo desde aquí, que cambia. Aquí vamos. Si hago clic aquí para ajustar esta área, se va a conectar los puntos y no quiero eso. Haga clic lejos y así no todo está seleccionado. Después haga clic de nuevo en una capa, y luego podemos hacer clic aquí y luego una retención Control o Comando y hacer clic de nuevo. Ahora podemos ajustar esta área también. Una vez que hagas eso, una vez que termines, vamos a hacer click en estos puntos de anclaje para terminar nuestro ajuste de trazo porque queremos que el trazo comience desde aquí y luego haga esto y regresemos aquí. Entonces voy a hacer clic de distancia y luego haga clic en la capa de nuevo. Haga clic aquí y luego haga clic aquí y arrastre y luego aquí y arrastre, aquí y arrastre, y luego aquí y arrastre. Por supuesto, siempre podemos ajustar nuestro Stroke Path. Ahora sólo voy a arreglar esto para asegurarme de tener curvas suaves. No quiero bordes ni articulaciones afiladas en este camino. Ahora tenemos que prestar atención a lo que voy a hacer a continuación porque vamos a repetir lo mismo por todos los golpes, exactamente lo mismo. Ok, chicos. Haga clic aquí y luego vaya a Agregar, y luego desea agregar trazados de recorte. Una vez que haya agregado el trazado de recorte, quieres abrir el trazado de recorte y luego agregar un fotograma clave de cuatro estrellas y agregar. Entonces quieres buscar un trazo, y luego quieres cambiar la tapa de línea a tapa redonda y luego la línea se une para redondear join. Ahora justo aquí donde dice ancho de trazo, desea agregar un fotograma clave a. Entonces para el color lo que vamos a hacer es alejar aquí mismo y luego hacer clic en la herramienta Cuentagotas y luego seleccionar un color del esquema de color y también establece un fotograma clave para el color. Una vez que hagamos eso, vamos a volver a la capa y hacer click en “U”, por lo que sólo tenemos los fotogramas clave que agregamos. Ahora lo que voy a hacer, acercar a la línea de tiempo hasta que puedan ver los marcos como he dicho aquí. Voy a mover la cabeza de juego a 25 así. Ahora lo que voy a hacer es mover el ancho de trazo a 25 fotogramas y luego queremos decidir entre cuál te vas a mover, es estrella o final? Dependiendo de cómo trazar el logotipo, uno de estos tendrá que moverse primero. Empecemos con las estrellas y veamos qué está pasando. Como se puede ver aquí mismo, este camión se está alejando del logotipo al círculo, lo que significa que esta es la que necesito para moverme primero. En ocasiones es posible que desee mover el extremo primero si se aleja el trazo del logotipo. Ahora que sé que es la estrella la que alejará el trazo del logo, lo que voy a hacer es simplemente deshacer el marco clave que acabo de añadir y luego mover el fotograma clave estrella a 25 como esto y luego volver al inicio de la línea de tiempo, y luego 99.9 por lo que sólo tengo unos puntos aquí. Ahora el ancho de trazo, voy a seguir adelante y aumentarlo hasta que cubra todo el círculo. Algo como esto. Ahora lo que voy a hacer es simplemente mover la cabeza de juego a 25 cuadros y luego para el final, voy a moverlo así, disminuye hasta que tengamos el trazo original del logo como este. Por color, solo voy a mover esto como 10 marcos aquí y luego voy a cambiar el color al color original del logo que es éste de aquí mismo. Una vez que hagas eso, adelante y molesta a la estrella y al final. Selecciona todos los fotogramas clave F9, y luego selecciona los desplazamientos de estrella al final y ve a la Gráfica de Velocidad para aplicar la facilidad fácil en. Aquí vamos. Herramienta de selección y luego fácil facilidad en. Queremos ajustarlo a algo así mismo para el color. Ahí vamos. Ahora la buena noticia es que sólo hay que ajustar el gráfico de velocidad una vez para esta animación. Simplemente hacemos esto, esta una vez y luego vamos a estar usando scripts. Aquí vamos. Ahora si hago click en “Jugar”, puedes ver de qué estoy hablando aquí. Ahora por fin, sólo voy a hacer click en T para la transparencia y reducir esto a un sentido de cremallera. Ahora vamos a hacer exactamente lo mismo por todos los trazos restantes del logo. Sólo voy a seguir adelante ahora y acelerar el proceso. Recuerda que he incluido los proyectos finales y los recursos descargables de esta clase. Ahora voy a tener Shape Layer 1 después de cambiar el color así y luego hacer los otros círculos. Solo asegúrate de no tener el mismo círculo dos veces. Ahora vuelve a seleccionar la herramienta Pluma y lo mismo, probemos esta área. Recuerda que es cuando solo agregas trazos puedes cambiar entre herramienta Lápiz y Selección dependiendo de lo que quieras hacer. Lo mismo, pincha aquí, aquí y luego agreguemos el camino para la animación. A veces aquí mismo con el final, hay que introducir el valor manualmente solo para que pueda alinearse distante, el trazo alineado con la forma del logotipo. Tal vez intente 5.5. Vamos a intentar sólo tres. Esto es mejor. Recuerda que los chicos no van al Speed Graph por el momento porque estaremos usando los scripts. Basta con añadir el F9 fácil facilidad. Ahora selecciona la estrella y luego desplázala aquí. Déjame simplemente abrir la segunda capa para poder ajustar esto. Sólo estoy alineando los fotogramas clave de la primera capa con los fotogramas clave de la segunda capa Tú para esconderlo todo y luego vamos a hacer esto y aquí vamos. Éste ahora. [ MÚSICA] Ahora que hemos agregado animación para todos los trazos, sigamos adelante y hagámosla invisible nuevo y se puede ver lo que tenemos aquí. Ahora si hacemos click en Play, solo escondo guía círculo, colores y el logo mínimo. Se puede ver la animación. Pero parece que tenemos un problema con éste, que es normal. Nos olvidamos de cambiar el color al derecho a. Selecciona el fotograma clave, la herramienta cuentagotas, y luego solo seleccionas escalador, luego aquí vamos. Puedes dejarlo así si quieres, pero si quieres estilizar más, podemos hacerlo por supuesto. Lo guardamos todo, en esta conferencia empezamos agregando guías, luego separando el logo a partes individuales que van a animar, y luego marcamos las trayectorias de animación y lo animamos usando el trazado de recorte, ancho de trazo, y los parámetros de color. A continuación añadiremos la animación de logo secundario. 6. Logotipo de elefante: animación secundaria: Ahora que hemos terminado con la animación principal, en esta conferencia vamos a seguir adelante y sumar nuestra animación secundaria. Lo que voy a hacer ahora es seleccionar todas estas capas. Seleccionas todos los fotogramas clave que agregamos, acercas a la línea de tiempo, y luego los voy a mover a 20 fotogramas. Ahora anula la selección de todo, vuelva a acercar la línea de tiempo, coloque la cabeza de juego en 10 fotogramas, y luego agreguemos otro fotograma clave para el ancho de trazo para todas las capas. Ahora, coloca la cabeza de juego al comienzo de la línea de tiempo y hagamos que el ancho del trazo sea cero. Una vez que hagas eso, voy a seleccionar todos los fotogramas clave que pongo bajo 10 fotogramas, luego sostenga “Control” y haga clic para hacerlos normales, sin Easens porque queremos aplicar una expresión, y así así podemos aplicar la expresión porque no podemos aplicar expresiones a través de Easy Easens. Ahora lo que voy a hacer es encontrar Duik Bassel_2, éste de aquí mismo. Sólo voy a [inaudible] ella. Lo que puedes hacer es ir a Window y luego encontrar animación Duik si no encuentras esto aquí. ¿Ok chicos? Ahora, voy a seleccionar este fotograma clave de ancho de trazo bajo 10 fotogramas, y luego voy a agregar el Kleaner, para que pueda tener ese rebote elástico. Una vez que hagas eso, quieres seguir adelante y luego solo desmarque Anticipación. Vamos a hacer esto por todas estas capas. Lo mismo, selecciona esto y luego aplica Kleaner. No copie y pegue porque no va a funcionar. Tienes que reemplazar manualmente. Hay por supuesto, otros scripts que pueden hacer esto automáticamente, pero me quedo con éste, el libre. Ahora tenemos esto aplicado a todas las capas, sólo voy a aumentar el tamaño de la línea de tiempo poco, ahí vamos. Ahora si lo recuerdas, en nuestra primera capa tenemos Easy Easens aplicado. Si los selecciono, se puede ver que los tenemos aquí. Ahora, ¿cómo copiamos esto a todas estas capas? Es simple. Ve a Ventana, abre los scripts [inaudible], selecciona todos aquellos con excepción de estos dos, y luego copia. Ya se puede ver el número 8 está justo aquí. Tenemos ocho marcos clave copiados, seleccionamos puertas en la parte superior con la excepción de estos dos, y luego pegamos Facilidad. Ahora si vuelvo aquí al gráfico de velocidad, podemos ver que se aplica a los fotogramas clave. Sólo vamos a hacer lo mismo por todas estas capas. Vamos a cerrar esto, cerrar esto, ahora éste. Lo genial es que solo necesitas copiar una vez no hay necesidad de copiar todo. Aquí vamos, todo bien. Por último, lo que podemos hacer, llevar la cabeza de juego al principio así y luego queremos agregar una capa nula. Entonces Capa, Nuevo, Objetos Nulo, selecciona el motor de puntos de anclaje, ponlo en el medio y luego selecciona toda la capa Null y luego alinea su centro y la composición. Ahora adelante, selecciona todas estas capas, haz clic en un látigo de Padres, y luego enlazarlo al objeto nulo. Seleccione los objetos nulos R para la rotación. Sólo voy a añadir aquí un fotograma clave de rotación , y éste, quiero rotarlo de la misma manera que el camino del logotipo. Lo mismo aquí. Voy a girar a la derecha, así que va a ser menos 300 o algo así luego revisar la animación. Es genial. Ahora lo único queda es que queremos seguir adelante y compensar estas capas. Voy a acercar así y luego compensarlos alrededor de cuatro fotogramas lejos el uno del otro hacia adelante o lo que sea, tal vez una combinación de ambos. Ahora vamos a hacer click en “Jugar”. Ahora, lo que voy a hacer muy rápido es pinchar aquí y luego solo mostrar los colores, luego Capa, Nuevo, sólido. Voy a elegir este color aquí mismo. Ponlo así y si hago clic en “Jugar”, y aquí tienes. Para recapitular todo, en esta conferencia agregamos las expresiones elásticas, y la capa Null para rotar el logotipo. A continuación estilizaremos logo y arreglaremos cualquier imperfecciones. 7. Animación de logotipos de Elephant: cómo arreglar imperfecciones y estilizar: Ahora esta es la conferencia final de esta clase. Lo que vamos a hacer aquí es simplemente arreglar cualquier imperfecciones con el logotipo y aplicar modos de mezcla. Simplemente resalta el logo por supuesto. Ahora que lo hemos hecho con la animación del logotipo, podemos seguir adelante y estilizar y ver si hay alguna imperfecciones que necesiten la fijación. Si coloco aquí la cabeza de juego, [RUIDO] acercar el logo. Podemos ver aquí mismo que las piernas no están alineadas. Voy a traer la regla, y sólo pone una línea aquí para que sólo podamos alinear las piernas. Veamos cuál de aquí tiene un problema. [ RUIDO] Tenemos Shape Layer 3, click Hue. Entonces solo voy a encontrar el parámetro final, éste. Voy a acercar al último fotograma clave y luego solo ajustarlo un poco. Tal vez 15 aquí. Eso se ve mejor. Encontremos al otro. Forma Capa 2. Encuentra el fotograma clave final. Este es el final. Demos clic en el fotograma clave. Ajusta el cabezal de reproducción en la parte superior del fotograma clave. Aquí, tal vez agregaré seis. Eso es demasiado, así que probablemente 5.8. Vale, eso se ve mejor, 5.6. Sé que estamos haciendo una animación de logotipo, pero el logo final debe lucir estéticamente agradable. Ahora lo final que voy a hacer es simplemente cambiar el modo de mezcla a Dancing Disolver. Eso le dará una bonita textura animada al logotipo. Así como eso, aquí lo tenemos. Ahora, solo Control Comando R para quitar la regla y luego Ver y luego Borrar Guías. Ahora si hacemos clic para ver la animación final, vamos a quitar la imagen de aquí, ésta con los colores. Entonces solo exporta. Utilice un codificador de medios de Adobe. Echemos un vistazo ahora a la animación final. Una cosa que puedes notar aquí es que el color del fondo se está mezclando con uno de los colores de los círculos. Podemos simplemente cambiar el valor de este color. De nuevo, voy a ir a la capa, nueva, sólida. Aquí mismo, puede que sólo quiera oscurecer o simplemente abrir un poco este color. Pruébalo aquí, por ejemplo, vale, está bien. Esto es mejor, supongo. Suprímase éste. Ahora archiva, exporta, y puedes exportar a Adobe Media Encoder. [ MÚSICA] Para recapitular todo. En esta conferencia, arreglamos cualquier imperfecciones y agregamos modos de mezcla a todas las capas. Eso es todo para esta clase. 8. Felicitaciones: Felicidades, chicos. Por fin lo lograste. Ahora, recapitulemos el flujo de trabajo muy rápido. Empezamos importando el logo a After Effects, lo convertimos en formas, partes separadas del logo que queremos animar individualmente, aplicar la animación principal, aplicar animación secundaria, [ MÚSICA] luego estilizar el logotipo y exportar el logotipo utilizando los formatos Media Encoder MP4. Ahora quiero que sigas adelante y compartas tu animación en la galería de un proyecto. Además, si te gusta esta clase y si has hecho algo nuevo, puedes seguir adelante y seguirme, deja una reseña para que otros alumnos puedan encontrarla, y verte muy pronto mi amigo.