Animación dinámica de logotipos: iconos de transformación en Adobe After Effects

1. Trailer: Las animaciones de logotipos son la manera perfecta poner en marcha tu viaje después del efecto Si ya estás familiarizado con el software, aprender a animar a los lugareños te acercará un paso más a convertirte en un maestro animador Una animación de logotipo personalizado bien elaborada generalmente cuesta 1000-9 mil QS dólares, ofreciendo a las marcas un excelente retorno de la inversión Sin embargo, idear ideas sobre cómo animar Ems y transformarlos después puede ser un desafío, especialmente si eres un principiante Esta clase es para dos de mis series de animación de logotipos. Junto a clases que cubren animación de logotipos de mascotas y animaciones de logotipos de tipografía Esta clase de gráficos en movimiento atiende a diseñadores de movimiento principiantes e intermedios que buscan mejorar sus habilidades después del efecto y dominar la creación de impresionantes animaciones de logotipos para proyectos potenciales de clientes Tanto si eres un diseñador con el objetivo de animar tu trabajo un diseñador de motion graphics principiante, este curso es para ti Hola, I. Mina, directora general y fundadora de Anacardo. Tengo más de siete años de experiencia, y he colaborado con marcas como Nissan, Yale y Unicef como mentor y coach Mi comunidad ha crecido a más de 60,000 individuos. A lo largo de esta clase, te guiaré para crear estos íconos de morfina, animaciones en after effects Aquí hay una descripción general de lo que cubriremos, Generando ideas para la animación de logotipos. Preparar tu logo para la animación, técnicas de animación, navegar por las secuelas Y adoptar ilustrador trabajando con fotogramas clave, manipulando formas, asegurando animaciones suaves, exportando el producto final Voy a ahondar en la etapa de ideación revelando el proceso superior detrás Al final de la clase, crearás con confianza animaciones similares Estas técnicas te permitirán generar ideas y crear tus animaciones de logotipos utilizando el conocimiento compartido aquí. Los archivos del proyecto se proporcionarán a lo largo del camino para su práctica independiente. Estoy encantado de embarcarme en este viaje de aprendizaje contigo, así que vamos a sumergirnos 2. Orientación: Oye, son futuros animadores. Soy un, y estoy aquí para enseñarte algo bastante genial, cómo morph íconos para crear un logo Animación. Los iconos son estables al explicar videos y aprender a morficarlos es esencial En esta clase, vas a recrear este logotipo de iconos morphing en after effects que recibas todos los archivos con los que jugar después de cada lección Si eres nuevo en esto, simplemente sigue mi pista. Al final de cada clase, descarga mis archivos, imita mis movimientos y no te estreses por la perfección Es como aprender a andar en bicicleta. Cuanto más practiques, más fácil se pone. Aquí tienes una propina. Sigue mis acciones en el curso e intenta crearlo tú mismo sin echar un respiro a los archivos De esta manera memorizas las técnicas más rápido para este viaje Asegúrese de tener después de hechos y adopte Illustrator en su computadora. Asegúrate de que sean más nuevos que 2022. Una vez que estés listo, publica tu trabajo en la galería de proyectos para que pueda revisar y darte comentarios. Este logo es creado por mi amigo Martin de Yes, I'm a designer. Emocionado por empezar. Hagamos que suceda algo de magia de anuación. 3. 1. Dibuja el primer icono en After Effects: Hola chicos y bienvenidos a este nuevo curso. Este curso, te mostraré cómo puedes crear esta animación morphing Vamos a estar transformando estos ciclos, y este es el resultado final Tenemos mucho trabajo por hacer, así que vamos a empezar en un minuto, pero es una animación bastante larga. En realidad son 15 segundos. Y aquí hay muchas cosas que puedo mostrarte y muchas técnicas que puedes dominar después de este curso. Entonces estoy muy emocionada y comencemos. Lo primero de lo que quiero hablarles es del diseño de los Cycons y mi proceso de pensamiento de cómo y por qué creé esta animación Entonces obviamente esto es como una revisión de logo, estos ciclos se transforman, y luego al final vemos el logo de, sí, soy diseñador y obviamente los Cycons están relacionados con el El proceso de pensamiento fue solo que queríamos mostrar íconos relacionados con el diseño. Eso es todo tipo de transformarse y transformarse en el logo para dar a entender que de esto se trata sí, soy diseñador Y hay un montón de pequeñas cosas que tomamos en cuenta mientras estábamos trabajando en esta animación en términos de por qué la transición la forma en que hacemos la transición. Y por qué usar este ciclo en este efecto o en este efecto. Pero te voy a contar todo eso durante el curso. Porque solo quiero poder mostrarte cómo funciona en after effect para mostrarte cómo funciona en after que puedas conocer la diferencia y entender la lógica detrás de todo. Antes de crear una composición y comenzar esta animación, quiero saltar a Illustrator para mostrarte algunas cosas. Primero, este es el diseño de los iconos. Sin embargo, la forma en que se preparan estos ciclos no es realmente la forma en que los necesito para la animación. Aquí tenemos todas las capas. Todos están en una capa separada. Pero el caso es que estos cicones, tienen relleno y no tienen trazo Si importamos estos ciclos a afterpacts, tenemos un montón de pequeños puntos que tendremos que ajustar cada vez Entonces eso va a ser realmente frustrante. Y la mejor opción aquí es simplemente tener un trazo y un relleno. Entonces vamos a utilizar estos ciclos como referencias, pero los vamos a recrear en después de los efacts directamente Para que podamos manipularlos y poder cambiarlos y animarlos. Déjame saltar directamente a las secuelas. Y voy a hacer clic en control para crear una nueva composición. Mi composición será de 1920 a 1920, y voy a hacerla de 15 segundos. Bien, esta es mi composición. Déjame simplemente cambiarle el nombre rápidamente a eso. Solo voy a nombrar eso a To First, agreguemos una capa vendida, el control de fondo Y. O también puedes hacer clic en Capa Nueva Capa Sólida. Estoy haciendo clic en el control Y, y esta será mi portada de fondo. Voy a hacer clic en Entrar y renombrar ese BG. Ahora toda esta animación comienza con un pequeño punto blanco que se transforma en este icono. Vamos a empezar con el punto blanco. Déjame volver aquí. Voy a dar click aquí y a título Acción Segura, porque solo quiero tener mi grilla, y voy a bloquear esto ahí. En realidad, antes de comenzar con el punto blanco, primero vamos a crear este icono. Porque quiero tener una referencia como donde este punto debería detenerse y transformarse en el otro icono. Voy a importar los íconos que te mostré aquí, los íconos. Y recuerda aquí debes hacer click en Importar Composición S, Conservar Tamaños de Capa. Esto es importante y esta es nuestra composición ahora. Bien, déjame abrirla. Aquí hay algunas capas vacías que quiero eliminar. Y luego voy a dar click sobre este icono para poder tener la cuadrícula transparente. Y sólo voy a copiar este icono. Este es el primer icono. Bien, déjame volver aquí y voy a pegarlo. Y voy a rotarlo porque no vamos a usar la rotación que tenemos en el archivo original. Déjame asegurarme de que es una recta. Sí. Bien. Este definitivamente no es el centro, así que siento que este es el centro de. Déjame alejarme un poco. Si eres muy quisquilloso, puedes simplemente abrir la rejilla proporcional y simplemente bien, en mi caso, este es el centro Ahora tenemos este icono al estar en el centro. Ahora déjenme demostrar a lo que me refería cuando les mostré lo difícil que es manipular estos íconos. ¿Ves eso? Acabo de crear una forma solo para mostrarte que no vamos a estar usando esto, sino mira lo que tenemos aquí. Digamos, por ejemplo, que quieres crear la animación que tenemos. Lo que hay que hacer sería seleccionar todos estos puntos. Puntos. La forma es demasiado compleja y es muy difícil de animar, sobre todo aquí con estas líneas, que mover básicamente un montón de cosas que esto es simplemente demasiado complejo y no necesario, por eso necesitamos recrearlo Voy a sostener mi tecla izquierda y dar click sobre este icono aquí, y voy a dibujar forma. Vamos a quitar el trazo. Vamos a quitar la película. Vamos a agregar un poco de trazo. Voy a hacer 26. Ahora déjenme abrir trazo. En realidad déjame abrir primero la forma como rectangular parte uno y vamos solo la redondez. Es un poco demasiado. Ahora, creo que esto es bueno. Sí, vamos a mover esto un poco aquí. No tiene que ser uno a uno. Como puedes ver aquí, todavía puedes ver algunas líneas negras de mi referencia, pero esto está bien por ahora. Entonces voy a hacer click en el bolígrafo. Solo asegúrate de no tener la forma seleccionada, porque queremos estar creando una nueva forma y no un camino dentro de esta forma. Vamos a dar click en el Penu como mencionaste. Y vamos a dibujar una línea simple como esta. Ahora lo único que queda es simplemente dibujar estas líneas. Y eso súper simple, sólo voy a volver a hacer clic en el panchu y dibujar una línea sencilla Déjame seleccionar estos dos puntos. Muévalos un poco así. Vamos a abrir la forma y el trazo. Solo asegúrate de tener una copa redonda y junta redonda. A continuación, cambiemos el punto de anclaje haciendo clic en Y y arrastrando el punto de anclaje aquí Ahora voy a duplicarlo. Una vez girado, cambia la posición y solo ajusta la rotación. Y voy a seguir el mismo proceso para las otras tres líneas. Bien, genial. Entonces tenemos ahora todas estas formas más la referencia. Déjame solo seleccionarlos todos y aislarlos solo para que pueda ver cómo se ve. Bien, creo que se ve muy bien. No creo que quiera cambiar nada en este momento. Ahora tenemos todas estas formas y recreamos el icono. Entonces solo eliminemos la referencia que teníamos, y nos quedamos con el icono. Ahora vamos a cambiar muy rápidamente el nombre de estas capas haciendo clic en Enter y luego simplemente escribiendo el nombre enter. Esa será la base. Y yo sólo voy a hacer lo mismo por las otras capas. Rata. 4. 2. Anima el primer icono: Ahora mantengamos de nuevo la tecla izquierda y hagamos clic en este ellip dos Y vamos a lanzar un pequeño círculo sosteniendo turno esto, genial. Ahora cambiemos el punto de anclaje haciendo clic en Y y luego simplemente moviéndolo aquí mismo. Ahora voy a salir de la cubierta de combustible aquí. Voy a quitar el trazo. Genial. En realidad, ¿dónde está mi grilla? Bien, aquí tienes. Primero, animemos la posición de este punto Voy a hacer click en Posición. Y también voy a dar click en Escala. Estaremos ajustando la palmadita dos, pero por ahora, vamos a animar primero la escala y la posición Ahora solo voy a seleccionar estos dos fotogramas clave y hacer clic en nueve para facilitarlos fácilmente. Voy a ir a cerca del sexto fotograma. Y voy a mover este fotograma clave de escala aquí porque aquí es cuando quiero que el puntito sea el totalmente escalado En el punto de inicio será cero. A continuación, voy a ajustar la posición. Quiero que este puntito empiece desde aquí. Entonces a aproximadamente, yo diría nueve fotogramas, voy a hacer que suba. Y entonces digamos 18 fotogramas por ahora. Yo quería ir aquí. Aquí es donde comenzaría la anualización de esto, de la base de este icono Por eso quiero que esto haga para terminar su anualización. Aquí, permítanme previsualizar eso para ver cómo funciona. Bien, increíble. Creo que esto se ve bien. Sólo voy a dar click en Posición y abrir la gráfica y hacer algunos pequeños ajustes en el editor de grafos. No voy a estar separando x de y Esto es solo el gráfico de velocidad y solo quiero asegurarme de que esta animación sea pequeña. No sé por qué, pero siento que todo esto no está realmente en el centro o el pequeño do está en el centro. Déjame ver. Y. Bien, sí, ya ves por qué. Al igual que toda esta posición está a solo uno o dos puntos fuera del centro. Así que sólo voy a hacer click en la posición. Si haces clic en la posición, básicamente estás seleccionando todos los fotogramas clave para que puedas hacer ajustes en todos ellos en lugar de simplemente cambiar uno tras otro. Y sólo voy a dar click en la flecha izquierda unas cuantas veces y sí. Bien, ahora lo tenemos en el centro. Esto es perfecto. Bien. Así es como se ve increíble. Ahora, nos gustaría hacer algunos ajustes a la parte de este círculo. Pero si la abro y tengo elipse, y aquí he mirado esto, puedo hacer ajustes al tamaño de la misma y a la posición de la misma, pero realmente no puedo cambiar la forma de la misma Como por ejemplo, si quiero hacerlo como una forma diferente, tal vez de círculo, quiero hacer un cuadrado. Realmente no puedo hacer eso con estas opciones. Esto se debe a que tenemos un círculo sencillo. Lo que queremos hacer sería tener una forma que en realidad se parezca más a esta forma. Donde puedo hacer ajustes a la forma y cambiar la forma si quiero. Voy a escribir, dar clic en Elipse path one, y voy a dar click en Convert to Baser Ahora tengo un camino Baser y no me gustan las opciones para una forma de círculo. Genial. Ahora agreguemos algunos fotogramas clave a la ruta. Quiero que este círculo empiece normal, entonces. Quiero que en realidad sea normal aquí. Aunque juguemos con esto. Yo solo voy a seleccionar en este inicio y solo moverlo un poco hacia abajo. Boom. Y entonces aquí al final quiero que se destroce Selecciona todos estos puntos y ajusta las formas como si este fuera un pequeño bot que se aplasta. Éste y éste también. Esto está bien. Bien, y aquí es cuando terminará esta animación. Entonces voy a hacer click en Control shift y D para cortar y duplicar, y luego borrarlo. Déjame encajar hasta el 100% para que pueda ver toda la composición y ver qué hicimos. Bien, increíble. Creo que esto se ve bien. Quiero, sólo para ajustar la palmadita. Quiero que esta palmadita empiece desde aquí y la compensaré un poco. Genial, genial. La única otra cosa que quiero ajustar sería la disposición. Creo que es sólo un poco extremo. Sólo bájala un poco y déjame ver cómo se ve esto. Bien, finalmente voy nuevo a mover el fotograma clave y compensarlo un poco. Déjame aislarlo para que lo veas. Y empieza a cambiar su forma aquí, y luego coincide aquí. Bien, permítanme seleccionar y ajustar estos fotogramas clave. El lineal ahora mismo. Déjame jugar un poco con la gráfica. En realidad esto es un poco demasiado, nuevo, tal vez así. A ver. Mucho mejor. Bien, ahora quiero que me gusten todos estos efectos de movimiento y ocultarlos por ahora. Y también esta línea, me gustaría esconderla por ahora. Yo sólo quiero que me quede con la base. Toda esta animación, los efectos de movimiento, la línea y la base comenzarán aquí. En realidad, la animación base comenzará aquí. El resto de ellos no lo harán. Pero por ahora, vamos a mover todo. Genial, ahora es el momento de hacer lo mismo que hicimos con el círculo. Porque ahora si abro la pieza, veo tamaño, posición y redondez. Y quiero poder ajustar la forma y animada de la manera que quiero hacer clic derecho convertir a la parte Baser y agregar un fotograma clave para el pago con F nueve Ahora me gustaría ir a aproximadamente 1 segundo un cuadro. Es posible que tengamos que ajustar el tiempo más tarde. Haga clic, seleccione un clic V, seleccione todos estos puntos y muévalos aquí. Esa será la posición de partida. Y esto debería ocurrir al mismo tiempo que el círculo blanco se mueve hacia abajo y cambia de forma, Debería verse así. Bien, genial. Ahora hagamos clic en parte y abramos el editor de grafos y hagamos algunos ajustes. Quiero que sea un poco más rápido. Bien, déjame previsualizar todo el asunto. Bien, se ve bien. Genial. Ahora agreguemos la pequeña línea. Voy a tocar esta animación de la base. Ya ves que es por aquí. Sí, esta línea se solapa con la línea. Es entonces cuando esta línea debería iniciar su movimiento. Voy a abrirlo y agregar el fotograma clave para el F nueve y darle clic Entonces sólo veo que esto no es una línea recta. Primero ajustemos eso. Voy a dar click y ajustar este punto hasta que vea una línea recta como esta. Bien, increíble. Aquí es cuando debería comenzar. Y luego pienso alrededor de seis fotogramas después de 1 segundo, me gustaría ajustar esta forma. De hecho voy a añadir otro punto aquí mismo. Y voy a bajarlo un poco así. Entonces 1 segundo seis cuadros aproximadamente hacen que suba un poco. Y luego 1 segundo 12 fotogramas copian y pegan el primer fotograma clave. Veamos cómo queda eso genial ahora cuando ocurre la transición de la bola blanca a la base, como puedes ver en nuestra animación original, tenemos estos dos elementos de movimiento que son muy geniales. Vamos a agregarlos ahora. Voy a volver aquí y voy a seleccionar el penu y dibujar una línea simple así como esta Entonces voy a cambiar el trazo a 31. Voy a abrir este trazo de capa, cambiarlo a junta redonda, copa redonda y abrir ajustes de cono. Ahora quiero que la línea de salida sea 79. El largo debe ser 71, el inicio debe ser 56, 83, así. Bien, entonces ahora se parece más a una cuadra. Bien, sólo voy a extender la forma un poco, ¿de acuerdo? Así es como se ve, y creo que se ve increíble. Hagamos clic en Y y ajustemos el punto de anclaje. Sólo haz que empiece aquí. Voy a hacer click, y voy a animar la posición Y la escala es, guau, me gustaría que empezara aquí. En realidad, déjenme hacer clic en R. Y voy a animar también la rotación Y hacer esta rotación así. La escala debe ser cero. Empezar entonces sobre, yo diría 25 fotogramas. Haz que suba. Cambiar la posición, y cambiar los bits Arco. Ahora haz esta escala 100, cambia la rotación a cero, en realidad debería ser más como 20. Entonces permítanme simplemente cambiar la posición y hacerla aquí extender directamente el marco clave de posición a aproximadamente 1 segundo y la rotación debe ser la misma que la posición. Bien, increíble. Y ahora solo asegúrate de que el marco clave de la escala, este está en el centro y aquí los motores pueden cortar cero y déjame ver cómo se ve eso. Bien, bien. Bien, controla el cambio en D para cortar y duplicar. Y luego, y luego voy a hacer eso una vez más. Bien, déjame ver el momento ahora. Bien, esto es un poco lento. A mí me gustaría que empezara quizá por aquí. Bien, increíble. Y en realidad, déjame escalarlo un poco más. Creo que se verá mejor. Ahora, controla D para duplicar esto, y me gustaría simplemente agarrar a este perro. Este es mi último fotograma clave. Yo diré aquí, cambia un poco el arco, mueve la primera posición aquí. Ahora la escala puede ser solo un poco más pequeña que la anterior, solo que podemos tener alguna variedad. Voy a cambiar la rotación a, al inicio, debería ser más así. Y voy a moverlo aquí. Déjame extender un poco esta capa. Y déjame quitar este fotograma clave por ahora para que pueda ver cómo se ve. Esto es bueno. Y ahora haz clic y ajusta un poco la forma. Se parece más a esto. Bien, entonces la escala aquí debería ser cero. Déjame ver cómo se ve eso. Bien, creo que estos son un poco demasiado rápidos. Entonces déjame extenderlos a aproximadamente 1 segundo. Y lo mismo aquí. Bien, lo último será simplemente cambiar la posición final de esta capa porque solo pienso que no es proporcional con la otra. No se ve tan bien. Bien, vamos a compensarlos un poco solo a marcos, ¿verdad? Impresionante. Bien, ahora estamos listos con esta, y estoy muy emocionada de continuar con el resto de la lección de animación en teatro. Te voy a ver muy pronto. 5. 3. Ideas sobre la transformación: Hola a todos y bienvenidos a la nueva lección. Así que la última vez creamos el espacio y ahora es momento de continuar con la animación con el otro icono. Y estoy muy emocionada de compartir este proceso contigo porque aquí es cuando las cosas empiezan a ponerse interesantes. Y también voy a guiarte a través de mi proceso de pensamiento de por qué transformé la forma en que lo hice y por qué lo animé de esa manera Así que comencemos. Bien, antes de mostrarte cómo transformar el ciclo en otro ícono, terminemos esta animación con estos efectos de movimiento que tenemos, estas pequeñas líneas Vamos a agregar nuestro efecto de rutas de recorte favorito. Así que solo agrega trazados de recorte y luego vamos a animar el final En realidad, probablemente quiero empezar por aquí. Eso es alrededor de 1 segundo, 11 cuadros. Sólo haz ese cero. Y luego, déjame ver. Creo, genial, creo que el momento es ahora mismo. Puede que tengamos que hacerlo más tarde, pero por ahora queda bien. 1 segundo, 21 cuadros. Vamos a hacer clic, hagamos esta capa. Controlemos el turno de hecho para duplicarlo y eliminarlo. Quiero que empiece aquí. Bien, genial. Ahora sólo voy a recortar pads, PD controlar C, y voy a basar este efecto, hacer que todos comiencen aquí. Sólo hay que poner ahí y voy a hacer clic en control de turno y D para duplicarlos. Y en realidad los voy a extender porque estas áreas, será parte de la otra animación, pero la vas a ver en un segundo. Veamos cómo se ve eso. Bien, creo que esto se ve bien. Vamos a compensarlos un poco. Sólo un cuadro. Quiero previsualizar todo ahora. Genial, genial. Ahora vamos a transformar la contra. Bien, ahora voy a volver a nuestro plan original. Y voy a acercarme aquí. Este es el ícono que acabamos admitir y ahora queremos que se transforme en el Pycon Cuando estás transformando iconos o estás trabajando en una animación de gráficos en movimiento, es muy importante asegurarte de que tu animación sea fluida Necesitas transformarte de un ícono a otro, pero de manera lógica, de una manera tenga sentido para que este ícono se transforme de esa manera. ¿Cómo se hace eso? Bueno, hay millones de formas en las que puedes hacerlo para transformar este ícono en este ícono, probablemente. Pero lo que hago y lo que mejor me funciona es simplemente mirar estos íconos y detectar algunas cosas que son similares. Por ejemplo, en nuestro caso, estoy viendo que esta base aquí tiene prácticamente la misma forma que esta cruz de aquí, solo esta parte de la cruz. Estoy pensando, ¿cómo puedo transformar esto en esto? Bueno, probablemente pueda simplemente cambiar un poco el trazo, hacerlo más pequeño, y hacer que este icono gire un poco para transformarlo a esta línea de aquí. Y entonces, ¿qué más puedo hacer? Como, ¿cuáles son las otras cosas que podemos animar aquí? Obviamente, podemos animar estos cuadrados como todos los cuadrados D. Pero, ¿cómo transformarse de esto a esto? Bueno, como puedes ver, tienes muchas casillas y aquí también tenemos algunos datos de movimiento. En mi mente. Voy como cómo puedo aprovechar eso. En nuestro caso, en nuestra animación, solo voy a transformar estas líneas en cuadrados porque veo una manera de aprovechar realmente todos estos elementos. Cuando estés creando una animación de gráficos en movimiento, intenta detectar tantas similitudes como sea posible y transformar todos y cada uno de los elementos en otro elemento. En lugar de, por ejemplo, solo hacer desaparecer estas señales y simplemente transformar la base. Es mejor si todo se transforma en otra cosa. Y también otra idea, justo encima de mi mente que en realidad no animé Pero tal vez puedas probarlo por tu cuenta si quieres. Sería animar esta base para que sea esta línea. Y a lo mejor esta pequeña línea puede ser esta línea. Esa no es la forma en que puedes hacerlo. Como si tuviera que decirlo simplemente, simplemente rompa el icono en formas simples y luego piense en el otro icono y son formas simples y luego vea qué forma simple puede superponerse con otra forma simple de un icono a otro icono. Entonces ese fue todo el proceso de cómo transformar esto en esto. Obviamente, como mencioné, hay millones de otras formas en las que puedes hacerlo. Pero solo pensé que esto sería divertido de animar, por eso lo hice de esa manera Volvamos a la animación original para que podamos ver exactamente lo que hicimos. Y te voy a mostrar entonces cómo animarlo. Aquí vamos. Ahora solo tenemos que echar un vistazo a estos elementos de movimiento. Sólo voy a jugarlo muy despacio para ti. Se puede ver. Este elemento, por ejemplo, mira esta línea. Esta línea va aquí, se transforma en círculo. Después baja para transformarse en cuadrado. Y rebota igual aquí y lo mismo aquí también. Estoy aprovechando todas estas formas que tengo del ícono anterior, y luego las estoy transformando todas en cuadrados. Obviamente hay como otros elementos como estos cuadrados. Por ejemplo, aquí en la parte inferior, voy a necesitar simplemente diseñarlos y animarlos porque no tengo suficientes líneas para transformarme en cuadrados, grados Ahora veamos la base antes animar la base que tenemos aquí, como mencioné antes, gira y forma la línea desde la cruz. Y entonces tenemos otra cruz que se solapa y crea la cruz 6. 4. Transformación del icono 2 al icono 2: Ahora. Creo que será mejor si empezamos con sólo tomar este icono. Copia, pega aquí, tráelo encima. Lo estaremos borrando más tarde, pero por ahora, sólo vamos a usarlo como referencia. Quiero asegurarme de que está en el centro. Genial, entonces ahora tenemos esta referencia. Así que solo voy a hacer clic y bajar el pasado al 80% Ahora en realidad vamos a hacerlo 50% Bien, increíble. Vamos a bloquear esta capa por ahora. Primero, comencemos animando la base. Bien, entonces esta es la base que tenemos ahora. Ya que vamos a estar rotando esta forma, quiero que esta línea esté apadentada a la base para que pueda girar con ella Y también, me gustaría cambiar el punto de anclaje aquí en el centro. Déjame tocarlo para que pueda ver el momento. Genial, entonces creo que necesitamos tener unos segundos para dejar respirar esta animación antes de agregar la otra. Y vamos a extender estas capas. Estos son los efectos de movimiento por ahora. Los vamos a cortar más tarde. Bien, así que el último efecto de movimiento termina en 1 segundo, 25 fotogramas. Voy a tener como un poco de pulso aquí. 2 segundos, dos fotogramas, y es entonces cuando comenzará la animación de la base. Voy a hacer clic en el marco R, R K para rotación, fácil Es. Después a unos 2 segundos, 20 fotogramas, voy a hacer que gire. -270 Increíble. Ahora déjame ver el momento porque creo que eso podría ser demasiado rápido. Podría necesitar cambiar la rotación para detenerme aquí. Tendremos 1 segundo de rotación. Bien, genial. Voy a extender estos otra vez. Ahora agreguemos fotograma clave para la pieza al inicio, deberíamos tener la misma parte que hicimos. Entonces al final voy a moverlo aquí, como todo el asunto. Entonces voy a seleccionar los ciclos. Y ellos estarán aquí. Estaría aquí. Y luego voy a seleccionar estos dos. Ellos estarán aquí. Estos dos estarían aquí. Bien, déjame ocultar la referencia por un segundo. Bien, entonces tengo como los bordes afilados aquí. En mi caso, serían bordes redondos y creo que en realidad se vería mejor. Así que sólo voy a guardarlo como está ahora. Bien, genial. Ahora increíble. Me gustaría ajustar la llave de Saber. Primero seleccionemos la rotación y juguemos con la gráfica más cerca del final, así. Bien. Siento que la rotación puede ser más rápida. Entonces voy a ajustar esto y voy a ajustar la parte también para la palmadita. Quiero compensarlo un poco. No quiero que empiece cuando empiece la rotación. Entonces yo diría por aquí. Y luego otra vez, ajustemos los fotogramas clave. Esto en el centro, Bien, ahora es un poco demasiado rápido. Nuevamente, vamos a cambiar un poco el tiempo. Genial. Ahora es el momento de simplemente quitar esta línea como esta que tenemos aquí. Voy a agregar un fotograma clave para la pieza. este momento voy a hacer click o al penu, voy a seleccionar estos dos puntos Muévalos aquí, luego voy a seleccionar este y moverlo aquí. Esto es cuando estoy control turno en coutu. Suprimir éste. Bien, déjeme ocultar de nuevo la referencia para que pueda ver el momento. Bien, vamos a previsualizar todo el asunto. Impresionante. Voy a él la referencia otra vez y voy a duplicar la base, y te voy a decir por qué en un segundo. La razón por la que estoy haciendo esto es porque quiero tener la misma forma. ¿Recuerdas que teníamos una cruz en nuestra referencia? Sí, esto es una cruz. Quiero que esta forma, como esta línea, sea la misma que esta línea. Y puedo ajustar el trazo un poco como normalmente puedo crear una línea y ajustar el trazo. Pero este trazo es muy específico porque no es un trazo. Cambiamos la forma, es realmente único. Y por eso sólo voy a duplicar la base. Voy a quitar todos los fotogramas clave, pero asegúrate de que tengas tu marcador al final, lo contrario solo te quedarás atrapado como una forma extraña. Simplemente retire los marcos clave y padre la nueva base a la base antigua. Ahora, me gustaría cambiar el punto de anclaje y moverlo aquí en el centro. Entonces voy a animar la rotación, en realidad, sí. Bien, voy a hacerlo, déjame ver si tengo que hacerlo. Bien. Y creo que la rotación de esta capa y también la posición porque se mueve un poco como. Bien, ese será el final entonces. Quiero que sea para empezar desde aquí. Y aquí es cuando comenzará la capa. La rotación está bien al inicio. Y entonces tal vez tres cuadros después de que termine la desalmación, voy a hacer este nueve ¿Todo bien? Y muévelo aquí. Déjame ver cómo se ve eso. Bien, Esto es demasiado lento. Entonces volvamos a los amigos clave abriendo la gráfica y haciendo algunos ajustes desde aquí. Boom. Bien, en realidad gira al revés. Y esto me molesta un poco, así que solo voy a agarrarlo aquí y rotarlo así. Bien, veamos cómo se ve eso. Todo bien. Bien, genial, increíble. La animación sobre la base lista. Déjame esconder la referencia y jugar todo el asunto. Genial. Bien, increíble. La próxima vez vamos a transformar la ciencia en cuadrados. Así que estén atentos y quiero verte muy pronto. 7. 5. Icono de animación 2 (Parte 1): Hola a todos y bienvenidos a la nueva lección. Esto es lo que creamos la última vez. Sólo voy a previsualizarlo una sola vez para que lo veas. Y creo que se ve bien. Parece un poco apresurado ahora, pero la siguiente animación será un poco más lenta para que pueda compensar. Bien, así que si volvemos a la animación original, vamos a transformar la ciencia en cuadrados. Así es como se ve. Esta es la animación que vamos a crear hoy. Estaremos terminando la transformación de este icono. Ahora bien, si miramos más de cerca, esto es en realidad lo que vamos a estar creando, aislando algunas de estas capas. Entonces puedes ver estas son las líneas que luego se transformarán en cuadrados como este. Y vamos a empezar con una sola línea, y luego vamos a progresar y vamos a crear todas estas casillas. Déjame mostrarte primero lo que vamos a crear. Bien, esta es la animación aislada. Esta es la línea, boom, se transforma en un cuadrado. Bien, vamos a meternos en ello. Ahora voy a abrir mi composición. Déjame encontrar esta línea, ¿de acuerdo? Y antes de hacer nada de eso, quiero renombrar mis capas y organizarlas un poco mejor. Así que solo voy a acelerar esto, pero básicamente voy a renombrar todo lo increíble. Ahora todas mis capas están nombradas. En realidad, me gustaría ocultar estas dos capas. Entonces estos son, los efectos de movimiento ya están hechos. Déjame esconderlas. Y déjenme dar click en el segundo una vez más. Entonces no veo las capas ocultas. Déjame volver a ver si hay algo más que pueda ocultar. Sí, tal vez la pelota. No necesito ver la pelota ahora y sólo voy a quedarme con todo lo demás. Muy bien, genial. Ahora primero muestra la referencia. Esta es mi referencia. Voy a encontrar mi línea. Vamos a comenzar con esta línea. Voy a abrirlo y agregar un fotograma clave para el par click y dejarme ver cuando toda esta animación, bien, aquí es cuando la base empieza a moverse. Me gustaría que esta línea iniciara su animación un par de fotogramas antes de la rotación. Y esto es fácil, simplemente comienza más lento. En mi caso, sólo me gustaría iniciar el movimiento de este aire por aquí. Eso son 2 segundos, dos fotogramas. Entonces me gustaría que alrededor de 2 segundos, 15 fotogramas haga clic. Y voy a seleccionar estas dos puertas. Voy a moverlos aquí. Lo que quiero hacer sería asegurarme de que este punto esté exactamente en el centro de esto, pero no aquí, obviamente, porque aquí es cuando se va a transformar. Voy a agarrar un gobernante. Si no ves a tus gobernantes, puedes simplemente dar click aquí y luego gobernantes Todo bien. Creo que este es el centro de la plaza. Sí, genial. Ahora haga clic en la capa, haga clic de nuevo y transforme esto en un puntito como este. Bien, Ahora veamos si funciona el timing. Voy a aislar sólo a esta. Bien, creo que esto es bueno. Ahora vamos a dibujar y crear la forma de los cuadrados. Mantenga pulsada la tecla izquierda y haga clic en rectangular redondeada para crear una. Sí, esto no se ve bien, lo haremos. Sólo pedacitos. Bien, déjame quitarle esta regla. Me engaña genial. Retire el relleno. Solo asegúrate de tener un derrame cerebral en el. Ahora vamos a crear el cuadrado. Bien, creo que 24 está bien, basado en la referencia. Vamos a abrir la parte rectangular. Vamos solo la redondez. Bien, entonces cambia el punto de anclaje para que esté en el centro y renombra ese cuadrado. Y esta vez me gustaría cambiar el color de esta capa. Voy a hacerlo verde porque todas las capas que estarán relacionadas con el nuevo icono tendrán un color diferente. Así que esa es mi composición está limpia. Bien, déjame ocultar la referencia. Bien, creo que la plaza se ve bien. Bien, pero este punto necesita ser movido. Creo que aquí está bien. Muy bien, increíble. Ahora tenemos el cuadrado, tenemos el punto. Asegurémonos de que esta capa termine aquí. Y aquí es cuando vamos a transformarlo en un cuadrado. Haga clic en el marco del arco para la posición en la escala. Haga clic en D. En realidad este necesita ser movido un poco. No debería parar exactamente. Cuando el marco clave es. Pero ni siquiera es un marco, como solo un punto después de eso. Para que lo pueda ver. Bien, y esta capa debería comenzar aquí. Aquí es cuando éste debería comenzar. Bien, ahora voy a mover estos a unos 3 segundos a nuestros marcos. Pero tal vez necesitemos ajustarlo. Tre. Vamos a escalarlo y moverlo aquí. Quiero que se superpongan. Bien, déjame ver cómo se ve esto. Bien, entonces ahora agreguemos algunos fotogramas clave entre estos. Primero, quiero ir a unos dos segundos 25 cuadros. Y copia y pega los últimos fotogramas clave, haz que baje un poco. Entonces aquí en el medio yo diría tres segundos tres cuadros, haz que suba un poco. Y entonces aquí tendremos la posición original . Vamos a previsualizar eso. Bien, esto es un poco, Ahora vamos a hacer clic en Posición. Voy a abrir la gráfica y hacer algunos ajustes aquí. Esta es la gráfica de velocidad, no la gráfica de valores. Voy a estar haciendo cambios en el gráfico de velocidad. ¿Bien? Creo que esto se ve bien. Bien. Ahora bien, esto es bueno. El momento es bueno si no queremos que sea demasiado apresurado. Entonces creo que esto está bien. Asombroso. Ahora volvamos a mostrar la referencia. Da click en el ciclo, para que no veas la gráfica. Todo bien. Por ahora será más fácil animar cada línea con el mismo tiempo Y luego los compensaremos. De esa manera podemos asegurarnos de que el tiempo es el correcto y el tiempo es igual a todas y cada una de las animaciones. Voy a seleccionar el ciclo aquí. Voy a marco de arco para la pieza. Da click aquí, me gustaría simplemente moverlo aquí arriba. Supongo que quiero que sea un poco más alto que el anterior para que podamos tener alguna variedad. Bien, increíble. Es entonces cuando esto se transformará en un cuadrado. Voy a ir aquí y voy a duplicar esto allá. Esta es la plaza. Y voy a dar click, y voy a ir al fotograma clave final. Así puedo ver la posición final seleccionar todos los fotogramas clave de posición y moverlos aquí. Porque quiero que esta animación sea la misma. Entonces podemos tener cierta consistencia. Ahora el primer fotograma clave debería ser diferente, obviamente debería ser por aquí. Déjame acercar el zoom para asegurarme de que estos dos estén alineados, bien. Veamos cómo se ve bien esto, ¿de acuerdo? Ahora, haz esto, agrega aquí, y veamos la transformación, ¿de acuerdo? Asombroso. Bien, entonces ahora voy a repetir el mismo proceso y voy a transformar esta línea en el cuadrado. Voy a abrir una parte, y debería comenzar aquí. Bien, déjame acercarme de nuevo. Gobernante aquí. Entonces también, otra cosa es que quiero asegurarme de que estos dos puntos estén alineados. Voy a tener otro gobernante aquí. Vuelva a cambiar la P. Aquí está mi perro. Impresionante. Ahora doble este cuadrado, Muévelo aquí, Haga clic, seleccione todos los fotogramas clave de posición, y muévalos aquí. Bien, y ahora esto debería parar aquí. Bien, veamos cómo se ve eso. Bien, increíble. Genial, tenemos las tres primeras plazas animadas. 8. 6. Icono de animación 2 (Parte 2): Ahora vamos a animar de nuevo a estos dos. Lo mismo aquí. Sólo voy a seleccionar esta línea. Ya tengo un marco clave de ruta, así que sí, solo puedes hacer clic aquí para agregar uno. Ve aquí, y éste debería estar aquí. Y éste de aquí, igual que estos dos puntos. Déjame quitar esta regla porque me molesta. De nuevo, es sólo un poco molesto. A veces voy a hacer zoom. Crea un pequeño arco así. Impresionante. Ahora voy a duplicar éste, en realidad. Gran Click. Voy a todos los fotogramas clave de posición. La posición final debería estar aquí. Ahora vamos a necesitar solo estos fotogramas clave ahora porque la posición es diferente y la acción, el movimiento es menor. En realidad el primer fotograma clave debería estar aquí. El siguiente, creo que este debería bajar un poco más. Arriba un poco más. Y esta es la posición final. Déjame ver cómo se ve esto. Sólo ésta debería terminar aquí. Aquí. Todo bien. Bien, increíble. Ahora repite el mismo proceso para la otra línea. Bien, así es como voy a ocultar la referencia y voy a mostrarte cómo se ve nuestra animación. Ahora esta es la vista previa. Bien, genial. Ahora es el momento de agregar la última fila de cuadrados. Entonces hagámoslo. Eso sería muy fácil. Déjame ocultar la referencia. Yo sólo voy a seleccionar estos cuadrados, duplicarlos. Tráelos aquí y selecciona sus posiciones. Ahora, sólo muévalos aquí abajo. Sólo éste. Me gustaría cambiar el marco clave. Déjame ver dónde está este por aquí. Ese será el medio . Cuando sube, ahora es solo un poco demasiado. Genial. Ahora tenemos todas las plazas animadas, lo cual es increíble. Ahora compensemos estos fotogramas clave. Déjame ocultar la referencia por ahora. Primero, voy a comenzar con esta línea. Esta línea que está conectada a esta plaza. Creo que son buenos. Ahora, quiero que este empiece un par de fotogramas después. Éste puede estar aquí. Éste quizá aquí. Éste de aquí, sí. Bien. Voy a empezar con esto. ¿Bien? Esta línea es. Esta plaza cuadrada debería comenzar aquí. Este es el primero. Esta es buena. Déjame ver cuál es. ¿Bien? El medio cuadrado aquí. Éste de aquí. Esta plaza debería comenzar aquí. Éste debería terminar aquí. Esta plaza debería comenzar aquí. Vamos a desfase Estos otros tres cuadrados no están conectados a ninguna línea. Déjame ver cómo se ve eso. Bien, genial, vamos a previsualizar todo el asunto. Bien, vamos a terminar éste, quiero hacer un pequeño ajuste que va a hacer una gran diferencia en mi opinión, como todos los cuadrados, voy a click en este icono de aquí, esto versus el desenfoque de movimiento, lo cual me parece bastante genial. Entonces ves este pequeño desenfoque aquí. También, voy a aplicar esto a los efectos de movimiento y la línea y la base. Si tengo una vista previa de todo, verás este desenfoque de movimiento muy genial que me gusta mucho. ¿Lo ves aquí? Bien, ahora vamos a ocultar la referencia. Y vamos a hacer algo muy fácil. Vamos a crear esta línea, este cuadrado que en realidad es solo un trazo. Necesito dibujar un simple como este. Ocultaré la referencia solo para asegurarme. Genial, ahora voy a crear una máscara porque no quiero que la línea se superponga con mis cuadrados. Simplemente crea un poco de forma aquí. Retire el trazo, pero agregue un fil. Genial. Ahora asegúrate de tener esta, esta nueva forma en la que has hecho clic Porque queremos estar creando múltiples formas dentro de una misma capa. Bien. Así, crea diferentes formas que estén llenando los huecos. Genial. Si no ves esta opción, simplemente haz clic en los modos Total Switches y asegúrate de que este sea Alpha invertido mate, y boom, lo tenemos increíble. Cambiemos el nombre de ese trazo Cuadrado de Máscara. Esto es trazo cuadrado. Estos dos deberían ser verdes porque forman parte del icono cuadrado. ¿Verdad? Voy a añadir de nuevo nuestro efecto favorito de trim pats , vamos a animar el final Y quiero hacerlo aquí, voy a decir 3 segundos, 20 fotogramas. Y alrededor de 2 segundos, 20 fotogramas, hacen que comience en cero. De hecho voy a abrir el trazo y asegurarme de que tengamos una copa redonda y un porro redondo. Bien, déjame ver cómo se ve esto. Genial. Esto es un poco lento, así que quiero que esto termine. Bien, genial. Una cosa diminuta que noté es que tal vez necesitemos ajustar un poco la parte de la máscara. ¿Bien? Porque como puedes ver aquí, lo puedo ver Superpuesto aquí mismo. Ahora voy a necesitar justo este cuadro por cuadro donde te necesito, por ejemplo, para éste. Y creo que este, de esa manera no lo veo superpuesto a este cuadrado es el cuadrado número siete. Y sólo voy a asegurarme de que mi marcador esté aquí. Voy a abrir el cuadrado cuatro y abrir transformar y marco clave para la posición O cuadrado siete aquí. La posición aquí, siete aquí, debería estar aquí. Y nuevamente, capa siete, esa debería ser la misma que la original. Vamos a facilitarlas fácilmente y veamos. Bien, como dije, probablemente necesitaremos ir cuadro por cuadro. Esta posición aquí puede estar aquí. Todavía veo un poco de superposición aquí, Boom. Bien, veamos qué más se superpone. Creo que ésta, esa es la capa tres y digamos ocho. Así que solo voy a repetir el mismo proceso y ajustar los fotogramas clave de posición de todos y cada uno de los fotogramas que se superponen con mi línea Bien, estoy listo. Esta es la vista previa ahora. 9. 7. Efectos de movimiento (ícono 2): La última línea sería simplemente agregar el efecto de movimiento. Aquí hay una línea. Esta es la animación original. Aquí hay una línea que se suma a la animación de morphing golpista que tenemos Vamos a agregar estos en. Yo diría que podemos ir de aquí. Bien, vamos a hacer clic en el penchu y vamos a dibujar una línea como esta Haz el trazo 26 y retira el relleno. Simplemente abramos esta capa y hagamos la junta redonda de copa redonda de alineación Bien, ahora solo agregaremos nuevamente el efecto trim pats. Voy a agregarlos aquí. Y animar el final. Haz que comience aquí. Esto es un poco lento. A lo mejor aquí, voy a animar los arranques también aquí. A ver, voy a cortar esta capa. Bien, déjame ver cómo se ve eso. Genial, voy a simplemente duplicar este y rotarlo un poco. Y cambiar ligeramente la posición. Y compensarlo, en realidad, voy a voltearlo y volver a cambiar la rotación. Déjame ver cómo se ve eso. En realidad, no creo que necesitemos éste, honestamente. Voy a borrarlo. se pone demasiado ocupado y te voy a hacer. Así que aquí mismo. Muy bien, increíble. Genial, esta es la animación que creamos hoy. Estado, porque la próxima vez vamos a continuar con esta animación morphing. Te voy a ver muy pronto. 10. 8. Ideas para el icono 3: Hola a todos, y bienvenidos a la nueva lección. La última vez, pudimos transformar este ícono en esto. Y este es el resultado. Ahora bien esto se ve bien. Ahora es el momento de animar el otro icono y transformarlo. Déjame volver a mis íconos y transformar este ícono en este ícono. Bien, hagamos el mismo ejercicio que hicimos la última vez. ¿Qué tienen en común estos dos iconos? Bueno, como yo lo veo, tienen esta plaza en común es la plaza. Y también tienen esta línea en común también. Esto me hizo pensar, tenemos esta línea que es similar a esta línea. Tenemos estos dos elementos, como tenemos cuadrados aquí, pero estos pueden transformarse fácilmente en círculos. ¿Qué más podemos transformar aquí? Bueno, veo dos elementos. Una es esta línea, como la línea curva aquí, y otra es esta. ¿Cómo puedo transformar lo que tengo aquí en medio a esta línea curva? Bueno, ¿qué tal si animo esta línea? Bueno, aquí tengo dos líneas. Tengo una cruz. Pero lo que puedo hacer tal vez, es simplemente hacer que esto cruce una línea en lugar de cruzar. Y luego animar la línea y hacerla curva. Esto es lo que hice. Y luego este elemento, no es un elemento complejo, pero no se me ocurre nada que pueda hacer para transformarme de esto a esto sin parecer un poco raro. Es por ello que este elemento simplemente aparecerá desde la parte inferior de la pantalla, y creo que esto se ve muy bien. Déjame volver a tu animación original y mostrarte lo que vamos a crear hoy. Bien, giramos toda la forma, luego giramos esta forma también. Ya ves, boom. Bien, ahora transformamos todas estas formas en círculos para que podamos tener esta forma desaparecería en un segundo. Esta transformación de línea hace aparecer los dos círculos. Este elemento parece hacer una línea curva como esta. 11. 9. Icono de animación 3 (parte 1): Bien, esto es súper genial y estoy emocionado. Empecemos. Aquí es donde paramos la última vez. Ya tenemos el segundo. Quiero previsualizar todo el asunto para poder mostrarte el momento. Creo que el cronometraje funciona bien como es ahora mismo. Pero me gustaría agregar una pequeña pausa aquí. Sólo quiero que esta animación se lea por un segundo. Es un poco demasiado rápido, creo, aquí mismo. Pero tal vez cuando agreguemos aquí esta casa, vamos a compensar esta. Al final de toda esta animación, tal vez necesitemos hacer algunos ajustes en el tiempo. Vamos a animar esto. Primero, voy a añadir, ¿qué es esto? ¿Por qué no se nombra? Vamos a nombrar eso. Ese es el elemento de movimiento. Bien, ahora queremos rotarlo todo. Básicamente todo además de la cruz. Voy a necesitar crear un nuevo objeto para poder mover estos revuelve el nuevo no objeto o controlar el turno y por qué Y ahora voy a ponerle nombre a esta plaza. Increíble. Ahora déjenme seleccionar cada pequeño cuadrado, todos estos cuadrados verdes. Esta fue mi referencia original. Voy a borrarlo. Ya no lo necesito. Bien, unos cuadraditos más la máscara y el trazo cuadrado, parentem a la plaza ahora Ahora veamos cuándo va a ocurrir esta rotación. Que pienso por aquí, creo que 1015 cuadros serían suficientes para el rompecabezas Ahora nuestro marco clave para la rotación, fácil, fácil. Creo que voy a ir a unos 5 segundos, cinco fotogramas, y hacer que gire a 180. Bien, genial. Déjame ver cómo se ve esto. Puede que sea un poco lento, pero ajustaremos los fotogramas clave ahora y al mismo tiempo también moveremos la línea. No olvides esa gráfica de Gatowjust. Nuevamente, esta va a ser un poco extrema. Quiero que sea extremo porque quiero tener un efecto de movimiento genial. Ya ve la moción tercera . ¿Lo ves? Sí, muy genial. ¿ Eso es lo suficientemente extremo? A ver, tal vez un poco más. Sólo un poco más. Quiero que sea muy, tan rápido. Y entonces cuando estás trabajando en animaciones que tienen muchos elementos como esta, es mejor previsualizar todo cuando continúes con la animación. Hacemos esto ahora solo para que podamos ver si el tiempo funciona y si el pulso es suficiente, o si hay tiempo suficiente para que esta animación respire antes de pasar a la siguiente animación. Ahora mirándolo ahora, creo que la pose es un poco demasiado grande. Ahora permítanme previsualizarlo unas cuantas veces. Esto es tiempo real. Ahora creo que esto es bueno. Comencemos esta rotación aproximadamente a los 4 segundos, tres fotogramas. Vamos a previsualizar todo de nuevo. Bien, ahora creo que es bueno. Bien, ahora es bueno. Ahora encontremos nuestra línea. Este es este que vamos a agregar a los fotogramas clave para la rotación de posición. Y creo que alrededor de 4 segundos, 15 fotogramas solo significan ese cero y hacen que termine aquí. Controle el cambio para cortar y duplicar y el cable. Bien, voy a abrir el gráfico de rotación y quiero hacer este un poco. Ext, ¿bien? Quiero que sea como si este letrero hiciera mover toda la composición. Creo que esto es bueno. Increíble. Bien, ahora déjame ver cuando esto se detenga ahora. Se mueve bien, aquí mismo. Volvamos a darle como dos o tres cuadros para criar. Y vamos a animar esta línea. Nos quedamos con esta línea de allá. Pero antes de hacer eso, tendremos transformar todos y cada uno de los círculos en un cuadrado. Y esto va a ser muy chulo. Te voy a mostrar en un segundo. Volvamos a la tecla izquierda, y voy a crear círculo. Necesito que sea círculo recto. Bien, gracias a esto. Genial. Cambia el trazo a blanco. Y voy a acercar y cambiar el punto de anclaje para que esté en el centro. Ahora déjame esconderla y mostrarla para asegurarme de que esté alineada Voy a cerrar esto son para poder encontrar mi plaza. Este es el cuadrado número ocho. Voy a moverlo aquí. Sólo quiero aislar esto y esto. Déjame solo esconder el cuadrado para asegurarme de que el círculo esté en el centro de la línea. No es realmente, voy a necesitar simplemente Bien, creo que esto es bueno. Sólo voy a moverlo un poco hacia abajo. Es posible que necesitemos agregar un fotograma clave de posición más adelante. Creo que es bueno. Bien, esto es lo que vamos a hacer. Sólo vamos a usar este círculo como referencia porque queremos tomar el camino. Del círculo y transformar nuestro cuadrado en un círculo. Entonces voy a abrir la elipse y lo mismo que hicimos en el tutorial anterior Haga clic derecho y convierta a Baser Pat. La razón por la que hacemos eso es porque queremos copiar este camino. Ahora voy a ir aquí, esta es la casilla ocho. Voy a abrirla. Y lo mismo aquí. Quiero crear los marcos clave de la parte más base. Aquí es cuando esto comenzaría. En realidad, déjame acercar mi bit de composición. Bien, aquí. Y creo que debería terminar aquí mismo. Y luego voy a copiar la parte del círculo, el nuevo círculo que creamos. Vaya aquí, seleccione la pieza, Pegar. Ahora, tal vez solo necesitemos ajustar un poco la posición. Bien, veamos cómo funciona eso. Déjame solo esconderlo. Bien, esto es ahora, ¿ ves lo que está pasando? Se transforma como los ángulos redondeados que habíamos transformado en círculo. Entonces creo que se ve bien, pero me gustaría solo volver a la gráfica de la misma, así que es más rápido y más suave. Bien, quiero volver a previsualizar ese tiempo real. Bien, demasiado lento en mi opinión. Vamos a previsualizar el formulario. Yo diría aquí quiero que sea más extremo, más rápido en el medio. Bien, increíble. Perfecto. Sí, exactamente lo que quería. Genial, ahora vamos a repetir el mismo proceso. El tiempo será el mismo para todos estos elementos. No los estaremos compensando. Pasemos al cuadrado número siete. Ábrelo, haz clic derecho. Convierte a Baser parte F para la pieza aquí. Y muévelo aquí. No lo mueva. Y luego mueve tu marcador aquí. Copia y pega esta parte. Genial, tenemos que ajustar la gráfica aquí, pero vamos a hacer eso más adelante cuando sólo vamos a hacerlo una vez por todo. Voy a repetir este mismo proceso para un cuadrado número seis. Haga clic derecho, convierta a una pieza más base en un fotograma clave. Marcador fácil, ve aquí, copia este pasado aquí. Bien, voy a acelerarlo ahora porque básicamente voy a repetir el mismo proceso por cada cuadrito. Genial. Nosotros ya, acabamos de transformar cada pequeño cuadrado en un círculo Ahora mantén pulsada la tecla shift y selecciona todos los fotogramas clave de ruta, cada cuadrado además del primero, porque el primero ya tiene gráfica ajustada. Voy a asegurarme de seleccionar D's movidos, moverlos aquí un poco, hacerlo extremo. Veamos cómo funciona eso. Genial, ahora todos se transforman al mismo tiempo, y es así que ganamos. Veamos la vista previa. Genial, creo que es el momento. 12. 10. Icono de animación 3 (parte 2): Ahora vamos a animar esta línea. Voy a seleccionar la línea, Ir abajo aquí en un fotograma clave para la ruta. En realidad, quiero que esta línea empiece a animarse aquí. Justo antes de termine la animación de la animación de transformación, voy a ajustar el camino y hacerlo aquí, está en el medio. Y veamos cómo funciona eso. ¿Bien? Esto tiene que ser más rápido porque esa es la idea como si la línea pop estos elementos como, bien. Entonces tiene que ser más lento al principio y luego más rápido al final, veamos, ¿de acuerdo? Bien, y aquí es cuando estos dos círculos van a repuntar. Entonces voy a encontrarlos. ¿Esto es qué? Círculo cuadrado cuatro. Y ahora voy a abrir trazo y empieza como aquí mismo, ¿verdad? Y luego aquí. Ya debería haberse ido. Haz que el trazo sea cero en este punto. Voy a hacer que empiece aquí. ¿Bien? Sí, esto suena bien. Increíble. Ahora hagamos lo mismo, y en realidad sólo voy a copiar estos fotogramas clave de dos tiempos. Y déjame averiguarlo, esto es para cinco R key frame. Para el trazo fueron y pegar. Bien, genial. Ahora vamos a repetir el mismo proceso para estos tres círculos aquí, pero voy a compensarlos un poco. Creo que aquí mismo, un par de fotogramas después de este. Lo mismo aquí. Abrir, trazo, trazo pasado los fotogramas clave. Muévalos un poco Aquí un marco de tecla de trazo para trazo. Y muévelo aquí. A ver. Bien, creo que esto se ve bien. Ahora, mientras tanto, quiero que esta línea se anime también Este es el trazo cuadrado. Déjame abrirla. En primer lugar, me gustaría ajustar el offset. Porque mira esto. Tenemos que animar el final. Entonces podemos quedarnos con esta línea en esta de aquí. Y esta es una línea recta, y no la vamos a estar animando. Yo sólo quiero que el cuadrado recorte y se detenga aquí. Sólo tengo una línea aquí. No obstante, si animo el inicio, estaría como, digamos por ejemplo, 25% o en realidad eso va a ser como 24% me quedaré con esta línea Y quiero esta línea. Esta línea. Entonces es por eso que necesitamos cambiar el offset. El offset debería estar aquí al 100% Y sólo voy a mear con esta animación. Esto ya lo animamos, y por eso solo lo voy a apasar como estaba aquí Y luego solo habrá otro fotograma clave en el siguiente fotograma donde el desplazamiento sería de 100. Bien. Ahora, veamos cómo se ve esto, ¿de acuerdo? Bien, déjame ver si este momento es el correcto. Creo, sí, tal vez debería comenzar antes. A ver. Bien, voy a ajustar el tiempo y me doy cuenta de algo más que voy a arreglar en un segundo. En primer lugar, la animación es buena. Hasta aquí. Quiero que la señal sea más rápida. Ese es mi primer momento cambiar estos dos fotogramas clave, los voy a mover. Esto tiene que ser más rápido y tal vez empezar aquí porque de lo contrario todo está pasando al mismo tiempo y realmente no se puede ver lo que está pasando. Vamos como los marcos clave del parque. Sólo el gráfico un poco. Sé que dije que lo quiero. Todavía lo quiero extremo, pero no es que vaya a agarrar esta puerta de aquí y moverla. ¿Bien? Y voy a necesitar justo el momento para los pequeños círculos que se cuadricularon cinco al cuadrado, cuatro hasta aquí A ver. Bien, tal vez un poco antes. ¿Bien? Ahora bien, todos estos otros cuadrados necesitan ser retrasados un poco, porque como dije, todo está pasando al mismo tiempo y es un poco confuso. Y estos dos de aquí, veamos. Bien, ahora tenemos un poco más de estructura. ¿Bien? A lo mejor lo último que noté es que no tuve que cambiar la plaza. Porque recuerda que este icono tiene aquí un gran cuadrado. Entonces si vuelvo, solo quiero encontrar este cuadrado y quitar este marco de llave. Genial. La próxima vez vamos a terminar la anuación de este ícono, y estoy muy emocionada de verte en la siguiente lección 13. 11. Icono de animación 3 (parte 3): Hola chicos y bienvenidos a la nueva lección. Esta es la vista previa de la animación que hasta ahora hemos hecho bien. Y hoy terminaremos la animación de este icono. Este icono de aquí. Bien, lo primero que voy a hacer sería reemplazar esta línea blanca. La razón por la que quiero hacer esto es porque como ustedes saben, esta línea es parte de una forma que en realidad, esa era la forma original que teníamos. Sí, ésta. Como puedes ver en nuestra animación original, queremos que esta línea se curve, suba por esta herramienta. Va a ser muy difícil si intentamos hacer eso con esta línea. La razón es que como pueden ver, aquí hay un montón de puntos, por ejemplo, si creo otro punto aquí y empiezo a moverlo, habrá otro aquí. Y hay como tres puntos más que aquí no necesito. Puedo quitar estas formas, pero quiero mantener mi composición realmente limpia y ordenada. Y por eso solo quiero crear otra forma que se superponga con esta Puedo empezar a animarlo y será de manera, mucho más fácil de hacer Así que vamos a hacer clic en la pluma para y dibujar una línea simple que se superponga con la línea existente que tenemos Voy a dejar que estos dos puntos los muevan aquí abajo. ¿Bien? Y en realidad voy a mover la línea, hacer este nuevo elemento que acabo de crear por encima de mi base. Y voy a aislar este nuevo elemento con la base. Y voy a renombrar eso. Esa será línea. Y voy a cambiar la portada a marrón porque eso es parte del nuevo icono y quiero que todas las capas relacionadas con este icono sean marrones. Bien, déjame aislarme y no aislarme. Voy a necesitar cambiar de nuevo el trazo. Redondo, copa, junta redonda. Siento que el trazo puede ser 26.5 Sí, y necesito ajustarme como este tiene que estar aquí Éste de aquí. No quiero serlo. Quiero que cualquiera vea que estoy cambiando de forma. Apenas lo veo ahora. Muy bien, genial. Déjame ver el momento. Voy a aislar estos, déjame esconder éste por ahora. Bien, en realidad quiero que esta capa comience aquí exactamente cuando termine la otra línea. Es la necesidad de cambio de control de animación para cortar, duplicar y sangrar. Y necesito ocultarlo obviamente. Vamos a hacerlo bien. También mis círculos lo esconden un poco. Y solo asegúrate de hacer clic en el icono para que tengas el desenfoque de movimiento. Bien, ahora pongamos esta línea por encima de todo. Genial. Antes de seguir adelante, veo que tengo algunas capas que no tienen nombre Esa fue mi referencia para el círculo, así que voy a borrarlo. Déjame ver. Quiero que mi composición sea súper cristalina. Muy bien, genial. Perfecto. Ahora agreguemos el elemento exterior de éste en nuestra animación original. Como puedes ver, realmente no estamos cambiando la forma del ícono. Tenemos fotogramas clave para la posición y la escala, pero no estamos cambiando la forma Y como no estamos cambiando de forma, no necesitamos dibujar este elemento. Podemos simplemente tomarlo porque ya tenemos estos iconos diseñados en Adminstrator Voy a crear simplemente una máscara porque solo quiero tener este elemento. Muy bien, genial. Y solo asegúrate clic en el ciclo para que no tengas ningún problema con la báscula. Copia esto y voy a volver aquí y voy empezar a animar el ciclo que quería empezar a animar desde Da click en el corchete izquierdo, así puedo arrastrar esto aquí. Aquí. Haga clic en P. Así puedo animar la posición y la escala Todo bien. Primero déjame ver dónde está este elemento. Voy a escalarlo. Voy a moverlo aquí. Quiero asegurarme que está en el centro, genial. Y muévelo un poco hacia abajo. Bien, ahora agreguemos a Phil Cower, porque quiero que sea blanco Genial. La animación va así. Este elemento viene de la parte inferior de la pantalla. Se detiene aquí, hace una pausa como un milisegundo, baja y luego sube. Así que haga clic. Para que puedas ver tus fotogramas clave. Y mover estos, yo diría, a unos 7 segundos, cinco fotogramas. Y aproximadamente a los 6 segundos, 13 fotogramas, muévalo aquí abajo y aplica el desenfoque de movimiento. Bien, ahora vamos a abrir la gráfica para el puesto aquí. Quizá necesitemos separar x de y, pero por ahora solo voy a trabajar con el gráfico de velocidad en el gráfico de valores, ¿de acuerdo? Bien. Creo que esto se ve bien. Sólo un poco más extremo. Bien. Increíble. No, creo que esto se ve bien. Todo bien. Quiero que esta capa empiece realmente desde aquí. No quiero ver todo el movimiento de aquí a aquí , así que bien, bien. Creo que el momento es bueno. Ahora, agreguemos un poco de pulso como de 7 segundos, cinco fotogramas a yo diría 7 segundos, 14 fotogramas. A ver. Bien, voy a agregar un fotograma clave para el puesto. Y luego como a los 8 segundos, sólo voy a hacer que baje así. Déjame ver cómo se ve esto. Bien, quiero que esto sea. Entonces esto es a propósito. Ahora abramos la línea pat y agreguemos un fotograma clave para la ruta aquí Voy a necesitar agregar otro punto aquí para poder tener la curva. Y el punto debería estar en el centro aquí. Solo asegúrate de aguantar. Shift, click and hold, para que podamos tener una curva como esta, ¿de acuerdo? Ahora, en este momento, agarra este punto y muévalo aquí. Sólo los puntos, ¿de acuerdo? No sé por qué. Tengo la sensación de que este no es el centro. Me molesta. ¿Todo bien? A lo mejor así. Veamos, todavía no quiero previsualizarlo, ¿de acuerdo? Bien, ahora la línea es demasiado lenta. Aunque estos dos fotogramas clave tienen el mismo punto inicial y final, abramos los marcos clave aquí. Bien, Y ahora hagamos lo mismo aquí. Bien, vamos a ver. Bien, creo que esto se ve bien. Ahora solo quiero duplicar mi icono original. Porque quiero ver dónde se supone que debe estar este arco, y quiero asegurarme de que esté alineado. Así que sólo voy a copiarlo y pegarlo aquí. Da clic en el icono, para que puedas eliminar la gráfica. Déjame simplemente escalarlo para que pueda ver. Bien, debería ser algo así, creo. Bien, es un poco diferente, pero quiero decir, esto realmente no importa. Ahora bien, esto también está haciendo que la línea baje. Y quiero hacerlo como un rebote, como si fuera abajo y arriba. Entonces creo que el último fotograma clave aquí debería ser más rápido. Entonces iré a unos 8 segundos, diez fotogramas. Y será más fácil si ajusto primero la línea. Bien, éste va aquí, este punto va aquí, y este va aquí. Y tenemos que añadir la máscara. Sí, lo haremos más tarde. Déjame ocultar la referencia por ahora. Asegúrate de que sea un bonito arco. Ocultar la referencia. Sólo voy a añadir aquí una pequeña regla. Sí, esto es ahora, creo. Sí. Bien, está bien. ¿Dónde están mis dos? Bien, entonces la herramienta ahora tiene que subir aquí. Todo bien. Tenemos que ajustar la escala. Acabo de notar que estos dos ahora son demasiado grandes aquí. Deberíamos tener la escala normal. Entonces solo voy a agregar un fotograma clave entonces aquí, cuando baje. Yo sólo quería reducir un poco así. Déjame ver el icono original. Sí. Bien. Ahora creo que esto es bueno. Ahora, copia la página el primer marco clave. Bien, déjame ver cómo se ve esto. Bien, Lo último que quiero hacer aquí para el segundo sería, de nuevo, solo la gráfica. Da click en este punto aquí y solo hazlo un poco más extremo. Genial. Y lo mismo para la línea. Quiero que esto sea un poco más extremo de lo que es ahora mismo. Bien, tan rápido y luego lento otra vez. Bien, déjame previsualizar. Para que pueda ver si es el momento adecuado cuando estás previsualizando Solo asegúrate de tener la resolución del 100%. Bien, esto es un poco lento. Quiero ajustar eso. Creo que esta pausa es buena ahora. Creo que esto puede ser más rápido, y esto puede ser aún más rápido. Y volvamos a previsualizarlo. Todo el asunto. Bien, ahora solo quiero agregar una máscara aquí. Voy a crear un cuadrado. Retire el trazo al núcleo caído y muévalo por encima de la nueva línea y alfa invertida. Y haz que comience aquí dando clic en el soporte izquierdo. Y voy a nombrar esa máscara, línea, línea, línea, y este elemento va a ser marrón. Bien, ahora vamos a previsualizarlo una vez más. En realidad, quiero agregar un fotograma clave más para este ciclo. Quiero bajar un poco. Como dije, quiero un pequeño arco. Sí, quizá un poco. Entonces vamos a ver. Genial. ¿Ves cómo este movimiento secundario suma mucho en esta animación? Te voy a mostrar en un segundo este rebote genial. Déjame mostrarte. Esto es con el encuadernado, esto es sin los arcos. Simplemente se ve estático. Es como si se apega a la línea. Y cuando tenemos un rebote, simplemente, se ve mucho más orgánico. Muy chulo. Muy bien, genial, increíble. Estamos listos con la transformación de este ícono. próxima vez vamos a continuar con la otra transformación donde vamos a tener este icono y luego vamos a tener el logo revelado. Muchas gracias por el tiempo. Espero que disfrutes el tutorial y te voy a ver muy pronto. 14. 12. Ideas y diseño - icono final: Hola chicos y bienvenidos a la nueva lección. Voy a previsualizar toda la animación. Aquí es donde llegamos, y aquí es donde paramos la última vez. Bien, genial, así que esto es lo que tenemos hoy. Vamos a continuar con esta animación y vamos a transformar el Pycon en este icono Déjame guiarte de nuevo a través mi proceso de pensamiento mientras animo esto Estaba otra vez pensando en cómo puedo pasar de esto a esto. Quería detectar como de nuevo, algunas similitudes. Pero como puedes ver, estos dos Chas son bastante diferentes entre sí. No son muchas cosas que tienen en común. En este caso, solo decidí animar esta parte de aquí Este pequeño cuadrado que tenemos se va a transformar en esta forma. Y luego se formará la otra parte de la forma. Permítanme volver a la composición original y comencemos esta lección. Voy a empezar por crear esta forma, igual que hicimos la última vez con los otros íconos. Yo sólo voy a copiar esta. Y voy a pegarlo. Aquí. Déjame ver qué, bien, sí, esa fue la referencia anterior. Voy a borrarlo, y esta es la nueva. Y también noté que esta capa no se nombra, así que sólo voy a ponerle nombre a esa pluma. Muy bien, genial. Ahora todo está limpio. Aislaré esta capa y la encontraré. Déjame escalarlo un poco y solo voy a agregar un color de sensación. Quiero que sea blanco. Ahora vamos a estar creando una forma. Yo sólo quiero rotar un poco el icono. Quiero asegurarme que esto es línea recta porque de lo contrario se verá raro. Creo que esto es bueno. Ahora déjame crear una máscara. No necesito esta gota por ahora. Estaré creando este ícono en una filtración. Entonces no voy a estar creando esta forma porque como mencioné antes, vamos a transformar el cuadrito en esa parte del icono. Bien, entonces ahora comencemos creando una elipse como esta, y eliminemos el efecto de relleno Vamos a agregar un trazo. Déjame ver cuál es el trazo de la otra capa. Entonces eso es 24. Bien, así, increíble. Ahora voy a dibujar una forma rectangular y voy a dibujar dos rectángulos aquí, pero voy a agregar el núcleo ¿Ves lo que hice aquí? No creé una nueva capa, pero agregué la forma a la capa exterior. Voy a borrarlo ahora. Y solo asegúrate cuando estés creando una forma, solo asegúrate de hacer clic en otro lugar y no tienes los elementos seleccionados. Bien. Ahora, porque quiero enmascararlo, y por eso necesito que esté en una capa separada. Déjeme esconder esto por ahora sólo por un segundo. Esta vez quiero crear dos formas distintas. Esta vez, asegúrate de tener tu forma seleccionada antes de dibujar la nueva forma. Sí, aquí está. Ahora vamos a simplemente alfa D así. Bien, déjame ocultar la referencia. Creo que sólo voy a mover este de aquí. La máscara estará aquí. Bien, Ahora vamos a tirar la otra parte de la forma y voy a estar en una capa diferente. Esencialmente estoy dibujando la forma que debería parecerse a nuestro icono. Bien, y uno más aquí. Vamos a quitar el relleno. Agreguemos un trazo, 24. Vaya, esto es demasiado. Hagámoslo 15. Si oculto la referencia, solo quiero ver cómo se ve esto. Hagamos ese 15. Esta forma no se ve bien. Voy a necesitar ajustarme ahí. Voy a hacer eso lamiendo a rey aquí. Ajustando las formas. Bien. Voy a cambiar el trazo a 12. Déjame mostrar todo solo para ver si la razón por la que el trazo se ve más audaz es porque tenemos que escalar el ícono Así que sólo voy a un padre todas las escaleras a esta y voy a escalarla así. Déjame ajustar esta forma de nuevo, porque creo que esta parte necesita ser arreglada. Simplemente siéntete libre de jugar con la forma hasta que estés contento con su aspecto. Ahora si me aísla, veamos, Tal vez este cuadrado, solo quiero ver si el trazo está bien. Creo que sólo voy a ir aquí y solo aislarme ahora. Creo que está bien. Quizá necesitemos ajustar el trazo más tarde, pero creo que ya está bien. Bien, esta es la forma. Realmente no me gusta el círculo, para ser sinceros. Sólo vamos a crear otro. Simplemente no se ve nítida. Genial. Y yo sólo voy a alfa, volviéndola a portarlo y borrar éste y cambiar el trazo. Sí, 24 esta vez. Todo bien. 15. 13. Transformación del icono 3 al icono 4: Entonces ahora que tenemos esta forma y este nuevo icono que tenemos, voy a borrar mi referencia. Y comencemos ocultando estas capas por ahora. Porque quiero crear la otra animación primero antes de transformar este icono en el otro icono. Primero veamos cómo funcionaría el cronometraje. Bien, genial. Creo que los segundos de ronda 9 serían un buen punto de partida para esta animación. Lo que vamos a hacer sería comenzar con esta curva de aquí. Vamos a animarlo y yo lo voy a abrir. Voy a agregar nuestro efecto de rutas de recorte favorito. Aquí vamos, voy a un marco clave para el inicio. Para el final dos, voy a ir a unos 9 segundos, 20 fotogramas, y voy a hacer este 50% y este 50% dos. Genial. Ahora veamos cómo se ve eso. Bien, increíble. Creo que el cronometraje funciona bien. Ahora voy a seleccionar este círculo. Este círculo. Voy a hacer click. Voy a un fotograma clave para el puesto que voy a hacer. La posición comienza aproximadamente a los 9 segundos, cinco fotogramas. Y terminará en unos 9 segundos, 26 fotogramas. Y quiero moverlos y hacer que paren aquí. Aquí es donde vamos a hacer la transición. Cuando mueves el primer círculo, puedes simplemente copiar y pegar el fotograma clave para el otro círculo. Me di cuenta de algo aquí como, ¿ves esta parte por aquí? Tuvimos un efecto de trazados de recorte de la animación anterior. Y el final es 24 y aquí había una máscara que cubría esta parte. Pero ahora que no tenemos el círculo, lo vemos. Permítanme simplemente cambiar este fotograma clave a 23. Creo que si voy aquí. Sí, si voy aquí, ya no veo esta parte. Genial. Ahora veamos cómo funciona el timing. Vas a hacer que sea un fuego 100 para que pueda ver todo el asunto. Genial. Perfecto, creo que esto es bueno. Ahora vamos al último fotograma clave, y vamos a seleccionar estos dos círculos y controlar shift y D. Y borrarlos porque no queremos ver la S de ahora en adelante, simplemente desaparecerán Animemos esta línea de allá. Voy a agregar un fotograma clave para D termina otra vez. Voy a ir aquí a ver. Voy a hacer ese 8% Y también voy a animar el inicio más fácil Voy a hacer que este 8% sea genial. Creo que esto tiene que ser más rápido porque ves que aquí, esta línea se solapa con los círculos Sí, creo que esto está bien. A ver. Bien, increíble. Genial, genial. Al mismo tiempo, quiero que el pene baje y desaparezca Entonces voy a agregar un fotograma clave para la posición y luego ir a unos 9 segundos a fotogramas, hacer que baje y controlar turno para cortar Y a Kate le gusta esto, y veamos cómo se ve eso. Bien, voy a cortarlo desde aquí. Genial, creo que esto es genial. Solo quiero seleccionar todos estos fotogramas clave y hacerlos un poco más rápidos. Porque ahora vamos a estar rotando este elemento y creo que la difusión puede ser más rápida. Ahora agregaré nuevo control de objeto, shift out y para crear un nuevo objeto. Y voy a hacer clic en Enter, y voy a renombrar esa rotación. No genial, quiero padre de todos estos elementos, pero como pueden ver, estos elementos ya están parentados a la capa ocho Este es el otro nodo que teníamos. La mejor manera de hacer esto en este caso sería simplemente criar lo viejo a lo nuevo. Ahora, el pu, el pellizco no está apadrinado a ninguno. En realidad, no necesitamos ser padres de familia. Simplemente va hacia abajo. Entonces solo quiero ver y asegurarme de que todos estos aires sean padres y sí, como pueden ver, esta máscara y esta línea no están parentales hasta la nariz Así que tenemos que ser padres de ellos ahora también. Bien, entonces este círculo, sí, ya está parentado Esta línea, ya se ha apaciguado. Y este círculo ya es padre. Bien. Asombroso ahora. Voy a abrir la rotación de la rotación, aquí no hay marco clave. Y voy a ir a unos 10 segundos. Y sólo voy a hacer que gire una vez, como simplemente hacer un círculo completo. Entonces veamos cómo se ve eso. Bien, eso es bueno. Pero cometimos un pequeño error. Y el error fue que no cambiamos el punto de anclaje ni la posición del nulo. Yo, sólo voy a cambiar el punto de anclaje de esto. No ahora y ese será el punto de anclaje de esto ahora. Esto es desde donde en realidad rotará. Bien, genial. Bien, genial. Ahora solo quiero abrir los fotogramas clave de rotación y voy a hacer algunos ajustes en el gráfico de velocidad Y solo quiero hacerlo más nítido. Comienza más lento luego más rápido y luego más lento otra vez. Sí, bien. Creo que este movimiento es perfecto. Ahora bien, una cosa que nos queda sería transformar esto en el cuadrado en otra forma para que podamos formar el nuevo icono. Ahora voy a deshightse capas. Y además, me acabo de dar cuenta de que eliminé mi referencia. Así que permítanme regresar rápidamente y encontrar mi referencia solo para poder ver cuánto tiempo debería ser esta línea. Bien, aquí está mi referencia. Voy a simplemente cambiar la autocidad al 50% creo que por ahora déjame encontrar la plaza Bien, entonces aquí está la plaza. Voy a hacer click y voy a mover estos puntos aquí. Y estos puntos aquí también. Yo quisiera cambiar la posición de estos elementos aquí porque son más bajos y quiero que estén por aquí. Voy a ocultar mi referencia por ahora porque me dificulta ver la rueda. Bien, primero cambiemos la posición de estos elementos. Bien, creo que tenemos que mover un poco todo a la izquierda para que quede alineado. Bien, genial, sí, creo que esto se ve bien. Ahora. Primero déjame simplemente renombrar estas cosas que van a ser círculo esa máscara. ¿Cómo podemos llamar a ese elemento icono final? Y me gustaría de nuevo, cambiar el color de estos elementos porque formarán parte del nuevo icono, por lo que pueden ser amarillos por ejemplo. Genial, ahora señalemos todas estas cosas a la. También me gustaría asegurarme de que este marco clave termine aquí. Cuando termine la rotación, agregaré el efecto de trayectorias de recorte al círculo y a este elemento también, unas almohadillas de recorte. Y me gustaría animar el final. En realidad, voy a hacer que termine a unos 10 segundos, ocho fotogramas. Y comenzará a unos 9 segundos, 15 fotogramas. Haz ese cero. Entonces copia esto y pegarlo aquí. Y veamos cómo se ve esto. Bien, antes que nada, eso debería ser cero aquí, no dos. Bien, entonces vamos a abrir el trazo y asegurarnos de que tenemos una copa redonda y junta redonda de ambos elementos. Y veo que también tendremos que ajustar el offset. Sí, el desplazamiento del círculo porque parte de, ¿ves cómo empieza desde aquí? Me gustaría simplemente abrir las almohadillas de moldura y hacer que comience aquí. Genial. Asombroso. Bien. Ahora vamos a abrir la gráfica para las trayectorias de recorte y hacerla más suave y igual aquí. No tienen que ser iguales porque va a ser bueno tener algo de diversidad. Así es como se ve. Ahora, déjame hacer esos 100 para que podamos ver todo el asunto. Genial, genial, bueno creo que la animación se ve bien. La próxima vez, vamos a continuar con la última pieza de animación donde vamos a animar este logo Y esto va a ser muy divertido, y vamos a terminar esta animación morphing Estén atentos entonces. Te voy a ver muy pronto. 16. 14. Revelación de logotipo: Hola chicos y bienvenidos a la nueva lección. Muy emocionado por esta lección. Así que comencemos. Hoy vamos a estar realmente animando. Una gran parte de esta lección sería animar el logo, esta animación circular, con esta transición líquida que tenemos Así que en realidad vamos a comenzar animando el logo primero antes ensamblar esta animación en la otra animación y finalizarla Porque en nuestra animación original, si volvemos, lo que tenemos aquí es, sí, tenemos esta transformación. Sí, y luego tenemos la gota que forma el logo. Esta es una precomposición. En realidad, vamos a crear primero la precomposición para que podamos ver dónde estaría el logo y cómo debemos animar este elemento ¿Dónde debería estar la posición de este elemento? Antes de que tengamos la gota, primero voy a importar el, Sí, soy un logo de diseñador. Haga clic con el botón derecho aquí, Importar archivo. Aquí está mi archivo. Ahora voy a hacer clic en Importar como composición, Conservar tamaños de capa e Importar. Ahora déjame ver qué tenemos aquí. Bien, entonces lo que tenemos aquí es el círculo con el logo. Y primero solo nos aseguraremos de hacer clic en el segundo para que podamos tener la esterilización continua. Podemos asegurarnos de que el logotipo sea de alta calidad. Entonces voy a hacer clic en el control K y cambiar esta composición a, yo diría, 180 a 180. Genial. Ahora vamos a escalar un poco el logo. Podemos escalarlo más tarde, pero quiero poder ver mejor el logo. Entonces por eso solo quiero escalarlo. Bien, genial. Vamos a empezar creando una forma rectangular muy sencilla como esta. No importa, vamos a enmascararlo unos segundos. Solo asegúrate de que cubra todo el círculo. Retire el trazo y en Phil. Genial. Ahora voy a mover esta forma por debajo del logo y voy a enmascararlo. Voy a Alpha. A continuación voy a dar click y voy a añadir fotograma clave para el puesto. Voy a facilitarlo fácilmente. Iré a aproximadamente la marca de 1 segundo y moveré este fotograma clave ahí Mientras que al inicio quiero que esté aquí, déjame ver cómo se ve esto. Bien, esto es un poco demasiado rápido. Voy a mover este fotograma clave aquí. Yo diría alrededor de 1 segundo 28 cuadros. No sé por qué eliminé el primero. Yo sólo voy a agregarlo aquí. Bien, ahora creo que esto se ve bien. Tal vez tengamos que ajustarlo, pero lo haremos más adelante. Ahora en tu panel gordo busca el efecto de onda, cambiemos la configuración. Este debería ser -15 este 1,200.15 Este, Sí, podemos mantenerlo a 90 grados y todo lo demás puede quedarse como está ahora mismo Ahora cambiemos la portada. Voy a usar gris claro para éste. Increíble. Permítanme realmente una vista previa de eso. Bueno. Bien, eso se ve increíble. Ahora vamos a seleccionar estos dos elementos. En realidad, déjame cambiarle el nombre a eso. Voy a nombrar de esa manera. Genial, déjame seleccionar estos dos elementos empezando por la máscara, el logo, y el control de control V. A continuación voy a abrir esta capa, onda dos en mi caso, y cambiar la configuración. Quiero que esto sea 17. Esto puede quedarse en 215 y todo lo demás puede permanecer como está ahora mismo. Y sólo voy a cambiar la portada. La portada será más oscura. Vamos a previsualizar eso. Increíble. Ahora copiemos y peguemos estos dos. Y voy a compensarlos un poco. Yo sólo voy a hacer que comiencen aproximadamente, yo diría que el décimo fotograma. Sí. Ahora mismo. Volvamos a cambiar la portada. Esta vez voy a hacer de ella una portada roja más oscura porque ahora vamos a estar revelando el logo. La última debe ser la portada original del logotipo. Si lo demuestro, solo voy a tomar esta co y voy a cambiar el relleno de esta última capa para ser descubierta a continuación En realidad, solo quiero compensar un poco las capas. Por ahora son demasiado lineales. Permítanme seleccionarlos todos. Sí, veamos cómo se ve eso. Guau, genial. Bien, abramos el editor y hagamos algunos ajustes el gráfico de velocidad seleccionando todos los puntos y ajustando el genial. Ahora vamos a hacerlos un poco diferentes, así no es tan estático. Y sí, quiero que algunos de ellos sean más rápidos. Algunas olas pueden ser más lentas. Creo que a lo mejor este puede ser un poco diferente. Este puede ser más rápido. Así, y creo que el último puede quedarse como está ahora mismo. Bien, solo quiero compensarlo un poco más. Este último, lo único que estoy notando es que esta primera posición necesita estar un poco abajo Sólo porque puedo verlo moverse antes de la animación, y no quiero que esto suceda. Déjame ver. Bien, lo único es que esta forma cubre esta forma. Voy a volver a abrir la posición y voy a cambiar la gráfica. Sí, podemos hacer que anuden uno tras otro. Después de la otra. Bien, genial. Ahora, cuando tengamos la ola final, onda cuatro, queremos que en realidad reveles el título en todo el logo. Ahora, sólo voy a duplicar estas dos capas. Sí, pero esta vez voy a cambiar lo que es la máscara a este logo debería ser Alpha apareado a la ola Déjame ver cómo se ve esto ahora. Bien, esta última ola revela el título. Increíble. Genial. Ahora en nuestra animación original, tenemos los slops y los movimientos escolares que iremos agregando Ahora vamos a hacer eso. Empezaremos dibujando una línea muy sencilla, esto. Y vamos a añadir un poco de trazo. Yo sólo voy a hacer eso en 23. Por ahora, vamos a abrirlo trazo, asegurarnos de que tenemos una copa redonda, junta redonda. Y ahora vamos a hacer algunos cambios en la conicidad. La longitud inicial debe ser 79, la longitud final debe ser 71% El inicio debe ser 56% el N E debería ser 83% Creo que esto se ve bien. Ahora vamos a cambiar el punto de anclaje. Esto en realidad ahora se parece mucho a una gota. Pero me gustaría cambiar la rotación. En realidad quiero que sea así. Sí. Bien, increíble. Ahora agreguemos fotogramas clave para la rotación, posición y escala, y facilícelos fácilmente. Ahora veamos el momento. Bueno, yo diría alrededor de esta hora, quiero que este bloque comience aquí. Y quiero que la escala sea cero. Entonces diría a unos 21 fotogramas, quiero que sean 100. Ahora quiero ir aquí con un pequeño arco. Genial. Voy a rotarlo, luego a 1 segundo, sólo voy a hacer que sea cero. En realidad, solo cambia este marco clave de posición para estar aquí. Y rotación, tenemos esta cosa escalando. Escalando hacia abajo, bien. Genial. Yo sólo creo que tenemos que cambiar un poco la rotación aquí. Genial, Increíble. Bien, ahora cambiemos el color. En realidad, déjame cambiar la posición de bit. Yo diría que podemos hacer el gris acariciado que la capa más oscura que tenemos Si se superponen, todavía podemos ver este efecto de movimiento. ¿Bien? Increíble. Ahora voy a asegurarme de que esta capa comience aquí. Y aquí voy a cambiar la co, a, yo diría púrpura. Y voy a renombrar ese efecto de movimiento. Genial. Bien, entonces ahora déjame duplicarlo y voy a cambiar la posición. Entonces esta es la posición final y la posición de inicio. Y me gustaría también cambiar la escala. Quiero que este sea más grande ahora. Rotación, déjame ver. Bien, entonces sí, la rotación debería ser así. Y sólo voy a sustituir este marco clave. Sí, aquí, debería ser así. Voy a compensarlo un poco. Y déjame ver cómo se ve esto. Bien, genial. Increíble. Ahora agreguemos dos más. Voy a empezar con solo agregar uno por ahora. Éste empezaría aquí y yo diría aquí, y estos serán rojos, genial. Ahora vamos a ver la rotación. La rotación está bien. Creo que la escala, hagamos eso más pequeño para que podamos tener algunas formas diferentes. Y estos efectos en realidad pueden comenzar aquí cuando la onda roja inicie su animación. Voy a cambiar el trazo, así que este será un rojo más oscuro que este rojo, así. Bien, y déjame ver cómo se ve esto. Bien, me gustaría agregar una forma gris más que será de aquí a por aquí. Esto, así que boom, boom. Bien, genial. Ahora vamos a agregar algunas gotas más aquí. Voy a cambiar la R para que podamos tener alguna variedad. Esta vez será más grande. Veamos la rotación. Esta rotación debería ser así. Reemplace este marco clave al final, yo diría que debería ser así. Y simplemente reemplace el desplazamiento del marco clave que. A ver si necesitamos otro. Sí, agreguemos solo uno más. Esa sería una pequeñita. Yo sólo voy a hacer esta escala. Voy a tomar 80. A ver si 80 serían. Sí, creo que esto es bueno. Y solo hazlo genial. Ahora, sólo voy a agregar rotación aquí. Sí, reemplace esto. Reemplazar esto, y compensarlo. Déjame ver cómo se ve ahora. Genial. En realidad, este último, ¿por qué no hacer que empiece aquí y termine en algún lugar por aquí? Veamos cómo sería genial esto. 17. 15. Finaliza la animación: Ahora voy a escribir. Haga clic aquí, Revisar Composición Y Proyecto. Voy a abrir mi composición. Y déjame ver. Bien, entonces tenemos este ícono aquí. Bien, entonces en la animación original, tenemos este elemento moviéndose hacia arriba. Entonces tenemos un drop que cae para formar el logo. Primero, permítanme agregar el logo solo para que pueda ver. Ah, y también cambiamos el color del fondo y el trazo del icono porque nuestro fondo es rojo y el logo es rojo también. Ahora tengo una referencia y sé dónde colocar este elemento, el icono. Quiero decir, voy a ocultarlo sólo por un segundo, así puedo ver el momento. Aquí es cuando se forma este icono. En realidad, quería moverme exactamente como cuando la animación de los caminos de recorte se detiene. Entonces voy a agregar un marco clave de posición a este aire porque ya tenemos todo parentado a este aire Voy a facilitarlo fácilmente, déjame esconder el logo. Voy a ir a aproximadamente, diría, 10 segundos, 22 fotogramas. Y primero voy a animar la posición así. Entonces también agregaré un fotograma clave para la rotación. Y voy a rotarlo un poco, cambiar la posición para estar aquí. Y también la escala. Yo también quiero que la escala esté animada. Yo sólo quería ser un poco más pequeño que eso. Sí, creo que esto es perfecto. Creo que eso podría ser demasiado rápido. Entonces veamos ahora esto es genial. En realidad es genial. Permítanme simplemente abrir la gráfica para la posición y suavizarla. Bien, genial. Ahora agreguemos tres fotogramas clave más. Aquí vamos a hacer que este icono baje y gire, luego ir aquí y copiar en los fotogramas clave. Veamos cómo se ve esto. Ahora aquí es donde se animará la gota. Ahora vamos a lanzar una simple gota con la herramienta pluma, asegurémonos que el trazo es lo que me gustaría simplemente hacer algunos ajustes a la forma no me gusta el camino ahora. Genial. Déjame abrir el trazo y hacerlo redondear hacia arriba, junta redonda. Genial. Sí, se ve mejor, pero esta forma sigue luciendo muy bien. Bien, creo que esto es increíble. Ahora cambiemos el punto de anclaje haciendo clic en y. El punto de anclaje debería estar aquí. Ahora cambiemos el nombre de ese P. Vamos padre el drop al nuevo objeto. Y me gustaría animar la escala de posición. No voy a estar animando la rotación. Esta animación debería comenzar. Creo que aquí en realidad, ¿sabes qué? No lo apadreemos, porque de lo contrario lo tendremos moviéndose con lo nuevo. Creo que eso crea algunos problemas. Asegúrese de que la báscula sea cero al inicio. Entonces yo diría aquí, como un par de fotogramas después de este fotograma clave donde baja el icono, hacen que sean 100 Ahora cambiemos la posición para este momento. Nuevamente, un par de marcos. Los últimos marcos clave solo hacen esta cuerda aquí. Ahora en realidad aquí, porque este es el punto de anclaje, y aquí es desde donde va a pasar la escala. Me gustaría cambiar la escala, elegir cero. Déjame ver cómo se ve esto. Bien, genial, creo que esto es muy suave. Esto es genial. Ahora asegurémonos de esta animación. Veamos el momento ahora. Cuando esta cuerda, debería ser pienso en algún lugar por aquí. Boom. Y de hecho voy a cortar esto son un poco. Y también vamos a ajustar eso. Que solo aseguren que el aire comience aquí. Increíble. A ver, ya todo el asunto. Genial. Bien, ahora lo único que quiero cambiar sería en este momento, aquí es cuando el icono baja. Me gustaría cambiar el fondo. Voy a controlar turno y D y voy a agregar algunos efectos a este trasfondo. Quiero que sea blanco. Al mismo tiempo me gustaría cambiar el cower paseante de este elemento Voy a abrirme, esta es esta parte del elemento. Empecemos con éste. Voy a abrirla. Cower, Déjame ver cuándo está ocurriendo esta transición Bien, exactamente. En este momento, son 11 segundos, un fotograma. En mi caso, quiero que esto cambie a rojo. Ahora voy a copiar estos dos fotogramas clave. Quisiera este icono nuestro fotograma clave para el acobardero del trazo, y pegar los fotogramas clave que seleccionamos Y también, ahora estoy buscando el pequeño elemento en el medio. Ese fue éste. Bien, Stroke pasado ahora vamos a ver. Bien, genial. Al mismo tiempo vamos a abrir la gota y repetir aquí el mismo proceso. Nuestro marco clave para el trazo, y luego pasado los fotogramas clave que teníamos. Acabo de notar que éste tiene un campo. Vamos a quitar el campo. Ya no lo necesitamos. Veamos cómo se ve Genial. Ahora al mismo tiempo, me gustaría terminar esta animación con una animación de salida de este icono. Ya tenemos todo apadrinado a. Ahora agreguemos algunos fotogramas clave aquí. Y me gustaría simplemente hacer esa rotación. Yo sólo quiero que me roten dos veces. Esto es un poco demasiado rápido, así que permítanme extender eso. Al mismo tiempo estaré animando los caminos de recorte. Voy a dar click sobre estos elementos y darle click a ti. Y luego volveré a agregar un fotograma clave para el final. Para este momento quiero que sea cero. Quiero que este sea 02. Veamos cómo se ve esto ahora. Genial. Lo único que queda será animar esta forma dos, déjame encontrarla. ¿Tenemos las almohadillas para molduras aquí? No. Bien, vamos a agregarles almohadillas de recorte y agregar un marco clave para el final aquí. Haz ese cero. Increíble. Veamos cómo se ve esto. Genial. En realidad solo vamos a agregar una posición a para que pueda bajar como. Sí, genial, déjame hacer esos 100 increíbles. Esta es la mitad de la animación. Y luego voy a previsualizar todo lo que creamos. Increíble. Bien, creo que es el momento adecuado para que empecemos desde el principio y hagamos una vista previa de todo lo que creamos juntos. Bien, esto se ve increíble. Y realmente espero que ustedes hayan disfrutado de estas lecciones. Esa fue una animación bastante agradable. Aquí hubo algunas técnicas complejas. Realmente espero que lo hayan disfrutado, y espero que eso haya sido de ayuda. Muchas gracias por tu tiempo y te voy a ver muy pronto.