Transcripciones
1. ¡Hola!: un caso de Guises aquí, y estoy de vuelta con otra clase mirando el movimiento en tu eres sabes que puedes mejorar tu flujo de trabajo mediante la utilización de secuelas para traer tus diseños de por vida. Estaré pasándote por ahí. El proceso de archivos importantes o de diseño en secuelas es lo que está animando las capas . Ponerlo todo junto en exportarlos es incluso MP cuatro o dar. También se te mostrará cómo usar editor de gráficos para crear fácilmente estos efectos fuera así
como otros efectos y presets. ¿ Es tu emoción la clave de compensación de sangre libre para crear animaciones más dinámicas dentro de tu diseño, Es bueno tener una comprensión del lado interactivo de las cosas porque te
permite pensar en la estructura general del diseño es lo que es horrible. Transición en el flotador también estará adjuntando archivos de proyecto de clase, incluyendo un padre completamente que hice es lo que es un archivo en blanco desde el que estamos trabajando y también otros consejos útiles y el recurso es la vida. Te beneficiará a ti y a tu motor. Asegúrate de contactarme en la retroalimentación de este video así como sugerir de las futuras clases y también golpear a tu hermano. Plataformas sociales que levanté empiecen, así que empecemos
2. Descripción de After Effects: Está bien. ¿ Cómo va
todo el mundo? Por lo que bienvenido de nuevo a la siguiente parte de este video. Ahora me gusta comenzar todos estos clústeres dando a la gente como una visión rápida interfaz del
tesauro 12. Sólo que me da una idea de cómo está el medio ambiente antes de que realmente nos metamos en la creación estos proyectos. Ahora, puedes ver que aún no hemos creado nada si esa sea una nueva composición o abrir el metraje
existente, pero para darte una rápida demostración de ya sabes cuál es esta interfaz? Básicamente, este es el panel del proyecto por aquí. Por lo que cualquier cosa siga importando sin las capas fuera de imágenes archivos que mostrará aquí. También puedes ver tus composiciones que están funcionando también aquí. Se les abre un oleaje, minimizando un se almacenará aquí. Esta es tu línea de tiempo principal, y respondió de este lado Aquí es donde irán tus capas. Y aquí es donde podrás empezar realmente a manipular la línea de tiempo en la creación estancias de
animación. Ya sabes, es un diario. Por lo que todo es muy familiar por aquí es donde encontrarás tu panel de efectos. Entonces puedes hacer cosas como audio tus presets FX. También tienes cosas como objetos de línea también. Por lo que obtenemos todo bastante estándar o muy similar. Y aquí arriba está tu herramienta básica. Entonces aquí es donde realmente te mueves alrededor de la interfaz cuando realmente comienzas a crear capas, tendrás cosas como unificar herramientas de cámara. Entonces si estás trabajando en un entorno de tres D con una cámara, todos tus usos para moverse alrededor de las herramientas de irritación tienen forma o no deben crear masa usando esto, aquí es donde manipulas la posición del punto de anclaje en el brazo. Entonces si quieres que una capa realmente se anime desde el lado específico, realmente mueves el punto de anclaje. Digamos que querías venir de ya sabes, arriba
a la izquierda. Mudarías el punto de anclaje ahí, ya
sabes, mental. Como dije, todo muy familiar. Entonces sabrás que todos estos significan otra vez aferrándose a ellos s Oh, sí. lo que voy a hacer va a abrir la carpeta del proyecto terminado, en realidad te mostraré en qué vamos a estar trabajando. Muy bien, Así que acabo de abrir el archivo completado arriba que va a estar trabajando. He adjuntado esto en la carpeta descargable. Se llamará completamente proyecto. También tendrás el trabajo de los dedos del archivo del cual es lo que se va a usar. Entonces no te preocupes. Todo esto parece un poco confuso, pero como dije, aquí es donde están todas tus capas para que puedas ver yo importante. Esto directamente desde illustrator, pensé que sería fácil simplemente mostrar cómo crear animaciones básicas con el,ya
sabes, ya
sabes, flujo de trabajo CC
directo. Por lo que directamente de ilustrador a efectos posteriores son capas totalmente comestibles thes las composiciones que tenemos. Entonces para crear este flujo de animación de realmente dividida en composiciones de alberca de agua, mientras que iguales o tiran tres composiciones están en una final donde lo juntan todo, estaré explicando por qué lo hago de esta manera. Para mí, es simplemente fácil. Es una especie de mantener todo separado. Si comienzas a trabajar en una composición con una línea de tiempo gigante, se pone un poco confuso. Empiezas a perder capas. No se puede trabajar a lo largo de los años eso. Al hacer esto, te permite dividirlo, y luego al final, puedes juntarlo todo a partir de ahí explotaría. Entonces así es como fluye realmente la animación final. Ahora ves sigue Básico. Ya sabes, tú yo principal pergamino en transición en. También utilizamos algunos de los pequeños efectos funky también. Cosas como el movimiento desenfocan tres capas D, que realmente significan que esto se ve caótico Por el momento. Tuvimos, como, esta fue la transición inicial aquí. Entonces cómo esta tarjeta realmente sube, y luego estas capas fueron creadas en media diseñada tres, y luego acabo de copiar la luna. Los mantuve amarillos, así que sabía que estaban separados. Pero sí, como dije, mi parecer un poco confuso. Pero, ya
sabes, hacerlo de esta manera es mucho más fácil. Entonces para mí, aprender secuelas fue brillante porque en realidad me permitió empezar a
pensar más en la estructura general fuera del diseño. Empecé a pensar más en cómo fluiría, ya
sabes, Como dije, aprender secuelas me permitió realmente ver eso. Y quiere decir que me he pasado a otras giras de prototipado, obviamente, pero es framer X, off use principal estudio de visión. Pero, ¿por qué aprender secuelas? Ya sabes, hizo mucho más posibles todo ese tipo de decisiones de diseño en el futuro. Recuerdo la primera vez que aprendí esto en realidad. Recuerdo haber visto todos estos regalos increíbles, y yo estaba como, realmente
quiero hacer eso en muerto. Se cuidaron los efectos en el pasado. Pero eso fue como años antes cuando estuve por primera vez en el diseño digital sobre secuelas, lo cual es completamente ajeno para mí. Y sé que aún es ajeno a mucha gente, por eso estoy haciendo esto. Pero lo que hice un día, acabamos de entrar. Encontré un editorial de un chico creando, como, animaciones
básicas tú. Creo que fue el menú el que se deslizó, si puedo enterarme de tocarlo en la otra carpeta del proyecto. Pero, sí, me senté durante tres horas, simplemente lo aplasté en la computadora de la universidad y eventualmente lo aprendí. Hizo paso a todas estas cosas. Ahora, quiero decir, estoy usando enchufes. Estoy usando cosas como código Trump. Ya sabes, estoy exportando en archivos XML. Ya sabes, todo eso no fue posible acerca de que finalmente me diera un nudillo y lo aprendiera, así que sí, empecemos
3. Comienzo: De acuerdo, entonces aquí estamos en estas paradas verdes para las secuelas. Por lo que desde aquí puedes crear un nuevo proyecto abierto y existente en el que estás trabajando . Ah, bueno, ver más reciente. Ah, pero lo que realmente estamos haciendo es salir en esto al abrir estos archivos ilustrados que
tenemos aquí. Entonces te tengo comestible. Te tarjeta en realidad no necesitas el principal para Solo necesitamos esta capa aquí. Pero eso tendría sentido más adelante. Etapa. Tenemos los hombres diseñados uno que tiene esta sección de desplazamiento y luego también nos han diseñado a la cual es la siguiente página a la que transita. Entonces con el fin de mantener todas las capas, Si vas al negro ilustrador original, verás que cada una de estas son sus propias capas separadas. Ahora uno trabajando en una Sharia. Sé que tienes mucha gente que lo hace. Yo lo hago. Tiendes a simplemente trabajar desde la misma capa porque todo para mantenerse separado. De todos modos, no
es como la tienda de fotos donde va a crear capas individuales. Todo simplemente se combina en un grupo grande. Si estoy trabajando con la única intención de importante en after effects. Ya sabes, tomaré esa decisión consciente de realmente, ya
sabes, mantenerlos a todos separados. Um, y esto significa que cuando lo
empleas, puedes empezar a animarlos como si, ya
sabes, la falla del ilustrador no se cambiara. Todo fue tan genial. Porque si haces algún cambio en ilustrador porque es como, ya
sabes, sabes, una especie integrada de ducto, los cambios se reflejarán entonces en vivo y después de efectos. Entonces, sí, esta es una forma realmente genial de hacerlo. Entonces si vuelves a las secuelas, vamos a abrir ésta primero. Abre eso. Y ahora dice aquí composición, que es lo que quieres. Andi también dice tamaño de capa. ¿ Ahora quieres ese tamaño de una capa? Porque lo que eso significa es que lo mantenga se separará. Si tiene tamaño de documentos. Todo lo que haría es solo importar casi como un PNG plano. Por lo que los jugadores clave tamaño haga clic en abrir. Y luego, como se puede ver, luego
importa las capas directamente de illustrator. Entonces voy a seguir adelante abriendo los otros dos también,
así que malo diseñado para ahora en realidad no necesito esto aquí. Sólo necesitamos la capa para eso para que podamos seguir adelante y quitar esto. Ahora puedes ver que ha creado dos composiciones separadas porque tiene este pequeño
icono de marco aquí. Entonces si hago doble clic en eso, como puedes ver, se conserva todas las capas que necesitas tan rápido mover ese uso hacia arriba. Tiene la barra de búsqueda aquí, que también está ahí. Entonces sí, esa es una forma realmente genial de hacerlo. Um, una cosa que sí necesitamos hacer solo porque necesitaba ver estos en el documento es ir a ajustes de
composición porque un año cambió eso, también. 34 sólo porque está funcionando en dos X's iPhone ocho dimensiones así pero ahí y luego
tenemos el trabajo divertido, y voy a mostrar en esto ahora porque, ya sabes, estas son las alegrías de trabajar. A veces muevan esa ciudad para que las aerolíneas amablemente no van a recortar esto. Voy a mantener esto aquí para que veas ya sabes, si tienes el mismo problema, tengo seguro que eso está alineado, que está encendido. Sí, así es básicamente como los importas. Y ahora todo lo que puedes empezar a hacer es manipularlos. Por lo que obviamente este ícono de búsqueda aquí. Si lo meas, tiene una cruz, como dos segundos. Entonces muévelo. Como puedes ver, ahora
se mueve por toda la página. Um, así. Sí, eso fue importante. Ahora lo que realmente voy a hacer es empezar a mostrarte cómo crear la primera sección de la animación, Que es ese efecto de desplazamiento. Ves el inicio donde entra este tipo de palos en la parte superior sobre esto. Entonces, sí, vamos de ahí.
4. Agrega el efecto de Scroll: el caso. Bienvenido de nuevo a la siguiente etapa de este video. Ahora, qué vamos a estar haciendo asegurándote cómo crear ese efecto de desplazamiento donde tengas el palo suficiente. Y luego la u y adicional ¿El
auto va a entrar? Um, no, especie de algunos efectos realmente bonitos, como compensar los fotogramas clave y convertirlos en tres capas D que luego fue capaz girarlos siempre tan ligeramente en el eje X solo para crear una bonita especie de efecto dinámico. Entonces lo primero que voy a hacer probablemente fue complicado también. Vamos a crear esto lo suficientemente pegajoso aquí. Vamos a tomar este ícono de búsqueda en la barra de búsqueda, poniendo un movimiento a través para decir, 10 fotogramas 10 fotogramas en. Vamos a darle a su tema en marco clave, no, y luego vamos a pasar a 24 años. Entonces creo que 10 marcos es lo suficientemente bueno. No necesito despacio. No seas demasiado rápido. Entonces vamos a alejarnos de eso también, moviéndonos. Ponte siempre tan levemente. Entonces digamos vivirlo hasta por tres. En realidad una línea en la parte superior sola en esto arriba. Entonces esto creará este efecto aquí como puedes ver en un mundo ideal, escojo con esto o padre en la barra de búsqueda. Pero porque tengo que escalar, esto está bien, también
vas a escalar que así es como tengo que hacerlo. Entonces a partir de ahí quiero hacer es uno de s en la búsqueda. Bueno, tan completamente diésel en cuanto a báscula y luego te golpeó para traer hay arriba. Entonces yo quería ser, ya
sabes, comenzó al 100% y luego vamos a moverlo a justo otra vez. Es este pequeño entrar. Digo que se trata de decir una cosa solo para que sepa que definitivamente está apagado. Y luego en la posición para la barra de búsqueda también para buscar ícono película. Lo he alineado creando aquí estos gobernantes, así que esto se moverá hacia afuera. Um, y si te veríamos jugar eso atrás, ¿qué clase de ver sale así? Está bien, ¿y qué? Aquí hemos creado ese efecto. Aquí es donde empieza. Ponte un poco complicado porque necesitamos crear el efecto de desplazamiento para estos tú me autos. No obstante, necesitamos que el tiempo sea correcto para que parezca que todos se están moviendo en sincronía. Entonces conseguimos autos del 1 al 5 aquí, Así que golpeó posición PIF en eso. Entonces eso está en línea con facilidad. ¿ Puede una llave enmarcarla por ahora? Vamos a quedárnoslo. Como dije en fila ahí,
uh, uh, vamos a movernos a través de la cena de lobos, probablemente así como supongo que ahí esperemos ir a ti. Digamos que 25 fotogramas solo podrían ir rápidamente a donde realmente no se puede ver lo que está pasando . Básicamente vamos a plantear estos. Entonces cuando muestro un poco de la última tarjeta demasiado, solo probablemente. Pero se trata de ahí. Entonces lo que va a crear es este tipo de efectos aquí. Ahora, como pueden ver, hay un poco de superposición que no queremos. Entonces eso es lo que intentaba evitar. Um, Y por eso tuve que jugar con él la primera vez, mamá. Para que podamos asumir estos. Probablemente lo vamos a compensar. Esto es un poco así. Yo estaba como, invitado ahí. Eso significa que vamos a querer mudarnos, probablemente a mitad de camino. Entonces la clave es sólo para asegurarse de que no haya solapamiento. Se puede ver que eso está absolutamente bien. Ahora no lo sabemos, No vayas demasiado rápido. Entonces ahí vamos,
Ve cómo este tipo de pegajoso ahora. Pero creo que eso es un poco demasiado retrasado Ahora. Tengo que ser honesto siempre tan ligeramente fuera. Entonces vamos a traer eso de vuelta en un poquito. Esto es todo secuelas es realmente solo engreído jugando a casa de ella hasta que lo hagas bien. Se está moviendo 90 13 fotograma, así que solo asegúrate de que no haya solapamiento, lo cual no hay. Como puedes ver, parece que ese tipo de todo fluye juntos ahora. Muy bien, así que ahora que hemos creado el principal pegado hacia arriba en la sección de desplazamiento que tendremos que hacer para las tarjetas
Zhuhai es compensarlas por un fotograma clave. Porque mira un poco demasiado lineal al movimiento encendido antes de que tuviéramos estos efectos dentro y fuera y estos efectos y sangre de movimiento. Esta es otra buena forma de darle más así. Por lo que no necesitamos preocuparnos por la primera tarjeta. Entonces lo que vamos a hacer es deshacernos de esos y te muestro el 1er 2 y luego saltarte al final de su de lo contrario me llevaré años. Pero todos estos lo vamos a mover un fotograma a través de selecto esos dos y luego
así . Temo a éste de aquí y luego Skip básicamente se mudó a través de uno para él, y seguirá esta línea porque entonces vas a mover esos para verlo. Sólo vamos a hacer rápido. Es ahora que hemos compensado las firmas clave y creamos este bonito efecto o de desplazamiento. Lo último que tenemos que hacer para esta sección es crear fundidos y apagados para la telecom. Entonces ya se fue adelante y hecho aquí y te voy a guiar por lo que hice. 7 20 cuadros, dije una escala y opacidad mantenidas al nacer a 100. Ah, hizo esto por una duración de seis fotogramas. Por lo que son tres cuadros en la báscula. Yo lo chocé hasta 116. Entonces a medida que empieza a desvanecerse del 50% como que tiene ese tipo de pop out. Y luego como se remonta a 100 en la báscula en cero, cuando lo presiono tú, se desvanece. Como se puede ver, se
va. Entonces lo que vamos a hacer es que si le pegamos play back, tengo que empezar a borrar el caché A. Así que ojalá la otra jugada por área no venga esta vez. Como puedes ver, crea ese bonito efecto.
5. Cómo mejorar la animación: De acuerdo, Entonces en el último video, cubrimos el efecto de desplazamiento donde tenemos el palo suficiente y está compensado. Te gusta la nuestra. Entonces para esto, lo que voy a hacer es aplicar un toque adicional al que te gusta el nuestro solo para dar la animación del nivel real de nous dinámico. Entonces supongo que activará Motion Blur. Y también se lo aplicé a estas damas de aquí. Si tu expediente no tiene esto, rápido, hazlo ahora. Así que por favor haga clic ahí todas las capas que crean un bonito desenfoque dentro de la animación. Siempre lo mantengo encendido en el arranque. Dicen que no estás destinado a hacerlo, pero siempre tengo que llegar a aplicar al final. Entonces para mí, fuerza de hábito. Ahora, sólo hazlo al principio. Si se seleccionan las cartas u I borrador Freey, lo
que significa que renderizará capas Freey y si una carta 1 a 5. Entonces si seleccionamos eso era lo que vamos a hacer? Es como esta pequeña tina de aquí para aplicar la capa de tres d de Angie's. Traerán a la altura todas estas diferentes orientaciones basadas en torno a los accesos. ¿ Hay alguien de quien tengamos que preocuparnos? Es el eje X aquí. Entonces para cada uno, porque esperamos ponerlos va a ser un poco de un junto con en proceso. Pero vamos a ir al 1er 1 aquí por tarjeta uno. Voy a poner un exhorto, volver a cruzar, mostrarte cómo hacer el 1er 1 porque ya sabes, los chicos estarán aquí todo el día. Básicamente, van a ser exactamente iguales. Entonces 00 y luego a mitad de camino. Entonces, más o menos cuando el auto empieza a desplazarse realmente, creo que es lo que estamos aquí. Pero sí van menos. Yo trabajo esto menos tres como el mejor tipo que ve el cirujano, Ha sido para todos ellos. En realidad no quise decir dio para, ya
sabes, así que sólo mueve rápidamente el's adentro ahora asegúrate de que estén en fila. Exactamente. Recuerda, los
compensamos a todos por una llave de así que deberían? Sí, y además, su marco clave. Podría ser un poco juguetón a veces. Así que deténganse conmigo. ¿ Todo bien? Y eso es todo. Sólo voy rápido. Odio tener los de opciones abajo en las transformaciones. Van a ir a través equipo atrapado cinco. Te voy a pegar sólo para revelar con qué estamos trabajando. Y como puedes ver, se creó este bonito o tres d efecto alguna vez. Tan siempre tan levemente ahí. Pero sólo se suma a ello. Eso Sí, para este video, eso fue todo. Eso fue un pergamino. Um, si quieres seguir reproduciéndolo, puedes golpear y en el teclado para recortar la línea de tiempo lo sobreviví a hacer de trabajar en, como, secciones
específicas. Sigue tocando la espalda. Entonces sé que tengo el tiempo abajo en un video posterior. Lo que haremos es precomponer thes revertir la capa y en realidad crear un bucle dentro esto ya para la siguiente sección. Entonces, sí, vamos a ver esto en el próximo video. Esta es la transición, así que sí, ya
veremos.
6. Crear la transición 1: aquí mismo estamos en Maine. Diseñado Teoh Theater, segunda posición donde vamos a panadería en la transición principal para esto Tú llamé aquí , así que estarías pensando que esto es exactamente lo mismo que el diseño medio uno. El motivo por el que he hecho esto así es porque cuando transita, quiere empezar en la escena conjunto de fotogramas por el mismo tipo de capas Por lo sabio, ya sabes, serán fallas o literalmente jumpiness en la animación. Y eso no es lo que quieres. Si quieres un regalo sin fisuras, ya
sabes, fluido
suave tipo de regalo. Todo lo que hice desea que puedas ver estos luce probablemente diferente. Es todo lo que hice deseos. Copiar las capas reales de mi composición. Por lo que has hecho diseñado una capa aquí? Uh, sí, básicamente
copié esto porque va a una especie de transición fuera. Y luego recuerda al padre ilustrado, yo creo eso contigo. Yo edita. ¿ Se retrasarán abrirán esos dos de aquí arriba que está lleno de estas primeras tarjetas aquí. Entonces esto significa que ya sabes, si has visto la animación que muestra al inicio, este tipo de crece para llenar la parte superior de la pantalla en este tipo de movimientos con ella. Y entonces lo que tendrás es que los elementos tipo de pop arriba desde abajo. CLS. Adelante y empecemos a crear eso. Entonces lo primero que tienes que hacer es tener thes dos capas aquí en estas dos cartas. Una especie de pop fuera de la página. Deberían tener estos para ir Por ese camino. Este irá así en este Will obviamente entonces comenzará a entrar en su próximo estado. Por lo que tenemos auto diseñado para en tres aquí, que son estas capas inferiores. Entonces vamos a lidiar con esos primero. Entonces lo voy a hacer es,
digamos, digamos, va a empezar de nuevo en 10 fotogramas. Al igual que en el primero. Animación apagado así te da suficientes tiempos. Algo que te involucre de lo que está pasando. Eso es un segundo bueno. Eso servirá. Sí, haremos 10 fotogramas. Voy a golpear p por posición otra vez. Más o menos va a atravesar 10 fotogramas otra vez. De hecho, probablemente ralentizar un poco más esto. Esta vez vamos a hacer ocho marcos. Si quieres ser una transición bastante rápida, no
necesitas alargar demasiado. Entonces, uh, vamos a hacer esto abajo. No tengo que irme de la página porque también vamos a decir opacidad también, Corrugado. En realidad parece bastante razonable. Ah, y luego la luz menos tiempo vamos a ser compensados. El marco clave por uno. Siempre hago esto porque sólo odio las cosas. Una especie de fluir. ¿ En serio? Escuela lineal lo sabía a través. ¿ Viste que ese tipo de esperanzas se dirigen a la equivocada? Necesitas Ah, dije esta llave 11 porque lo siento. Entonces, sí, se van a ir, Um y entonces, ya
sabes que lo que hacemos va a mandar opacidad, Booth thes también. Entonces los dientes golpeados. Transparencia Ciudad. A fiscal cero. De nuevo su encendido te golpeó para que veas con qué estás trabajando. Um, voy a cruzar el mejor también, y vamos a ser el cero hacer lo mismo porque el top está bien,
así se llama. Me tiró transparencia. ¿ Ves en qué estamos trabajando otra vez? Golpea cero. Ella lo verá. Se desvanecen así. De acuerdo, así que ahora que hemos creado este tipo de transición para estas tarjetas aquí, en realidad no
hemos agregado nada como facilitar y estas hacia fuera porque vamos a hacer eso
al final . Sería en finalizar todo obviamente pasar, los
convirtió en nuestros marcos clave más fáciles en una cosa, quiero jugar ahora también. Ahora bien, no
sé si ustedes tendrán este problema. Creo que podría ser mi GPU, pero como un tema de desenfoque de movimiento donde verás que este tipo de un residuo libre, como
que queda por encima. Entonces si golpeamos la reproducción en eso, ya
verás que se queda donde si apago
eso, desaparece. Eso todo. Yo he hecho el suyo justo arriba creando una nueva composición con las mismas dimensiones exactas en esto es solo un pequeño hackeo que encontré. Rápidamente, muéstralo. Ahora, en caso de que ustedes lo tengan, básicamente, copien todas estas capas. Simplemente directamente, Command Ver directamente en la nueva composición en, por alguna razón, siempre parece ayudar. Entonces, sí, solo pensé que podría mostrar eso ahora donde en realidad no necesitamos que me diseñe. Entonces ahora lo que vamos a hacer va a crear la transición para este bit. Aquí está Bueno, lo
mismo otra vez. Eso se va a mover al mismo tiempo es thes. Sí, hagámoslo ahora. Trailers han dejado su más tarde. En realidad no necesitamos esa. No tendrás esto en tu teléfono. Por lo que movieron las cartas. Ahora también tenemos ícono de búsqueda aquí. Deberíamos la barra de búsqueda y luego la de aprobarla, que es obviamente que tuve que volver a mantener su separado. Para ser honesto, lo comparas con no ahí, que he hecho. Entonces lo que vamos a hacer es que aquí vaya a volver a golpear la posición del PIF. Parecen, ¿fue la última vez en simplemente se va a mover? Va a ser lo mismo. El tiempo es los que está encendido Vamos a me acabo de dar cuenta de que en realidad no tengo marco clave, no lo cual no le importó. Ahí vamos. Ok, bueno, amigo
clave ahora se ha mudado a ahí. Deberías fallar. Voy a Clive, mueva esto. Uh, el número también va a volver en sus dientes. Transparencia opacidad te para mostrar ambos de esos. De acuerdo a la on en la embajada aquí. Cero encendido. Lo que sucederá es que todos esos se desvanecerán. Entonces y entonces esta voluntad. Por lo que sólo tenemos que pagar el ícono también para que de manera tenga eso. Yo vengo a elegir esa. Voy a ir otra vez, desvanece el nuestro pequeño todo después, En realidad, probablemente
vamos a ir, Teoh, yo diría sobre su testamento. Empieza a desvanecer esa. Entonces vengo uno. Pensé que vamos a hacer el mismo efecto que hicimos la última vez. Entonces lo vamos a escalar escala Hit en cada movimiento a través de seis fotogramas. Entonces 123123 Vas a escalar eso. Sepan que iban a mantener ese 10 0 100 ellos contra escala. Este en el Senado a 1 16 luz última vez básicamente para crear ese efecto pop out sort nuevo, si recuerdas en el año el original de diseño principal. Ah, y entonces también vamos a establecer la transparencia también. Entonces eso se va a ir. Se acostumbraba a disparar a ambos. Y yo sólo nos habilité para empezar realmente a desvanecerse ahora. Entonces, como puedes ver, todo tipo de tiene que resolver el esfuerzo pop out. Pie popular. Sí, eso fue eso. Ahora vamos a crear la transición tú auto a la parte superior en. Pasar a lo real la animación de la parte final. De verdad
7. Crear la transición 2: derecho. Entonces como también tenemos a estos dos ahora, salgan de la pantalla así. También tenemos ese tipo de pop out también. En realidad vamos a trabajar en hacer de este tipo de crecimiento que te lleve toda la pantalla aquí. Entonces, uh, como pueden ver, así es como se verá a medida que transita hacia arriba. Um, si vas a poder simplemente copiar eso en sólo para que realmente pueda conseguir el Sí, este de aquí. Excelente. Rápidamente copiado en. Y entonces lo que voy a hacer es usar aquí a los gobernantes. Vamos a Bueno,
va a hacer es permitirme realmente contabilizar el tamaño exacto y para, Bueno, quiero ser preciso. Como dije, si estás creando una animación fluida completa, no quieras que se note. Los saltos son inconsistencia. Entonces tenemos eso Había mucho solo poner huevos. Entonces lo que voy a hacer te alimentas eso despacio, solo para que sepa que está ahí, Pero no es intrusión en la animación real en sí misma otra vez. Qué muchas cosas que ahora. Entonces digamos más o menos como eso empieza a desvanecerse, realmente no
veo Start que se van a ir aunque tengas el contenedor u icard y también tenemos el texto Unicode. Entonces lo que vamos a hacer por estos es que estamos en una posición, Kiefer, cuando golpees un cronómetro, me voy a mover. Digamos que 10 fotogramas otra vez. Entonces, ¿qué eran ahora 18? Se van a mover hacia ti. Ella lo hará. 26 hará ocho cuadros. Siento que es una velocidad bastante decente, así que vamos a subir eso. Como puedes ver, también
he usado la sartén detrás total para mover el punto de anclaje al fondo como tú No
te preocupes por hacer esto. Yo lo he hecho por ti. Pero solo digo para futuras referencias, ¿
podrías querer que las cosas crezcan desde direcciones específicas? Siempre se utilizó un plan detrás de la herramienta. Y lo que eso significa es que esto crecerá de abajo hacia arriba y crear es realmente agradable niñita. En efecto, creo que nos hemos movido un poco demasiado lejos. Azul básicamente juega alrededor con él. Entonces ahora lo que también tenemos que hacer es ah, mover este texto aquí en posición. Entonces ve, pensaste ¿Qué tipo de sensación? El con el espacio aquí dedo del pie una línea del margen para que veas eso? Qué tipo de película que fue una especie de moverse a través de esta dirección aquí. Yo lo estoy intentando. Explique esto lo mejor que pueda. Um, para la U I. Inicio del curso de contenedor de
autos entonces comenzará a crecer buscando escala ahí. Y entonces queremos que eso ordene sentir toda la pantalla hacia arriba. De acuerdo, dije que es un 60 en el archivo original, creo, solo para que yo, ya
sabes, 100% seguro de que eso realmente se está apagando, así que como crecerá con él. Verás esta voluntad entonces aliándose al margen con todo lo demás, que creo es de 30 píxeles de margen. Y entonces obviamente esto le gustará que retome toda la pantalla. Eso lo voy a saber un poco abajo, en realidad. Y también tú, así que sabía es que van a mover eso hacia abajo cada vez tan ligeramente. Entonces está alineado muy bien. Ahí vamos. Así que siento toda la parte superior de la pantalla ahí. No necesitamos esto por ahora. Debe terminar el trabajo. Ah, y sí, bueno, lo final empezará a parecer que vas a ver entrar. Ahí está esta Se va tipo de Will y eso va a crecer. Voy a mover esto en un poco más también. Siempre hago esto por, como, ¿
puedes firmar un poco? Probablemente Como empiezo a ir americano. Podríamos ponerme en otros dos marcos. Como dije, todo
se trata de conseguir tiempo y subir. Siento que juegue con esto tú mismo y con tu propio tipo de preferencia personal. Sí, eso definitivamente es más parecido para ti. Sí, Debe ser a la facilidad de entrada y de salida que mucho mejor. Sí, esa es la principal transición para esa sección de ahí. Ahora, lo que necesitamos es tener este ícono aquí y este ícono aquí tipo de popping.
8. Crear la transición 3: Muy bien, Entonces en este video, creamos en la etapa final de la animación. Entonces eso es tener estos dos elementos aquí estallando así como estos elementos tipo de
desvanecerse desde abajo. Entonces, sí, rápidamente arrastró estos dos a esto fue el ícono de búsqueda a en también el ícono del anuncio a también, Así que vamos a trabajar en esos rápidamente porque son realmente fáciles. Entonces a medida que llegue ahí, o por cierto, todo esto ya estará en tu expediente. Yo sólo tenía que resolver estos en ya que lo estoy pasando. Pero no tendrás estos temas a la hora de hacerlo. Ya habrá ahí. Pero sin embargo, todos modos, hagámoslo rápidamente ahora. Entonces veo a dos amigos antes de que yo como que quería desvanecerme en un tiempo relativamente decente. Tampoco necesitas ir a poner. Sí, ya veo. Veo un marco. Lo que vamos a hacer va a decir escala todo otra vez. Voy a hacer exactamente lo mismo que lo que hemos estado haciendo tan bien. Dar escala. ¿ Qué? Ahora estamos en 23 cuadros pasando por ti. Voy a moverme a través de seis cuadros. Perdón. Experiencia. Um, vas a poner eso también para mantenerse fuera de los 100 se iba a mudar al centro aquí 116? Obviamente. Sólo la diferencia es que esta vez vamos a revertir el desvanecimiento. Por lo que ponen un marco clave que te hacen mostrar a los dos en. Tenemos que terminarlo en 100. Eso es genial. Bien. Y empezar por cero. Entonces lo que obtendrás es este tipo de identificación de papa Y otra vez, vamos a hacer lo mismo para el ícono de búsqueda también. El mismo tiempo exacto que ella no va a ser es extremo. Digo que lo voy a escalar dijo que, uh, puede golpear clave desde así termina en 100. Voy a mover un costrado ahí. Digamos, ya
sabes, vamos a suavizar. Decimos, Empezar desde se foi otra vez. Nos vamos a ir transparentar un Pepsi, tú a mostrar prueba de ellos. Sólo va a ir a 100 arena. Hacer que 10 ¿Qué? Deberías conseguir este tipo de pop en efecto. Y otra vez cuando tuviste desenfoque de movimiento a estas cosas que se ven mucho más frías, juguemos todo el asunto solo a ver cómo nos veremos. Sí, ahora
están un poco demasiado retrasados. De nuevo, como un conjunto que nunca se puede decir realmente cuándo el mejor momento es realmente desvanecer las cosas. Entonces lo que d un cuadro podríamos salirnos con la suya haciéndolo ahí. Creo que dije, eso es todo después de arreglar. Es solo jugar con él, bajar el tiempo. Y como dije, siéntete libre de ponerle tu propio giro. Bueno, creo que lo intentas. Puede que no te parezca bien, Así que sí, eso es mucho mejor, en realidad. Aquí renderizando ahora porque la laptop suena como si se hubiera quitado. Por lo que aquí estamos en diseño principal. Tres d son la composición final donde estaremos creando la última sección de la animación . Honestamente, lo que haremos es crear otra composición llamada flujo de vuelta final. ¿ En qué? Que Opie está reuniendo todas estas competiciones para realmente crear antes del diseño. Antes de hacer eso, necesitamos pláticas para hacer estallar este tipo de aquí. Ahora, me encantaría. Estos cuatro top se pone aquí, allá puramente ahí, sólo para como, una ayuda visual. Entonces sé que ya sabes cómo nos vamos a quedar vamos a tener el de donde todos estos. Para ser honesto, presenciar esa posición clave para él. Podemos movernos a través más o menos. ¿ Qué? No lo sabemos. No necesito que apague la luz. 10 estarán demasiado drogados. Nosotros vamos a hacer. Se vieron ocho manteniendo con un en el momento. Me siento así. A lo mejor un poco demasiado lento, pero vamos a darle una oportunidad de todos modos. Entonces los necesitamos. Habla el final en esa posición. Tenemos que volver aquí, sin embargo. Uh, verdad No queremos llegar demasiado lejos de este verde. Entonces digo, estar ahí. Alguien que haría es casi remover. Mira realmente líder en este momento. Ah, así que ten paciencia conmigo. Bueno, entonces
vamos a hacer es otra vez, vamos a compensar estos fotogramas clave. Por lo que nos queda imagen. No trabajamos sin trabajo de pie con la cabeza de dos, así que eso estaría bien, así que iremos de texto uno. Vamos a compensar todos estos. A mí me encanta. Se van a mover a través de un cuadro para seleccionar esos. Uh, si recuerdo bien, en realidad lo hice para que el centro uno llegara último. Entonces, ¿qué es esa imagen de ahí mismo. El centro de imágenes puede quedarse en todas partes. Es, yo diría, ¿Cómo lo hicieron la última vez? Yo no tenía. Vendrá en especie de continuamente. Era casi como si como el de izquierda entrara primero. Entonces, en realidad, por qué lo voy a hacer. Derribó eso otra vez. Por lo que la imagen derecha pasará de nuevo, y luego el centro de imagen vendrá en último lugar. Por lo que tipo de subirán diferentes velocidades, pero también en un orden diferente también. Entonces es que se sabe como lineal es un poco más natural. Nunca vayas. Sí, eso debería estar bien. Um, apaga un segundo. Podrían escapar también con moverse un poco más abajo. Muy bien, así que uno dirigido a que voy a hacer es por todos ellos. Acude a la clave inicial, libre donde empiezan. Yo sólo voy a derribarlo otra por como, estaban un poco demasiado arriba en el otro. Entonces eso es todo. Ahí otra vez en imagen, ¿verdad? Tan solo que comiencen desde la posición más abajo y en el centro, Arranca ahí abajo en la imagen a la izquierda también se detuvo diferentes posiciones. Ya ves, todos
están en fila otra vez ahí. Nada ha cambiado realmente, excepto que apenas empiezan desde una posición más baja. Sentí que no podías ver realmente el movimiento es mucho menor de luz. Sí, debería ser mucho, pero suficiente. Siento como que ocho cuadros es lo suficientemente rápido es
Bueno, bueno, ellos No, vamos a tener que mudarlo. Perdón, chicos. Mover 18 a 16. Por lo que sólo un tirón de los últimos adentro por otros dos cuadros. Como dije, esto solo se trata de experimentar en asegurarte de que, ya
sabes cada vez que te ves bien, así puedes ver que aún podría haber uno detrás, Pero si los mueves, quiero esto para ser una transición bastante rápida. Ningún usuario quiere sentarse ahí y esperar a que se cargue una pantalla. Ese es mi pie. Está bien. Ahora lo que tenemos que hacer es enemigo el botón rosa en la parte inferior. Ahora, esto no es Ya verás, he guardado esto por separado. No se va a mover con el resto de ellos. Esto tendrá como que tener el mismo efecto de escala que el icono tenía aquí. Entonces otra
vez, no lo demore demasiado. Entonces nos vamos a ir, probablemente a medida que llegue allí. Sigo pensando que será un poco retrasar, pero de nuevo, vamos a darle una oportunidad. Vamos a golpear escala en escala. 100 y otra vez. Seis marcos. Así que estamos en 17. Vamos a cruzar el 23 um, escala en eso también. En este centro. Voy a golpearlo hasta más o menos. Wow. Está bien. 1 62 Uh Lee otra vez. Quieres ver ¿Quieres ver al papa? ¿ Qué? ¿ No quieres que sea demasiado? Creo que eso debería ser. ¿ Sigues pensando que es un poco demasiado virtualmente 16? Sí, eso debería estar bien. Y luego ve a ti otra vez. Golpear los dientes. El transparencia Ordina White Tan plácidamente cuando es t pero te golpeó para desvelarlos
todos de nuevo, va a terminar en 100 que va a empezar aquí. A ver si eso es un poco demasiado retrasado ya que entra. Por lo que aparecen. Yo como que tengo este libro. Y así se desvanecen, se desvanecen en Shin se. Sí, debería ser original Realmente chocando otro cuadro o dos. Pero no, no
lo haré únicamente en. Bajaremos a las 16 A ver qué luce eso Sí, es seguro. Por si acaso. Impresionante. Ahora que tenemos este tipo de ser movimiento básico abajo una cosa que podría haber llegado a Dio es realmente importante ya que el petróleo es para cada uno de estos. Entonces es como todos ellos. Bueno, no todos ellos no hacen. No selecciones rosa, pero Y así es todo el camino hacia abajo a la imagen left hit t set una nueva concha. Y luego te dormiste desvelado en Go Kristen. Ahí, eso es todo. El nuevo marco clave y en el original hacen ese cero. Por lo que en realidad no son visibles cuando se mueven por primera vez. Y entonces lo que vamos a tener que hacer es obviamente alinear la capacidad a eso es ikey free movement para que yo pueda ir por ello. Toma estos de aquí, consigue esos dedos por línea. No consigo que nadie se alinee también en los dos últimos. Cuéntanos lo que dices. ¿ Esta de aquí? ¿ Qué? Ella está esperando que bien, eso estaba a su alrededor. Entonces, ¿todos se alinearon ya? Y entonces lo que vamos a necesitar hacer es sólo tomar todos estos fotogramas clave. Dios mío, debería
haber una forma más rápida de hacer esto. Nos hemos metido en su así y llevamos el primero. Por lo que el del frente en simplemente moverlo hacia abajo a cero. No sé por qué dije que son 10 cuadros. Creo que eso es sólo otra vez. Eso es sólo fuerza del hábito. Asegúrate de que sean realmente buenos. Entonces, como se puede ver, como
que empiezan cero caro y se desvanecen. Y ahora lo que vamos a hacer y la razón por la que película unos 20 es que vamos a tomar todas esas capas, incluido el botón rosa. Entonces se ve abajo de cabeza a libro Tach's Pink y me refiero a una copia estos lo voy a mover a
significar diseñado para Ahora avísame si sabes que hay una mejor manera de hacer esta tesis personalmente, cómo lo hago, manteniendo los separan. Pero entonces también, ya
sabes, integrándolos. Y simplemente nos tiene una especie de flujo de trabajo decente a ella, porque lo que se podría hacer es y copiarlos en cambio de color también. Entonces sabía que ahí de una composición separada te va a golpear, aunque en realidad, realmente no
necesitamos que te pudieras pegarte para verlos, pero sabremos que empiezan por el principio. Entonces aquí y ahora lo vamos a hacer es sacarlos del camino. Voy a encontrar un buen punto para donde realmente podemos traer esas animaciones. Entonces diría más o menos que lo pasaría bien. Quizás un poco de retraso. A ver. Sí. Siempre tan ligeramente retrasado. Entonces lo que vamos a hacer son zapatos, muévete a ti desde, por favor. A excusa racialmente una notificación. Siempre son, como, notificaciones
sin sentido también. Como en realidad nunca leí así aquí, todos modos. Sí, creo que me mudé un poco para telefonear ,
Uh, conseguir que te deje ver un cuadro. Creo que un amigo como
dije, siempre subestimo cuánto sh un marco puede marcar la diferencia. Ahora, como se puede ver, es una especie de transición justo. No se desvanece. Entran. Andi. Sí, esa es, ya
sabes, la transición final. Lo que realmente vamos a hacer ahora es pasar por los fotogramas clave más fáciles y usar el gráfico
Es una especie de demostrar cómo se pueden crear tipos más dinámicos de flujos entre diferentes estados en ese entonces. Sí, también nos
permitiremos juntar realmente las composiciones completas en crear la
animación final . Entonces sí, nos vemos en el próximo video
9. Finalizar la animación: Está bien. Entonces, habiendo armado la transición final para esto, se
puede ver esto es con lo que nos quedamos la última vez. Um, una cosa que vamos a hacer rápidamente antes de que lo juntemos todo. Emite término movimiento borra mal por retrasos también. Estadísticamente, bajar. Asegúrate de que la regla se ponga así debería hacerla explotar un poco Mona. Sí. Está ahorrado en eso y volviendo al 1er 1 Al igual que, refresca tu memoria y lo que estábamos haciendo. Tuvimos el efecto de desplazamiento aquí. Entonces, antes de mirar esto, vamos a pedir algunos marcos clave este fáciles. Entonces cosas como el ícono del anuncio para la escala puedes resaltar estos tres primeros aquí y F nueve o esfuerzo F nueve a la posición aquí que tenemos Tienes que manipular el gráfico lo en
este . Entonces otra vez, f NF sabiendo que entramos en el gráfico aquí, puedes ver aquí obtienes tu gráfico de velocidad. Esto es sólo un tipo básico de ruta lineal. Lo que vamos a hacer es aumentar la influencia en ambos lados en un 50%. Este es un traer y luego en cosas como la posición para la barra de búsqueda también. También voy a hacer lo mismo. Por lo que de nuevo, influye 50% en ambos lados. Simplemente crea una bonita especie de transición dinámica. Y si las cosas como el tú, yo lo llamo, en realidad no
necesitas manipular al editor de gráficos. Podemos simplemente convertir el caballete directamente en Eazy e's on Solo usa el ajuste por defecto en su lugar porque creo que se ve muy bien así. A veces es bueno simplemente seguir con el estándar. No lo intentes y más complicarlo. Entonces otra vez F nueve on Vamos a jugar este libro. Ya se puede ver que sólo aparece mucho mejor ahora. Y si fluye y tiene mucha más vida a ella. Acuerdo de juego May diseñado para así, voy a sintonizar. Los ha desvelado. Voy a manipular estos también. Por lo que para el encabezado F nueve, pensé que sólo podíamos destacar todos ellos. Debería ahorrar tiempo poniendo un salto sobre este bit. De acuerdo, así que no he seleccionado todos estos. Por supuesto. Acaba de saltarse. Voy a desplazarse por lo que seleccioné eso Cualquier cosa con posición y escala. Nos vamos a poner demasiado fácil. Entonces otra vez, esfuerzo. Lo sentimos, f n f nueve juntos en que realmente no deberían crear un efecto agradable. Entonces, solo reproducimos eso. Sí. Mira, yo solo creo que lo sabes. Ciertamente que sí. Pero yo sólo creo que se veía realmente genial. De acuerdo, entonces ahora que tenemos nuestras medias animaciones abajo, ¿están los tres aquí? Lo que vamos a hacer es que vamos a recorrer este 1er 1 aquí. Ahora, para hacer esto, va a requerir que precompuestemos estas capas aquí, lo que esencialmente significa colocarlas en una composición acreditable separada sobre que nos
permitirá realmente revertir el tiempo los fotogramas clave y crear un bucle. Entonces hagámoslo ahora. Por lo que destacamos todos estos. Ir click derecho Pre compuesto. Lo vamos a llamar interacción uno. Esto sólo para que sepas lo que es. Entonces ya verás, crea una nueva composición. Si quieres volver atrás y editar su hombro, basta con doble toque. Que podrías hacer cualquier edición es si sabes que nada ha cambiado y se reflejará en vivo aquí también. Por lo que este es el pre compuesto por ahora. Ya ves, puedes simplemente jugar negro como lo harías en lo que vamos a hacer. Vamos a encontrar un buen punto para darle un bucle, así que probablemente lo vería ahí. Ese es un buen punto. Voy a ir Comando turno D. Es un recorte lo. Ahora lo que vamos a hacer es venir en la víspera a duplicar esta izquierda. Buena jugada a través un poco demasiado lejos. Déjame ir. Mueve esa costrada ahí. Correcto. Haga clic en esta capa cuando haga clic derecho, voy a Es un momento que voy a seleccionar tiempo Revertir capa. Entonces ya sabes, es permiso, El nombre, Qué haría que acabemos de revertir Eso está en línea. Entonces, como pueden ver ahora es una réplica exacta de lo que simplemente no hacemos o un espejo exacto de ello. Voy a encontrar el punto en el que la animación empieza a retroceder, que es el que hice un comando cambiante otra vez. Eliminaremos este amistoso aquí. Como se puede ver, simplemente volvería a su inicio, y entonces podemos traer eso alineando. Sí, eso está alineado Voy a cruzar hasta aquí. Bueno, como puedes ver, ya
ves lo que va a pasar. Vamos a terminar en el teclado sólo para recortarlo. Y lo que deberían permitirnos hacer es crear un bonito botín dentro de la animación. Entonces golpeemos el espacio y reproducimos eso. Y ahí vamos. No tienes botín. El primer animación. Es ahora que hemos mirado esta animación y también hemos creado la otra animación en Mean diseñada para Lo que tenemos que hacer es crear una nueva composición con el fin de que
juntemos esto para someterse a la composición. Nueva composición. Si tu dimensión no lo dice ya, es 7 50 por 13 54 30 fotogramas por segundo para la resolución en un 50 fotogramas de en una línea de
tiempo de duración 32 . Mantener el color de fondo. Realmente no importa si tienes antecedentes aquí ya voy a llamar a este flujo AP final. Es sólo para que sepa lo que es. Ve a ahí en. Lo que vamos a hacer es ir de diseño principal uno que vas a arrastrar de nuevo. Entonces como puedes ver, él está mirando, ya
sabes que está ahí. Y entonces lo que también vamos a hacer es arrastrar el diseño principal hacia adentro. Entonces mira, esto tiene ambas animaciones de ser diseñado dos y tres arrastrados hacia fuera en la parte superior en. Vamos a sacar eso un poquito porque ya veo, no
necesitas entrometerte en esto. Entonces Como se puede ver, es como fluye este tipo de arriba. Entonces vamos a ir al aeropuerto, vamos a arrastrarlo hacia fuera tiu C 20 frames, y luego simplemente vamos a recortar con ahí fuera. Entonces otra vez, vamos, turno D Eliminar esto. Por lo que esto tiene un flujo de desplazamiento de origen completo ahí dentro. Entonces lo que vamos a hacer va a traer esto en un poco. Asegúrate de que eso esté alineado, y eso básicamente tiene esta sección de transición aquí. Entonces arrastré hacia fuera a U. S C seis fotogramas solo para que se pueda ver como va a seguir, entonces otra vez y en el teclado sólo para traerlo, como se puede ver, como Bueno, todavía
había separados. Todo tipo de flujos es uno en una misión. Entonces si golpeamos pelota espacial y jugamos esa espalda Siegel un bonito pergamino y entra en la siguiente página, y entonces ya sabes, si quieres ir al nivel extra de bucle desde aquí, así que repitiendo este enemigo debería ir volver al inicio y luego reproducirlo de nuevo, siéntete libre de hacerlo. decir, Esdecir,también va a querer mantener el regalo es corto como sea posible. Todo el punto está destinado a maximizar los archivos sobre lo verás cuando lo exportemos en los próximos videos, verás por qué es bueno mantener una buena ruta de fotograma. Entonces, sí, siéntete libre de irte si quieres, pero este solo tipo de muestra cómo se unirá. Entonces, sí, en el siguiente video, buscaremos exportación. Y esto es un MP cuatro y un archivo de regalo, y luego voy un poco a Rick arriba todo lo que hemos hecho. Pero en lo que respecta a la animación, hemos completado el proceso. Entonces espero que haya sido una lección agradable. Sí, ver en el siguiente video.
10. Exportar como MP4: ¿ Qué va eso? Bienvenido a la exportación en etapa de esta clase. Ahora, digamos que quieres poner este diseño en regate. Um, en realidad, dribble soporta MP por ahora. Antes, sólo habría tenido que haber sido un GIF. Ah, Pero primero, vamos a empezar con el MP. Forsett es el proceso más rápido. Por lo que se crea una nueva composición para dribble, obviamente dribble universitario. Hazlo. Creo que apoyan a dos X que pueden o tres X por lo que podríamos hacerla 1600 por 1208 100 por 600 . Obviamente, brócoli para crear una nueva composición, solo crea rápidamente un nuevo sólido para que puedas tener un fondo sobre él. Uh, este es el color que solía lucir realmente bonito llamado BG, y entonces vamos a hacer es el flujo final AP es obviamente el flotador final arriba que es esto aquí se
juntará todo en una droga sobre él. Escala hacia abajo. Piensa que 75 es una buena. Ese sí, 75. Y recortarlo a seis segundos donde la animación bucles así y traer CS exactamente los mismos procesos. Salida final. Simplemente renderiza que no es tiempo real en este momento, pero puedes ver su poco que bien. Entonces aquí es donde la cantidad de fotogramas en realidad no marca la diferencia al exportar es un MP para porque, a diferencia de los regalos en MP para el video, si golpeamos play en aquí, verás que se está ejecutando 180 fotogramas como That es el máximo. Cuenta con una animación de 30 fotogramas por segundo para un regalo, la cantidad máxima de fotogramas que puedes tener sus 500 para que eso se haga evidente en el siguiente video. Pero para exportar, se
trata de un MP cuatro. Por lo que quieres ponerte dribble, irás a los medios y a Cuda Que Bienvenido al encoder de medios out, y esto es parte de un dudoso integrado con after effects en Premiere Pro. Desde aquí, verás que tenemos el archivo que queremos exportar aquí para poder dividir el destino porque también sentí una obra de ella va a crear India y un McFall. Ves, voy a salvarlo. Ondas Puedes ver que el Kodak es un enorme 0.264 lo que significa que es un MP cuatro en su mucho en su fuente a una tasa de bits alta en Premiere Pro tienden a usar tasas muy de bits. Creo que en esto puedes elegir lo que quieras, pero así realmente no marca la diferencia. Eso Lo que voy a hacer es que voy a golpear play. Ojalá no rinda este también porque eso ya vamos a ver,
ella podría ver está conectado Todo bien, así que eso nos ha rematado, Ver dice que actualmente no incluimos usábamos el aire. El motor de reproducción Mercury. Creo que eso es solo por defecto. ¿ Quieres que lo veamos lo guardó a archivos del dedo del trabajo de. Así que vamos a comprobar dos veces que después de los efectos después de los archivos fijos y verás como los archivos de archivo de codificador de medios de bebé para trabajar desde. Por lo que tienen los archivos A y E V P ahí y luego también tendrá el video que se generó desde atrás. Lo ves tan bien ahí luciendo cool on. No obstante, podrías seguir adelante y cargar hasta gotear en el siguiente video. Lo que sí te muestra cómo exportar es un regalo. El otro proceso mucho. Sabremos mucho más, un poco más largo bobinado porque requiere el uso del deseo de pie arriba. Entonces sí, el Corán Si quieres ver cómo hacer eso o si ya lo sabes, entonces siéntete libre de saltar adelante al video de recapitulación on. Sí, ve de ahí.
11. Exportar como GIF: Es lo último que quieres exportar. Esto es un regalo, ya sea para poner honorable o estaba en una página Web para hacer esto. No usas el medio de seguridad. Lo haces directamente en After Effects que lo agregues a la habitación. Gracias. Como puedes ver ya empezamos a crear unos que se cierra. Entonces lo que haces es en lossless el otro former predeterminado es el tiempo rápido, que es lo que estamos usando para estos videos. Tiempo rápido I Lo que vamos a artículo a hacer es venderlo a una secuencia PNG porque te estoy durmiendo . El artista de alta calidad significa que cambias los canales dedo del pie RGB más Alfa. Acepta usted. Está bien. Y luego cuando selecciones tu carpeta de destino, podría llegar a decir yo para afectos aquí. Voy tras arreglar giros y fue éxito dribble, hachís, ceniza. De verdad no sé qué significa eso. Lo que haría es crear para cada fotograma de la animación. Será un PNG separado, por lo que guardarás eso en el render hit anual. Debería ser realmente rápido. Está bien, así que está a punto de terminar. Ahí vamos. Tendrás un bonito sonido de pinging en ellos. Si vas a la carpeta de destino cuando ves que el blanco siempre aparece, así no lo son las secuelas siguientes. Verás esta carpeta aquí llamada Dribble como puedes ver. Como dije, crearía un PNG para cada paso de la información o cada fotograma de la animación. 100 80 imágenes si lo hice bien, 179 después de correr y ¿por qué? Entonces para que esto se convierta en un regalo para mamá, lo que vamos a hacer es abrir pez arriba abrir esa carpeta que acabamos de tener secuelas para Host Dribble se llevará el 1er 1 y volveremos a drogar Y lo que esto crearía
las dimensiones exactas que necesitamos. Ahora necesitamos que el espacio de trabajo se ponga en movimiento porque eso es lo que trabajamos en recepción de
tu ventana del dedo del pie. Tienes que trabajar donde funciona en base a tu emoción sexual, algo que tienes que tenerte ahí y aquí tendré tu cronología. ¿ Quién estaría usando esto en realidad? Pero ahora es parte de ello. Lo que podemos hacer es ir a capa. Obtendremos capas de video e iremos nueva capa de video desde archivo. Encontraré la carpeta excites que teníamos, así que volveremos a poner el 1er 1, lo
abriremos. Y lo que va a hacer Photoshopped es porque está puesto en movimiento y provoca que apareciera GT Foods. Automáticamente se dará cuenta de que es un juego continuo, por lo que no tendrás que esperar más. Capas en. Como puedes ver, ahora
es un clip para que puedas eliminar este. Sí, fue la cantidad. Lo que vamos a hacer está bien, sólo para hacer el archivo un poco más pequeño va a ser juguetes de imagen al 50%. Sólo para que sea mucho más pequeño. Se trata de un objetos muy pequeños en. Tu animación no está ahí. Ahora podemos explotar como regalos que vas a exportar. Esto podría tomar un montón de cargados. Esperemos que sepamos lo que es un legado web seguro. Está un poco anticuado en comparación con el resto de la misma. Así que ten paciencia con ella. De acuerdo, así que una vez que salvó, se ha abierto el legado. Obviamente, estos son todos los ajustes que uso, así que siéntete libre de poner rápidamente todos estos dentro. Siempre se lo dije a 256. Es decir, esa es la cantidad máxima de colores que los regalos pueden soportar. Eso es lo que digo, cuando están muy limitados con lo que puedes hacer. Entonces si tienes resplandor, te darás cuenta de que hay mucha, como, horrible difusión ahí dentro. Empezarán a lucir realmente verdosas. Por suerte, esta es muy tierna plana. Las sombras no se verán demasiado grandes, pero en realidad no se pueden ver las puestas. Obviamente, está desgastado de 180 cuadros, como así Dustin máximo 800 por 600 con querrás establecer el bucle a Forever on Desde el Incluso
puedes hacer clic Done. Realmente no sabes dónde lo guardará, o puedes golpear, guardar y especificar el lugar exacto en el que quieres ponerlo. Entonces otra vez, vamos a poner después de efectos a menos que sea genial. Es, um, lo
llamaremos animación de compartir habilidad, y será regalo para adultos para Así que golpeas guardar. Ahí vas
12. Recapado y reflexiones: De acuerdo, entonces ahora que hemos pasado por todo el proceso de animación, ya
sabes, justo desde la importación en el diseño hasta los efectos posteriores a la creación de realmente estados de animación y luego la exportación y es un MP por un regalo. Sí, eso es una especie de recapitulación. Todo lo que hemos hecho de principio a fin. Entonces vamos a subir al otro panel del proyecto. Hemos importado nuestros diseños directamente desde Illustrator. Ya
sabes, no tienes que usar solo ilustrar. También puedes usar la tienda de fotos. Creo que el Baby X'd también tiene una integración también con After Effects. Si voy a revisar eso si lo hacen, eso es realmente genial. Ya sabes, una cosa que siempre me pone fuera usando este tipo de software es como boceto porque en realidad
nunca puedo animarme como No me malinterpreten bocetos. El primario diseñado Hasta que uso y todo lo que tengo que hacer es exportar, generalmente de forma individual y luego volver a hacer lo mismo. Construirlos en el panel del proyecto, pero sí, usando ilustrador, ya
sabes, es un ducto directo. Lo que hemos hecho es que hemos especie de segmentado. El diseño casi así escogió las áreas clave donde habrá una interacción media que vimos rompió eso. Y entonces obviamente, en este, lo
hemos compuesto bastante. Como dije, si te metes en esto aquí, Así que la interacción uno sigue siendo una composición totalmente acreditable, puedes pasar por y simplemente añadirla. Todos los cambios reflejarán en vivo directamente en Maine, diseño uno. Y lo que hicimos fue revertir el tiempo. Esta capa aquí es un duplicado lo recortó hacia abajo, voltea la capa alrededor para criticar bucle Diseño principal a está bien, solo para darle a todo más organización. En realidad mantuvimos todo esto por separado aquí. Entonces el tú que llamé cómo terminan esas transiciones fue una animación por debajo de las secciones amarillas aquí. Y luego, por
supuesto, creamos este tipo de animaciones deslizantes aquí. Y entonces, claro, sólo nosotros, ya
sabes, conseguir mejor el flujo y conseguir el momento correcto. Es como que lo trajo de vuelta en la salida final. Aquí es donde se reúne todo el diseño. Por lo que tomaste el diseño principal un principal diseñado para en acaba de crear como una animación continua aquí. Y eso significaba que podíamos Entonces ya sabes, o exportar esto directamente sobre el fuego será enorme o puedes arrastrarlo a regate como una miserable composición en. Simplemente ve a partir de ahí, Honestamente ,
usando después de efectos, puede ser desalentador al principio. Recuerdo cuando empecé a usarlo por primera vez. Tomó años sólo para bajar los conceptos básicos, y yo estaba haciendo cosas como de la manera equivocada. Y, por
supuesto, todos se desarrollan durante el flujo de trabajo como mi flujo de trabajo podría parecer una locura para algunas personas. Podrían pensar, ¿Por qué lo haces así? Pero es solo
que, ya
sabes, recoges tu propio tipo de estilos personales y tipo de formas de hacer las cosas. Como dije para mí, prefiero dividir todo en composiciones separadas y juntarlo todo en la salida final. Y luego, si tengo que convencer que abajo más en un regate completo, como composición, lo haré en unión si estoy exportando es un GIF. El modo en que siempre me han mostrado sus pláticas para usar para una tienda para como una forma realmente efectiva de hacerlo. Nunca he tenido ningún problema haciéndolo de esta manera, excepto si a las animaciones les gustan más de ocho segundos y estoy quemando 30 FPs, ahí es cuando se empieza a tropezar con problemas porque sale hace el límite de 500. Um, entonces tienes una especie de convencida la velocidad de fotogramas de la composición hacia abajo tipo de 24. Esa es la única vez que he tenido un problema con los regalos. Pero obviamente un regate soporta MP por ahora, lo que hace la vida un infierno mucho más fácil. Honestamente, la forma en que está la industria, es bueno tener una comprensión de la misión porque, ya sabes, no estás solo pensando en el diseño. También estás pensando en el desorden, las impresiones U X, las piscinas y cómo fluirá. Piensas en las micro interacciones. También te ayuda a comunicarte mejor con desarrolladores e ingenieros porque eres como,
así fluyen las cosas. ¿ En realidad se puede hacer esto en código? Permite especie de refinar la animación. Me refiero a todo aquí. He mantenido muy realista. Entonces sí, podría traducirse en diseño. Y lo que voy a hacer por los archivos del proyecto se adjunta. Recurso útil es y cosas que siento que puedes cepillar sobre si esas son, sabes, cosas
simples como la gráfica. Es una cosa genial que podría haber mostrado aquí, pero realmente no necesitábamos es el viejo click aquí te permitirá agregar un lo que llamamos códigos de
expresión y nuestro Lincoln. Consejos útiles sobre ahí también es como transiciones geniales y cosas que puedes agregar solo para
darle a tu diseño mucha más muerte. Y, por
supuesto, enchufes como código de camión también, después arregla un masivo hasta ahora que podrías hacer cargas con él, dices. En lo que respecta al proceso de animación, intenta mantenerlo lo más sencillo posible. Cuanto más confiado en cuanto más cómodo obtienes con
el software, más empiezas tipo de ramificarte y hacer otras cosas, como tres entornos D. Honestamente, si miras al copiloto de video, tiene algún tipo increíble de consejos de tres videos de animación D también. Y además es que también tiene software adicional que puedes descargar como Elemento tres D, que básicamente crea como un ducto de tres D entre efectos secundarios Cinema 40 Andi. Es increíble lo que puedes hacer con él. Sólo hemos tocado realmente la superficie si esto, pero ojalá fuera informador. Si es así, algunos de los procesos pueden ser un poco molestos, por lo que es un poco difícil descomponerlo y explicarlo. Pero sí, definitivamente frondosa espalda. Hazme saber cómo podría ser. Mejoraron las sugerencias calientes para las clases de características de luz ahora, como el futuro de la industria y esas cosas, pero obviamente alguien que es una gran multa de movimiento. Es divertido hacer videos como este y tipo de enseñar a otras personas a hacerlo.
13. ¡Resúmelo!: así que eso fue un tutorial. Ojalá lo disfrutaran, y yo fui informativa con el proceso. Como dije, asegúrate de que te vayas. La retroalimentación puede llegar a tener cualquier pregunta o sugerencia de clase futura. También me pegó sobre las plataformas sociales tal dribble Linnington.
Curtis Lee, 21 | Product Designer
