Animación de After Effects - hazlo en 20 minutos!

1. Introducción: hola y bienvenidos en la clase de hoy aquí creará esta pequeña animación fresca. Te invitaré hacia mi PC. Analicemos lo que verá y seguramente nos divertiremos mucho. Entonces, Indus, Lector, iré realmente paso a paso para enseñarte este tipo de animación. Utilicé, por ejemplo aquí mi local privado, que es de mi power point canal de YouTube y ser seleccionado algunos de esos elementos porque no necesitaba tanto de ellos. Y mira cómo resultó eso. Entonces, ¿así es como podrías hacer una transición súper rápida con tu logo? Podría usar esta transición ahora en mis videos, espero que lo haga. Entonces si creo algunos tutoriales nuevos, usaré esta transición, un injerto, un poco de animación. Entonces nos vemos dentro de la clase y espero que nos divertamos el trabajo. 2. Crea una plantilla perfecta: Está bien. Bienvenidos a esta clase. Nosotros, supuesto, comenzaremos por crear una nueva composición en Adobe después de efectos en la composición. Nosotros, por supuesto, queremos una edad completa del tamaño 30 cuadros y una duración relativamente corta. Por lo que estableceré una duración a segundos de árbol. Alce. ¿ Está bien? Y me saludan con mi maravilloso nuevo espacio de trabajo en este espacio de trabajo. Yo quiero que creéis círculos perfectos. Ahora, la forma más fácil de hacer esto si estás usando, por ejemplo, una versión más antigua off after effects effects, CIA six sería venir aquí, dar click en él, mantener pulsado el click y seleccione aquí la herramienta Elipse y esas opciones de color. Recuerda que no usaremos a Phil, pero usaremos un derrame cerebral. Entonces esas opciones que tengo están bien. Si tienes relleno, simplemente haz clic aquí y selecciona no trazo de película. Haga clic en el color sólido normal haga clic en Aceptar, y seleccione un color para el trazo fuera de curso. Yo quería ser menos, pero esto no importa. Lo animaré más tarde. De acuerdo, Nos estamos preparando. Y con el fin de crear un círculo perfecto en medio de la pantalla, hay un pequeño truco Doble clic en este objeto aquí y al hacer doble clic después efectos, llena automáticamente la composición con una capa de forma dedo del pie el perfecto tamaño fuera de esta composición. Como puedes ver, se llena. El trazo incluso va fuera de la pantalla. Pero esto es un derrame cerebral. Lo importante es aquí esta línea. Vale, La forma de hacer esto perfecto es yendo a la capa de forma en la línea de tiempo, abriendo la elipse, abriendo su trayectoria de elipse y trabajando con su tamaño del tamaño. Normalmente, cambiaría el tamaño así. Pero si queremos un círculo perfecto, podemos desvincular esos dos valores y simplemente hacerlos iguales. Entonces haré el primer valor 1 80 también. Y como pueden ver, tengo un círculo perfecto en mi pantalla. Lo que puedo hacer ahora. Simplemente puedo hacer clic en este pequeño punto del lado derecho, y al mantener presionada mi tecla de turno, puedo hacer que el círculo sea perfecto. Creo que un tamaño para el círculo así sería perfecto, y me detendré aquí porque en la siguiente lección empezaremos de inmediato a animar la primera tarea que tienes que hacer para crear esta animación es crear un círculo perfecto sobre su pantalla. De acuerdo, por favor, dirígete a la siguiente conferencia. Una vez que hayas dominado eso, solo recuerda, doble clic cambiar Las opciones de trazo cambiaron su camino de vida y hacen de este tamaño este mismo para hacer un círculo perfecto. Una vez que tengas eso, iremos a la siguiente lección y empezaremos a animarla de inmediato sin un esfuerzo er adduce y calentamientos. 3. Marcos clave de pinceles: De acuerdo, aquí trabajaremos en el trazo con Una vez que ya tengas esto bien formado, por favor abra su contenido A loops y debajo de la pat elipse, incluso puedo cerrarlo. Tenemos que acariciar ya que ya agregamos esto cierto. Aquí en la parte superior, por favor, abre el trazo. A lo mejor irá cinco fotogramas hacia adelante por si acaso y hará el trazo con cero. Por lo que es completamente invisible en el trazo con la policía. Selecciona este dedo del pie del marco clave. Inicia esta animación. Ahora básicamente voy a ir como 10 o 15 fotogramas hacia adelante sólo un poco. Por lo que la animación realmente se pondrá rápidamente o incluso un poco más. Y quiero acariciar con ser 100 accidentalmente. Presioné cinco. Está bien, 100. Esto es porque más adelante, quiero aplastar este trazo en remolque. Esto se debe a que más adelante, quiero aplastar el dedo del trazo un punto pequeño, por lo que se convierte en un tazón y luego se estira. De acuerdo, entonces tenemos el tamaño de cero un tamaño apagado 100 luego más tarde, cuando la invasión y ella unos dos segundos y tal vez dos segundos y 10 cuadros. Volveremos a ir a cero. En este punto, debes tener aquí tres fotogramas clave, un marco de tecla cero en el trazo con un fotograma de 100 teclas. Es decir, valora un fotograma clave con este valor y luego otra vez cero, porque al final se supone que desaparece. Esta es la segunda parte. Muy rápido, muy fácil. Ahora es tu turno. Haré muestras y pequeños pasos porque más adelante, todo esto se reunirá en la próxima conferencia. Quiero usar el ribete pat para aplastar adecuadamente todo lo que seguramente te divertirás haciendo. Entonces por favor continúe si ha creado esos trazos y nos veremos en la próxima conferencia. 4. Marcos clave de recorte: ok, En esta conferencia, trabajaremos con esa palmadita de sueño. Beber palmaditas es una característica que se puede agregar a las capas de forma. Y como se trata de una capa de forma en el medio fuera de la pantalla, haga clic en su capa de forma, ábrala y haga clic en agregar. Una vez que haces clic en agregar, puedes agregar la opción de palmaditas de sueño. De acuerdo, vamos a en el recorte palmaditas a toda esta capa de forma la cual afectará el camino que tenemos aquí , que es el círculo. De acuerdo, estoy abriendo las almohadillas de recorte para mostrarte por defecto que está configurado en 100% al final porque 100% significa que el trazo es visible. Lo que queremos. Queremos animar el valor de inicio del mismo porque con el valor de inicio, podremos crear algo como esto. De acuerdo, así que al principio, tal vez antes de que esto haya comenzado. Entonces a cerca de dos cuadros que se pueden ver en el lado izquierdo aquí dos fotogramas, animaré el trim pats para que sea 99.9% incluso presione 0.9 porque quiero que todo este trazo sea visible al principio 99.9. OK, ahora mismo no lo podemos ver. Esto se debe a que se trata de una línea recta con el trazo. Entonces, ¿qué quieres cambiar? Está en las opciones de tope de línea. ¿ Quieres seleccionar gorra redonda? Ahora tendremos este pequeño círculo. De acuerdo, déjame previsualizar esta animación. Estamos viniendo hacia adelante. El derrame cerebral se ve así. Y veo ahora que el 100 es muy poco. Entonces puedo, por ejemplo, hacerlo 100 o incluso 200. De acuerdo, hagámoslo 200 adelante aquí ya que empieza a encogerse en un segundo. Bueno, presiona aquí como otro fotograma clave de esta animación. No pasa nada entre esos fotogramas clave en la parte inferior de los marcos de clave de paso de recorte. Pero al final, más adelante, cuando el círculo empiece a desaparecer, quiero que las palmaditas de recorte se bajen a alrededor del 70%. De qué va a crear esto a medida que esto se hizo más pequeño. A medida que esta línea se hace más pequeña, también se animará en este camino. Y esto es algo súper importante. Porque si combinamos esas dos animaciones, me refiero a esas dos propiedades el trazo correctamente y las mascotas recortadas inician propiedad. Podemos crear una innovación personalizada como esta. Como se puede ver, se estrecha hacia abajo y se mueve a lo largo de la cirugía. Esto puede crear animaciones realmente únicas, y podemos incluso siguiente Lo sentimos. Podemos incluso tomar el tercero. Y creo en esta línea. Lo que hice es un poco demasiado largo. Por lo que el 70% podría ser demasiado. Haré que sea 76 77 para previsualizar lo que está pasando y perfecto. Tenemos algo como esto. Podemos previsualizar esto presionando el espacio. Tan sólo un ligero ajuste a esta animación. Y se verá mucho mejor de lo que puedes duplicar y usarlo en un escenario real. Está bien. Gracias por Dissector, por favor. A la misma pieza. Trabaja con 10 pats amigos freaky en 99.9, 99.9 y alrededor de un 75% hasta el lejano. Correcto. Bueno, hasta extender esto. Por lo que es como si desapareciera durante su extensión. De acuerdo, algo así. Y estamos listos y preferidos para continuar con nuestra animación 5. Easing Easing de claves: bien. Justo en la flexibilización del marco clave. Ahora mismo tenemos algo como esto que se ve muy artificial. Por lo tanto, por favor seleccione ambas teclas Frings ambos marcos clave izquierdos. Correcto. Haga clic en ellos Clave de asistente. Obviamente se puede hacer esto también una alfombra corta. Por el bien de este tutorial, quiero mostrarles fácil, Eastham fuera con turno de control y F nueve. Por lo que tendrán esta izquierda firmada. Esto aliviará el intermedio hacia fuera. Y entonces esos fotogramas clave posteriores hacen lo contrario, verdad? Haga clic. Manténganlo asistente y por favor aliéndelos. Por lo que tienes un letrero de izquierda. Parece corchetes para toda esta animación. Y esto es exactamente lo que se supone que debe hacer lo que se supone que significa? Mira esta animación. Ahora se verá mucho mejor. Estoy considerando si deberíamos poner esto en el mismo lugar. A lo mejor esto un poco más rápido. Entonces quiero solo afinar esta animación para que no sea tan aburrida. De acuerdo, esto ahora pasa demasiado tiempo. Esta almohadilla de recorte, quiero que este círculo se pop. Y luego, como, justo después del pop para ir rápidamente. Entonces lo hice así demasiado tarde. Previamente. De acuerdo, como que no me gustan esos marcos clave. Y si seleccionamos como el trazo con o el recorte Pats, podemos entrar en el editor de gráficos para ver qué tan gráficamente se ve esta animación. Y vemos aquí es como si fuera un poco lento y normal. Entonces, ¿qué podemos hacer? Podemos seleccionar este marco clave, que es exactamente esta clave desde el medio, y también podemos facilitarla. Por lo que haga clic derecho Asistente de marco clave. Y esta vez quiero un e's Eazy normal en ellos porque quiero, como, el lado izquierdo y derecho de la animación fluya muy bien en esta innovación. Puedo ver mejoría inmediata, y haré lo mismo para el marco clave inferior. Por lo que ahora mismo vamos a echar un vistazo a eso. Si trabajamos con el trazo con No, entramos al editor de gráficos. Tenemos esta mejora porque no se detiene aquí, exhibe y luego continúa. De forma natural fluye juntos como una sola animación. De acuerdo, así que vamos a previsualizar esta policía echa un vistazo a la pantalla. Es mucho mejor que, como, se detiene en el mismo centro, y luego se va celebridad Ok, tenemos nuestros esenciales completos. Hemos completado la primera parte de esta animación. Si quieres esto más rápido, solo acercarlo. Y ahora mismo empieza a parecer algo. Ahora vendrá la mayor parte porque finalmente podemos armar toda esta animación. Y luego se puede pensar lo que eventualmente podríamos agregar a esta información. 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. Animación de ensamble: bien, te prometo la parte divertida. Entonces al principio quiero agarrar rápidamente un esquema de color, y esto no está disponible en las versiones anteriores de after effects, pero siempre podemos ir a la extensión de ventana y usar mis equipos de color adobe. Ya tengo mis equipos de color aquí, y voy a dar click en Explorer. Pero también puedes ir al arma. Simplemente selecciona unos autos agradables, solo escribiendo esquemas de color y Google y encontrarás esquemas de color brillantes que podríamos usar. De acuerdo, esto se ve absolutamente genial. Por lo que hago clic derecho en seleccionar nuevo en mi línea de tiempo y hago clic para un nuevo sólido. Tomaré un sólido y decidiré derecho u oscuro, brillante u oscuro. Vamos a lucir brillantes. ¿ De acuerdo? Tengo un fondo brillante. Pondré esto como el último. Haré clic en mi capa de forma. Mira que entrar. Lo llamaré Big Circle uno solo para que recuerde lo que es. Y quiero duplicar este gran círculo uno antes de seguir adelante. Yo quiero presionar son solo para rotar un lado. Lo haré negativo, 45% ajustando la rotación aquí. Presionaré en Big circle uno son como rotación y éste será llevado a 1 25 Tal vez 125 en el lado derecho. Por lo que están en el lado opuesto. O tal vez deberían ser más. Posiblemente puedo ajustar eso más adelante. De acuerdo, Tenemos esos círculos grandes fuera de curso quiero cambiar click y seleccionar barco porque quiero cambiar el color del trazo. El morado no cabrá. Deseo seleccionar mi nuevo contrato de arrendamiento. Collares recién encontrados. Está bien. Perfecto. Esto se ve absolutamente genial. Está bien, bien. Por lo que tenemos esta información antes de proceder, presione en barco. Te presiono porque creo que esta animación tarda demasiado en jugar. De acuerdo, Ahora mismo no es demasiado corto, no lo está y parece una animación muy cool. De lo que quiero hacer quiero cerrar la U y giró a presionar control d. los pondré arriba. Cambiaría el rumbo para que no me metan con todos los elementos que tengo aquí y seleccionaré amarillo. Iré a la mitad de la animación y quiero volver a cambiar este color de fila por los nuevos amarillos. Ya que los tengo seleccionados, seleccionaré este color amarillo. Está bien. Lo último que debo hacer es presionar s como escala y reducirlos un poco para que no se superpongan entre sí. De acuerdo, Tal vez así. Y eso es animación previa. De acuerdo, todo parece mecánico ahora. Entonces qué puedes hacer de nuevo si tienes esos amarillos seleccionados, Presiona tu tecla antigua izquierda y pulsa unas cuantas veces. Pág abajo por unos pocos. Es decir, una cantidad establecida de fotogramas clave. Lo presionaré cinco veces. 12345 Ya puedes ver que se movieron a 53 cuadros y vamos a ver cómo se ve esto. Hermosa. Ahora puedo replicar y replicar y replicar esos pasos, teniendo esos dos controles seleccionados de cambiar el color del trazo al siguiente llamador así. Teal on, alergólogo. Años como el azul. Entonces recuerdo lo que es. O como ya tenemos azul. Ah, mar. De acuerdo, CFO el señor más cercano dejó vieja página abajo. 12345 puedo por supuesto, hacer esto con la boca. No hay problema. Y veamos ahora este resultado final. Ahora mismo ves que me olvidé de la talla s como escala. Quiero decir escala, no tamaño. Escala hacia abajo. Boom. De acuerdo, Una última vez para los grises controlan de mover cinco cuadros. Cambiaremos el color del trazo. Y ahora puedes notar por qué esta es la parte divertida. Porque tenemos esta animación lista ahora mismo. Yo solo pienso, ORING con malestar, incurriendo en lo que ya tengo. Hagámoslo ciencia. No importa otra vez. El balanza. No lo sé. ¿ Por qué sigo olvidando la báscula? Ahora mismo es realmente agradable. Si quieres ir un paso más allá, no solo puedes trabajar con la báscula, puedes trabajar con la rotación. Si los rotara un poco más, ves, esto sería ya sabes, nos hace como problema, pero le va a dar un pellizco. Más como este estilo único. De acuerdo, se puede decir que esto se ve mejor. Se puede decir que esto se ve peor, que puedo seleccionarlos. Puedo moverlos a marcos atrás. Y como te puedes ver para cerrar todo. Y este es mi resultado final. Así es como se ve mi animación real ahora mismo. Todavía estaba pensando si hay algo que agregar Pero básicamente esto es lo que quería enseñarte . en esta conferencia. En mi opinión, la rotación no ayudó, por lo que esta sería esencialmente la animación de ustedes creada. Tal vez volveré a los fotogramas clave de rotación, pero los cambios de rotación que hice porque no me gusta esta animación. Vamos a la última lección del dedo del pie un poco de todo hasta usar un logotipo de ejemplo para, como, mostrarlo y revelarlo, y veremos cómo esto machaca juntos. 8. Uso del mundo real: OK, Perfecto. Tenemos esta animación montada y me llevaré mi logo personal solo para probarla. Y resulta que este esquema de color tal vez por eso me gustó este esquema de color. Este esquema de color tiene colores muy cercanos con mi logo, tal vez una parte de los T. Entonces si eventualmente utilizaría esta animación para mi me gusta, poca información de logo o poca transición, yo de seleccionar esos medios. Yo los haría invisibles, y yo consideraría. Entonces tenemos este tipo de rotación en marcha, así que necesitaría hacer algo parecido en mi local. Yo era incapaz de Tratado. Presionaría rotación. Gira por aquí, por lo que el resultado final debe estar aquí. Por lo que haré el marco clave de orientación. Y antes tendrá que voltear como juntos y con esos esos elementos. Pero como lo tenemos tres d, también lo escribí desde este ángulo. Está bien, Perfecto. Entonces ahora mismo tendría una animación como esta se puede ver y cumple muy bien. Al igual que con esta animación existente. El único poco ajuste que haría ayuda t en mi logo. Yo reduciría la opacidad a cero. Aquí, yo haría la opacidad 100 para que se haga visible como empieza a animar. Yo lo haría Chris, tú, yo extendería esos marcos clave para que no pasen tan rápido. Y yo,por supuesto, presionaría por supuesto, F nueve para facilitar todo en, por supuesto, esos también, porque esto sería muy aburrido. Y esta sería mi animación muy ejemplo, usando los elementos de movimiento de que habíamos creado. ¿ Ver? Y es tan sencillo. Y esta pequeña animación le da como el toque extra y en un asesinato off, como realmente segundos. Puedo crear una innovación de logotipo único, una transición única. Sólo si quisiera renderizar esto, seleccionaría todas las capas aquí. Yo haría viejo clic y llave de corchete derecho. Entonces todo termina, y yo simplemente renderizaría esto con un fondo transparente. Por supuesto, esto pasa a abruptamente así que presiona t t en todo. Yo seguiría adelante y haría la opacidad 0%. Sería más fácil si solo precompuso toda esta animación. Pero por el bien de este tutorial, no quiero hacer esto. Ah, ahora veo que la opacidad aquí está mal, así que necesito copiar este marco clave y boom, todo desaparece. Presionaré control em para añadirlo a la cola de render. O podría ir a la composición agrega a adobe media encoder y boom ready exportado animación perfecta logo. Muy rápido, muy fluido. Realmente me gusta la ropa, los colores y esta animación. Entonces tendré que pensar si no debería usar esto como transición, está realmente preparado rápidamente. Eso es un gran alcista. Espero este pequeño tutorial, este poco serio off conferencias son es agradable para ti. Y te divertiste creando esto conmigo. Estoy tratando de hacer que los dos turista sean más lentos, ritmo adecuado, y probé dedo del pie editar todo. Entonces realmente ves lo que está pasando en la pantalla. Por favor avísame si hice un buen trabajo o si esto fue demasiado sencillo y no lo suficientemente atractivo. Muchas gracias por escuchar, y los veré en otros electores. CIA