Animar con el principio

1. Introducción: Oigan, chicos. Bienvenido a animar con principios. Mi nombre es Karen. molestarse. Soy freelance. Tú yo y mucho diseñador. En este curso, estaría repasando principio una excelente herramienta para crear rápida y fácilmente animaciones e interacciones para tus diseños. Estaremos repasando las herramientas de principio. Y luego recrearemos la animación que vemos aquí de principio a fin sin que sea el camino . 2. Cómo Downloading un principio: bienvenido. Y gracias por inscribirse en la clase. Antes de que empecemos, vas a necesitar seguir adelante y descargar e instalar principio, que puedes obtener en principal para mac dot com. Se puede descargar la versión de prueba gratuita, que creo que dura 14 días. Después de eso, siempre puedes comprarlo cuando quieras. La otra herramienta que necesitas es sketch, que puedes descargar en sketch app dot com, y parece que estás aquí. Puedes descargar la versión de prueba gratuita y comprarla cuando quieras. Una vez que tengas esos dos descargados e instalados, puedes seguir adelante y dar click en el siguiente video. 3. Interfaz principiantes y animación básica: De acuerdo, así que descargaste e instalaste principio. Esa debería ser más o menos la primera pantalla que veas. Una vez que abras unos nuevos documentos, solo vamos a repasar la interfaz de usuario general. la sección superior aquí se puede agregar unos nuevos bloques. Entonces, por ejemplo, si haces clic en el rectángulo, se va a crear instantáneamente y vas a oir aquí mismo. Y esto es un rectángulo aquí. Um, al lado hay una forma de agregar texto. Entonces si haces clic en él, agrega capa de texto el tablero de arte una vez que rápidamente que va a crear un nuevo tablero de arte en el futuro. Verlander tuvo que saltar entre tableros de arte. Adelante y cómete este. Se trata de una función de importación de bocetos la cual es muy útil y se estará utilizando en el siguiente video. Una vez que haces clic en esto, abre boceto, e importa. Cualquiera que sea el documento de boceto que tengas directamente en principio, vas a tener algunas características más avanzadas aquí las cuales se meterán en líder en tus conductores y en los de Adami. El grupo y Fordham Backwards son grupo bastante autoexplicativo. Si hace clic en múltiples elementos rápido en grupo en grupos, luego en uno anterior. Con mucho gusto, esta espalda de Fordham simplemente movió capas de ida y vuelta. Aquí tienes tus herramientas de alineación, pero simplemente bastante sencillo aquí. Tienes tus propiedades para que más tarde estés. Por ejemplo, estamos en esta carta ahora, y notarás que las coordenadas X e Y cambian una vez que lo muevas. Igual con el ancho y la altura. Es bastante sencillo como la rotación, por lo que puedes rotar tu objeto. Esto es una habilidad. Ella podría hacerlo más grande y más pequeño. Tú rapacidad, directo y lo religioso. Podría hacer algunas esquinas redondeadas. Y estos son tus colores. Esta es una forma de importar una imagen para que se lleve a cabo en lugar de la plaza. Simplemente le gustan las cocinas. Este es el trazo. Crear un trazo en el objeto. Como puedes ver aquí, también puedes agregar sombras. Sólo un desenfoque para la sombra. Será sólo la dirección también. Y nos metemos en el vertical horizontal, uh, bit leader off. Entonces, ¿qué? Esta figura también vamos a aprender un poco sobre los fundamentos de la animación en principio. Vamos a seguir adelante y borrar esto ahí. Vamos a hacer sólo un video muy sencillo de una plaza. Y cuando le hagas click, lo vamos a transformar en círculo. Entonces tenemos la plaza aquí, voy a alinear centro de la pizarra de arte. Um, así que una vez que hagas click en un ítem de principal, vas a ver este pequeño ícono de flash aquí. Una vez que hagas click en esto, vas a tener algunas propiedades. Entonces para este caso, vamos a decir que cuando toquemos de esta manera cuadrada, queremos dedo del pie, vamos a una nueva pantalla. Entonces voy a hacer clic y aguantar, y voy por encima de mi tablero de arte. Lo que eso va a hacer es que va a duplicar mi tablero de arte y crear otro con las mismas propiedades ya aquí. Por lo que ahora mismo, cuando hagas click en esta plaza, se va a ir a esto. Eso puede extenderse. Aquí no hay nada diferente. Entonces, por ejemplo, sólo voy a tomar esto y voy a moverlo a la cima. Pero también voy a decir cuando se apresure este toque rápido, rápido y vaya a esta pantalla. Entonces ahora cuando toquen esta plaza, va a volver a esta defensa, nuestro libro, dicho eso, dicho eso, cuando abran nuestra vista previa aquí, tengan un rápido el botón de rebobinado justo aquí y ahora cuando vaya por encima esto y ponerlo, se mueve a la parte superior rápido sobre él otra vez y se trasladó a la botella. Pero como dije antes, vamos a lograrlo. Al hacer clic en él, se va a convertir en círculo. Entonces hagámoslo. Entonces déjame tomar la plaza, Tráela de vuelta a este centro también. Y voy a hacer el radio fuera de la plaza como 100 que es un partido para convertirlo en círculo. Entonces ahora si abrí de nuevo mi vista previa en un clic en la plaza, cerrar el círculo va a la plaza. Esto te da una idea de lo básico fuera de la animación. Podrías prácticamente hacer lo que quieras. Entonces, por ejemplo, al hacer clic en el círculo, podríamos cambiar su color, y naturalmente va a pasar de este color a este color. También podemos hacerlo, uh, uh, para que se mueva antes de que le demos una sombra. Y así podrías realmente hacer todo esto una vez que hayas terminado Y principal hace un gran trabajo de mantener las animaciones agradables y suaves, para que siempre transiten entre las propiedades. Eso son más o menos los fundamentos de la animación y la U I de principio y al siguiente vas a seguir adelante y mirar el sketch y mirar su diseño y planear cómo vamos a importarlo en principio. 4. Planificación e importación: De acuerdo, entonces aquí estamos en boceto. Ahora, el propósito principal de todo este curso realmente Teoh para ir sobre principio y el proceso de animación ahí dentro. Entonces por ese bien ya han diseñado la interfaz aquí en sketch, estoy asumiendo que probablemente ya tengas un diseño también, sea para móvil o una aplicación Web, cualquiera que sea el caso, eso también funcionará para este caso. Hice un poco de burla de una aplicación de películas. Es una forma de configurar tal vez tus películas favoritas o algo en esas líneas. Aquí la idea es que tengas una toma de perfil, un tipo de mis favoritos y luego tu lista de películas. Hay un montón que agregué. Aquí solo agrego la miniatura así como el título y tal vez las categorías de la película. Y también hice una página de detalles. Entonces, por ejemplo, si haces click en Kill Bill justo aquí abajo, queríamos ir a esta pantalla. Entonces una vez que puse estas dos páginas arriba, ahora es el momento de pensar en cómo queremos que esto se anime. ¿ Cómo queremos que aparezcan las transiciones al hacer clic en cierta película y tal vez cómo quieres que se carguen las páginas. Lo que tenía en mente era cuando cargas la página inicial, esta página de perfil, haríamos que todo viniera en este comediante muy rápido, pero en un um friolly Así que lo que estaba pensando es posiblemente esta barra verde arrancaría lona aquí y se deslizará hacia abajo. Sube arriba aquí. Um, quizá la flecha y el menú se deslicen. Y muy rápidamente, la imagen de perfil tal vez sea pequeña, y nosotros y nosotros la cultivamos muy rápidamente también. Y haríamos que el título se alimentara así como estas películas aparecieran rápidamente una por una. Por supuesto, tal vez la espalda y el menú probablemente no estarían animados en un escenario de la vida real. Pero sólo por el bien de este tutorial, voy a conseguir animarlos de nuevas maneras. Um y entonces pensé que tenía para la película. Al hacer clic en Kill Bill, por ejemplo, la sección superior de la sección inferior se deslizaría tanto hacia adentro como desde arriba desde abajo , y luego vendría el título, y de alguna manera tal vez simplemente se desvanezca dentro y deslízate muy rápido y lo mismo con la descripción de la película. Ahora que tenemos esa planeación en su cabeza y tenemos una idea de cómo queremos mantenernos animados, es hora de seguir adelante e importar estos en boceto. Hay un par de formas de importar el archivo. La forma más fácil es usar capturas, um, um, función de importación. Entonces no soy bocetos. Sus principios importan mitri. Voy a seguir adelante y principio abierto y porque tengo el documento abierto en boceto si hago clic, Importar va a reconocer que tengo este documento abierto. AMERGen Acabo de hacer clic en importar, y hace un gran trabajo de importar rápidamente todo en sus propias capas, dependiendo de cómo tenía la estructura de carpetas en sketch, conserva esa estructura de carpetas, cual es impresionante. Um, y sí, um, aplanan el texto para que ya no sean ataques. En realidad no se puede editar texto aquí, pero es, um, por el bien, es principalmente sólo los prototipos. Probablemente ni siquiera lo necesitemos para ser un modificable, sino sólo algo de lo que estar al tanto. Parece que todo importado correctamente, excepto título aquí. Matar a Bill a eso, hay un tema. Um, con el enmascaramiento, que , uh, por ahora sólo voy a dejarlo. Y luego cuando lleguemos a esto a este apartado, volveré a abortar sólo esta pieza. Otra forma de importar tus activos es pieza por pieza. Entonces, por ejemplo, si voy a bosquejar y pido que podamos hacer esto ahora mismo y hago clic en la habilidad Título de Bill simplemente copiar comando, ver, y abrir principio y comando V lo importa con todos sus propiedades. Por ejemplo, la sombra de gota aquí, Así que copiar y pegar funciona realmente, muy bien entre boceto y principio. El único es que no consigue posición en el spot de la carrera, así que vamos a tener que moverla manualmente aquí. Entonces ahora que sabes que está en el lugar correcto, voy a borrar el que está detrás de él. Por lo que esto te da una idea de lo fácil que es conseguir tus diseños del boceto al principio. Y en el siguiente video, seguiremos adelante y empezaremos a animar estos pieza por pieza 5. Animar la pantalla de introducción de la entrada: Muy bien, entonces estamos aquí ahora. En principio, tenemos ambos tableros de arte. Están todos en capas, um, y listos para ser animados. Um, lo primero que vamos a hacer es, um, como hablamos en el video anterior. Vamos a tener una idea de cómo queremos esto a Adami. Queremos que la caja verde se deslice hacia adentro. Queremos que la parte posterior y un íconos de menú entren desde los bordes. Ah, y la foto de perfil aquí para aparecer y las películas, vas a subir de forma individual y así sucesivamente. Entonces, empecemos por. Lo primero que vamos a hacer, en realidad es que vamos a asegurarnos de que nos reciban, así que sólo vamos a comando rápido s guardar lo que es asegurarnos de que todos estamos a salvo, sin embargo. Aplicación de películas de mina de carbón. De acuerdo, um, prisión va a hacer es voy a dar click en mi panel de arte perfil. Voy a dar clic en este letrero de flash y luego hacer clic y mantener auto y tenerla sobre el aeropuerto aquí como, oh, y lo que eso va a hacer eso va a duplicar mi arte. Aburrido con todas las mismas capas en lazo, todo posiciona como deberían estar. Um, voy ahora, que renombró estos son vierte el 1er 1 Voy a llamar un perfil vacío. Y el 2do 1 lo voy a llamar es solo perfil. Tan vacío es porque inicialmente va a estar vacío. Y luego todos estos artículos van a venir súper rápido, Pero de una manera fresca, voy a apretarme en mi caja verde y otra vez Ah, moverlo todo el camino hacia arriba. Entonces por defecto, está por encima del lienzo, así que no lo veo. Y te das cuenta que cambia en una vista previa aquí. Ahora, cuanto voy a mover el cursor del ratón sobre la pantalla, nota que anima en lío porque auto ah, viene por sí mismo. Entonces es así de fácil, y ya tenemos un poco de animación en marcha. Um, vamos a conseguir que todo entre, y luego arreglaremos el cronometraje. Lo siguiente que vamos a hacer es que voy a flotar sobre la flecha que está aquí, moviéndome de la lona. También voy a hacer lo mismo por el menú de aquí. De acuerdo, hagamos una vista previa rápida. Voy a tener por aquí nota de cómo el todo que viene hizo lo mismo con un disparo de perfil. Voy a cambiar la escala a cero significa que es tan pequeña que no existe. Y, uh, todavía avance ahora, rápido. Video que avisa. Yo estoy flotando aquí. Todo está entrando ahora. Todo entra al mismo tiempo, por lo que no se ve genial. No hay ah, como movimiento fluido a ella. Se siente un poco robótico. Los momentos, Pero vamos a arreglar eso. También me voy a llevar mis favoritos, y voy a cambiar la opacidad. 20 Entonces eso lo va a alimentar. Entonces ahora que tenemos, um, todas estas animaciones ah configuradas, arreglemos con el tiempo. Vamos a hacer estas películas poco después, pero por ahora, vamos a ocuparnos de toda la zona top. Entonces voy a hacer clic en la flecha aquí, que es la transición entre estos dos, y eso va a aparecer una línea de tiempo aquí en la parte inferior con todas las capas y cómo están, uh, uh, cómo y cuándo se están moviendo. Por lo que actualmente, por defecto , todos tardan exactamente 0.3 segundos. Te diste cuenta de que 0.3 aparece cuando sostengo aquí al amigo clave. Y no hay fácil en el aviso de default aquí para todo y te dice lo que se está moviendo. Por ejemplo, de mis favoritos es sólo cambiar la capacidad. El perfil está cambiando la escala. El menú es bueno. ¿ Es la abolición x? También lo fue la espalda y la reja con posición blanca. Entonces, um, primero que vamos a hacer es voy a agarrar todos los puntos aquí, y voy a llevarlos, tal vez todo el camino hasta un segundo. Eso podría ser demasiado largo, pero el derecho a salir y ver cómo se ve eso. Y lo siguiente que voy a hacer es bueno, voy a seleccionar todos estos. Voy a cambiar la flexibilización para ser, um, como, una facilidad muy fuerte de entrada y facilidad de salida y qué es eso, voy a usar una provincia personalizada. Vas a renunciar a una 001 Y ese tipo de crea esa forma de s. Lo que significa que va a venir súper rápido, más despacio, y luego ir y y hacer clic súper rápido en enter. Entonces ahora todos entran con ese efecto. Veamos cómo se ve eso. Voy a hacer clic aquí en el botón de rebobinado. Voy a flotar hacia abajo. Te das cuenta de cómo ahora todos tienen que les afectan? También me tomaré un segundo, elijalo un poquito de tiempo, para que veas que es animado y se ve genial. Algo que se ve un poco apagado ahora mismo es que todos entran a la misma hora exacta . Entonces démosle un poco fuera de la vida y, um, que vayan un poco diferentes momentos. Lo primero que hay que hacer es quizá tener la caja verde viniendo por sí sola. Entonces esta es la caja verde aquí. Um, y voy a tener el perfil viniendo poco después y luego el menú atrás. Ah, mi historia de costos después de eso y los mis favoritos se liberan en un poco después de eso. Por lo que todo es súper sutil, pero crea un pequeño efecto fresco. Rebobinado tan rápido que te das cuenta. Ahora, perfil entra, luego eso se desliza hacia abajo y se ve bastante guay. Eso es eso. Bastante fácil. Ahora, hagamos las películas. Um, vamos a hacer que todas las películas entren individualmente, lo cual va a quedar genial. Me encanta. Más trabajo. Pero al final, creo que va a ser una buena paga. Entonces voy a dar clic en esto, y actualmente está en una carpeta doble rápido en esa carpeta y años todas mis capas, igual que no eran sketch um y están ordenadas de la manera correcta. Por ejemplo, Toy Story está en la parte superior después del futuro Braveheart y te das cuenta que el orden aquí es el mismo, lo que sólo nos va a facilitar a Tammy. Entonces voy a dar clic a todas estas películas y de nuevo, estoy en el auto. Aquí estoy en la pantalla inicial. Cuando esté todo vacío y los voy a mover hacia abajo, voy a mantener turno y poner la flecha abajo 12345 Así que 50 pixeles y también voy a hacer que todos sean cero un pasaje E Así que ahora todos son invisibles y están un poco abajo. Y entonces aquí están en la posición correcta y toda su capacidad, Lo mismo aquí. Voy a seleccionarlos a todos. Y voy a cambiar el efecto de flexibilización de la misma cosa. 1001 Tan fuerte, Fácil entrar y salir, y voy a hacer que todos también tomen un segundo. Veamos cómo se ve esto primero, y luego vamos a arreglar la escalada igual que pensábamos. Todos se deslizan de nuevo. Vienen a la misma hora exacta, lo cual se ve un poco raro, pero lo arreglaremos. Entonces eso es, um tomémoslos en un sentido. Bueno, entonces vamos a volver al futuro ahora y moverlo un poco después de Toy Story. A lo mejor un 0.5, así que solo muy sutil. Y el otro 1 a 10. Yo soy un juego de niños. 15. El té es cada 20 interestelar 25 pavo. Entonces es súper conformarse, pero vienen un poco, uno tras otro. De acuerdo, entonces veamos cómo se ve esto. Aquí vamos. Entonces tal vez necesitan estar moviéndose sólo un poquito. Ah, más de 50 píxeles. Voy a llevarme todas las películas aquí, y las voy a bajar. Otro 12345 Otros 50 píxeles, lo que hará que esa transición sea un poco. Ahí vamos. ¿ Qué es mejor? Eso es bastante guay. Una cosa va a hacer es que voy a hacer que todas las películas entren un poco después. Por lo que ves que entran los otros elementos de cabecera. Y entonces, pues bueno, ya viene. Vamos a seleccionarlos a todos consiguiendo arrastrarlos a algún lugar. Tal vez en algún lugar aquí medio segundo, y todos van a entrar. Por lo que todos los juntos se está tomando un segundo y 1/2. Por lo que apenas es nada, pero crea un romance fresco. Vamos bastante cool. Entonces eso es hecho. Um, en el siguiente video, vamos a hacer algunas interacciones. Entonces cuando tú, uh cuando te deslices por aquí, vamos a hacer que aparezcan estas películas, y vamos a encogerte la, uh, foto del perfil. Um, sé de tipo de cosas. Así que adelante y pon el siguiente video, y llegaremos a esa sección. 6. Los impulsores y las interacciones: De acuerdo, Así que ahora que tenemos la animación de intro luciendo todo genial, vamos a añadir algunas, uh, interacciones aquí. Entonces cuando te desplazas hacia arriba vas a hacer esta pequeña transición aquí, Um, Así que aquí, vamos a meternos en los conductores. Entonces cuando haces clic en conductores arriba aquí, um, en realidad, antes de hacer eso Pero, uh, lo que queremos hacer es que esto sea las películas, ser algo que puedas desplazar. Entonces cuando haces clic en las películas aquí y vas a la izquierda aquí y bajo vertical Rápido esto y desplazamiento rápido. Entonces lo que eso significa Déjame ir con un bonito ahora mismo ¿qué? Eso significa que esta es creíble la casa? ¿ Justo así? Ahora es ah, no haciendo lo que quiere, pero vamos a arreglarlo. Entonces lo que nosotros ahora que esto es cruel Herbal en su en un grupo aquí, Um, usted toma el punto aquí y lo arrastra arriba aquí porque queremos que se desplace de aquí a aquí. Y también queremos desplazarnos hasta el final de la regional en ella, Haz esto y muévete este año. También voy a apurar esta cosa aquí, que dice, equipar algunos Blair Cuando renuncié que esta cosa desaparece. Entonces cuando vuelvo a mi línea de vista previa y desliza hacia arriba Así notaste cómo esto se desplaza por aquí. Ahora, la razón por la que simplemente va aquí es porque, um, el fin de la película aquí. Entonces si tomo esto y lo muevo aquí arriba, vuelve aquí. Ahora puedo dormir un poco más alto. Um, así que hagámoslo en algún lugar por aquí. ¿ De acuerdo? Entonces ahora tenemos ahora que tenemos este efecto scroll si vamos a los conductores. Ah, te darás cuenta de que aquí tengo una línea de tiempo. Y si tomo esta película de línea de tiempo, es más o menos una línea de tiempo de los efectos de scroll. Entonces, um, para que podamos hacer que ciertas cosas sucedan en ciertos puntos de esta cruel. Um, ya verás a qué me refiero en un minuto. Um, así que lo queremos cuando te desplaces, así que voy a llevarme esto y dragón. Nosotros lo queremos cuando te desplazas por aquí alrededor de este punto aquí mismo. Queremos que esta imagen empiece a encoger, así que voy a dar click en esta imagen, y voy a dar click en el lado más justo aquí, y quiero cambiar su escala. Entonces voy a añadir un marco clave aquí mismo. Qué va a empezar en este punto de la escuela y voy a hacer que termine. Pero es en estos puntos de esta cruel y lo que eso va a hacer que la escala se va a convertir en C 0.3, Um, así como queremos que cambie la posición Y. Entonces voy a añadir otro fotograma clave en el mismo punto aquí mismo, que es la posición Y y que obtengo y volver a esto. Mantente aquí y voy a hacer que sea justo aquí. Entonces solo con eso, te darás cuenta ahora mientras me estoy desplazando. Y cuando llegue a este punto en el tiempo, esta animación va a empezar y va a empujar esto hacia abajo y boom stick aquí. Por lo que todavía hay algunos problemas aquí como te das cuenta, y lo arreglaremos. Entonces el problema aquí es que este, um, este efecto de escolaridad está subiendo demasiado alto. Entonces voy a tomar esto y voy a arrastrarlo por aquí. También voy a hacer tal vez esta escala hacia abajo sólo un poquito más. A lo mejor 0.2. No lo consigo pero oops. Va a reventar su posición justo el ataque. Entonces mira otra vez. Entonces cuando llega aquí, ¿quién viene y sabes qué? Voy a hacer que, uh, uh, empiece a entrar sólo un poco más rápido cuando tome estos dos fotogramas clave los moverán aquí mismo, lo que va a hacer que empiece a moverse un poco antes. Bastante cool. Otra cosa que vamos a hacer es que los vamos a hacer mis favoritos. Librecidos, um, por aquí. Entonces voy a apurarme en mis favoritos, y voy a dar clic en el signo más aquí e ir a un pasaje E y yo Esto apunta, voy a hacer de capacidad cero el mismo trato. Uh, cuando llega a este punto en el tiempo empieza a alimentarse esta cosa empieza a empujar. Bastante simple. Vamos a nuestra vista previa probando efecto tan muy simple y bastante cool. Está bien. Um, lo siguiente que vamos a hacer es que vamos a hacer ah, la transición en la cuenta de matar. Cuando hagas click en eso, va a Adami. Ah, entra la película. Entonces, um, vamos a dar click en la película matar a Bill. Entonces si hago doble clic aquí yendo a este grupo, haga clic en la carpeta y luego haga clic en, uh, el signo de flash aquí, y queremos que esto sea un toque. Entonces cuando lo toques, vamos a ir a esta pantalla aquí. Entonces si pruebo esto ahora mismo, pero simplemente se va enseguida porque no hay transiciones, pero lo haremos en un segundo. Ya que estoy aquí, también lo voy a hacer cuando te pongas la espalda. Pero vamos a volver a la pantalla aquí, sólo para que tengamos una manera de ir y venir. Muy bien, entonces vamos a tomar un concepto similar al que hicimos aquí. Entonces por defecto, todos estos van a entrar. Um, va a ser bastante simple bastante rápido. Entonces, um, lo que voy a hacer aquí es que voy a dar click en todo este tablero de arte. Hice lo mismo rápido en este Goto Otto y vete aquí. Um, así que cuando toques este tipo de ve aquí, entonces se va a ir aquí. Dicho eso ahora, en esta pantalla, podemos hacer algunas cosas. Por ejemplo, vamos a hacer que esta caja amarilla esté todo el camino arriba en dura. Vamos a hacer esta sección inferior todo el camino hacia abajo y vamos a hacer que estos tres, uh, opacidad cero, y vamos a hacer que también los golpeen un poco. 12345 Y lo mismo con el título. Vamos a hacer que la capacidad sea cero, y vamos a moverla. Ah, veamos que este viene de arriba. Entonces lo voy a dar por vencido. 12345 Así que ahora rápido, en el auto encendido aquí. Todas son mis transiciones otra vez. este momento, no hay flexibilización ni ningún momento real para todos ellos. Pero hagamos lo que hicimos con, uh, la primera pantalla. Toma thes Oh, hazlos un segundo y consigue un selecto. Todos ellos otra vez y rápido. Esto en la misma posición 1001 Sólo así tiene una sensación consistente a la calle inicial. Um, veamos cómo se ve esto, En serio? No hay tiempo, y todos vienen al mismo tiempo, pero todavía bastante cool. Algo anda mal aquí. Observe que hay algo mal en el año de las películas, pero eso está bien, así que intentemos ahora dar click en Kill Bill. Ve. Entonces le faltan algunos, uh, algunos efectos geniales, por ejemplo, cómo apunta la pantalla de la pantalla a la otra pantalla, pero lo arreglaremos en un segundo. Lo primero que quiero ver es por qué esta espalda? Pero no está funcionando. Creo que sé por qué. Es porque no lo vinculamos desde aquí tan rápido. Aquí. Vuelve solo para que podamos ver sus animaciones. Probemos esto otra vez. ¡ Boom, Boom! Entonces, ¿qué está haciendo que no se vea demasiado guay? ¿ Es el hecho de que salta rápidamente de la otra pantalla a esta pantalla? Um, la forma en que debemos hacerlo es que estos artículos se salen de la pantalla y luego viene el otro , entra. Entonces lo que vamos a hacer es llevarnos estas películas y vamos a pasarlas a esta obra de arte. Um, pero lo que vamos a hacer, en realidad, antes de que haga eso, déjame volver con los conductores y volver al primer cuadro de tee. Entonces estamos viendo esto. El inicial. Quiero una cotización cero aquí mismo. Entonces voy a hacer clic en estas películas, y voy a pegarlas en este tablero de arte, y voy a desvanecerlas. Por lo que opacidad cero. También los voy a bajar un poco. Entonces lo que eso hace es cuando hago clic en Kill Bill en lugar de que salte rápidamente. Estas películas van a desvanecerse y deslizarse hacia abajo. Voy a hacer lo mismo por estos chicos de aquí. Entonces la caja verde y la foto de perfil y los mis favoritos los van a copiar todos, pegarlos aquí y tal vez la caja verde. Voy a hacer que se deslice hacia arriba, um, perfil. Voy a hacer que vaya escala cero y los favoritos. Voy a hacer que eso simplemente se asuste. Ve cómo se ve esto rápidamente. Tan rápido. Matar a Bill. Fue un poco lento ahora mismo. Toma algo de tiempo. Y además, una cosa importante es el color de fondo, todos los cambios, lo que hace que se vea bastante duro. Entonces voy a dar clic en este tablero de arte, y noto que está Phil. Vas a cambiar ese dedo blanquecino. Veamos cómo se ve esto ahora llegar ahí cuando la razón por la que sigo saltando el negro es porque este aeropuerto de aquí es negro. Entonces voy a renunciar a esta rápida recarga ese blanco también. Y las cosas se iban a poner mucho más lisas. Ahora creo que polla tu cuenta. Boom, boom, boom. Genial. Enfriar. Ponte el arma trasera salta rápidamente aquí, um, um, dando click en la parte posterior. Pero entonces déjame llevarme esto aquí. Este tablero borra aquí la transición. Esta habitación. Está bien. De acuerdo, así que eso es bastante guay. Um, mira esto una vez más. Entonces otra vez, algo está mal aquí un poco, pero está bien. Tienes la idea de la lección inicial con sobre esto esto sale estos vato. Esto viene en bastante cool. Por lo que par de los efectos cool que puedes hacer si quieres jugar con las opciones fáciles. Entonces permítanme, por ejemplo, volver a nuestra Ah inicial, intro inicial. Rápido en línea aquí. Y echemos un vistazo al perfil. Puedo cambiar esta costumbre a algo así como primavera, lo que le dará un equilibrio. El efecto eso te miras ahora, me refiero a previsualización, retrocede, nota cómo este tipo de saltos y tiene un poco de equilibrio a ella. Para que puedas jugar con algunas de estas que no tienes que usar siempre al cliente. Hecho puedes jugar con las preconstruidas. Um, pero sí, la primavera es bastante guay. Está dentro y fuera son bastante comunes. Um, otra vez, tienes control completo con, uh, con esto de aquí. Entonces si conoces tus coordenadas, aquí, puedes hacer algunos efectos geniales. Entonces eso es más o menos lo esencial de la lección. Um, en el siguiente video, solo te voy a mostrar algunas técnicas de exportación geniales sobre cómo puedes meter esto en un GIF animado, uh, e incluso configurarlo de una manera donde puedas publicarlo para dribble o algo así. 7. Exporta: Está bien. Um, algunas formas ahora, cómo podemos exportar son animación. Entonces un par de cosas realmente geniales en principio es que tiene una manera para que lo exportes. Espera, espera. Si haces clic en el ícono del video aquí y puedes ver cómo quieres exportar esto, ¿quieres que sea un cursor táctil? Lo que significa que es ese cursor de círculo y flecha, que es solo el cursor que ves aquí. O puedes ocultar el cursor por completo. Um, para nosotros, va a ser un cursor táctil porque esto es una siesta. Mi rapido en este te das cuenta empieza a rotar aquí y ahora está grabando mi acción. Por lo que no te das cuenta. Yo sí. Este boom en el video hace esto. Entonces hago clic de nuevo en el video y no me va a pedir que guarde esto. Podría guardarlo como archivo de película. Ah, o un regalo. Um, así que si hago click, hagamos un regalo, y podrías establecer el tamaño. Entonces solo voy a llamar a esto, uh, misma cosa. Siempre app it save. Dale un minuto. Algo de los regalos es que podrían retomar y sacarlo del espacio. Podrían fácilmente, uh, saltar a 50 cosas más o menos, si no más depende del tamaño del archivo. ¿ Cuántos colores hay ahí? Um, y también la calidad suele bajar. Por lo que si estás planeando publicar esto como un tiro de regate o algo así, es posible que necesites a Teoh. Um, toma esto en el lavado de la tienda de fotos. Fuimos a decir esto como una película hija. Primero importa eso a la tienda de fotos desde su juego alrededor con tu configuración. Cuando estás ahorrando para Web, um, hasta que encuentres el punto dulce donde está fuera de tamaño de archivo decente así como que todavía se ve bien. Pero aquí está nuestro regalo ahora mismo, así que vamos a tener una idea de lo grande que es esto. Entonces esto fue 15 megabytes Esperanza. No está mal, pero sigue siendo, uh, bastante grande. Por lo que se ahorró en tamaño 100, que está destinado para un tiro de regate. Realmente normalmente 800 por 600 es la placa de reconocimiento, y te das cuenta aquí ahorra en movimientos de abarrotes, y lo hicimos bastante cool. Um, el regalo también tiene un poco de sombra de gota dura aquí, Así que si estás planeando guardarlo como regalo y mostrarlo en una presentación o un dribble Shots. Realmente no lo recomiendo sólo porque sale con Ah, y consiguió una sombra de gota bastante dura. Y no tienes espacio para tal vez poner un fondo y o algo así. Entonces otra vez, recomendaría guardarlo ya que no mamíferos e archivo Y luego a partir de ahí, importarlo incluso en efectos posteriores, si quieres y tuvo algunos efectos fríos a ella, Como ponerlo en uno lleno o algo. Y luego a partir de ahí, exportarlo puede, ya que voy a presentar que importarlo a la fototienda. Y luego a partir de ahí te han exportado como regalo. Um, si tienes alguna pregunta, siéntete libre de dejar cualquier pregunta en los comentarios, y haré todo lo posible para ponerme en contacto contigo. Uh, eso es más o menos para el curso. Entonces espero que ustedes lo hayan disfrutado. Espero que hayas aprendido algo. Um, otra vez, Siéntete libre de hacerme cualquier pregunta aquí para ayudar. Muchas gracias.