Adobe Animate CC para todos (2019)

1. Animar CC para todos: Ah, qué pollo desafortunado. Oye, ¿qué pasa? Yo soy Karl, dispara punto histórico TV y quiero enseñarte a hacer animaciones divertidas como esta. Está bien, no es difícil. Tengo un nuevo curso llamado Anime CC para todos. Es que somos principiantes absolutos. Entonces si te gusta garabatear y hacer divertidas piezas de arte, déjame mostrarte cómo sacarlas a la luz. No tienes que ser un genio. Tengo toneladas de videos. Van a caminar lentamente por lo básico de que sabes exactamente qué hacer. Está bien, no nos vamos a poner demasiado duros y complicados. No estoy aquí para presumir. ¿ Todo bien? Quiero que aprendas a hacer cosas realmente geniales. Al igual que hacer casa con impuesto cohete aplicado o hacer algunos ojos duros emoji. Las cosas han estado bien por ahí. No va a ser demasiado complicado. Voy a martillar lo básico para que lo entiendas y te diviertas un tonelada. Este curso integral de principiante incluye no pequeños proyectos para que construyas. Empezando terminado f l a. archivos para todas las lecciones, instrucciones escritas y mi especial siguen a lo largo de videos donde realmente hago todos los pasos que tienen instrucciones en pantalla. Y también hay conferencias en profundidad que no vas a encontrar en ningún otro lugar. Entonces, por favor, salta, toma el curso para dar una vuelta. Sé que vas a estar emocionado con lo que vas a construir. Vámonos. 2. Interfaz: todo el mundo llama por aquí desde Circle dot TV Y hoy estoy muy emocionado de meterte en nuestro primer video de inicio. Vamos a hablar de la interfaz Animate CC antes de entrar, ya sabes, realidad haciendo animaciones. Tengo que asegurarme de que estés un poco familiarizado con el diseño de Animate CC. Entonces te voy a guiar, creando lo que llamamos un espacio de trabajo para que tus herramientas y paneles estén en la misma policía que la mía cuando te esté mostrando los videos. Entonces cuando vayas a hacer clases y esas cosas, tu entorno será más o menos exactamente lo que ves en mis videos. Obviamente, si quieres hacer algunas aciones de clientes, eres más que bienvenido para hacer eso. Ni siquiera necesitas un archivo. Abierto para este primer video habrá información sobre qué archivo estoy usando abajo. Pero por ahora, solo siéntate y mira y cuando termines y configura tu espacio de trabajo como yo y nos iremos a las carreras. Entonces aquí tengo animate cc open y tengo un documento abierto, y quiero mostrarles que el espacio de trabajo o disposición es un poco desorden. Está bien, Hay todas estas herramientas y paneles por todo el lugar. Ni siquiera puedo decir lo que estoy mirando. Entonces para este curso, quiero que en casa tengan el mismo espacio de trabajo y disposición de sus paneles que lo que estoy usando en mi pantalla cuando graba. Está bien, para que así no pases mucho tiempo buscando cosas diferentes. Entonces primero lo primero arriba en la parte superior justo aquí, puedo elegir entre diferentes espacios de trabajo, está bien. Y Adobe dice: Oye, Oye, si eres animador, este es el espacio de trabajo que te puede gustar usar con la línea de tiempo hasta el panel de color superior por aquí. Pero para este curso, me voy a quedar con lo esencial, acuerdo? Estoy grabando a una resolución de 12. 80 por 7 20 Así que estos videos se ven bien en una amplia gama de pantallas, desde teléfonos hasta tabletas hasta computadoras de escritorio, y con este espacio de trabajo esencial. Es más o menos exactamente cómo usaría las cosas con la pequeña excepción de que realmente me gusta tener mis herramientas a la izquierda. Entonces va a dar clic aquí, y voy a arrastrar todo el camino hacia la izquierda Y cuando vea esa pequeña línea azul, eso significa que ese panel se va a ajustar en su lugar. Está bien, puedo dejar mi panel una especie de libre flotando si me gusta, Pero quería quedarme en un lugar por aquí, y luego solo lo voy a triturar. Voy a tener una lección sobre la creación de tu propio espacio de trabajo personalizado y cómo abrir y expandir y moverse por estos paneles. Es un poco una forma de arte, pero en este momento realmente quiero enfocarme en que ustedes chicos se metan en la animación lo más rápido posible . Ahora que mi espacio de trabajo está configurado, déjame solo tocar esta animación y verás algunos círculos verdes animando algún texto. Y es bastante simple. Ahora de lo que quiero hablar primero alivia el escenario, vale, y el escenario es este rectángulo que estamos viendo en medio de mi pantalla con el borde negro y el fondo naranja. Ahora el escenario se utiliza para definir el área visible de nuestra animación. Cualquier cosa fuera de ese escenario no va a ser visible en nuestro video regalo final o animación de lienzo html cinco, así que tengo a Herman por aquí y verás que hay algunos de estos círculos que son una especie de la mitad en el escenario y la mitad fuera del escenario. Y lo que llamamos el área de pegado tablero que quiero hacer es una película de prueba de control, y veremos esta animación en un navegador Web, está bien. Y lo que quiero señalar es que no se ve a Herman aquí a la derecha. Apenas estamos viendo el color de fondo blanco predeterminado de la página HTML y verás que algunos de estos círculos están siendo cortados porque la mitad de ellos están fuera del área definida por el escenario de vuelta en el enemigo Sisi. Voy a pasar al panel de propiedades, que nos va a dar diferentes propiedades de nuestra etapa aquí. Podemos cambiar el ancho y la altura. Entonces si quiero todos estos círculos como parte de mi animación visible final, podría o bien escribir un nuevo número aquí. Yo sólo podría hacer algo así como 500. Pero también quiero mostrarles que este número aquí es un valor de deslizador para que pueda deslizarlo hacia abajo si quiero y hacer algún afinación fina, solo con mi ratón. Entonces ahora la próxima vez que vaya a probar película en un navegador, verás que vamos a ver básicamente el fondo de todos esos círculos ahí. De acuerdo, entonces lo que sea que esté en el escenario va a ser visible en nuestro documento final. De lo siguiente de lo que quiero hablar es del panel Herramientas. Contamos con una serie de herramientas para seleccionar y transformar elementos así como crear ilustraciones y formas vectoriales y texto. Tendré lecciones sobre la mayoría de estas herramientas avanzando, pero por ahora, solo quiero mostrarles que vamos a estar usando bastante esta flecha negra o la herramienta de selección para hacer clic en cosas para seleccionarlas y moverlas. Y también tenemos aquí la herramienta de transformación libre, que podemos utilizar para escalar artículos o escribir. Tómenlos libremente, no golpees, deshace unas cuantas veces para devolverlo a la normalidad. Y así no necesito mostrarte ahora mismo cómo usar la herramienta de rectángulo para crear un rectángulo o la herramienta ovalada para crear un óvalo. De nuevo, tendremos lecciones sobre dibujo y manipulación del arte y crear texto a medida que vamos a lo largo este curso avanzando, quiero llamar nuestra atención ahora sobre la línea de tiempo en la parte inferior de mi pantalla. Y vamos a estar pasando mucho tiempo en la línea de tiempo mostrándote cómo leerlo, cómo crear animaciones en la línea de tiempo. Pero básicamente la línea de tiempo nos permite especificar cómo se van a ver las cosas en un determinado punto en el tiempo o en un cierto fotograma de nuestra animación. Lo que estoy haciendo en este momento es agarrar aquí este rectángulo rojo, al que se le conoce como nuestra cabeza de juego. De acuerdo, y lo que estoy haciendo es simplemente fregar a través de una serie de los fotogramas que tenemos en nuestra película. Siempre que veamos estas flechas aquí con el fondo azul, eso nos va a decir que ahí sucede algún tipo de animación. De acuerdo, Así que como estoy fregando de ida y vuelta año, ya verás que tenemos una capa en la línea de tiempo llamada Título. Y ahí es donde el título se está desvaneciendo y subiendo. Tengo montones y montones de capas para todas estas diferentes bolas son círculos de esporas, si se quiere, donde todos están animando de manera escalonada otra vez, me voy a centrar mucho en mostrar que tienes que crear animaciones. Voy a explicar en detalle cuadros, fotogramas clave, cómo agregar fotogramas, manipular tramos de fotogramas de animaciones. Y vamos a pasar mucho tiempo en la línea de tiempo a medida que avanzamos. Pero por ahora, solo quiero mostrarles que básicamente es donde pasa toda la magia de nuestra animación. Todos estos pequeños círculos negros que se ven aquí representan un recuerdo. fotogramas clave están bien, son puntos clave en nuestra animación, y verás que este tipo de texto se desvanece y sale de abajo. Si quiero que ese texto entre de arriba, Aiken, Aiken, vuelve al primer fotograma de Frankie de esa animación. Selecciona ese texto que es invisible en este momento, y puedo usar mi herramienta de transformación para moverlo aquí arriba. Ahora, la próxima vez que toque esta animación, verás que la tecnología inicia la parte superior y se mueve hacia abajo. Muy bien, para poder editar la escala de posición, una rotación o Alfa de cualquiera de estos elementos siempre y cuando esté ajustando un fotograma clave. Pero de nuevo, les voy a mostrar a todos los internos fuera de trabajar con la línea de tiempo y crear animaciones. Quiero llamar su atención ahora de nuevo al panel de propiedades, que es donde vamos a ver diferentes propiedades fuera de lo que hayamos seleccionado. De acuerdo, la última vez que hice clic, algo realmente estaba en el escenario. Entonces estamos viendo propiedades del escenario. Si hago clic en Herman, el panel Propiedades ahora me está diciendo que tengo un gráfico seleccionado y me está dando la posición X e Y así como el ancho y la altura. Si hago clic en un fotograma en la línea de tiempo, el panel de propiedades va a cambiar para mostrarme propiedades de ese fotograma. Muy bien, podemos poner una etiqueta en un marco. Podemos ajustar la flexibilización, pero solo quiero señalar que el panel Propiedades es contextual porque mucha información sobre lo que sea que hemos seleccionado. Entonces si hago clic en el tablero de ritmo o en el escenario, obtengo las propiedades del escenario, puedo obtener propiedades del símbolo o puedo obtener propiedades del marco. De acuerdo, entonces por eso es realmente importante, cuál de los paneles esenciales, siempre queremos tenerlo accesible para que podamos ver información y cambiarla sobre las cosas en las que hemos hecho clic. Lo último que quiero mostrarles es la biblioteca. Entonces justo al lado del panel de propiedades, tenemos la biblioteca, y la biblioteca es donde vamos a almacenar símbolos, que son activos que iban a estar reutilizando a lo largo de nuestra animación. Está bien, te darás cuenta de que para este documento, tengo tres símbolos. Tengo un círculo verde. Tengo a este tipo, Herman, que tiene un nombre sencillo, insistente de Snorkel ahora mismo y tenemos un título. De acuerdo, ahora es genial lo de los símbolos es que se pueden reutilizar varias veces en nuestros documentos. Y si edito un símbolo, todas las instancias de ese símbolo en mi película van a ser actualizadas. Entonces digamos que un director de arte dice: Oye, Oye, ¿ sabes qué? Yo quiero que ustedes vendan círculos azules ahora o algo más. Bueno, puedo hacer doble clic en el círculo para editarlo y déjame solo mostrarte muy rápido. Voy a tomar ese Phil verde, y voy a cambiarlo a un bonito azul claro. Y entonces ahora, cuando vuelva a ver una mirada lo que pasa en mi animación. Cada instancia de ese círculo es ahora azul. Por lo que quieres cambiar de verde a azul aquí en el texto. Pero es increíblemente poderoso cómo funcionan los símbolos. Y vamos a tener toda una lección profunda sobre crear símbolos, editarlos, intercambiarlos. Vamos a pasar por las obras. Está bien. Pero sólo quiero mostrarles que la biblioteca es donde tenemos todos los símbolos o si se quiere , personajes que vamos a estar usando a lo largo de nuestra animación. Por lo que mientras tengas tus trabajos basados en lo esencial, vas a tener fácil acceso a las herramientas que voy a estar usando el escenario, la línea de tiempo, biblioteca y propiedades ahí número de herramientas aquí en paneles que pasarán, como nuestro mezclador de color o muestras de color. Pero de nuevo, tenemos un gran camino por delante, y voy a meterme en todos estos cuando sea el momento. De verdad voy a querer enfocarme, aunque en ponerlos en marcha con Adam Nation en el próximo video, les voy a mostrar los tres tipos de animación se van a construir, y vamos a conseguir que construyan algunas animaciones en los tuyos propios. Bueno, ya sabes, golpeando 3. 3 tipos de animación: Por lo que ahora que tenemos un entendimiento decente de nuestros trabajos basado en diferentes paneles dentro de C animado , quiero enfocarme en los tres tipos de animación que estarán creando en este curso. Muy bien, esto sólo va a ser una visión general de los Tweens clásicos, animación enmarcada clave y forma Tweens. Está bien, esto es sólo para darte una idea del tipo de animaciones que se van a construir. No va a ser una inmersión profunda en cada uno. En este archivo que tengo abierto, tengo estos tres tipos de Tweens en tres capas diferentes. Entonces el 1er 1 del que vamos a estar hablando es lo que se llama un clásico Tween. Y ahí es donde un objeto se va a mover, escalar, girar, cambiar su alfa o tienda de campaña sobre una serie de marcos. Y básicamente, lo que haces con un clásico Tween es que le digas al anime la posición inicial y la posición final, y se da cuenta de todos los fotogramas en medio. Entonces una cosa puedo cambiar realmente rápido y enmarcar una aquí del círculo es que ya sabes, podría seleccionar ese círculo, ir al panel de propiedades y bajo estilo podría cambiar la carpa para que sea de cualquier color. Yo quiero que lo hagas así de azul. De acuerdo, así que ahora en el fotograma uno, es azul en el cuadro 20 es naranja, y el ahora anime descubre cómo animar el cambio de tinte ya que está cambiando la escala en la posición. Muy bien, así que estos Tweens clásicos son más o menos las animaciones más fáciles y populares que estarán creando a lo largo de este curso. Y voy a estar explicando de nuevo los fotogramas clave, cómo funcionan y todo eso a medida que avanzamos. El siguiente tipo de animación es una animación enmarcada clave, y estoy usando esta explosión como ejemplo. partir de una animación de fotogramas clave básicamente en la animación enmarcada clave, estás creando nuevas ilustraciones en cada fotograma. De acuerdo, Así que a medida que avanza aquí, verás que tenemos estas pequeñas bolas de fuego naranjas y amarillas que progresivamente se hacen más grandes y se extienden. De acuerdo, entonces cada uno de estos marcos está dibujado a mano, y utilizarías animaciones enmarcadas clave para explosiones y cosas como ciclos de caminata o cualquier tipo de animación de personajes articulada, posiblemente hundimiento de labios también, donde necesitas hacer cambios realmente precisos entre fotogramas y cada fotograma es más o menos drásticamente diferente al que lo precede. A continuación hemos dado forma a Tweens y estos aires realmente cool en que nos permite seleccionar una forma inicial en el primer fotograma y una forma final en el último fotograma y animar inteligentemente Tween el morphing de una forma en otra. Y puedes tener múltiples formas en el primer marco y múltiples formas en el marco final. Y va a hacer algunas cosas bastante geniales, pasando del fotograma uno al último fotograma de esa secuencia. De nuevo, no voy a profundizar en cómo montamos y construimos estas animaciones en este pequeño resumen , pero sí quiero que te des cuenta de algunas pistas visuales Ese enemigo nos va a dar el número uno . Cuando estamos haciendo estos clásicos Tweens. Quiero que noten que aquí tenemos este lapso azul de marcos y ven una flecha, un marco clave. La animación va a tener un montón de estos círculos negros, lo que nos dice que tenemos nuevos fotogramas clave en cada fotograma, y un fotograma clave básicamente te dice que cada fotograma va a verse un poco diferente al anterior o después de él . Y luego, por último, esta forma Tween se muestra con este fondo verde y la flecha. Por lo que deberías poder, ya sabes, con el tiempo, poder escanear en fl un documento y saber qué tipo de Tweens y animaciones se están utilizando . Entonces otra vez, resumen rápido. Entonces esos son los tres tipos de animaciones que nos estaremos centrando en esta clase, y espero poder meterte en la primera animación que ibas a construir. Bueno, ya sabes, golpeando. 4. Primera combinación: Está bien. Entonces, hasta ahora te he estado mostrando este problema por aquí. Esto es que realmente no has hecho nada aún. Yo lo sé. Bueno, escucha, en realidad te voy a mostrar cómo construir tu primera animación. ¿ Todo bien? Yo sólo quiero que te sientas, sin embargo, y me veas hacerlo. Voy a mantenerlo realmente simple. No voy a explicar todo con gran detalle. Simplemente te voy a guiar por la mecánica básica de crear tu primera animación clásica de Tween . Y yo no quiero hacer nada. Yo quiero que me vigiles. Entonces en el próximo ejercicio, realidad voy a tener instrucciones en la pantalla que vas a seguir, y va a ser realmente fácil. Entonces eso es todo. Vamos a llegar a ella. Entonces he abierto arranque de ovni, y el escenario es bastante grande aquí mismo, así que voy a dio está en la esquina superior derecha. Puedo cambiar el tamaño, pero desafortunadamente, la talla que quiero, que es 75% no está en ese menú. Entonces déjame solo hacer 75 esto me permite ver toda mi etapa y un poco de la tabla de pasta circundante. Voy a asegurarme de tener mi herramienta de selección seleccionada la flecha negra y vamos a ir a la biblioteca y voy a dar click en el OVNI, y voy a tomarlo y arrastrarlo hacia fuera al escenario. Es un poco grande para lo que necesito ahora mismo, Así que voy a ir a la herramienta de transformación libre por aquí y ya verás ahora que tengo estas asas de control Así que manteniendo pulsado el turno, puedo escalar y constreñir la relación de aspecto, lo cual es muy bonito si no sostengo turno abajo, puedo hacer esto o hacer aquello. ¿ Qué? No quiero dio. Entonces déjenme deshacer ese Comando Z o control Z manteniendo pulsado el turno. Simplemente lo voy a hacer un poco más pequeño y luego lo voy a mover por aquí. Por lo que en el inicio de mi animación, el OVNI va a estar fuera del escenario y bastante pequeño. No voy a bajar a mi línea de tiempo, y voy a dar clic en Capa número 20 para que esté resaltada o seleccionada, y voy a ir a insertar fotograma clave de línea de tiempo. Muy bien, Así que ahora la jugada tenía saltos hacia adelante para encuadrar el número 20. Ahí tengo un círculo negro o un marco clave, y voy a tomar el OVNI y llevarlo a algún lugar en medio del escenario. No tiene por qué ser perfecto. Y entonces ahora quiero que el enemigo cree los fotogramas entre el fotograma uno y el fotograma 20 para que consiga una animación suave. Voy a volver al marco número uno, y voy a dar click en él para que quede resaltado y luego ir a insertar, crear clásico Tween. Cuando hago eso, ahora tenemos esos marcos poniéndose azules. Vemos esa flecha de la que hablamos en el último ejercicio y ahora cuando arrastre el play head hacia adelante, he creado mi primer clásico Tween Uh, así que vamos a hacer un clásico más Tween y luego voy a dejar que lo intentes. Salgamos al encuadre número 40. Voy a dar click en ese fotograma y luego también voy a ir a insertar línea de tiempo un fotograma clave y voy a tomar la nave ahora que tienen un marco clave su primero. Voy a tomar la nave, arrastrarla hasta aquí. Voy a volver al fotograma número 20 y otra vez, quiero animar para crear el Tween entre 20 y 40. Entonces con ese marco resaltado o seleccionado, voy a ir a insertar crear clásico Tween. Ahora, cuando jale hacia adelante, verá que la nave deja el escenario una pequeña última pieza de finura. Volvamos al fotograma número 20. Voy a dar clic justo encima de él o arrastró la cabeza de juego para enmarcar 20 y voy a volver a seleccionar el OVNI. Puedo asegurarme de usar la herramienta de transformación libre aquí, y solo voy a mantener pulsado el turno, escalarlo hacia arriba. Y luego cuando dé la vuelta por la esquina aquí, notarás que tengo ese pequeño icono de rotación junto al cursor va a darle un poco de giro como este. Volvamos al fotograma uno, y puedo presionar, regresar o entrar dependiendo de lo que diga tu teclado o hay un botón de reproducción abajo. Entonces déjame solo presionar sobre eso, y ahora verás mi primera animación. O debería decir, su primera animación. Voy a dar vuelta otra vez, y eso es bastante guay. Todo lo que hicimos fue crear unos fotogramas clave hasta que el enemigo creara estos Interpretes en el medio, y eso es todo amigos. Eso es literalmente el 90% de lo que vas a estar haciendo en tu animada carrera CC, creando fotogramas clave y Tweens clásicos. Entonces lo que quiero que hagas es ver este video una vez más, tomarlo todo, y luego lo que va a pasar es que vas a ir a la siguiente lección, y vas a hacer lo que se llama el seguimiento por donde he dado estos pasos exactos, re grabé solo para ti, y te voy a mostrar como dos o tres cosas. Entonces vas a tirar es el video que vas a ver en pantalla instrucciones que te dicen qué hacer. Lo vas a hacer tú mismo. Entonces me vas a ver hacer el siguiente paso. Va a haber instrucciones en pantalla, y luego lo vas a hacer. Muy bien, Así que este ejercicio aquí es una visión general donde te sientas y así entras y haces eso una vez más y luego pasas al seguimiento solo. Está bien. Ver, del otro lado, golpiza más real 5. El primer seguimiento de la unión: Está bien. Entonces aquí estamos en nuestro primer ejercicio de seguimiento donde vas a construir tu primera animación estará construyendo exactamente la misma animación que me viste haciendo el video anterior. Pero en esta ocasión, voy a dar las instrucciones muy claramente. Vas a ver instrucciones que en la pantalla. Vas a pausar el video, vas a hacer estos pasos en la pantalla, y luego vas a volver, reproducir la siguiente parte del video donde realmente me ves hacer las cosas que vas a leer las instrucciones y hazlo tú mismo. Y eso va a seguir por unos cinco o seis pasos. Al final, vas a tener tu primera animación. Entonces la siguiente pantalla te va a mostrar qué archivó usar y cómo abrirla. Y entonces es todo ¿Estás bien? Diviértete. Muy bien, Así que para abrir el archivo para este ejercicio, vamos a ir al archivo abierto, y vas a navegar a tu carpeta de introducción de animate CC. ¿ Todo bien? Debiste haberlo descargado y extraído ese zip y vas a ver empezar OVNI y OVNI terminado. Puedes abrir UFO terminado si quieres ver cómo se vería este archivo cuando termines todo . Pero quiero que abras arranque OVNI y golpees abierto. Por lo que aquí tengo Ovni inicio abierto. Tengo el lienzo reducido al 75%. Y lo que voy a hacer es sólo usar la herramienta de selección. Voy a ir al panel de la biblioteca. Voy a hacer clic en OVNI y arrastrar OVNI al escenario. Está bien. Viste lo que hice. Ahora mira las instrucciones y vas a pegarle a Paul. No lo es ahora. Pero cuando yo lo diga, cada vez que veas estas palabras, conoces tus patas, vas a hacer los pasos tú mismo, y luego vas a golpear play para ir de nuevo. Entonces ahora mismo, lo que quiero hacer es golpear. Pausa, Hit Paul. Muy bien, Así que hiciste estas cosas. Está bien, sigue adelante. Voy a usar la herramienta de transformación libre y manteniendo pulsada el turno. Voy a hacer que sea casi la mitad de su tamaño normal y moverlo fuera del escenario hasta la esquina superior izquierda . A continuación, haga clic en el marco 20 para seleccionarlo e ir a insertar línea de tiempo. Marco clave arrastró al ovni hasta el centro del escenario. Haga clic en Marco número uno y vaya a insertar, crear clásico Tween Scrub la línea de tiempo Puntera hacia adelante. Observa tu animación en otro fotograma clave en el fotograma 40 haciendo clic en el fotograma Número 40 e ir a insertar fotograma clave de línea de tiempo, selecciona un OVNI y arrástralo fuera del escenario. Ahora vuelve al fotograma 20 haciendo clic en el fotograma 20 e ir a insertar, crear clásico Tween, arrastró el juego de cabeza hacia adelante y hacia atrás y ver nuestra animación volver al fotograma número 20. Seleccione un OVNI, escale un poco hacia arriba, mantenga presionado el cambio y luego gire. Arrastró la cabeza de juego de nuevo para enmarcar uno y luego golpeó Play. Ahí lo tienes. Tu animación final. Enhorabuena. Tú lo hiciste. Eres animador. Salga en Twitter, arma de una manera y díselo a tus amigos Consigue tu currículum. No puedo enemigo. De acuerdo, realidad no es tan duro derecho que vamos a hacer en las próximas lecciones es realmente llegar a la nitty gritty de cómo funciona la línea de tiempo. Vamos a explorar marcos clave, manta, marcos, marcos, agregar marcos, encogiendo marcos, y realmente vas a empezar a entender exactamente lo que estás haciendo. Está bien, vamos a tomarlo despacio Vamos a divertirnos mucho. Vas a hacer algunas cosas geniales. ¿ Todo bien? Ver, ¿ en la siguiente lección? No, ¿en serio? Bueno, ya sabes, golpeando. 6. Línea de tiempo: Bienvenido de nuevo. Acabas de crear tu primera animación clásica de Tween. Te doy instrucciones paso a paso, y ojalá puedas seguirlo. Está bien. Deberías sentirte bastante bien por el hecho de que ahora eres animador. Bueno, ahora es hora de que en realidad te enseñe algo. Está bien, Esta siguiente lección ya es muy importante. Una especie de estas lecciones fundacionales que realmente necesitas tener bajo tu piel para entender realmente lo que vamos a estar haciendo avanzando. Muy bien, te estaremos desglosando exactamente cómo leer la línea de tiempo animada CC. Hablar de marcos, marcos clave y marcos de manta. No, esta no es la cosa más elegante, maravillosa del mundo en marcha. Quiero reiterar que a lo largo de este curso doy clases de muy la misma manera que lo haría si vinieras a mi lado en el trabajo y dijeras: Oye, Carl, Carl, enséñame sobre marcos clave. ¿ Todo bien? Abriría de F l. con un patinaje de pulpo con pistolas láser y esas cosas. No, abriría un espacio en blanco si l un dibujo algunas cosas scrappy en el arroyo y realmente traté ilustrarte lo que está pasando en cada marco clave, manta, marco y marco regular. Entonces en este ejercicio, solo te voy a guiar a través de él. Cómo lo haría a cualquiera y estoy esperando realmente simplemente reducir las cosas exactas que necesitas saber sobre estos conceptos. Así que creé esta práctica leyenda de marco de línea de tiempo que puedes imprimir Cuelga en tu pared. Y todo el punto de esta lección es descifrar esto para ti. De acuerdo, Hablaremos de marcos, marcos clave, manta, marcos y marcos potenciales. Yo quiero guiarte a través de todas estas cosas diferentes para que cuando nos metamos en hacer alguna animación real, la siguiente lección vas a saber exactamente cómo leer la línea de tiempo y te vas a sentir cómodo. Está bien, así que vamos a meternos en ello. Entonces para iniciar nuestro viaje por la lectura de la línea de tiempo y todos los diferentes iconos o diferentes tipos de marcos, voy a abrir un nuevo documento o crear un nuevo documento. Y por ahora, sólo voy a usar un documento HTML cinco lienzo. Hablaremos de los diferentes tipos de documentos a medida que avanzamos en este momento, no hace diferencia, realidad. Y lo primero que quiero llamar su atención Son estos fotogramas en la línea de tiempo Ahora, es un poco difícil ver qué está pasando aquí abajo, Así que sólo voy a reventar mi tamaño de fotograma un poquito para ti. Siempre que creas un documento nuevo, comienzas con un marco clave en blanco. ¿ De acuerdo? No hay nada en la línea de tiempo en tu primera capa uno. No puedo arrastrar la cabeza de juego hacia adelante. Voy a estar una especie de simplemente encerrado ahí. Entonces lo que quiero hacer primero es solo extender la cantidad de tiempo con la que tengo que jugar mientras estoy haciendo esta pequeña demo. Por lo que ahora tenemos una velocidad de fotogramas de 30 fotogramas por segundo, lo que significa que va a tardar un segundo en jugar a través de 30 fotogramas. Entonces digamos sólo que quiero una animación que sea un segundo de largo. Voy a salir al marco número 30 y quiero agregar marcos a mi documento. Siempre que vemos estos marcos alternantes en gris claro y oscuro. Cada quinto fotograma que nos dice que tenemos Estamos llamando a cuadros potenciales, bien. Todavía no están en nuestra película ni en nuestro documento esos marcos, Así que voy a ir a enmarcar Número 30 y hacer clic, y anteriormente te estaba mostrando ir a insertar línea de tiempo, y tal vez agregamos un fotograma clave o un fotograma previamente, pero eso es mucha distancia para viajar. Por lo que sigue adelante, voy a usar el menú contextual del clic derecho. Si tienes un ratón de un botón, harías un clic de control, creo. Entonces. Yo sólo voy a ir a insertar marco. Y entonces ahora lo que pasa es que ahora puedo arrastrar desde el marco uno hasta enmarcar 30 para poder poner cosas en cualquiera de estos marcos. Puedo poner marcos de llaves ahí, pero por ahora tengo este pequeño cuarto. Si vas a tener un segundo de animación o tiempo con el que puedo trabajar aquí ahora solo agregando ese marco, suceden algunas cosas diferentes. En primer lugar, ahora podemos notar que este marco aquí es un círculo acariciado. De acuerdo, con un centro hueco, eso significa que en el marco uno, tenemos lo que estamos llamando un marco clave en blanco. No hay nada en ese marco en esa capa. También notarás que es sutil, pero este lapso de fotogramas aquí ya no es de rayos claros y oscuros, alternando cada quinto fotograma. Es sólo un color sólido, gris oscuro. ¿ De acuerdo? Y así este lapso de marcos sólo se referían como marcos regulares o simplemente marcos donde se ve el círculo hueco. Ese es un marco clave en blanco donde tenemos los marcos grises de color sólido. Solo son marcos regulares. Y entonces tenemos este otro ícono aquí, que es un poco desconcertante. Es este pequeño rectángulo acariciado, y todo lo que nos dice es que el lapso actual de marcos va a terminar. OK, no es diferente en el marco 30 que en el marco 29. Todos son solo cuadros regulares, y esto es solo un indicador visual de que el lapso de fotogramas actual va a terminar. Y eso es todo lo que hace. Ahora que hemos establecido que tengo 30 fotogramas en mi película y el primer fotograma es un marco clave en blanco . Voy a volver a enmarcar uno, y sólo voy a tomar mi herramienta de pincel y voy a dibujar un círculo en el escenario Realmente rudo. De acuerdo, entonces en el cuadro uno, he dibujado un círculo. Es difícil de decir porque las cabezas de juego pasando por ese cuadro, pero voy a ir hacia adelante, y ahora verás que ahí tenemos un círculo negro. Y eso significa que tengo un marco clave que tiene algún contenido en el escenario. Entonces déjame solo seleccionar esto. Voy a borrarlo. Y ahora verás volvemos a este círculo hueco así que hay un marco clave en blanco, y en cuanto pongo algo en el boom del escenario, se llena y tenemos nuestro marco clave. Entonces lo primero que quiero que te comprometas con la memoria sobre los fotogramas clave es que te digan que algo está en el escenario en este marco de esta capa. Entonces conozco un fotograma número uno que es un círculo lleno. Ahí hay algo en el escenario y digamos, en el fotograma número 30 quiero mover la X a la derecha del escenario. Entonces otra vez, mis cabezas de juego en el cuadro 30. Voy a seleccionar toda la obra de arte en la X, y la voy a mover por aquí. Entonces tal vez estés pensando, está bien, estoy en el cuadro 30. El asunto está a la derecha. Cuando vuelvo a enmarcar uno, debería estar a la izquierda. Uh, esa no es la forma en que funciona. Déjame hacer una edición, deshacer y déjame deshacer otra vez hasta que la X retroceda. Está bien, así que aquí estoy en el marco número uno. Nada seleccionado en absoluto. Cuando voy al fotograma número 30 y si selecciono la X noto que este lapso de fotogramas se resalta, esto es anima forma de decir, Hey, ¿ sabes qué? A pesar de que tus cabezas de juego en el fotograma número 30 realmente estás seleccionando esta cosa en el fotograma clave número uno. Por lo que la regla de nuevo aquí es que solo se pueden seleccionar objetos en un marco clave. Por lo que a pesar de que el juego encabeza en el cuadro 30 el último fotograma clave que tiene este xn, es camino de regreso en uno. Y este es un error que probablemente vas a cometer unas 1000 veces, incluso después de que entiendas completamente por qué funciona de esa manera. Um, todavía lo hago hasta el día de hoy a veces. Entonces si quiero mover la X o hacer algo en absoluto a ella en el fotograma número 30 lo que necesito hacer es poner un marco clave ahí primero. Entonces voy a decir, Vamos a insertar un marco clave, y entonces ahora verás que aquí tenemos este círculo sólido. Está lleno, bien, así que ahora puedo tomar la X y el marco número 30 y puedo moverlo hasta aquí. Ahora cuando vuelvo al fotograma número uno, ahí es cuando el exceso a la izquierda y el marco número 30. Algo más le ha pasado. Se mueve hacia la derecha, y eso me lleva a la tercera regla del marco clave que debes entender. Podemos hacer cosas a objetos en un marco clave sin afectar otras cosas en otros fotogramas clave . De acuerdo, así que básicamente, cuando estamos en este marco clave aquí, puedo tomar esta X y solo puedo aplastarla, hacer cualquier tipo de cosa rara que yo quiera y no afectar nada en el fotograma número uno y de igual manera en el cuadro número uno. Podría dibujar un círculo aquí en un círculo, y eso no va a afectar nada en el fotograma número 30. Por lo que estos fotogramas clave bloquearon lo que está sucediendo en ese marco en particular de esa capa en particular. Y a continuación, hablemos de estos marcos regulares otra vez. Está bien. El sólido lapso de marcos aquí. Entonces lo que quieren decir es eso o lo que nos dicen es que a lo largo de este lapso de fotogramas, las cosas del fotograma clave anterior se están manteniendo estáticas para este lapso. Entonces básicamente, Aiken frota todo el camino desde el fotograma número uno hasta el fotograma número 29. Y sé que nada en el escenario va a cambiar. Todo va a quedar igual. Para ilustrar aún más esto, voy a ir al marco número 15. Voy a hacer click derecho y hacer insertar marco clave. Y otra cosa que debo mencionar de los fotogramas clave es que cuando creamos un nuevo marco clave , crea un duplicado exacto de todo lo que está en el escenario en el fotograma clave anterior . Por lo que el marco clave uno y el marco clave 15 son idénticos. Ahora que tengo un marco clave y marco número 15 me puedo llevar ya sabes, todo en el escenario. Yo lo puedo mover por aquí. Yo puedo, uh, ya sabes, déjame sólo escoger un nuevo color. Simplemente haz algo realmente. Ya sabes, tonta y volveré a usar mi pincel. Dibuja círculos demasiado rojos. Por lo que estos cambios que hice en el fotograma número 15 no van a afectar nada en el fotograma número uno o en el número 32. Recuerde, la tercera regla de los marcos clave es que podemos hacer cosas a los objetos en un fotograma clave sin afectar a otras cosas y otros fotogramas clave. Por lo que en el marco 15 puedo hacer lo que quiera. Ahora no va a cambiar el fotograma uno ni el número de fotograma 30. También te estaba contando de estos marcos regulares. Nos dicen que aquí nada va a cambiar. Entonces a medida que arrastro desde el cuadro 15 hasta enmarcar 29 todo en el escenario permanece exactamente igual. Cuando llego al siguiente fotograma clave, eso me dice, Oye, ya sabes lo que es posible. Algo en ese marco va a cambiar y tenemos este gran desastre aquí mismo para que pueda volver a hacer cosas en el fotograma número 30, y eso no va a afectar nada en el marco 15 o el fotograma número uno y déjame volver a Regla número dos, que es que sólo se pueden seleccionar objetos en un marco clave. ¿ Qué significa eso otra vez si voy al marco número siete e intento seleccionar este círculo y moverlo por aquí. Observe que en realidad lo estoy seleccionando en el fotograma uno porque no hay un fotograma clave en el fotograma número siete. Entonces cuando vuelvo al cuadro número uno, no quiero que me sorprenda que este círculo aquí se moviera antes de terminar. Hablemos de los marcos clave en blanco y de un marco de manta otra vez. ¿ Es ese círculo hueco? Y nos dice que nada está en el escenario en este marco de esta capa. Entonces aquí, en el marco número 15 tengo un marco clave. Tiene cosas en ella. Cuando hago clic en el marco, realidad selecciona todo en ese marco, y solo voy a golpear la fuga y deshacerme de él. Y mira lo que pasa. Ya verás. Aquí tenemos el círculo hueco. Eso significa que en el marco 15 tenemos un marco de llave en blanco. Puedo borrar cosas del fotograma 15 de nuevo sin afectar nada en el fotograma número uno. Entonces leamos a través de toda esta línea de tiempo en el fotograma número uno. Tengo un punto negro que me dice que tengo un marco clave. Los marcos que siguen son todo este color sólido que me dice que nada va a cambiar a medida que tire de la cabeza de juego hacia adelante. Voy a ver esta cosa de trazo de rectángulo aquí y completamente ignorada porque realmente no significa nada excepto por decirme que en el siguiente fotograma algo podría cambiar porque este lapso de fotogramas está terminando. Y he aquí, en el marco número 15 tengo este círculo hueco, y eso significa que tengo un marco de llave en blanco. Después de eso, tengo otro lapso de marcos con un color de fondo sólido, que me dice de nuevo que nada va a cambiar moviendo hacia adelante el rectángulo negro que puedo ignorar por completo, excepto por hacer un nota mental de Hey, algo podría cambiar a continuación. Y luego veo que aquí tengo un círculo negro, que me dice que tengo el marco clave que tiene cosas para envolver. Vamos a repasar lo que necesitas saber sobre los fotogramas clave. Está bien. Un marco clave nos dice que hay algo en el escenario. De acuerdo, cuando ves ese punto negro sabes que en ese marco de esa capa, hay algo en el escenario. Una de las reglas, como me gusta llamarlas de fotogramas clave, es que solo se pueden seleccionar objetos en un marco clave, por lo que si tienes algo en el escenario y quieres seleccionarlo, muévelo. Asegúrate de que la cabeza de juego esté en un marco clave Primero. Demostré algunas veces lo que va a pasar si no haces eso a continuación. Es importante saber que podemos hacer cosas a objetos en un fotograma clave sin afectar otras cosas en otros fotogramas clave. Entonces si tienes la cabeza de juego sobre un marco clave y manipulas un objeto en el escenario ahí, no vas a estropear las cosas y otros fotogramas clave. Y por último, cuando estás creando un nuevo marco clave, crea un duplicado exacto del fotograma clave anterior. Y eso es algo en lo que vamos a sumergirnos un poco más en la siguiente lección cuando construyamos algunas animaciones de fotogramas clave. Entonces no te preocupes. No quiero anotar todas estas cosas. Voy a tener todo esto debajo del video, y también te voy a volver a dar la leyenda del marco de la línea de tiempo, y ojalá , por ahora, todas las cosas de esta impresión tengan sentido. Pero de nuevo, sugiero que lo mire más allá estudiarlo. Y si tienes que hacerlo, siempre puedes volver a ver este video. Pero lo siguiente que hay que hacer es mostrarte cómo aplicar estos conceptos de una manera muy práctica. Nosotros construimos nuestras primeras animaciones enmarcadas clave y realmente va a hundirse porque ya sabes por qué voy a seguir martilleándolo hasta que lo haga. Muy bien, Impresionante. Más golpiza. 7. Bootcamp de clave: Hey, bienvenido de nuevo. Por lo que ya hablamos un poco de fotogramas clave sobre lo que son y cómo funcionan . Y ahora los vamos a aplicar a una re un poco de animación antes de que podamos hacer las cosas locas , como explosiones o ciclos de caminata. Ya sabes, vamos a empezar básico. Ya me conoces. Yo soy todo acerca de los fundamentos. ¿ De acuerdo? Yo quiero que aprendas lo básico para que estuviéramos haciendo las cosas geniales más adelante. Todo es de segunda naturaleza, y no tengo que ir más de 100 veces. Ya lo he hecho, está bien. Y también les voy a presentar mi primera lección de estilo boot camp. ¿ Qué es eso? Vamos a ir a mantener el campamento de arranque de marco donde voy a gritar algunas instrucciones sobre golpear en atajos de teclado y dibujar cosas en la pantalla para que te lo metes en la cabeza . Muy bien, vamos a divertirnos un poco con esto. Me refiero a que aprendas a través de la repetición, gritando miedo y divirtiéndote un poco. Entonces tratemos de mezclarlo y vámonos. Está bien, Así que vamos ahí un nuevo brillante, limpio y fresco f l a vamos a seleccionar HTML cinco. El lienzo realmente no importa en este momento. ¿ Qué tipo de documento están utilizando? Y al igual que en la última lección, estoy empezando con un marco clave en blanco aquí porque no hay nada en el escenario de la primera capa. Por lo que esconderse detrás de esta línea roja aquí está uno de esos círculos huecos. Voy a seleccionar mi herramienta de pincel, y sólo voy a dibujar el número uno aquí a la izquierda. En cuanto dibuje algo en el escenario, ahora tenemos un marco clave con el círculo relleno. Eso es negro, porque eso nos dice Hey, hay algo en el escenario en este marco de esta capa. Ahora, lo que voy a hacer es revelar progresivamente los números 1234 y cinco que cruzan el escenario. Entonces ahora mismo, sólo tengo un marco, ¿recuerdas? No puedo agarrar la cabeza de juego y arrastrar a ninguna parte porque sólo tengo estos marcos que son color gris claro y oscuro alternando cada cinco. ¿ De qué se llamaban de nuevo? Sí, los llamé cuadros potenciales. Correcto. Todavía no están en nuestra película, pero tienen el potencial de ser así que quiero tener un marco hasta aquí y lo que voy a hacer es solo resaltar el fotograma número dos. Voy a hacer click derecho e ir a insertar marco clave. Y ahora que tengo un nuevo círculo negro aquí marco clave, sé por la última lección que ayudar a un nuevo marco clave crea un duplicado exacto de todo en el escenario desde el fotograma clave anterior. Por lo que los marcos uno y dos ahora son idénticos. Al fregar la cabeza de juego de ida y vuelta, no hay cambio. También aprendí en la última lección, o debo decir, te enseñé a aprender eso en el cuadro número dos. Ahora puedo agregar algo al escenario como el número dos sin afectar nada atrás en el fotograma número uno. Entonces cuando voy al cuadro número dos boom, tengo el número dos al que voy ahora, justo a la derecha. Haga clic en el siguiente fotograma y arrastre ALS el camino hasta aquí y busque insertar marco clave. Oh Dios mío, es tan laborioso usar ese menú de clic derecho. Entonces ahora que tengo aquí el marco clave, permítanme sólo poner el número tres en avanzar. No quiero tener que abrir este menú y leer y encontrar cosas. Entonces vamos a estar agregando muchos marcos clave, marcos y marcos de mantas. Entonces es hora de que empecemos a usar atajos de teclado. El atajo de teclado para agregar un nuevo marco de teclas es F six. Por lo que sin hacer clic en ningún lado, solo quiero asegurarme de que mis cabezas de juego y marco número tres solo pueda golpear F seis. Eso me va a dar un nuevo fotograma clave aquí abajo y marco número cuatro, y voy a dibujar el número cuatro y sin hacer clic en nada aquí abajo, voy a volver a golpear F seis. Y ahora consigo un nuevo fotograma clave y marco número cinco, y voy a dibujar el número cinco. Entonces en cada uno de estos marcos clave 1234 y cinco estoy agregando cosas nuevas al escenario cuando agrego cosas nuevas al escenario y marco. Cinco. No está afectando nada atrás en el cuadro cuatro. Ahora bien, si voy a tocar esta animación, te das cuenta de que pasa. Whoa, súper rápido. De acuerdo, bueno, eso es porque estos fotogramas están bien uno al lado del otro y a una velocidad de fotogramas de 30 fotogramas por segundo, cada fotograma se muestra por literalmente 1/30 de segundo, lo cual es como no tiempo en absoluto. Y para solo jugar estos 1er 5 fotogramas, va a tomar 1/10 de segundo. Entonces, realidad, no hay tiempo para que nuestras cabezas incluso computen realmente lo que está pasando en el escenario. Simplemente vemos casi todos los números tipo de aparecer todos a la vez, técnicamente, pesar de que hay un poco de tiempo entre ellos. Entonces si queremos que la gente realmente tenga alguna anticipación de cómo es el siguiente número, él no daría cuenta atrás. Vas a querer tener algunos fotogramas entre cada uno de estos fotogramas clave, así que volvamos a enmarcar uno ahora. Podría ir click derecho, insertar marco, y luego eso empuja un poco el segundo marco clave. Y si sigo haciendo plaquita, me voy a cansar tanto haciendo este marco de inserción. Te darás cuenta ahora que tenemos un marco clave y después tenemos estos marcos regulares recuerdan sus fondos de color sólido, y nos dicen que para el lapso de marcos, lo que hay en el escenario del marco clave anterior va a mantenerse estático. Por lo que de nuevo puedo fregar a través de estos marcos y nada cambia. Este rectángulo aquí ignoramos por completo porque todo nos dice, es que los tramos de marco actuales van a terminar en el siguiente boom de cuadro. Tenemos un marco clave, aparece el número dos. Entonces al hacer esto, he añadido algún tiempo entre el primer fotograma o este es solo el primer fotograma clave y el siguiente fotograma clave. Entonces lo que voy a dio es en lugar de hacer insertar marco todo el tiempo aquí para conseguir más espacio entre estos dos fotogramas clave, voy a golpear F cinco, que es el atajo de teclado para agregar un nuevo fotograma. Entonces solo lo haré tres veces. Daré click en el siguiente fotograma clave. Voy a pegarle f 5123 veces. Voy a ir al siguiente fotograma clave y golpear F 5123 veces. Y por último, el último marco clave. 123 veces. Entonces ahora tengo un poco de tiempo entre cada uno de mis fotogramas clave voy a golpear, entrar a jugar y ahora puedes ver que cada vez que toca nuestros cerebros tenemos un poco de, ya sabes, tiempo para ver realmente los números y entender que hay un poco de tiempo entre cada uno. Construye un poco de anticipación. Sigo pensando que podría haber algo más de tiempo entre cada uno. Por lo que sólo traeré mi cabeza de juego de vuelta entre cuadros uno y cinco y le pegaré F 53 veces más . 123 Vayan por aquí. 123 Vayan por aquí. 123 Por aquí otra vez. Golpeando F cinco para agregar fotogramas tres veces 123 Así que ahora toda mi animación es de 35 fotogramas de largo, que lo pone más allá de un segundo y déjame simplemente tocarlo. Muy bien, Así que ahí tenemos una animación de fotograma clave muy básica en cada nuevo fotograma clave. Este contenido en el escenario está cambiando. ¿ Qué es eso? ¿ Qué es ese sonido? Es hora de mantener el campamento de arranque cerebral. ¿ Qué es eso? ¿ Significado? Significa que no vamos a hacer un pequeño ejercicio divertido o te grito instrucciones e intentas seguir el ritmo. Está bien, hagámoslo. Muy bien, vamos a ir a archivar nuevo, crear un nuevo documento, y ahora aquí vamos. Vas a ver que tienes un marco de llave en blanco. Quiero que selecciones tu herramienta de pincel. Vas a dibujar el número uno que vas a golpear seis. Dibuja el número para golpear F seis. Empate el número tres hit F seis empate el número cuatro hit F seis. Dibuja el número cinco. ¿ Y qué tienes? Tienes tu primera animación de fotograma clave de fuego rápido. Ahora tenemos que sumar algo de tiempo entre fotogramas. Vuelves a enmarcar uno, vas a golpear F 55 veces. 12345 Vas a arrastrar la cabeza de juego al siguiente fotograma clave. Hit F 512345 veces Ir al siguiente fotograma clave Hit F 512345 veces Ir al siguiente fotograma clave. 12345 Último marco clave. 12345 Muy bien. Quiero que conozcas estos atajos de teclado como el dorso de tu mano. Quiero que tomes mi atajo de teclado. Dios, llévala a tu monitor. Llévala a la parte superior de tu cabeza. Si te quedas atrás, quiero que vuelvas a hacer esta lección hasta que lo hagas bien. Está bien. Te vas a divertir. ¿ Hacer qué? Complétala. Ve más golpiza 8. Bootcamp de fotograma clave en blanco: De acuerdo. Bienvenido de nuevo. Pero Dios descanse después de ese último campamento de arranque, vamos a tener una lección rápida ahora mostrándote la diferencia entre insertar un marco clave e insertar un marco clave en blanco. Aprenderás el atajo de teclado F siete para agregar nueva manta. Frame va a ir bastante rápido porque de verdad quiero que apliques estos principios a las animaciones del mundo real. Está bien, estamos haciendo nuestros pequeños pasos de bebé ahora, y luego se va a ir a las carreras, así que entra. Muy bien, Entonces, similar al último ejercicio, lo que vamos a hacer es crear un pequeño contador, pero sólo va a aparecer un número a la vez. Entonces cuando se ponga un nuevo número, los viejos se van a ir, Así que vamos a archivar nuevo y de nuevo HTML cinco. El lienzo está bien para esto, y ahora vamos a tener un nuevo documento limpio con un marco clave en blanco aquí porque no hay nada en el escenario. Voy a cambiar mi color de relleno a este precioso azul oscuro. Voy a usar mi herramienta de pincel en el centro del escenario. Simplemente voy a dibujar el número uno ahora mi marco de manta es un marco clave normal. Es un círculo lleno de negro porque algo está en el escenario en ese marco. Ahora quiero dibujar un número dos en el marco número dos. No puedo jalar la cabeza de juego hacia adelante, así que solo voy a dar click derecho aquí. Y si sí inserto marco clave, aprendimos antes de eso. Agregar un nuevo marco clave vuelve a duplicar el contenido del fotograma anterior. Entonces el marco uno y dos son iguales. Entonces si solo quiero un dos en el fotograma número dos, tendría que usar mi herramienta de selección para agarrar el que lo borre. Y ahora tengo un marco clave en blanco porque eliminé lo que estaba en el segundo fotograma clave. Ahora tengo un marco clave en blanco, y podría dibujar el número dos. No obstante, voy a deshacer todo eso, y quiero saltarme el paso innecesario de tener que borrar las cosas yo mismo. Por lo que de vuelta en el cuadro uno, sólo tengo un marco uno aquí. Ahora voy a ir a insertar, y voy a seleccionar insertar marco clave en blanco. Está bien. Insertar marco clave crearía un nuevo marco clave y duplicaría todo en el marco. Uno. Dónde está insertar marco llave en blanco me va a dar mi círculo hueco y un escenario en blanco. Por lo que ahora sólo puedo dibujar el número dos en el fotograma número dos. Y tengo uno y marco Número uno y los dos y marco número dos. Voy a volver a hacer clic derecho aquí abajo y seleccionar. Ahí está. Lo siento. Insertar marco de llave en blanco, y tuve que mover la boca. Por ahora, estoy tan cansada. Pero ahí tengo mi marco de manta y volveré a dibujar el número tres. No me gusta tener que hacer click derecho leer y luego tratar de averiguar a dónde voy. Entonces de aquí en adelante, sólo voy a volver al cuadro número tres. Vamos a usar F siete, que es el atajo de teclado para insertar un marco de teclas en blanco. Entonces ahora mismo voy a presionar F siete. Eso me da un fotograma clave en blanco en mi línea de tiempo aquí, despeja el escenario. Voy a dibujar el número cuatro. Voy a darle a F 71 más tiempo para conseguir un marco de manta y marco cinco que voy a dibujar el número cinco. Por lo que ahora, en marcos 1234 y cinco. Tengo contenido nuevo en cada fotograma. Y cuando estás creando tus propias animaciones como riel como explosiones o correr ciclos o contadores como este, este es probablemente el método que vas a querer tomar tu vas a estar borrando contenido previo y dibujando nuevo contenido ahora similar hasta el último ejercicio. Ahora tenemos esta animación sucediendo muy rápidamente porque todo está sucediendo literalmente en cinco fotogramas, que es como 1/10 de segundo. Entonces lo que voy a hacer, igual que el último ejercicio, voy a enmarcar uno. Voy a golpear una clave especial para agregar marcos. ¿ Alguien sabe cuál es esa llave? Sí, Usted en la primera fila F cinco, a la derecha, Así 512345 veces. Iré al siguiente fotograma clave. Y eso es por golpear f cinco. Voy a estar empujando todos los demás cuadros hacia adelante. Entonces selecciona este marco y luego 12345 Estoy agregando este lapso de marcos regulares donde de nuevo, durante estos marcos regulares, las cosas del fotograma clave anterior permanecen estáticas. ¿ Qué significa eso? Aquí no se mueve nada en estos marcos. Ir al siguiente fotograma clave. 12345 Pasar al siguiente fotograma clave. Golpea un 512345 Así que ahora tengo un contador que se va a jugar, y puedo ver un nuevo número en cada nuevo fotograma clave, dependiendo de tus necesidades. Quizás quieras tener más espacio o tiempo en el medio. Marco clave. ¿ Qué es eso? ¿ Qué es ese sonido? ¿ Sabes qué hora es? Es hora de estar en blanco. Mantenga lluvia Boot camp. ¿ Qué es eso? Es donde voy a gritar y gritar instrucciones a ti en fuego rápido SeaQuest para ver si puedes seguir el ritmo. Necesitas aprender estas cosas por dentro y por fuera y hacerlo con los ojos cerrados. Entonces nos vamos a ir a las carreras. Sigue giddy arriba. Está bien, prepárate. Vamos a ir a archivar nuevo HTML cinco. El lienzo está bien por ahora. Vamos a usar la herramienta de pincel. Yo quería dibujar el número uno en medio del estado. Después vas a golpear siete para crear un nuevo marco de manta. Dibuja el número para volver a golpear F siete. Empate el número tres hit F siete nuevamente. Dibuja el número cuatro. Vamos, puedes hacerlo. Vuelve a golpear F siete. Dibuja el número cinco. Está bien. Tenemos nuestra animación de fotograma clave aquí donde cada nuevo fotograma tiene algo nuevo y nada del fotograma clave anterior. Ahora es el momento de agregar algo de espacio. Entonces, ¿qué vamos a dio? Nos vamos a enloquecer cinco. Volver al encuadre uno Hit F 512345 veces. Ir al siguiente fotograma clave. 12345 Pasar al siguiente fotograma clave. 12345 Pasar al siguiente fotograma clave. 12345 Pasar al siguiente fotograma clave. 12345 Uops. ¿ Me perdí un F cinco? Ahí vas. Vuelve al principio. Golpear, regresar o entrar. Y ahí está tu animación. Está bien. Tú lo hiciste. Estoy súper orgullosa de ti. Si no lo hiciste, vuelve atrás y hazlo. Pero sé que lo hiciste. Entonces ahora mismo terminamos con nuestros botines. Pueden haber visto un poco tontos, pero realmente necesito que te pongas estos fundamentos de marcos clave y manta, marcos y marcos en la cabeza. Para que cuando volvamos a seguir adelante, vamos a tener una navegación suave y hacer algunas cosas realmente geniales. También quiero que lleves mi guía de atajos de teclado y otra vez la cinta a la parte superior de tu monitor. Necesitas memorizar a las cinco F seis y F siete. Esos necesitan ser como, construidos en forma de memoria muscular. Simplemente golpeando esas llaves cuando las necesites. ¿ Todo bien? Entonces otra vez, estoy muy contenta de que hayamos superado estos fundamentos. Muchas gracias por quedarse conmigo. Vamos a pasar ahora a hacer alguna implementación práctica, en el mundo real de construir animaciones enmarcadas clave que hacer reinas clásicas y un montón de otras cosas. Pero tenemos mucho de lo básico fuera del camino. Por lo que felicitaciones. Más golpiza. 9. Descripción de la movimiento en: Así que bienvenido de nuevo. Sé que lo lograste por el campamento de botas. Tienes tus ardillados 12345 frames para animar y probablemente estés pensando Pero Carl, estoy tomando este curso porque quiero hacer cosas más profesionales y ya sabes lo que harás y lo que quiero hacer ahora es llevarte a mis adiciones animadas Twitter feed y te muestran justo cómo las grandes marcas están utilizando la misma técnica de fotograma clave stop motion en su publicidad. Vamos, Aquí está mi animado, agrega página de Twitter. Lo armé muy rápido para poder retuitear anuncios animados y no quería realmente abarcar a mis seguidores de TV de snorkel con un montón de anuncios, así que decidí crear una cuenta separada. Ahora lo que estoy haciendo es sólo ir a través de mis diversas fuentes de Twitter. Y cuando vea un anuncio genial, lo retuitearé desde esta cuenta. Entonces aquí, Target tiene alguna animación agradable, su feed de Twitter, y este es el tipo de cosas que voy a estar enseñando cómo construir aquí. Tenemos efecto stop motion amasado este castillo blanco adherir. Podrás construir esto con los ojos cerrados después de tomar este curso, y solo voy a desplazarme rápidamente hacia abajo porque quiero mostrarte el ed que inspiró este próximo ejercicio. Bueno, primero que el de Starbucks es realmente genial y realmente estaba pasando aquí. Es solo una serie de fotos donde están agregando un elemento a la escena, tomando una foto, agregando otra tomando una foto, y luego importan todas esas fotos a fotogramas clave en un programa como enemigo. Entonces aquí está la configuración que inicialmente hice para una de mis pruebas. Por lo que estamos a punto de construir. Tengo una bolsa de papas fritas de Taco Bell, poco de queso en mi cámara en la vaina de gorila Jobi y desplazándose hacia abajo lo que tenemos aquí. Applebee es un anuncio como este todo amigo clave. No hay animación suave. Es solo estos duros cortes entre algún corazón de texto y luego una foto de algún bistec para decirte qué, probablemente construiremos ese también. Pero lo que realmente voy tras y lo que realmente me inspiró fue este ed justo aquí. ¿ Eres de Taco Bell? Estás bromeando. Tackle Malo. Por lo que ahí hay manera de tener estas papas fritas de nacho que sorprendentemente, están en muy alta demanda. Y verás que se va una animación de las papas fritas. Y a medida que se van, el queso desaparece. Y lo que me llamó la atención de esta cosa de aquí fue que a medida que se va el queso, no se ve ni un montón de queso manchado al borde ni nada. Todo es realmente bonito y ordenado. Entonces el truco que usé fue empezar realmente sin papas fritas y luego con y sin queso. Y tomé fotos agregando papas fritas y agregando queso, y estoy seguro de que así lo hicieron también. Está bien, así que aquí está mi versión de las papas fritas nacho desaparecidas. No pude conseguir papas fritas de nacho porque sabes qué? Han sido discontinuados. Nos están haciendo esperar hasta el verano. Entonces usé unas papas fritas de nacho y un poco de queso nacho. Entonces saltemos sobre el enemigo. Y también hay que construir esta animación. Muy bien, Entonces, inanimado Sisi, voy a crear un nuevo documento HTML cinco lienzo. Voy a cambiar el escenario para ser 800 por 800 regreso, y luego voy a ir al menú de magnificación y hacer encajar en ventana. Y esto lo va a encogerlo para que pueda ver toda la etapa. Y luego cuando vayas a importar archivo, voy a ir a importar a escenario. Ahora verás que aquí tengo estas fotos que salieron de mi cámara. Voy a seleccionar el 1er 1 y en un Mac. Si golpeo la barra espacial, podría conseguir una vista previa de ellos. Voy golpeando la flecha arriba ahora para que veas que tengo esta progresión de imágenes que tiene más papas fritas y queso que se están agregando. Por lo que es una bonita característica de la Mac ahí. Lo que voy a hacer es sólo escoger la primera imagen de la secuencia, que es 7611 y cuando golpee. Enemigo abierto es muy inteligente, y dice que este archivo parece ser parte de una secuencia de imágenes. ¿ Quieres importar todas las imágenes de la secuencia y voy a golpear? Sí, y luego iban a pasar algunas cosas. verás que anima CC pone cada imagen en su propio marco clave ya para mí, y si voy a la biblioteca, verás que todas esas imágenes son ahora parte de mi biblioteca. Entonces solo quiero mostrarles que detrás de bambalinas, todo lo que importamos va a la biblioteca, y ahora también tenemos cada imagen en el escenario en su propio marco clave. Ahora, con esta animación aquí, la idea era mostrarle a alguien una especie de empezar con toda una bolsa de papas fritas y queso y luego, tiempo, hacerlos desaparecer. Ahora, tomé estas fotos en orden inverso para que poco a poco pudiera agregar queso al poco estado por aquí, ¿de acuerdo? Y para que no fuera desordenado. Entonces si hubiera empezado con queso completo y después lo hubiera sacado, se habría manchado por todo el costado. Por lo que acabo de construir la secuencia hacia atrás. Ahora, con el propósito de esta animación, quiero que las cosas se volteen. Entonces en lugar de tener empezar con una bolsa vacía y queso vacío sido y luego llenarse, quiero empezar con el vacío, el queso completo y los barcos para luego que desaparezcan. Entonces lo que voy a hacer es hacer clic y arrastrar para seleccionar todos estos fotogramas, y luego voy a hacer clic derecho y hacer revertir fotogramas aquí abajo. Y así ahora esos marcos simplemente se intercambian por ahí. Entonces empiezo con papas fritas completas y queso y con el tiempo, en cada marco clave, tengo una nueva imagen con menos papas fritas y queso. Entonces cuando juego eso ahora, va realmente bastante rápido. Ahora quiero frenar un poco esto. Entonces una cosa que podría hacer es ir al panel de propiedades y un fotograma por segundo se establece 30. Podría bajar esto a algo así como cinco, y entonces ahora la próxima vez que juego reloj, definitivamente es más lento, ¿de acuerdo? Sólo me está mostrando cinco cuadros por segundo. Ahora, si esto fuera todo lo que este archivo iba a tener, eso estaría bien. Pero si quiero agregar alguna otra animación que está sucediendo al mismo tiempo, es un poco más suave y no tan entrecortada. Um, no estaría contento con una velocidad de fotogramas de cinco fotogramas por segundo, así que aunque podría hacer eso, voy a mantener esa velocidad de fotogramas sólida en 30 ahora mismo. Y voy a volver a la técnica que ya te mostré, y eso vamos a sumar tiempo entre cada fotograma clave y para hacer eso. ¿ Cuál es el atajo de teclado? ¿ Cómo hacemos ed frames? ¿ Qué es ese pedazo de papel pegado a tu cabeza? Digamos que debe decir prensa en 512345 cuadros. Voy a agregar presionando F cinco, voy a ir a seleccionar el siguiente fotograma. 12345 Seleccione el siguiente marco clave. 12345 el siguiente 112345 Y hazlo por todos esos 45 Y cuando llegue al último cuadro, también quiero tener un poco de tiempo muerto al final. Ahora puedo arrastrar de nuevo al principio, y cuando golpee enter, verás que aquí tengo una buena velocidad y tenemos este efecto de todas las fichas y ella está desapareciendo. Se ve bastante bien. A continuación, crearé un video de seguimiento muy sencillo para que puedas construir esto por ti mismo, y luego te guiaremos por exportarlo como un video que puedes compartir con tus amigos. Creo que es hora de comer unos nachos más tarde. Bueno, ya sabes, golpeando 10. Sigue el movimiento de stop: Muy bien, amigos, amigos, bienvenidos de nuevo que estamos haciendo son parar la fotografía de movimiento. Sigue por donde te voy a caminar Los pasos a crear están desapareciendo la animación nachos . Ahora lo que voy a hacer es sólo mostrarte unos pasos a la vez que voy a poner instrucciones en la pantalla. Cuando veas las instrucciones en pantalla, solo pausa el video, haz los pasos y cuando termines, repite el video para el siguiente conjunto de pasos. Entonces aquí vamos. Está bien. Para este ejercicio, lo que voy a hacer es crear un nuevo archivo F l un archivo. Nuevo selecto HTML cinco lienzo establecer el con a 800 la altura a 800 y golpear. OK, para poder ver aquí el escenario completo, voy a utilizar el aumento, tirar hacia abajo y seleccionar ajuste en ventana. A continuación, voy a guardar el archivo usando file save, y aquí es importante que navegue a mi carpeta stop motion nachos. OK, así que dondequiera que extraigas los archivos de la lección para esta lección, vas a encontrar nachos de stop motion y vas a ver una carpeta pequeña de fotos ahí dentro . Es muy importante que estemos ahorrando en el directorio correcto. Y voy a llamar a este Carl dash nachos, y puedes poner tu nombre ahí o simplemente llamarlo nachos. No importa. Voy a pegarle, salva a continuación. Voy a importar las imágenes, así que voy a ir a file import import to stage, y quiero asegurarme de que estoy dentro de mi carpeta stop motion nachos donde acabo de guardar mi f l a. Y luego voy a dar clic en abrir mi fotos pequeña carpeta. Y aquí quiero seleccionar la imagen llamada I m G subrayado. 7611 Ya verás que es parte de una serie de imágenes, así que voy a seleccionar 7611 hit open, y luego animate me va a decir. Oye, este archivo parece ser parte de una secuencia de imágenes. ¿ Quieres importar todas las imágenes de la secuencia y voy a golpear? Sí. Buen trabajo. Ahora notarás que tenemos todas estas imágenes importadas como fotogramas clave. Ahora empiezan sin nachos. Y a medida que me deslice hacia adelante, vamos a más nachos y más queso. Queremos revertir esta secuencia. Entonces qué, vas a Dio es hacer clic y mantener pulsado el ratón y arrastrar al marco 10. Eso va a seleccionar todos esos cuadros. Todos deben ser resaltados. Ahora voy a dar clic fuera y una vez más solo para mostrarte, haces click. Sostén el botón del ratón hacia abajo y arrastra para seleccionar todos los fotogramas con el marco seleccionado, vas a hacer clic derecho y zapatos, revertir marcos, arrastrar la cabeza de juego hacia atrás y luego golpear. Vuelve a ver cómo desaparecen tus nachos para agregar más tiempo a cada fotograma para que podamos verlo en pantalla más tiempo. Vamos a añadir más fotogramas entre cada fotograma clave. Vamos a golpear F 512345 veces. Voy a seleccionar el siguiente fotograma clave y golpear F 512345 Y hacer eso por todos los fotogramas clave , incluyendo el último. Cuando termines, tu animación debe tener 60 fotogramas de largo, y ahora puedes volver al fotograma número uno hit, regresar o entrar a jugar. Y ahora puedes ver tu animación hacer un archivo final guardar y felicitaciones. Ya está todo hecho. ¿ Grito? ¡ Boo hoo! Creo que no he oído a quién? Vamos con quién lo hiciste. Hiciste una animación que es impresionante. Y a continuación te vas a mostrar cómo compartir con tus amigos? Es lo mejor. Más seremos mezquinos. 11. Exportar video: Bienvenido de nuevo. Tienes tus papas fritas y queso desapareciendo, y sé que estás emocionado. Quieres mostrarle a tus amigos tu familia, pero no sabes qué hacer. Bueno, adivina qué te voy a mostrar en este ejercicio Cómo exportar tu animación a video. Vamos a usar Adobe media Encoder para comprimir tu video, y luego te voy a mostrar cómo subir a Twitter. En solo unos minutos, estarás compartiendo tus animaciones con mundo. De acuerdo, Así que de vuelta en enemigo tenemos estamos desapareciendo animación de queso Nacho aquí y queremos hacer ahora su exportación esto a video. Entonces lo que vamos a hacer es ir a la exportación de archivos, y voy a elegir exportar video. Ahora, tenemos algunas opciones aquí. ¿ Qué? Pasarán rápido. Contamos con el ancho y la altura de nuestro video. En este momento, coincide con el ancho y la altura de nuestro escenario. Entonces si quisieras hacer un video más pequeño, podríamos cambiar el ancho y la altura. Ignorar el color del escenario nos permite tener un fondo transparente si necesitabas eso. Pero ahora mismo, en todo nuestro fondo está cubierto por las fotos. Pero lo que es muy importante es esta opción de convertir video en adobe media encoder. Muy bien, Adobe Media Encoder es una aplicación independiente que se envía con animate y la nube creativa de adobe . Y nos va a permitir convertir nuestros archivos de video en una serie de formatos diferentes. Y podemos decir a nuestro video que sea una cierta cantidad de fotogramas o una cierta cantidad de tiempo. Y ahora mismo todo lo que estamos haciendo está basado en marcos. Por lo que sólo vamos a dejar seleccionados cuando se alcance el último fotograma. Ahora tenemos una opción para guardar nuestro video en algún lugar. Entonces voy a navegar a una carpeta en particular. Voy a ir en mi escritorio o tengo mi carpeta animate CC para todos y dentro de mi carpeta nachos donde estoy trabajando en este proyecto, voy a golpear, guardar, y voy a golpear exportación. Muy bien, Así que animate hace algunas cosas. Y entonces lo que vas a ver es que el codificador de medios de Adobe se lanzará si no lo tienes ya lanzado. Está bien, así que aquí está el codificador de medios de adobe. No voy a poder dar un tutorial completo sobre todos los ins y outs de adobe media encoder, pero lo que quiero mostrarles. Es que por aquí en esta cola, tenemos nuestro Carl nachos M O V. Archivo. De acuerdo, entonces enemigo creó un archivo M. O. O. V, y lo que vamos a hacer es tomar ese archivo y convertirlo a un formato diferente. Ahora bien, ¿por qué querría hacer eso? Bueno, déjame pasar a mi buscador, y quiero mostrarte eso en mente. Carpeta de nachos aquí. Este es el Archivo M. O V. O V.que se exportó fuera de animate. Y quiero mostrarles que son 152 megabytes. Está bien. Al ser un archivo M. O. O. V, eso es realmente bastante ridículamente grande y no del tipo de cosas le gustaría enviar en un correo electrónico o post en redes sociales a la gente. Entonces lo que Adobe media encoder va a hacer es permitirnos convertir esta película toe a diferentes tipos de archivos. Por lo general lo que hago es solo quiero asegurarme de todos estos tipos de archivos aquí, me gusta seleccionar cada punto a 64. De acuerdo, obtienes una gran cantidad de compresión aquí. Um, y aún tienes claridad visual, y vas a tener un muy buen tamaño de espiral y luego más o menos podría querer volver a comprobar para ver dónde se está guardando ese archivo y el show es que se está guardando en nuestro carpeta nachos. Entonces eso está todo bien. Entonces todo lo que realmente tengo que hacer ahora es, una vez que tenga cada punto a 64 set como mi formato, voy a ir hit play. Y lo que eso va a hacer es pasar por la cola de videos que quiero convertir. Muy bien, los usuarios de Power pueden tener, ya sabes, 10 o 20 videos diferentes aquí que han configurado para la conversión. Sólo hit play pasa por todos ellos. Ahora mismo, solo tengo este video para convertir algunos a hit play, y luego Adobe Media Encoder va a hacer algunas cosas y ya terminamos, está bien, bien, así que puede ser un poco confuso para los usuarios de primera vez. Golpeaste este botón de reproducción, viste algunas cosas parpadear por la parte inferior de la pantalla mientras se codificaba. Y entonces ahora ya está hecho. Bueno, lo que queremos hacer es volver a esa carpeta en la que estábamos trabajando, y ahora van a ver que tengo aquí este expediente del MP cuatro, Carl. Nachos dot mp cuatro. Y vas a ver que sólo 2.6 megabytes en el Mac. Simplemente voy a golpear barra espacial para previsualizarlo. Y ahí vamos. Contamos con nuestro archivo de video. Es relativamente pequeño. Es insanamente más pequeño que eso. Archivo M O V. Y ahora está listo para compartir y despedir a Fox. Aquí tengo mi cuenta de Twitter de adiciones animadas. Abre. Voy a usar esto porque sólo voy a molestar a 16 personas. Todos los que me están siguiendo allá. Eres el mejor. Entonces, ¿qué está pasando? Voy a decir, Hey, Hey, acabo de hacer una exportación desde animate y adobe media encoder. Y déjame sólo hacer esto. Vamos a decir prueba uno porque se acerca otra prueba. Voy a dar clic en el botón de imagen aquí, y sólo voy a navegar a mi animate CC para todos carpeta ir a nachos. Voy a seleccionar al MP cuatro. Voy a golpear abierto. Obtengo una vista previa de mi video. ¿ No es eso impresionante? ¿ Vas a cerrar eso? ¡ Voy a pegarle tweet! Y ahí vamos. Mi tweet ha sido publicado para que las 16 personas vean Awesome. Estás seguro de que tenías una automatización para compartir con todo el mundo. Y adivina qué? El material que vas a estar haciendo va a mejorar y mejorar. Sí. Perdón por que me congelé ahí un segundo. En el siguiente video, te voy a mostrar cómo automatizar el proceso de exportación de tus animaciones a través de un codificador de reuniones DUI directamente hasta Twitter. Sería realmente rápido y bastante genial. Ver, del otro lado. Bueno, ya sabes, golpeando. 12. Exportar twitter de video: todo bien. Según lo prometido, aquí consiguieron un pequeño bono. Te vamos a mostrar cómo configurar Adobe media Encoder para subir automáticamente a tus canales sociales favoritos como Twitter, video de Facebook, YouTube, etcétera. Muy bien, para que no vayas a todos estos sitios web diferentes y seleccionas tu archivo lo subiste, correcto. Nuevos mensajes. Adobe Media encoder va a automatizar todo eso por ti. Es bastante guay. Entonces por aquí, un enemigo con el mismo archivo abierto, Vamos a ir a exportar video. Voy a usar la misma configuración excepto aquí. Simplemente voy a crear un nuevo archivo M O V, y voy a ponerle Twitter así. Entonces sé con cuál estoy lidiando. Voy a golpear, guardar, y de nuevo quiero asegurarme de que estoy convirtiendo video en codificador de Adobe Media. Voy a golpear exportación. Y así adobe media encoder debería abrirse. Veremos la misma pantalla que vimos antes. Pero lo que quiero mostrarles es que si hago clic en el formato, lo que pasa es adobe Media encoder abre otra ventana. Nos permite recortar el inicio en endpoint si queremos, y podemos configurar todo un montón de configuraciones diferentes y personalizarlas sobre los efectos video, audio o el tipo de cosas. Pero quiero mostrarles que aquí tenemos esta ficha publicada. ¿ Ahora qué? La resolución que tengo actualmente, um, no se puede ver realmente lo que quiero mostrarles. ¿ Todo bien? Tengo que desplazarse por esta larga ventana aquí, así que solo voy a minimizar la configuración de exportación. Y entonces ahora te voy a mostrar que bajo publicar que tenemos todos estos diferentes canales sociales que podemos exportar a, um Vimeo, Twitter, YouTube. Pero centrémonos en Twitter aquí. Es posible que vea esta lista comprimida inicialmente. Entonces aquí está Twitter. Vamos a darle click y lo abriremos. Y ahora no estoy conectado a mi cuenta de Twitter. Por lo que a través de Adobe Media encoder, voy a iniciar sesión y me va a pedir que autorice mi aplicación. Entonces voy a usar el nombre de usuario de los anuncios animados o animar El papá es un poco raro. Y entonces mi contraseña va a ser panqueques. Aros. Eso decía un capítulo, y yo voy a iniciar sesión, y dice Ahora autorizamos esto para saber todo sobre ti y tu privacidad está completamente arruinada. Sangre, sangre, Obata lo autorizó en. Y luego Ahora estamos bien. codificador de medios de Adobe reconoce la cuenta de adiciones animadas. Y sólo voy a decir test to, um sólo llamaremos a esto publicación directa. Sí, y entonces sólo vamos a golpear ahora. De acuerdo, así que mira esto. Ahora tenemos este video en nuestra Q. Todavía necesitamos hit play. Hazlo. El enemigo hace lo suyo. Y esperemos unos momentos y verás que este enlace aquí aparece tan directamente desde el codificador Adobe Media. Puedo hacer clic en ese enlace y me va a llevar a mi página de Twitter y me va a mostrar mi último tuit. Está bien, entonces ahí tenemos prueba dos y todo está funcionando perfectamente. ¿ No es eso impresionante? Sí, lo es. Entonces si alguna vez haces algunas campañas mediáticas enormes y quieres publicar en múltiples canales, puedes hacerlo con solo literalmente un clic de un botón. Impresionante. Bueno, ya sabes, golpeando 13. Introducción al módulo básico: por lo que para este siguiente módulo estaba realmente tentado de darte un proyecto que era, como, glitzy y llamativo y realmente genial. Pero la cosa es, un principio básico de la forma en que enseño es que quiero hacerlo como si estuviera en tu oficina y bajara y me senté a tu lado. Y la cosa es, ¿sabes qué? No estaría abriendo algún gran proyecto y mostrándote todas estas cosas complicadas ahora mismo. Estaríamos haciéndolo de manera muy aislada. ¿ Recuerdas? Otra cosa que he dicho es que quiero repasar cosas y aislamientos, que no hay distracciones, y sé que realmente te dan las cosas básicas. Entonces para este siguiente conjunto de lecciones estaban haciendo algunas animaciones realmente básicas en un elemento, pero que el tipo de animaciones que vas a estar haciendo un billón de veces a lo largo de tu carrera y quiero tomarme este tiempo ahora al principio para asegurarme de que tú tener estas cosas en la cabeza y sabes hacerlo por tu cuenta. No tiene sentido que te dé direcciones elaboradas sobre cosas complicadas. Si no puedes hacer estos pequeños conceptos básicos y la cosa está bastante segura de que ya sabes hacer la mayoría de estas cosas. Pero acabemos de superar este pequeño trozo y estaremos en buena forma. Entonces lo que vamos a hacer es que vamos a hacer una pausa de entrada muy simple y luego nos vamos. Vamos a hacer un pulso. Vamos a hacer una vuelta. Vamos a hacer algunas animaciones erráticas todo en un solo elemento. Y en el camino, te voy a mostrar algunos pequeños consejos y trucos que lo han estado mostrando antes. Entonces aunque estos videos son sólo como dos o tres minutos cada uno, verdad quiero que los veas a través de todos. Vas a recoger algunos consejos adicionales en el camino, y luego quiero que abras los archivos de inicio y hagas bien cada uno de ellos. Por cada una de estas animaciones aparentemente básicas realmente quiero que estés como bien , sé hacer esto. Voy a arrastrar algo al escenario para hacer unos fotogramas clave en los Tweens moviéndose una y otra vez si puedes hacer eso. Y es fácil. Impresionante, porque vamos a tener un montón de diversión avanzando a medida que nos metemos en técnicas más complicadas , así que bienvenidos al módulo de atrás al básico y, uh, llegar a él. 14. Entrar a la licencia de la pausa: en este ejercicio, vamos a estar haciendo una pausa de entrada muy básica y luego nos vamos. Ahora va a ser bastante sencillo. Va a ser como un video de tres minutos. Pero de nuevo, es importante que bajemos estos conceptos básicos ahora al inicio del curso. Entonces vamos a construir y cosas realmente cool, así que vamos a llegar a ello. Está bien, entonces para esto, entra pausa, deja efecto. Voy a ir a mi biblioteca. Voy a sacar el símbolo de la pelota, colocarlo fuera del escenario a la izquierda en algún lugar. Realmente no importa dónde solo para que esté fuera del escenario. Entonces esa va a ser su posición inicial. Voy a ir a encuadrar, digamos que sólo 20 por ahora. Y voy a golpear F seis para agregar el cuadro clave de final, y voy a mover el balón al centro de la etapa. Entonces solo voy a arrastrarlo así. Si quisiéramos ser realmente particulares, haría el comando K, y diríamos una línea para escenificar y centrarlo horizontalmente. De acuerdo, entonces ahora lo que quiero hacer es si quiero crear los marcos entre el fotograma uno y el marco 20 . Vamos a hacer solo click derecho y hacer crear clásico Tween. Entonces ahora esa pelota entra al escenario y luego se detiene. Ahora lo que quiero hacer es solo tener un poco de pausa aquí y luego que se vaya. Entonces solo voy a ir por el dedo del pie de la línea de tiempo sobre el fotograma número 50 y volvamos a golpear F seis nuevo. Entonces ese es el fotograma clave que va a iniciar la animación de salida. Voy a pasar al encuadre número 70. Voy a golpear F seis y añadir el marco para donde va a estar cuando realmente se vaya, y voy a arrastrar el círculo hacia la derecha. Dejar ir, clic derecho, crear clásico Tween. Y así ahora cuando reproduzca esta animación de nuevo desde el principio, entramos, hacemos una pausa y luego nos vamos. Entonces de nuevo, es una animación muy básica, pero es una que vas a estar usando en muchos, muchos proyectos y aplicaciones, y es importante que puedas hacer este tipo de cosas básicamente sin pensarlo. Está bien, así que no voy a dar instrucciones para esto aquí mismo, pero quiero que intentes hacerlo tú mismo. Si tropiezas o te pillan en algún lugar. Vuelve, Mira el video y sigue haciéndolo hasta que lo creas por tu cuenta. Está bien. Sé que puedes hacerlo. 15. Pulse: en esta lección estará construyendo este simple pulso donde un elemento crece y se encoge de nuevo a su tamaño normal. Podemos usar la misma técnica para que algo se desvanezca y se desvanezca, o incluso se muegue. Son sólo unos pasos. Te animo a ver el video. Y por supuesto, necesitas construir esto por tu cuenta para que te familiarices con estas técnicas y se conviertan en segunda naturaleza. Vamos. Está bien, entonces aquí, vamos a trabajar en nuestro simple pulso. De acuerdo, entonces déjame sacar el balón de la biblioteca. Colocarlo en el escenario irá a mi comando de panel de alineación K, y lo vamos a alinear exactamente en el centro. Y aquí sólo vamos a estar haciendo un pulso de escala básica. De acuerdo, entonces queremos hacernos más grandes y luego regresamos a su tamaño normal. Entonces para esto, lo que voy a hacer es en un fotograma clave y marco número 15 al golpear F seis y luego otro fotograma clave en el cuadro 30 al golpear F seis. Entonces como sabemos, cada vez que agregamos un marco clave que crea un duplicado de lo que haya en el fotograma clave anterior . Por lo que en marco un marco 15 y marco 30 todo es exactamente igual. Está bien, ahora voy a volver al marco medio, que está enmarcado 15. Voy a seleccionar mi herramienta de transformación gratuita. Y el atajo para eso va a ser lindo. Una buena para saber. Entonces déjame simplemente hacer clic fuera. Y si tengo mi herramienta de selección regular y golpeo Q, me va a dar la herramienta de transformación libre, acuerdo? Y voy a escalar manteniendo el turno hacia abajo. Muy bien, Así que al hacer eso, estoy Onley cambiando el símbolo en el marco 15. Recuerda, vuelta al principio. Lo que hago en este marco clave no va a hacer efecto marco uno o fotograma número 30. Entonces ahora lo que quiero hacer es sólo Tween entre Esos estados crean clásico Tween crear clásico entre. Entonces ahora cuando vuelvo al principio, escalamos hacia arriba y luego retrocedemos, Y así es lo que llamo mi pulso simple. Entonces cuando animaciones como esta donde sabes que vas a estar regresando al estado inicial , me gusta agregar mi medio y terminar fotogramas clave al principio. Es un pequeño truco ordenado. Entonces de nuevo, es una animación muy sencilla. Muy básico, debo decir. Pero es una de estas cosas que vas a estar haciendo mucho. Entonces de nuevo, quiero que abras el archivo de inicio, intenta construir esto por tu cuenta. Si te quedas atascado, mira este video hasta tener estos pasos memorizados. Está bien, este es el tipo de cosas de principiante que necesito que tengas abajo pat para que podamos acelerar a través las lecciones más grandes que vendrán. Muy bien, impresionante. 16. Giro: en este ejercicio estará haciendo este giro básico. Probablemente hagas girar las cosas y rotar alrededor de un billón de veces a lo largo de tu carrera. Es realmente importante, sin embargo, que entiendas que la rotación es una propiedad de marco. Déjame mostrarte cómo configuramos esto, acuerdo? Y ahora para hacer el giro, voy a ir a la biblioteca. Quiero que te des cuenta que el balón que estoy usando aquí es un poco diferente. Es difícil decir cuando un círculo sólido está gastando, así que lo hice dos tonificados aquí. Entonces ve a mi panel de alineación otra vez. ¿ Qué es ese atajo de teclado? Ah sí, Comando K. ¡ Y yo sólo voy a puntera boom boom! Centro perfectamente y ahora para pasarlo de nuevo. Es un poco diferente, y no lo hemos hecho antes. No quiero que se mueva a ninguna parte, pero aún necesito un fotograma clave final, así que voy a dar click en Frame 20 hit F six para agregar un nuevo fotograma clave. Ahora, cuando agrego aquí un clásico Tween, no haría crear clásico Tween ahora en cuadro 20 una vez que Tween esté en su lugar. Incluso antes de que lo sepas, podría rotar un poco así, obtendría una rotación básica, pero déjame simplemente deshacer ese comando Z o control Z, pero inanimado. Si queremos rotarlo un cierto número de veces, Lo que vamos a hacer es ir al marco uno, ir al panel Propiedades, y aquí verás que la rotación o rotación es una propiedad del marco. De acuerdo, si hago clic en el símbolo, voy a obtener Propiedades de Símbolo. Está bien, es un gráfico. Es una instancia de bola, pero voy a dar click en el marco para asegurarme de tener el panel de propiedades abierto. Me dice que estoy consiguiendo las propiedades de un marco aquí, y por rotar, voy a decir en el sentido de las agujas del reloj, y lo vamos a hacer una vez. De acuerdo, así que ahora cuando corra esto golpeando retorno, verás que gira una vez. Si vuelvo al cuadro uno, y digo, y digo, vamos a rotar eso en el sentido de las agujas del reloj. Uh, no pude hacer eso dos veces. Vamos a correr, y luego voy a ver que gira dos veces. Por lo que es importante tener en cuenta que la rotación es ahora una propiedad de marco. También puedo mover esto y rotar al mismo tiempo, Así que aquí hay un pequeño truco y marco. Número uno. Sólo voy a volver atrás y arrastrar esta cosa fuera del escenario. Ir al marco 20. Muévete por aquí. Y así ahora verás que cuando toque esto, en realidad vamos a hacer un movimiento y girar. ¿ De acuerdo? Bastante cool. Si creo que se está moviendo demasiado rápido o demasiado lento, puedo ADM o Frames. Entonces recuerda el truco para ese F cinco, ¿verdad? Eso va a agregar marcos. Por lo que golpear F cinco va a agregar cuadros a ese lapso. Entonces ahora voy a tener más tiempo para que esto se mueva y gire. Si vuelvo al cuadro número uno, ahí vamos. Agradable, suave rotación y movimiento. Entonces ojalá puedas ver que a pesar de que estamos haciendo estas animaciones muy simples y pequeñas lecciones, um, estamos repasando lo básico que nos estaban refrescando, y también estamos aprendiendo algunas cosas nuevas. Está bien, entonces es importante, también, ver cada video, independientemente de lo sencillo que pudiera ser desde el principio. Está bien, siempre voy a estar repasando lo básico y agregando cosas nuevas para ti. Está bien. Entonces, nuevo, es importante abrir ese archivo de inicio y construir esta animación por ti mismo. Está bien. Puedes verme hacerlo y pensar que sabes lo que está pasando. Pero en realidad, no es hasta que abras el archivo construir estos Tweens que vas a construir una confianza que podrás hacer esto rápidamente en el futuro. Está bien, Así que dale una oportunidad. Sólo te va a llevar, como, tres minutos. 17. Skillshare de Skillshare: en esta lección estará haciendo esta animación errática a veces sólo necesitan algo para moverse todo loco. Te voy a mostrar cómo puedes construir un estado de animación muy rápido sin crear manualmente un montón de fotogramas clave y Tweens. Te voy a mostrar un consejo genial que te permite insertar fotogramas clave simplemente haciendo clic en un elemento en medio de un grupo de interpolación. Echa un vistazo. Muy bien, Así que para esta animación errática o esta animación irregular, voy a sacar el balón de la biblioteca, Colocarlo en el escenario Ahora sólo podría ir al fotograma número 10 hit F seis en un nuevo fotograma clave. Mueve esta cosa por aquí, ve al cuadro 20 en un nuevo marco clave, muévelo hacia abajo, ve al cuadro 30 en un nuevo marco clave golpeando un seis y mueve la pelota hacia arriba. Por lo que ahora tengo estos diferentes marcos clave con el balón en posición diferente en cada uno. Entonces tendría que ir click derecho, crear clásico Tween clic derecho, crear clásico Tween y clic derecho, crear clásico Tween. Entonces ahora tengo el balón tipo de moviéndose por todo el lugar. Lo que sea. De acuerdo, um, si quisiera, también podría cambiar la escala de la misma en diferentes marcos. Pero es mucho trabajo crear todos estos marcos clave y crear estos tres Tweens clásicos diferentes . Entonces déjame mostrarte una manera más rápida de volver al principio. Sólo voy a hacer deshacer la escuela. ¿ Todo bien? En realidad, egresado de esto bastante pronto y ahí estoy. Tengo mi bola en el marco número uno, y voy a ir al cuadro número 30 y golpear F seis para agregar mi nuevo marco clave. Y entonces sólo voy a traer el balón por aquí. ¿ Todo bien? Voy a hacer click derecho, crear clásico Tween. Y ahora tengo la animación del balón moviéndose entre el cuadro uno y el cuadro 30. Y hagámoslo si vuelvo al fotograma número 10. Notó que con la herramienta de selección, no puedo hacer clic en esa bola para seleccionarla. No consigo el contorno azul a su alrededor. El trato aquí es que puedo Onley seleccionar un artículo en un marco clave. No en medio de un tramo de Tween como este, Pero echa un vistazo a esto. Si hago clic y arrastre. Crea un marco clave para mí. Puedo ir al marco 20 y luego puedo 21 marco 20. Puedo hacer clic y mantener pulsado, y también va a crear un marco clave para mí. Y déjame sólo beber. Trae esto aquí abajo. Entonces ahora tengo una animación similar y no tuve que golpear F seis. No tuve que hacer clic derecho para crear nuevos fotogramas clave todo el tiempo. Simplemente funcionó para mí, está bien. Y ve al marco número 25 aquí y otra vez con la herramienta de selección. Si hago clic y sostengo boom, crea un marco clave, y luego puedo hacer lo que quiera y lo voy a mover allá arriba y marco número 15. Puedo volver a hacer clic y mantener pulsado para crear un marco clave, y voy a cambiar ahora a mi herramienta de transformación libre, y voy a escalar en este marco, bien, Y ahora hay algo ligeramente diferente con el herramienta de transformación libre. Cuando intentamos este truco, si voy al fotograma número cinco, digamos, y si hago clic en él libre transformar herramienta herida, selecciónelo. Si hago clic y sostengo con la herramienta de transformación libre que estoy sosteniendo durante, como, ya sabes, 10 segundos. No voy a conseguir un nuevo marco clave con la herramienta de transformación libre para hacer este truco. En realidad tienes que hacer clic y moverlo a algún lugar. Y luego aparece el marco clave, está bien. Por lo que con la selección regular, herramienta, hacer clic y mantener pulsado creará el marco clave con la herramienta de transformación libre. Es hacer clic y mantener pulsado y moverse. Entonces aquí sólo voy a encogerle un poco a éste. Y así, con sólo un poco de clic y arrastrando, tengo este tipo de animación errática. De acuerdo, otra vez, no hay nada planeado. A donde va en cada fotograma, sólo estamos haciendo una especie de cosas aleatorias. De acuerdo, así que solo quiero que sepas que no puedes seleccionar algo entre un clásico tramo de Tween. Entonces déjame sólo ir al encuadre 55. Haga esto una vez más l f seis para agregar un nuevo marco clave hará clic derecho para crear un clásico Tween y de nuevo aquí mismo en este marco. No puedo hacer clic y seleccionar, pero usando la herramienta de transformación libre podría moverlo aquí arriba. Puedo ir al marco número 45. Mover aquí abajo y encogerlo hacia abajo, Muy bien, así que no tuve que hacer clic derecho y crear nuevos Tweens clásicos. Podría simplemente seleccionar el medio lapso y moverlo. Entonces ahí está mi animación errática. Y otra vez crack abre el archivo de inicio e intenta hacer esto por ti mismo. Creo que te divertirás un poco con él. Impresionante. 18. Ufo con alien: Bienvenido de nuevo. Vamos a volver a entrar en alguna animación más. Vamos a estar enfocando esa usando Tweens clásicos, y vamos a estar mostrándote cómo crear múltiples animaciones en múltiples capas. Muy bien, estamos hablando de una de las reglas principales de los Tweens clásicos, y es que solo se puede animar un elemento a la vez por capa. Vamos a discutir la creación de múltiples capas, nombrarlas, bloquearlas. Tocaremos un poco el panel de alineación, pero déjame saltar al archivo terminado. Y entonces lo que vamos a estar haciendo es crear esta pequeña y fresca animación OVNI en realidad estaría construyendo sobre la animación OVNI anterior que construimos. Vamos a estar un poco más de especias a ello. Vamos a añadir una cabeza alienígena y algo de texto. Entonces a través del proceso de Ana conociendo múltiples cosas, realmente vamos a meternos en tu cabeza este proceso de creación de animaciones clásicas de Tween . Está bien, así que vamos a llegar a ello. Está bien. Entonces, sobre un animate tengo mi archivo abierto llamado OVNI con punto de inicio alienígena f l. A. Y tengo mi escenario zoom hacia fuera alrededor del 50% y en mi línea de tiempo, tengo un fotograma clave en blanco aquí. No hay nada en ella. Ya verás tenemos ese círculo hueco con el trazo negro y las cosas se ven bastante escasas. De acuerdo, Siempre que empiezo en animación, me gusta tener algunos fotogramas con los que jugar. que respecta a estar en mi línea de tiempo ahora mismo, no puedo arrastrar la cabeza de juego hacia adelante. Tengo todos estos marcos potenciales. ¿ Recuerdas? Lo que voy a hacer es sólo ir al cuadro número 60 aquí. Y podría ir a insertar marco de línea de tiempo, pero eso es muy lento y arduo. Entonces vamos a ser usuarios de energía. Para que me conozcas a mí y a mis atajos. ¿ Qué es? Sí. F cinco va a agregar un marco. A marco 60. Y así ahora puedo mover la cabeza de juego y Ah, toma un pequeño suspiro de alivio. Te quiero mostrar en mi biblioteca. Te estoy brindando una serie de activos. Muéstrale que tenemos esta cabeza alienígena. Tenemos sus ojos como símbolo separado. El cabezal como símbolo separado. Tenemos esto. Texas está fuera de este mundo. Contamos con montañas espaciales separadas. Tenemos una imagen con las montañas espaciales y algunas estrellas. Tenemos de nuevo a nuestro OVNI y algún texto que dice que tus habilidades son así en esta etapa del juego , solo estoy brindando los símbolos para que muestres que tenías animado. Pero más adelante, te voy a contar todo sobre la creación de tus propios símbolos y todos los diferentes tipos de símbolos . Pero por ahora, nuevo, nos estamos centrando en la animación. Entonces lo que voy a hacer aquí primero las cosas primero en la capa uno. Voy a renombrar esta mi capa de fondo. Por lo que hago doble clic en la capa. Simplemente lo voy a llamar fondo y voy a añadir mi fondo espacial J peg al escenario. Por lo que sólo voy a arrastrarlo a cualquier parte. Ahora, podría intentar alinearlo perfectamente esquina superior izquierda Y tengo algunas guías que tipo de me muestran lo que está pasando cuando sí me alineo con la parte inferior y luego con la izquierda. Pero lo que quiero mostrarles es que voy a usar el panel de alineación. Y si estás usando tu espacio de trabajo esencial, puedes hacer clic en este botón aquí para una línea puedes ir a ventana una línea, pero ya me conoces Me gustan mis atajos de teclado. Entonces voy a hacer el comando K en el Mac o el control K en el PC. Y así ahora sale esta pequeña tarima y voy a dar click en una línea a escenificar y luego solo voy a hacer Vamos al borde izquierdo y al borde superior. Y ahí sé que estoy absolutamente, perfectamente alineado a la parte superior izquierda del escenario. Y mi imagen es exactamente del mismo tamaño que el escenario. Entonces todo está cubierto. Ninguno de este pequeño y fresco fondo de espacio aquí. Ahora, lo largo de este proyecto va a estar agregando la cabeza alienígena, algún texto , los OVNIs, y no quiero dar clic inadvertidamente en el fondo y moverlo y cometer errores y desplazado hasta por un píxel único. Entonces si tengo esta cosa alineando dedo del pie izquierdo y superior, lo que voy a hacer es bajar a la capa en la línea de tiempo, y este pequeño punto debajo de la cerradura me va a permitir bloquear esa capa. Y lo que eso significa es que ya no puedo seleccionar ni mover nada en esa capa. Entonces una vez que tengo mi fondo en su lugar, me gusta bloquearlo una vez que esa capa esté bloqueada. A continuación vamos a construir animación Rufo, y esto va a ser muy similar a lo que hicimos anteriormente con nuestra primera animación de Tween . Pero ¿sabes qué? Toe aprende esto, todo se trata de la repetición. ¿ De acuerdo? Y quiero que hagas esto un par de veces para que en realidad te lo metes en la cabeza para construir la memoria muscular. Y como lo hemos hecho antes, puedo hacerlo con bastante rapidez la segunda vez. Um, lo que va a ser nuevo en esta lección es que vamos a estar agregando nuevas capas a nuestro documento. Entonces aquí tengo la capa de fondo bloqueada. Voy a dar clic en este botón aquí mismo y añadir una nueva capa encima de él. OK, Cualquier cosa que ponga en esta nueva capa va a estar visualmente encima de cualquier cosa en la capa de fondo. Voy a hacer doble clic en esta capa y nombrarla OVNI. Nombrar a tus capas es una gran práctica en la que entrar. Queremos construir ese hábito porque podrías tener 10 2060 capas en un f l. un archivo, y si no las etiquetas, va a ser una verdadera pesadilla. Entonces en esta capa de OVNI, voy a ir a mi biblioteca. Si no se abre, solo puedes hacer clic en el tipo aquí y voy a seleccionar OVNI, y voy a arrastrarlo hacia fuera al escenario. Y de aquí en adelante, más o menos voy a hacer exactamente los mismos pasos que has hecho antes. Voy a seleccionar al OVNI. Vamos a utilizar la herramienta de transformación para reducirla. Voy a mantener pulsado turno que constreñir el escalado va a moverlo aquí arriba. Voy a ir al cuadro número 10. ¿ Voy a pegarle qué? Sí, F seis para agregar un nuevo marco clave, y voy a tomar el OVNI, traerlo algo en el medio. Voy a conseguir que mantenga pulsado el turno para constreñir el escalado, y luego lo voy a girar un poquito otra vez. Ya has hecho esto antes, así que voy a ir rápido. Voy a ir al cuadro número 20. Voy a golpear F seis para agregar un nuevo qué? ¿ Un marco clave? Sí, y voy a llevar al OVNI moviéndose por aquí. A lo mejor inclinarlo hacia abajo de esta manera. Mantén pulsado, cambiarlo y encogerlo. Entonces tengo estos 123 fotogramas clave dentro y no hay animación entre ellos. Pero, ¿qué nos dio exactamente? Vamos a añadir un clásico Tween click derecho crear clásico Tween click derecho crear clásico Tween Así que ahora puedo arrastrar hacia atrás para encuadrar un hit return o entrar y hemos jugado nuestra animación. A continuación vamos a animar a la cabeza alienígena y esto nos va a presentar una de las reglas más importantes de crear Tweens clásicos. Y eso es esto. Puedes Onley anim comer un elemento a la vez por capa. Entonces, ¿qué significa eso? Bueno, digamos que en el fotograma número 10 decidimos que queremos animar nuestra cabeza alienígena. Si tomo la cabeza alienígena y la arrastro hacia fuera al escenario y marco número 10 ver qué pasa? Obtenemos lo que se llama estos Tweens rotos. En nuestra línea de tiempo, ahora vemos estas líneas punteadas entre nuestros fotogramas clave. Y lo que pasará es que la próxima vez que vayamos a la animación de jugadores, obtenemos esta cosa realmente extraña de la cabeza alienígena moviéndose por todo el lugar, y no es totalmente lo que yo quería hacer. Está bien, ¿ si lo piensas? Anime realmente no puede tomar una cosa, que es un OVNI y una inmediata en dos cosas y luego en el cuadro 20. Ni siquiera sé cómo se dio cuenta de lo que estaba haciendo. Observe cuando voy al cuadro 20 que simplemente desaparece. Entonces, al final del día, estamos obteniendo todos estos resultados indeseados e inesperados. De acuerdo, entonces otra vez, la regla es Onley animar un elemento a la vez por capa. Entonces voy a volver al marco número 10 y dejarme simplemente deshacer, y eso esperemos que me deshaga de mi cabeza alienígena enfermo y enmarcar. Lo siento. Y a pesar de que se ha ido, creo que todavía estás en el fotograma número 10. Déjame deshacerme de él. Voy a darle un click sobre él y pegarle, Eliminar. Y luego al instante, verás que esas líneas punteadas se volvieron a convertir en lindas flechas y todo está bastante tan avanzando. Lo que sea. Estás haciendo tus propias cosas. Si alguna vez ves esas líneas punteadas, es momento de decir OK, arruino algo, déjame averiguar qué es. Entonces ahora que saqué la cabeza alienígena del marco número 10 estoy a salvo. Bueno, no quiero presentar al alienígena hasta el marco número 20. Um, y lo que voy a hacer ahora por el alienígena es añadir una nueva capa y la voy a nombrar Alien. ¿ Y de verdad quieres meterte en el hábito de nombrar a tus capas? Sé que es fácil no hacerlo, pero después de un tiempo, vas a tener la capa uno al 70 y no tienes idea de qué necesita. Una capa. Ahora, algo que te mostré anteriormente fue que si quiero introducir este nuevo elemento al escenario y marco número 20 necesito tener un marco clave su primero. OK, um, déjame hacerlo de la manera equivocada. ¿ Todo bien? Voy a fingir que no somos estudiantes que se llevaron mis campamentos de arranque para marcos clave y en el marco número 20. Voy a tomar la cabeza alienígena y lo voy a arrastrar hacia fuera al escenario. Y ahora voy a volver al encuadre número uno y decir: Oh, Dios mío, Dios mío, ¿por qué está esa cabeza alienígena en el marco número uno? Bueno, eso es porque no había un fotograma clave primero sin enmarcar número 20. Entonces si cometes este error y agregas lo tuyo antes en la película, entonces querías hacerlo. Siempre puedes hacer clic en ese marco para seleccionarlo y luego arrastrarlo hacia adelante. Y así ahora mi marco clave es el marco número 20 y estoy bien. No obstante, quiero mostrarles la forma correcta de hacerlo. Entonces déjame simplemente deshacer un montón de cosas hasta que el alienígena tenía se vaya otra vez, pegando en do Command Z. Y así antes de poner al alienígena en el escenario y encuadre 20 voy a dar clic, y voy a golpear F seis para agregar mi nuevo marco clave. posible que notes que se trata de un marco clave en blanco. Bueno, eso es porque antes no había nada en el escenario. Entonces tengo un marco de manta y marco número 20 y puedo tomar la cabeza alienígena ahora arrastrarlo hacia fuera al escenario y ponerlo justo por aquí. Tipo de centrado verticalmente. Los pocos píxeles fuera a la izquierda. No voy por perfecto ahora mismo. Yo quiero que esta cabeza alienígena empiece pequeña y transparente en escala arriba. Entonces lo que voy a hacer por esto es en el cuadro 20. Voy a conseguir las cosas más o menos de la forma que quiero que estén al final de la animación. Entonces cuando vayas al fotograma número 30 voy a dar clic ahí, y voy a volver a golpear F seis para crear un nuevo fotograma clave. Hemos aprendido previamente que crear un nuevo marco clave va a duplicar todo desde el fotograma clave anterior. Por lo que el marco 30 y el marco 20 ahora son idénticos. Lo que puedo hacer en el marco 20 sin embargo, es usar la herramienta de transformación es Aiken. Selecciónelo. Puedo aguantar, cambiarlos y Aiken reducirlos un poco. Y también puedo ir al panel de propiedades. Y bajo efecto de color, podría ser condensado para tu colapsado. Podrías ir al efecto de color en Alfa selecto. Y aquí el Alfa es similar a la opacidad o transparencia. Está bien, en Alfa de Cero lo hace totalmente transparente. Y Alfa de 50 lo va a hacer a medio camino transparente. Alfa de 100. Está totalmente opaco, así que voy a llevar este deslizador Alfa todo el camino a cero. Y entonces así en marco 20 es pequeño y transparente en marco 30. Es grande y totalmente opaco, así que déjame volver al fotograma número 20 o en algún lugar entre ese lapso y crear clásico Tween. Y así ahora tengo una animación del alienígena tenía creciendo y desvaneciéndose en Déjame sólo arrastrar de nuevo al fotograma Número uno Hit Return. Y ahí tienes. Oye, ¿cómo te va? ¿ Estás bien? Bien. Yo sólo quería chequear en ti. Escucha, sé que hemos estado pasando por estas cosas desde hace un rato. Lo has estado haciendo muy bien prestando atención a estos videos, y estoy muy orgullosa de ti. Has hecho algunas lecciones prácticas, y creo que realmente estamos empezando a conseguir un ahorcado de estos marcos, marcos clave, Tweens clásicos y todo ese jazz. Por lo que sólo quiero felicitarte. ¿ Qué, te parece un poco de respiro ahora? Está bien. ¿ Qué? Te levantas, traes un poco de agua. Vuelve. Bueno, esta cosa no fuera. Estás haciendo impresionante. Está bien, estoy de vuelta para envolverlo. Lo que vamos a hacer es sólo traer ese texto que dice que tus habilidades están fuera de este mundo . Vayamos al archivo terminado y sólo les mostraré que vamos a hacer que Texas entre de la derecha y se alimenta en un poquito dice que sus habilidades están fuera de este mundo. Ja ja. Está bien. Y más o menos va a ser más de las cosas que acabamos de hacer antes. Así que déjame volver al fotograma número 30 aquí y con el alien lier seleccionado, voy a añadir una nueva capa que pondrá una nueva capa por encima de alien, y voy a llamarlo Tus habilidades están bien. Y ahora sabemos que si quiero iniciar la animación de ese texto en el marco 30 voy a seleccionar primero el fotograma 30 con sólo hacer clic en él. Golpea f seis para agregar mi nuevo marco clave. Y voy a ir a mi biblioteca. Vamos a tomar este símbolo que dice que tus habilidades son y lo voy a arrastrar hacia fuera al escenario. Y de nuevo, no nos vamos a enloquecer demasiado con el posicionamiento. Iba a ponerlo justo ahí. A lo mejor sólo alinearlo con los ojos un poco, ¿de acuerdo? Y así es donde quiero que esté el texto después de que se haga la animación. Por lo que en el marco número 40 voy a volver a hacer clic ahí. Golpe f seis. ¿ No te alegra que estemos usando atajos de teclado? Sé que eres así que tenemos un duplicado de fotograma 30 y de vuelta en el fotograma número 30. Yo sólo voy a tomar este texto y podría arrastrarlo hacia la derecha. Pero lo que voy a hacer es mantener pulsado el turno y presionar la tecla de flecha derecha para moverlo 10 píxeles hacia la derecha y lo voy a hacer tres veces más. 123 De acuerdo, Y luego voy a volver al panel de propiedades. Me va a mostrar que ahora mismo lo último en lo que hice clic fue un marco. De acuerdo, así que no quiero que me jodan por eso. Voy a dar click en el símbolo real Ha ja. Y me va a decir que es un gráfico. Una instancia de tus habilidades son, y de nuevo, voy a ir al estilo de efecto de color Alfa, y ya ha bajado a cero. Entonces en el fotograma número 30 estamos más a la derecha con un Alfa de Cero y marco número 40 o más a la izquierda. Boom totalmente opaco clic derecho, crear clásico Tween. Y ahora mis textos entran y se alimentan y al mismo tiempo, para el último de nuevo, las repeticiones te van a ayudar vamos a añadir una nueva capa. Eso lo hice tan rápido, y ahora voy a decir fuera de este mundo y vamos a volver al marco número 40 aquí . Voy a pegarle a mi amigo F seis, voy a la biblioteca, y voy a sacar de este mundo de la biblioteca. Y lo vamos a poner en el escenario, moverlo por unos píxeles un poco más abajo. Y ahora en el marco número 50 solo voy a volver a hacer clic ahí. Ahí hay 50 hit F seis y son marco clave. Voy a volver al marco número 40 click en el símbolo, repasar unas cuatro veces. Está bien que salga del escenario. En ese momento, vamos a ir al panel de propiedades y vamos a bajar el Alfa a cero. Haremos click derecho aquí y crearemos el clásico Tween. Y ahora sólo vamos a desvanecernos. Volveremos al principio y lo golpearemos. Impresionante. Ya sabes, creo que esto está un poco cerca aquí mismo. Veremos esto si necesito encontrar un poco las cosas afinadas. Puedo seleccionar esto. Puedo aguantar turno. Y solo puedo mover esto un poco hacia la izquierda usando la tecla de flecha izquierda. Impresionante. Yo puedo llevarme al alienígena, tal vez ir unos cuantos otra vez. No vamos por la colocación perfecta de píxel ahora mismo, pero sí tenemos esa opción para mover cosas, obviamente. Por lo que voy a arrastrar de nuevo al principio. Golpear, regresar o entrar. Y ahí tengo mi animación. Impresionante. Está bien, creo que lo vamos a envolver aquí. Siguiente que vas a hacer es darte seguir las instrucciones que pueden hacer esto todo por ti mismo y de nuevo en esta parte de la fase de aprendizaje. Es importante conseguir toda esta repetición. Y ni siquiera te pidas que veas este video una vez más antes de hacer el seguimiento a lo largo de parte de esto. Pero no te preocupes. Te voy a dar todos los pasos que vas a hacerlo. Y todas estas cosas de marco clave en los Tweens clásicos, todo va a hundirse y convertirse en segunda naturaleza. Sólo confía en mí. Te vas a poner realmente bueno en esto Más paliza 19. UFO con los seguidores de la alina: Está bien, tengo otro video de seguimiento para ti. Vamos a estar construyendo este OVNI con ejercicio alienígena. De acuerdo, Entonces lo que he hecho es que he tomado la demostración anterior, y la he roto en trozos 32 donde te iba a mostrar de manera muy concisa, los pasos que debes seguir. Entonces vas a ver instrucciones en la pantalla. Cuando veas las instrucciones, solo pausa el video, haz los pasos por ti mismo y sigue moviéndote. Aquí hay unos seis minutos de video para que los veas. ¿ No deberíamos hacer esta lección en alrededor de 20. Muy bien, entonces cuando dediques el tiempo a hacer esto de la manera correcta, lo vas a aprender. ¿ En serio? Bueno, vale, va a haber mucha repetición en este video, pero de nuevo, así es como vas a aprender. Así que síguense. Pasa por ello y lo celebraremos al final. Está bien. Para obtener instrucciones sobre dónde obtener estos archivos. Basta con leer la descripción a continuación. Debería haber algo ahí dentro sobre dónde descargarlo. Muy bien, así que lleguemos a ello. Está bien. Tengo el OVNI con archivo de inicio alienígena abierto. Sólo tengo un fotograma en mi película, así que vamos al fotograma número 60. Daremos click en Frame 60 y golpearemos F cinco para agregar fotogramas. Volvemos al marco uno y vamos a ir a la biblioteca y vamos a sacar el fondo espacial J peg out, arrastrarlo al escenario a cualquier parte, y luego vamos a ir al panel Alinear, que de nuevo se puede ir a la ventana un línea, pero quiero que hagas el comando K. Muy bien. Eso va a abrir el panel Alinear. Asegúrese de una línea dos etapas marcadas y una línea al borde izquierdo y al borde superior. Y si eres panel permanece abierto y solo puedes hacer click apagado para que desaparezca a continuación vamos a renombrar y bloquear la capa uno. Así que haga doble clic en la Capa uno y sólo nombra fondo y golpee, ingrese o regrese. Y luego vamos a dar click en el punto debajo de la cerradura y eso bloquea el fondo en su lugar. No puedo moverlo a ningún lado. Siguiente. Vamos a animar el OVNI, así que vamos a crear nueva capa doble clic para cambiar el nombre de esa capa OVNI. Vas a ir a la biblioteca, arrastrar el OVNI hacia el escenario y usar la herramienta de transformación libre. Simplemente bájala un poco y déjala en la esquina superior izquierda. A continuación, vamos a crear nuestra animación del OVNI. Haga clic en el fotograma número 10 Hit F six Para agregar un nuevo fotograma clave, mueva el OVNI al centro del escenario, tiró hacia abajo turno para escalarlo un poco, utilizando la herramienta de transformación y giró hacia adelante un poco a continuación en un fotograma clave en fotograma número 20 al golpear F seis. Arrastra el OVNI del escenario, giró al revés y bájalo un poco moviéndose por aquí. Y luego vas a volver al fotograma número uno click derecho, crear Tween clásico y luego en el fotograma número 10 haga clic derecho y crear clásico Tween. En este punto, se conscripta a través de la animación, y debe verse bien. A continuación se agregará una nueva capa para el alienígena, por lo que haremos clic en el botón de nueva capa doble clic para cambiar el nombre de la Capa Alien. Vamos a hacer clic en Frame 22 en un fotograma clave ahí golpeando F seis, y luego vamos a sacar el símbolo alienígena de la biblioteca y arrastrarlo al escenario . A continuación, vas a añadir otro fotograma clave en el fotograma número 30 al golpear F seis. Vuelve al marco 20 utilizando la herramienta de transformación libre Escale la cabeza hacia abajo manteniendo el turno. Vaya al panel de propiedades y bajo efecto de color, establezca el estilo en Alfa de Zero y luego haga clic con el botón derecho en Frame 20 y haga crear clásico exfoliante de Tween hacia adelante. Y ahora ves la animación del alienígena. A continuación, vamos a animar. El primer trozo de texto agregará una nueva capa. Nombra esa capa. Tus habilidades son hit return. Vamos a añadir de nuevo un marco clave y el número de fotograma 30. Vamos a golpear F seis. Para ello, vamos a ir a la biblioteca y tú vas a sacar tus habilidades están fuera de la biblioteca, arrastrarlas al escenario y alinearlas más o menos con los ojos alienígenas usando tu tecla de flecha o tu ratón. A continuación, vas a añadir un fotograma clave en el fotograma número 40 al golpear F seis. Volver al fotograma 30 y con el texto seleccionado, tiró hacia abajo turno y presione la tecla de flecha derecha cuatro veces 1234 y luego vaya al panel Propiedades y ajuste el Alfa hacia abajo a cero clic derecho en el marco 30 o en cualquier lugar entre 30 y 40 y crear un clásico Tween fregó la cabeza de juego para ver tu animación y una nueva capa y nombrarlo fuera de este mundo hit Return in frame 40. Vas a volver a agregar un marco clave, golpeando f seis. Ve a la biblioteca, saca de este mundo fuera de la biblioteca. Ponlo donde te gustaría que terminara. Acude al cuadro número 50 y golpea F seis. Para agregar tu marco clave. Vuelve al fotograma 40 con ese texto seleccionado desplazar la flecha derecha cuatro veces y luego usando el panel de propiedades, vas a volver a ajustar el Alfa a cero y luego hacer clic derecho para crear un exfoliante clásico de Tween volver al principio Vuelve. Y ahí tienes, Wu boom, boom! Lo hiciste bien. Sólo tienes que seguirla. Tienes estas tres o cuatro cosas diferentes animando y me pruebas que tienes la fuerza mental dedo del pie ver estos videos siguen y aprenden bien. Deberían estar súper orgullosos de ustedes mismos. Si has superado este ejercicio, sabes que puedes manejar cualquier cosa que te voy a tirar en el resto de este curso. Y he estado tratando de decirte que realmente no es tan difícil. Muy bien, realmente vamos a martillar estos fundamentos. Y a medida que seguimos adelante, vas a ver que tienes las mismas habilidades que la gente está usando en el mundo profesional o bien. Y sí, va a tomar tiempo encontrarlos, afinarlos y convertirse en un experto. Pero en realidad, no se pone mucho. De acuerdo, así que me queda una tonelada de información para mostrarte, y de verdad espero que me hayas seguido por el resto del paseo. Muy bien, entonces felicitaciones. Y espero que hayas sacado mucho de estos videos. Sigamos adelante. Más golpiza 20. Elige el tipo de plataforma: ellos clase. ¿ Qué pasa? Tengo una lección realmente importante para ti hoy. No va a ser sobre cómo mueves esto en eso por aquí y por allá. Y Adam Eat CC. Pero va a ser una conferencia de inmersión profunda explicando los diferentes tipos de documentos y tipos de plataforma y animar CC. Hasta este punto, te he estado diciendo, Añadir el tipo de documento no importa. Y en su mayor parte, eso es cierto, porque todas las cosas que estamos aprendiendo sobre los marcos clave, Tween ing diferentes herramientas funciona exactamente igual en el documento HTML cinco lienzo como lo hace en el documento de script de acción 3.0. No obstante, avanzando, voy a ser muy específico sobre qué tipo de documento elijo, y quiero explicar exactamente por qué he tomado esta decisión, y sólo podría darle la respuesta en una frase. Pero de verdad quiero que entiendas por qué estoy tomando esta decisión y por qué estamos usando la que estamos usando. Entonces, sin más preámbulos, entrémonos en ello. Por lo que ahora te presento animate CC 2019 eligiendo el tipo de plataforma adecuado slash Una breve visión general de 20 años de tecnología flash, la razón por la que el tipo de plataforma es tan importante es que determina dónde se ejecutarán tus animaciones , donde juegan en un navegador Web. ¿ Quieres dejarlos caer en un correo electrónico o quizás subirlos a Facebook o Twitter? También determina a qué características tendrás acceso en la interfaz de Animate CC. Algunos tipos de documentos tienen más características y otros, y esto es extremadamente importante. Por último, el tipo de plataforma determina qué lenguaje de scripting usarás en su caso, ya sea acción Script tres o javascript fun fact. En realidad puedes escribir javascript directamente en animate y controlar tus animaciones con JavaScript Así que inanimate CC 2018 y anteriores. La nueva ventana de documento le permitiría elegir su tipo de documento a través de esta lista de la izquierda. Aquí hay bastantes, y luego las más prominentes serían HTML cinco. Lienzo y guión de acción tres. Ahora bien, aunque podrías hacer click en cada uno para obtener una breve descripción, sospecho que muchas personas iniciando proyectos de animación eran como, Hey, solo quiero hacer un GIF simple, en looping. Pero, ¿qué tiene que elegir esta basura? Para un animate CC 2019 las cosas eran diferentes una vez que eliges una categoría de la que eliges una talla, y luego eliges un tipo de plataforma. Es interesante señalar que diferentes tipos de animaciones por defecto los diferentes tipos de plataforma . Observe que para la animación de caracteres que el tipo de plataforma es acción Script tres. Y tal vez estés pensando, Bueno, estoy haciendo animación de personajes que va a ser como intrincados marcos clave con movimientos leves . ¿ Por qué necesitarías acción? Guión tres para eso, Y ese es un punto válido. Y cuando pretendo abordar cuando selecciono la educación como el tipo de animación que voy a crear, notarás que los tipos de plataforma que es a html cinco canvas otra vez un recién llegado pueden confundirse por esto. ¿ Qué hace que el HTML cinco sea mejor para la educación? Bueno, vamos a averiguarlo, pero primero hagamos un pequeño recorrido por la vida de Flash y el Flash Player para entender mejor lo que significan estas cosas. Por lo que ya a finales de los noventa, Internet era un lugar espantoso. Incluso la marca más grande luchó por hacer un sitio web que se viera bien. Incluso Apple, la máxima autoridad en lo que se ve bien tenía esto es su sitio web. Yuck. Algunos de los problemas con el diseño Web temprano fue que tenías opciones de fuente limitadas y todos estaban en los módems de marcado up, por lo que tenías que usar imágenes realmente pequeñas que a menudo se comprimían con bajas cantidades de colores . El diseño se restringió a aburridas rejillas de mesa de filas y columnas, por lo que entonces Flash Player entra para cambiar el juego. Flash Player fue desarrollado inicialmente por una empresa llamada Future Splash, que luego fue adquirida por Macromedia y alrededor de finales de los noventa es donde realmente ganó protagonismo el flash player. Por lo que el flash player era este pequeño enchufe que se podía instalar en el navegador. Los usuarios de Internet instalarían esta pequeña aplicación llamada Flash Player, y luego serían capaces de reproducir cosas llamadas Swift Files. Ahora, como el enchufe de Flash Player tenía un montón de código dentro de él que sabía cómo ejecutar archivos Swift , permitía que los archivos rápidos siguieran siendo pequeños. Otro beneficio de los archivos Swift fue que eran súper crujientes. Tenían gráficos vectoriales escalables con tamaño de archivo muy bajo. Flash Player también soportaba streaming, lo que significaba que podrías crear una animación y descargarla progresivamente para que pudieras empezar a reproducir la animación antes de que el final de la misma fuera realmente descargada en el ordenador del usuario , y esto fue enorme. Otra cosa que les encantó a los diseñadores fue que podrías usar prácticamente cualquier fuente que desees. Y para los desarrolladores, erradicó en gran medida los problemas de navegador cruzado. En estos días, había navegadores como Netscape e Internet Explorer para la computadora Macintosh, y era realmente difícil conseguir que los sitios web renderizaran lo mismo en todos los navegadores. Pero el Flash player se encargó de mucho de eso. Y esto hasta todos estos beneficios. También había algo llamado script de acción, que era un lenguaje que podía ejecutarse dentro del flash player. Y ofrecía la capacidad de animaciones dinámicas que podrían controlarse vía script. Para que literalmente pudieras escribir código que dijera a tus clips de película cómo deberían moverse. Podrías crear animaciones que respondieran a las interacciones del ratón, así que ahora podrías hacer clic en las cosas, arrastrarlo, dejarlo donde quieras. Fue impresionante. guión de acción también apoyó la carga progresiva de imágenes de alta rez, para que pudieras construir una elaborada galería con cientos de imágenes. Podrías rastrear la descarga de cada imagen y Onley cargar las imágenes que quieras cuando las quieras. Podrías hacer manipulaciones de mapa de bits súper cool en esas imágenes. Podrías deformarlos. Podrías hacer efecto de color. Podrías convertirlos en escala de grises. Podría afectar el contraste, todo con código. No hubo creación de arte vectorial impulsada por guion. Podrías escribir un pequeño guión que crearía miles de líneas y rellenos. Tendrías este arte generativo al azar que se veía hermoso. Ahora podría cargar datos de bases de datos o la próxima vez l archivo. Entonces eres galerías y todo lo que construiste podría tener todo el texto en descripciones y archivos externos que eran fáciles de actualizar. Entonces vinieron gráficos acelerados de GPU superrápidos y algo llamado Etapa tres D C. Podría literalmente obtener gráficos estilo de consola tres D ejecutándose en el navegador dentro del Flash Player. Fue impresionante. También podría obtener acceso al sistema de archivos local y a la cámara Web. El Flash Player ofrecía características que ninguna de las tecnologías de navegadores Native podía tocar diseñadores que nunca hubieran soñado con convertirse en programadores informáticos. Ahora estamos creando juegos y experiencias interactivas en línea que rivalizan con lo que las grandes empresas están poniendo fuera, y todo esto se derrama sobre el diseño Web El diseño web fue completamente revolucionado. Ya no necesitabas encajar imágenes pequeñas en cajas diminutas, ahora podrías usar cualquier fuente que te guste. Podrías excesivamente imágenes y texto con características avanzadas y modos de mezcla al igual que lo hacían los diseñadores en la tienda de fotos. Prácticamente no hay límites a lo que podrías hacer, y los diseñadores aprovecharon al máximo para 2010. Flash Player gobernó la Web. Prácticamente todo el video fue entregado a través de Flash Player YouTube. Lulu, Netflix usó reproductor flash para streaming de video Con protección DRM Toda la industria publicitaria de medios ricos se construyó literalmente en archivos Flash Player y Swift. Ahora puedes tener anuncios que podrías expandir, reproducir videos o incluso jugar a un juego. En Hablando de qué toneladas de juegos jugamos en el navegador, enormes títulos móviles como Angry Birds reportaron el Flash Player y luego se integraron en Facebook. La mayoría de los sitios web galardonados estaban basados en flash, y había una próspera comunidad de desarrolladores. Había evangelistas flash. Había formularios de apoyo para desarrolladores. Había toneladas de blog tecnológico todos enfocados en flash. Había mercados donde podías comprar y vender tus pequeños widgets y creaciones de flash , y flash estaba disponible en cientos de millones de computadoras. Entonces este tipo que nos dio esta cosa escribió esta carta. Yo Steve Jobs, me gusta Gracias fue prohibido. En pocas palabras. Flash nunca se ejecutaría en el iPhone. Algunas de sus razones. Abreviado un flash no era una tecnología abierta. Eso significaba que Adobe tenía control sobre ello. Era una especie de caja negra, si se quiere. Fue un código abierto. La gente no sabía lo que pasaba dentro del Flash Player, y así no se podía confiar en él. Html cinco CSS y JavaScript Vamos a ser las herramientas que impulsaron la próxima generación del desarrollo web y aplicaciones móviles. Estos eran estándares abiertos que cualquiera podía recoger, y en realidad nadie tenía control sobre. Pensabas que la fiabilidad y el rendimiento de los reproductores flash eran cuestionables cuando estaba especialmente preocupado por la duración de la batería. Algo grande también fue la falta de apoyo táctil. Durante la última década más o menos, todo fue impulsado por el ratón. No fue hasta que salió el iPhone que realmente empezamos a hacer interacciones basadas en el tacto a gran escala. Y, por supuesto, estaba preocupado por la basura APS. A lo que se refería con esto fue que con el desarrollo del flash, no había una interfaz universa unificada o estandarizada. Estaba preocupado por las personas que son pobres diseñadores haciendo cosas que no se verían bien en su hermoso dispositivo iPhone. Hacen que los botones sean demasiado pequeños para que los toques. Eligen los colores equivocados, y sería sólo un lío horrible ahora, aunque había algo de verdad detrás de algunas de estas declaraciones, no todo el mundo estuvo de acuerdo. La interpretación del desarrollador fue sencilla. Apple se sintió amenazada por Flash Player y quería un control total sobre su ecosistema de APP store . En términos sencillos, si se permitiera al flash player correr dentro de un navegador móvil, gente tendría acceso a aplicaciones totalmente funcionales sin pasar por la tienda APP . Al respecto, Apple no sería capaz de controlar la calidad o seguridad de este tipo de aplicaciones. Quizás otra preocupación sería que los desarrolladores hicieran juegos y APS para el flash player que competiría con lo que estaba vendiendo también a la tienda APP. Quién sabe, independientemente de las razones o motivaciones, una cosa estaba clara. Apple había trazado una línea en la arena concerniente al Adobe Flash Player y al IOS, por lo que Adobe necesitaba reaccionar, e hicieron algunas cosas. Desarrollan el flash player para el navegador móvil de Android. Esta cosa funcionó, y fue emocionante, y tenía alguna esperanza para ello. Pero al final , simplemente no funcionó. El rendimiento nunca fue tan grande, y hay un montón de pruebas que muestran que la duración de la batería fue bastante horrible. También estaba el tiempo de ejecución del aire, que permitía empaquetar contenido basado en flash en IOS y Android APS. Esta fue en realidad una herramienta muy inteligente, y todavía está viva y bien en la actualidad. Por lo que el tiempo de ejecución de aire básicamente solo te permitió tomar contenido desarrollado en flash, profesional o flex y compilarlo en algo que se pudiera vender a través de la tienda APP . Si te interesa hacer desarrollo de aplicaciones multiplataforma, definitivamente echa un vistazo al aire. Y el mayor avance fue que en 2011 introdujeron la capacidad de exportar a cada pequeño cinco lienzo con soporte decente de JavaScript directamente desde para último profesional. En pocas palabras, esto significó que podrías usar profesionales del flash, poderosas herramientas de línea de tiempo y creación de arte para crear animaciones que juegan a partir de los estándares Web abiertos que Steve Jobs está pidiendo. Podrías hacer cosas geniales en flash profesional y ejecutarlas de forma nativa en un navegador Web sin el flash player, y no puedo exagerar lo extremadamente genial que es esto. Si bien Adobe intentaba averiguar qué debían hacer a continuación, toda la industria estaba en agitación. Comunidades flash enteras y mercados básicamente se derrumbaron, los usuarios se fueron y las puertas se cerraron. Los freelancers y agencias de Flash tuvieron sus cargas de trabajo reducidas severamente, y toda la industria online y se alejaron del flash $1,000.000.000 gigantes como DoubleClick de Google tuvieron que modernizar completamente toda su infraestructura para cambiar de sirviendo cabezas rápidas a HTML cinco. Ya sea que seas un freelancer de flash en solitario o una empresa de $1,000.000.000, si tu sustento estaba de alguna manera ligado a la producción o envío de archivos swift, tienes que encontrar algo más a Dio y lo dice todo porque un tipo escribió una carta. Ahora bien, aunque Steve Jobs pudo haber tenido algunas razones válidas para no querer el flash player en el iPhone en su estado actual, la desafortunada realidad del 2010 fue que no había nada ahí fuera en el mundo de los estándares abiertos que podría competir con el reproductor Flash. Conforme van las características de faras, e incluso para 2014 los estándares web abiertos de HTML, CSS y JavaScript seguían siendo groseramente incapaces de igualar todas las cosas que el Flash Player podía hacer. Y desde donde estoy sentado, probablemente sólo han sido los últimos dos o tres años donde he estado viendo los sitios web de vanguardia y puedo pensar a mí mismo. Sí, realmente ya no necesitamos a Flash para hacer ese tipo de cosas. Entonces echemos un vistazo a dónde estamos hoy. En 2019 Flash Player tiene previsto su fin de vida para diciembre de 2020. Eso significa que Adobe ya no desarrollará ni apoyará el reproductor flash, y el reproductor Flash no está instalado de forma predeterminada en los navegadores de escritorio. Eso significa que tienes que instalarlo manualmente, y cuando encuentras contenido flash, generalmente tienes que hacer clic para jugar carne. EDS. Aire básicamente inexistente y prácticamente todo el video y audio es ahora compatible con HTML cinco, por lo que sitios como YouTube y Hula y Netflix pueden conseguirte video sin el flash player. Ahora hablemos de dónde está el profesional flash hoy. Bueno, fue renombrado a Animate CC en 2016 en gran medida para alejarse de todo el estigma con el nombre del flash . Entonces, a pesar de que el reproductor flash prácticamente se estaba matando y muriendo el profesional de la aplicación de escritorio Flash, que todavía se utilizaba para crear animaciones y aplicaciones impresionantes. Todavía tenía mucha vida en ella, y la gente la estaba confundiendo con el flash player cuando la gente decía, Oh, flash está muerto Pensarían que la aplicación profesional del flash iba con ella, y que estaba causando muchos problemas. Por lo que ahora se llama Animate CC, y Animate CC es una herramienta de desarrollo multiplataforma para script de acción video regalo aire para Android e IOS Air para escritorio cada uno más cinco lienzo SPG Web G l y G L T F. Que es básicamente un tres D formato que permite transferir tres modelos y escenas D. Y conseguimos VR 3 60 en VR Panorama. Entonces no voy a explicar cuáles son todas estas. Pero la idea básica es que anima. Sisi es un programa increíble para diseñadores, animadores, programadores, programadores, donde pueden hacer que las increíbles obras de arte cobran vida y se exporten a todos estos maravillosos formatos. Entonces ahora la gran pregunta. El motivo por el que inicié esta presentación en primer lugar qué tipo de plataforma hacer Select Action Script tres o un documento HTML cinco lienzo. Probablemente estés pensando, Oye, Oye, acción Script tres es solo para ese flash player o cosa del aire. Está anticuado y roto, y el lienzo html cinco se basa en estándares Web. Es lo que Steve Jobs quería. Tiene que ser mejor. Bueno, contesto la gran pregunta con otra pregunta. ¿ Será necesario que la animación se ejecute en un navegador Web y admita la interactividad? Si necesita ejecutar el navegador Web, Definitivamente no debería ser un archivo rápido. Entonces empecemos a inclinarnos hacia el lienzo HTML cinco. No obstante, el rompetratos es si se necesita o no la interactividad. Si sí a ambos, entonces definitivamente elige HTML five canvas. Entonces echemos un vistazo a algunas cosas serán buenas para HTML five canvas. Escogerás HTML five canvas para cosas como cada equipo de cinco anuncios de banner, porque con estos, debes hacer clic en ellos para ir a un sitio web. Entonces eso es interactividad y ejecución baja de forma nativa en un navegador. Cosas como juegos, mucha interactividad y quieres correr en el navegador sin enchufar. También tenemos cuestionarios geniales para la educación, mapas interactivos y galerías de imágenes. Todas estas cosas son geniales para ejecutarse de forma nativa en un navegador y tienen algún nivel de interactividad. Ahora a la hora de crear HTML cinco documentos en lienzo, es importante saber como exportan. Y cuando exporte su animación, obtendrá una colección de JavaScript HTML y archivos de imagen que podrían incorporarse a un sitio web. Echemos un vistazo a cómo se ve eso. Por lo que aquí en Animate CC tenemos un documento HTML cinco lienzo con esta animación muy sencilla de Herman de pie y mostrándonos sus calzoncillos boxeadores. Y hay un pool en el fondo, y tengo exactamente una misma animación construida usando en acción script tres archivo. Entonces lo que quiero hacer es mostrarte lo que pasa cuando exportamos el html cinco canvas uno antes de exportar. Quiero mostrarles que en mi buscador tengo este archivo guardado en una carpeta llamada Canvas Export y el F. L. Un archivo de lienzo está sentado por sí solo aquí. Ahí no hay nada más. Entonces déjame solo dio una película de prueba de control en el navegador. Entonces por aquí el cromo aparece y tenemos a Herman y una reunión en bucle. Si hago click derecho, verás que puedo inspeccionar este elemento. Y si eres desarrollador Web, notarás que aquí tenemos un elemento de lienzo donde se está dibujando toda esta animación . Está bien. lo que realmente quiero enfocarme, sin embargo, es el hecho de que en mi buscador donde tenía ese f l un documento guardado, ahora tengo en archivo HTML un archivo JavaScript y la carpeta separada con la imagen del pool. Entonces, si eres desarrollador Web, estarás familiarizado con todos estos diferentes tipos de archivos, y sabrás qué hacer con ellos. Pero para sacar tu animación al mundo, básicamente necesitas saber subir estos archivos a un servidor Web o incorporarlos a una página Web existente. Pero no puedes tomar estos archivos y dejarlos caer en un correo electrónico o subirlos a Facebook o Twitter. Para mostrar tu animación, tendrías que convertir todas estas cosas en un video o un regalo, así que no te empantanes demasiado con los detalles de toda esta tecnología Web. Solo quiero que entiendas que al exportar un documento HTML cinco canvas, vas a conseguir un archivo HTML, un archivo JavaScript y cualquier bit mapeado imágenes que tengas o hojas Sprite dentro de una carpeta de imágenes. Entonces ahora que hemos establecido el tipo de archivos que exporta el documento HTML cinco lienzo , también quiero señalar que puedes tomar tus cinco animaciones HTML y exportarlas a video y regalo. Entonces ahora vamos a saltar sobre por qué elegiríamos el tipo de documento de script de acción? Bueno, elegimos principalmente para animaciones lineales, no interactivas exportamos su video o regalo. Y esto es básicamente cualquier tipo de animación que solo te vas a sentar y ver pasivamente y los usos para estos son enormes. Todo bien ahí. Perfecto para compartir redes sociales. Puedes dejarlos caer en tus correos electrónicos para traerlos o la vida. Y obviamente puedes dejarlos caer en notas clave y páginas Web de Power Point, y sobre todo quieres usar documentos de script de acción para animaciones intrincadas de personajes y dibujos animados. Permítanme simplemente pasear por unos ejemplos rápidos. Entonces aquí tuve las adiciones animadas Twitter Page, que es una cuenta que configuré para mostrar a la gente los tipos de animaciones que me gusta enseñarles a construir. Te darás cuenta de que Todas estas animaciones se reproducen en cuanto se desplazan a la vista, lo cual es impresionante. Por lo que todos estos archivos de regalo aéreo o video que serían muy fáciles de hacer con Anna Meet C. C. También menciono que este tipo de animaciones son geniales para caer en correos electrónicos para dar un poco más poseer. Entonces aquí te dejamos un ejemplo de un regalo caído en un correo electrónico que envié a mi newsletter. También menciono que guión de acción tres documentos fueron geniales para la animación intrincada de personajes . No soy un gran animador de personajes pero anima los barcos CC 2019 con un montón de archivos para que los explores, que puedas ver cómo realmente lo hacen los pros. Estos archivos, creo que todos somos creados por Chris Georgie Nous, quien es un animador increíble. Así que sugiero cuando se abra animate CC 2019 la próxima vez sólo se puede ir a archivar nuevo y la nueva ventana de documento te va a mostrar abajo en la parte inferior aquí, un montón de diferentes ejemplos de animaciones realmente geniales que puedes hacer con todas las nuevas características de animate cc. Bueno, hay que hacer es hacer doble click en ellos para abrirle, y luego podrás explorar todo lo que quieras. Vamos a hablar muy rápido de cómo los accidentes tropezan 3.0 las exportaciones de phile principalmente. Vas a conseguir un solo archivo swift que podría reproducirse en Flash Player aquí en Animate See . Ver, tenemos la versión de guión de acción del Herman Animation. Si voy a exportarlo, vamos a conseguir un solo archivo swift. Entonces déjame solo mostrarte muy rápido en mi buscador que tengo un guión de acción tres puntos ofl una sentada sola en su propia carpeta aquí, y voy a ir a controlar película de prueba en Enemy y verás que la animación aparece en su propia ventanilla aquí. Y cuando vaya a mi buscador, verá que tenemos este script de acción 3.0 swift. Si hago doble clic en él para jugar en él, va a querer jugar en la versión de escritorio del Flash Player. Está bien, si voy a exportar esto a una película de prueba de control de página web en el navegador Oh, desafortunadamente, Google Chrome va a aparecer y me sale este pequeño botón de hace 10 años que dice que necesito instalar Flash Player . Desafortunadamente, simplemente no puedo hacer eso ahora mismo. Me encantan los archivos Swift hasta la muerte, pero de nuevo, los reproductores flash se van y realmente no puedo recomendar que nadie haga contenido para el flash player. Por lo que hemos establecido que los Archivos Swift que se pueden reproducir en Flash Player básicamente malos e inútiles porque el flash player se va. Entonces, de qué sirven estos documentos de acción Script 3.0. Bueno, lo grande es que sí exportan como video o GIF. Y como dije antes, se pueden utilizar en páginas Web, correo electrónico social e incluso en televisión y largometrajes. Por qué no escuchas más sobre esto es porque todavía hay muchos conceptos erróneos por ahí. Está bien. La gente cree que ya que HTML cinco canvas es un estándar Web, por lo que debe ser el que elija a la hora de crear un nuevo documento. Y, por supuesto, gente piensa que el acento script 3.0 es una reliquia de los días flash. Steve Jobs no le gustó. No funciona en móviles. No debemos usar nada asociado a ello. Por lo que el script de acción 3.0 F L un archivo. Este tipo de ser echado con el flash player. Y, por supuesto, ya que tanto html cinco canvas en script de acción 3.0 Docks pueden exportar a video y regalo, bien podrías usar HTML five, ¿ verdad? ¿ Por qué no? Bueno, tengo que decir que hay algo de verdad en estas cosas. No obstante, el documento The Action Script 3.0 es muy superior al documento HTML five canvas en cuanto características y capacidades en cuanto a lo que se ve y se tiene acceso en el animado C c I . D e. El documento HTML cinco lienzo es literalmente un ciudadano de segunda clase. A s tres fuma html cinco Cuando se trata de filtros como gota, sombra, desenfoque, desenfoque, resplandor y bisel modos de mezcla como agregar pantalla aligerada sincronizando audio tres D y sobre todo nuevas características la A s tres muelles siempre consigue primero las cosas cool, razón por la cual esos f l a archivos que te mostré antes con la impresionante animación de personajes . Todos son documentos de script de acción 3.0 y los permiten animadores y deseos de hacer cosas que simplemente no se puede hacer en el mundo de los cinco HTML. Por ejemplo, este de aquí que tiene audio del dedo del pie hundimiento del labio. Hombre, este tiene que ser el pH más limpio que haya visto. Ni un solo pedazo de basura. Yo me estoy deteniendo. Simplemente no se puede hacer eso en el mundo H 75. El documento de lienzo HTML no admite ningún tipo de hundimiento de audio. Quiero crear videos individuales para mostrarte exactamente cómo sobresale el documento A s tres de todas estas diferentes maneras. Entonces para terminar, solo voy a exponer mi postura personal. Vas a elegir documentos Action Script 3.0. Si quieres todas las características de vanguardia de animate CC para que puedas hacer videos y regalos increíbles que sean fáciles de compartir, elegirás HTML five canvas. Si quieres crear animaciones interactivas, juegos y APS que necesiten jugar de forma nativa en un navegador Web, avanzando con Anna, conoce C C para todos. Vamos a estar usando el tipo de documento de script de acción 3.0 porque eso atiende lo mejor a nuestras necesidades . Y en el futuro, realmente espero tener un curso de HTML five canvas para ti para que puedas aprender a controlar tus animaciones con código. Anna. Conoce a C. C. Es una increíble plataforma para aprender JavaScript básico sin todos los dolores de cabeza de HTML y CSS. Entonces mantente atentos para eso. Muy bien, clase. Espero que disfrutes del pequeño paseo por el carril de la memoria. Espero que ahora tengas un mayor aprecio por lo que anima a Sisi es de donde vino , lo que nos ha dado y seguir adelante. Simplemente vamos a elegir ese tipo de archivo de acceso trip 3.0 con confianza. Está bien, es impresionante, créeme. 21. Editar símbolos: Muy bien, amigos, aquí tengo una pequeña conferencia impresionante sobre la edición de símbolos. Te voy a mostrar cómo editarlos en su lugar y los de la biblioteca. Vamos a explicar cómo cada símbolo tiene su propia línea de tiempo con sus propias capas. Verás cómo puedes anidar un símbolo dentro de otro símbolo y en los casos en que quieras que los símbolos sean una especie de lo mismo. Pero no exactamente. Te voy a mostrar cómo hacer un duplicado de un símbolo existente. Entonces para este ejercicio, no hay mucho que tengas que hacer. Simplemente siéntate y mira, sumérjalo todo, y luego tendré un poco de ejercicio para ti para que puedas hacer algunas de estas cosas por ti mismo. Vámonos. Está bien. Entonces aquí, inanimado C c. tengo un archivo abierto y en la biblioteca. Tengo esta cara y tengo símbolos yo. De acuerdo, Así que no tengas nada en el escenario ahora mismo. Voy a tomar la cara, y voy a sacar múltiples instancias de este rostro de la biblioteca y colocarlas en el escenario. Ahora, voy a ir por mi panel de propiedades, y quiero mostrarles que al hacer clic en este ítem, el panel de propiedades me dice que es una instancia de cara. Si hago clic en este, también es una instancia de cara. Como se pueden imaginar, también lo es el 3er 1 Ahora puedo transformar diferentes instancias de la cara. Entonces, por ejemplo, podría hacer este de aquí más pequeño. Yo puedo tomar este y rotarlo, y yo puedo tomar éste de aquí y hacer algo así como, no lo sé. Cambiemos el, uh, Alfa de la misma a 40%. Por lo que tengo tres instancias diferentes del mismo símbolo. Escalar este no cambia éste ni éste. Ahora supongamos que después de hacer todo este increíble trabajo, decido que quiero editar la cara. A lo mejor quiero hacerlo un poco más feliz. Por lo que hay dos formas de editar un símbolo. Una forma es editar in place, lo que significa que lo edito directamente en el escenario o puedo editarlo desde la biblioteca. Antes de que haga algo. Quiero señalar que en mi línea de tiempo principal verás que tengo una capa de caras aquí con un fotograma clave y arriba. Me dice que estoy en la escena uno. Ahora, mira lo que pasa cuando hago doble clic en esta cara. DoubleClick. Lo que pasa es que literalmente entro del símbolo de la cara para que veas que estoy en la escena uno dentro de la cara. Y ahora tengo tres capas diferentes. Tengo por delante capa una capa de boca y una capa de ojos. Una de las cosas más sorprendentes de animate es que cada símbolo tiene su propia línea de tiempo. Por lo que ahora mismo, estoy en modo de edición de símbolos, editando la línea de tiempo y los activos dentro de la cara. Entonces déjame solo tomar esta pequeña línea aquí y usar mi herramienta de transformación libre. Simplemente lo voy a inclinar hacia abajo y convertirlo en una cara sonriente. Ahora, fíjate que mientras estoy doblando esto de ida y vuelta, mira las otras dos caras que ves ahí como grandes fuera un poco. Pero como estoy haciendo cambios dentro de la cara, también se están actualizando todas las instancias de la cara en la línea de tiempo principal. Está bien, esto es realmente genial. Entonces mientras estoy editando, estoy viendo cómo se cambian otras instancias en diferentes tamaños y zehr de opacidad. Voy a volver a ver el número uno, y ahora verás que todas las caras son seleccionables y vistas una, y todas tienen una cara sonriente. Puedo hacer doble clic en la escala abajo cara aquí para volver a entrar en modo símbolo en él, y verás las mismas capas de cabeza, boca y ojos abajo abajo. Y podría seleccionar el color de fondo y acaba de cambiar la película. A lo mejor le voy a hacer todo rostros sonrientes rosados. OK, vuelve a ver uno. Y ahora todos los diferentes rostros han cambiado. Si entro a mi biblioteca, también verás que el símbolo de la cara ahora tiene este fondo magenta, si se quiere. El segundo modo de editar símbolo es editarlo desde la biblioteca. ¿ Mira qué pasa si hago doble clic en el símbolo de la biblioteca? Me lleva de nuevo al modo de edición de símbolos para la cara, y verás que veo las tres capas para la cara. Pero ahora estoy viendo sólo la cara. No estoy viendo nada más en la línea de tiempo principal. Déjame solo tomar ese color de fondo y lo voy a cambiar de nuevo a un amarillo amistoso . Y ahí voy. Por lo que he añadido la cara de la biblioteca. ¡ Voy a dar click atrás para ver el número uno y voila! Todas las instancias del símbolo se han actualizado. Uno de los errores más grandes que cometen las personas nuevas en flash es que a veces pueden inadvertidamente hacer doble clic en un símbolo. Entran en modo de edición de símbolos, y son una especie de tirados por el peso. ¿ Cuáles son todas estas capas aquí, o por qué no estoy viendo a los Tweens que tengo en el escenario? Por lo que siempre ten en cuenta si estás en modo de edición de símbolos o si estás en la línea mientras tanto. Entonces en este momento, esto me dice que estoy editando la cara y puedo volver a hacer clic para ver el número uno. Y ahí está mi línea de tiempo principal. Otra cosa genial de los símbolos es que puedes tener símbolos anidados. Entonces déjame hacer doble clic en la cara otra vez, y te voy a mostrar eso en la capa de ojos aquí. Este objeto aquí si voy al panel Propiedades es una instancia de yo por lo que dentro de la cara , tengo una instancia de la I. De hecho, tengo dos instancias diferentes de la I. Así que si quería dar esto, puede ser un pupilo negro o algo así podría hacer doble click en cualquier instancia. Ahora verás que estoy en la escena uno dentro de la cara dentro del ojo, y solo voy a tomar mi herramienta ovalada set el color de relleno, dedo negro. Voy a deshacerme de cualquier tipo de derrame cerebral. Déjame acercar un poco y sólo voy a dibujar un pequeño círculo negro. Cuando estoy dibujando la pupila dentro de este ojo, se puede ver al otro. Yo también lo pillo. Vuelve a la cara, vuelve a ver uno cuando te alejas un poco. Y ahora las tres instancias de este símbolo tienen ojos que tienen la gente del círculo negro y una cara sonriente. Por lo que es muy importante entender que cada símbolo tiene su propia línea de tiempo y los símbolos se pueden anidar dentro de otros símbolos. Esto es increíblemente poderoso. Y además editar cualquier instancia de un símbolo actualizará todas las demás instancias del símbolo. Voy a ir a mi biblioteca y dejarme sacar otra cara aquí mismo. Ahora, supongamos que quería que esto fuera una cara rosa, pero todas estas otras caras que quería a la amarilla Bueno, ya te he mostrado que editar uno va a actualizarlas todas. Entonces lo que podría hacer es correcto. Click y voy a decir, Vamos a duplicar este símbolo hasta aquí abajo y voy a llamarlo cara Rosa. De acuerdo, observa que otro símbolo aparece en la biblioteca. Es un duplicado del original, y puedo hacer doble clic en él para entrar en modo de edición de símbolo de cara Rosa Aiken, selecciona este círculo aquí, y puedo cambiar su color a rosa. Y ahora sólo he cambiado este de aquí. Volveré a ver una, y ahora tengo una cara rosa y tengo tres caras amarillas. Voy a cambiar a otro archivo, y aquí tengo una cara que se está animando en la línea mientras tanto de una capa facial. Y tengo algunos Tweens clásicos con la cara girando, y luego impulsa hacia arriba, escala hacia abajo, y luego sale del escenario. Por lo que es importante señalar que en el cuadro uno, esta cosa aquí es una instancia de cara y en el fotograma número 15 tengo un marco clave que también tiene una instancia de cara. Por lo que todos estos marcos clave cada uno tiene una instancia de cara. Entonces si vuelvo a hacer doble clic en esta cara aquí, entro al modo de edición de símbolos y voy a tomar la boca y voy a hacer que sea una cara sonriente cuando vuelva a ver una. Ahora se están actualizando de nuevo todas las instancias del rostro en todos los diferentes estados de animación . Al editar el símbolo se actualizan todas las instancias de ese símbolo en su proyecto en el siguiente video. Además, tenías que crear tus propios símbolos, y luego hablaremos de crear tus propios símbolos animados. Es tan impresionante. 22. Sigue los símbolos de la edición: en esto seguir una larga lección. Te voy a mostrar los pasos exactos para editar un símbolo en su lugar y en la biblioteca. También te mostraré que tienes que duplicar un símbolo y editarlo. Empecemos a usar caras estáticas. Start dot fl un doble clic en el símbolo del medio y aviso. En la barra de edición, estarás dentro de la cara en el modo Editar símbolo, utilizando la herramienta de selección. la vuelta por la boca hasta que obtienes ese pequeño arco debajo del icono Puntero. Haz clic y arrastra hacia abajo para editar la sonrisa, como quieras. Haga clic en la escena un botón en la barra de edición para volver a ver uno. A continuación, vamos a editar el símbolo del ojo. Acude al panel de la biblioteca, haga doble clic en el I. Añadir una nueva capa haciendo clic en el botón de nueva capa y nombra pupila. Selecciona tu herramienta de pincel. Asegúrate de que el color de relleno sea negro. Vaya al panel de propiedades y haga que el tamaño sea de unos 20 píxeles y simplemente haga clic derecho en el medio. Haga clic atrás para ver uno. Noté que todos tus rostros tienen hermosos ojos y sonrisas maravillosas. Trabajo impresionante. A continuación, vamos a duplicar el símbolo central en. Gíralo de color rosa, utilizando la herramienta de selección, haga clic derecho en el símbolo central y seleccione símbolo duplicados. Nombra el símbolo cara rosa. Haga doble clic en el símbolo para entrar en el modo Editar símbolo. Haga clic en el círculo amarillo para que quede resaltado en el panel de propiedades. Junto al cubo de pintura, Rellenar, haga clic en el amarillo y seleccione cualquier color rosa que desee. Vuelve a ver uno, y ahora tienes una cara duplicada que editaste de manera personalizada. Enhorabuena. Todo hecho. 23. Crea símbolos: De acuerdo, Así que te he mostrado. ¿ Cómo comió Adán símbolos? Te he mostrado cómo editar símbolos. ¿ Qué queda? Ah sí. Necesitas saber cómo crearlos en este video. Te voy a mostrar las dos formas más populares de crear nuevos símbolos. Vámonos. Está bien. Entonces para empezar a crear nuestro primer símbolo, solo quiero señalar que en mi biblioteca ahora mismo, no hay nada en absoluto. Y quiero crear sólo una animación muy simple de este personaje Herman que lleva el nombre del gran PW, Ya sabes, escalando. Entonces ya les he dicho antes que no podemos animar algo con un clásico Tween a menos que sea un símbolo. Entonces, ¿qué es esta cosa? Bueno, déjame ir al panel de propiedades. Y cuando haga clic en estos diferentes elementos aquí, notarás que se resaltan en ese patrón de matriz de puntos. Esa es una cue visual para decirme que tengo seleccionada una forma vectorial, pero si vamos al panel de propiedades, verás que es de hecho una forma verá el color de relleno. Si vuelvo a hacer clic en el cuerpo, es una forma. Entonces todo lo que tengo aquí son una serie de formas vectoriales. Esto aún no es un símbolo, así que si quiero animarlo, lo voy a convertir en un símbolo. Entonces voy a usar mi herramienta de selección. Asegúrate de tener eso seleccionado. Y voy a hacer clic y arrastrar para dibujar Marquis alrededor de toda esa ilustración vectorial para que estoy seguro de seleccionarla todo como te he mostrado anteriormente. También podrías hacer clic en el marco y eso va a seleccionar toda esa ilustración vectorial también . Entonces para convertir eso en un símbolo, voy a ir a modificar convertir a símbolo. Ahora voy a volver y explicar por qué Convert es un poco un nombre equivocado. Pero vamos a hacer click en eso. Y luego obtengo este cuadro de diálogo que aparece. Me pidió que nombrara mi símbolo, así que voy a hacer a Herman. Y para el tipo tenemos clip de película gráfica en botón, dependiendo de lo que creaste último podría ser el predeterminado que veas. Por ahora, sólo vamos a usar un gráfico, y el punto de registro básicamente va a ser el punto donde se determinen las coordenadas X e Y desde ahora mismo lo dejaremos en el centro y golpearemos. OK, ahora pasaron dos cosas muy importantes. Notarás que mi obra ahora está delineada por este contorno azul. De acuerdo, Ya no ves las formas resaltadas con ese patrón de matriz de puntos. Y cuando vaya al panel de propiedades, verá que Herman ahora es un gráfico. De acuerdo, entonces tenemos un símbolo gráfico seleccionado, y es una instancia de Herman. Y como hablé en la lección anterior, podríamos ir a la biblioteca, y ahora podemos tener múltiples instancias de Herman en el escenario. Permítanme simplemente eliminar los que regresan al panel Propiedades. Quiero seleccionar a Herman una vez más y mencionó las coordenadas X e Y de él. De acuerdo, Cuando creamos Herman, dijimos que el punto de registro iba a estar en el centro. Entonces si tomo la coordenada X y pongo eso a cero aviso que su centro se alinea hasta el borde izquierdo del escenario cero píxeles desde el borde izquierdo. Y si dije que su Y fuera cero, eso va a llevar su centro a la cima. ¿ Todo bien? Yo sólo quiero explicar que el punto de registro es el punto de donde provienen las coordenadas X e Y . Lo llevaré y lo arrastraré de vuelta hasta aquí. Y así como un poco de refresco ahora que es un símbolo, fácilmente podría ser animado. Ahora quiero hablar un poco de este converso a negocio de símbolos desde el menú. Ahora, cuando empecé a dar clases flash en, como 2000 y cinco, la persona que estaba aprendiendo de Victoria Torres, ese escritorio noble mencionó que convertir a símbolo era un poco un nombre equivocado. Porque cuando piensas en convertir, piensas en cambiar de una cosa a otra. Y su punto era que realmente estás insertando algo en otra cosa. Entonces, ¿qué quiero decir con eso? Bueno, recuerda cuando empecé con Herman, él era un montón de formas vectoriales, y luego lo convertí en gráfico. Bueno, si hago doble clic en Herman, voy a volver a entrar en modo de edición de símbolo. ¿ Verdad? Así visto uno, Herman. Y aquí tenemos esas formas vectoriales originales. No cambiaron de una cosa a otra. Acaban de colocarse dentro del símbolo de Herman. Déjame volver a ver una y voy a añadir una nueva capa a mi documento. Déjame ser elegante y llamé al 1er 1 Herman, y entonces solo voy a llamar a este solo texto. Entonces voy a ir a mi herramienta de texto, y sólo voy a escribir la palabra Herman en el color más horrible posible. Y en realidad, déjame cambiar eso, ¿ acuerdo? Déjame seleccionar el texto e ir a cambiar el color a Herman Blue. ¿ Todo bien? Muy bonita. Entonces si quiero animar este texto ahora mismo, si voy al panel de propiedades, me dice que es un campo de texto estático. De acuerdo, no es un símbolo. No es algo que pueda crear un clásico Tween on. Entonces, ¿qué quiero dio? Yo quiero cambiarlo en un símbolo, así que lo seleccionaré y volverás a ver. Es texto. Es editar herbal. De acuerdo, voy a ir a modificar, convertir a símbolo. Voy a pasar por los mismos pasos y lo voy a llamar Herman texto y golpear. OK, entonces ahora cuando hago clic en esto, el panel de propiedades me dice que ahora es un gráfico, Se cambió el campo de texto en símbolo? Se convirtió en otra cosa. Ah, tal vez sólo voy a argumentar que si hago doble clic en este símbolo, voy dentro de él en Ahí está mi texto original. Entonces mi punto, no seas quisquilloso, es que realmente estamos insertando algo en un símbolo, bien. No hay nada que se está cambiando. Todavía puedo entrar en este texto, y puedo editarlo y darle una Primera letra mayúscula adecuada. Vuelve a ver uno, y ahora tengo mi símbolo gráfico. Entonces todo lo que digo es que modificar, convertir a símbolo podría ser más preciso insertar en símbolo. Ha sido así desde hace como 20 años, así que realmente no vale la pena hacer un alboroto. Pero es importante tener en cuenta que las cosas que has seleccionado al hacer modificar convertir a símbolo se colocan dentro de un nuevo símbolo. Si alguna vez quieres editar esa cosa, solo tienes que hacer doble clic en el símbolo para entrar en modo de edición de símbolos. De acuerdo, así es como creamos el símbolo con algo que ya está en el escenario. Hay otra forma de crear un símbolo usando insertar nuevo símbolo. Cuando esto sucede, nos preguntan, ¿ Querrías un símbolo de Neymar. Y ahora mismo diré que Star lo mantendrá como gráfico. Voy a pegarle. De acuerdo, ahora, cuando hago eso, automáticamente entramos en modo de edición de símbolos para la estrella nota aquí que estoy en la Capa uno. Hay un marco de llave en blanco, y no hay nada que ver en absoluto. Mi símbolo de estrella ya se ha puesto en la biblioteca, pero no le he agregado nada. Entonces lo que voy a Dio es ir a la Herramienta Polly Star. Haga clic en eso. Yo quiero ir al panel Propiedades y sólo voy a ir a opciones y voy a seleccionar Estrella y vamos a hacer cinco puntiagudas estrella. De acuerdo, ahora mismo ese color de relleno configurado en azul que va a funcionar para mí, y solo voy a arrastrar y crear una estrella. Yo quería estar centrado alrededor de ese punto de registro de ahí, así que voy a dar clic en él, ir al panel Alinear Comando K o control K y va a boom, boom conseguir que se centre. Entonces ahora otra vez, estoy dentro del símbolo de la estrella Si vuelvo a ver uno, mira esto, ¿eh? No hay estrella. Bueno, recuerda, nunca puse esta cosa en el escenario en que se lo puso. Li vive en la biblioteca, así que si quiero usarlo en mi archivo y animado, probablemente creo una nueva capa. Haga doble clic en él, llámalo estrella, y luego puedo arrastrarlo hacia fuera al escenario. Por lo que existen las dos formas de crear un símbolo uno dibujando algo en el escenario y yendo a modificar, convertir a símbolo o yendo a insertar un nuevo símbolo y creando un símbolo directamente en la biblioteca. Está bien, me has visto crear símbolos. Ahora es tu turno. En el siguiente video, tendré unas instrucciones paso a paso muy sencillas para que sigas y un poco de reto. Echa un vistazo. Bueno, ya sabes, golpeando. 24. Crea símbolos: Entonces ahora tengo un ejercicio de seguimiento para ti, donde vas a crear un símbolo en el escenario usando modificar, convertir a símbolo y vas a crear un símbolo directamente en la biblioteca usando insertar nuevo símbolo estos conceptos fundamentales del aire que te necesidad de dominar. Por lo que por favor sigan de cerca y hagan este ejercicio al final. Tengo un reto divertido para ti. Vamos a usar el archivo F l A. Crear símbolo Inicio. Vas a utilizar la herramienta de selección para seleccionar todas las formas que componen Herman. Ir a modificar. Convertir a símbolo. Nómbralo Herman. Y asegúrate de que el tipo esté configurado en gráfico y hit. OK, ve al panel de tu biblioteca y observa que ahora tienes un símbolo de Herman en la biblioteca. Eso fue bastante fácil. A continuación, vamos a crear un símbolo en la biblioteca. Vamos a ir a insertar nuevo nombre de símbolo esta estrella símbolo otra vez. Asegúrate de que sea un hit gráfico. De acuerdo, La barra de edición nos mostrará que ahora estamos dentro del símbolo de estrella. Seleccione la herramienta Poly Star. Vaya al panel de propiedades, haga clic en opciones. Asegúrate de que el estilo esté configurado en estrella y el número de lados esté establecido en cinco y pulsa OK. También en el panel de propiedades. Selecciona un color relleno que no sea el mismo que el escenario. Seleccionaré un azul y dibujaré una estrella. Se utilizó la herramienta de selección para seleccionar la estrella. Abra el panel Alinear con una mentira a escenario seleccionada alinear horizontal y verticalmente. Vuelve para ver el número uno haciendo clic en visto uno en la barra de edición. Notarás que no hay estrella en el escenario. Eso es porque está en tu biblioteca. Ve al panel de la biblioteca y arrastró la estrella al escenario. Impresionante. Hiciste dos símbolos. Ahora sé que no es lo más emocionante del mundo. Pero si estás viendo esto, estoy muy orgullosa de ti por pasar por esta lección y hacer los pasos, porque así vas. Dedo del pie aprende. Ahora. Tengo un poco de recompensa de desafío para ti. De acuerdo, quiero que tomes estos símbolos que creaste y los animes para mí. Está bien. Echa un vistazo a lo que quiero que hagas. Ahora que tienes tus propios símbolos, quiero que los animes. Entonces mi reto para ti es crear animación con Herman y dos estrellas. No hace falta que sea nada elegante. Puedes hacer lo que quieras. este momento, solo estoy fregando a través de una línea de tiempo donde dos estrellas el aire se mueve hacia arriba y Herman se mueve hacia abajo al mismo tiempo. Hay un poco de un rebasamiento que pasa. Después vuelven al centro. Entonces no te estoy pidiendo que replices lo que hice. Pero quiero que te diviertas un poco. Mueve esta cosa alrededor, gira se desvaneció. Escalarlo. Haz algo por tu cuenta. Un pequeño consejo. Asegúrate de que cada símbolo esté en su propia capa. Está bien, me encantaría ver lo que haces. Disfrutar. 25. Animaciones anidadas: Muy bien, amigos. ¿ Qué pasa? Estoy súper emocionado con este ejercicio. Vas a hacer estos tres corazones pulsantes, y este va a ser nuestro primer ejercicio sobre animaciones anidadas. Vamos a poner algo de animación dentro de un símbolo. Ahora bien, esto puede ser un poco confuso al principio. Entonces lo que voy a hacer es mostrarte el archivo terminado antes de mostrarte cómo construirlo. Echa un vistazo. Está bien. Esto es lo que están terminados archivo se va a ver como tres corazones en el escenario. Una capa, un marco clave aquí abajo. Y quiero mostrarles que cuando selecciono este elemento aquí, es el símbolo de animación del corazón. Y si hago doble clic en él, hay un corazón dentro de ahí que pulsa. De acuerdo, esto de aquí es una instancia de corazón viviendo dentro de la animación del corazón. Si voy a la escena uno, el Hart Blanco es una instancia de animación de corazón, el Corazón rojo, su animación de corazón y también lo es el corazón azul. Y solo para dejar esto claro, voy a sacar otra animación de corazón de la biblioteca y otra y otra. Y ahora cuando fregar, verás que todos los corazones están pulsando al unísono. Entonces déjame mostrarte cómo construimos esto. Está bien, así que aquí, un enemigo tengo corazón animado arranque abierto y en el escenario tengo un corazón. ¿ Qué es? Bueno, déjame darle click y el panel de propiedades me dirá que es una forma. Muy bien, Así que para hacer mi corazón pulsátil, necesito convertir esta forma en un símbolo. Entonces voy a ir a modificar, convertir a símbolo. Recuerdo de los ejercicios anteriores me gusta decir insertar en símbolo y voy a tomar esa forma e insertarla en un símbolo corazón frío. Voy a hacer un gráfico por ahora con el punto de registro en el centro y hit. OK, entonces ahora en el escenario esta cosa de aquí es una instancia del símbolo del corazón. Ahora quiero crear una animación de este corazón pulsando, así que la voy a poner dentro de otro símbolo Sigue aquí. Voy a utilizar la herramienta de selección. Voy a seleccionar el corazón e ir a modificar, convertir o insertar en símbolo, y lo voy a llamar animación de corazón y golpear OK y luego Ahora nada cambia realmente en el escenario. Si voy a la biblioteca, verás que tengo animación de corazón y corazón. Ambos son idénticos. La idea aquí, sin embargo, es que el símbolo del corazón se puso dentro de la animación del corazón. Déjame mostrarte cómo funciona eso. Entonces aquí está el símbolo de animación de corazón que acabo de crear en el escenario. Y si hago doble clic en él, entro al modo de edición de símbolos para animación de corazón. Y dentro de la animación del corazón está el corazón original. Por lo que es extremadamente importante recordar que el corazón vive dentro de la animación del corazón. Dentro de la animación de corazón, tenemos nuestra propia línea de tiempo con nuestras propias capas. Entonces voy a crear un pulso muy simple del corazón cada vez más grande y más pequeño, y lo vamos a hacer igual que lo hicimos anteriormente. Recuerdo esa lección. Impresionante. Entonces voy a ir al fotograma número 10 aquí y pegarle a F seis para agregar un nuevo fotograma clave y lo mismo en el marco 20. Por lo que los tres marcos clave son idénticos. Voy a ir al encuadre 10. Voy a seleccionar el corazón, usar la herramienta de transformación libre, mantener pulsado el turno y simplemente hacerlo un poco más grande, y voy a crear un clásico Tween entre marco uno y 10 y 10 y 20. Por lo que dentro de la animación del corazón, el corazón se está haciendo cada vez más grande. Entonces ahora voy a ir a ver uno. Y aquí está mi animación de corazón. Y si voy a tirar de la cabeza de juego hacia adelante, te darás cuenta de que todo lo que tengo aquí son esos marcos potenciales. Déjame salir al encuadre 60. Voy a golpear F cinco para agregar algunos fotogramas más. Y ahora mira lo que pasa. Al fregar hacia atrás, verás que se repite esa animación de corazón. Entonces déjame fregar hacia adelante. Y a pesar de que no hay Tweens en la línea de tiempo principal y visto Número uno, échale un vistazo, podemos frotar a través de ese pulso de animación de corazón. Y una cosa muy importante a tener en cuenta sobre los símbolos gráficos es que avanzarán a medida que avanza la línea de tiempo de los padres. De acuerdo, así que literalmente estoy fregando a través de la animación del corazón ya que estoy fregando a través de la línea de tiempo principal . Voy a ir a mi biblioteca y dejarme sacar otra instancia de animación de corazón y otra así tengo tres de ellos en el escenario. Yo puedo llevarme este aquí, hacerlo un poco más grande. Toma este de aquí, hazlo un poco más grande. Y todas son instancias del mismo símbolo. Entonces tengo tres corazones pulsando totalmente al unísono, todos en un solo marco de una capa. Está bien, eso es bastante guay. Esto nos permite hacer múltiples animaciones en una sola capa. Ahora, redimensiono algunas de estas. Puedo llevarme este aquí e ir al panel de propiedades e ir a la carpa estilo efecto color. Y yo sólo podía hacer click para hacerlo blanco. Y luego esta de aquí, simplemente haré, no sé, otra carpa de algún tipo de morado profundo o azul. Entonces ahora tenemos tres instancias del mismo símbolo y todos están jugando juntos y otra vez. Puedo hacer doble clic en cualquiera de estos para ir dentro de la animación de corazón, y puedo ver el corazón pulsando aquí mismo y el cuadro número 10. Esa es una instancia de corazón. El corazón vive dentro de la animación del corazón. Entonces estaremos haciendo un humo o ejercicios de estos símbolos que contienen animaciones o animaciones anidadas , como yo los llamo. Y no te preocupes, te vas a quedar con la mano, Pero a continuación vamos a tener que reconstruir todo este ejercicio desde cero. Impresionante. Ah, y una cosa más antes de ir a ver esto, voy a tomar el corazón aquí en el corazón aquí y ahora. Sólo tengo una instancia de la animación del corazón en el escenario. Mira lo que puedo dio puedo ir a encuadre 30. Puedo agregar un marco clave y mover a este tipo por aquí. Haga clic derecho crear clásico Tween Y ahora echa un vistazo El corazón se mueve y pulsa Muy bien , así que estoy animando un símbolo animado. Mente volada. Muy bien, así que realmente genial que vamos a hacer es que ustedes sigan en el próximo ejercicio y construyan los tres corazones de diferentes colores pulsando Tienes que hacerlo. Tienes que conseguir la memoria muscular. Nos vemos ahí. 26. Las animaciones anidadas: Muy bien, amigos, aquí tenemos las siguientes instrucciones para el ejercicio de animaciones anidadas que van a querer. Abre corazones animados inicio punto fl a Y aquí vamos. Siga con el uso de la herramienta de selección. Haga clic en el corazón. Ir a modificar. Convertir a símbolo. Si estás viendo todas las cosas aquí abajo, solo puedes desactivar la vista avanzada y vas a nombrar el corazón del símbolo. Asegúrate de que sea un gráfico con el punto de registro en el centro hit. De acuerdo, haz click sobre el panel de la biblioteca y notaste que tienes tu corazón dentro de la biblioteca. Con el corazón todavía seleccionado en el escenario, Ir a modificar, convertir a símbolo y nombrar a este símbolo parte animación de nuevo. Hazlo un gráfico con el punto de registro en el centro y pulsa OK, ahora has creado un símbolo dentro de otro símbolo. Haga doble clic en la animación del corazón en el escenario para entrar en el símbolo Modo Editar para la animación del corazón . Asegúrate de que la barra de edición muestre que estás dentro de la animación del corazón para crear el pulso. Haga clic en Frame 10 y golpee F six para agregar un fotograma clave y luego haga clic en fotograma 20 y golpee F six . Para añadir un marco clave, vuelve al marco 10. Seleccione la herramienta de transformación libre, haga clic en el corazón, mantenga pulsado el turno y escale un poco hacia arriba. Haga clic derecho entre fotogramas uno y 10 y no cree clásico Tween clic derecho entre fotogramas 10 y 20 y sí cree clásico Tween. Vaya a la barra de edición y haga clic en la escena un botón para volver a ver uno en la línea de tiempo principal , haga clic en Frame Número 60 y presione F cinco para agregar fotogramas, restregar la cabeza de reproducción hacia atrás y luego reproducir su animación. Impresionante. Hiciste un corazón pulsátil. Ahora ve a la biblioteca y saca dos corazones más. Escalarlos como desees, y luego siéntete libre de cambiar la carpa. Se puede ir al panel de propiedades y con el corazón seleccionado, ir al color, tienda estilo efecto color y hacer clic en cualquier color. Se puede hacer lo mismo para el último. Toca tu animación y ve, Ah, buen trabajo 27. Grasas con movieclip independiente: bien, Así que hablemos de lo que significa que un clip de película se ejecute independientemente de la línea de tiempo principal en este documento. Aquí tengo la capa con un marco. No puedo arrastrar la cabeza de juego hacia adelante porque sólo hay un fotograma en este documento y en la biblioteca tienen algo llamado contador gráfico y contador de clips de película. El gráfico es un símbolo gráfico que tiene 10 fotogramas, y cada fotograma tiene un número nuevo y está Bien, así que a medida que recorro los marcos, se puede ver ese número aumentando. También tengo contador de película Clip, que se construye exactamente de la misma manera. Excepto los números. ¿ El azul va a volver a la escena uno? ¿ Y voy a sacar el clip de película y colocarlo en el escenario? Voy a sacar el gráfico y colocarlo en el escenario. También es importante tener en cuenta que el clip de película y el gráfico tienen diferentes iconos aquí en la biblioteca. Entonces vamos a ponerlos justo ahí. Y ahora solo tengo un marco en mis documentos por lo que no puedo volver a fregar hacia adelante y ver nada. Pero voy a probar mi película golpeando retorno de comando y van a conseguir mi archivo swift . Y aunque la línea de tiempo principal solo tiene un fotograma, verás que el clip de película se está reproduciendo y recorriendo infinitamente, mientras que el gráfico no avanza. Y así es lo que significa que un clip de película se reproduzca independientemente de la línea de tiempo principal. El cronograma principal no tiene ningún fotograma, pero el clip de película aún puede marchar al ritmo de su propio baterista, por así decirlo. Y mientras estoy en ello, el ritmo de ese er tambor es que creo que son 10 cuadros por segundo. Permítanme ir al documento aquí. En realidad son cinco fotogramas por segundo los que puedes ver esos números y lo jugaremos todo despacio. Está bien, así es como funciona este documento. Con un marco. Déjame salir al fotograma número 10 y golpear F cinco para agregar cuadros. Y ahora algo nos pasó. Mira esto. El símbolo gráfico avanzó al fotograma número 10 y el clip de película se queda en el fotograma número uno . Um, volvamos al fotograma número uno y veamos lo que pasa al fregar por la línea de tiempo . A medida que recorre la línea de tiempo, verá que el símbolo gráfico avanza con las líneas de tiempo principales. Cabeza de juego. De acuerdo, entonces el gráfico es una especie de corriendo lockstep con lo que sea que esté pasando en la línea de tiempo principal en la película. Clip sólo está sentado ahí. Por lo que es importante tener en cuenta que dentro del animate I D. No podrás previsualizar animaciones anidadas dentro de clips de película, pero sí puedes con gráficos. Ahora déjame exportar esto con otra vez, y verás que ambas animaciones van a estar en bucle infinitamente al mismo tiempo. Ahora puede que te estés preguntando, ¿por qué el gráfico también está en bucle? Bueno, el trato con Swift Files es que su línea de tiempo, la línea de tiempo principal, va a bucle a menos que le digas que se detenga. Entonces la forma en que le decimos que se detenga es pondremos un poco de código de script de acción ahí, así que caeré en una nueva capa. Iré al último fotograma, golpeando un marco clave con F siete. Usa F nueve para abrir el panel de acciones, y solo escribiré stop. Entonces en este momento, este comando stop es un poco de script de acción, que usarías en un archivo de script de acción 3.0, que exportaría a un swift. Y quiero dejar en claro que podrías hacer exactamente lo mismo en un documento HTML de cinco lienzo con JavaScript. Muy bien, El comportamiento que estoy ilustrando en esta demo va a ser el mismo entre un s tres html cinco documentos de lienzo para que fuera del camino, ahora probemos el veloz de nuevo con una acción stop en el marco 10. Y ya verás ahora que el gráfico se va a parar en el cuadro 10 porque mientras tanto las líneas juegan cabeza se ha detenido en carpa marco. Pueden estar preguntando, ¿Cuál es el sentido de esta tontería independiente del clip de película? Bienvenido. Ven muy útil si tienes algo así como nubes en el fondo que quieres un bucle infinitamente. Se puede tener que eso suceda sin tener 10,000 fotogramas en tu línea de tiempo principal. Y hablando de eso, tengo aquí este archivo que tiene algunas nubes, un auto en la carretera. El cronograma principal en Lee tiene un fotograma, pero todos estos símbolos son clips de película con sus propias animaciones anidadas. Entonces cuando voy a exportar este, echa un vistazo. Ya verás que tenemos el auto con las ruedas en movimiento, la carretera en movimiento y cada una de estas nubes animando. Está bien, así que tenemos todo un montón de animación en marcha. Pero sólo hay un cuadro en la línea de tiempo principal. Y de nuevo, eso se debe a que los clips de películas pueden reproducirse independientemente de la línea de tiempo principal. Es muy guay. Déjame cerrar esto. Y solo para mostrar tu verdadera rápida una de estas nubes aquí, si hago doble clic en ella, ya verás. Permítanme encoger la línea de tiempo aquí que es una línea de tiempo muy larga de una nube que se mueve a través del escenario. Está bien, así que todas las nubes están construidas así. Se trata de una animación de siete segundos de duración, y de nuevo todos ellos bucle a la perfección y se ve realmente genial. Impresionante. En el siguiente video, te mostraré por qué los gráficos se enfriaron por aire porque te dan acceso al picker de fotogramas, que hace que sea realmente fácil hacer expresiones de personajes. Puedo hacer click en el símbolo I e ir al picker de fotogramas y elegir cualquier yo marco que quiera de ese símbolo. Más en el siguiente video, más golpiza 28. Bucle gráfico vs movieclip: para continuar este Siris en gráficos versus clips de películas. Quiero mostrarte cómo los símbolos gráficos te dan acceso a opciones de bucle del dedo del pie en el picker de fotogramas , thes air, características poderosas que hacen de los símbolos gráficos la elección de las personas que hacen animación de personajes . Entonces empecemos por volver a visitar nuestro archivo del video anterior donde te mostré que los clips de películas se ejecutan independientemente de la línea de tiempo principal. Pero símbolos gráficos como el rojo de la derecha aquí va a avanzar a medida que avanza su línea de tiempo padre . De acuerdo, así que a medida que paso por todos estos marcos aquí, verás que está buceando varias veces. Déjame volver al cuadro número uno. Haga clic en el gráfico y en el panel Propiedades, verá que bajo bucle las opciones set de aire, loop de dedo y el primer cuadro será uno. De acuerdo, entonces lo que podría hacer es decir, Oye, ya sabes lo que quiero que el primer cuadro sea el número ocho. cuanto tipeo en ocho, el gráfico avanza a su octavo cuadro. Y luego mientras fregaba hacia adelante, iré al encuadre 9 10 y luego, ya que todavía estamos fijados en el dedo del pie, volveremos a uno e iremos todo el camino hasta 10 otra vez, y sólo vamos a bucear infinitamente. Al fregar la línea de tiempo, volveré al fotograma número uno click en el gráfico, y quiero mostrarles que si no queremos un bucle, también podemos decir, Hey, juguemos una vez. Entonces aquí estoy diciendo, Todavía vamos a empezar en el marco número ocho y vamos a ir al 9 10 y luego sólo se va a quedar ahí el 10. ¿ Todo bien? Hemos jugado a través de una iteración de esa línea de tiempo gráfica, y se va a quedar en su último fotograma, que es el fotograma número 10 volviendo al fotograma número uno. Puedo decir que quiero que juegues en un solo fotograma y de nuevo puedo seleccionar cualquier fotograma que quiera. Ahora mismo, sólo van a ser ocho. Y conforme avanzaba la jugada tenía en la línea mientras tanto. Sólo nos quedamos atrapados en ese marco. Ahora. Es genial lo de los gráficos. ¿ Es eso en el marco 25? Podría agregar otro fotograma clave golpeando F seis y decir: Oye, Oye, ¿ sabes qué? Quiero que me muestres Frame número cinco. Entonces aquí y encuadre uno, estamos mostrando cuadro ocho y luego todo el camino a través, obtenemos el marco 25 que salta. Entonces tengo todo eso solo para mostrarles que las opciones de bucles nos dan una justa cantidad de control sobre qué estado o marco del gráfico queremos mostrar en cualquier momento dado. Ahora, en este ejemplo, es realmente bastante obvio que sé que cuando escribo oh, fotograma número A. Voy a ver un ocho por aquí, pero en la vida real, no siempre es tan sencillo . Entonces lo que es genial es que creo que fue un animado CC 2017. Agregaron este recolector de marcos, que te muestra todos los marcos dentro del símbolo. Entonces voy a dar clic en el marco 10 y luego mis actualizaciones gráficas al fotograma número 10. Entonces eso es super cool. Y ahora lo que quiero hacer es mostrarles una aplicación práctica de esto. ¿ Todo bien? Muy raramente. Vas a tener clips que solo tienen 10 fotogramas que tienen 10 números en ellos. Entonces echemos un vistazo a nuestro monstruo verde aquí, acuerdo? Si voy a tocar su animación, van a ver que sus ojos y boca simplemente se asustan. Y a medida que atravieso, te darás cuenta de que ambos están cambiando a marcos diferentes. Por lo que tengo una capa de boca y una capa de NYSE en la biblioteca de ojos, símbolos y el símbolo de la boca. Un doble clic en la boca gráfica. Ya verás que hay unos fotogramas clave con diferentes tipos de bocas y diferentes posiciones. Está bien, si voy al símbolo de ojos aquí, verás que tenemos tres capas para el fondo, las pupilas en las cejas y en cada marco clave. Yo solo estoy moviendo esas cosas para hacer diferentes expresiones yo, si se quiere. Aquí los ojos miran un poco hacia adelante aquí. Aquí están cerrados. Se están poniendo una especie de ojos amplios, y luego tenemos mirando a la izquierda, mirando a la derecha, y luego nos hemos enojado. Entonces volvamos a ver uno. Y ahora por favor perdóname. No soy un personaje profesional, animador o ilustrador, pero intentemos que este lío aquí se vea algo decente. Entonces muy rápido volvemos al fotograma número uno, y voy a decirle al símbolo de ojos en el panel de propiedades que sólo vamos a usar un solo fotograma, ¿de acuerdo? Y haré lo mismo por la boca. Entonces como te acabo de mostrar anteriormente, eso lo va a hacer para que nos quedemos atrapados en esos fotogramas de esos símbolos mientras estoy fregando la línea de tiempo principal. Muy cool. Entonces solo voy a salir al marco número cinco y en la capa de boca. Yo sólo voy a golpear F seis para agregar un fotograma clave. Ir a seleccionar la boca y queremos hacer es ponerla especie de en su estado de reposo o cerrado . Pero no sé qué número de cuadro es ese. Ya sabes, podría adivinar aquí todo el día. A lo mejor es por no. A lo mejor es 30 ¿No estaría bien si solo pudiera usar el recolector de marcos? Entonces solo voy a dar clic en el fotograma número dos y vamos a moverte para que realmente pueda ver qué pasó. Entonces hay marco número uno fotograma número dos. Muy cool. Entonces voy a dejar el recolector de marcos por aquí y vamos también despacio. Deja el símbolo de hielo aquí y es importante marco cinco que tal vez quiero a Teoh en un marco clave primero y ahora voy a cerrar los ojos, así que haré algo como esto. Entonces en el cuadro uno, él es ah, Y luego se va a ir. Ah, y luego quizá unos marcos más tarde, tendremos que volver a abrir los ojos y cambiar la expresión de la boca. Entonces realmente no voy a tratar de imitar algo terriblemente cercano a la realidad. Simplemente muéstrale que, ya sabes, puedo volver a abrir los ojos y luego dar click en la boca y tal vez sea un poquito así. ¿ Sabes qué está pasando? Entonces ahora está como, uh, uh, tal vez un poco confundido. Podría hacerle mirar a la izquierda o a la derecha. Entonces tal vez en el marco 10 ya sabes, no siempre tengo que mover los ojos cuando estoy moviendo la boca. Entonces, ya sabes, si está hablando, sus ojos no siempre se van a enloquecer. Podría darle un poco de eso. Podría salir unos fotogramas, golpear F seis otra vez, tal vez. Ah, retorcido. Y entonces, ya sabes, espera un poco pegado f seis y vamos a darle una gran sonrisa y con los ojos. A pesar de que pretendía que vayamos a estos, ¿eh? Está bien. Muy cool. Entonces ahora, como estoy fregando. Se puede ver que básicamente puedo crear cualquier, como, como, permutación de expresiones de los ojos y de la boca. Ahora, obviamente, he hecho esto bastante rápido, pero incluso solo jugando si vuelvo al fotograma número uno y golpeo el juego, ya sabes que es un resultado bastante genial. De acuerdo, si pones como tal vez 20 minutos en esto, realidad podrías conseguir un personaje que se ve realmente genial. Y no sólo tienes que,ya sabes, ya sabes, estar restringido a cambiar los ojos y la boca. Podrías tener manos o piernas o posiciones de cuerpo completo del personaje bailando en diferentes posiciones. Por lo que ojalá este video muestre que tienes las propiedades de bucle de un símbolo gráfico sobre la potencia del picker de fotogramas realmente te dan mucho control sobre tus símbolos gráficos. En el siguiente video, te voy a mostrar cómo los modos de mezcla y los filtros dan a los clips de película un poco de pierna arriba. Mantente atentos 29. Filtros gráficos de movieclip: está bien, amigos, para continuar hoy nuestra discusión sobre clip gráfico versus película, Clip de película va a sacar la ventaja mientras discutimos los filtros. De acuerdo, piensa en un filtro como una forma de agregar efectos avanzados a nuestras imágenes para que puedas agregar cosas como una sombra de gota, un desenfoque. Ah, resplandor, un resplandor de radio con diferentes colores, un bisel para un poco de un look de tres D. Con el resaltado y la sombra alrededor de los bordes, puedes hacer un Grady y Bisel. También puedes hacer ajustar el color donde puedes cambiar el brillo de saturación o Hugh. Y una de las cosas más geniales de estos filtros es que se pueden animar. Entonces echa un vistazo a esto. Tenemos una imagen de un auto que está totalmente volado con el brillo y se debilita entre a todo color. Está bien, entonces es realmente genial lo que puedes hacer con estos filtros. Entonces solo te voy a dar un breve resumen de cómo funcionan y te mostraré cómo puedes divertirte un poco con ellos. Vámonos. Muy bien, entonces aquí tenemos nuestro conocido clip de película y símbolo gráfico. Al hacer clic en el gráfico, El panel Propiedades me da las opciones de bucles, que ya hemos hablado y bajo efecto de color. Hemos hecho cosas como Cambiar el Alfa, que es básicamente la transparencia de un símbolo. Hemos hecho cosas como cambiar ese tinte, lo que significa que podemos cambiar cuánto se le va a aplicar un color diferente. Y podemos ajustar esa cantidad de tinte y cambiar los canales R G B. No obstante, queremos rojo, verde y azul, y luego también tenemos opciones avanzadas para rojo, verde y azul, además de diferentes valores Alfa. Entonces, um, todo es bastante guay, pero podemos hacer exactamente lo mismo con un clip de película. Entonces cuando haga clic en el clip de película, verán que tengo efecto de color, y aquí tengo las mismas opciones. Brillo, Tienda de campaña, Avanzada y Alfa. Pero lo que el símbolo gráfico no nos da está aquí abajo. Tenemos display donde tenemos blending, que hablaremos en un poco, pero quiero enfocarme ahora mismo en los filtros. De acuerdo, entonces no hay opción para filtros con gráficos, y los filtros son bastante geniales. Tenemos esta lista de sombra de gota, desenfoque, resplandor , bisel, capa de ingrediente, bisel radiante, ajustar color, y luego podemos quitarlos o desactivarlos todos. Entonces lo vamos a hacer es deshacernos de estos tipos aquí mismo. Los borraremos. Voy a ir a mi biblioteca y dejarme sacar este símbolo de filtros. Es sólo una pieza de texto bastante grande que dice Filtros, y esto nos muestra. Se trata de un símbolo de clip de película en la biblioteca y el panel de propiedades. Ya verás que es un clip de película, y es una instancia de filtros. El primer filtro sobre aplicar va a ser una sombra de gota, y ya verás, aquí tenemos esta sombra muy ligera. Aquí hay un montón de propiedades que podemos ajustar. Te darás cuenta de que cuando miro a Blur X y desenfoque Y, tienes este pequeño enlace aquí. Eso significa que a medida que cambie el desenfoque y que el Desenfoque X va a cambiar también en la moda uniforme. Entonces si cambio desenfoque y 2 28 Desenfoque X también va a ser 28. Voy a bajar eso un poco para una mirada más agradable, y quiero señalar que en la parte inferior de aquí, vas a notar que estos filtros aquí mismo. Se ve un poco desmoronada aquí mismo. Está casi, como, cuadrado, y ahí es donde entra la calidad. Y déjame solo hacer eso de alto ahora mismo, y luego obtienes un efecto de filtro redondo agradable, más suave ahí. Por lo que realmente me gusta la calidad para ponerme demasiado alto. Ahora, si estás animando un filtro y la calidad establece lo alto, posible que veas un poco de rendimiento lo, por lo que podría tener que derribarlo a medio o bajo. Si estás experimentando algún problema, la fuerza básicamente va a ser como la opacidad del filtro. Entonces si me pongo esa fuerza muy fuerte, notarás que se pone espesa. Se pone mucho más fuerte. Es mucho más visible para que podamos bajar esa fuerza. Y algo menos de 100 ya sabes, lo va a hacer muy, muy sutil, pero aun así perceptible. Entonces, por el bien de esta demo, voy a subir eso un poco para que realmente podamos ver el filtro, y podría simplemente desenfocarlo un poco más. Ahí vamos. Me gusta que, um, um, podamos cambiar el ángulo básicamente debilitar conjunto donde las fuentes de luz y la distancia. Entonces voy a bajar un poco la distancia para bajar el filtro hasta aquí. Y luego si cambio el ángulo, que ahora mismo está en un ángulo de 45 grados, solo puedo girar eso para que pueda hacer que la fuente de luz parezca venir de la esquina superior derecha . O puedo tirar de ese ángulo hacia atrás y hacer que parezca que la luz viene de la parte superior y derribar la noqueza es bastante genial. En realidad le quita el color del texto real que tenemos ahí, y sólo se ve la especie de sombra, y podemos apagar eso. Y si lo hago en su sombra, pone la sombra en realidad en el interior para algo así. Podría querer bajar un poco el Desenfoque, X e Y. Bueno, eso es bastante funky. Ah, la idea aquí de que la distancia es bastante fuerte. Por lo que tenemos todo este tipo de control realmente genial sobre todos estos diferentes parámetros. Sólo voy a deshacer eso un par de veces. Por lo que acabamos de despegar la sombra interior. Si hago clic en Ocultar objeto. Todo lo que obtenemos es la sombra que se está echando, pero no podemos ver el objeto real, y eso es bastante guay. Déjame darle la vuelta a eso. Y entonces también tenemos el color de la sombra en el mundo real. Ya sabes, tus sombras aire, usualmente negras o grises. Pero en el mundo del diseño, podemos hacer lo que queramos. Entonces si quiero tener una horrible, brillante sombra amarilla, definitivamente tengo la libertad de hacer eso. Por favor elige tus colores sabiamente. Déjame volver al negro y por aquí. Ya sabes, tal vez sólo tome la distancia y bajarla un poquito. Y ahí tenemos una sombra muy agradable, y de nuevo podemos jugar con estos parámetros. No obstante queremos cambiar la distancia, cambiar el ángulo. Y de nuevo, es algo con lo que realmente sugiero que experimentes. Déjame alejar un poco. Ahí vamos. Tan bonita sombra de filtro ahí. Y lo que es genial de estos filtros es que puedes animarlos. Está bien, no voy a entrar en una gran lección sobre animar filtros en este momento, pero déjame ir tras el fotograma número 15 y golpear F seis para agregar mi nuevo fotograma clave. Y así aquí, con esta muy especie de sombra dura y ligera, si se quiere, no es muy amplia. Um, parece como si este texto pudiera estar flotando sólo un poco del fondo. Pero en el fotograma número 15 lo que voy a hacer es tomar este texto aquí y dejarme simplemente escalarlo un poco así. Y a medida que se escala, también voy a decirle a la sombra que su distancia va a aumentar. Voy a retroceder así, pero también voy a bajar su fuerza. Entonces va a una especie de, como desvanecerse un poco y debilitarse, difuminarlo un poco más y simplemente hacerlo realmente suave. Entonces déjame alejar sólo un toque y luego volver a enmarcar uno donde tenemos el texto. Pequeño. Está cerca del fondo en marco. 15. El Texas cada vez más grande, la sombra se desvanece. Déjame hacer clic derecho en un clásico de Tween, y luego ahora echa un vistazo. A medida que crece el texto. Esa sombra se va a desvanecer y dejar para esta demo aquí. Creo que un color de escenario diferente probablemente funcionaría un poco mejor. Ah, eso es lindo. Entonces vamos a bajar. Entonces ahora a medida que sube, ¡ boom! Está bien. Entonces de nuevo, te voy a animar a meterte en una reunión los filtros y ponerlos. Tengo una lección en el futuro sobre animar los filtros, pero por ahora, solo quería demostrarles que se podían animarlos. Voy a deshacerme de este clásico Tween por ahora, quita clásico Tween. Y también voy a despejar este marco clave. Entonces les he dicho que F seis es el atajo para agregar un fotograma clave. Bueno, déjame decirte que el turno F seis quita el marco clave. Por lo que ahora de nuevo en el cuadro uno. Esto es lo que estamos viendo. También puedo y múltiples filtros. Entonces déjame ir a dar click en el clip de película. Y aquí tengo la sombra de gota. Puedo dejar aplicado el filtro y solo una especie de apagarlo. Entonces no lo veo si quiero, y entonces puedo alternar eso si estoy totalmente terminado con ello. Puedo golpear este signo menos para eliminarlo, pero quiero mostrarles que puedo mezclar filtros juntos. Entonces solo voy a dar clic en esta pequeña flecha aquí para minimizar todos los ajustes para la sombra de gota . Entonces eso está abierto y cerrado. Y déjame añadir en otro filtro aquí tenemos desenfoque, está bien. Y así ahora se puso un poco borrosa. Y tenemos el Blur, x e y para que los pueda vincular juntos y ya verás Whoa, eso es super, súper borroso. Déjame bajarlo un poco. Entonces ahora es igual que creo que necesito ir a ver un poco al oftalmólogo. Está bien, Eso no es tan bueno. Entonces déjame hacer algo así. Entonces solo para mostrarte que podemos experimentar con el desenfoque de esos filtros si tuviera algo tal vez animando de izquierda a derecha, tal vez no quiero tener el Blur X ¿Y por qué encerrarme? Entonces déjame solo dar click aquí. Voy a golpear cero. Entonces ahora no hay desenfoque en absoluto. Voy a desvincular a los dos. Y ahora sólo puedo cambiar el Desenfoque X Así que si esto se animara a su lugar o deslizándose por la pantalla, podría comenzar con su súper borrosa en el eje X y luego progresivamente traer de nuevo ese valor hacia abajo. Y eso te da un efecto fresco también. Déjame volver a hacer clic aquí. Entonces tenemos la sombra de gota y el Desenfoque. El desenfoque en realidad no es mucho ahora mismo. Si quieres deshacerte del Desenfoque, puedo hacer clic en él y golpear el signo menos, y simplemente desaparece. El siguiente filtro que voy a hacer es solo un bisel muy sencillo donde tenemos una sombra y resalte color de blanco y negro, y nos da apenas un poquito de Ah ah ah, resalte alrededor de un borde elevado y un poco de sombra en el abajo justo aquí. Entonces, de nuevo, tenemos ajustes de desenfoque aquí para que podamos encender ese desenfoque y hacerlo solo un poco más sutil. O puede ser muy duro de filo, si lo harás de nuevo. Contamos con calidad. Tenemos fuerza. Entonces si bajo la fuerza, apenas te vas a dar cuenta. Es un bisel muy sutil aquí, y si traigo la fuerza. Se va a poner muy brillante. En contraste, e Y si me aumento el desenfoque, ya sabes, te metes todo esto raro en el medio y obtienes una especie de mirada muy redondeada y suave o muy dura mirada de borde otra vez, podemos cambiar el resaltar colores. Podemos cambiar el ángulo para que el color resaltado parezca estar viniendo del donde viene la fuente de luz desde la parte inferior derecha, si se quiere, y podemos hacer noquear lo que quita de nuevo el texto. Y tenemos interior. Tenemos un bisel exterior. Tenemos un bisel completo. Por lo que de nuevo puedes obtener tantos efectos diferentes de un solo filtro que te insto encarecidamente a experimentar de nuevo con ellos y jugar alrededor de ellos. Ahora mismo, casi le he dado a este texto lo que parece una especie de look metálico. En realidad se ve bastante guay. Entonces y yo solo estaba jodiendo. Entonces de nuevo, la experimentación es clave. Déjame deshacerme del bisel y también del filtro de sombra de gota. Y a continuación voy a añadir un golpe de Grady int. En realidad haz un resplandor primero. Lo siento, me salté eso, pero un resplandor es como una sombra de gota, pero va a proyectar uniformemente en todas direcciones. De acuerdo, te darás cuenta de que aquí no podemos cambiar la distancia ni el ángulo, pero podemos cambiar el Desenfoque, X e Y. Así que aquí, con el resplandor rojo, verás que simplemente brilla uniformemente de los personajes ahí. Podemos llevarlo a alta calidad. Podemos cambiar el color, tal vez algo así o no tan bueno. A lo mejor una porquería azul más claro, um, a través de un color más oscuro. Ah ja. Entonces hay un resplandor azul oscuro. La fuerza que podemos derribarla, podemos subirla. Y entonces es casi se pone tan difícil aquí que es casi como un contorno. Si bajé el desenfoque, ya sabes, es sólo tantos rangos amplios de efectos diferentes que tienes aquí. Puedo ir a resplandor interior que va a poner el resplandor en el interior. Déjame ajustar el Desenfoque, X e Y. Así que ahora vuelve a ser muy sutil. El punto aquí es que hay tantas opciones diferentes, y es muy divertido jugar con cada una de ellas. El brillo de Grady int te va a permitir aplicar un Grady en tu resplandor, por lo que va a ser el mismo tipo de ajustes. Pero aquí tienes un Grady int una gama de colores que puedes elegir, y van a empezar semi transparentes e ir a la opacidad total. Déjame simplemente encender el desenfoque X y ¿por qué aquí? Entonces puedes ver algo así Y por el primer color que voy a escoger, vamos a hacer algo tipo de gariz. Por lo que destaca, haremos un amarillo, y luego iremos a un verde brillante. Y así ahí tienes algo totalmente horrible. Puedes mover estos colores por dentro de la int Grady. Podemos dar click en otro recolector aquí. Lanzaremos algún rosa horrible solo para mostrarte que podemos tener esta gama completa de diferentes colores en nuestro Grady int. Y me reí. Esto es absolutamente, ya sabes, horrible. Pero sólo voy a escoger al azar algunos colores. Y entonces tenemos este loco arco iris de colores como Argh! Resplandor radiante Déjame amar el texto o noquearlo. Y sólo se ve ridículo. Por lo que quizá quieras practicar con eso un poco. Está bien, Um, voy a deshacerme de eso y vamos a fingir que eso nunca pasó. Muy bien, Así que lo siguiente que queríamos fue hablar de uno de mis filtros favoritos, que es el filtro de ajuste de color va a cambiar el fondo del escenario, dedo blanco. Cuando entres a mi biblioteca aquí y tengo este clip de película símbolo de un coche lo va a arrastrar sobre el escenario irá al panel de alineación y boom a la izquierda a la parte superior. Encaja ahí perfectamente. OK, así que aquí tenemos. Es lindo clip de película va a ir al panel de propiedades, y le voy a agregar el filtro de ajuste de color. Y aquí tenemos brillo, contraste, saturación y matiz. Está bien, así que sólo jugando, puedo bajar la saturación, lo que va a hacer que sea escala de grises. Llevaré eso de nuevo a cero para que sea normal. Hugh nos da algunos efectos cool, por lo que aplica diferentes colores. Entonces, ya sabes, con sólo un pequeño cambio, ahora tengo un auto verde. Sí cambia un poco el color del cielo. Um, podrías ir sobre el rosa azul cuando pases por todo el espectro de colores aquí. Y Ed Hue a toda la imagen y todos los píxeles en la imagen es muy agradable. Déjame volver a poner eso a cero. El brillo se debilita, Totalmente sopla fuera. Podemos bajar o subir el contraste y solo obtienes todos estos efectos de color realmente geniales. Se parece mucho a trabajar en photoshop. Bueno, voy a hacer es una animación muy rápida porque me encanta tanto esta cosa que voy a ir a Brillo cero por ahora. Déjame simplemente restablecer todo 00 y aquí en el fotograma uno, solo voy a seleccionar la imagen bajará la saturación a cero. Por lo que ahora es completamente blanco y negro en marco 15. Voy a f seis para agregar mi fotograma clave y luego voy a seleccionar la imagen y voy a tomar la saturación y llevarla hasta cero. Por lo que ahora, en el marco uno, es negro y blanco marco 15 color. Por lo que hemos estado agregando fotogramas clave y haciendo Tweens clásicos para siempre. Cambiar filtros no es muy diferente. Simplemente vamos a hacer click derecho en do crear clásico Tween Déjame solo golpear volver a jugar y obtenemos este realmente bonito desvanecimiento suave en de blanco y negro. Voy a ir a encuadrar uno, y voy a subir el brillo súper alto y el contraste. Vamos a agacharlo un oleaje. Entonces es como esta completa, como la cal de la imagen y luego, medida que fregaba hacia adelante, estaban agregando color progresivamente. Y es un efecto tan bonito, suave, suave, fresco. Simplemente me encanta. Sólo estoy sentado volver una y otra vez para seguir viéndolo. Por lo que ojalá veas que hacer animación de cambios de filtro no es realmente diferente cambiar la escala o posición de un elemento. Y me encanta este color solo efecto y empiezo a envolver aquí. Estos filtros sólo están disponibles en clips de película. Está bien, así que te daré este expediente. Tendrás unos clips de película con los que jugar, pasarás por todos los filtros y divertirte un poco y muy rápido antes de irme, solo quiero mostrarte que no tengo cada documento similar de cinco lienzo abierto aquí, y este es un clip de película, y solo quiero mostrarles que en el mundo de los cinco lona HTML, no se tiene el mismo número de filtros disponibles. Ya verás que el bisel Grady en el bisel de ingrediente resplandor no están disponibles. Y como nota al margen, tampoco tienes el mismo tipo de rendimiento al animar filtros en HTML five canvas. Entonces, como dije por lo que estaban haciendo en este curso, nos vamos a apegar al tipo de documento de script de acción 3.0 porque es muy superior en este sentido. A continuación, hablaremos de los modos de mezcla. 30. Modos gráficos vs. movieclip: todo bien para continuar nuestra conversación de clip de película de verso gráfico. Vamos a estar hablando de una película. Modos de mezcla de clips. Un modo de mezcla te permite literalmente mezclar dos colores juntos de formas específicas. Ahí es cuando tienes un clip de película que se superpone a una imagen o cualquier otra cosa. Se pueden mezclar los colores entre el clip de película y el objeto que se superpone. Y dependiendo del modo de mezcla que elijas, puedes obtener una gama muy amplia de efectos dramáticos. Entonces vamos a comprobarlo. Está bien. Entonces aquí y animar de una configuración de archivo, vamos a estar centrándonos en esta genial imagen del auto. Y si me alejo un poco, verás que tengo este rectángulo que tiene un extraño dedo verde negro radiante en él. Tenemos un cuadrado azul sólido y luego un dedo negro blanco Grady en Muy bien. Entonces la idea con los modos Blend es que va a tomar colores de la imagen base y nuestro clip de película que está sentado encima de él y una especie de mezclarlos juntos y darnos un color resultante. Está bien, así que déjame acercar un poco y voy a empezar por tomar este clip de película azul y simplemente arrastrarlo sobre el auto de ahí. De acuerdo, entonces ahora este rectángulo azul está cubriendo por completo el auto, pero voy a dar clic en él. Ya veremos que es de hecho, un clip de película y bajo exhibición. Ya verás que tenemos mezcla. Entonces voy a abrir esto y tenemos bastantes aquí. Cuando cambias a una capa, realmente no ves una diferencia. Yo voy a ir a oscurecerse, sin embargo, y ah jah! Ahora verás esa parte de la imagen base. El auto se está mezclando con ese azul, y estamos consiguiendo esta imagen de auto realmente azul oscuro y me voy a ir a multiplicar y se ve casi igual. Pasaremos por esta lista con bastante rapidez. Iremos a aligerar y ah, eso se ve muy bonito. Entonces ahora estás viendo más de una especie del auto amarillo original. Pero algunos de los píxeles más oscuros están recogiendo el azul y vamos a ir a la pantalla y eso va a ser muy similar. Se va a ir a superponer y luego el amarillo realmente aparece y tenemos luz dura y eso realmente no funciona para nosotros ni para todo. Tenemos sumar. Y también tenemos restar Eso es bonito Y entonces tenemos diferencia. Y, bueno, por último, hacer invertir. De acuerdo, entonces es como un negativo de atrás en los días. Entonces déjame ir a algo como aligerar, ¿de acuerdo? Y ahora vas a encontrar que cuando estás trabajando con modos de mezcla, va a tomar mucha experimentación porque realmente depende del color delpixel base,el clip de pixel base, película con el que lo superpongas y luego también el modo de mezcla. Y no puedo meterme en dos técnicos de una descripción de todas estas cosas ahora mismo. Pero sí quiero mostrarles que Adobe sí tiene un artículo de ayuda, y les voy a dar el enlace para ello. Y explica cómo hay una mezcla, color y opacidad, un color base, color resultado e incluso, dicen, el dhobi recomienda que experimentes con los diferentes modos de mezcla para lograr el efecto deseado, y luego te da una descripción de todos ellos. Por lo que podría decir que aligerar reemplaza a los píxeles Onley que son más oscuros que las áreas de color de mezcla más claras que el color de mezcla no cambian. Está bien. Entonces por eso cuando habíamos aligerado seleccionó eso, ya sabes, la cosa amarilla realmente no cambió todo tanto. Pero de nuevo, incluso con recomendación adobes, esta cosa requiere mucho experimentar. Pero te voy a dar este recurso para que veas todas las diferentes y sean descripciones oficiales. Pero al final del día, creo que esto va a llevar mucha experimentación, pero déjame caminar por un poco más. Entonces aquí teníamos este color azul sólido encima de la foto, ¿ verdad? Y luego voy a ir a agarrar este Grady int, acuerdo? Y tiene una especie de verde semitransparente o amarillo en su interior. Y en este momento es el modo de mezcla se establece a la normalidad. Y vamos a ir sólo a la capa, y eso siempre es algo así. Iremos a oscurecer adentro, y eso se ve muy bonito. Por lo que al superponer estos INT Grady con los modos de mezcla, puedes obtener estos efectos realmente bonitos y casi puedes imitar, como, ya sabes, algunos de esos, como filtros de instagram, si voluntad. Si lo haces ahí mismo, tenemos superposición. Me encanta Luz dura, realmente elegante. Añadir tipo de sopla un poco, restar hace algo raro. Tenemos diferencia. Y entonces tenemos invertido. Y de nuevo, los efectos que obtienes van a depender de qué colores estés mezclando y cómo los estés mezclando. Yo debería decirlo. Aquí tenemos un radiante de negro a blanco en la parte superior de nuestra imagen. Y otra vez, simplemente realmente rápido. Ya veremos esa oscuridad aquí dentro. No tan bueno. Multiplicar. Sí, pero luego vas a aligerar tipo de funky, y luego tienes pantalla. Sólo estoy usando mi flecha hacia abajo ahora para ir a través de ellos superponer una especie de así. Se ve realmente crujiente y rico. Luz dura. No tanto, Ed. Oye, bastante cool y luego restar. Está bien. Entonces de nuevo, obtienes todos estos efectos diferentes, ya sabes, tipo de efectos. Altamente dependiente de qué color su superposición. Está bien, déjame solo hacer doble clic en este símbolo aquí y aquí tenemos nuestro Grady int. Por lo que estoy dentro del B W. Grady en blanco y negro. Iba a ir a mi mezclador de color. No les he mostrado que aún tenían que trabajar de verdad con resplandor, pero voy a seleccionar un color y dejarme simplemente tirar de esta cosa aquí arriba. Haremos como, rosa realmente brillante, y luego iremos a este color aquí. Hará un verde brillante. Va a ser horrible. ¿ Verdad? Entonces volvamos a ver uno. Sí, correcto. Bastante loco. Y vamos a jugar, sin embargo. Nunca se sabe. Podrías conseguir algo tipo de cool, ¿sabes? No lo sé. Eso podría funcionar. Eso es comer interesante. Eso es horrible. No tan bueno. Ya sabes, llegar allí así de nuevo, Realmente tienes que jugar alrededor de estos Niza. Ya sabes, ni siquiera podía, como, imaginar como haría algo así. Y entonces sólo apareció porque experimenté. Entonces de nuevo, te voy a dar este archivo F l A, y voy a animarte a meterte con estos diferentes clips de película. Ya sabes, um, este de aquí. Por lo que experimentamos con el color azul. ¿ Por qué no hacemos doble clic en él? Ya sabes, puedes cambiar eso a una lectura sólida. Si vas a volver a ver uno, y obtienes un resultado totalmente diferente. A lo mejor iremos a superponer a Boehm. Agradable. Entonces de eso se trata con los modos de mezcla. Pero sí quiero señalar que al igual que con los filtros, recuerda cómo no funcionaron tan bien, Vamos a tener tantas opciones en el mundo de lienzo HTML cinco. Voy a volver a ese documento html cinco lienzo que tenía Y echa un vistazo a esto. Doy clic en este clip de película y cuando voy a los modos de mezcla, está Onley. Agregar Todo bien, Aquí no tenemos ninguna de estas opciones. Entonces de nuevo, si me dudan de por qué elegiría el documento de script de acción 3.0 sobre el lienzo uno, esta es una de esas razones tenemos muchas más opciones cuando se trata de los modos de mezcla. Algo que sí quiero mencionar es que tanto en html cinco como en el script de acción los modos de mezcla de tierra no son algo que pudiera animarse. Está bien, son sólo una especie de set. Y existen igual todo el tiempo. No se puede entrelazar de un modo de mezcla a otro. De acuerdo, pero lo que puedes hacer es animar lo que estás mezclando bien o la o la imagen base real misma. Entonces aquí tenemos esta imagen aquí, déjame simplemente realmente rápido. Voy a deshacerme de esto en esto. Y así este tipo de aquí, voy a salir. Permítanme añadir un marco clave. Pero F seis esto es sólo por razones experimentales. Y en la capa inferior, voy a tener que golpear F cinco aquí abajo para esperar entonces esa capa inferior. Entonces en el cuadro uno, lo tenemos. Su marco 20. Son lo mismo en el marco uno. A lo mejor lo que voy a hacer es cambiar el ah Alfa de esto. Está bien, puedo alimentarlo y vamos a hacer click derecho hacer nuestro crear clásico Tween. Y así ahora esa cosa del modo de mezcla se está desvaneciendo, así que ya sabes, puedes conseguir algunas cosas bastante cool con eso. Entonces a pesar de que no lo somos y una reunión entre un modo de mezcla y otro, estamos Anna conociendo la opacidad de lo que estamos mezclando. Entonces déjame ir a pantalla completa o tamaño completo, y eso es bastante genial, ¿ verdad? Entonces, nuevo, experimenta con este material, te daré el enlace al artículo de Adobe y creo que realmente vas a disfrutar de los diferentes efectos que puedes tener con estos modos de mezcla. 31. Rosas de gti: en este ejercicio iría un poco más profundo en animaciones anidadas con este auto con la rueda giratoria. Por lo que el auto está siendo Tween a través del escenario, y dentro del auto hay un símbolo llamado giro de rueda y giro dentro de la rueda es una rueda que está girando. Entonces déjame mostrarte cómo soy yo. Muy bien, así que pongamos este espectáculo en la carretera. Tengo un F l A. Abierto aquí. Tenemos esta capa de fondo y tenemos un marco y es solo este gris oscuro así que verás a mis bibliotecas un poco cargadas de un montón de cosas. Mucho de ella son diferentes partes del auto, así que les explicaré en un poquito esas. Tenemos el cuerpo sólido. Tenemos la manija de la puerta. Tenemos el auto lleno, que es un Volkswagen g T I, que es impresionante. Tenemos esta cosa de láminas y luces. Tenemos una sombra, tenemos rueda y tenemos ventanas y tendencia oscura. Muy bien, son todas estas pedacitas las que componen el auto, básicamente. Entonces el auto lleno es el GT I Así que lo que voy a hacer es primero ir al fondo Muy bien. Entonces tenemos esta bonita especie de sutil Grady int que va de un grado A blanco de vuelta a Gray iba a alinear que perfectamente en este escenario va a hacer un boom left boom top, y vamos a querer animar el auto. Entonces una de las reglas, tenemos que poner eso en una nueva capa, así que sólo le pondré el nombre a la capa del auto y saquemos el g t I y lo tiraremos por aquí y te darás cuenta de que el auto incluye esa sombra fresca y solo lo pongamos a la izquierda. Está bien, notarás que el fondo se pone un poco de blanco brillante aquí. Ahí es como donde queremos que las ruedas estén alineadas. No tiene que estar en ninguna parte. Perfecto lo pondrá fuera del escenario. Y luego salgamos al cuadro número 60 o así, y voy a golpear F seis para agregar un marco clave, y luego voy a tomar el auto y moverlo hacia la derecha. Ahora bien, habrás notado que tan pronto como agregué ese marco clave en la capa del auto, he visto de nuevo el gran fondo bien en el cuadro número uno. Ahí está el fondo. Justo en un marco 60. No está ahí Ahora vamos camino de regreso a ah, lección anterior. Pero recuerda, aquí tenemos estos marcos potenciales. ¿ De acuerdo? Cuando agregué el marco clave y el marco 60 solo extendí la capa del coche todo el camino hasta enmarcar 60. No tengo suficientes marcos en la capa de fondo inferior para ver el fondo en el marco 60 . Entonces solo voy a dar clic en el marco 60 aquí. ¿ Y cuál es el mágico? ¿ Qué es? Sí. F cinco va a sumar marcos todo el camino a su. Entonces ahora, mientras froto los 60 fotogramas enteros de la película, verás que veo el fondo. Entonces en el cuadro 60 voy a dar clic en ese marco clave de ahí, y acabemos de arrastrar el auto directamente. En realidad, lo que voy a hacer es mantener pulsado el turno, y eso lo va a hacer para que no lo mueva accidentalmente de izquierda de arriba a abajo. De acuerdo, Lo bloquea para seguir adelante. Lee a la izquierda y a la derecha manteniendo pulsado el turno. Entonces solo voy a hacer click derecho en cualquier lugar entre el fotograma uno y el 60 y voy a hacer crear clásico Tween, y esto es algo que sabes, hemos visto un montón de veces. Entonces ahora déjame solo golpear play y ahí va mi auto a través del escenario. Voy a ir a controlar la película de prueba inanimada, y eso va a generar el archivo swift para mí. Está por aquí, fuera de pantalla. Ahí vamos. Hasta ahora vemos el tipo de auto deslizándose por el escenario. Está bien, Se va realmente estaría bien si esas ruedas pudieran girar. Entonces vayamos al propio auto real. Ir a la biblioteca y hacer doble clic en el símbolo GT I. Y entonces ahora ya verás tenemos esta versión realmente bonita del auto que estamos viendo y comprobarlo. Déjame asegurarme de que podamos ver todas nuestras capas. Vas a ver que tenemos todas estas diferentes capas dentro del símbolo GT I. Entonces dentro de la barra de edición, vemos visto Juan G T I. Esto nos dice que estaban dentro de la línea de tiempo de la g t I, y lo que voy a hacer es simplemente activar y desactivar la visibilidad de estas capas. Entonces tenemos sombreado y luces aquí, así que déjame Solo tienes que dar click en el punto debajo del ojo, y luego verás que se ve como un rojo muy plano. Por lo que tenemos esta capa que solo contiene estos muy sutiles INT Grady que nos dan las luces y algún tipo de detalles de reflejos y sombreado. Tenemos entonces la manija de la puerta. Entonces me estoy metiendo eso dentro y fuera tenemos rueda delantera y deshacernos de eso. Tenemos rueda atrás, y luego tenemos ventanas oscuras. Por lo que nos deshacemos de las ventanas y también de parte del plástico negro oscuro en el guarnecido inferior. Ah, cuerpo sólido. Entonces ahora me quité el cuerpo sólido rojo, y ahora se puede ver mejor um, lo que teníamos es ese tipo de clip de resaltado. OK, solo un puñado de INT Grady que nos dan todo el tipo de tres D. Ah, sombreando y resaltando para cuerpo sólido es simplemente básicamente ¿Sabes qué? Déjenme ver esto dio. Voy a mantener presionada opción o Ault y hacer clic en el punto debajo del ojo y boom, nos deshacemos de apagamos la visibilidad de todas las demás capas. Y así ahora tengo esta forma roja. Si hago click en eso, puedo ir dentro de ella. Y dice que estoy dentro ahora cuerpo sólido. Entonces esto es bastante guay sobre, ya sabes, anidar cosas dentro de símbolos. Por lo que tengo un símbolo sólido cuerpo dentro de la g t puedo dar click en esa forma y echar un vistazo a esto . Puedo cambiar el color para ser este azul y luego vuelvo a la g t. enciendo todas las capas y ahora tengo un Knauss um g t azul. me dejo simplemente volver al cuerpo símbolo sólido y volver al rojo que tenía, que creo cc 3300 cool. Y luego volveré a la g t i. Y ahora es roja otra vez. Por lo que dentro del GT I, tenemos todas estas diferentes partes que conforman el auto. Ahora, lo que más me interesa son estas ruedas. Entonces si hago clic en este símbolo aquí, nota el panel de propiedades me va a decir que es una instancia de rueda y entonces esta cosa en la parte delantera también es una instancia de rueda. Entonces tenemos estos símbolos de dos ruedas en el auto, pero quiero que den vueltas. Entonces lo que voy a hacer es poner este dentro de un clip de película que lo va a tener girando. Entonces voy a seleccionar la rueda e ir a modificar, convertir a símbolo. Y de nuevo te he dicho que eso es realmente insertar en símbolo y voy a llamar a este giro de giros de rueda . Y también va a ser un clip de película y voy a golpear, Ok. Y así ahora nada aquí realmente está cambiando visualmente en el escenario. Pero déjame hacer click en eso. Nos aseguraremos de que esté seleccionado en el panel Propiedades. Me va a decir que es una instancia de giro de rueda. De acuerdo, entonces si hago doble clic en giro de rueda, voy dentro del símbolo de giro de rueda y aquí ¿Adivina qué? Tengo mi rueda original, así que vamos a vivir dentro. Rueda, giro y rueda es lo que realmente quiero girar alrededor. Entonces lo que voy a hacer por ahora es solo salir al cuadro número 30. Voy a golpear F seis para agregar un fotograma clave va a volver al fotograma número uno, y sólo voy a hacer clic derecho y decir, crear clásico Tween. Ahora recuerda que la rotación es una propiedad del marco, ¿verdad? Cuando hagamos esa lección donde hicimos las animaciones básicas de rotación, solo voy a dar clic en el marco y decir Girar en sentido horario una vez, Ok, verás que la rueda realmente gira. Entonces si vuelvo a la g t yo ahora esta rueda aquí es una instancia de giro de rueda. Esta rueda de aquí es una instancia de rueda. Entonces algo gracioso va a pasar. Déjame hacer un retorno de comando para exportar el veloz y comprobar lo que hemos venido. Tenemos una rueda girando y la otra simplemente no está girando. Entonces lo que necesito hacer es reemplazar esta instancia de rueda con giro de rueda. Entonces echa un vistazo a esto. Voy a hacer click derecho y hacer algo llamado Símbolo de intercambio. Aquí está camino por aquí y ahora puedo elegir qué símbolo quiero reemplazar. Voy a tomar la rueda y reemplazarla con golpeo de giro de rueda. Está bien. Y entonces ahora puedo ver que esto en realidad es giro de rueda. Y cuando pruebe mi película, verás que el auto ahora está conduciendo y ambas ruedas están girando ahora. Se ve bastante guay, pero se ve un poco nerviosa. No lo sé. Yo no lo soy. Es yo no si hay suficientes cuadros realmente para mostrar todo moviéndose sin problemas. Entonces lo que vamos a hacer es esto. Voy a volver al fotograma número uno, y me voy a dar un poco más de tiempo para ver esta animación. Lo que quiero hacer es hacerlo de cuatro segundos de duración. Así que mira este truco. Simplemente voy a arrastrar la cabeza de juego a cualquier parte entre el fotograma uno y el 60 y sin fotograma seleccionado, me golpean f cinco. Y lo que eso va a hacer es sacar el final de mi línea de tiempo. Estoy agregando marcos. Un poco difícil de ver aquí. Uh, tuve que cambiar el tamaño de mis ventanas que tengo esta barra de desplazamiento aquí. OK, eso ayuda mucho. Entonces déjame solo seguir f cinco fuera, y así verás que estoy empujando ambos cuadros hacia abajo y solo voy a ir hasta el final . Disculpe hasta que este tipo termine a los cuatro segundos y ahí vamos. Entonces déjame probar esto una vez más y ahí verás que me gusta la velocidad del auto, pero es como que las ruedas casi van demasiado rápido, bien, es realmente algo raro que las ruedas estén girando mucho más rápido que las auto se está moviendo. Entonces aquí siempre es un poco de, Ah, juicio y error. Entonces déjame solo hacer doble click en giro de rueda y voy a hacer esta animación dos segundos duración para que pudiera golpear F cinco todo el camino allá. O podría simplemente hacer clic en este marco aquí y arrastrarlo a dos segundos. Entonces déjame solo probar esto ahora. Y aquí realmente me gusta el tiempo. Es realmente agradable y suave. Um, todo es noche luciendo realmente bonito y limpio. Entonces ahí lo tenemos. Tenemos un símbolo moviéndose a través de un escenario que tiene una animación anidada dentro de él. Y tenemos este movimiento realmente encantador. Yo lo estoy cavando. Está bien, así que en el siguiente video, lo que voy a hacer es dejarte que te des una puñalada en esto y tendré instrucciones completas de seguimiento . Impresionante. 32. Sigue el giro de la rueda gti: Está bien, Así que aquí tenemos el giro de las ruedas GT I, sigue a lo largo de video. Te voy a guiar por todos los pasos lenta y claramente habrá instrucciones en la pantalla y recuerda imprimir las construcciones completas del IC pdf escrito. Está bien, empecemos. Estoy usando GT I Wheel Spin Start, y el Paso uno va a estar yendo a enmarcar 120. Vamos a dar click en Frame 1 20 hit F seis para agregar un fotograma clave. Haga clic en el marco 1 20 en la capa de fondo y golpee F cinco para agregar fotogramas. Sostén pulsado, cambia y haz clic en el auto y arrástralo todo el camino hacia la derecha para que quede completamente fuera del escenario. Correcto. Haga clic en cualquier lugar entre los fotogramas uno y 1 20 en la capa del coche y cree el clásico Tween ir a controlar película de prueba en animate. Para obtener una vista previa de tu archivo swift, observa que las ruedas no están girando y luego cierra el veloz. Acude a la biblioteca y haga doble clic en el símbolo GT I para editarlo. Ahora tenemos que poner la rueda trasera dentro de otro símbolo para que realmente podamos gastarla click en la rueda trasera. Ir a modificar. Convertir a símbolo. Dale el nombre del símbolo, guión de la rueda, giro. Asegúrate de que el tipo sea un clip de película y el registro esté en el centro. Haga clic en Aceptar ahora doble clic en la rueda Animación de giro para ir dentro del clip de película de giro de rueda que acabas de crear dentro de aquí. Verás la rueda original Haz clic en el cuadro 60 dentro de la rueda. Giro Línea de tiempo Hit F six Para agregar un nuevo fotograma clave. Derecha, haga clic en cualquier lugar entre el marco uno y el marco 60 y seleccione. Crear tween clásico haga clic en Marco uno y vaya al panel de propiedades en el panel de propiedades . Bajo Tween ing set, gira en sentido horario y la cantidad a uno Ir a controlar película de prueba en un enemigo para ver tu nueva animación, notarás que la rueda trasera está girando, pero la rueda delantera no lo es. Por lo que tendremos que intercambiar en la rueda animada por la rueda estática. Cierra el veloz en la barra de edición. Haga clic en G T. I para volver al símbolo GT I, haga clic con el botón derecho en la rueda delantera y seleccione el símbolo de intercambio. Haga clic en. Giraremos de la lista y pegaremos. OK, hacer película de prueba de control en enemigo y Voila! Tienes tu animación terminada de un auto con ruedas giratorias. Impresionante. 33. Pinturas de cohetes: en esta lección, Vamos a continuar nuestra exploración de animaciones anidadas. Vamos a tomar este tipo de aburrido animación de cohetes y realmente darle sabor haciendo que esas llamas se muevan, ¿ Ves cuánto mejor es eso? Eso sólo va a llevar unos minutos de trabajo. Echa un vistazo. Por lo que aquí en animate, tengo arranque de llamas de cohetes abierto. Y si sí controlo película de prueba en Animate y eso nos da el archivo rapido con el cohete y una reunión de abajo a arriba y seguro que se vería mejor si esas llamas estuvieran animando. Ahora mismo se ve un poco, Sí, no tan bien. Entonces vamos a hacer es enfocarnos en construir esas llamas. Este archivo ya tiene el clásico Tween en su lugar para mover el cohete. Deberías estar muy cómodo haciendo Interpretes clásicos básicos donde las cosas simplemente se mueven de una posición a otra. Entonces en este ejercicio, sólo nos vamos a centrar en hacer esas llamas. Entonces en mi biblioteca, tenemos el símbolo llamado llamas. Es sólo un dibujo estático de llamas. Tenemos el cohete el cual contiene el cuerpo del cohete y las llamas. Entonces aquí está el cuerpo del cohete. De acuerdo, Sólo la forma básica del cohete. Entonces aquí, voy a entrar en el símbolo del cohete en el doble, haz clic en él y verás que tenemos unas cuantas capas diferentes. Aquí tenemos una capa llamada resaltar. Esa es esa especie blanca de Ah, resplandor ahí, si se quiere, tenemos el cuerpo del cohete, que es esa forma básicamente azul con la nariz y la pequeña plata en la parte inferior. Después tenemos las llamas, y tenemos algunas aletas. De acuerdo, entonces el símbolo del cohete contiene unas cuantas capas diferentes con algunos elementos diferentes. Ahora, para animar estas llamas, verás que ya tenemos un símbolo aquí. Entonces lo voy a seleccionar, clic en él e ir al panel de propiedades y verás que es una instancia de llamas y es un clip de película. Está bien, así que elijo un clip de película porque recuerda, clips de película corren independientemente de la línea de tiempo principal. Eso significa que estas llamas se enrollarán para siempre y no necesitas tener fotogramas dentro del cohete o dentro de la línea de tiempo principal para poder ver esa animación. Ahora, mis amigos aquí son un poco pequeños, así que déjame acercar un poco bien. Y quiero editar el símbolo de las llamas. Entonces déjame solo hacer doble clic en eso. Y ahora estoy en modo de edición de símbolos y estoy editando en su lugar, lo que significa que todavía puedo ver el cohete fantasma en el fondo. El bar de edición me dice que desde la escena uno estoy dentro del cohete y ahora estoy dentro del símbolo de llamas. Voy a acercar un poco cuando hit command plus o puedes hacer control plus en un PC. O simplemente podrías usar este do papá aquí mismo algo de alrededor del 400%. Y quiero mostrarles que dentro del símbolo de la llama, tenemos dos capas, una para naranja y otra para amarillo. Entonces tenemos esta forma vectorial aquí llamada naranja, y luego tenemos amarillo. Ahora todo lo que voy a hacer es crear unos fotogramas adicionales y voy a modificar el tamaño de ambas formas diferentes para que tengamos un poco de como una animación errática de llama . Y voy a dar clic en el escenario de que aquí no se selecciona nada y solo voy a hacer clic en mantener y arrastrar hacia abajo para resaltar ambos cuadros en ambas capas. Voy a golpear F seis para agregar fotogramas clave en ambos fotogramas de ambas capas. Ahora, como hemos hablado desde el primer día, ya que aquí tengo marcos clave, puedo meterme con estas formas sin meterlas en el marco uno. Entonces solo voy a dar la vuelta por la esquina de esto, están en forma aquí. Y cuando obtengo ese corchete angular, eso significa que puedo distorsionar esa forma. Entonces para cada esquina, solo voy a tirar y hacer que las llamas naranjas sean un poco más largas. Entonces voy a ir a la capa amarilla. En realidad no tengo que ir a una capa. Podría simplemente voltear sobre la forma amarilla y hacer lo mismo, Así que sólo voy a tener tipo de partido. No necesito que sea totalmente perfecto ni nada. Se pueden solapar. No necesito tener cantidades iguales naranja alrededor de todo el amarillo. OK, voy a ir al fotograma número cinco y voy a sin fotograma seleccionado aquí, Haga clic en Mantener presionado Arrastrado hacia abajo para seleccionar ambos de esos fotogramas y voy de nuevo golpear F seis para crear fotogramas clave. Yo no hago lo mismo básico. mejor voy a mover este punto aquí abajo. Mueve este por ahí. Mueve este armado hacia abajo. Toma el YEL bajo y bájalo. Este de aquí puede disparar, y éste de aquí puede bajar un poco y empaparse en ese. Entonces solo voy a reventar las ideas de que sólo tenemos algún tipo de movimiento y diferenciación que ocurre entre fotogramas. Um, estoy dejando este espacio entre fotogramas solo para que tu ojo tenga tiempopara realmente, uh, uh, tomar nota de que las cosas están cambiando. De acuerdo, Si fueran enemigos cambiando cada cuadro sin espacio, podría suceder tan rápido que realmente ni siquiera te levantarás demasiado. Entonces voy a ir a enmarcar siete aquí y otra vez dar clic y arrastrar hacia abajo, y luego otra vez, F seis. Entonces este es un buen refresco de algunos de esos conceptos básicos que hemos estado aprendiendo antes. Tengo nuevos fotogramas clave en dos capas, y ahora déjame sacar este naranja de aquí. Este podría llegar a ser realmente largo, éste. No tanto tiempo. Este puede venir aquí y sólo vamos a traer a este tipo. Éste podría bajar. Éste puede subir y otra vez. Yo sólo estoy inventando cosas a medida que voy, y luego quiero poder ver este marco un poco. Entonces voy a hacer clic y arrastrar y mantener pulsado y golpear F cinco para sólo agregar marcos allí. Entonces básicamente, si vuelvo al principio, tenemos dos fotogramas donde es igual y luego voy a enmarcar tres. Cambia marco por su mismo marco. Cinco. Se va a cambiar cuadro seis, y luego se va a quedar el mismo siete. Boom. Entonces lo que puedo hacer en la línea de tiempo aquí es este pequeño botón de aquí. Puedo establecer el dedo del pie loop y luego puedo golpear el play, y en realidad puedo simplemente ver la reproducción de animación. Entonces otra vez, chicos, en cada lección, quiero darles estos pequeños consejos que ustedes saben realmente los van a ayudar. Entonces esa es una animación bastante cool. Yo estoy contento con eso. Déjenme detenerlo. Déjame volver a ver el cohete. ¿ De acuerdo? Ahí tenemos nuestro cohete y volveremos a ver el número uno. Está bien, voy a apagar el looping. Y entonces ahora cuando esté fregando por aquí, te vas a dar cuenta. Bueno, las Llamas no están jugando bien otra vez. Recuerda cuando te dije en la batalla de clips de película de versos gráficos que el, uh, sólo un gráfico avanzaría mientras estoy fregando la línea de tiempo principal, déjame hacer un retorno de comando, que es un atajo para prueba de control película en un enemigo. Entonces iba a hacer comando, retorno o control enter en una PC que va a generar mi archivo swift para mí y comprobarlo . Ahora tengo mis llamas y se ve, ah, 100 veces mejor. Y sólo tardó unos minutos en meterse y al azar solo, ya sabes, arrastrar las cosas y divertirse un poco con él. Entonces ahora tengo un cohete disparando llamas bastante calientes. Está bien. Entonces como normal. A continuación, vas a tener un ejercicio de seguimiento, o te daré las indicaciones rectas y fáciles de seguir. Diviértete 34. Sigue la línea de las llamas: todo bien. Aquí tenemos nuestras llamas de cohetes. Siga las instrucciones. Vamos. Ya verás que tengo llamas de cohetes. Subrayar inicio dot fl un abierto arriba. Si no puedes ver el cohete, no te preocupes, está sentado aquí abajo, y ya tenemos este clásico Tween en su lugar. Vamos a crear una vista previa rápida usando la película de prueba de control en Enemy note que las llamas no están animando y la animación es un poco aburrida. Entonces vamos a cerrar el veloz, ir a la biblioteca y hacer doble clic en el icono de símbolos de Rockets. Doble clic en las llamas en el escenario. Mira la barra de edición y mira que las llamas están en el cohete, que está en la escena uno. Rocket Llamas Visto uno ahora para editar Las llamas iban a ir a mirar hacia abajo en la línea de tiempo, y vamos a añadir algunos fotogramas clave. Haga clic en el marco tres de la capa amarilla, mantenga pulsado el botón del ratón y arrastre directamente hacia abajo para enmarcar tres en la capa naranja y suelte el ratón. tanto que ambos cuadros resaltados aire presione F seis para agregar fotogramas clave a ambas capas. Amplíe para que las llamas sean muy fáciles de ver. Usando vista. Amplíe. Lo haré una vez más. Eso se ve bien. Si las llamas se ponen al aire resaltadas con este patrón punteado, haga clic fuera de las llamas para que sean de seleccionadas. el cursor sobre la primera esquina de la llama naranja hasta que veas el icono del corchete angular. Haga clic y arrastre la esquina en otro lugar y luego mueva todas las esquinas de los marcos naranja y amarillo. Vamos a mover éste de aquí, éste de aquí y éste de aquí. Haremos el amarillo y luego voy a repetir estos pasos para marcos cinco y siete. Voy a dar clic en el marco cinco en la capa naranja, sostener y arrastrar hacia abajo y soltar mientras esos marcos aire resaltados. Golpea F seis. Para agregar fotogramas clave, haga clic fuera del marco en algún lugar para de seleccionarlos y luego mueva las esquinas de nuevo. Haremos lo mismo en marco. Siete. Haga clic en el marco siete en la capa amarilla. Sostenga y arrastre derecho hacia abajo y suelte con ambos cuadros resaltados. Haga clic en el marco seis. Para agregar nuevos marcos clave, haga clic fuera de las llamas para de seleccionarlos y luego mueva las esquinas de la llama donde desee . Con la cabeza de juego en marco. Cinco sin marco seleccionado golpe F cinco puntera agregan marcos en ambas capas. Haga clic en la escena un botón para volver a ver uno y luego hacer control prueba película inanimada para ver su animación final Awesome. 35. Vaca de cohetes: Oigan, ¿qué pasa, amigos? Estoy súper emocionado por esta lección aquí. Tenemos vacas con cohetes en la espalda volando por ahí. De acuerdo, Esta es una de las ideas clave que tenía en mi cabeza cuando creé este curso. No me llevaré a alguien que no tenga ningún conocimiento de animación y que haga tres vacas con cohetes en la espalda con llamas disparadoras. De acuerdo, entonces básicamente estamos ahí ahora mismo, y en este ejercicio, vamos a estar haciendo muchas de las mismas cosas básicas que hemos estado haciendo en otros ejercicios. Pero te voy a mostrar algunos trucos. Te vamos a mostrar cómo acceder a símbolos desde otra biblioteca de archivos, y también vamos a convertir un dedo de animación de línea de tiempo un símbolo animado. Muy bien, esto es realmente importante para mostrarte cómo tomar fotogramas de la línea de tiempo principal y pegarlos en un símbolo para que podamos reutilizar ese símbolo varias veces. Entonces con eso dicho, hagamos volar algunas vacas. Muy bien, Entonces para este ejercicio, tengo arranque de vaca cohete abierto y fuego de cohetes terminado, que es nuestro ejercicio previo donde el cohete se lanzó y tuvo las impresionantes llamas animadas . Bueno, lo que va a hacer ahora es hacer que una vaca vuele a través de la pantalla con un paquete de cohetes. Entonces primero quiero mostrarles que dentro de arranque de vaca cohete, tengo un Onley, un símbolo de vaca en la biblioteca. Yo quiero sacarlo y vamos a ponerlo a la izquierda del escenario. Y voy a salir dedo del pie como marco número 60 y voy a seleccionar marco 60 hit F seis para agregar un marco clave, y voy a arrastrar la vaca hacia la derecha. Ahora bien, si yo sólo arrastrara a la vaca como está, podría moverlo arriba y abajo y por todo el lugar. Pero quiero asegurarme de que lo estoy moviendo en línea recta. Entonces un pequeño truco es si mantengo pulsado turno en arrastre que le constreñe dedo del pie solo arrastrando horizontalmente. Está bien, así que lo va a sacar un poco del escenario aquí y luego haga clic derecho en cualquier lugar entre esos dos fotogramas para crear un clásico Tween. Y vamos a probar que aquí afuera estoy generando el archivo rapido Y ahí tienes. Tenemos a mi vaca volando por el escenario Mu. Ahora creo que nos vemos mucho más fríos Si esta vaca tuviera un paquete de cohetes con llamas animadas, Correcto. Entonces vamos a cerrar eso. Ahora. En este archivo, no tengo un paquete de cohetes con llamas animadas. Está viviendo en este archivo por aquí. Ahora. Podría seleccionar el cohete, copiarlo y pegarlo en mi documento. Pero quiero mostrarte un pequeño truco. Voy a ir dos cohetes arranque de vaca, y quiero que el cohete esté en la vaca. Entonces déjame solo hacer doble clic en el símbolo de la biblioteca que nos va a llevar al modo de edición de símbolos para la vaca. Muy bien, entonces aquí estoy viendo la línea de tiempo del símbolo de la vaca, Estos aire, todas las formas vectoriales que componen la vaca. Ahora, cuando miro la biblioteca, me dice con qué archivó esta biblioteca está asociada. Y esta es la biblioteca de inicio de la vaca cohete. Pero quiero mostrarles que esto también es un menú desplegable, y me permite elegir las bibliotecas de otros archivos abiertos para poder cambiar a las llamas de cohete, Archivos terminados, biblioteca. Y ahí veo el cohete. Entonces vamos a dio es solo señalar una vez más estoy dentro de arranque de vaca Rocket, pero estoy viendo terminada la biblioteca de llamas de cohetes. Entonces solo voy a sacar el cohete de la biblioteca en lugar que al lado de la vaca de aquí. Y luego voy a cambiar de nuevo a la biblioteca de inicio de la vaca cohete y quiero mostrarles ahora que en la biblioteca tengo el cohete. Tengo el cuerpo del cohete y las llamas. Por lo que todos los símbolos que estaban dentro del cohete vienen con él. Está bien. Ahora, en el símbolo de la vaca aquí, sólo voy a girar un poco el cohete y simplemente ponerlo justo en las vacas atrás. Por lo que se ve genial. Está bien, así que está sentado ahí arriba. Entonces ahora mi vaca tiene dentro un cohete. Y si hago doble clic en ese cohete, vamos dentro del modo de edición de símbolo para el cohete, y verás que tenemos nuestro símbolo de llama. Y si hago doble clic en eso, verás que tenemos la secuencia animada que construimos en el último ejercicio. Por lo que en la barra de edición verás dónde dentro de llamas dentro de cohete dentro de la vaca en escena uno. Entonces vuelvo a ver uno. Haremos un comando enter para probar la película. Y ahora qué tenemos? Tenemos una vaca. Bien. Con un paquete de cohetes. Está bien, esto es impresionante. Y esta tonta cosa como esta es exactamente por eso me encanta animar a Sisi. Es realmente fácil de hacer, y me hace reír. Está bien, así que vamos a cerrar esto. Volvamos a ver esta obra de arte. Daremos click en este botón aquí. Perfecto. Ahora, todo esto está bien y bien, pero me acabo de dar cuenta de que me encanta esta animación tanto no sería genial si tuviéramos varias vacas volando por el escenario. Ahora podría crear nuevas capas y copiar y pegar estos marcos en nuevas capas. Pero eso es una especie de arrastre. Lo que quiero hacer es crear un clip de película animada que contenga a la vaca volando de izquierda a derecha. Y voy a poner múltiples instancias de ese símbolo en el escenario. Entonces lo primero que voy a hacer es simplemente alejar un poco mis líneas de tiempo que puedo ver todos estos fotogramas. Entonces, en otras palabras, lo que quiero hacer es tomar esta animación aquí y ponerla dentro de su propio clip de película que luego puedo reutilizar. Muy bien, Así que voy a seleccionar marco un clic y arrastrar para resaltar y seleccionar todos esos marcos al marco número 60. Y voy a hacer click derecho y hacer un corte de marcos. ¿ De acuerdo? Y así ahora esos marcos se han ido, y no vemos nada en esta capa. Está bien. Tan solo un marco de llave en blanco. Entonces ahora lo voy a hacer es ir a insertar nuevo símbolo, y lo voy a llamar Tao volar y golpear, OK, y luego verás que tenemos este tipo de escenario en blanco. Muy bien, tenemos un marco de manta aquí, y no hay nada dentro del símbolo volador de vaca. Sólo voy a hacer clic derecho y hacer un pegar marcos. Y así ahora, dentro de ese símbolo, tenemos a la vaca volando con la manada de cohetes. Voy a volver a ver el número uno. Voy a alejarme un poco golpeando mando menos. Volvamos al cuadro número uno aquí. ¿ Todo bien? Y es una vaca volando. Colócala en el escenario y quiero mostrarte eso. Ahora bien, si hago un comando volver a probar esta película, ahí vamos. Ahí está la vaca volando con la manada de cohetes. En realidad me lo voy a llevar. Voy a rotarlo un poco, y voy a hacer un comando C comando V, que es una copia y pega para hacer otra copia en el Mac. También puedes hacer un arrastre de opción. Y me voy a llevar este aquí. Simplemente bácalo hacia abajo, hazlo un poco más pequeño. Tomaremos este aquí, escalarlos hacia abajo. Vienen un poco más pequeños. Ponlo aquí arriba. Ya sabes, tal vez mover las cosas solo un poquito. Está bien, Así que aquí está la idea general. Tengo múltiples vacas con paquetes de cohetes en un fotograma de mi línea de tiempo. La próxima vez que pruebo, echa un vistazo. Cierto. Impresionante. Tenemos un ejército de vacas voladoras con paquetes de cohetes. ¿ Qué tan impresionante es eso? Y como siempre, continuación, vamos a tener el video de seguimiento junto con todas las instrucciones, paso a paso, etiquetadas en pantalla, como yo las hago. Por lo que es súper fácil para ti hacer esto. Echa un vistazo 36. Sigue el culo de la vaca: Muy bien, amigos. Tiempo para otro video de seguimiento. Hagamos volar a estas vacas. Tengo instrucciones escritas y, por supuesto, en este video vamos a tener todas las instrucciones en pantalla, como hago cada paso. Encender enemigo y vamos. Muy bien, importante señalar que antes de que empecemos, sí tenemos arranque de vaca cohete abierto y también las llamas de cohetes terminadas. De acuerdo, estaremos empezando, aunque con becerros cohetes. Inicio. Vámonos. Paso uno. Acude al panel de la biblioteca y arrastró la vaca a la izquierda del escenario. Entonces me mudé aquí y hago uno de esos. Haga clic en Frame 60 y golpee F six para agregar un nuevo marco clave, tiró de turno hacia abajo y arrastró a la vaca fuera del escenario hacia la derecha. Haga clic derecho en cualquier lugar entre los fotogramas uno y 60 y seleccione. Crear clásico Tween do control prueba película en anime para ver una rápida vista previa. Impresionante y luego ciérralo. Cuando haya terminado, haga doble clic en el símbolo de vaca en la biblioteca para entrar en el modo Editar símbolo. Aviso. Ahora estoy en símbolo Editar modo de la vaca. Usa los paneles de la biblioteca caídos, luego para cambiar a las llamas de los cohetes terminados. F l Una biblioteca arrastró el símbolo de los cohetes al escenario en cualquier lugar junto a la vaca. Usa el menú desplegable para volver a la vaca cohete Inicio F L A. Usa la herramienta de transformación libre para girar y colocar el cohete en la vaca que se ve bastante bien. Haga clic en la escena un botón en la barra de edición para volver a ver uno. Hacer una película de prueba de control inanimada. Para ver la animación Impresionante vaca voladora con cohetes, cierra el veloz Cuando termines a continuación, convertiré la animación de la línea de tiempo en un símbolo de clips de película. Haga clic en el marco uno. Sostenga el botón del ratón hacia abajo y arrastre a la derecha para seleccionar los fotogramas del uno al 60 y suelte el ratón. Cuando se haga con la derecha, haga clic en cualquier lugar del marco seleccionado. Cuadros de corte extendidos y selectos. Ir a insertar nuevo símbolo. Dale al símbolo el nombre de vaca dash flying. Asegúrate de que sea un clip de película y dale OK, correcto. Haga clic en enmarcar uno del símbolo volador de vaca y seleccione pegar marcos. Haga clic en la escena un botón en la barra de edición para volver a ver uno. Haga clic en el botón central del escenario, si es necesario, para centrar su escenario arrastre el símbolo volador de vaca desde la biblioteca y colóquelo a la izquierda del escenario. Usa la herramienta de transformación libre para rotarla un poco más. Prueba el veloz usando la película de prueba de control en animate, Awesome y luego ciérrala. Cuando hayas terminado, haz clic en la vaca para asegurarte de que esté seleccionada y haz copia de edición y luego en ella, ritmo en el centro. Toma la vaca copiada, bájala un poco. Ponlo en cualquier lugar que quieras. Fuera del escenario. Vuelve a probar la película haciendo control prueba película en animate cowabunga! Múltiples vacas con paquetes de cohetes volando por el escenario. A partir de este punto, podrías hacer muchas vacas como quieras. Un pequeño consejo rápido es la opción hold down en el Mac o Ault en el PC y hacer un drag, hacer una película de prueba de control en anime, y ahora tienes tres vacas volando por el escenario. Se puede notar que esta vaca de aquí desaparece antes de que llegue al final. Está bien, bueno, la razón de eso es porque no está volando lo suficientemente lejos. Entonces una forma de arreglar eso es que puedes hacer doble clic en la vaca para editarla y en marco. 60. Simplemente muévala. Escenario suficiente para que se vaya a sacar todo el camino. Y luego se puede hacer una película de prueba de control inanimado de nuevo. Y ya verás que se va todo el camino fuera del escenario. Está bien, Ahí tienes. Disfrutar. 37. Fusión vs objeto: Muy bien, amigos. ¿ Adivina qué? Soy yo otra vez. Sí. No te dejé. Todavía estoy aquí. Por lo que hoy tenemos nuestra primera lección de dibujo. Y antes de entrar en cómo funcionan las diferentes herramientas, necesito explicar los dos modos de dibujo diferentes de enemigo. Muy bien, tenemos modo de fusión, y tenemos modo de dibujo de objetos. Y dependiendo del modo que hayas seleccionado, puedes obtener resultados muy diferentes al empezar a solapar formas de diferente o del mismo color. Entonces es realmente importante. Y en realidad es realmente genial porque quizá prefieras una moto de la otra. Y quiero mostrarles primero los pros y los contras de cada uno. Vámonos. Está bien. Por lo que la primera regla importante del modo de dibujo de fusión es que los objetos superpuestos del mismo color en la misma capa se fusionarán juntos. Déjame mostrarte cómo funciona eso. Entonces voy a tomar mi herramienta ovalada y dibujar un círculo naranja y en la misma capa, voy a dibujar otro círculo naranja. Bueno, no se superponen, así que son objetos totalmente, completamente independientes. No obstante, si tomo este aquí y lo muevo dedo del pie, solapar ese mientras aún está resaltado Aiken sigue haciendo algo así lo que quiero y lo muevo por separado. No obstante, una vez que está de seleccionado, Flash hace algo de magia y esos dos objetos se fusionaron juntos, por lo que los objetos del mismo color en la misma capa cuando se superponen, se fusionarán. A continuación, quiero mostrarles cómo en modo de dibujo fusionar objetos de diferentes colores en una misma capa se cortarán entre sí. Está bien, entonces déjame deshacerme de esa cosa y déjame dibujar otro círculo naranja. Y luego voy a elegir otro color y voy a dibujar otro círculo naranja así. He dicho esto un par de veces que no soy realmente un diseñador, pero me da la sensación de que gran empresa de tarjetas de crédito realmente podría usar algo como esto como su logotipo. En fin, ahora que estas dos formas se superponen, si selecciono esta, corté en esa. Y ahora algunas personas que vienen de como un fondo ilustrador se asustan cuando experimentan esto por primera vez, y ya sabes, me gusta mucho porque te permite dibujar algunas formas que son un poco complejas , sin hacer ningún trabajo realmente difícil con la herramienta de pluma. Ahora la tercera regla del modo de fusión es ese trazo y llena nuestros objetos separados. Permítanme ilustrar esto muy rápidamente. Voy a darle a mi trazo un color de negro. Y ahora cuando dibuje un óvalo, verás que es un círculo naranja con un trazo negro. Si utilizo mi herramienta de selección para hacer click en ella, notarás que el Phil se resalta y en el panel Propiedades, entonces puedo cambiar ese color de filtro si quiero. Pero también puedo tomar ese Phil y quitarlo de un derrame cerebral otra vez. Gente de ilustrador se asustan por esto, pero también es bastante genial saber que puedes hacer esto. Voy a seleccionar todo y eliminarlo y dejarme simplemente dibujar un rectángulo ahora y mostrarles que puedo seleccionar lados individuales de un rectángulo y sacarlos. Y otra vez. Ya sabes, gente ilustradora se va Teoh se vuelve bastante loca. Pero de nuevo, todas estas cosas son en realidad características bastante geniales. Entonces el hecho de que trazos y llene nuestro separado nos lleva a nuestra siguiente regla, y es que los trazos se pueden usar para cortar rellenos. ¿ Qué significa eso? Bueno, veamos. Déjame seleccionar todo y deshacerme de todo, y voy a volver a usar mi herramienta ovalada. Y voy a dibujar un círculo para poder seleccionar el trazo por separado y otra vez en el panel de propiedades. Podría cambiar su grosor, su estilo bla, bla, bla. Pero quiero mostrarles que luego puedo moverlo. Y entonces ahora puedo cortar esto en dos formas separadas. Ah, ¿cómo lo haces? Ya sabes, Así que esto piensa en los trazos como que actúan literalmente como un cuchillo, si se quiere, está bien. Y va a ser bastante guay por una serie de razones. Entonces déjame ir y dibujar otro círculo. Podría hacer algo así como seleccionar todo el círculo. Ya sabes, acabamos de saltar a mi panel de línea. Esto es algo que he hecho 1000 veces y centro ese círculo perfectamente. Y luego podría tomar una línea y arrastrarla, dibujarla así, y de nuevo puedo seleccionarla. Y luego si uso mi panel de alineación, puedo Boehm la derecha a la mitad del escenario. Y entonces ahora puedo hacer un círculo de dos tonos con diferentes colores. Podemos hacerlo un poco más brillante arriba si quieres. Baba. Y así ahora tengo un perfecto círculo de dos tonos, y puedo deshacerme de todas estas cosas alrededor del borde y hacer un poco de eso y muy bonito. Entonces usé un trazo ahí para cortar en un relleno en la lección futura. Ya veré cómo dibujé este lindo pequeño sea solo usando las características del modo de dibujo de fusión. Pero antes contra algo así. Hablemos de cómo funciona el modo de dibujo de objetos un modo de dibujo de objetos. Los objetos no se destruyen entre sí ni se fusionan y los rellenos y trazos se agrupan entre sí. Déjame ilustrar en el escenario aquí tengo un cuadrado que se dibujó con modo de fusión para poder seleccionar el Phil y el trazo por separado. Déjame ir a mi herramienta de rectángulo y la diferencia entre dibujar algo modo emerge y modo de dibujo de objetos es este pequeño icono de aquí abajo, este botón para el dibujo de objetos. Voy a presionarlo para encender el dibujo de objeto, y luego ahora la próxima vez que dibuje un rectángulo o cuadrado, se va a ver más o menos la escena. Pero cuando hago clic en él, note que tiene esta frontera alrededor de aquí. De acuerdo, Cuando voy al panel de propiedades, me dice que es un objeto de dibujo. Cuando hago clic en este de aquí, eso es sólo una forma. He seleccionado el relleno. Puedo seleccionar la forma de ese trazo, pero éste de aquí es un objeto de dibujo. Entonces solo voy a cambiar el color de ese objeto de dibujo con su electo, puedo cambiar su color de relleno, y también puedo cambiar su color de trazo a la vez. Entonces fue hacer que fuera un estúpido morado, y puedo, ya sabes, dibujar otro justo al lado. Y estas cosas pueden superponerse tanto como quieran, y nunca van a destruirse entre sí ni a fusionarse. No puedo quitarle el trazo a éste y moverlo a otro lugar. OK, recuerda, con el modo de fusión, podría quitarme un trazo, y podría usarlo para cortar pero un objeto dibujando modo el trazo y llenar juntos nuestros grupos , y no destruirse unos a otros. Algo que es genial del modo de dibujo de objetos es que a pesar de que no puedo quitarle el trazo al Phil. Si me vuelvo, todavía puedo deformar esos trazos igual que lo haría en la versión de humor Merge. Es como dije antes, soy un gran fan emerge humor. Pero ambos modos diferentes tienen sus fortalezas y debilidades. Simplemente tienes que usar el adecuado para el trabajo correcto y elegir el con el que te sientes cómodo . Esperemos que ahora entiendas las diferencias clave y sabrás qué hacer si alguna vez cambias inadvertidamente al otro modo, y eso puede suceder solo golpeando al Jakey. 38. Dibujar la línea de relleno: todo bien. En primer lugar, te voy a mostrar un poco sobre solo golpes y rellenos. Está bien, El Phil va a ser la parte sólida de un objeto. Cuando haga clic en este azul de aquí, notarás que se resalta en este patrón de matriz de puntos. El panel Propiedades me dice una forma, y donde quiera que veas este icono de cubo de pintura, eso significa que se refiere al color de relleno. Te darás cuenta de que puedo dar click en esta muestra de aquí, y puedo cambiar ese color a este verde. Si voy al panel de herramientas, también verás que ahí tenemos ese color de relleno, y puedo cambiar eso. Rellena el color de aquí también y hazlo morado. Está bien. Este objeto también tiene un trazo. Si hago clic en el trazo, va a seleccionar un segmento del mismo. De acuerdo, así que ese es sólo el segmento superior. Si hago doble clic, sin embargo, eso me va a dar todo el trazo. Y de nuevo, puedo ir al panel Propiedades y ver el color de ese trazo, y puedo cambiarlo para leer si quiero. Puedo cambiar el grosor de ese trazo si quiero y puedo diesel ect. Y luego si voy al panel de herramientas, me va a mostrar el último color de trazo seleccionado y el color de relleno menos seleccionado ahora mismo. Y ni el trazo ni el Phil son seleccionados porque he clicado. Entonces si cambio el color del trazo aquí para que sea, no conozco Azul. No va a cambiar ese objeto porque ese trazo no fue seleccionado. No obstante, esto cambiará el trazo del siguiente objeto que creo. Entonces si usé la herramienta de línea ahora, va a ser una línea azul. Déjame sólo seleccionar eso y deshacerme de él. Algo más. Yo quiero mostrarte sobre trazos. Cuando les vuelvas encima, vas a conseguir ese pequeño arco junto al cursor, y eso significa que convención ese segmento. De acuerdo, así que voy a dar la vuelta, clic y arrastrar el segmento. Si voy por encima de una esquina, notarás que consigo este pequeño icono de ángulo junto a mi cursor, y luego puedo mover ese punto de esquina alrededor, y puedo hacer eso a cualquiera de estas esquinas de estos objetos. En uno de estos óvalos aquí puedo doblarlo, doblarlo para que puedas conseguir algunas técnicas de dibujo bastante cool manejadas con solo morfar este tipo de formas primitivas, como te mostré en el video anterior. Cuando dibujas cosas modo emerge, puedes seleccionar el relleno y quitarlo del trazo. Déjame deshacer eso, y puedes seleccionar los trazos y arrastrarlos lejos del relleno. Definitivamente mira ese video en modo de fusión versus modo de dibujo de objetos para que entiendas plenamente esos dos modos. Ahora mismo, todo lo que estoy haciendo va a estar en modo de fusión, por lo que los trazos y rellenos serán separados. Siguiente. Hablemos de muestreo de rellenos y trazos usando la herramienta de cubo de pintura y la herramienta de botella de tinta justo por aquí tenemos la herramienta de cubo de pintura, y lo que eso va a dio es tomar el color de relleno existente y aplicar 20 relleno que hacemos click el. Entonces vamos a cambiar el color a tal vez este verde y voy a dar clic en este Phil aquí y ahora eso hace que ese azul verde. Podría hacerle lo mismo a este tipo de círculo de salmón aquí abajo. Ahora supongamos que me encanta absolutamente este morado aquí mismo. Y quiero aplicar este Phil morado a este cuadrado azul de aquí arriba. Bueno, para eso, voy a ir a la herramienta cuentagotas. El atajo para eso es ojo, que es agradable saber y ver qué le pasa a mi cursor en cuanto hago clic. Está bien, estoy justo en el centro de ese círculo morado, y voy a dar clic, Y luego mi cursor, es el que está sobre la herramienta de cubo rosa. Y ya verás ahora que puedo hacer click en ese rectángulo ahí mismo y hacerlo morado. Entonces algo que me encanta hacer es solo hacer click en la tecla I para conseguir el cuentagotas. Entonces vamos a probar eso, Phil, y ahora aplicarlo a eso. Phil. Muy bien, así que realmente agradable. A continuación, hablemos de usar la herramienta de botella de tinta en el cambio de trazos. Muy bien, así que digamos que quiero ponerle un trazo azul a algunas cosas. Bueno, yo podría primero, ya sabes, asegurarme de tener un color azul como el trazo, que ya hago. Entonces déjame solo hacer esa naranja. De acuerdo, entonces puedo ir a la herramienta de botella de tinta aquí mismo. Y ahora, si hago clic en un trazo, lo va a hacer esa naranja, que es muy difícil de ver junto a ese rojo. Entonces déjame solo hacer este aquí cuando también te darás cuenta de que solo es un píxel. O en realidad, son 10.10 píxeles. Entonces permítanme simplemente cambiar el tamaño de trazos en el panel de propiedades para que sea cuatro. ¿ Todo bien? Y así ahora lo puedo aplicar aquí, y tal vez puedas ver eso un poco mejor, y puedo aplicarlo ahí. Entonces ahora cada vez que haga clic en un trazo, va a tener esas propiedades. Ahora, puede que noten que este trazo aquí está disgustado. Está bien. ¿ Y si quiero un trazo punteado negro en este círculo aquí? Bueno, similar a cómo muestreamos el color de relleno. Voy a golpear I Eso me va a llevar a mi herramienta cuentagotas. Voy a dar click en ese trazo. Y luego ahora echa un vistazo al panel de propiedades me dice que tengo un trazo negro y el estilo es discontinua. Entonces ahora puedo hacer clic en este aquí, y puedo aplicar ese trazo dos objetos diferentes. Por lo que de nuevo, haces click en yo para conseguir el cuentagotas. Voy a seleccionar ese trazo naranja, y automáticamente cambia a la herramienta de botella de tinta. Y puedo dar click en este aquí. ¿ Dónde estás? Ahí vas. Y esa de ahí. Por lo que es realmente genial poder probar trazos y rellenos existentes de objetos que ya has dibujado y luego aplicarlos a otros objetos. A continuación, te mostraré cómo usar la herramienta de línea y crear trazos con diferentes estilos. Está bien, déjame aclarar un poco las cosas. Puedo hacer una edición, seleccionar todo o comando A o controlar A en el PC y luego simplemente eliminar hueso. Está bien, Y entonces ahora déjame ir a mi línea, herramienta, y sólo voy a dibujar una línea. Está bien, así que solo tienes que hacer clic y arrastrar para dibujar líneas. Bastante sencillo. Déjame sólo mandar un eliminarlos y voy a mantener pulsado turno para mostrarles que Aiken constreñe el eje. Entonces esa va a ser una línea horizontal. Si mantengo pulsado turno y arrastrado hacia abajo, puedo conseguir una línea recta hacia abajo. O si me detengo, podemos chasquear a 45 grados incrementos su rotación. Entonces solo voy a dibujar unas cuantas líneas diferentes con las que vamos a experimentar. Y quiero mostrarles que una vez que tenga una línea dibujada, puedo ir a mi herramienta de selección. Y de nuevo, puedo cambiar un poco esa línea y puedo doblarla y puedo ir hasta el final y puedo moverla por ahí. ¿ Todo bien? Por lo que todo es bastante comestible en animate aquí. Lo que quiero hacer es dar click en esta línea e ir al panel de propiedades. Déjame hacerlo realmente negro para que sea más fácil de ver. Y de hecho, voy a seleccionar todas estas líneas aquí y hacerlas negras. Debí haber hecho eso desde el principio. Está bien, así que hablemos de un estilo de línea diferente. Entonces déjame solo seleccionar esa línea de ahí y aquí tenemos el estilo, y yo sólo voy a pasar por algunos de ellos aquí. Vamos a ir a una línea discontinua, y ahora verás que es una línea de bast. Está bien, ahí hay guiones. Pero supongamos que no me gusta la longitud del guión ni el espaciado entre el guión. Pues bien, con esa línea seleccionada, puedo hacer clic en esta herramienta de lápiz aquí para editar el estilo de trazo. Y entonces ahora me puede dejar establecer el ancho del guión está bien. Entonces los voy a dejar a las seis. Pero voy a cambiar el espaciado a 12 y luego me dan un pequeño adelanto aquí y se puede ver que ahora están espaciados más lejos. Déjame solo hacer, como, 24 hit, OK, Y entonces ahora tengo mi línea discontinua. Ahora bien, aunque parece que hay brechas reales en esta línea, si la vuelvo incluso en un aviso de brecha, obtengo esa curva junto a mi cursor. Y eso significa que todavía puedo doblarme y seleccionar esa línea si quiero. Si no estoy contento con eso, puedo hacer click en él para seleccionarlo. Y podría volver al estilo e incluso puedo cambiar el grosor desde aquí. Pero puedo cambiar el espaciado. Y Aiken frota esos a los 2 40 y podría hacer los guiones más largos si quiero y golpeo. OK, Y ahora tengo guiones más largos y espacio más largo. Entonces eso es solo asegurarte que puedo cambiar el estilo y el grosor y el color después del hecho. Entonces esa es una línea discontinua. Déjame seleccionar este de aquí porque es bonito y largo, y voy a ir por el estilo de punteado. Y de nuevo, ahora tenemos puntos aquí. Y si hago clic en para editar, podemos cambiar el espaciado. Entonces, Aiken, espacia esos puntos hacia fuera. Si quiero que los puntos sean más gruesos o más grandes, daría clic en esa línea y o cambiaría el trazo para hacerlos más grandes. O si vuelvo al botón de edición ahí, podemos cambiarlo aquí. Por lo que el grosor del trazo va a dictar el tamaño de esos puntos reales. Entonces son más pequeños. Déjame que lo haga bastante grande. Entonces es sólo espolón. Ahí vamos. Y eso me gusta. El siguiente que te quiero mostrar va a ser el punteado, que es eso de Ragin un poco desagradable. Voy a ir a punteado, y ahora verás que es casi como un poco de efecto de pintura en aerosol ahí. Voy a acercar un poco esa cosa, así que voy a cambiar el grosor del trazo a 23 esta noche tomado mejor, ver qué es. Déjenme dar click en él. Y hay algunas cosas diferentes que puedo editar. Ahora por este estilo de trazo, puedo cambiar el tamaño del punto y puedo ir demasiado grande Eso los va a poner más cerca . Y podría hacerlo todo tamaño uniforme y golpear, OK, y entonces ahora todos los puntos son del mismo tamaño. Pero déjame volver a editar. Y voy a decir que va a haber tamaños aleatorios y podemos cambiar la densidad para sea muy escasa, lo que significa que vamos a ver menos de ellos y déjame simplemente, es eso y vamos a ir a muy denso. Y entonces ahora vas a tener muchos más de ellos. Por lo que muchas maneras diferentes de variar ese efecto. Y como hemos estado cambiando el trazo aquí, si selecciono cualquier otra herramienta que crea un trazo como la herramienta lápiz de la que vamos a hablar a continuación, voy a dibujar entonces en ese estilo exacto que he puesto ahí. Si voy a volver a crear un óvalo, va a usar ese trazo en él. Déjame deshacer eso. Y ahora sólo vamos a seleccionar el último trazo aquí, y vamos a cambiar el estilo para que sea lo que tenemos aquí. Escascarado. Está bien. Y ahora verás que tenemos estas muy pequeñas líneas de escotilla y de verdad ayudaría si fuera a volar eso un poco. Entonces ahora los estoy haciendo más grandes. Voy a seleccionar eso. Y ahora con el menú de edición, tenemos todas estas diferentes opciones. De acuerdo, así que esa es una línea recta. Pero lo que podemos dio es rotarlas ligeramente, y luego obtienes ese tipo de efecto. Entonces si quieres dibujar pasto, tal vez eso te funcione. Um, podemos cambiar la rotación alrededor a libre, y luego se va a poner realmente algo raro. Um y también podríamos cambiar eso rotar hacia abajo a quiero decir ninguno. Y luego voy a hacer el espacio va a estar muy cerca. Y el jiggle va a ser salvaje y golpea OK, Y luego te dan algo así. Y la próxima vez que use la herramienta lápiz en cajón, vas a ver eso. ¿ Qué obtenemos? Whoa, todas estas líneas diferentes. Hay diferentes variaciones en el lugar, hombre a Todos son una especie de alturas diferentes, y todos están revueltos mucho juntos. Entonces, como viste, hay muchas configuraciones diferentes para esta línea hash y todos los demás estilos de líneas. Entonces lo que voy a hacer es tomarme un pequeño descanso ahora, y te animaría a abrir, animar y dibujar algunas líneas y jugar tú mismo con estos diferentes ajustes. En el siguiente video, te mostraré cómo usar la herramienta lápiz, pincel y pincel, para que estés ahí. 39. Dibujo un pincel lápiz con pincel: Está bien. Entonces vamos a seguir más o menos nuestra conferencia desde la primera parte, y nos vamos a centrar en la herramienta de lápiz, la herramienta de pincel y la herramienta de pincel de pintura. Todas estas herramientas son muy diferentes. Y les voy a mostrar algunas de las características que pueden no ser tan intuitivas. Así que siéntate, relájate y aprende un poco sobre estas nuevas herramientas de dibujo. Está bien, así que déjame empezar usando la herramienta de lápiz. Voy a ir al panel de herramientas aquí y hacer clic en la herramienta lápiz, y la herramienta lápiz va a crear trazos para nosotros. Por lo que aquí el color del trazo se establece en negro. El panel de propiedades me está diciendo que es negro. Me está diciendo el trazo con este set a cuatro, el estilo va a ser una línea sólida, y eso es todo lo que necesitamos saber. Por ahora, la herramienta lápiz es genial. Siempre que quieras hacer algún tipo de forma libre, tal vez algo así como algunas colinas aquí y lo que quiero hacer. Este enfoque se centra en las características que no necesariamente son tan intuitivas. Y eso puede meterte en problemas. Por lo que pueden notar que después de que estoy dibujando eso En este momento, esa forma tiene unos cuantos tipos de torceduras de aire, muescas extrañas en ella. Pero cuando suelto, se suaviza un poco, bien, y eso es bastante bonito ahora. Lo que no es tan obvio es que cuando se selecciona la herramienta lápiz, tienes estos diferentes modos de lápiz aquí abajo, y en este momento el modo lápiz está configurado para suavizar. Entonces después de que termine de dibujar este reloj, verás que el tipo de forma cambia y animate hace un trabajo genial de suavizar esas formas. Sólo voy a dar clic en el marco clave aquí para seleccionar todo y deshacerme de él. Aquí hay otro modo de suavizado para enderezar, y para esto, si dibujo algo más como montañas, mira lo que pasa cuando suelto. Me va a dar líneas más rectas. Está bien, se va a deshacer de algunas de las curvas ahí. Cuando se selecciona Aderezar, Animate también tiene reconocimiento de forma. Entonces déjame dibujar algo que se parezca a un cuadrado, y luego, boom, se convierte en un cuadrado. Dibujo algo que es como un círculo, y se convierte en un óvalo. Ahí. Dibujo algo que es como un triángulo, y lo pone bastante cerca de un triángulo. Si vas a animar preferencias CC, lo que puedes hacer es ir al dibujo. Y luego están todos estos ajustes diferentes. Pero aquí hay reconocer formas, y lo que se puede dio es modificar lo estricto o tolerante que es ese ajuste. Y luego tienes otras opciones para suavizar curvas y reconocer líneas. Entonces lo que hago es sugerir que solo juegues con estos ajustes diferentes, y va a tardar un poco en conseguir las herramientas para que se desempeñen de la manera que quieras. También tenemos un modo de tinta, lo que significa que después de que termines, dibujo anima más o menos va a honrar las formas que dibujaste. Habrá un poco de suavizado moderado, pero no demasiado sobre las propiedades del lápiz. Te darás cuenta de que en realidad hay suavizado aquí está bien para que puedas ajustar eso dentro del panel para dejarme seleccionar todo y elite. Entonces tenemos esos tres modos de suavizado, que son muy importantes porque, ya sabes, si te has enderezado y vas a dibujar algo como tu firma y luego de repente se convierte en que vas a ser bastante horrorizada. Por lo que siempre presta atención a qué modo de suavizado que estás usando. Ahora voy a volver a deshacerme de esas cosas. Déjame entrar en suave y digamos que dibujo algo así como una nube y ya sabes, eso no es tan grande. Todavía hay algunos giros y cosas raras. Lo que es genial de animate es que puedes suavizar las cosas después del hecho. Entonces voy a ir a mi herramienta de selección y hacer doble clic en ese trazo para seleccionar todo el asunto. Si acerco zoom, whoops, déjame usar la herramienta de mano. Verás que ese trazo realmente está seleccionado ahí. Entonces déjame mandar menos para alejar. Y ahora tengo esta opción aquí para suavizar aún más esa forma. Entonces lo que va a pasar es cada vez que toque ese botón, va a estar quitando puntos. Voy a conseguir una nube mucho más suave, de mejor aspecto. Está bien, entonces eso en realidad no está tan mal ahí, ¿eh? Y de igual manera, si estuvieras dibujando algo que tal vez quisieras parecerte más, ya sabes, montañas o lo que sea, y tal vez tuvieras algunas curvas ahí dentro, déjame Ah, selecciona esta pieza aquí mismo. Puedo hacer click en el botón de enderezar aquí mismo, y eso lo va a enderezar. Creo que puede haber alguna especie de torcedura rara aquí, así que déjame seleccionar este segmento, y voy a dar clic en el botón enderezar y luego ver ese boom. Entonces es bastante genial que lo sepas, no tienes que ser los mejores artistas con la mano más gentil. Um, después del hecho, puedes usar algunos de estos trucos aquí para, ah, limpiar bastante tus ovejas. Por lo tanto, recuerda cuando se selecciona la herramienta lápiz, puedes seleccionar tu modo de lápiz antes de empezar a dibujar. Y si quieres cambiar cosas alrededor, puedes seleccionar tus segmentos, y luego tienes las opciones suaves y enderezadas para hacer algún tipo de afinación fina al final . Por lo que a continuación quiero hablar de la herramienta de pincel y sus diversos modos de pincel, que son muy importantes porque hacen que la herramienta de pincel actúe de manera muy diferente. Entonces justo debajo del lápiz tenemos la herramienta de pincel que no debe confundirse con la herramienta de pincel , que hablaré a continuación, pero por ahora, nos ocuparemos de la herramienta de pincel, que nos va a dar una forma de pintar rellenos. Entonces nuestro color Phil Vamos a hacer este rojo justo aquí y verás que tengo un contorno con mi cursor está mostrando el tamaño real del pincel. Entonces aquí he pintado un relleno, y en cuanto a las opciones de pincel van en el panel de propiedades, puedes cambiar tu color caído. Por aquí. Ninguna de estas opciones aplica, pero aquí abajo para opciones de pincel, puedes tener ya sea un cepillo redondo o puedes tener un óvalo o cuadrado tan muy especie de ah, formas primitivas que puedes usar como pinceles. Aquí puedes cambiar el tamaño del pincel, por lo que usaremos un pincel mucho más pequeño como 30. Por lo que en realidad es una manera interesante de simplemente dibujar cuadrado si es necesario. Cuando aquí se selecciona el tamaño de zoom con escenario, dice que el tamaño del pincel se escala a medida que acercas y sales del escenario. Entonces en este momento el tamaño de mi pincel es de 33 píxeles. Entonces si hago zoom todo el camino hacia abajo un poco usando comando menos la próxima vez que haga clic y haga clic, voy a conseguir una caja que fuera del mismo tamaño que si el escenario es o no más grande. Ahora, si apago eso, mira lo que pasa cuando me alejo. Ya verás que la caja que dibuja es mucho más grande. De acuerdo, porque el pincel no está cambiando de tamaño a medida que el escenario se escala a medida que vuelvo a acercar comando plus o control. Además, verás que ahí está dibujando casitas. Pero si me alejo a otro grado, va a dibujar un cuadrado de diferente tamaño. Por lo que es una opción genial tenerla y usarla como le parezca conveniente. Entonces desde el panel Propiedades, básicamente tienes que cambiar el color, la forma del pincel, si quieres, y luego el tamaño y las opciones de zoom. Entonces déjame solo hacer clic en el marco aquí y luego eliminar todo ese lío. Ahora todo eso es bastante intuitivo. Y supongo que antes de pasar a la siguiente parte, solo quiero mostrarte que como estás dibujando con un relleno que puedes ponerle un trazo ese Phil, déjame primero conseguir la herramienta de selección y solo mostrarte que ya que está arriba, llénate consorte de sabes, Morphin muta sus bordes exteriores. Cuando selecciono eso, Phil. Entonces podría ir por aquí y suavizarlo, igual que hice con cosas que dibujé con una herramienta de lápiz. Está bien, solo está alisando la forma del vector ahí, justo ahí. Pero lo que quiero mostrarles es que como es un relleno, también se le puede aplicar un trazo después del hecho. Ahora bien, ¿cómo aplicamos un derrame cerebral a un Phil? Bueno, volvemos a la última lección para recordar. Contamos con la herramienta de botella de tinta para que pueda dar click en la herramienta de botella de tinta y dar click en el exterior . Y luego puse un relleno alrededor de eso. Siento haber puesto un trazo alrededor de ese relleno que acabo de dibujar. Déjame seleccionar todo y eliminar. Y así una vez más, condono dibujar con el pincel. Y luego si usé la herramienta de botella de tinta, puedo ponerle un trazo. Está bien, así que sólo cosas que debes saber Ahora. Lo que es realmente importante de la herramienta de pincel está oculto en el panel de herramientas. Entonces déjame volver a hacer clic en el pincel, y aquí abajo tenemos lo que se llama el modo pincel y tenemos pintura normal, que es lo que quieres. Tenemos rellenos de pintura, tenemos pintura detrás. Tenemos selección de pintura y tenemos pintura de costado. Muy bien, Entonces lo que voy a hacer es simplemente ilustrar estos para ti muy rápidamente. Entonces pintar normal. Nosotros lo sabemos. Y ya que eso es lo que hemos estado haciendo, usa el pincel y dejas una marca atrás donde estabas. Y como estamos en modo emerge, rellenos del mismo color se van a fusionar de nuevo. Tuvimos una gran lección sobre cómo funciona el modo de fusión. No obstante, vamos a entrar en estos diferentes ajustes de pincel aquí. Y así aquí vamos a tener rellenos de pintura. Está bien. Lo que eso significa es que no vamos a pintar trazos. Entonces para ilustrar eso, déjame usar la herramienta de botella de tinta y poner aquí algunos trazos en esta forma. De acuerdo, así que ahora cuando tenemos nuestro modo de pincel configurado para pintar normal, si cambié el color de mi pincel a azul y hago algo como esto, noten que corta a través de todos los trazos y los Phils y todo es ya sabes, por todas partes que dibujé con mi pincel ahora es azul. Bueno, déjame cambiar a rellenos de pintura. Y ahora si me cruzo así, mira lo que pasa. No se destruyen los golpes. Los trazos siguen siendo negros. El siguiente modo que te voy a mostrar es pintar detrás. Está bien, así que esto es interesante. Voy a poner una línea por aquí y luego notar que la nueva pintura azul fue detrás del relleno rojo en el trazo negro. De acuerdo, No lo destruyó. Entonces esta es una de esas cosas donde si ese modo está encendido y no lo estás al tanto, puede que tengas mucha curiosidad en cuanto a por qué se va ese trazo? Bueno, eso es por el modo diferente que tienes aquí. Ahora tenemos selección de pintura. ¿ De acuerdo? Y así déjame mostrarte cómo funciona eso. Voy a ir a la realidad, voy a encender eso. Pero primero, realmente tengo que tener algo seleccionado. Esto es un poco desorden, así que déjame borrarlo todo y déjame dibujar. Déjame ver unas cuantas formas aquí. Está bien. Apenas unos cuantos círculos. Déjame cambiar mi color de relleno aquí sin nada seleccionado irá a este verde aquí y luego voy a seleccionar este objeto. Voy a ir a mi pincel y voy a ir a selección de pintura. Y cuando haga eso, voy a dibujar a través de los tres círculos. Pero sólo el seleccionado ahí se va a pintar. Entonces ahora podría ser muy descuidado, y puedo crear un círculo rayado en el centro sin afectar a los otros objetos azules. Entonces haz algo así y sólo va a pintar donde está la selección. De acuerdo, así que no vas a necesitar estas cosas todo el tiempo. Pero de vez en cuando, va a venir muy útil. El último modo de pincel va a ser pintura de costado, Vale, Tan similar a la selección de pintura. Si empiezo a pintar dentro de esta forma y salgo de ella, sólo va a pintar dentro de esa forma. No va a destruir el trazo, y no va a pintar fuera de esa forma. Entonces con este modo, es importante que realmente empieces dentro del objeto que quieres pintar, y entonces no tienes que preocuparte de que esa pincelada vaya a ningún otro lugar. Entonces, en general, la herramienta de pincel es bastante sencilla. Pero son estos diferentes modos de pincel a los que sólo hay que prestar atención. Muy bien, Así ahorrando lo mejor para el final. Contamos con la herramienta de pincel. De acuerdo, entonces la herramienta de pincel es este tipo de aquí, voy a hacer clic en él, y a primera vista, puede parecer que está haciendo lo mismo que el otro pincel. Deja que me deshaga de esa cosa ahí. Pero el truco para la herramienta de pincel es elegir el pincel adecuado. Por lo que en el panel de propiedades para la herramienta pincel, tenemos este pequeño ícono aquí mismo, la biblioteca de pinceles. Entonces lo que vas a hacer es dar click en eso, abrir este panel separado, cual me moveré aquí y déjame solo mostrarte algunas cosas. Tenemos flechas especiales, por lo que puedes pintar con una flecha real. Y lo más importante de esto es que debes hacer doble clic en la flecha para seleccionarla. Es tan importante que metan esa pequeña punta de herramienta ahí dentro. Entonces si solo hago clic en este y voy a cajón, va a ser el último que seleccioné. Entonces déjame solo hacer doble clic en este. Y ahora tenemos una flecha diferente con ese contorno. Deshazte de todo ahí y déjame ir a lo artístico. Entonces solo voy a pasar por algunas de estas para que en realidad puedas ver cómo son . DoubleClick. Y ahí vamos. Entonces también podemos ajustar el suavizado, y podemos Indra ajustar el ancho, así que tal vez solo lo haga un poco más pequeño aquí. Muy bien, entonces conseguimos este pincel artístico realmente bonito. Mira, déjame ir a tinta. Ya sabes, solo puedes ver todos estos diferentes, uh, estilo. Entonces en lugar de que me veas dibujar con cada uno de ellos, verdad voy a sugerir que abras esto y lo hagas tú mismo. Porque mucha diversión jugando alrededor de los diferentes pinceles y las diferentes opciones. Obtienes un montón de efectos diferentes. Déjenme deshacerme de todos esos. Pero una cosa que sí quiero señalar es que esta pequeña opción aquí dibuja ya que Phil es importante. ¿ De acuerdo? O al menos hace un poco de diferencia. Entonces si tengo empate como Phil seleccionado y dibujo, verás que cuando use la herramienta de selección puedo seleccionar esto como relleno normal, acuerdo? Y eso significa que puedo formarlo. Y en realidad puedo usar mi herramienta de botella de tinta y aplicarle un trazo así. Entonces ahora en realidad estoy acariciando lo que había en el pincel con un trazo muy grueso. Déjame deshacer eso. Entonces déjame volver a hacer clic sobre la herramienta de pincel y mostrarte que con la herramienta de pincel seleccionada, esto es un poco molesto, pero es algo va a tener que lidiar. Ya que esta forma está seleccionada, no estoy viendo las propiedades de la herramienta pincel, así que voy a golpear, escape to de select. Y entonces ahora veo mis opciones de herramienta de pincel de pintura. Y así ahora no voy a dibujar como Phil. Y cuando haga eso, realidad lo va a dibujar como un derrame cerebral. Ahora se ve casi igual. Pero cuando uso mi herramienta de selección y la vuelco, notará que consigo ese pequeño arco curvo junto al auto, señor. Y eso significa que puedo doblar esto y distorsionarlo como si pudiera un golpe real. ¿ Todo bien? ¿ Dónde está este de aquí, recuerden, es un relleno que se distorsiona así, y se puede seleccionar en su conjunto, pero no puedo doblarlo ni hacer nada con él. Entonces éste es un derrame cerebral, y éste es un relleno. Voy a seleccionar todos esos, y sólo voy a saltar muy rápido a pinceles de patrón, que son realmente geniales. Entraremos a fronteras, tenemos huellas de aves. Por lo que voy a asegurarme de que estoy usando mi herramienta de pincel y doble clic. Ahí vamos. Y así ahora puedo dibujar estas huellas de pajarito. En realidad son pies de pajarito. Um, vamos, Teoh desplácese un poco hacia abajo. Tenemos estas frías líneas de flecha dobles que estoy dibujando con el pincel, y podemos ir a la novedad y hacer algo como estas flores para que pueda pintar en flores. Entonces están todos estos lindos pinceles decorativos. En realidad puedes crear tus propias formas de pincel. Eso está un poco más allá de lo que puedo hacer ahora mismo. Voy a seleccionar todos esos. Y lo que es genial es que para todos estos diferentes pinceles, en realidad se pueden aplicar como trazos a otros objetos. Entonces, por ejemplo, puedo ir a esto la herramienta de rectángulo la próxima vez que dibuje mi rectángulo, ese pincel se puede usar como un trazo alrededor de ese Phil. Entonces es realmente bastante genial lo que puedes hacer. Entonces puedo seleccionar ese trazo, ¿no? Y entonces realmente puedo cambiar el pincel a alambre de púas. Parece que solo seleccionó el top. Entonces déjame solo asegurarme de que estoy turno dando click en todos esos y haré doble clic en el alambre de púas. Eso es que sólo estoy consiguiendo uno a la vez. Parece doble clic. Seleccione este lado y haga doble clic. Entonces ahora puedo dibujar cosas con un contorno de alambre de púas porque estoy usando ese cepillo personalizado ahí. Muy bien, Así que si eres un ilustrador por oficio, um, vas a tener una emoción con estos diferentes pinceles y conseguir unos efectos de caligrafía realmente bonitos y, uh, voy a tener una explosión. Por lo que te voy a recomendar totalmente que revises la herramienta de pincel rosa y por todo lo que he pasado en estos dos tutoriales de dibujo, verdad te insto a que abras un blanco f l a. Y solo empieces a experimentar. Hay toneladas y toneladas de opciones y más o menos, si se puede pensar en ello, anime puede hacerlo, así que echa un vistazo 40. Dibujar 3 formas: bien, Vamos a seguir dibujando de Siri y vamos a ir sobre el rectángulo rectángulo, el óvalo primitivo, óvalo, primitivo y el Poly Star. Creo que realmente vas a disfrutar de las herramientas primitivas y de la herramienta Poly Star. Hay una cosa bastante guay que puedes hacer con ellos, así que vamos a ir. Muy bien, Así que empecemos con la herramienta de rectángulo aquí mismo. Y como te puedes imaginar, me va a ayudar a dibujar rectángulos. Ahora bien, si mantengo pulsado turno mientras dibujo, eso limitará la proporción para que pueda tener un cuadrado perfecto. Si quiero un cuadrado de un tamaño particular antes de dibujar, puedo mantener pulsado, opción o alterar en el PC y hacer clic para obtener este cuadro de diálogo aquí. Entonces ahora conseguiré un rectángulo de 100 por 100 ahí mismo, lo que definitivamente puede ser útil. Te darás cuenta de que aquí abajo hay opciones para el radio de esquina. Ahora, lo que pasa con esto es que no puedo seleccionar un rectángulo existente y cambiar su radio de esquina . Esto es sólo para rectángulos nuevos, así que permítanme volver a seleccionar la herramienta de rectángulo, y voy a decir sólo que el radio de esquina va a ser 16 normalmente funciona bastante bien. Y entonces así ahora la próxima vez que dibuje un rectángulo, verás que aquí tenemos esta esquina redondeada por los cuatro lados. Ahora las esquinas no tienen que ser uniformes. Podría hacer algo como, uh, hacer de éste aquí. No lo sé. Haremos que sea cero y haremos este 10 y haremos este 32 Y entonces Así que ahora la próxima vez que dibuje, obtengo esta forma realmente cool como esta. Entonces eso está todo bien y bien. Pero de nuevo, es una especie de molesto que, ya sabes, quizá no me guste ese radio de esquina de ahí, y quiero cambiarlo para que no pueda editar ese radio de esquina después de dibujarlo, tendría toe edit en el propiedades y luego dibujar una nueva. Entonces la solución a esto es que animate tiene algo llamado rectángulo primitivo. Entonces antes de que pase por ahí, déjame mostrarte que al igual que todo lo demás que he estado dibujando, tenemos nuestros rellenos y tenemos nuestros trazos, vale. Y ambas son formas. OK, así que solo formas vectoriales regulares que otra vez puedo morph y moverme y editar y hacer cosas divertidas con. Voy a deshacerme de todas estas cosas, y voy a cambiar a la herramienta primitiva del rectángulo. Y voy a dibujar un pequeño cuadrado aquí o un rectángulo, y pueden notar que está delineado en este color azul verdoso o vástago. Pero lo genial de las primitivas es que puedes editarlas después del hecho lo que significa que puedo entrar al panel de propiedades aquí abajo y puedo cambiar el radio de esquina. Puedo hacerlo negativo dedo del pie los cuatro, o puede hacerlo positivo. Y obtengo este tipo de vista previa en tiempo real de los cambios que estoy haciendo. Puedo d vincular esas esquinas, y Aiken puso aquí la esquina superior a algo así como, conozco cero, y puedo hacer que la esquina inferior derecha sea algo mucho más grande. Al igual que 60 0 eso es enorme. ¿ Verdad? Um, volvamos locos y hagamos 80. Muy bien, Así que ahora he creado esta pequeña, uh, forma de lágrima, si se quiere. Ahora, usando la herramienta de selección, puedo hacer click en ese objeto. Y cuando doy la vuelta por encima de este pequeño punto de aquí, echa un vistazo. En realidad puedo sacar esa esquina bien, ¿no es impresionante? Y puedo conseguir este aquí, y puedo editarlos todos de forma independiente después de que la forma haya dibujado. Y la cosa es que, una vez que haya dibujado esta forma así, la próxima vez que cambie a la herramienta primitiva del rectángulo, puedo dibujar otra igual a ella, acuerdo. Es realmente bastante guay. Entonces voy a seleccionar todos esos y deshacerme de ellos. Ahora voy a cambiar a su herramienta ovalada regular. Y como es de esperar, me va a dar un relleno separado en un trazo separado y déjame simplemente deshacerme de esas cosas. Y ya sabes, hay algunas cosas que puedo hacer con ello. Una vez que se dibuja, realmente no puedo cambiarlo. Pero en el panel Propiedades, puedo establecer un inicio, ángulo y ángulo y un radio interior. Por ahora, voy a establecer ese radio interior, y ahora verás que estoy dibujando con una especie de rosquilla otra vez. Ahí hay así que hay un círculo interno aquí, y puedes especificar qué tan ancho es usando el radio interior. Ahora, si lo hago más grande, no va a cambiar este círculo. Pero el siguiente que dibuje será diferente. Entonces está bien si vas a hacer un montón de rosquillas, déjame deshacerme de todos esos. Y ahora voy a meterme con el ángulo de inicio y el ángulo final. Voy a hacer esto 1 90 grados y el ángulo final. Voy a hacer 100 whoa, vamos a hacer 1 80 Y entonces la próxima vez que dibuje un círculo, obtengo este tipo de arco tan especificado donde debe comenzar el arca y donde debe terminar para el ángulo de inicio. Déjame hacerlo ahora. Cero. Y ahora verás que estoy haciendo una especie de medio círculo. Si llevo ese radio interior a cero, puedo hacer un semicírculo perfecto. Muy bien, así que con la herramienta ovalada, es un poco raro establecer estos ángulos y no ver nada en tiempo real. No tienes idea, verdad, cómo van a quedar hasta que los dibujes. Y, como te imaginas, déjame deshacerme de esos. Ahí es donde entran las herramientas primitivas ovaladas. Y así ahora puedo dibujar un óvalo así, y puedo usar mi herramienta de selección aquí y puedo modificar literalmente los ángulos de inicio y final en tiempo real así como el radio interior. Por lo que agarraré uno de estos puntos exteriores para cambiar el ángulo de inicio o final. No sé cuáles cuáles cuáles, toda sinceridad, y entonces este inter punto aquí puedo cambiar el radio interior. Entonces si estás en modo pacman, ¿qué sabes? Ahí tienes, y luego puedes volver a cambiar de nuevo a la herramienta primitiva ovalada y dibujar un montón de ellas así. También puedes ir al panel de propiedades y ajustar el ángulo inicial y el ángulo final. El adelanto en tiempo real Ah no es realmente para hincharse aquí. Es casi mejor usar la herramienta de selección ahí. Pero sí tienes esta configuración aquí, y siempre puedes restablecer si quieres volver a un círculo completo y entonces el siguiente círculo que dibuje va a ser así. Pero de nuevo, felicito a ese centro y lo convierto en un donut. A continuación, hablemos de la herramienta Poly Star, por lo que esta herramienta aquí mismo es la herramienta estrella Poly. ¿ Y qué es eso? Bueno, es lo que se obtiene cuando se toma un polígono y una estrella y se los juntan. Entonces, cuando seleccionas esta herramienta, el panel de propiedades no te dice demasiado. Aparte de, como trazo y rellenos, estilo de trazo, bla, bla, bla. Um y luego vas al objeto dibujado. Oh, me tengo que ir después como pasó eso. Bueno, para cambiarlo de un polígono a una estrella a solo el número de lados en realidad tienes que hacer clic en este botón adicional dedo del pie abre otra ventana. Entonces en este momento es un polígono con número de lados establecido en ocho. Entonces si quieres dibujar un triángulo, ¿ adivina qué? Cómo dibujar un triángulo, Un empate enemigo. Upali se fue con tres lados. Entonces ahora puedo hacer un triángulo así. Y creo que te da la idea que pones en el número de lados y que lo que obtienes Así que hagamos 12 1 la última vez. Y así ahí tenemos un polígono de 12 lados. Voy a seleccionar todo y eliminar. Ahora pasemos a la configuración de estrellas encendida. Dhere toma un poco de experimentación. A veces hagamos una estrella de seis puntas y golpeemos OK, y ahora verás que tengo una estrella así. Pero aquí hay otra opción que es importante. Y ese es el tamaño de punto estrella, por lo que puedes tener un valor entre cero y uno. Si el valor es muy cercano a cero, como 0.1, vas a ver que te pones muy, muy delgado. Puntos puntiagudos. Muy bien, así que estos aires ambas seis estrellas puntiagudas. Pero como puedes ver, son drásticamente diferentes. Entonces vas a querer meterte con esas dos opciones. Voy a ir a una estrella de 12 puntos otra vez con un tamaño de punto muy pequeño, y luego solo haremos uno con algo así como 0.8 para el tamaño de punto estrella, solo para ver las diferentes versiones que obtienes. OK, ahora estas no son formas primitivas, lo que significa que no puedes seleccionarlas y luego cambiar el número de lados después del hecho. Muy bien, estos aire simplemente formas vectoriales regulares aquí para que pueda quitar el relleno del trazo porque no estoy en objeto. Roy Mode. Estoy de humor de fusión para que podamos seleccionar el trazo después del hecho y cambiar su color a otra cosa. Y puedes seleccionar el Phil obviamente y eliminarlo así que ahí. Tenemos una nueva visión general de nuestras herramientas básicas de dibujo. De verdad voy a pensar que vas a disfrutar de las herramientas primitivas ahí. Y como dije en el video anterior, soy un gran fan del modo de dibujo de fusión porque realmente creo que le hace formas frescas cuando cortas una forma en remolque Otra, espero que hayas aprendido un poco de algo aquí y después. Te diremos cómo crear texto con la herramienta de texto. Está bien. Uh 41. Crear texto: Muy bien, amigos, en esta lección, les voy a dar una pequeña demostración de cómo crear texto Hablará de los tres tipos de texto que son texto estático, texto dinámico, entrada, texto. Te haré saber cuál quieres usar. Te voy a mostrar cómo separar texto en caracteres individuales, tenía un break apart en formas al warp it de diferentes maneras y también te mostraré cómo agregar filtros al texto. Una vez que tengas los conceptos básicos del texto bajo control pasarán a mostrarte cómo animarlo . Muy bien, Entonces lo primero que debes saber sobre la creación de texto es que vas a usar la herramienta de texto. Entonces voy a dar clic en la herramienta de texto y sólo voy a escribir algún texto aquí como Hola. De acuerdo, Ahora, cuando vaya al panel de propiedades, me va a decir todas estas diferentes propiedades del texto y una de las primeras cosas se va a ver es que este es texto estático, bien y texto estático significa que a lo largo del transcurso de mi película o animación que el texto no va a cambiar va a seguir siendo el mismo. Las otras opciones aquí son el texto dinámico y la entrada. Texto dinámico medios de texto del texto cambiarán en algún momento. Y texto de entrada significa que alguien puede escribir en ese texto como un campo de texto. Está bien. Y solo vas a estar usando texto dinámico o de entrada si estás construyendo algo que sea interactivo,está interactivo, bien, donde alguien pueda interactuar con tu animación para cambiar esos valores de texto alrededor. Te voy a dar un ejemplo muy rápido de eso aquí mismo. Está bien. Entonces aquí tengo un campo de texto estático aquí. Tenemos un campo de impuestos de entrada, lo que significa que alguien puede teclear en él. Y este de aquí abajo es un campo de texto dinámico. Por lo que los tres campos de texto. Sólo voy a probar esto con muy rápido. Y voy a escribir dentro de este campo y poner aquí mi nombre Karl. Y luego cuando golpee a submit, notarás que éste cambia dinámicamente para saludar, Karl. Tan agradable verte. Si pongo aquí la palabra Bob y le pego a someter, éste cambiará para decir Bob. De acuerdo, todo esto está pasando con un poco de guión de acción, podrías hacer exactamente lo mismo con JavaScript y html five document. Pero de nuevo, como ya he dicho antes en esta clase, solo estamos usando animate para crear GIF y videos. Por lo que nunca va a haber interacción humana, así que nunca vas a necesitar campos de entrada o texto dinámico para lo que estamos haciendo en esta clase. Entonces, ¿qué? Dicho esto, solo asegúrate de que estás usando campo de texto estático. Lo que es muy importante de los campos de texto estáticos es que el enemigo incrusta automáticamente las fuentes que estás usando. De acuerdo, entonces lo que veas en la pantalla aparecerá en la pantalla de todos o siempre estará en tu video exportado o archivo GIF. Si utilizas el impuesto de entrada texana dinámico, entonces tienes que preocuparte por incrustar fuentes o usar fuentes web y se pone un poco complicado. Entonces por ahora, solo usa texto estático y estarás bien Con el campo de texto seleccionado, puedes cambiar bastantes cosas al respecto. Las cosas más importantes que vas a estar tratando con su probablemente la familia de fuentes y el tamaño y el color. Entonces ahora mismo estamos usando Avenir. Si hago clic en este menú aquí, puedo obtener una lista de todas las fuentes de mi sistema. Si estás diseñando y realmente no sabes qué fuente quieres, solo puedes hacer clic en ese campo y usar las flechas hacia abajo y hacia arriba para ordenar el desplazamiento por cada fuente y verlo renderizado en pantalla. Y te haces una idea de que sabes qué fuente quieres elegir para este ejercicio aquí. Voy a usar el impacto porque eso es lo que la mayoría de la gente que creo tiene en sus computadoras. Aquí es bastante seguro. Tenemos el tamaño de fuente. Es un deslizador para que pueda fregar arriba y abajo. Pero realmente solo subes hasta 96 puntos por lo que puedes hacer doble click ahí para un solo clic. Lo siento, y podría hacer 1 60 tipo en el valor que quiera por esto, sin embargo, voy a ser feliz sólo con 90. Y por supuesto, puedes cambiar el color a lo que quieras. Y luego tenemos algunas otras opciones para alinearnos con el personaje izquierdo, espaciando todo el tipo de cosas. Espaciado entre letras. Lo siento está aquí mismo así que podríamos estirar un poco las cosas o simplemente volver al default, que creo que estaba listo para apostar seis o siete e ir negativo y poner las cosas realmente apretadas. Entonces déjame volver a cero, en realidad, y será genial. ¿ Sabes qué? Creo que quiero algo así como seis ahí. Ah, hermosa. Entonces no voy a aburrirte hasta la muerte con, ya sabes, así es como se ve una línea que queda. Y esto es lo que centro en una línea, ¿verdad? Parece que si has usado algún tipo de procesador de textos , ya sabes, puedes resolver esto. Entonces lo que quiero hacer ahora es solo mostrarte algunas cosas sobre trabajar con texto. Muy bien, entonces este es un campo de texto aquí. Puedo hacer doble clic en él en cualquier momento. Puedo seleccionar personajes ahí dentro y puedo cambiar a minúsculas si quiero. Y este es un campo de texto herbal de edición. Pero lo que quiero hacer es mostrarte que puedes romper tu texto. A lo mejor quieres hacer una animación de personaje por personaje. De acuerdo, mientras necesitas letras individuales para eso. Entonces voy a hacer un rompimiento de modificación. Y ahora cada letra es su propio campo de texto acreditable separado, lo que significa que puedo seleccionarlo. Podría cambiar la fuente si quiero. Cualquier otra cosa y Aiken seleccionan ese personaje e incluso cambian el texto real dentro de ahí. Por lo que nos separamos una vez para obtener campos individuales de texto acreditables. Voy a deshacer un montón de cosas hasta que vuelva con, uh Vamos, dame una gran palabra ahí. Boom. Ahí lo tienes. Por lo que ahora tengo al mundo entero como campo de texto inevitable. Voy a ir a modificar. ¿ Dónde estás? Diviértase una vez para obtener campo de texto acreditable individual. Pero si lo modifico, rompa en pedazos ¿dónde estás otra vez? Ahora los va a romper en formas vectoriales. Por lo que ya no puedo seleccionar esto y escribir un nuevo carácter o cambiar la fuente. Aquí. Tenemos apenas una forma rellena. ¿ De acuerdo? Por lo que puedo cambiar el color de la misma si quiero. Algo más Y también puedo mutar esa fuente como quiera. Entonces tal vez te guste sólo un poquito de una fuente. Bueno, aquí tienes. Se puede meter y pellizcar y hacer algunas cosas bastante cool con el texto. Déjame volver a hacer eso todo blanco, y voy a seleccionarlo todo como formas vectoriales y solo te mostraré que con mi herramienta de transformación libre , algunas cosas geniales que puedes dio debilitar. Pasa a este modo aquí, que es sobre y puedo, como, doblarlo así. Y tenemos estas asas de control geniales para que podamos moverlo un poco. Podría hacer algo así así. Podemos sacar esto para que podamos deformar totalmente los textos y van a ser claros. En realidad son formas vectoriales. No es texto real. Bastante cool. Si quieres rellenar una forma de pez con texto, eso es un comienzo. Déjame deshacer hasta que volvamos a una especie de forma ish normal ahí. Aquí. También podemos hacer esta perspectiva o distorsionar el cambio, debo decir. Y así ahora podemos hacer algo así y así Hola. De acuerdo, así que una vez que estas cosas se dividen en formas, realidad es bastante guay, y tienes mucho control. Pero ese texto no es acreditable una vez que lo separas, por lo que quizás quieras estar bastante cómodo con tu comando o control Z para deshacer las cosas. Entonces déjame volver a él una palabra completa. Y ahí tengo la palabra Hola? Cuando volvamos a mi herramienta de selección, y solo quiero mostrarte que este es un campo de texto estático otra vez después de deshacer todas esas cosas raras que hice. Y lo que es algo genial del texto también es que puedes aplicarle filtros directamente a él. Ya te lo he mostrado anteriormente. Se pueden aplicar filtros a clips de película, pero no símbolos gráficos. Bueno, puedes tomar un campo de texto, y yo podría hacer algo así como aplicar una sombra de gota al campo de texto. Y luego en cualquier momento que edite ese campo de texto, cualquier cosa que escriba aquí como Carl. ¿ Es él todos esos personajes? Ya sabes, vamos a tener esa sombra de gota ahí. Y, ya sabes, no te animé a meterte un poco y probar otra gota. Lo siento. Otros filtros también, ya sabes, puedes hacer algo así como un ligero bisel. Hazlo tipo de tres D ish si quieres, para que puedas poner filtros directamente sobre el texto. Te voy a mostrar en el siguiente video cómo puedes realmente hacer una animación de texto y tener animado el filtro. Muy bien, entonces vamos a poner el filtro en el símbolo que se está animando. Pero antes de meternos en eso, ¿ no abrirás, animas, animas, juegas alrededor de la herramienta de texto, crearás algunos ajustes diferentes, lo dividirás, usas, um, filtros y solo repasa algunas de las cosas que acabo de mostrarte cuando termines, salta al siguiente video. Impresionante. 42. Filtro de pulso de texto: Muy bien, entonces en esta lección, te voy a guiar por los pasos de crear tu primer símbolo de texto. Vamos a ponerle un filtro, y luego vamos a animar ese símbolo en el filtro. Aquí. Vas a ver que a medida que el texto se hace más grande que la sombra de gota cae un poco. Se vuelve más suave y más grande. Está bien, así que nos da una especie de este pequeño efecto tres D. Y mientras hacemos esto, también te voy a mostrar lo que va a pasar si intentas entween algo que no es un símbolo. Es uno de los mayores errores de principiante, y quiero ayudarte a evitarlo. Entonces lleguemos a ello. Muy bien, así que vamos a crear primero este texto. Voy a seleccionar la herramienta de texto, y voy a escribir la palabra pulso. Entonces voy a golpear escape para que ya no sea acreditable, y voy a usar el panel de alineación para centrarlo horizontal y verticalmente, y voy a hacer clic fuera del escenario para cerrar ese panel. Quiero cambiar a la herramienta de selección haciendo clic en V, que es el atajo para la herramienta de selección y voy a dar clic en este campo de texto aquí. Yo solo quiero verificar que se trata de un campo de texto estático. Entonces ahora déjame mostrarte lo más peligroso de la historia para principiantes en enemigo. ¿ Todo bien? Y eso es animar algo que no es un símbolo. Entonces aquí, este es un campo de texto. Pero digamos que me olvidé de algo. Y voy al cuadro 20 aquí abajo, le pego F seis para agregar un fotograma clave. Y yo digo: ¿Sabes qué? Déjame mover esta palabra por aquí, y voy a hacer click derecho y hacer crear Tween clásico como lo he hecho. ¿ Qué es esto? Bueno, este es el cuadro de diálogo más aterrador que jamás verás. Inanimado. Está bien, si aprendes algo de mí en absoluto, es que siempre pegas. Cancelar cuando veas esta caja. De acuerdo, entonces aquí dice que los tramos de fotograma seleccionados no pueden entre debes convertir el contenido de fotograma en un símbolo para poder Tween. Bueno, ya les he dicho que 100 veces siempre se convierten en un símbolo primero. Y luego dice, ¿Quieres convertir y crear entre y aquí Eso suena como una idea increíble. ¿ Verdad? Hagamos animate hazlo por nosotros. Bueno, déjame mostrarte por qué. Esa es una idea horrible. Voy a pegarle. OK, y ahora Hey, tengo mi look clásico de Tween. El texto se mueve. Todo es maravilloso hasta que suceden algunas cosas. Una de esas cosas podría ser que alguien diga, Oh, ¿sabes qué? La palabra pulso debería haber sido en minúsculas, acuerdo? Oh, no gran cosa. Bueno, tengo que hacer es editar el símbolo y todas las instancias del símbolo se actualizarán. Por lo que hago doble clic un montón y sólo voy a escribir en pulso Minúsculas, Vuelve a ver uno. Y mientras frego por la línea de tiempo, todo se ve bien y dandy. Hasta Paul frame 20 es mayúscula. Espera un segundo. Volví a enmarcar un matorral de minúsculas delantero boom mayúscula. Oye, eso no es realmente genial. ¿ Qué pasó? Bueno, vayamos a mi biblioteca. Oh, mira, tengo símbolos Tween tres y Tween cuatro. Uno de ellos es minúscula, y uno de ellos es mayúscula. Entonces lo que nos animó como favor es que creó dos símbolos, uno para cada fotograma clave. Muy bien, entonces en el primer fotograma clave, estamos usando algo que es. Parece que va a ser entre tres. El minúsculo, uno en un marco. 20 Tween número cuatro. Anteriormente tenía uno y dos antes de empezar a grabar. Entonces si dejas que animate haga esto por ti, vas a tener a Tweens uno a 30 y aquí no tienes idea de cuáles son. Y cada vez que quieras hacer un cambio, probablemente editarás a símbolos en lugar de uno. Todo el propósito de los símbolos y animar es para que edite una instancia y todos se actualicen a lo largo de su archivo. Entonces por favor, mi lección para hoy nunca es golpeada. De acuerdo a ese cuadro de diálogo golpear, cancelar y convertir tu ítem en un símbolo. Entonces lo que voy a hacer ahora es ir a deshacer la escuela sólo a un montón de comandos. Facilidad hasta que regrese a mi lugar feliz, que es cuando ya no tenemos Tween tres. Y en el escenario, todavía tenemos marcos aquí. Simplemente voy a seguir haciendo hasta que volvamos a un fotograma y este es un campo de texto. No es un símbolo. Y ahora debería poder mantener pulsado, cambiar, seleccionar ambos símbolos y deshacerme de ellos. De acuerdo, Ahora estoy tranquilo. Y ahora puedo proceder a hacer las cosas de la manera correcta. ¿ Y qué es eso? Voy a modificar, convertir a símbolo, y sólo voy a llamarlo pulso, asegurarme de que sea un clip de película y golpear, ¿ OK? Y ahora estoy a salvo. Aiken, Tween esta cosa al contenido de mi corazón y no tener que preocuparse por ninguna de esas tonterías que suceden tras bambalinas. Muy bien, así que avanzando, construimos esta animación, primero voy a poner un filtro en esta instancia del símbolo cuando vayas al panel de propiedades y solo voy a hacer una sombra de gota y el valor predeterminado settings hero para desenfoque de píxeles, 100% de fuerza, ángulo de 45 grados, distancia para píxeles. Todo me queda bien. Ahí es una bonita sombra dura. Ahora, la razón por la que estoy poniendo la sombra ahora es para que cuando cree mis otros fotogramas clave, esas propiedades de sombra se van a copiar. Así que déjame ir al fotograma número 20 y golpear F seis para agregar un fotograma clave. Y mientras estoy aquí, déjame solo, uh, conseguir esos marcos un poco más grandes. Vamos allá te vas muy bien. Por lo que ahora voy a ir a Frame 40 y ed madre key frame. Y esto va todo el camino de regreso a nuestra lección sobre animaciones básicas construyendo un pulso, correcto. Ponemos los tres marcos clave, y primero y luego nos metemos con el medio. Por lo que el primer y último fotogramas serán idénticos. Y luego el marco medio aquí, voy a seleccionar este símbolo. Voy a ir a mi libre Trent podría transformar panel, y sólo vamos a lograrlo. No lo sé, 200% su tamaño y hit return, y así ahora se hace más grande. Ahora, lo que quiero hacer aquí es simular el hecho de que como es más grande, realidad se está acercando a nosotros como el espectador. Entonces lo que quiero hacer es ajustar un poco esta sombra. De acuerdo, si nos imaginamos que ya sabes, este texto a su tamaño normal estaba tendido muy cerca sobre una mesa o algo así, estaría lanzando una sombra muy corta y dura. Pero conforme lo levantamos de esa mesa, las sombras van a retroceder un poco, se va a hacer más grande y un poco más suave así que voy a hacer es seleccionar pulso en fotograma 20 y voy a poner el Desenfoque, X e Y 2 30 Muy bien. Ves, en los que se pone mucho más grande ahí, voy a poner la fuerza a 30. Entonces eso lo va a hacer más suave. Está bien. Es mucho menos negro, si se quiere. Y el ángulo va a ser el mismo. Y la distancia que voy a establecer Teoh, no sé 40 tal vez. Está bien, así que ahora lo que tienes es esa sombra que retrocede y se vuelve más suave a medida que el texto se hace más grande. Y lo que es realmente genial es que esos ajustes van a conseguir a Tween como la escala Interpretes, y voy a hacer click derecho y hacer crear clásico Tween. Y entonces ahora verás que el texto crece y esa sombra se cae y se vuelve más suave. Y voy a hacer click derecho y hacer crear clásico Tween. Y cuando se contraiga hacia abajo, notarás que se vuelve más duro y más oscuro a medida que el texto se acerca más al fondo, si se quiere. Por lo que usar la sombra eran una especie de simular un poco de un efecto de tres D simplemente va a volver a hacer clic en el marco central para que puedas ver esos ajustes. Está bien, déjame hacer un retorno de comando, y veremos esta jugada como un veloz, acuerdo? Bastante guay, ¿eh? A mí me gusta. Por lo que ahora, después de haber hecho todo este trabajo, podría hacer doble clic en este símbolo para editarlo. Podría cambiárselo a Carl. Está bien. Supongo que estoy un poco sesgada aquí. Qué nombre tan encantador que es. Déjame centrarlo ahí. Y si hago comando regreso ahora, todas las instancias del símbolo se actualizan. Y tengo una hermosa animación con una nueva palabra. ¿ Todo bien? Nunca quiero ver esos desagradables entre uno o Tween dos símbolos en mi biblioteca. De acuerdo, Entonces a continuación, te daré las siguientes instrucciones, y puedes construir esto por ti mismo. Impresionante. 43. Pulso de texto: Muy bien, amigos. Ya conoces el simulacro aquí. Voy a tener un seguimiento. Instrucciones para el pulso de texto con animación de filtro. Simplemente voy a estar leyendo los pasos exactos y mostrándote exactamente qué hacer para construir este proyecto. Vámonos. Está bien, entonces aquí tengo pulso de texto. Empezar no F l. A abierto. Paso uno. Seleccione la herramienta de texto y, a continuación, haga clic en cualquier lugar del escenario para crear un campo de texto herbal de edición. Vaya al panel de propiedades y establezca el tipo de texto para que sea texto estático. El familiar va a ser impactante. El tamaño va a ser 90 y vamos a hacer el color blanco en el campo de texto vacío en el escenario, escriba la palabra pulso. Todo mayúscula. Haga clic fuera del campo de texto para de seleccionarlo. Haga clic en la herramienta de selección. Haga clic en el campo de texto de pulso para seleccionarlo. Ir a modificar. Convertir a símbolo. Dale el nombre de encuestas. Asegúrese de que es un clip de película con el punto de registro en el centro y haga clic en Aceptar, Ir al panel Alinear y con una línea para escenificar el centro seleccionado horizontal y verticalmente , haga clic en el símbolo del poste para seleccionarlo y cerró el Alinear panel. Ir al panel de propiedades y utilizó el menú de filtros para agregar una sombra de gota. Si los filtros se colapsan, quizá quieras abrirlo así, y vamos a dar click aquí para añadir una sombra de gota. Vamos a utilizar Desenfoque X a cuatro Desenfoque y los cuatro fuerza de calidad 100 Vamos a establecer ángulo medio 45 distancia para píxeles y color negro. A continuación, vamos a animar el símbolo. Haga clic en Frame 20 y presione F six Para agregar un fotograma clave. Da click en Marco 40 en Prensa F seis. Para añadir un fotograma clave, vuelve al fotograma 20 y haz clic en el símbolo de pulso. Para seleccionarlo, vaya al panel de transformación y establezca la escala en 200%. Haga clic en el símbolo de tiro para seleccionarlo. Encerrar el panel de transformación, ir al panel de propiedades y solo la configuración de sombra de la siguiente manera. Desenfocar X va a ser de 30 y difuminar sabio. También 30. El poder va a ser de 30 y la distancia va a ser de 40 derecha. Haga clic en cualquier lugar entre los fotogramas uno y 20 y seleccione crear clásico Tween derecha. Haga clic en cualquier lugar entre los fotogramas 20 y 40 y seleccione. Crea clásico Tween Haz una película de prueba de control en enemigo para poner a prueba tu veloz. ¡ Impresionante! Lo hiciste ¿No fue genial? Y recuerda, siempre puedes exportar esto como un video para compartirlo con tus amigos. Trabajo impresionante. 44. Estoy: Muy bien, amigos, en esta lección, vamos a construir esta divertida animación con los ojos animados del corazón Emoji. Ahora vamos a crear por primera vez símbolos de texto animados, vamos a crear animación invertida que se sincronizó con la línea de tiempo principal. Y con eso me refiero a esos corazones dentro del emoji que pulsan al final de ese hilado. Y también estoy repasando todo un montón de trucos de línea de tiempo que son realmente importantes. Vamos a agregar fotogramas y fotogramas clave a múltiples capas, íbamos a seleccionar fotogramas y múltiples capas y también mover marcos y múltiples capas. Está bien, una cosa es crear una animación animada. Pero también es otra cosa saber modificar la línea de tiempo y cambiar las cosas una vez que se construya esa animación y esta lección está llena de esas cosas, vamos. Está bien para empezar, echemos un vistazo al archivo terminado y quiero mostrarles que en la línea de tiempo principal tenemos unos Tweens clásicos, y conforme fregamos hacia adelante, verás que la letra que escala en entonces me encanta y luego tú. Por lo que la primera parte del tamaño del sector será construir esta animación escalonada con símbolos de texto . Y entonces nuestro emoji va a girar. Va a terminar, rotar y luego girar hacia atrás y bajar la escala, que es un efecto bastante cool, y eso es todo lo que vamos a ver al fregar la línea de tiempo principal. Pero quiero señalar que cuando exportamos este veloz que después de que ocurre la rotación, los ojos hacen pulso. Está bien, así que vamos a hacer es una animación anidada ahí de los ojos pulsando y configurarla para que esté perfectamente sincronizada para que después de esa rotación ocurra, entonces los ojos pulsan. Déjenme cerrar ese veloz final. Y solo quiero mostrarles que si hago doble clic en el emoji que dentro de la línea de tiempo Emojis , tenemos los corazones pulsando hacia arriba y regresando hacia abajo. Entonces esta va a ser una lección impresionante para refrescar mucho lo básico. Hemos estado repasando con los Tweens clásicos, y vas a aprender algunas cosas nuevas sobre trabajar con filtros de sombra de texto, y te voy a mostrar algunos trucos cómo consigo este look realmente bonito, limpio de tres D a los corazones y al emoji. Muy bien, Así que vamos al archivo de inicio aquí. Ya verás que tenemos una etapa puesta en marcha. Aquí sólo hay un marco, y hay un montón de corazones. Recuerda, hacer clic en el marco clave va a seleccionar todo en ese marco. Y quiero explicar que todas estas cosas son instancias del símbolo del resplandor del corazón. En realidad es uno de los corazones que se usa dentro de los ojos emojis. Y lo que he hecho es que acabo de configurar un tamaños diferentes en diferentes alfas. De acuerdo, entonces este es el mismo símbolo de resplandor del corazón con un Alfa diferente. Ahora bien, no quiero mover estos corazones ni estropearlos ni pincharlos por accidente. Entonces lo que voy a hacer es solo hacer clic en el punto debajo del candado en la línea de tiempo, y así ya no pude seleccionarlos ni moverlos. Van a ser una especie de límites fuera. Entonces lo primero que quiero hacer es animar el texto. Ahora no puedo poner nada dentro de una capa bloqueada, así que voy a añadir una nueva capa encima del fondo, y voy a pasar a mi herramienta de texto y recuerda que el último texto que creé fue un tamaño de 1 65 Pero voy a usar el fuente de impacto porque está en Mac y PC. Y con el tamaño de 1 65 solo voy a dar clic en cualquier parte del escenario y teclear la letra mayúscula . Yo entonces voy a hacer clic fuera de ese campo de texto, para que ese tipo de lo haga ble sin editar. Y luego voy a dar clic una vez más y escribir la palabra amar a todos los capiteles. Voy a hacer clic una vez más y luego volver a hacer clic, y te voy a decir bien ahora, obviamente, todo es una especie de desastre. No está alineado. Entonces lo voy a hacer es sólo una especie de espacio el impuesto de la manera que quiero así. Y obviamente eso no es parejo. Pero echa un vistazo a esto. Voy a dar click en el I y manteniendo pulsado el turno. Voy a seleccionar los tres de esos elementos. Voy a ir a mi panel de alineación, que hemos usado muchas veces antes. Pero en lugar de alinearme al escenario, voy a asegurarme de que sea ah de selected. Vamos a simplemente alinear estos a sus centros Vale, Así que eso los alinea a todos perfectamente horizontalmente. Y voy a mover el amor sólo un poquito para que tengamos igual espacio entre esas palabras. Voy a dibujar una marquesina para seleccionarlos todos. O lo que podrías hacer también es hacer clic en el marco para seleccionarlos todos. Y los iba a mover por donde creo que se ven bien. Entonces usando las teclas de flecha, puedo moverme sobre un píxel a la vez, O puedo mantener presionado el turno para mover 10 píxeles a la vez. Y yo sólo voy a básicamente sacarlo y ponerlos por aquí. mí me parece bien. A lo mejor por solo un toque a la derecha. Perfecto. Ahora, para animar, estas cosas, necesitamos hacer dos cosas. Primero, tenemos que asegurarnos de que sus símbolos primero, Vale, Ahora mismo son sólo campos de texto estáticos. No son símbolos en mi biblioteca, así que voy a necesitar convertir cada uno de estos para ensamblar, así que solo voy a dar clic en el I. Voy a golpear f ocho y lo vamos a llamar sólo capital. Yo pegué. Está bien. Y voy a ir al amor y golpear a Effie para convertirlo en un símbolo. Y lo vamos a llamar amor. Y sí quiero señalar que estamos usando clips de películas y sus puntos de registro en el centro. Estoy usando clips de película aquí específicamente porque voy a poner un filtro de sombra de gota. Y si viste mi clip de película versus gráfico Siris en el capítulo anterior, sabes que no podemos poner filtros en los gráficos. Entonces déjame pegarle, acuerdo? Y yo voy a hacer lo mismo por ti. Vamos a golpear F ocho para convertir dedo un símbolo te nombrará y pegaré OK, y entonces así ahora cada una de las cosas. Esto es un símbolo. Entonces tenemos instancia de yo instancia de amor y instancia de ustedes. Ahora voy a volver a seleccionarlos todos manteniendo presionado el turno y haciendo clic en cada uno y luego en el panel Propiedades debajo de los filtros. Yo sólo voy a añadir en una sombra de gota que verás de inmediato. Es una especie de solo hace que esas letras salten un poco. De verdad no necesito desorden del dedo del pie por las fallas mucho en absoluto. El Desenfoque X e Y se establece en cuatro píxeles. Yo sólo quería algo muy sutil. Y de hecho, podría incluso bajar la fuerza a 50 para hacerlo aún más sutil. De acuerdo, entonces puedes jugar con esos ajustes como quieras, pero me gusta mucho eso ahora mismo. Por lo que todos los símbolos tienen el mismo ajuste de filtro en él. Ahora, también hemos aprendido que para que Adán coma algo, necesita ser un símbolo, y también necesitan estar en sus propias capas. Entonces una vez más, voy a hacer clic y mantener pulsado, cambiar en todos ellos, y voy a hacer clic derecho en, Hacer distribuir dos capas. Antes de hacer eso. Yo sólo quiero señalar que todos ellos están en la capa uno. Entonces déjame hacer un distribuir dos capas y animar realmente no se enfría cosa aquí abajo. Se los pone a todos en su propia capa nombrada, basada en el nombre del símbolo. Entonces tenemos yo amo y tú y cada capa tiene un marco clave con ese símbolo particular dentro de él. De acuerdo, así que ahora es el momento de animar estos símbolos, y vamos a hacer algo muy parecido a lo que hicimos en el ejercicio de la galería de surf donde todas las imágenes se estaban desvaneciendo y se desvanecieron cruzando. Entonces lo que vamos a hacer es esto. Voy a ir tras el fotograma número cinco y hacer clic en la capa U y mantener pulsado y arrastrar. Recuerda, eso selecciona múltiples fotogramas y voy a golpear F seis para agregar fotogramas clave y fotograma número cinco. Por lo que ahora tengo marcos clave de inicio y finalización para las tres capas que pueden enmarcar número uno . Voy a seleccionar el yo y voy a ir al panel de transformación aquí, y voy a bajar ese personaje uniformemente al 20%. Quiero asegurarme de que este pequeño enlace aquí para restricción esté cerrado, ¿ verdad? Y luego si cambio la escala horizontal al 20% y golpeo retorno, hace lo mismo para la vertical. Entonces lo mismo para que el amor vuelva a ese panel de transformación, y lo vamos a limitar un 20% todo el camino hacia abajo y lo mismo para ti panel de transformación y vamos a boom 20% hit return. Entonces ahora todos van a empezar exactamente del mismo tamaño, y todos van a estar creciendo directamente desde sus centros. Ahora voy a ir a enmarcar un clic en el fotograma uno en la capa u y arrastrado hacia abajo para llegar a seleccionar múltiples fotogramas. Todos están resaltados de azul ahí. Voy a hacer click derecho en, Do create classic Tween Y entonces ahora es fregado hacia adelante. Ya verás que tenemos nuestra animación. Ahora te vas a dar cuenta de que cuando vaya al número de cuadro para ver el auge de los corazones, desaparecen Muy bien. Cuando agregué estos fotogramas clave en estas tres capas aquí, nunca agregué nuevos fotogramas a la capa de fondo y vamos a arreglar eso en un poco. Pero primero, lo que voy a hacer, lo es. No quiero que esta animación comience hasta alrededor del fotograma número 10. Entonces voy a tomar estos diferentes tramos de Tweens y escalonarlos en la línea de tiempo. Voy a volver a tomar el 1er 1 aquí. Voy a ir con nada seleccionado aquí. Voy a hacer clic y mantener y arrastrar para seleccionar, y luego voy a mover esto de nuevo para empezar en el fotograma número 10 y luego voy a tomar el siguiente lapso. Voy a hacer clic y arrastrarlo y moverlo para iniciar el fotograma número 15 y voy a tomar el siguiente click de grupo, arrastrar, arrastrar, mantener pulsado e iniciarlos en el fotograma número 20. Entonces ahora vamos a tener que entrar, entonces, amor. Y luego tú y volverás a notar que una vez que el ojo crezca, verás ese boom y marco número 15. Desaparece de nuevo. Estos son todos esos marcos potenciales, acuerdo? No agregamos marcos a estas otras capas mientras nos movíamos, nuestro marco se extiende alrededor. Entonces lo que voy a hacer es Cruz todo el camino para enmarcar el número 60 aquí, y voy a dar clic en la capa superior y arrastrado hacia abajo para seleccionar todos esos fotogramas y golpear F cinco. Y lo que eso va a hacer es extender la línea de tiempo hasta encuadrar los fotogramas número 60 y ed en todas esas capas. Entonces ahora verás que los corazones no desaparecen. Al fregar hacia adelante, entra el yo y luego tenemos todos estos marcos sólidos aquí en esa capa, por lo que eso significa que va a mantenerse visible. Y de nuevo, esto son cosas que repasamos todo el camino de regreso en los primeros días de este curso. Está bien, así que ahora tenemos te quiero, y de verdad lo hago. Está bien, así que realmente en rollo aquí. Pero por qué no te pones de pie, Stretch, toma un café, haces algunas tomas saltando. Nos quedan unos minutos más donde te voy a mostrar cómo construir la animación emoji . Está bien, así que vuelve en tres segundos, acuerdo? Es bueno tenerte de vuelta. Ahora vamos a dio es conseguir ese emoji dando vueltas. Entonces déjame ir a mi biblioteca. Y aquí tenemos los ojos del corazón. Emoji. Ahora tengo la cabeza de juego en cuadro 30. Si hago clic en este marco aquí en arrastrar el corazón ojos emoji sobre el escenario. ¿ Sabes de qué manera? De vuelta en los primeros días, va a terminar en el cuadro uno. No quiero verlo antes de todo esto. Yo quería aparecer en el cuadro 30 así que debería haber puesto un marco clave su primero. Pero también podemos hacer esto. Si hago clic en ese marco y suelto, entonces puedo volver a hacer clic, mantenerlo presionado y arrástrelo. Entonces eso es un buen puntito de dedo del pie tiene. Y entonces Ahora todo lo que realmente quiero hacer es usar la herramienta de alineación a escenario, y solo la voy a alinear horizontalmente. Y creo que solo quiero tenerlo un poco abajo. Entonces sólo voy a cambiar la flecha hacia abajo una o dos veces. Bastante cool. Está bien. Ese es el espaciado que quiero a tamaño completo. Ahora, vamos a hacer que esta cosa empiece pequeña y se anime a este tamaño, si no un poco más grande. Entonces voy a ir al cuadro número 45 aquí, y voy a agregar mi fotograma clave golpeando F seis. Y ahora voy a volver al marco número 30. Y usar la herramienta de transformación libre aquí se aseguraría de que seleccionado voy a mantener pulsado turno y simplemente reducirlo a cerca de eso grande. ¿ Todo bien? Y si queremos números exactos, no iría a la herramienta de transformación y ver que hice 23.8%. De acuerdo, así que apenas aproximadamente alrededor del 20%. Ahora voy a hacer click derecho y hacer crear clásico Tween, y lo hemos hecho 100 veces. Ahora se escala bastante cool. Ahora, yo también quiero agregar un poco de rotación. Y si recuerdas, rotación es una propiedad de marco. Entonces voy a dar clic en el primer fotograma de este grupo de Tween, ir al panel de propiedades, y solo voy a decir, rotar en sentido horario una vez, está bien, Y entonces podemos ver cómo va eso. ¿ Todo bien? Bastante cool. Y lo que quiero hacer es que le haga una especie de escala y gire y una especie de sobrerotación sobre escala y retroceda un poco más pequeño. Entonces lo que voy a hacer aquí es salir a decir marco número 50. Voy a añadir otro fotograma clave y bajando sólo un poco sólo un toque como este, ¿de acuerdo? Y luego voy a crear un clásico Tween entre esos marcos. Entonces ahora sale, una especie de rebasamiento y vuelve a bajar. Entonces vamos a probar esto. Y ahora vas a ver donde realmente bastante cool. Está bien. Ahora, yo también quiero hacer un poco más de vuelta, ¿de acuerdo? Sólo voy a añadir un bonito toque extra. Te darás cuenta de que cuando se encoja no está gastando más. Simplemente como una escala recta hacia abajo. Entonces voy a cerrar esto y luego en el fotograma número 45 voy a volver a usar la herramienta de transformación libre y simplemente girar. Yo soy así. Entonces lo que eso va a hacer es que haga una rotación completa e ir un poco más lejos, ¿de acuerdo? Y luego va a girar hacia atrás a medida que se escala hacia abajo. Está bien, así que es sólo un bonito toque sutil. Por lo que es muy juguetón sobre girar a enmarcar 45 luego girar hacia atrás mientras se escala hacia abajo. De acuerdo, entonces veremos eso una vez más como un veloz. Y ahí tienes. Yo te amo. Muy cool. Ahora, unas cosas que quiero hacer aquí es que quiero que salgan los ojos una vez que vuelva a bajar a ordenar su tamaño completo. De acuerdo, entonces vamos a deshacernos de eso. Y para hacer estallar los ojos o los corazones, esa va a ser una animación anidada. Entonces déjame hacer doble click para ir dentro de ese símbolo y verás que tengo bastantes capas aquí abajo. ¿ Todo bien? Simplemente voy a alterar su visibilidad para que podamos ver exactamente cuáles son. Entonces arrancando arriba, tenemos uno de los corazones para los ojos, así verás que los ojos correctos en esa capa. Entonces tenemos el ojo izquierdo. Por lo que también tenemos una capa de boca, y luego tenemos una capa de resplandor facial. Muy bien, ¿qué es esa cosa? Bueno, realidad es solo un círculo que tiene algunos filtros sobre él, superponiendo ahí el fondo amarillo. Entonces déjame solo hacer clic en eso. Ve al panel de propiedades y te digo que tiene su Alfa set toe 40 por aquí, y si nos desplazamos hacia abajo solo un poquito, verás que ahí hay un poco de filtro de resplandor. ¿ Y qué más tenemos? Una sombra de gota y también un desenfoque. Y déjame solo revisar para ver si hay algún modo de mezcla. Sí, hay un modo de mezcla de anuncio. De acuerdo, entonces todos esos diferentes filtros y ajustes solo nos dan una especie de esta pequeña cosa de resplandor que le va a agregar ese efecto tridimensional. Entonces déjame solo deshacer un poco, así que lo pongo de nuevo exactamente donde waas bien, para que eso solo le dé a ese círculo algo de profundidad, y cuando te apaguemos, entonces ten otro círculo amarillo o forma aquí abajo que tenga un Grady int dentro de ella. Está bien, así que esas son todas nuestras capas apagadas y podemos volver a encenderlas y reconstruirlas. Entonces lo que vamos a hacer es animar los corazones dentro de este símbolo. Entonces sin mirar en la línea de tiempo principal, cuanto a averiguar el momento de cuándo debería comenzar esta animación de corazón, sólo vamos al fotograma número 10 y voy a hacer clic y arrastrar para crear fotogramas clave en ambas capas de corazón. Voy a golpear F seis para poner esos fotogramas clave ahí. Voy a ir al marco número 20 click y arrastrar hacia abajo del dedo del pie. Agrega marcos clave ahí. Ahora, esta va a ser una de nuestras animaciones pulsantes. Entonces vamos a empezar con talla normal, a crecer y volver a bajar al tamaño normal. Muy bien, ya lo hemos hecho un par de veces antes, así que en realidad voy a tener tres conjuntos de fotogramas clave que van a hacer clic y arrastrar para seleccionar esos fotogramas entre los que vamos a estar animando. Muy bien, Así que vamos a empezar en este marco, ponernos grandes y 20 y volver a bajar a la normalidad en 25. Ahora te darás cuenta de que Oh, ¿qué pasó? Bueno, esa cosa que pasa todo el tiempo he añadido marcos a las dos capas superiores, pero no a las dos capas inferiores. Entonces por ahora, sólo voy a salir a encuadrar 25. Haga clic en este marco de esta capa, arrastrado hacia abajo para resaltar. Y recuerda, F cinco va a agregar marcos y todas esas capas. Entonces el truco ahora es ir al marco número 20. Voy a seleccionar estos dos ojos aquí, y sólo voy a escalarlos hacia arriba, manteniendo el turno hacia abajo. ¿ Todo bien? Lo haremos un poco más grande y eso se ve bastante genial. Y luego sólo vamos a sumar nuestra animación. Así que haz click y arrastra para seleccionar ambos marcos click derecho crear clásico Tween. Y luego vamos a hacer la animación final donde se hacen más pequeños, crear clásico Tween, y ahí vamos. Entonces los dos van a subir y luego volver a bajar Bastante cool. Entonces ahora lo que vamos a dio es que exportemos sean rápidos y veamos qué pasa. Por lo que comando volver. Realmente no se ven los ojos subiendo porque es una especie de sucediendo mientras las caras giran y escalan. Entonces como que quiero asegurarme de que sólo veamos a los corazones pulsando después de que el rostro haya engendrado y crecido y se haya encogido de nuevo a la normalidad. Entonces que vamos a hacer eso, es esto. Voy a volver a ver al número uno, y tú vas a ver eso. Está bien, esta cosa se está escalando hacia arriba y luego se vuelve a escalar hacia abajo al cuadro 50. Por lo que no queremos que esta animación arranque de los ojos hasta que terminemos de girar, escalar y volver a bajar. Ahora el emoji no aparece hasta fotograma. ¿ Qué es eso? ¿ 30? Y luego se anima a través del marco 50. Entonces, básicamente, necesito tener 20 marcos de espacio muerto dentro de este símbolo. Entonces déjame solo hacer doble clic aquí. Y así no quiero que esta animación empiece hasta algún momento después de un fotograma número 20. Por lo que voy a hacer clic, mantener y arrastrar todo el camino a través de ambas capas para seleccionar todos esos fotogramas y con ellos seleccionados ahora, voy a hacer clic y arrastrar para que el fotograma clave inicial sea tal vez solo un fotograma o dos pasado fotograma número 20. Ahora de nuevo, estamos en la situación en la que estos marcos y estas dos capas se extienden más allá de los tres inferiores . Entonces lo que vamos a hacer es esto. Voy a ir todo el camino para encuadrar número 60 en realidad en solo agregar marcos todo el camino hasta aquí. Entonces cinco para agregar marcos y todas esas capas. Entonces básicamente, lo que va a pasar es que esta animación de crecimiento del corazón va a jugar, y luego va a haber algún tiempo muerto antes de que este símbolo pueda repetirse. Volvamos a ver el número uno y luego ahora vamos a hacer un retorno de comando para probar el veloz hacia fuera. Y ahí vamos ahora. Ups. ¿ Qué está pasando? En realidad no hay tiempo suficiente para ver crecer la animación completa de esos ojos de corazón. ¿ Por qué es eso? Porque después del fotograma número 50 10 fotogramas más tarde, la línea de tiempo principal está terminando aquí. Entonces necesito un poco más de tiempo en esta película, así que voy a salir todo el camino para enmarcar los números del dedo del pie 90 a los tres segundos y basta con hacer clic arrastrar hacia abajo y golpear F cinco. Entonces ahora la próxima vez que pruebo, hay tiempo de sobra para que los corazones pulsen y luego todo el asunto se hará un bucle una vez que se haga ese pulso . De acuerdo, así que esto fue bastante complicado, pero es todo lo que hemos hecho antes. Simplemente lo estamos agregando por completo. Obviamente, crear los símbolos de texto es nuevo. Pero todo el material de animación que hemos hecho de una forma u otra, ojalá estés aprendiendo que una gran parte de trabajar inanimado es este tipo de manipulación de la línea de tiempo de seleccionar fotogramas, moverlos, mover tramos, agregando fotogramas a la línea de tiempo. Y otra vez, esa cosa todo se remonta al principio. Lecciones que hemos estado haciendo a lo largo de todo este curso. Así que esperemos que por ahora, nada de esto sea realmente demasiado nuevo para ti al empezar a ver cómo juntar estos conceptos básicos puede funcionar para hacer cosas más complejas y divertidas. Muy bien, tuiteo feliz. Voy a subir a continuación con las instrucciones paso a paso para ti. 45. Me encantar los seguir: Muy bien, amigos. Tiempo para que lo construyas. Vas a crear símbolos de texto, animar a cada uno, conseguir el gasto de emoji y hacer que sus ojos pulsen. Ahora, hay muchos pasos en este ejercicio, y sé que puedes hacerlo, pero te voy a recomendar que lo hagas en dos partes. Está bien, siéntate, consigue el texto construido y animado, celebra y luego vuelve y trabaja en el emoji. Está bien. Es una gran manera de abordarlo. Todo está en este video, sin embargo. Todo en un solo lugar. Hacer impresionante. Está bien, así que aquí en anime, tengo te amo inicio abierto y tengo el fondo ya construido para ti. Se trata de una capa bloqueada que tiene una serie de corazones en diferentes tamaños con diferente opacidad. Facilidad. Si quieres explorar esa capa, simplemente desbloquearla y puedes hacer clic en los símbolos y verás que hay clips de película, instancia de resplandor del corazón. Está bien. Y en la biblioteca tenemos esos símbolos de resplandor del corazón, como se explica en la conferencia. Simplemente voy a volver a bloquear esta capa, dijo que no hago clic en el corazón, seleccionarlos o moverlos. Por lo que la primera parte de este ejercicio va a ser la adición de nuevos símbolos. Dado que la capa de fondo está bloqueada, vamos al primer paso uno, vamos al panel de línea de tiempo y haga clic en el botón de nueva capa para crear una nueva capa. Después voy a seleccionar la herramienta de texto y hacer clic en cualquier lugar del escenario para crear un nuevo campo de texto . Voy al panel de propiedades y me aseguraré de que el tipo de texto esté establecido en texto estático . La familia que vamos a utilizar es impacto. El tamaño del texto va a ser de 165 puntos, y el color va a ser blanco en el campo de texto vacío. En el escenario tipo sobre Lee la letra I mayúscula, como en I Love you. Haga clic fuera del campo de texto para de seleccionarlo. Haga clic de nuevo para crear un nuevo campo de texto. Escriba la palabra love all caps dentro de ese campo de texto. Haga clic en cualquier lugar fuera de ese campo de texto para de seleccionarlo. Haga clic de nuevo para crear un nuevo campo de texto y escribir. Todos ustedes en mayúsculas hacen clic fuera del campo de texto para de seleccionarlo. Por lo que para esta siguiente parte del ejercicio, necesitamos alinear el texto y ponerlo donde debe estar centrado en el escenario. Pero realmente no sé dónde hiciste clic para poner cada una de tus diferentes palabras, por lo que podría ser difícil darte instrucciones exactas. Entonces lo que voy a hacer es sólo darte las coordenadas de cada una de las palabras. Pasar a la herramienta de selección, click en el I y darle un valor X de 62. Voy a golpear a Tab para ir al campo de los EAU y darle un Y de 50 y golpear retorno. Da click en la palabra amor y dale en X de 1 41 y dale una Y de 50 y luego da click en el tú y dale un ex de 480 Hit tab y dale una Y de 50 y dale vuelta. Entonces ahora cuando uses esas coordenadas todo me veo bien para que a continuación vamos a convertir los campos de texto en símbolos y distribuirlos a capas usando la herramienta de selección. Haga clic en la letra voy a modificar, convertir a símbolo, darle el nombre escribo clip de película, centro de registro y hit OK click en la palabra amor Ir a modificar, convertir a símbolo y darle el nombre amor y golpear OK, click en la palabra que vas a modificar Convertir a símbolo Nómbralo presionas Aceptar, siguiente Hacer editar seleccionar Todo derecho Haz clic en cualquiera de las palabras y elige Distribuir dos capas Aviso que ahora tienes I love and you layers Awesome! Ya estamos listos para animar. Muy bien, entonces lo que vamos a hacer es una animación escalonada Bastante algo lo que hicimos en la lección de la galería de surf . Entonces voy a salir al fotograma número cinco y voy a dar click en la capa U. Sostén pulsado y arrastra hasta que la capa I golpee F seis. Para añadir fotogramas clave, arrastre el cabezal de reproducción hacia atrás al fotograma número uno. Haga clic en el pase al panel de transformación, asegúrese de que el acceso X e Y esté limitado o vinculado y ajuste la escala horizontal también. 20 y golpeó Return. Haga clic en el amor. Vaya al panel de transformación, escale el ancho hasta un 20%. Haga clic en el que vaya al panel de transformación y escale el con al 20%. Haga clic en cualquier lugar fuera del escenario para de seleccionar las palabras haga clic en Marco uno de la capa U y arrastrado hacia abajo para seleccionar el primer fotograma en las tres capas y suelte el ratón haga clic derecho en cualquier fotograma y seleccione. Crear clásico Tween. Haga clic en algún lugar de la línea de tiempo para de seleccionar los fotogramas seleccionados. Vaya a la capa I, haga clic y mantenga pulsado en el fotograma uno y arrastre para seleccionar todos los fotogramas y suelte el mouse. Haga clic en el lapso de fotograma seleccionado en arrástrelo hasta que el primer fotograma esté en fotograma. Número 10. Vaya a la capa de amor, haga clic en el marco uno. Sostenga pulsado y arrastrado para seleccionar el lapso de fotograma y suelte. Haga clic en el lapso de fotograma en arrastre para que el primer fotograma esté en fotograma. 15. Ve a la capa U. Haga clic en el primer fotograma. Sostén pulsado, selecciona y arrastra todos los fotogramas y suelta. Haga clic en el lapso de fotograma seleccionado en arrastre para que el primer fotograma esté en fotograma. 20. Agarra la cabeza de juego y fregar a través de tu animación. bastante cool, Animaciónbastante cool, escalonada. Ahora el tema es que el corazón desaparece porque no tenemos marcos en esa capa. Salir al fotograma número 90 haciendo clic en la capa superior sostenga el ratón mientras arrastra hacia abajo para seleccionar el fotograma 90 en las cinco capas y suelta golpear F cinco para agregar fotogramas, Scrub de nuevo para encuadrar uno y frotar a través de su animación. Ya no desaparecen los corazones. Muy bien, amigos. Ahora es el momento de animar ese emoji en tu archivo F l A. Deberías tener una capa superior con un marco de llave en blanco al principio aquí. De acuerdo, tu capa podría llamarse capa uno o capa dos. Hice algunas ediciones en el camino, así que de cualquier manera, solo haz doble clic en esa capa superior y nombra emoji y golpea retorno. Ahora vamos a salir al fotograma número 30 y hacer clic en Frame 30 en la capa emoji y golpear F siete. Para agregar un nuevo marco clave en blanco, ve al panel de la biblioteca y arrastra el emoji Ojos del corazón al escenario. Vaya al panel Alinear, asegúrese de aliar dos etapas seleccionadas y haga clic en el botón para un centro horizontal de línea . Vamos a ir al panel Propiedades y establecer la posición por qué en 405 píxeles y golpear retorno. Impresionante. Ahora, para construir nuestra animación hacia fuera, vamos a agregar algunos fotogramas clave. Haga clic en el fotograma número 45 en la capa de emoji y golpea F seis. Para agregar un nuevo fotograma clave, Haz clic en el fotograma 50 de la capa de emoji y pulsa F six para agregar otro fotograma clave. Esto configura nuestro pulso básico donde vamos a empezar pequeño, a y luego a ponernos pequeños de nuevo. Ir al fotograma número 30. Da click en el Emoji. Abra el panel Transformar en establecer la escala al 10%. Ir al fotograma número 50 Haz clic en el emoji y usando el panel Transformar, ajusta la escala al 70%. Haga clic derecho entre fotogramas 30 y 45 seleccionar. Crear clásico Tween clic derecho entre fotogramas 45 50 y seleccionar. Crea clásico exfoliante de Tween a través de la animación y verás que el emoji escala hacia arriba y luego simplemente vuelve a bajar un poco. Bastante cool. Para agregar la rotación al emoji, haga clic en Marco 30 y en el panel Propiedades seleccione. Girar en el sentido de las agujas del reloj un golpe de vez, volver o entrar para previsualizar la animación. Bastante cool. Vamos a crecer de nuevo a donde está esa animación, y lo verás en el fotograma número 45. Ya sabes que ahora está totalmente rotado. Para agregar una sobrerotación, haga clic en el emoji, vaya al panel de transformación y ajuste el dedo del valor de rotación 1 40 Ahora frota por la animación y verás que tipo de sobre gira y luego gira hacia atrás a medida que se contrae hacia abajo. Impresionante. A continuación, vamos a crear los ojos pulsantes del corazón. Después de que el emoji baje hacia abajo, ve a la biblioteca y haz doble clic en los ojos del corazón. Símbolo de emoji para entrar en símbolo. Modo Editar. Ir a enmarcar 60 dentro del símbolo de los ojos del corazón emoji y haga clic en el marco 60 en la parte superior. Sostenga la capa y arrastre hacia abajo para seleccionar el marco 60 en todas las capas. Presione F cinco para agregar marcos al marco 60 en todas las capas, haga clic en el marco 20 en la retención de la capa superior y arrastre hacia abajo para seleccionar el marco 20 en ambas capas superiores . Hit F six Para agregar fotogramas clave a ambas capas. Haga clic en el fotograma 30 en la capa superior y arrastrado hacia abajo a la segunda capa y suelte para seleccionar fotogramas y ambas capas golpean F seis Para agregar fotogramas clave a ambas capas. Haga clic en el marco 35 en la capa superior mantenga y arrastrado hacia abajo a la segunda capa y suelte para seleccionar fotogramas y ambas capas golpean F six para agregar fotogramas clave a ambas capas. Volver al marco 30. Haga click a la izquierda. Yo mantengo pulsado, cambio y hago clic en el ojo derecho. Ir al panel de transformación libre y escalar ambos ojos a 1 50 Haga clic en el marco 20 de la capa superior y arrastrado hacia abajo a la segunda capa y suelte para seleccionar ambos fotogramas clave. Correcto. Haga clic en uno de los fotogramas clave seleccionados y seleccione Crear tween clásico haga clic en el fotograma 30 en la capa superior. Sostén arrastrado hasta la segunda capa y suelta para seleccionar ambos fotogramas clave. Correcto. Haga clic en uno de los fotogramas clave seleccionados y elija crear clásico exfoliante de Tween a través de la animación para ver ambos corazones. Pulso. Haz una película de prueba de control en Enemy, y ahora verás que esos ojos duros pulsan y la animación es impresionante. Ahora bien, si llegaste a este punto, estoy tan contenta contigo. Sé que hubo mucho en esta lección. Había muchos pasos, pero ojalá veas que es un montón de hacer las mismas cosas una y otra vez, y sé que puede ser complicado a veces seleccionar múltiples fotogramas, moverlos y todo ese jazz. Pero es una especie de práctica. Te va a hacer realmente bueno en tu día a día. Entonces si superas todos estos pasos y hiciste esta animación, estoy tan orgullosa de ti y ten un día increíble. 46. Tweens de forma: en este ejercicio, te voy a mostrar cómo crear una forma Tween Vamos a transformar una forma en otra haré que el rectángulo se transforme en una estrella y te mostraré cómo usar extremos de forma. Vámonos. Está bien. Entonces déjame solo darte algunos ejemplos de cómo usar una forma Tween Tengo seleccionada mi herramienta de pincel , y lo que voy a hacer es simplemente dibujar una línea así. Voy a ir al fotograma número 20 aquí y pegaré F siete para agregar un marco clave en blanco. Y ahora voy a dibujar una línea que se ve así. De acuerdo, entonces en el cuadro uno, tenemos esa línea en el marco 20. Tenemos ese trazo de pincel, debería decir, y voy a hacer click derecho y hacer crear forma Tween. Y este es un momento en el que vamos a crear un Tween pero no usar símbolos porque estábamos usando formas. Así que ahora echa un vistazo a lo que pasa, se anima suavemente, mueva entre esas dos formas, está bien, Y podrías hacer algunas otras cosas interesantes. No lo sé. A lo mejor esto es como una boca a una cara rara para que pudiera dibujar unos ojos aquí así. Eso está en el cuadro uno y en el cuadro dos que podría hacer lo ponen aquí así. Y no sé por qué nunca dibujas algo como esto, pero solo quiero que veas cómo el enemigo puede igualar inteligentemente caminos en la forma inicial y la forma final, y obtienes algunos resultados bastante buenos. Ahora bien, si la forma final es salvajemente diferente a la forma de inicio y tiene mucho más, uh, piezas a ella, si lo harás en diferentes lugares, tal vez tenga pelo aquí. Está bien. No sé qué es esto, pero verás que algunas cosas muy interesantes suceden en el medio, pero sí te lleva del punto A al punto B. Muy bien, entonces ahí solo estaba usando unos pinceladas. Um, voy a volver al fotograma número uno. Y si selecciono todo y lo elimino, tendré aquí un marco clave en blanco y un Tween roto. Eso está bien. Ahora voy a empezar a dibujar algunas, sabes,formas regulares, formas regulares, como un rectángulo con la esperanza de hacer qué? Sin derrame cerebral por ahora. Ponga un rectángulo en el centro de mi escenario más o menos y luego en el último fotograma clave. Voy a poner otro rectángulo más grande aquí y tal vez dos allá. Está bien, así que ahora voy de un rectángulo a tres. Está bien, así que eso es bastante guay. A lo mejor voy a ir a cuatro. Muy bien, entonces estamos transformando uno o rectángulo cuadrado en cinco. Si me deshago del medio en el marco final, ¿qué hace eso? Entiendes esto, ya sabes, cosas bastante cool. Y lo que puedes hacer también es que puedes cambiar colores para que uno no tenga que ser azul. Podría ser ese color. Este podría ser algo así. Este de aquí podría ser verde. Y entonces ahora cada caja está cambiando de color, ya que estamos haciendo una forma Tween, y estos no tienen que ser cuadrados. Ya sabes, esto podría ser algo que se ve raro así, y yo no podría saberlo. Dobla eso y dobla esto y saca eso. Y no sé, hay algo así. Y de nuevo, iremos de un dedo del pie cuadrado, cuatro formas diferentes de diferentes colores. Ahora, obviamente, probablemente deberías tomarte más tiempo para hacer esto y hacer algo un poco más artístico. Pero sólo quiero mostrarles la mecánica básica de hacer una forma entre una de las cosas que me gusta hacer o mostrar a la gente es Ah, déjame volver a enmarcar uno y borrar ese cuadrado. Voy a usar mi herramienta de pincel y déjame simplemente manivela el tamaño. Pude haber usado el óvalo, pero voy a dio uno que es un color horrible. Vamos a ir a algo un poco más oscuro. Iremos a ese azul, 23 cuatro círculos. Correcto. Y yo voy a ir al último fotograma clave aquí y otra vez verás que pasa lo mismo tipo de cosa . Pero en el último fotograma clave, voy a hacer un control A para seleccionar todo y deshacerme de él. Y voy a sacar mi herramienta de texto, y voy a escribir mi nombre C A r l. Y como aprendimos en una lección anterior, si rompo ese texto una vez que tengamos individuales editar campos de texto herbales y si lo separo de nuevo, mando sea vamos a conseguir formas individuales de todos esos personajes. Entonces sólo voy a tomar el mar moviéndose por aquí la A por aquí,ya sabes, ya sabes, en whoops Fuerza para hacer que este dedo del pie se vea bien. A mí me gustaría, ya sabes, usar el desollado de cebolla o tener todo sobre puesto bien. Pero aquí, solo quiero mostrarles que cada círculo ahora puede transformarse en su propio carácter. ¿ Todo bien? Entonces otra vez, estoy haciendo esto en, como, 10 segundos. Pero puedes hacer que animaciones como esta se vean realmente bonitas. Por lo que una vez que tengas tu forma Tween en su lugar, literalmente puedes cambiar cualquier cosa en el primer fotograma o en el marco final. Podría tomar esto, ya sabes, rodearlo y moverlo por aquí. Éste de ahí abajo, no lo sé. Podría hacerlos todos diferentes colores o solo uno de ellos. Diferentes colores harán eso cuando sea elegido. Ese bonito color en este de aquí, Will dio no sabe algo así y luego te dan algo como esto. Muy bien, Bastante guay. Ahora hay momentos, o tal vez vas a trabajar con formas más simétricas. O tal vez quieras tener un poco más de control sobre el morfado. Voy a ir a este archivo aquí y dejarme solo hacer un ajuste en ventana y tengo en marco uno un cuadrado y luego enmarcar 20 la estrella. Entonces te voy a guiar por transformando esta plaza en la estrella, y luego voy a dar uso, seguir las indicaciones para ello, ¿de acuerdo? Y así tengo configurado el marco clave, pero voy a hacer click derecho y hacer crear forma Tween. ¿ Y vas a ver eso? Sí. El cuadrado sí se transforma en la estrella, pero hay un poco de rotación dando vueltas, como si aquí se agregaran algunos puntos extraños que lo hacen lucir. No lo sé, No tan simétrico como me gusta ahí mismo. Casi. Parece que hay un poco de rotación pasando. Muy bien, ¿Por qué la esquina superior se mueve aquí abajo en algunos de estos puntos moviéndose hacia la izquierda? De acuerdo, entonces la solución para esto es una pista de forma. Muy bien, así que voy a seleccionar la forma en el marco uno e ir a modificar forma, añadir forma, sugerencia. Muy bien, Ahora lo que voy a conseguir es este pequeño rojo un aquí. De acuerdo, entonces tenemos un círculo rojo con la letra A en él, y lo que puedo hacer es tomar esa una y moverla a algún lugar de mi forma. Quiero señalar que para el mejor comportamiento aquí, deberías tener tu chasquido encendido. De acuerdo, así que eso está apagado. Y eso significa que puedo dejar este punto en cualquier lugar, y no hay chasqueos naturales. Pero con ese pequeño imán encendido naturalmente brotará a esa forma. Por lo que tengo una A roja en el primer fotograma y luego marco 20. Lo que puedo hacer es tomar la A roja y decir, ¿ Dónde quiero el punto? A. En la forma inicial estar en la forma final. Por lo que naturalmente me gustaría que fuera la cima de esta estrella aquí. Y cuando hago eso, obtienes unos resultados ligeramente mejores. Se obtiene una morfa muy simétrica a la izquierda, pero a la derecha, todavía hay como estas raras clases de reyes aquí. Muy bien, así que esa no es realmente la mejor solución en este momento. Pero sigamos adelante y agreguemos algunos más indicios de forma. Voy a ir a modificar forma, agregar forma, insinuar, y ahora tengo ser sapiente, Y tal vez llevo eso a la esquina superior derecha en la forma de inicio y luego en la forma final , tal vez Yo quiero que sea este punto en la estrella. Entonces ahora tengo la forma correcta siendo muy simétrica y agradable. Y ahora el lado izquierdo se está poniendo un poco incómodo. ¿ Todo bien? Para que pudiera recorrer todo el camino alrededor de la forma, agregando nuevos puntos que podría hacer Tal vez un mawr no modifique forma en forma. Insinuación. Y tal vez si tomo el punto C y lo pongo aquí y luego voy al marco 20 y tomo el punto C y lo pongo ahí, conseguiré lo que quiero. Y ahí lo tengo. Ah, bingo. Eso se ve bastante bien. Entonces es un juego un poco de adivinanzas, pero te voy a mostrar cómo puedes arreglar esto con una sola mano de forma. Pero por ahora, hemos aprendido que podemos decir animate donde los puntos de la forma inicial deben estar en la forma final . Y cuando están perfectamente rotos en la forma de inicio, se ponen amarillos y en la forma final, se van a poner verdes. Entonces lo que quiero hacer es mostrarte que podemos quitar pistas Si estoy en forma final y derecha , click en una pista, quitar pista y quitar todas las pistas es genial fuera. Está bien. Necesito ir a la forma de inicio y luego seleccionar la forma y que quiero Con el fin quitarla, voy a hacer un quitar todas las pistas. Después se van, y estoy de vuelta al tipo de kronke, uh, morph que tenía originalmente. Bueno, ahora lo que voy a hacer es volver a enmarcar uno. Voy a seleccionar sólo la forma o para modificar la forma, agregar forma, sugerencia. Y voy a tomar la A y ponerla en la esquina derecha en el cuadro de inicio y en el marco final , voy a poner justo aquí. Observe que se volvió verde cuando se quebró. Y ahora sólo una pista de forma hace el truco, tal vez como Carl. ¿ Cómo supiste eso? Bueno, jugué alrededor de él por mucho tiempo, acuerdo? Entonces, típicamente, hubiera seguido agregando forma. De ahí hasta lucir bien. Pero en algún lugar de mi exploración, me doy cuenta de que sólo agregar que uno hizo el truco. Por lo que en el futuro, puede que tengas la misma suerte. Ahora, hay momentos en que tus insinuaciones de forma van a desaparecer. ¿ Todo bien? Ahora mismo, lo único que tengo en mi expediente es una estrella y marco 20 y este cuadrado y marco uno. Pero digamos que tenía otra capa y tenía algo más por aquí totalmente sin relación . De acuerdo, Bueno, cuanto yo, ya sabes, sabes, selecciono esta cosa aquí o la dibujé, mis pistas de forma se fueron. De acuerdo, si selecciono esta forma, la forma de ahí no aparece, acuerdo? Y entonces puede que estés enloqueciendo como raro. Mi forma termina. Ve Bueno, esto es lo que haces. Todavía te gusta la forma y vas a ver mostrar forma de ahí, y luego aparecen. Por lo que a continuación tendré un ejercicio de ustedes transformando esta plaza en la estrella y poniendo la forma. Insinuación. Va a ser muy rápido, pero de verdad te animo a abrir un F l a en blanco y a meterte con forma Tweens. Está bien. Dibuja algunas líneas astutas y enmarca un dedo del pie otras líneas en el marco 20 e intenta hacer tus propios morfos divertidos. Está bien. Ver, en el siguiente video 47. Seguir la forma de la clase: Muy bien, amigos, este va a ser el seguimiento más rápido en los Siri. Entonces vamos a estar trabajando en forma Tweens en su puntaje start dot fl a Ir a encuadrar uno. Ve que tienes un rectángulo ve al encuadre 20 y ve que tienes una estrella. Siguiente, a la derecha. Haga clic en cualquier lugar entre los fotogramas uno y 20 y seleccione. Crea forma Tween fregado a través de tu animación Para ver cómo el cuadrado se mete en la estrella. Volver a enmarcar un clic en el cuadrado para hacer corto seleccionado e ir a modificar forma, añadir forma ella. Asegúrese de que el ajuste a los objetos esté seleccionado en la barra de herramientas y, a continuación, mueva la A a la esquina superior derecha del cuadrado. Ve al encuadre 20 y mueve la A roja al punto más alejado a la derecha. Se pondrá verde, uno se partió. Vuelve a enmarcar uno y luego fregar a través para ver un más perfectamente simétrico desde la plaza hasta la estrella. Muy bien, Ya has hecho tu primera forma Tween con una pista de forma. Enhorabuena 48. Chicken con bomba: todo el mundo. ¿ Qué pasa? Estoy súper emocionado con esta lección. Este es el que he estado queriendo enseñarte desde que empecé el curso. Muy bien, vamos a tirar una bomba sobre un pollo y hacer que explote. De acuerdo, Con super cool sobre este ejercicio es que solo refuerza todas las cosas que hemos estado pasando desde el primer día. Marcos clave, manta, marcos, símbolos, símbolos, animaciones anidadas. Nada es realmente tan difícil. Está bien. Vas a estar como, Oh, ¿sabes qué? Probablemente podría esto por mi cuenta a estas alturas. Y así es realmente como quiero que te sientas. Lo único que cuando se presente Nuevo va a ser sonido. Y eso es súper sencillo. Entonces vamos a agrietarse. Está bien. Entonces para empezar, lo que quiero hacer es simplemente pasarte por el archivo terminado. Entonces tienes una idea de qué es lo que vamos a estar construyendo. Entonces aquí en carnes de pollo, bomba terminada. Voy a fregar hacia adelante. Ya ves, tenemos este pollo colgando por aquí, y luego tenemos el marco 20. Esta bomba va a empezar a caer desde arriba, acuerdo? Y después de que golpee, el suelo va a girar Sólo un poquito hacia el pollo. Se va a quedar ahí parado un poco estupefacto, y luego va a boom, mira hacia abajo. Ves sus ojos apuntan hacia abajo y entonces ¿qué va a pasar es que las explosiones van a empezar? Muy bien, entonces tenemos tres símbolos que están explotando. En realidad es el mismo símbolo tres veces. Y luego vamos a cambiar en un pollo sin plumas, y él va a tener sus ojos como pulso. De acuerdo, así que vamos a estar simplemente configurando a RFL un dedo del pie que se vea exactamente así. Si lo miras, realidad no es demasiado complicado. En realidad solo hay un clásico Tween en la línea de tiempo principal, pero vamos a estar repasando muchos de los conceptos básicos que hemos estado haciendo a lo largo de este curso con la creación de fotogramas clave, marcos blankie y haciendo algunas animaciones anidadas. Lo más importante de estos archivos terminados, realmente, para entender algunos de los símbolos lo estarán usando sobre mi biblioteca. Ya verás que aquí tenemos el símbolo de la bomba, así que va a hacer doble clic en eso, y este es un símbolo de cuadro múltiple con una animación anidada, y solo tiene unos fotogramas diferentes de las llamas, animando solo tres diferentes estados. De acuerdo, así que mientras está cayendo, estas llamas van a estar chorreando fuera de la cima. Tenemos el pollo y tiene un aspecto impresionante y tiene dos marcos. Por lo que el primer marco son sus ojos mirando hacia adelante y luego marco a es donde mira hacia abajo. Entonces va a ser un símbolo gráfico. Y sólo vamos a cambiar entre el cuadro uno y dos para que sus ojos cambien dirección. Tenemos pollo, sin plumas, que es lo mismo. Esperen pollo, pero no tiene plumas. Ese tipo de pollo después de la explosión, tenemos animación de explosión. Y así aquí tenemos un símbolo que tiene unos marcos diferentes en él de diferentes estados de la explosión ocurriendo. Y acabo de crear este símbolo con la herramienta de pincel. Literalmente acabo de hacer algunos círculos anaranjados y amarillos, y en cada cuadro, los tenía extendidos y encogían un poco, y desaparecen en el último fotograma. Entonces vamos a estar usando múltiples instancias de ese símbolo en esta animación. Tenemos un archivo de sonido aquí, así que te mostraré. Whoa, un poco cómo trabajar con sonido. Y entonces tenemos el suelo, que es donde está parado el pollo. Está bien, solo voy a saltar a mi archivo de inicio para que podamos empezar a construir este proyecto. Lo primero que quiero hacer es asegurarme de tener mi capa de pollo seleccionada. Y voy a sacar el símbolo del pollo de la biblioteca y arrastrarlo al escenario. Y yo sólo lo voy a poner justo ahí. Se ve genial. Está bien, Ahora va a pasar el rato un rato justo ahí parado antes de que baje la bomba. Entonces solo voy a fregar unos marcos y notaré como me estoy fregando que sus ojos se vuelven realmente locos. Entonces déjame solo tocar esta animación y verás que Eso es una especie de locura. Entonces lo que queremos hacer aquí es, ya que es un símbolo gráfico con dos marcos, voy a ir a darle click en el marco uno. Van a ir al panel de propiedades, y en lugar de tener sus opciones establecidas toe loop como sabemos, un gráfico puede dio vamos a decir, Hey, toca un solo fotograma número uno Y así ahora no está buceando entre sus ojos yendo un poco raro. De acuerdo, Siguiente, animemos la bomba. Entonces en la capa de bombas, voy a salir a enmarcar 20 y hacer clic, y voy a golpear F seis para agregar mi marco clave ahí para poner la bomba aquí en este marco. Voy a ir a la biblioteca. Voy a sacar la bomba e iba a poner por aquí muy rápido. Ahora voy a poner en el suelo, realidad, es que se puede ver lo que va a pasar ahora, una vez que la bomba golpee el suelo, va a girar un poco hacia la derecha. Vale, Ahora, si escribí, tómate un poquito, está bien. Pero mira lo que pasa si roto mucho. Observe que la bomba en realidad sale del suelo, acuerdo? Y eso es porque el punto de transformación está sentado aquí mismo, acuerdo? En realidad podría girar todo el camino hacia arriba en el aire. Pero lo que quiero hacer es asegurarme de que el punto de transformación esté justo encima de ese punto de registro ahí mismo. ¿ De acuerdo? Orm o en el centro de la bomba real. Así que mira lo que pasa ahora cuando giro, se queda en el suelo. Puedo rotar un 360 grados completos. De acuerdo, Entonces antes de hacer alguna animación, quiero poner ese punto de transformación donde necesita estar. Porque si cambio eso en diferentes fotogramas clave, va a hacer que la bomba en realidad salte en su posición, y se ve todo raro. Entonces sólo confía en mí que queremos el punto de transformación justo visualmente en el centro de la bomba. De acuerdo, debo decir, el cuerpo circular de la bomba. Entonces con eso hecho, voy a sacar la bomba del escenario justo por aquí. Apenas quedaba un poquito del pollo en el marco 30. Voy a salir, y voy a dar click en marco 30 f seis para agregar un fotograma clave. Y quiero asegurarme de tirar esa bomba directamente hacia abajo sin moverla en absoluto. Y es una especie de salir de sus guías. Entonces lo mejor que hay que hacer es mantener pulsado, cambiar y tirar hacia abajo justo hasta que la bomba esté justo aquí y luego en el fotograma número 35 después de su aterrizado, voy a agregar otro fotograma clave y ahora voy a rotarlo así . OK, entonces arranca arriba, va a bajar y luego rotar. ¿ Y cómo hacemos que eso suceda? Simple clic derecho crear tween clásico y clic derecho crear tween clásico. Entonces ahora solo toquemos esta animación desde el principio Y ahí vamos. Entonces la bomba cae como un ladrillo. Déjenme parar esto. ¡ Whoa! Vuelve al principio. Y ahora tenemos la bomba cayendo y luego girando hacia adelante. A continuación, vamos a hacer explotar esta bomba. De acuerdo, así que ahora la bomba no va a explotar en realidad. Simplemente vamos a poner los gráficos de explosión encima de la bomba. Ahora bien, no quiero que suceda. Tan pronto como caiga la bomba, quiero que haya un poco de una pausa dramática antes de que la cosa realmente explote. Entonces por aquí y marco número 60 voy a ir a la capa de explosión y dar click en el marco 60 y voy a golpear F seis para agregar mi fotograma clave, que de nuevo va a estar en blanco. Y luego voy a sacar el símbolo de animación de explosión, y sólo voy a ponerlo una especie de donde estaría encima de la bomba. Ahora, si me froto hacia adelante, verás que es una explosión bastante pequeña. Está bien, así que eso es un símbolo gráfico encendido. Sólo estoy fregando sus cuadros en la línea de tiempo principal. Pero lo que quiero hacer es hacer que eso sea un poco más grande. Entonces solo lo voy a seleccionar, y voy a ir al panel Transformar y hacerlo 700%. Es de tamaño normal y luego simplemente se centra sobre la bomba. Entonces ahora va a ser un boom, gran, enorme explosión. Y déjame solo hacer una exportación de ese veloz. Vamos a comprobarlo, acuerdo? Entonces te darás cuenta de que esa explosión está haciendo qué? Es bucle. Está bien, así que no quiero que pase ese dedo del pie. Entonces déjame solo seleccionarlo, y voy a ir al panel Propiedades y decir Vamos a jugar una vez, y quiero tener algunas versiones diferentes de esta explosión para que realmente cubra todo. Entonces voy a opción drag o old drag en el PC y hacer otra copia. Este de aquí, voy a fijar a unos 300 voy a opción arrastrar otro, y voy a hacer éste. Digamos que el 100% de su tamaño para que pueda presionar este botón de reinicio de escala para bajarlo a 100. Y entonces ahora solo va a haber un montón de cosas pasando, acuerdo? Y va a pasar tan rápido que no vas a saber que son tres copias de la explosión de vapor, pero sólo va a llenar el marco muy bien. Muy bien, aquí vamos. Entonces todo tipo de cosa explota. Ahora, el problema es que la bomba sigue aquí y el pollo sigue aquí, Así que boom. Está bien. Lo que queremos hacer es asegurarnos de que cuando comiencen las explosiones, ya no quiero ver la bomba. Ahora bien, esto es algo va un poco complicado, porque ahora que las explosiones aquí, realmente no puedo seleccionar la bomba. Bueno, en realidad, sí lo seleccioné, pero verás que lo he seleccionado en el cuadro 35. Entonces si lo elimino, sabemos que no debemos hacer eso. Eso va a romper el Tween y me dará un marco de llave en blanco y marco 35 Así que déjame deshacer eso de verdad rápido. Y la solución aquí es poner un marco de llave en blanco en la capa de bomba tan pronto como aparezcan las explosiones. Entonces en este marco justo aquí debajo de la explosión, voy a f 72 en un nuevo marco de llave en blanco. Por lo que ahora, tan pronto como comiencen esas explosiones, la bomba va a desaparecer y no habrá ningún lugar para ser vista. Por lo que a continuación se va a defecto allí. El pollo. Muy bien, Así que unos marcos después de que explote la bomba, vamos a querer mostrar nuestra versión d emplumada del pollo. Entonces solo quiero mostrarles algo, y eso está en la biblioteca. Tengo pollo, sin plumas. Y cuando lo arrastre al escenario, quiero mostrarles que está más o menos dibujado exactamente del mismo tamaño que la versión emplumada . Excepto por que su cuerpo es un poco más pequeño porque no tiene todas esas plumas. Ahora, el truco aquí es que queremos Disculpe, el pollo de pluma para estar en el mismo lugar exacto que el de plumas para poder posicionarme y donde quiera y luego borrar el normal. Pero te voy a mostrar un truco genial. Entonces déjame deshacerme de él. Voy a ir al encuadre número 65 en la capa de pollo. Quiero asegurarme de que estoy agregando un nuevo marco clave. De acuerdo, así que va a dar clic aquí abajo y golpear F six para agregar un nuevo fotograma clave, que significa de nuevo que puedo estropearlo todo en el cuadro 65 sin afectar a todos estos fotogramas anteriores. Ahora, lo que voy a hacer es en lugar de intentar alinear manualmente el pollo, sin plumas con éste. Voy a, click derecho en el pollo y voy a seleccionar símbolo de intercambio. Y luego me sale esta ventana. Eso me muestra cualquier símbolo que quiera intercambiar. Voy a seleccionar pollo, sin plumas. Obtengo esta vista previa y hit cool. OK. Y entonces ahora el no más pollo aparece ahí mismo. Y si me froto hacia atrás, verás que entre no plumas y plumas, no hay salto. Está bien. Vigila los ojos y las piernas. Ya verás. Lo único que realmente está pasando es que el aire de plumas amarillas se va y te queda con un pollo rosa de plumas. Está bien. Bastante cool. Entonces yo exporto este veloz y boom ahí tienes tu pollo sin plumas. Es bastante impresionante. Y creo que esto va a dar vueltas una vez más. ¡ Boom! Ahí vamos. Entonces para hacer esto aún más fresco a continuación, lo que vamos a dio es agregar ese sonido de explosión ¿bien? Entonces queremos hacer es agregar el sonido de explosión asumir es esos gráficos de explosión comienzan a reproducirse? Entonces eso va a ser después de que caiga la bomba. Y entonces por aquí está el primer marco de las explosiones. Te darás cuenta de que aquí tengo una capa separada para el sonido, así que solo voy a añadir un marco clave ahí porque vamos a hacer es literalmente adjuntar el sonido a ese marco clave. Entonces voy a f siete para agregar un marco de llave en blanco ahí. Y vamos a ir a importar archivo a biblioteca y dentro de mi desafortunada carpeta Chicken, tengo explosión dot mp tres, que te estaré dando también en los archivos fuente. Déjame solo golpear abierto y luego verás en mi biblioteca que explosion dot mp tres aparece aquí arriba y puedo previsualizarlo. Sujétate las orejas. Está bien. Qué explosión impresionante. Entonces ahora lo que voy a hacer es ir al panel de propiedades y con este marco seleccionado, verás que hay una categoría de sonido, y lo que voy a hacer es dar click en este menú y me muestra todos los archivos de audio que hay en mi biblioteca. Entonces voy a asignar el sonido de explosión MP tres a ese cuadro. Ahora bien, aquí hay diferentes opciones para efectos tan lejos como les gusta, alimentar cosas dentro y fuera, alimentar cosas dentro y fuera, panearlas con lo que puedes experimentar por tu cuenta. También hay fregadero donde hay cuatro opciones diferentes para el inicio del evento, parada en corriente. No voy a repasar todas las diferencias, pero en este momento solo voy a seleccionar stream porque me permite realmente escuchar el sonido cuando me frote en mi f l A. Y eso podría ser importante para sincronizar para más información sobre todas esas diferentes opciones. Ahí hay un artículo de ayuda de adobe. Ah, eso explica inicio del evento, parada y transmisión y tal vez todo otro video donde te explico eso por unos 15 minutos. Pero ahora no es el momento. Es un gran recurso y te daré el enlace para eso en la lección. Entonces vamos a saltar de nuevo para animar. Y ahora deberíamos escuchar ese sonido cuando la cabeza de juego se pone exactamente en el marco 60. Está bien, así que déjame seguir adelante y probar mi archivo swift. ¿ No es eso también suma tanto? Podría decir que ya terminamos, pero lo que quiero hacer es avanzar y sólo añadir unos racimos muy sutiles. Lo primero que quiero hacer es que el pájaro mire hacia abajo. Es el golpe o dos después de que la bomba realmente lanzada va a mirarlo. Entonces cuando explote, vamos a tener pulso de sus ojos. Está bien, así que sólo vamos a estar agregando cambios muy, muy sutiles que el aire va del dedo del pie. Sólo tienes que añadir un poco más de vida y realismo a esta tonta animación. Entonces lo primero es lo primero, volvamos a un poco después de que la bomba caiga para que baje y luego se gira y sigue parado ahí, una especie de tonto. Lo que voy a hacer es en el marco 40 en la capa de pollo. Voy a dar click en un nuevo fotograma clave al golpear F seis, claro. Y en este marco de aquí, voy a dar click en el pájaro y puedo usar el recolector de marcos para elegir marco para recordar. Tiene dos marcos. Podría ser un poco difícil de ver. Déjame acercar un poco. Muy bien, así que en marco a sus ojos, aire sólo mirando hacia abajo. Alguien cierre el recolector de marcos. Por lo que ahora sólo un golpe después de que la bomba gira sobre, Mira lo que pasa. ¡ Boom! Él mira hacia abajo. Entonces se va unos segundos de mirar esta bomba, sin saber realmente qué es. Y entonces Boehm va a explotar en su cara ahora en estos marcos, mientras que el sonido de explosión todavía se está apagando y simplemente está mirando una especie de blankly al espacio. Vamos a hacer un poco de animación pulsante de sus ojos, así que eso va a ser bastante fácil. Déjame solo hacer doble click sobre él para editar a Tim. Entraremos en modo de edición de símbolos para pollo, sin plumas, y solo voy a salir a enmarcar 20 digamos, haga clic y arrastre hacia abajo para seleccionar fotograma 20 en ambos cuadros y golpee F cinco para extender esos símbolos . Línea de tiempo Tengo una capa separada para los ojos aquí. Entonces en el cuadro 10 va a ser un pulso muy lento. Yo sólo voy a dar clic. Y yo tenía un marco clave ahí, y sólo quiero hacer más grandes los ojos. Así que déjame acercar un poco, acuerdo? Yo estoy haciendo mando. Además, para hacer eso. O por supuesto, podrías usar el menú del zoológico aquí arriba y déjame solo seleccionar éste. Yo aquí y sólo voy a salir, uh, uh, lo siento. Haz que estas cosas sean un poco más grandes. Está bien, entonces en el marco, un pequeño ojo enmarcan 10 ojos grandes y te llega la idea. Volvamos a ver el número uno y volvamos a, digamos, encajar en ventana. Déjame probar esto y buscar al pájaro mirando hacia abajo. Ahí está. Y entonces tienes este pulso no pasando. ¿ Qué pasó? Él mira hacia abajo. Eso es genial. No estoy viendo la animación pulsante aquí. Bueno, hay una razón para eso. Fui un poco tonto en este marco aquí donde tenemos pollo, sin plumas. Vayamos al panel de propiedades, acuerdo? Y verás que está listo para tocar un solo cuadro. Entonces vamos a que eso más a bucle. Y entonces ahora la próxima vez que mi prueba usando comando, retorno o control, entra en la PC, mira lo que sucede. Él mira hacia abajo, y luego sacamos esos ojos totalmente tontos molestando. Está bien. Creo que es bastante divertido y genial. Impresionante. Entonces, mira, arrojaste una bomba sobre un pollo y lo hiciste explotar. Así que ojalá te divirtieras mucho haciendo eso. Bueno, aún no lo has hecho. Entonces lo voy a hacer es darte el ejercicio de seguimiento, y puedes hacerlo por ti mismo. Pero esperemos que ahora puedas ver que hacer animación de dos o tres segundos como esta con un pájaro y una bomba en una explosión no es tan difícil. Simplemente estamos rehaciendo todas las cosas que hicimos en las lecciones 12 y tres. Trabajando con fotogramas clave, algunos Tweens clásicos y lo más importante, entendiendo cómo funcionan los símbolos anidados. Entonces les voy a conseguir las instrucciones para la siguiente lección, y pueden hacerlo ustedes mismos felices en una reunión 49. Chuco y sigue la bomba: son gente aquí tenemos las carnes de pollo, bomba seguir las instrucciones. Está bien. Esto va a ser impresionante y divertido. Hay muchos pasos, pero tómalo una sección a la vez. No se apresure. Cuando termines con esto, habrás logrado tanto, y estaré tan orgullosa de ti. Entonces lleguemos a ello. Está bien, así que aquí tengo carnes de pollo. Guión de subrayado de bomba. Se abrió inicio, y ahora vamos a crear la animación bomba. Paso uno, haga clic en el marco 20 de la capa de bomba y presione F seis para agregar un nuevo marco clave, vaya al panel de la biblioteca y arrastre el símbolo de la bomba al escenario con la bomba seleccionada. Vaya al panel de propiedades y establezca el valor X en 3 10 y el valor Y en 75 negativo. Si no puedes ver la bomba por alguna razón, puedes alejarte usando el menú de magnificación para mí. Acercar el 50% funciona bien. Utilizando la herramienta de transformación libre, haga clic en la bomba y mueva el punto de transformación para estar justo encima del punto de registro . Está bien, queremos conseguir este punto blanco justo por encima del punto de mira. Ahí Muy bien, justo en el centro, para que cuando rotes, parezca que se está moviendo alrededor del centro real de ese círculo. Ahí. Haga clic en el marco 30 de la capa bomba y presione F six para agregar un marco clave. Con la bomba seleccionada, vaya al panel de propiedades y coloque las bombas. ¿ Por qué valor a 4 90? Haga clic en el marco 35 en la capa bomba en la prensa F seis. Para agregar un nuevo marco clave, haga clic en la bomba y use el panel de transformación libre para rotarlo 45 grados. Haga clic derecho entre los cuadros 20 y 30 en la capa de bomba y seleccione. Crear clásico Tween clic derecho entre marcos 30 y 35 la capa bomba y seleccione. Crea clásico exfoliante de Tween a través de los nuevos Tweens para ver caer la bomba. Girar. Trabajo impresionante. Está bien. Ahora es el momento de volar cosas. Haga clic en el marco 60 de la capa de explosión y presione F six para agregar un fotograma clave, vaya al panel de la biblioteca y arrastre el símbolo de animación de explosión al escenario en la parte superior de la bomba. Ve al panel de transformación y configura la escala en 700% y centra como quieras, arrastra otro símbolo de explosión sobre el escenario y colócalo sobre el cuerpo del pollo. Usa el panel de transformación para escalarlo al 300% y, último, arrastra un símbolo de explosión más al escenario y ponlo en la cara de los pollos golpea, regresa o entra para ver las explosiones. Bastante cool Para evitar que las animaciones hagan bucle, mantenga pulsado el turno y haga clic en cada instancia de la explosión. Animación. Vaya al panel de propiedades y debajo de looping seleccione jugar una vez. Ahora, frota de nuevo por la línea de tiempo hasta que llegues a enmarcar 60 de nuevo. ¿ Dónde está ese boom ahí mismo? Y si fregamos hacia adelante, verás que las animaciones solo se juegan una vez perfecta para quitar la bomba, haz clic en el marco 60 de la capa bomba y pulsa F siete para añadir un marco clave en blanco. Haga clic en marco de 65 en la capa de pollo en prensa F seis para agregar un nuevo marco clave. Haga clic derecho en el símbolo del pollo y seleccione el símbolo de intercambio. Selecciona pollo sin plumas y golpea OK, haz una película de prueba de control en Enemy y veamos lo impresionante que es esta animación. A mí me encanta. A continuación, vamos a añadir algo de sonido bien. Por lo tanto, ve a importar archivo a biblioteca. Navega a tu carpeta bomba de carnes de pollo, selecciona explosión dot mp tres y haz clic en abrir. Acude al panel de la biblioteca y notó que el archivo de punto explosión mp tres está sentado en la biblioteca. Se puede pulsar el botón pequeño de reproducción. Wow. Para escucharlo, haga clic en los fotogramas 60 de la capa de sonido y pulse F siete para agregar un fotograma clave en blanco con el marco 60 seleccionado. Vaya al panel de propiedades y utilice el nombre del sonido. Menú desplegable para seleccionar punto de explosión mp tres y asegúrese de que el fregadero esté configurado para transmitir. Hacer una película de prueba de control en enemigo para escuchar la explosión. Ah, otra vez, ¿Qué tan impresionante es eso? Siguiente. Vamos a añadir expresiones faciales al pollo. De acuerdo, así que ahora vamos a hacer que sus ojos miren hacia abajo una vez que la bomba se incline, Así que haz click en el marco 40 de la capa de pollo y pulsa F seis para agregar un nuevo marco clave, haz clic en el pollo y luego ve al panel Propiedades y haz clic en usar recolector de marcos. Haga clic en marco a y luego cierre el seleccionador de fotogramas. El pollo ahora está mirando hacia abajo a la bomba. Salir al marco número 65 doble clic en pollo. No hay plumas para entrar en modo de edición de símbolo. Haga clic en el marco 20 En la capa de ojos, Sostenga el botón del mouse hacia abajo en arrastrar hacia abajo para encuadrar 20 en la capa uno para seleccionar el marco 20 en ambas capas. Presione F five para agregar marcos a ambas capas. Haga clic en el marco 10 en la capa de ojos impresionado F seis Para agregar un nuevo marco clave, Utilice la herramienta de transformación para hacer los ojos más grandes. Voy a acercarme a cerca, no sé, al 100%. Voy a seleccionar esto yo y en realidad voy a acercar una vez más, comando. Plus. Y sólo voy a esperar hasta que consiga ese pequeño ángulo. ¿ Dónde estás? Eres un dolor. Vete por aquí. Déjame acercar una vez más. Comando plus o control. Plus en el PC. Ahí vamos. Iba a aguantar el turno, y vamos a hacer estos ojos más grandes. Está bien. Nosotros sólo vamos a yo fuera. Uh, está bien. Esta noche se ve tiene ojos pequeños y ojos grandes. Da click en la escena uno para volver a ver una. Ir al panel de propiedades y debajo de conjunto de bucle opciones para bucle hacer una película de prueba de control Inanimar en lo que sucede? Mira hacia abajo. ¡ Boom! Y luego obtenemos los ojos sorprendidos. Hiciste tanto. Esto es impresionante. Salta arriba y abajo y grita sobre lo emocionado que estás. Está bien, espero que estés emocionado. Y espero que hayas tenido un montón de diversión haciendo que esta animación sea increíble. 50. Guía de movimiento: Muy bien, amigos, en este ejercicio, les voy a enseñar a usar guías de movimiento. Eso significa que podemos tomar cualquier símbolo y hacer que siga cualquier camino que dibujemos. Echa un vistazo. Muy bien, vamos a empezar de manera simple. Y aquí tengo f l A abierto. Tengo una capa de flecha aquí abajo, y tiene 30 marcos para que me meta con marco de manta en marco uno hasta que saque la flecha de la biblioteca y la ponga a la izquierda del escenario. Ahora, lo que quiero hacer es crear un camino para que siga esta flecha. Por lo que voy a ir a la capa de flecha, click derecho sobre ella en seleccionar agregar guía de movimiento clásica. Y cuando haga eso, verás que la capa de flecha se pone un poco sangrada aquí, y está debajo de una capa guía que tiene este icono diferente de estos puntos en esta pequeña caja o círculo aquí abajo. Creo que es una plaza. Y ahora lo que eso significa es que condone dibujar un camino en la capa guía que seguirá la flecha . Entonces voy a usar la herramienta lápiz para dibujar un camino o un trazo, debo decir que voy a empezar a dibujar en cualquier parte y hacer algo como esto, acuerdo? Y así tengo una especie de, Ah, pequeña rareza aquí. Todavía puedo decidir seleccionarlo todo y simplemente suavizarlo un poco. Está bien, deshazte de algunas de las torceduras, si quieres. Para que la flecha siga el camino, primero necesito tener un Tween en su lugar. Entonces en la capa de flecha, voy a ir al fotograma número 30 y golpear F seis para agregar un nuevo fotograma clave. Y voy a Entonces no sé, podría arrastrar la flecha a algún lugar por aquí, y voy a decir click derecho, crear clásico Tween. Entonces ahora tienes una especie de lo que esperas de la flecha apenas cruzando el escenario. Es una especie de no prestar atención alguna a ese trazo que dibujé. Bueno, la razón de eso es que tenemos que literalmente chasquear la flecha sobre el trazo en los fotogramas clave de inicio y fin. Entonces la forma en que hacemos eso es que te darás cuenta de que cuando estoy arrastrando esta flecha aquí, ese pequeño círculo negro aparece en el centro. Y a medida que estoy arrastrando, quería chasquear a ese golpe. Y cuando suelte, verás que tipo de salta al golpe tipo de algún lugar cercano. Pero lo que voy a hacer es esto. Voy a encender este imán aquí para chasquear a objetos. Y cuando hago eso, entonces como estoy arrastrando su va a chasquear y ese chasping funciona un poco mejor. Entonces en el primer fotograma clave, voy a arrastrar la flecha por aquí y en el último fotograma clave. Voy a arrastrar la flecha por aquí. Y ahora cuando frote a través de este Tween note lo que pasa, verás que la flecha sigue ese camino. Ahora siempre está apuntando a la derecha. Si quiero que la flecha apunte realmente en la dirección en la que va siguiendo ese camino , voy a hacer clic en el primer fotograma de la capa de flecha, vaya al panel de propiedades y las propiedades para ese marco. Voy a seleccionar Orientar a Camino, y cuando lo haga ahora, verá que la flecha en realidad se enfrenta en la dirección del camino. Se va a poner un poco torpe por aquí. A lo mejor un poquito. Y al final, ya que en este marco clave lo tenía apuntando directamente a la derecha, necesito también una especie de tenerlo manualmente frente al camino que quiero ir. Entonces cuando utilices la herramienta de transformación y solo la voy a girar un poco en la dirección que quiero que sea y así tal vez la voy a llevar directo hasta el final, algo así. Entonces aquí vamos. Tenemos la flecha ahora siguiendo perfectamente ese camino. Ahora, una vez que se dibuja el camino, puedo modificarlo para poder simplemente doblarlo alrededor, hacer cosas divertidas como esta. Y ahora verás que la flecha sigue todavía ese camino. Si, después de crear el camino, me di cuenta, no es el camino que lo quiero todo, puedo seleccionar todo y deshacerme de él. Y entonces ahora mi Tween va a ser así porque no hay camino en absoluto. Entonces tal vez vuelva a tomar mi herramienta de lápiz y dibuje un camino como este. En cierto grado, podemos hacer caminos que se cruzan, enemigos bastante inteligentes. Pero de nuevo, he trazado el camino. Todavía necesito hacer mi chasping en el primer fotograma y el último fotograma. Entonces en el primer fotograma, voy a tomar la flecha y arrastrarla, y va a boom, sólo una especie de bloqueo en ese camino ahí donde está ese pequeño círculo. Y luego en el último fotograma, voy a hacer lo mismo. No sólo voy a partirlo al camino, sino que voy a forzarlo manualmente a que se enfrente en la dirección del camino. Y ahora échale un vistazo. Eso es jugar al revés. Y ahora lo tenemos jugando hacia adelante. Ahora, hay un punto en el tiempo donde tu camino puede llegar a ser tan complejo que animar realmente no va a saber qué hacer. Pero en realidad Wow, estoy bastante sorprendido Ah, lo resolví. Um, que pensé que eso lo va a volar bastante guay. Sí quiero mostrarles que si hago una película de prueba de control o si exporto un video o un regalo, lo que sea que esté en la capa guía no aparece en la película final. Ahora, una cosa que vas a notar es que está funcionando un poco erráticamente, ¿ verdad? No es demasiado suave. Bueno, eso es porque este camino que dibujé es realmente bastante largo. Si lo imaginas como un trozo de cuerda que me estiraría en línea recta, sería, como, probablemente tres veces la longitud del escenario. Entonces lo que sugeriría en este caso con un camino largo es que solo voy a golpear F cinco y eso va a agregar marcos de capa y ambas capas, si se quiere, todo el camino hacia el encuadre 60. Por lo que eso le da más tiempo a la animación para jugar. Entonces ahí vamos. Lo suavizamos un poco. Entonces cuantos más fotogramas tengamos, más tiempo tenemos para ver la flecha yendo del punto A al punto B. Y si quieres ver el camino en la exportación final su con regalo para video o incluso si estás haciendo esto en HTML cinco y la página Web, puedes seleccionar tu camino y solo puedes hacer un comando control de aire mar, ver para copiarlo y puedes agregar una nueva capa. Y en este caso, lo voy a poner debajo de la flecha, y voy a seleccionar ese primer fotograma en comando shift el o control shift V en la PC va a poner ese camino en la capa inferior. Entonces si apago esos dos, verás que la capa inferior tiene un camino en ella. Y luego si hago un comando volver a exportar, entonces en realidad puedes ver el camino en tu animación final. Enfriar. Está bien, así que ahora haz básicamente lo mismo, pero con una mariposa fresca. Entonces déjame ir a mi biblioteca, y quiero asegurarme de que tengo seleccionada la capa de mariposa, y sacamos la mariposa. Sólo ponlo por aquí en alguna parte. Wow. Es bastante grande. Eso está bien. Um, lo que quiero mostrarles esa escuela es que si hago doble clic en el símbolo de la mariposa, realidad tiene una animación anidada de sus alas aleteando. Está bien. Bastante bonito. Entonces voy a ir a escena uno. Y como creo que es un clip de película, eso significa que cuando pruebo esta película, solo hagamos esto. Um, vas a tener una mariposa cuyas alas siempre están aleteando, lo cual es bastante bonito. Entonces vamos a poner la mariposa por aquí, y voy a decidir que quiero que anime a través del escenario. Por lo que voy a dar clic derecho en la capa de mariposa y seleccionar Ed Classic Motion Guide En esa capa guía de movimiento, voy a hacer clic para asegurarme de haber hecho clic en ese marco clave de ahí. Voy a seleccionar mi herramienta de lápiz, y me gusta tener el conjunto de herramientas de lápiz para suavizar. De acuerdo, eso te va a dar probablemente los mejores resultados. Y yo sólo voy a tener un poco de Q rizado como esa. Está bien, así que ahí está mi guía de movimiento y ahora voy a salir al encuadre 60. Y vamos a golpear F seis para agregar un fotograma clave, claro. Y voy a poner la mariposa donde quiero que aterrice. Entonces voy a tomar la herramienta de transformación girando un poco. Pero lo más importante, creo que quiero agarrarlo. Y mientras lo estoy agarrando, nota cómo su punto de registro se convirtió en ese círculo negro de ahí. Vamos a ponerlo en el camino justo por aquí y usando la herramienta de transformación que puedo hacer ¿ qué? Rotemos a este tipo por ahí. Por lo que va de paso enfrentando de la manera que debería. Y en el primer cuadro. También voy a tener que hacer lo mismo. No importa si haces eso. El último fotograma o primer fotograma en qué orden? Pero cuando lo estás arrastrando, sí quieres asegurarte de que no estás usando la herramienta de transformación libre. Entonces voy a usar la herramienta de selección. Y de nuevo, cuando estoy arrastrando, consigo ese pequeño círculo negro que es casi imposible de ver. Y voy a usar la herramienta de transformación libre ahora, también. Enfréntalo de la manera correcta. Y una vez que ese conjunto, puedo hacer crear clásico Tween Y ahora la mariposa va a seguir ese camino y se ve impresionante. Está bien, no demasiado mal. Una cosa que puedo hacer es en el último fotograma. Puedo tomar la mariposa y voy a aguantar, cambiar y simplemente reducirla. Entonces va a pasar ahora es como está volando. Se va a estar encogiendo para que parezca que tal vez está volando un poco más bajo que la cámara y solo tienes un efecto agradable y fresco ahí. Está bien, parece una mariposa de verdad. ¿ Qué sabes? Muy bien, amigos. Por lo que crack abre el seguimiento a lo largo de video e instrucciones. De verdad quiero hacer este ejercicio por ti mismo. No vas a aprender a menos que lo hagas. Manos en. Está bien. Por pequeño aguinaldo te voy a dar este expediente de ejercicio de mariquita. Um , está terminado. Yo sólo quería explorarlo si quieres, pero es bastante guay. Tiene una mariquita siguiendo un camino. Y lo que me gusta de esto es que tiene un montón de filtros en él para darte ese destello y sombra, y, uh, se ve bastante guay. Está bien, así que disfruta. 51. Guía de movimiento sigue el seguimiento: De acuerdo. Aquí tienes. El paso a paso instrucciones para hacer la mariposa Seguir la Guía de Emoción Vamos con la herramienta de selección activada. Vaya a la parte inferior del panel de herramientas y asegúrese de que el ajuste a los objetos esté habilitado. Ahora mismo, está apagada, y ahora está encendida cuando tiene ese fondo más oscuro. Haga clic derecho en la capa de mariposa en seleccionar Agregar guía de movimiento clásica. Haga clic en la herramienta lápiz y ajuste el color del trazo a rojo en la parte inferior del panel de herramientas. Establecer modo lápiz para suavizar haga clic en el marco uno en la nueva capa de mariposa guía para seleccionarla y asegurarnos de que estamos dibujando en el marco adecuado. Empieza a la izquierda del escenario y dibuja una forma básica de cerro yendo hacia la derecha. Si necesita suavizar su curva, utilice la herramienta de selección para seleccionar la curva completa haciendo doble clic en ella y luego en el panel de herramientas . Puedes presionar el botón modificador suave. Muy bonito. Si tu trazo es demasiado grueso o demasiado delgado con su seleccionado, puedes ir al panel de propiedades y ajustar la altura del trazo. Estoy bien con dos. Usa la herramienta de selección para mover la mariposa al trazo y conseguir que ese pequeño círculo negro se ajuste al trazo. Utiliza la herramienta de transformación libre para girar la mariposa de modo que esté orientada en la dirección la que va el trazo. Haga clic en el marco 60 de la capa de mariposa y pulse F six Para agregar un nuevo marco clave, Vuelva a la herramienta de selección y mueva la mariposa hasta el final del trazo. En caso de ser necesario. Utiliza la herramienta de transformación libre para girar la mariposa para que esté mirando hacia la dirección del trazo. Haga clic derecho entre el fotograma uno y 60 en la capa de mariposa en select, cree clásico Tween hit return o entrar para ver la mariposa Moverse por el camino. Impresionante. Si la mariposa no está mirando hacia la dirección del camino, haga clic en el marco uno. Vaya al panel de propiedades y asegúrese de que Orientar a Ruta esté seleccionada. Eso va a asegurar que la mariposa siempre se enfrente en la dirección en la que dibujaste el camino. Impresionante. Has creado tu primera animación a lo largo de una guía de movimiento 52. Closing video: Oye, clase, Muchas gracias por mirar. De verdad espero que aprendas algo de este curso, y te haga querer simplemente salir y crear cosas con Animate CC. Si lo deseas. Seymour animar CC entrenamiento de mí aquí en cuota de habilidad. Por favor avísame. Deja una reseña a continuación publica algo en la sección de la comunidad o publica uno de tus proyectos. Me hace tan feliz cuando veo lo que han hecho mis alumnos. Hace algo fresco y publicado en redes sociales. Tan solo asegúrate de etiquetar snorkel TV. Muy bien, yo hace poco, uno de mis alumnos publicó esta animación, y puede que sea simple, pero me hizo tan feliz ver que tomaron su propia obra de arte e hicieron algo realmente genial, todo bien? Y sólo me mostró que en realidad aprendieron algo de este curso. Así que ponte la mano en redes sociales, etiquetame y, uh, ojalá veas en el próximo curso. Y si quieres estar al día de las últimas noticias de animación y actualizaciones sobre tutoriales y cursos de snorkel dot TV de mi newsletter, envío uno una o dos veces. Alguien con solo un poco de noticias de animación y algunas cosas para inspirarte. Es una gran manera de conectar conmigo y la comunidad de animación feliz y una reunión.