Icono de animación en After Effects #2 - ¡Anima una placa de militar!

1. Introducción: Hola y bienvenidos a este curso donde te enseñaré a dar vida a los iconos. Tomaremos un archivo vectorial. Después entraremos en Adobe después de efectos y prepararemos toda esta animación desde cero. Se trata de un proyecto súper encontrado a seguir y saber hacer. Esta vez vamos a trabajar con este lote tipo militar. Al final del discurso, podrás preferir cualquier vector Aiken para usar en after effects y completamente animado tener una buena animación para tu plantilla de portafolio o uso Web. Entonces insértate ahora, Abramos después de efectos y empecemos el mundo. 2. Creación y importación del icono: Hola ahí. Y bienvenidos en esta donde trabajaremos en animar una insignia. Tengo un ejemplo verde de vuelta preferido en Adobe Illustrator Y ya he lanzado las capas Dos secuencias. Por lo que las capas están preparadas y puedes trabajar directamente en después del efecto. Si a ti, sin embargo, gustaría crear esta apuesta por tu cuenta, te puedo mostrar un consejo rápido de cómo hacerlo. Permítanme preparar una nueva composición. Full HD, mientras que 60 framework, tal vez la eternidad será suficiente. Y la operación de formance es demasiado. Yo quería ser cinco por siete segundos. De acuerdo, Ahora usaré el lote que ya he preparado. Pero si te gusta crear esas cosas dentro de después de efectos por tu cuenta, podrías, por ejemplo, por ejemplo, seleccionar este dedo del pie rectángulo una sencilla herramienta de rectángulo. Necesitas fuera de curso para usar el grano y las guías para que sea perfectamente igual. También tomaré acción de título segura. Entonces tengo el medio. Está bien. Y podrías crear lo mejor así. Al principio podrías hacer un rectángulo como días. Si estás trabajando en Adobe CS six, debes presionar la tecla antigua izquierda mientras creas distracción porque de esta manera crearás un vizier pat si trabajas en CC o 2017 o más. Versiones más recientes. No es problema porque siempre se puede ir del dedo del pie rectángulo. Da click en esta mascota rectángulo click derecho sobre él y convertido a pat más concurrido. Una vez que eso se convierte y haces click en el camino que ves con el Wiki, puedes trabajar con el pat. Pregúntale por favor. Entonces lo que haría aquí, crearía un nuevo punto aquí con mi pluma tal. Yo creo un punto aquí. Un punto aquí daría clic en mi camino y seleccionaré este objeto, presionaré mi tecla Mayús y lo tiré hacia abajo. Y también seleccionaré este objeto y tiraré de éste un poco hacia abajo. Ahora bien, esta sería la base para mi lote. Resultó ser demasiado largo. Pero eso no es problema. Recuerda que siempre puedes dar click en el camino y podrás ajustar el punto. Lo que yo haría, yo sólo ajustaría los puntos así. Yo,por supuesto, trataría por supuesto, de hacerlo perfectamente igual acercándose a él y observando cada píxel. Yo sí. Veo que aquí no soy preciso. Aquí no soy preciso. No se lo digas a nadie porque esto es sólo un ejemplo. Y entonces no me gustan las huelgas del lote. Por lo que yo sólo iría aquí. Affleck otro rectángulo. Yo de seleccionar todo porque me gustaría tenerlo en capas separadas que había creado así. Daría clic aquí y crearía un rectángulo simplemente así. Y yo sólo voy a hacer lo mismo fuera de curso. Yo cambiaría el color porque no soporto este blanco. De verdad no veo nada. ¿ De acuerdo? Y otra vez, no presioné viejo porque puedo abrir el rectángulo, abrir la mascota y puedo convertirla a lo mejor tu pat. Entonces puedo hacer click en la almohadilla para trabajar con el punto. Tenga en cuenta que si hace clic aquí, no se puede dar click en el punto. Pero si dices como solo un camino, es perfecto, porque al usar la herramienta de selección de VP, podemos moverlo. Por lo que de nuevo presionaría G, daría clic en el camino Voy a presionar aquí y aquí. Entonces solo volveré a golpear en el camino. Toma mi herramienta de selección y no hice el corte trataría de hacerlo similar al de abajo así. Al igual que esto. Por supuesto, tendríamos que ser perfectamente iguales aquí y Walla. Entonces solo duplicarías esta forma. Ponlo aquí, duplicar esta forma, pero aquí, hacer una estrella. Aquí, déjame deshacerme de este grandioso. Bueno, yo no diría que esto es perfecto, pero esta es la forma de hacerlo. Si fueras perfectamente preciso con los pixeles, este tipo, por supuesto, va mejor. Ya que lo he diseñado aquí, usemos éste porque es mucho mejor que eso. Y no necesito dedicar más tiempo a esto para encontrar unidad. Pero quería mostrarte cómo se hace con un efecto after. Ya que after effects no es la herramienta vectorial perfecta y no el software vectorial perfecto. Voy a hacer mi vida más fácil tomando el archivo del producto, colocándolo dentro del programa y solo importante obtener como composición. Por lo que usaré tamaños de capa de composición. Está bien, presiona OK y tengo el lote de ejemplo verde. Ahora tengo capas más antiguas. Déjame presionar el control de un control C y el control V para ver qué tan grande es, resulta ser un poquito demasiado grande. Por lo que me puse de acuerdo, y colocaré aquí la composición porque la composición puede ser de tamaño muy fácil hacia abajo, escalada hacia abajo. Entonces no es como hablar. Entonces iría a una línea, intentaría alinearla en el centro. Veo que este archivo ilustrador podría no ser perfecto, por lo que el centro podría estar un poco apagado, por lo que sería tu preparado para archivar el trabajo del dedo del pie. Tanto si decidiste crear este parche por tu cuenta como si utilizas el archivo del proyecto, por favor imórtalo a efectos posteriores como una composición, importa, importa, reteniendo tamaños de capa y colócalo dentro de la nueva composición de York. Este sería el preferido archivado para trabajar. Pasemos a la siguiente lección donde comenzaremos de inmediato nuestra animación. 3. Flipping del fondo: De acuerdo, La parte más difícil está hecha. Lo tenemos diseñado. Podemos usarlo por fin, dentro tras efecto. Ahora, sí quiero eliminar este archivo de aftereffect, así que no tendré que preocuparme por ello cuando borre el archivo ilustrador o sí lo guardo en algún lugar para que podamos usar esto. Simplemente selecciona el objeto más antiguo, ¿verdad? Haga clic y seleccione. Crear formas a partir de capa vectorial. Lo que es genial aquí es que after effects fue capaz de crear las formas y debilitarse, eliminar los archivos de ilustrador y tendremos capas de formas puras dentro de after effects para usar. Ya no necesitaríamos el archivo ilustrador por lo que podemos simplemente salir borrado y nos quedamos con esta hermosa forma reproductores. Ahora la animación sería bastante simple. Permítanme empezar por seleccionar el título de acción segura. De acuerdo, tenemos nuestros antecedentes y, como de costumbre, vincularía todo al fondo. Entonces déjame seleccionar todo con mi pick de tecla de turno con el fondo. Por lo que el fondo será el padre aquí. Y me imagino que la rotación una rotación de volteo en el eje Y se vería realmente bien porque esto es una insignia. Debería parecer fuerte. Debería tener un sentimiento militar al respecto. Entonces déjame tratar de experimentar con eso. Si presiono son sólo tengo el simple cero Daciano, pero sí quiero convertirlo en una capa de tratado. Por lo que sí voy a tener otras rotaciones. Y si voy a trabajar con el eje X o por qué acceder a qué? Se puede notar que sólo esta capa está girando. ¿ Por qué es eso? Todo está parentado, pero sólo esta capa está girando. Esto se debe a que otras capas no están configuradas para ser capas de tratados. Por lo que para ajustar eso sólo tenemos que dar click aquí arrastrado hacia abajo. Y ahora todas las capas son de tratado. Ahora todo funcionará correctamente. De acuerdo, empezaré con la animación. Iré a un segundo, pero quizá eso sea demasiado largo. A lo mejor a unos 25 cuadros y en la rotación Y. Escogeré un marco clave. Entonces volveré y haré que la rotación sea negativa 90 grados. Por lo que será una voltereta así. Te lo puedo mostrar. Está bien, es revelador desde el lado izquierdo. Se gira y se muestra. Esta será tu primera animación inicial. Entonces seleccionaría esos marcos clave fuera de curso, él de asistente. Fácil aliviado. Um, yo no previsualizaría la flexibilización. Yo me acercaría y tal vez lo haga así. Entonces es rápido al final. Si no te va a gustar esta moción. Simplemente presiona el control Z y seleccionado desde el otro lado. Vamos a previsualizar. Si nos gusta esto un poco más. Bueno, yo discutiría, pero puedo hacerlo un poco desde ambos lados para que la moción sea realmente amigable. De acuerdo, creo que eso realmente genial. Esto será todo para esta lección. En la siguiente lección, trabajaremos con la estrella. Entonces una animación simple, podemos aplicar a la estrella, así que por favor siga a la siguiente y la creará realmente fácilmente. 4. Animación de la pequeña estrella: Está bien. Tenemos nuestros antecedentes volteando. Se ajusta la animación y no podemos recordar que estamos trabajando dentro de esta composición. El campamento uno es para después. Porque podemos mover estos ejercicios como queramos. Está bien. El ejemplo verde. Lote. Queríamos trabajar ahora con la estrella y mi imagino que el inicio se vería genial si se volteara y apareciera de pequeño a grande. Por lo que necesitaría presionar s like scale y cambiar nuestra rotación como porque estas son las únicas dos propiedades con las que quiero trabajar. Déjame ir a un segundo. Entonces veo toda la estrella. Y en cuanto a la rotación, quiero escoger un marco clave. Quiero poner la llave desde un poco más tarde porque este es el resultado final. Yo quiero lograr el estadio normal. Y quiero que la irritación sea Oh, no en el valor y. Perdón. Yo quería que estuviera en el valor Z. Entonces al principio, un marco clave aquí y luego la rotación a un negativo. A lo mejor. Seamos precisos aquí, 1 80 por lo que tendrá un giro completo, no un término completo, porque eso siempre es demasiado bien, Bueno, y debería suceder junto con la animación inicial del flip, Extenderé los fotogramas clave y me dejaré ver lo que está pasando aquí. De acuerdo, creo que esto debería tardar un poco más. Esto de ello más rápido. Está bien. Lo ajustaré en el segundo porque está conectado a la flexibilización que necesitamos hacer. Y lo último que quería abordar es la báscula. Por supuesto. Al final, debe tener una escala del 100%. Permítanme alinearlos. Vale, Pero aquí debe ser sobre Bueno, no sobre que debe ser 0% así que no es visible en absoluto. De acuerdo, la innovación empieza a verse realmente bonita, pero como puedes ver, es un poco aburrida. Y es un poco lento porque quiero empezar a estar ya ahí cuando el cuando el artículo se voltea. De acuerdo, déjame echar un vistazo a lo fácil. Definitivamente quiero ser un poco más rápido aquí. Sí. A mí me gusta la velocidad y el movimiento y la rapidez de la misma ahora, pero empieza demasiado tarde. Entonces lo único que necesitaría ajustar es tomar esos marcos clave y colocarlos un poco antes. Como se puede ver aquí. Se cambiaron un poco los fotogramas clave, así que puedo saber previsualizarlo aquí. Sí, perfecto. Y me pegué al lugar. Al menos eso creo. Porque una vez que este Aiken se está resbalando, la estrella me dejó diseccionar. Empieza a aparecer, y como vemos todo el icono, voltear la estrella ya gira alrededor. Lo último que quiero aquí son las rayas para aplicar una tras otra ocho de una manera realmente poderosa. Pero en cuanto a la estrella, creo que se ve realmente genial. Y nos detendremos aquí y trabajaremos con las rayas en la siguiente lección porque creo que hemos hecho un buen trabajo aquí y pasemos a la siguiente donde trabajarán esas tres rayas y les hará una animación realmente poderosa? 5. Animación de las rayas: Hola y bienvenidos en esta siguiente lección. Ahora tenemos a la estrella lista. Tenemos los antecedentes listos. Podemos trabajar con las rayas aquí. Está bien. Yo quiero cerrar la estrella, y la voy a hacer naranja porque ya hicimos trabajo con ella. Ya no queremos pegarle innecesariamente. De acuerdo, tenemos fondo del dedo del pie. Shadow delinea Barba, por lo que no tenemos que hacer nada con ella. ¿ De acuerdo? Está bien. Número uno. Y esta vez me gustaría que el dedo del pie vuele y crezca más grande a izquierda y derecha. Y luego quiero el siguiente vuelo del dedo del pie fuera de él y hacer lo mismo. Por lo que vamos a tratar de retocar con la posición e intentar encontrar una manera de que se vea realmente genial. Será sencillo. Por lo que quiero trabajar con la posición p y por supuesto, la báscula. Entonces l un turno de prensa s déjame empezar con la báscula fuera de curso. Al final, tiene que ser del 100%. Y al principio, 0%. Entonces esta es la animación inicial, crece izquierda y derecha. Y viene hacia mí. En cuanto a la posición fuera de curso, ésta debería ser la posición final. Entonces colocaré otra guarda aquí. Pero cada año, déjame tal vez trabajes con eso aquí. Debería estar por encima de la estrella. Y ahora te puedo llevar de aquí, y puedo previsualizar si esto se verá, OK, OK, Acaba de pasar por aquí, así que me llevaré los fotogramas clave de inmediato. Permítanme tal vez previsualizar los otros fotogramas clave. De acuerdo, estaban por ahí. De acuerdo, sí me gusta la moción, pero eso no me gusta. Es visible en esta zona. Y así la posición es un poco demasiado lenta. La posición debe ser compensada un poco antes, por lo que comienza a viajar, y recoge el tamaño al final. Está bien. Empieza a ser más interesante ahora. Voy a dar click derecho. Premisa clave no lo es y, por supuesto, tiene siempre Oriente toda la animación. Porque ahora puedo trabajar tanto con la posición como con la báscula. Me gusta mucho cómo brota la báscula. A lo mejor intenta hacerlo más rápido. Ahora vuela más al espacio. Debería, pero déjame golpear deposición. ¿ Qué pasa con la posición? A lo mejor debería ser un poco más rápido al principio, así que déjame tratar de ajustarlo, ¿de acuerdo? Me gusta mucho la desaceleración al final porque muy bien cara al lugar. Debe declarar. Creo que rastreamos esta animación bastante bien. Y lo grandioso aquí es que podemos copiar la escala, pero no necesariamente la posición. Por lo que la posición debe ajustarse a mano. Proceso. Entonces veo la báscula. Presioné la huelga. Un país. Ver? En la báscula. Un poco más tarde, Control. Ver aquí, página arriba. Pág arriba. Actualización de página envuelta. Yo quiero ver cuántos amigos clave fui hacia adelante. 12345 Fui por 60 cuadros. De acuerdo, vamos a quedarnos con ello. 123456 Y la báscula aquí. De acuerdo, esto sería lo que trae la báscula. Y realmente no me gusta la velocidad de seis cuadros que hay ahí. Seis marcos, Tuiteó Oficial. tiempo podemos ir con mi vieja página clave hacia abajo, página hacia abajo, voluminoso y página hacia abajo. Página abajo, Página abajo, página abajo. Por lo que ahora será compensado. Ocho marcos. De acuerdo, creo que esto será un poco más óptimo porque antes era un poco demasiado rápido, y sí me gusta el movimiento en este momento, pero si ajustamos la posición, se verá simplemente hermoso. Entonces seleccionemos el segundo strike y el 3er 1 y presionemos P porque queremos trabajar un poco con la posición. Sabemos que al final, déjame presionarte La posición debe ser un poco antes que el cuadro clave real fuera de la escala. Así que déjame ir aquí y echar un vistazo a la página hasta tres marcos Triki. ¿ De acuerdo? No hay problema. 123 p. Me gusta posición con mi posición clave de turno aquí. No, eso. De acuerdo, ahora la última página arriba, página arriba, página arriba y posición. Entonces tenemos una llave desde aquí. Está bien , también. Son 123 Marco Posición G. 123 Posición, marco clave. De acuerdo, ahora, sobre esas posiciones, necesitamos cambiar el segundo valor porque queremos que sea más alto. A lo mejor he exagerado aquí. Debería ver los objetos primero, así que eliminaré esta clave de en esto y trabajaré con el último golpe. Debería ser un poco más alto. Exactamente. Por lo que se encubre detrás de éste también. El 2do 1 debe esconderse detrás del 1er 1 Perfecto. Ahora se ve realmente genial. Ahora puedo colocar los marcos clave donde deberían estar. 123 Debería estar aquí. Y éste también tomo Esta es una marca 123 Y yo tenía justo la posición. Está bien, genial. Ahora puedo seleccionar la posición. Marcos clave. Puedo hacer clic derecho en clave del asistente Eastham en. Y ahora puedo previsualizar la animación y el sitio si esto es bueno o esto no es bueno aún sólo un ligero ajuste porque creo que deberían ser un poco más con un ponche. Entonces haré el manojo al lado izquierdo para que se vuelva más rápido al principio. OK, Perdón por este que lo colocamos en la parte inferior para que no me meta la velocidad. ¿ Qué pasa con eso? Está bien. De verdad, verdad, muy agradable. Y lo que eventualmente puedes hacer ahora es hacerlos un poco más tarde. Porque ahora podrían parecer un poco demasiado rápidos uno tras otro. Entonces, Elsa, como mi voluminoso 12345 viejo y cambio de dedo del pie lugar. Son 10 fotogramas después porque pongo este cinco fotogramas más tarde. Por lo que el segundo necesita ser cinco y otros cinco más tarde. De acuerdo, ahora veo que es la lentitud. Volvamos atrás. 123 123123 Ok. Y esta es una especie de la animación final que tengo. Si quieres acelerarlo, solo retoques con esos marcos clave o esas capas. Podemos ofrecerlos un poco diferente en la siguiente lección. Yo quisiera mostrarles menos ajustes que podemos hacer aquí para hacer este acabado y pulir para estar listos para usar. 6. Deja una revisión, por favor: Oye, sería de gran ayuda para esta clase si vas a la pestaña de Opinión y haces clic en dejar una reseña y escribir algo ahí. Si aún no ves este botón, necesitas ver algunas conferencias más y estará disponible. La escultura ahora requiere que las clases tengan reseñas recientes sobre ellas. Entonces me ayudaría muchísimo. Simplemente haces clic aquí, dices si quieres ir a clase o no, y escribes una vista más simple y haces clic en Enviar. Yo estaría muy obligado si usted puede hacer esto ahora mismo. Muchas gracias y hasta pronto. 7. Toques finales: De acuerdo, bienvenido en esta lección. Ahora tenemos nuestra animación preferida y para ver el resultado final real. Volvamos a nuestro campamento uno porque aquí tenemos más visibilidad. También seleccionaré la acción del título Seguro para desaparecer y volver aquí. Déjame hacerlo un poco más pequeño porque me gustaría que cubriera el medio de la pantalla. Lo colocaré aquí en medio, y ahora voy a previsualizar si algo es demasiado lento. Si es correcto. En mi opinión, las rayas fluyen realmente bien. No demasiado rápido, no demasiado lento. Siempre puedo ajustarlo un poco aquí. Si quieres a Toby, por ejemplo, más rápido solo los colocas así. Entonces aparecerían un poco diferentes. Pero sí me gusta este estudio. cámara lenta, que sucede así. Si quieres exhibir este vagón, hagamos un ajuste realmente simple para no ser. Al principio seleccionaría un fondo. Seleccionaría click derecho, nuevo y por supuesto, y nuevo sólido para el color. Yo decidiría sobre el color que puedo seleccionar de esquemas de color. De acuerdo, Off claro que no esa. Pero seleccionaré a Phil. Yo colocaría el relleno en el fondo que nota? Sigue leyendo también y en los equipos de color adobe fuera, por ejemplo, explora algunas variaciones de color que podría usar. Bueno, un poco demasiado llano, Un poco demasiado simple. Bueno, quizá esto funcione. ¿ De acuerdo? O podrías buscar algo más interesante. Aquí estoy siendo dos simples. ¿ A lo mejor este azul? No, tal vez esto. De acuerdo, resulta que éste se ve realmente genial. Tengo un perfecto que puedo exhibir. Tengo círculos realmente bonitos detrás de ella. Y he hecho rápidos ajustes en esta composición para que se vea un poco mejor. 8. ¡Gracias!: Muchas gracias por su participación en esta animación. Este tutorial, este pequeño curso y por qué, Gracias. Veo un pequeño error aquí. Esto se ve la parte no es visible porque necesitas colapsar. El traspaso. Si te pones eso, normalmente será visible en toda su extensión. De acuerdo, déjame volver hoy. Gracias. Me alegra tanto que te tomaras el tiempo de trabajar conmigo en esto. Yo puedo Imación. Creo que esta es una habilidad realmente grande para tener y lentamente Aiken por puedo aprender cosas nuevas, nuevas técnicas y ampliamos nuestro conocimiento general sobre los gráficos en movimiento. Si te gustaron los tutoriales, si te gustó todo este curso, por favor dame un saltos arriba. Una crítica positiva realmente me ayuda. Esta es la mejor manera en que puedes Gracias. Y quieres mostrar aprecio hacia mí. Si te gustaría ver más fuera de este tipo de clases, estaré muy contento si me permites grabar más de ellas para ti. Por ahora, estoy firmando. Vamos ahora a jugar pero alrededor con él. Y te veré en el próximo