Transcripciones
1. Introducción: Hola, mi nombre es Dan y me encanta animar info-grafías y dar vida a datos potencialmente aburridos usando After Effects. He realizado este curso para principiantes completos, no es
necesario tener ningún conocimiento previo de After Effects o diseño gráfico en movimiento. Ahora empezaremos en los súper básicos. Lo traeremos en un par de iconos. Vamos a añadir flexibilización, vamos a añadir algo de desenfoque de movimiento, vamos a añadir algunos overshoot muy cool, también
vamos a ver la anticipación, y luego mi favorito es compensarlos. Trabajaremos a través de proyectos de la vida real conectando Excel a After Effects para transformar tus aburridos datos de hoja de cálculo en asombro visual alcanzable. Experimentaremos con iluminación y cámaras, haremos algunas cosas divertidas con enmascaramiento, todo el camino hasta exportar para YouTube, PowerPoints y todo tipo de redes sociales, incluyendo hacer algunos gifs animados. Ahora tengo proyectos para que completen. Podrás practicar tus habilidades y tener algunas cosas listas para tu cartera al final. También hay archivos de ejercicios para que puedas jugar, también
hay una hoja de tramposos,
tanto en video como en versión PDF. Ya sabes cuál es la mejor parte de todo esto, todo el curso? Es aprender a rastrear individuos guapos de Nueva Zelanda con datos muy precisos. Es cierto, digo increíble mucho.
2. Archivos para ejercicios: Está bien. Lo primero es descargar los Archivos de Ejercicio, enlace
API está justo aquí, ve y descarga esos. También sepan que hay algo llamado los archivos completados. Lo que son es, al final de cada video, guardaré mi archivo after effects a Ymate. Puedes descargarlo, habrá un enlace en cada pantalla de video para eso. Si te pierdes un poco, puedes revisar el mío, para ver como el tuyo es diferente. El otro es que hay un chichi al final de esto. En este video, y también hay un PDF que puedes imprimir y pegar junto a tu computadora y usar también. También hay un proyecto al final. Vamos a trabajar juntos, te
voy a conseguir algunas tareas y puedes usar esas cosas en tu portafolio junto con cualquier otra cosa que hagas en este curso, tienes totalmente permitido usarlo. Lo último son las revisiones. Es un poco temprano para que te esté pidiendo una revisión para esta diapositiva. Pero en cuanto llegues a un punto que es muy parecido, “Ese es un curso bastante bueno”. Me encantaría que dejaras una reseña, y eso es lo que impulsa mi negocio y paga mis ingresos, ya que otras personas entran a los cursos. Opiniones son gustos realmente útiles, comparte ese tipo de cosas. Está bien. Vamos a entrar en la construcción de nuestros gráficos en movimiento y visualizar datos.
3. Inspiración para tus infografías animadas: Hey allá, en este video vamos a ver la inspiración. Cuando estés iniciando tu proyecto, vas a necesitar lugares donde ir y conseguir ideas para tus proyectos. Ahora este sitio aquí, informationisbeautiful.net. Recuerda el dot-net los punt-coms son sitio raro. Irás a comprobarlo ahora te apuesto. Pero informationisbeautiful.net es más el lado de visualización de datos. Aquí están pasando algunas cosas realmente hermosas y empujando los límites de cómo comunicar datos realmente complejos. Si estás lidiando con más el tipo genérico de gráficos de barras gay infográficos, solo
estás buscando ideas de animación, entonces algo como esto. Se trata de videohive.net. Videohive.net vende estos casos, estos aquí. Puedes comprar esto en sus $19 y puedes conseguir esto como un
archivo de After Effects y empezar a actualizarlo y problemas con algunas de estas plantillas es que son bastante complejas. Si eres totalmente nuevo, estos no son útiles en absoluto porque vas a conseguir un archivo con el que demasiado duro trabajar. Una vez que te metes en el tipo de etapa de nivel intermedio, estos se vuelven realmente útiles porque puedes abrirlos, hacer los cambios necesarios y ahorrarte mucho tiempo. Por lo que se cierne por encima de ellos, algunos de ellos son bastante
cursi, pero algunos de ellos también son bastante geniales. Simplemente puedes abrirte camino a través de ellos y solo hacerte una idea de cómo podrías hacerlo, especie de uno de los competidores para Video Hive es Pond 5, vale. mismo tipo de cosas, se cierren por encima de ellos. Verás infografías, tipo interesante de tratamientos de garrapatas, vale, muchos aquí solo para que tu tipo de ideas fluya. Uno de sus últimos lugares te voy a mostrar, es el título, Walmart Infografías. Es realmente genial para solo usos hermosos de tipo principalmente, de
acuerdo, y secuencias de acción en vivo. Pero a partir de aquí obtengo grandes ideas para incluso solo gráficos en movimiento simples, justo la forma en que el tipo se está tratando y animando. A mí me gusta ir a la página de inicio. Si vas abajo a como todas las características y luego terminas mirando estas, este es el top 10 de 2016 y solo pasas, tengo un par de ellas preparadas y listas para entrar aquí o en algún lugar como este de aquí, solo interesante cómo vas a lidiar con el tipo es que surge cosa grande moviéndose en segundo plano, tipo de cosas viejas parpadeantes que se pueden hacer en After Effects. No estoy diciendo que estén exactamente en lo cierto, pero fue cualquier otro que me gustara mucho peor el dopaje, Sí. Esto es bastante cool, simplemente real grande, uso
eslabonado de color y tipo. De todos modos, estoy divagando. Esos son algunos buenos lugares para ir y conseguir algunas ideas antes de empezar a trabajar en tu próximo proyecto. Está bien. Entrémonos en los videos.
4. Configuración del software y el video para proyectos de visualización de datos: Vamos a comenzar nuestro primer proyecto. Voy a golpear play en este proyecto y vamos a escucharlo y verlo todo el camino. Esto es lo que vamos a estar haciendo para la primera parte de este curso. Animaciones de iconos, todo tipo de cosas increíbles tipo infográfico. Démosle un reloj. Al final, vamos a golpear parada y vamos a salir a crear nuestro nuevo documento y empezar. El valor del sueño para los creativos. Ahora hay un debate en curso en nuestra familia sobre el valor del sueño. Mi esposa, una sólida señora de ocho horas la noche, me
está recordando para siempre usar canchas de dedos ahí, para dormir más. Yo por otro lado entiendo todo lo que necesito para actuar en mi mejor momento es de sólo 5-6 horas. Entonces, mientras esté en la cama a la 1:00 AM, estoy bien para ir a las 6:30. Ahora mi problema es que me encanta trabajar en la tranquilidad de la noche con todo el mundo está dormido y nadie puede sacarme de la mercancía. Para mí, hay algo en ese ligero borde de agotamiento, sentir por un poco de cafeína, eso me hace emocionado y creativo a esa hora de la noche. De qué se trata la privación del sueño o el insomnio que parece ayudar a mi creatividad. De acuerdo, bastante simple, pero algunas técnicas geniales vamos a aprender aquí. Ahora saltemos y hagamos documentos de ofertas. Hemos abierto después de la corrección ahora es el momento de crear nuestro primer archivo. Ellos los llaman proyectos y dentro de estos proyectos
tenemos algo llamado composición o arbitrado como comps. El proyecto realmente no hace nada, haz clic en nuevo proyecto y solo obtienes esta ventana en blanco. Piensa en un proyecto como igual que un porta lugar vacío, los comps que pones dentro de él, piénsalos como páginas en un documento. Se puede tener un documento, sin ninguna página, no
es muy útil por lo que un proyecto no es mucho sin ningún comps. Vamos a crear nuestra primera comp. Pensarías que irías al archivo, nuevo y la composición, nueva composición. Hay dos formas de crear una comp. Te vas comp posición, nueva composición, como estamos aquí, le das un nombre a tu comp. Esta va a ser mi primera comp. Aquí hay muchas configuraciones, pero casi todo lo que necesitas hacer es bajar a este presets y escoger HDTV 1080 25. Esa va a ser resolución HD a 25 fotogramas por segundo. Eso lo hace la mayor parte del mundo, la mayoría de las veces. Ocasionalmente si necesitas ir a la televisión y estás en EU, tienes que usar 29.97. Realmente no importa, sobre todo si vas a salir a redes sociales, YouTube, Vimeo, tu sitio web, No importa. Estos dos de aquí son diferencias insignificantes. También podrías escoger 24, pero nadie recoge eso así que solo escoge este aquí, HDTV 1080, 1080 es la altura de píxel de tu video. El ancho es, se puede ver aquí 920. Pero cuando alguien dice 1080p, significan la altura del video, 720p es definición estándar, y esa es la altura de píxel del video que estamos haciendo. Cuatro K, aquí abajo, podrías estar trabajando en 4K si tienes el metraje para ello. El único problema en este momento con 4K es que los tamaños de archivo son bastante grandes. YouTube lo acepta, así que podrías hacerlo, no es problema con eso, pero se pone bastante duro en tu sistema cuando empezamos a animar cosas. Tengo un MacBook Pro bastante bueno. Sólo tiene unos meses de antigüedad, y me dieron todos los extras opcionales y trabajar en 4K solo lo mata. No trabajo en 4K porque ahora es demasiado duro y la gente lo mira, no
sé quién va a ver mis infografías de animación web en un monitor 4K de todos modos. Pixeles cuadrados, marco perfecto, no cambies esta resolución, caso que llegaron hasta cuatro. Todo eso significa es que, esto puede cambiar ocasionalmente por si vas a exportar un video y va a exportar un cuarto de calidad, es como bajar la resolución. Queremos que la calidad esté al máximo y luego la duración, depende de ti, creo que el predeterminado, no puedo recordar son 10 segundos, creo, y esto es ¿cuántos fotogramas? Diez segundos es la segunda línea aquí, esa es la que debes recordar. ¿ Cuánto tiempo va a ser esto? Es difícil al principio, sobre todo si no estás trabajando en decir, alguna acción en vivo. La acción en vivo va a tener un inicio y un final para que sepas cuánto tiempo es. Pero si estás trabajando en tu propio tiempo que te gusta, ¿cuánto tiempo debería ser esta cosa? Toma una conjetura. Es fácil acortarlo hasta que alargarlo así que vamos a empezar con 10 segundos. Color de fondo aquí, no lo cambiaría aquí porque realmente no importa a qué cambies el color cuando lo exportas, va a ser negro, muy oscuro. Si voy así y digo en realidad voy a usar uno de estos colores por aquí, piensas que el color de fondo va a ser sí, rojo. Pero cuando se renderiza, se apaga en negro. Esto es como un color de soporte de lugar. En realidad hay que dibujar una gran caja roja en el fondo para que eso realmente exporte. Ahora podemos empezar a trabajar. la otra forma de crear un comp, esto sucede mucho, sobre todo si tienes metraje con el que estás trabajando. En mi caso, estamos trabajando a un MP3 preexistente, con algún diálogo sobre él aunque vamos a estar
animando las infografías también así que es un ritmo fijo. Tiene cierta cantidad de segundos de duración. Podríamos abrir el mp3, ver cuánto tiempo es y tratar de medir el comp y esa es una forma más fácil. Voy a acobardar esta cosa de aquí. De lo que voy a hacer aquí en la ventana de mi proyecto, este es todo mi gráfico de archivos de mi proyecto. Cualquier cosa que importemos, videos, efectos de
sonido, formas de ilustrar; cualquier cosa entra aquí. Vamos a ir a importar archivos, vamos a archivos. Si aún no lo has hecho, descarga los archivos de ejercicio, los míos aquí en mi escritorio, miramos cómo descargarlos en el video anterior, ve a ver eso. Aquí dentro voy a meterme en ello. Nuestro primer proyecto va a ser, este llamado icon pop, ábrelos. Estamos trabajando a este valor del sueño en mp3, así que voy a traer eso, vamos a usar eso. Porque eso tiene cierto tiempo, son 29 segundos y siete fotogramas de largo. Lo que podemos hacer es simplemente hacer clic derecho en él y decir puede comp de selección. El cool al respecto, es que se ha emparejado con mi 1080p. Aquí lo puedes ver pequeño arriba por la parte superior y la velocidad de fotogramas correcta, pero se corresponde con la longitud perfecta, porque ya no hay necesidad de que sea. Las cosas grandes cuando estás empezando, si eres bueno después de arreglar, puedes
saltarte el siguiente video, pero solo vamos a ver unas cositas aquí con esto, el MP3 por el que estamos. Ahora, mágicamente este es el comp, usa el mismo nombre que este. Lo que vamos a hacer es simplemente renombrarlo. Sólo para decir, vamos a añadir comp al final, vamos a hacer esto mientras estamos aprendiendo, sólo para que sepan que es una composición. El motivo por el que conocemos su composición es principalmente por este ícono aquí. ¿ Ves esta pelicula con unos pedacitos en ella? Esa es la comp y estas son las cosas importantes. Estas son las cosas que vamos a exportar al final. Las páginas en mi documento. Recordar proyecto es este espacio vacío en general. Estas son las cosas que necesitas para enumerar una, puedes tener varias páginas. Muchas animaciones diferentes, muchas infografías animadas separadas o visualizaciones de datos por aquí, pero solo vamos a tener una por el momento. Tu comp aparece aquí abajo en la línea de tiempo. Ahí está, valor de la comp del sueño, y se pone automáticamente mi mp3 en la línea de tiempo así que ahí está mi pequeño hit de play. Puedo arrastrar eso de ida y vuelta. Mi CTI. Si presiono el botón espacial en mi teclado, “El valor del sueño para los creativos. Ese soy yo hablando conmigo mismo, ese es el mp3 tocando y va a estar a lo largo de la parte inferior ahí sólo haciendo lo suyo. Vamos a bloquearlo, así que este pequeño icono de bloqueo aquí. Te darás cuenta de que estas pequeñas etiquetas por aquí, agregué cuando primero estaba armando estas fotos del proyecto. Hice esto con algo llamado marcadores y los veremos más adelante. Pero sólo nos va a ayudar a saber cuando estas infografías estoy por aquí arriba. Ahora una cosa haremos justo antes de seguir adelante, todo el mundo llegó a la ventana, vaya al espacio de trabajo y haga clic en el valor predeterminado, luego volver al espacio de trabajo final y luego ir a restablecer el valor predeterminado, solo para conseguir que todo se vea el igual que yo. Si te va bien durante la clase terminas arrastrando eso por ahí y eso se convierte en su y está todo mezclado. Basta con volver a ventana, espacio de trabajo, todavía en defecto, pero vamos a restablecer el valor predeterminado, volver atrás. Es una buena manera de quedarte inperdido. Vayamos al siguiente video.
5. Añadir música de audio a una infografía en After Effects: Hola ahí. En este video, vamos a traer algo de audio. Lo vamos a poner en algunas carpetas. Vamos a traer algo de música y mirar la manera de conseguir algo de eso de forma gratuita. Entonces lo vamos a equilibrar para que mi voz no sea tan baja y la música baja un poco para que puedas aquí debajo de mí. Vamos a golpear eso, el valor del sueño para los creativos. Me ha hecho sonar un poco más como si supiera lo que estoy haciendo. De todos modos, sigamos con el curso, que sí sé con qué estoy lidiando la mayor parte del tiempo. Tratemos con la propiedad de audio en este video. Estamos lidiando con una voz en off, soy yo. Si estás haciendo tu propia voz en off, eso lo hace fácil. Si tienes una marca media decente, es bastante fácil de hacer,
pero probablemente, vas a ser como mayoría de la gente y odias el sonido de tu propia voz, yo incluido. Pero era más barato hacer mi propia voz que pagar a alguien más por este ejercicio, así que te quedaste atrapado conmigo. Si sí quieres contratar a un talento, lo que hago es salir a un sitio como Fiverr. Fiverr es un sitio que quieres decir pagar $5 o euros donde estoy, y es lo que la gente hará por $5. Este tipo hará una voz por aquí por 5 dólares. Esa es la traducción del euro, o el cambio de divisas. Si haces clic en “Play”, puedes escuchar a Todd, él. Hola Todd. Genial. Hará eso por 5 dólares, cierta cantidad de palabras. Parece barato, pero banco en que sea de unos 25 a 50 dólares, dependiendo, porque podría decir: “Haré las primeras 50 palabras por 5 dólares o las primeras 10 palabras”, sean cuales sean sus tarifas, y tal vez tengas que ir más lejos que eso, y si quieres que se haga, él dirá: “Son 5 dólares, pero lo haré cuando llegue a ello. A lo mejor una semana. O si quieres que se haga de inmediato, tal vez
tengas que pagar otros $10”, por lo que suma. Al sumar, 25 dólares es bastante barato para una voz en off. Sólo tienes que ir a través y decir: “¿Necesito una voz en off caribeña, o necesito a este tipo, o a ese tipo? Tiene una gran voz normal. Si necesitas a alguien que sea irlandés, si necesitas a alguien que sea australiano o inglés, solo espárelo aquí arriba. Acabo de escribir la voz en off para conseguir a estos tipos. Es increíble lo que se puede hacer con bastante rapidez y bajo costo. De acuerdo, entonces tenemos nuestra voz en off, de
vuelta a “After Effects ”. Cuando estás trabajando con audio, especialmente con una voz en off, a menudo necesitas cronometrar las cosas. Ya puedes ver que he añadido pequeños marcadores aquí abajo. Veremos estos marcadores un poco más adelante. Aquí los he agregado, por lo que en esta etapa temprana, podemos sumar nuestras infografías en diferentes puntos de tiempo. Si necesitas editar audio, lo que realmente necesitas hacer es algo en “Audition”. Está aquí abajo, así que grabé en “Audition” y lo hice en editarlo. Corté todo lo [inaudible] e [inaudible] y lo hice sonar medio decente en “Audition”. Si necesitas quitar los ruidos de fondo, el ruido del aire acondicionado, algo así, ese es el trabajo de “Audition”. Voy a hacer un curso sobre eso de verdad pronto. Tenemos un MP3, ya ha llegado y una de las cosas que tal vez quieras hacer es, puedo girarme hacia abajo esta pequeña flecha de aquí, e ir a “Waveform”. La forma de onda es realmente útil. Se puede empezar a ver dónde están los descansos en el idioma, se puede ver que pausé allí un poco, así que se puede empezar a cronometrar cosas como si probablemente empiezo a decir algo de aquí, voy a golpear “Barra espaciadora”. Se puede ver que ahí tengo el inicio de una conversación. A menudo tengo esto abierto cuando estoy tratando de pasar infografías a un archivo de audio como este. Voy a girarlo en este momento. Una de las cosas grandes es no
habrías visto que ya tenía eso abierto, pero cuando le pegué a “Play” por esto, es bastante tranquilo. Realmente no lo notas cuando estás trabajando en tus proyectos. Necesitas revisar, siempre que traigas audio para comprobar si está en el nivel correcto. No quieres cantar tus infografías en alguna parte, y la gente la estará escuchando, y o bien volando los tímpanos o simplemente estar realmente bajo y suben el volumen y luego el siguiente video les sopla los tímpanos. Se quiere conseguir consistente. Hay un sonido de consistencia mundial y está entre menos seis y menos 12. decibelios trabajan desde cero siendo los más altos y se trabaja hacia abajo a partir de eso. Cómo comprobar, es bastante fácil, ve a “Ventana”, baja a “Audio”, o en mi caso, ahí hay ese pequeño hueco. Este pequeñito es lo que vamos a estar viendo y ver la brecha entre menos seis y alrededor menos 12. Tú quieres, si le doy a “Barra espaciadora”, mírala. ¿Lo ves rebotando aquí abajo? Está rebotando demasiado bajo. Quieres que esa pequeña línea esté rebotando en cualquier lugar entre aquí y aquí hay una buena gama [inaudible]. Cualquiera más alto que eso, ver, rojo, malo. Amarillo, está bien, pero aquí está la zona dulce. Todo lo que necesitas hacer es tenerlo seleccionado. Si lo tienes bloqueado, como el último video, simplemente desbloquealo, selecciónalo y a medida que lo tira un poco y luego ve cómo va. Golpea “Barra espaciadora”. No está mal, un poco sobre el bar. Está rebotando en esa zona dulce derecha, se puede ver ahí, nunca
es perfecto, pero eso va a ser genial para mí. Lo siguiente es que traigamos el resto del audio. Podemos ir a “Archivo”, “Importar”, “Archivo”. Es un largo camino y hay un atajo “Comando I” en una Mac o “Control I” en una PC, usas eso se carga. Para ser honesto, nunca lo uso. Simplemente no hago clic en esta gran área gris aquí en mi ventana de proyecto, así que solo hago doble clic en esto, ese es el atajo a la misma. De todos modos lo encuentro bastante rápido. Ahí hay dos expedientes. Vaya a sus “Archivos de ejercicios” y bajo “Icon Pop” traiga “Blop.mp3" y haga doble clic en él de nuevo. Traigamos un segundo expediente. Está justo debajo de la ruta “Archivos de Ejercicio Infográfico”. Se llama “Música de fondo. “ Vamos a usar estos en todos los diferentes ejercicios que hacemos por lo que está en su propia carpeta. Todos estos expedientes aquí, hay mezcla de libre porque alguien como Wistia nos los ha dado. Wistia es W-I-S-T-I-A, ve a revisarlos. Tienen algo de música de fondo gratis que vi el otro día y me apropié para algunos de mis proyectos. El otro está aquí, son de Shutterstock. Es un sitio de música de stock y he pagado por ellos. En realidad, estos son la versión previa, así que lo que notarás es que la tocarás por un rato y luego toca poco música feliz, pero luego parte del camino a través dice, “Shutterstock music” a arruina el MP3 para ti para que te vayas y lo pagues. No se les permite usar estos comercialmente, ninguno de los Shutterstock, pero se puede ver aquí. Esta es la galería de aprendizaje de Wistia, y te permiten utilizarla con fines comerciales. Voy a usar “Interlaken Crossroad”. En esta etapa, sígueme. Se puede escoger uno diferente por supuesto, pero yo he hecho este proyecto obviamente y trato de encontrar algo apropiado. Lo que voy a hacer es que lo voy a agregar a mi comp. Puedes hacerlo de un par de maneras. Puedes arrastrarlo aquí abajo. El único problema es que si lo arrastras aquí abajo, veas esa jugada ahí, la cosa azul, si la arrastras ahí, empieza por aquí. No empieza hasta que llegue. O tienes que arrastrarlo aquí abajo y solo asegurarte de que esté en el principio o simplemente arrastrarlo al bit central aquí, y simplemente entra justo al principio. Un par de cosas que me gustaría hacer es, me gustaría crear una carpeta aquí, poner todo mi audio en. A menudo si estoy haciendo infografías, habrá una carpeta de archivos,
una carpeta de audio, una carpeta de video, y dejo las comps justo fuera de ahí. Voy a crear este de aquí. Este va a ser audio. Archivos es solo cualquier imagen estática y cualquier otra cosa rara que obtengo. Te das cuenta cuando creas uno nuevo, pongámoslo dentro de archivos, podemos arreglarlo. Eso es lo que va a ser un nuevo video. Este proyecto no va a tener en realidad algunos, pero vamos a conseguir algo de buena etiqueta que vaya temprano. Esos son mis archivos. Una de las otras cosas es, si golpeo el juego ahora, se
puede ver que todos lo están batallando. El locutor aquí, el “Valor del Sueño”, está al mismo nivel que la música, pero eso se desvaneció cuando empiezo a hablar. Voy a bajar el volumen de esta música. Con esto seleccionado aquí, voy a hacer lo contrario de lo que hice con la voz en off y bajarla. ¿Qué tan bajo? Simplemente sigue bajándolo hasta que eso se sienta bien. Simplemente sigue bajándolo hasta que te sientas como, eso funciona para mí. Bajo a medida que vas, en realidad es solo un equilibrio con eso. Todo lo que tiene que ser lo más alto, que va a ser nuestro diálogo. Voy a encerrar a estos dos aquí para que no nos metamos con ellos y vamos a pasar al siguiente video.
6. Añadir un fondo sólido o fondos de imagen: En este video, vamos a traer una imagen de fondo y bloquearla. Va a ser fácil. Vamos a hacerlo. Teníamos característica de After Effects. Ya hablamos de ello antes. Si hago un New Comp y escojo un color, realmente no importa cuando lo exporto, se vuelve negro. Simplemente está ahí como un color de respaldo. Vamos a volver al negro y dar click en él. Vuelve al negro. Porque eso es más comp stat vida como. Si quiero poner en el fondo coloreado, lo
ponemos en solo un rectángulo grande. Ahora podríamos dibujar, pero es fácil sólo ir a Layer, New, y hay uno llamado Solid. Haga clic en Sólido. esto lo llamo mi Color de fondo y va a coincidir con la altura y el ancho de mi video. Genial, todo es perfecto. Elige un color, cualquier color que quieras. Haga clic en OK. Ahora lo voy a exportar, va a ser verde de fondo. Yo lo voy a mover. Yo lo cerraría. Eso es que tuve que poner un color de fondo y así voy a meter ese color. Acabamos de lograrlo, pero vamos a traer una imagen. Voy a hacer doble clic en cualquier parte de esta zona gris. Entonces voy a ir a los archivos de ejercicios infográficos, y voy a icon pop, fue el primero, éste van de fondo. Vamos a traerlo, ponerlo en mis archivos. Voy a arrastrarlos hasta aquí y es demasiado grande. Al igual que muchos programas, se puede alejar. Estoy usando la rueda de mi ratón, pero puedes usar comando más y menos si estás en un Mac o Control más un menos en un PC. Lo que encontrarás sin embargo es que puedes agarrar los bordes y está bien, pero realmente eso es cierto de muchos productos de Adobe. Pero aquí abajo hay uno llamado transformar y escala. Puedes arrastrarlo hacia abajo. No sé por qué, pero es más fácil usar estos controles aquí abajo, sobre todo cuando obtienes múltiples capas así que voy a herramientas que copia de seguridad hasta ti. Voy a bloquear esa capa, imagen de fondo. Acabo de caer la ligereza de esto en Photoshop. Lo haremos más tarde y después del exceso de células, fácil. Tenemos nuestros antecedentes. Siguiente video, por favor.
7. Añadir texto Adobe Typekit en After Effects: Hola ahí. En este tutorial vamos a ver el tipo y luego veremos traer nuevas fuentes de Typekit, que es gratis como parte de tu licencia de Creative Cloud. Vamos a hacer eso ahora en After Effects. Vamos a poner en nuestro texto, agarrar la herramienta de tipo aquí, la T. mayúscula Voy a dar clic y arrastrar para conseguir una caja con límites. Se llega al borde de un texto corporal cuando tienes muchos textos para entrar. De hecho voy a ver aquí abajo, voy a voltear en eso y borrar en mi teclado. Yo lo voy a hacer. Si los blancos hacen clic una vez y obtienes un cuadro tipo que continúa para siempre, el mío está alineado centro en este momento. Yo voy a ir por aquí. Tenemos carácter y este párrafo. Si no puedes ver ninguno de estos están bajo ventana y este carácter y hay párrafo, no
necesitas que ambos trabajen con tipo. Yo estoy en párrafo. Voy a alinear mi izquierda y pondré algún tipo, el valor del sueño para los creativos. Voy a poner un retorno y sólo para romper un poco esto, voy a dormir en absoluto, hacer algún tipo de cosas. Estoy una vez en la antena por el momento. Voy a hacer las mías todas las gorras. Voy a ir a recoger una fuente. Bajo carácter aquí tenemos todas las fuentes que hay en tu máquina, puedes escoger una de esas obviamente. Pero si tienes una suscripción a Creative Cloud, puedes ir a Typekit, y conseguir un montón de fuentes nuevas que realmente buenas y son gratuitas, son parte de tu suscripción de pago. Vayamos a ver eso ahora. Se trata de Typekit y podría pedirte que inicies sesión. Soy yo. Hola Daniel. Lo que puedes hacer es pasar y simplemente escoger una fuente, así que hay un montón de ellas. Ve a las fuentes, desplegable, y obtendrás muchos ejemplos de cosas. Pasa por ahí y solo escoge el que quieras por aquí como algunos bits útiles para decir Quiero cosas que sean buenas para los encabezados. Lo arreglará a partir de ahí, ¿
o estaba diciendo y apagarlo? Yo quiero unas que sean fuentes Serif, lo que significa que tienen sus piecillos de todos los bordes. Se puede ir a cazar estas fuentes abajo y sociales malmanejadas ha tenido que ir a buscar. Hay muchas otras cosas que puedes ir y hacer aquí también. Una de las cosas que podrías considerar es el ancho, a
veces es bueno estar trabajando con una fuente flaca, porque tienes mucha copia para entrar en infografía, y solo es más fácil con muchos números entrar en tus gráficas, es fácil de encajar en tipo flaco. Has tenido muchos más dígitos. El que voy a usar para esta clase va a ser Roboto. Voy a traer tanto a Roboto como a Roboto Slab, click a una de ellas, luego solo tienes que hacer clic en este botón por aquí y dice sync. Ya sincronicé la mía y eso es todo. Basta con hacer clic en sincronizar. Lo haré por Roboto y Roboto Slab. Simplemente aparecen en infografías, no
tienes que hacer nada. Eso me encanta. Volver arriba con ella seleccionada, voy a ir a ti, amigo mío para conseguir el Roboto. Usaré la versión de losa para esto, y diferentes pesos. Pero eso está bien para mí. Cambié de opinión, con la losa y aún compré. Esta mi versión negra. Agarra de nuevo a esta zona aquí, sección dos, mueve cosas por ahí. Voy a dormir mi izquierda alineada, se podría ver que lo dejaremos ahí. Lo que podría hacer es, habría veces en este curso estamos como, “¿Debería usted simplemente seguir adelante?” Esta es una de esas veces en las que dejé de meterme con fuentes sin otra razón que mi propio placer. Eso va a ser para Type and Typekit porque no es tan difícil. Vamos a empezar a traer los iconos, usaremos una infografía.
8. Dónde conseguir iconos gratis para tus infografías: Necesitas encontrar algunos iconos y no quieres pagarlos. Ahí hay un par de sitios, iconfinder.com es uno genial. Tienen una mezcla de pagadas y no pagadas. Digamos que necesitamos una foto de una mujer, un ícono de una mujer. Ahora por defecto, el tuyo se establecerá posiblemente sentarse a cualquiera y a cualquiera y a ningún filtrado de licencia. Empezarás con estos aquí. Se puede ver que no son caros. Por lo que $1 para algunos de ellos. Lo que queremos hacer es sin embargo, quiero los Vectores porque quiero que sean escalables en After Effects. No quieres ninguna. La mayoría de ellos son todos Vector de todos modos. Entonces quería ir gratis porque soy barato. Yo quiero bajar a la licencia. Yo quiero los que dicen arriba para uso comercial, pero no tengo que poner enlace en ninguna parte. Aquí puedes ir a éste, de uso comercial, pero tienes que añadir enlace en algún lugar para explicar de dónde lo sacaste. Iba a ir por el camino barato completo. Ya puedes ver que hay bastantes aquí de los que puedo escoger. Cuando usted está escogiendo algunos de estos casos yo, usted decide que este es el para usted. Cuando lo estés descargando, descarga la versión SVG. El PNG es una versión de píxel, no vector. Cuando lo escales, no va a ser genial,
vale, va a recoger levemente, mientras que este no lo hará. Entonces descarga esta versión. Debido a que es un SVG, es posible que tengas que abrirlo, dependiendo de la versión de SVG, posible
que tengas que abrir un Illustrator y copiarlo y hacer una reguardar
y guardarlo como un archivo de Illustrator para usarlo en After Effects. Eso haremos en el siguiente video en el que se muestra cómo hacer que los iconos de Illustrator usen un after fake. Haremos eso. Puedo averiguar nuestros usos es un recurso bastante grande, me encanta. El otro gran lugar es en realidad del propio Adobe. Es la aplicación Creative Cloud. En un Mac, está aquí arriba, dice Creative Cloud, icono de aspecto nublado. Tienes estas opciones en la parte superior. En un PC, estoy bastante seguro de que se hace abajo a la derecha, encontrarás el mismo ícono y estarás en casa, ve a Activos, ve a Mercado. Aquí de la parte superior hay un ícono de búsqueda , de
acuerdo, y vamos a poner en mujer. El cool de esto es que todo esto es de uso comercial. No tienes que añadir enlaces. La calidad y la cantidad no son tanto, pero por lo tanto pueden ser súper útiles y útiles. Lo que realmente es genial es, echa un
vistazo aquí primero y luego salta a tal vez buscador de iconos, eso es lo que hago, al menos. Diga que decide, ése tal vez no sea ése. Pero digamos que decidimos usar este. Ver este pequeño botón aquí, podemos traerlo a mi biblioteca. Lo genial de ello es que eso es todo. Si saltas ahora a After Effects, puedes ver que se está descargando en segundo plano, el final de mi animación info graphics. Ahí está esa encantadora dama, estamos listos para irnos. Usaremos esto mucho durante la clase, este Activos, Mercado, Es realmente bueno para los iconos. No tiene muchas imágenes ahí dentro, pero así es principalmente para iconos. Pasemos al siguiente video. Una cosa antes de irnos en realidad es decir en buscador de iconos. El genial de aquí es que a menudo son parte de un grupo más grande, así que podrías escoger este will one, pero también necesitas un hombre o ninja. Yo puedo encontrar que tiene y realmente buenos grupos de cosas para ir. Si te metes en el tipo de modo de descarga de super icono como, puedes ver aquí hay un costo por mes. Se puede obtener descarga 25 al mes o ilimitada, 29. Ahora vamos a animarlos.
9. Animación de un icono infográfico en Adobe After Effects: Hola ahí. En este video vamos a hacer esto donde se desvanece y luego va por pedacitos, y luego aparece este tipo. Jugaremos con la báscula. Solo vamos a hacer algo de animación básica. Es rápido, es fácil. Hagamos que suceda en After Effects. Estoy en mi “Valor del sueño - Comp”, haga doble clic allí. Tengo mis dos archivos de audio bloqueados y voy a bloquear la capa de fondo. Lo que haremos es conseguir que estas garrapatas se desvanezcan y luego haremos que aparezcan nuestros iconos. Asegúrate de jugar este brillante al principio. Lo que vamos a hacer es girar hacia abajo esta pequeña flecha aquí y vamos a girar hacia abajo Transformar. Lo que vamos a hacer es jugar con la Opacidad. Al inicio de mi línea de tiempo, voy a hacer clic en este pequeño cronómetro, y lo que pasa con eso es que establece un fotograma clave aquí en cualquier ajuste que sea este. Pongo un fotograma clave en Opacidad 100 por ciento. Puedo ajustarlo haciendo clic, manteniendo presionado y arrastrando, o simplemente puedes hacer clic en él una vez y teclearlo. Yo quiero que sea a cero aquí, y después de un poco de tiempo, qué tan lejos. Generalmente lo que hago es simplemente mantener presionada la barra espaciadora o, clic en la barra espaciadora una vez y luego apagarla de nuevo cuando siento que ha pasado lo suficiente, solo lo
haremos, eso se siente lo suficiente. Ha sido alrededor de un segundo. Todo lo que voy a hacer es hacer clic en mantener y arrastrar eso hacia arriba. Ya verás que a medida que lo arrastre hacia arriba, se crea un segundo fotograma clave. primer fotograma clave está en cero, el siguiente fotograma clave está en 100 por ciento. Ahora esperemos, lo que haremos es después de algún tiempo quiero que luego se desvanezca. Ahora uno de los problemas que pasa con todo el mundo que es nuevo y en mis clases es que ahora van a ir a sintonizar esto a cero para desvanecerse, pero no agregan ninguna pausa porque lo que pasa ahora, mira esto, es que sube y luego simplemente instantáneamente comienza a volver a bajar de nuevo. Piénsalo como una rampa. Empieza en cero, llega al 100 por ciento y luego empieza a bajar de inmediato. Lo que me gustaría hacer es tener un poco de área plana donde
se quede en 100 por un tiempo antes de que se desvanezca. Voy a deshacer para deshacerme de ese fotograma clave. Para ello se cumple alrededor de dos segundos y 21 cuadros. Lo que voy a hacer es, ver este pequeño diamante aquí, click sobre él que fuerza en un fotograma clave sin que tengas que ajustar esto. Significa que, ahora eso es 100. Ahora si me muevo un poco más allá, voy a bajarlo a cero. Rampa sube, cero a 100, se queda en 100 por un tiempo y la rampa baja de nuevo a cero. El Valor del sueño para los creativos. El siguiente trozo de animación va a ser cuando aparezca esta casa. Ahí es donde lo digo y no se oye lo que te hace cada bien a través de mi micrófono, pero ahí es cuando aparece la casa. Lo que vamos a hacer es, girar esto, ponerlos bonitos y limpios, es que voy a arrastrar en mi casa. ¿ Dónde está la casa? Está por el fondo aquí de mi panel Bibliotecas. Pondré una película aquí en alguna parte. Voy a alejarme. Sí, solo va a estar en la esquina superior. Este de aquí encaja. Nos aseguraremos de que el comp esté perfectamente centrado en el centro ahí. Con estos iconos, puedes redimensionarlos agarrando las esquinas. Ahora un poco raro en After Effects, si conoces algunos de los productos de Adobe, quieres asegurarte de que la altura y el ancho no cambien, y quieres arrastrar aquí estas esquinas, pues sin sostener nada abajo , escalan extrañamente. Lo que haces es empezar a arrastrar, se está poniendo salvajemente, luego sostén Shift. Tengo presionada la tecla del ratón y la tecla Mayús. Se pueden ajustar los tamaños. No vamos a hacerlo, porque los he hecho a todos bastante buenos en Illustrator en el último curso, así que son del tamaño correcto. Voy a dejar esos. Lo que vamos a hacer ahora es el momento en que empieza justo al principio, me gustaría que empieces justo antes de decir la palabra casa, ya que quiero dar clic en mantener y arrastrar esta parte coloreada. Arrástralo, arrástralo, arrástralo, arrástralo, y verás que llega el comienzo. Ahora puedes verlo apenas empieza un poco más tarde. Hogares. Tendremos el tiempo justo en un segundo, pero eso es todo correcto. Lo que me gustaría hacer es poner mi cabeza de juego al principio de esta capa aquí. Ahora puedo acercar y asegurarme de que sea perfecto. Pero nuestro primer pequeño atajo va a estar manteniendo presionada la tecla Mayús mientras arrastras el cabezal de reproducción o el Indicador de Tiempo Actual. Mantenga pulsada la tecla Mayús y lo que sucede
es que saltará a partes significativas en su línea de tiempo. puede ver que salta al inicio de esto. También salta a estos marcadores, ¿los puedes ver? Salta al principio, por lo que es solo una cosa realmente buena mantener pulsado, sosteniendo Shift siempre que estés arrastrando tu línea de tiempo, bueno. Lo primero que quiero hacer es girar esto hacia abajo y quiero encontrar la báscula. Vamos a poner el cronómetro en escala. Tenemos un fotograma clave y la escala está en 100. Voy a afinarlo a cero. Iba a arrastrarlo a cinco. Este tecleo cero. Este es un cero luego un poco más adelante, voy a arrastrarlo hasta 100. Ahora empieza ahí, y muy lentamente aparece. Lo que voy a hacer es que voy a acercar un poco en mi línea de tiempo. Para acercar, solo tienes que escribir el botón más en tu teclado. Simplemente más nada más. Menos hace zoom hacia fuera. Lo que quiero hacer es tal vez solo traer esto para que esté pasando un poco más rápido. Se trata de lo correcto. Cuando juegas con la flexibilización y algunas otras cosas, pero está ahí. Genial. Voy a girar esto en caso de que todo esté bonito y ordenado, y ahora podríamos dejar de traer a todos los demás. Se puede ver a la esposa. Voy a traer a mi esposa, y voy a arrastrarlo y empezar esto más adelante. Empieza aquí. Manteniendo el turno para llevarlo al frente, voy a girar esto hacia abajo, “Transformar”, encender la “Escala”, ponerla en cero, moverla un poco y luego arrastrarla hasta 100. Puedes arrastrarlo más allá de los 100. Es tiempos arriba 100. seguir pasando y haciendo esto por todas las diferentes apariencias de iconos. Pero lo que va a pasar es que lo voy a hacer por todos estos, y luego lo siguiente que quiero hacer es relajar. Voy a tener que ir y hacer eso para pedirlos por separado. Entonces voy a tener que añadir algunos sonidos y tengo que hacerlo todos por separado. Lo que tenderás a hacer es que voy a borrar el go. De qué va a funcionar en el hogar, hazlo perfecto. Hazlo estallar y rebotando, y un poco de estallido y luego lo duplicaremos y simplemente apagaremos el ícono. Eso es mucho más fácil que tratar de hacerlo repetitivamente para todos los iconos separados. Trabajemos en casa y después
iremos a cambiarlos por todos los diferentes iconos. Pasemos al siguiente video donde nos deshacemos de esto como cojo power-pointy zoom-in. Vamos a sumarle un poco de vida. Eso se llama flexibilización.
10. Cómo facilitar las animaciones en After Effects para que tengan un aspecto elegante: Hola, ahí. En este video vamos a ver la flexibilización. Básicamente va a convertir la aburrida animación en algo un poco más realista e interesante. El de abajo una lectura va a ser aburrido los de arriba va a ser agradable con la flexibilización. Aburrido, agradable, aburrido, agradable. ¿ Ver? La flexibilización solo agrega un poco de vida a casi cualquier animación en los efectos posteriores. Vayamos a hacer eso ahora. Para trabajar en la flexibilización vamos a dar click en icono una casa. Lo que vamos a hacer es sarga esto hacia abajo para que podamos ver los fotogramas clave en los que estamos trabajando. Ahora bien, esto puede ser bastante complicado ya que podemos ver punto de
anclaje en posición y es bastante desordenado sobre todo cuando empiezas a menuzar algunos de estos. Se pone feo de aspecto. Para hacerlo un poco más bonito es tener seleccionada esta capa, tenerla completamente dotada y hacer clic en la tecla “U” de tu teclado. Todo lo que hace es que baja sólo los atributos que tienen clave-frames aplicados a ellos. El material con el que probablemente vas a trabajar, por lo que está ocultando punto de anclaje en posición sigue ahí. Puedes cerrarla, abrirla de nuevo. Simplemente escribe “U” mantiene todo bonito y limpio mientras estás trabajando. Voy a acercar a mi jugador. Pulsa la tecla más para acercar el zoom. Ahora el momento, está haciendo esto no es muy agradable. Voy a apagar el sonido. Vea estos aquí. Apagé estos sólo para que no pueda escuchar la música. El problema se exporta. No tendrá música ni voz en off así que asegúrate de volver a encenderlos. Sí, muy potente puntiagudo. Simplemente aparece un poco cojo. Lo que quiero hacer es aplicar la flexibilización. Ahora lo que hace mucha gente es que se deslizarán a este keyframe y a este key-frame. Estoy manteniendo pulsado el turno y haga clic en ambos. Se ponen azules, haga clic derecho en cualquiera de ellos. En realidad puedes hacer clic en F 9 si estás en un PC y eso aplica facilidad fácil. Si eres como yo en un Mac y F 9 abre un montón de otras cosas como iTunes o algo así, sí, no puedes usar ese atajo. Si haces clic con el botón derecho en alguno de ellos, ve al asistente de fotogramas clave y hay facilidad fácil. Son cambios, ellos de diamantes a estos vidrios de hora y le da un poco de flexibilización. Cuidado con este fuera, es mejor. Es un poco difícil de ver pero le da un poco de resistencia al principio y al final y le da un poco de luz. Eso va a ser una parte enorme de esta clase. Vamos a ver la flexibilización más un montón de otros trucos para regalar iconos un poco de antropomorfismo. Lo que vamos a hacer es tan fácil. La facilidad es genial. Nunca lo uso porque me gusta agacharlo aún más alto. Para ello, puede escribirlo manualmente. Voy a hacer clic derecho en él y vamos a ir a éste, en lugar de asistente ir a una velocidad clave-fotograma. Lo fácil que hace es que cambie de cero a 33.3 por ciento. Eso le da un poco de influencia, pero me gusta manivela hasta 75. 75 en ambos, tanto los puntos de entrada como de salida funciona bien. Da clic bien, así que es como una facilidad fácil, pero versión extrema. Ahora, retrocede y mira esto. De todas formas me gusta mucho más. Es sólo que tiene un poco de flujo hacia ella. Si va un poco rápido, siento que la mía sí. Simplemente voy a dar clic en uno de estos iconos y separarlos. Sí, eso le tiene un buen presentimiento. Que a mis amigos se le considere facilidad. En realidad estamos usando velocidad. Puedes usar esos términos en este caso indistintamente. Podríamos hacerlo al desvanecerse. Voy a alejarme, volver a menos ese poquito para poder ver toda mi animación. Recuerda estos tics se desvanece en. Para ver solo Haga clic en la capa de texto, ¿cómo veo sólo a los amigos clave que hicimos para esto? Puede ser el desvanecido en. Eso es hacer clic derecho en “U” en tu teclado, aquí están mis fotogramas clave. Ahora podría hacer flexibilización por esto, pero por opacidad, no puedo ver la diferencia. Podrías decidir que juegues con él y
puedes ver la diferencia en la flexibilización y opacidad y eso está totalmente bien. Simplemente encuentro que realmente no importa a qué velocidad juegues con él, no
hay mucha diferencia cuando estás jugando con transparencia u opacidad. Yo sólo voy a dejar esos y subir al siguiente video.
11. Si te pierdes en AFX y ya no puedes encontrar tu animación: Te voy a mostrar este ahora porque probablemente, si no te has perdido ya, te vas a perder en alguna etapa, sobre todo si eres nuevo. El principal culpable es éste. Entonces, estoy viendo mi comp aquí, valor del sueño. Entonces, hago click en esto y voy a hacer doble clic en él. Yo doble clic en él por accidente y termino aquí dentro, y tú dices: “Hombre ¿dónde ha ido todo?” Podría estar en blanco, tal vez hice clic en otra cosa como el fondo para desbloquear eso y hacer doble clic en él. Yo me he metido dentro de ella. Estás como, “estoy seguro de que aquí hay algunos textos, pero todo se ha ido. Todo lo que ha pasado es que te has metido dentro de la capa. Aquí está mi comp aquí atrás. Todas mis cosas preciosas en él. Pero, puedes bucear dentro de cualquiera de estos objetos haciendo doble clic en él. El problema es como la línea de tiempo no cambia. Entonces todo lo que tienes que hacer es cerrarlo o simplemente saltar de vuelta a por aquí. ¿ Dónde está esta composición? No se está perdiendo nada. Estás bien, pero eso le pasará a todo el mundo con el tiempo. Está bien. Siguiente video.
12. Añadir sonidos gratuitos un poco de ruido pop: Hola ahí. En esta animación, vamos a añadir pequeños ruidos detrás nuestras animaciones para hacerlos sentir más reales como este tipo, Creativos. Ahora hay un debate en curso en nuestra casa sobre, ahí está. ¿ Ves ese pequeño ruido de blip? Vamos a averiguar dónde podemos encontrarlos y cómo implementarlos. Primero que nada encontremos nuestro sonido. Si necesitas sonidos para como interfaz, tipo de cosas como lo vamos a hacer para este pop. Necesitas algunos clics, necesitas algunos baches, necesitas gemidos, igual que pequeños ruidos, a menudo el término a buscar son ruidos de interfaz, y no hay un lugar real yo uso sonidos libres para envejecer bastante porque el las licencias me permiten utilizarlas gratis, pero revisa dos veces las licencias antes de irte y usarlas. El raro es buscarlos, como digamos que quieres un ruido y lo puedes escuchar en tu cabeza. No estoy seguro si estoy explicando eso bien, pero ya sabes cuál es el ruido, pero ¿cómo lo describes con palabras? Digamos que podrías ir Zap. De acuerdo, sólo este es el ruido. Este es el que yo quiero. Ese es el que yo quería. Ninguno de esos raros. Puedes descargarlas fácilmente haciendo clic en ellas y descargándolas. Tengo una lista para nosotros en esta animación, así que vamos a saltar a After Effects. Lo que hice fue en tus archivos de audio que compramos antes. He hecho este blop, y en realidad lo acabo de grabar yo mismo. Hice un ruido en mi micrófono así, o blop. Todos esos ruidos, uso bastante para mis animaciones, porque consigo el ruido exacto que
quiero y llego a usarlos comercialmente porque los hice. Se te permite usar mi bloque cuando quieras. Tienes todos mis derechos. Lo que me gustaría hacer es justo el momento correcto. Cuando aparezca la casa y voy a traer este blop. Agradable, y lo que podría tener que hacer también es volver a encender mi audio solo para conseguir el tiempo correcto, voy a encender el valor del sueño, encender el sonido. Ahora, inténtalo y cronometralo por completo. Probablemente necesita venir un poco. Eso no está mal. Todo el mundo va a ser un poco diferente porque estás trabajando en tu propio archivo. A lo mejor un poco más adelante, entonces se reduce a un poco sobre menos tratando de darles tiempo para amablemente. Eso se siente bien. Tal vez va un poco lento mi pequeño pop también. De todos modos, hemos mirado de dónde sacar sonidos. Nosotros hemos hecho nuestro propio y lo hemos aplicado. Estas son una de las cosas que a menudo se pasan por alto, cuando estás como ver la infografía de otra persona y estás como, “eso es genial” y no te das cuenta de todos los ruidos fondo que tipo de agregan la vida al pequeñas animaciones. Sólo tienes que mantener un oído fuera para ese tipo de ruidos y ver si puedes encontrar otros similares, y no olvides añadirlo a tu propio trabajo. Muy bien, pasemos al siguiente video.
13. Creación de un círculo pop o un círculo burst en After Effects: Hola mundo, en este video vamos a ver haciendo un pequeño estallido ver este ícono aquí arriba. Ver pequeños talones. Es esta poca frecuencia, esa pequeña estrella irrumpió lo correcto que aparece al mismo tiempo que el ícono. Eso vamos a hacer en este video. Lo primero que tenemos que hacer es dibujar una forma. Ahora no puedes simplemente ir a dibujar un rectángulo y usar esto. Necesitamos el rectángulo, pero necesitamos que el centro del mundo esté en medio del rectángulo y es
mucho más fácil hacerlo si solo hacemos doble click aquí arriba. Voy a usar la herramienta de rectángulo redondeado, solo se ve genial con que sea un poco blobby. Basta con hacer doble clic en el icono. Se lanza en un rectángulo justo en el centro de nuestro espacio, es demasiado grande. Podemos redimensionarlo, no es problema. Hay algunas formas diferentes de cambiar el tamaño de las cosas. Si agarro el borde, en realidad lo estoy escalando. Quiero realmente cambiar su tamaño físico y lo hacemos por aquí
abajo en mi Shape Layer bajo el rectángulo uno. Aquí hay camino de rectángulo. Eso se llama posición de tamaño y bordes redondeados. Lo que me gustaría hacer, es que me gustaría que fuera un tamaño de aproximadamente, quería empezar con un ancho de unos 30 y una altura de cero. Lo que notarás es que baja a cero si no desvinculas esto. Yo quiero que el ancho sea 30. El alto para ser cero. Asegúrate de que el eslabón de cadena esté roto, de lo contrario están conectados. Ahora lo que verás es que voy a acercar un poco. puede ver que tiene 30 píxeles de ancho y cero de alto. Así es como va a empezar. Lo que voy a hacer es traer mi cabeza de juego de vuelta al principio aquí. Lo que quiero hacer es animar esto. Voy a encender mi fotograma clave. Marco uno, el tamaño va a ser de 30 por cero, y luego después de aproximadamente un segundo. Va a ser cero. Va a ser muy delgado,
pero muy alto, ¿a qué altura? Voy a hacerlo alrededor de 60. Realmente depende de lo que quieras hacer y ver luego ver la diferencia entre los dos. Voy a volver a encajar. Encuentro que esto es bueno porque lo puedo ver en proporción a todo lo demás, sobre todo porque ahora quiero moverlo. Vamos a establecer un fotograma clave para la posición. Asegúrate de que tu cabezal de reproducción esté aquí en cero. Pasarse a este. Recuerda mantener el turno en tu teclado y se bloqueará en la misma posición exacta que este fotograma clave para que se alineen y donde quiero que vaya, x e y, y es el segundo y quiero arrastrarlo a los negativos, lo
que hace que suba, raro eh. Va a empezar ahí abajo y luego subir allí después así que vamos dos fotogramas clave. Voy a previsualizarlo. Si eres como yo, mientras estás previsualizando, un poco alto cuando hay toda esta otra música tocando y todo animando detrás de ella así que lo que vamos a hacer es, ahora estamos Shape Layer aquí. Vamos a trabajar abajo para que no lo veamos. Lo que me gustaría hacer es, simplemente apagar el globo ocular de estas otras capas y el sonido está apagado estas capas, las volvemos a encender un segundo solo para que podamos ver a este tipo aislado. Tenemos a este pequeñito, está haciendo su cosita. El animación no es muy agradable. A lo mejor vamos a usar la tecla U y eso nos mostrará los fotogramas clave para esto. Voy a deslizarme por debajo de estos tipos y voy a dar clic derecho a uno de ellos, ir a velocidad de fotograma clave y cambiar a mi famoso 75 por ciento click "ok" Una cosa que te darás cuenta es que traté de hacerlos todos de una sola vez y necesitaba uno sentarse. No habían hecho estos tipos, porque el tamaño cambia x e
y así que hay dos opciones aquí pero la posición solo tiene, solo
estamos ajustando la yNo puede
hacerlos a los dos al mismo tiempo. Solo tienes que hacer estos por separado. En ocasiones se pueden cambiar todas de una sola vez seleccionándolas todas. A veces aunque lo haces por separado. Ojalá se vea mejor ahora. Agregas tu propio ruido bloop. Lo siguiente que tengo que hacer es repetirlo redondo en círculo. Voy a poner mi playhead a mitad de camino entre estos dos sólo para poder verlo. Lo que tenemos que hacer es agregar lo que se llama repetidor y tú lo haces, voy a tener que trabajarlo, volver a
trabajar para ver todo aquí dentro y
asegurarte de que tienes seleccionada la Capa uno. Forma Capa uno. Haga clic en esta palabra Agregar y agregar esta llamada Repetidor de ojos. Repetir es un efecto. Lo que podemos hacer aquí, echemos un vistazo, hay tres de ellos, ahí
tienes, tenlo de vuelta en el medio aquí. Lo que queremos hacer, es abrir Repeater, y queremos cambiar algunas cosas. Una es ¿cuántas copias? Voy a tener 13, realmente no importa cuántos tengas. Se puede experimentar con lo que se ve bien. Ya puedes ver ahora tiene 13 de ellos. Por defecto, lo que hace es que repita su posición a 100 píxeles a la derecha. Lo que queremos hacer es ir a transformar Repetidor y donde diga Posición, queremos decir en realidad no queremos repetirlo. A 100, haz ese cero. Ahora hay 13 de ellos todos apilados uno encima del otro. Lo que quiero hacer sin embargo, es que quiero jugar con la Rotación. Ahora, divida 360 grados por 13 pequeñas copias. No tengo ni idea. Lo que haces es ir 360 dividido por cuántas copias tienes. Puedes hacer matemáticas en cualquiera de estos pequeños campos. Si eres terrible con las matemáticas, como yo, deja que la máquina lo haga, 27.7. Impresionante. Ahora si el tuyo no se ve bien como el mío y tal vez esté en espiral. Esto sucede bastante en mi clase, es que tus [inaudibles] han cambiado de posición y lo hace. Es genial y es raro. Tan solo asegúrate de que tu posición esté establecida en cero. Ahí vamos. Esa es nuestra pequeña estallido, ahora vamos a encender nuestras Capas y moverla para que esté en el lugar correcto. Lo que haremos es, vamos a cerrar ese, encender todos los globos oculares,
encender el sonido para el blop, la música de fondo y lo que haremos es reposicionar esta Shape Layer. El problema es que es bastante difícil de hacer. En tanto que hay bastante difícil ponerle los dedos encima. Es mucho más fácil en realidad trabajar esto hacia abajo y voy a sumar eso arriba y usar este aquí dice Transformar. Voy a jugar con la Posición y a menudo uso Posición para arrastrar cosas alrededor en lugar de usar el cursor como lo hacemos en muchos otros programas de Adobe, sólo porque es tan difícil de hacer cuando hay tan pequeño, toda la opacidad es baja a cero. Lo que quiero hacer es jugar mi cabeza de juego hasta que aparezca un chico pequeño pop-up y esté ahí. Esta pequeña estallido necesita comenzar a lo largo aproximadamente a la misma hora. Eso es un poco cercano. También querer hacer es jugar con la posición. Vas por allá, luego bajes un poco y nosotros vamos allá. Ahora lo vamos a jugar y. [ inaudible] ¿Qué tan bueno es eso? [ inaudible]. Eso es genial. Si el tuyo está haciendo algo raro y te gusta, todavía no puedo hacerlo. Vas a tener que volver a través de este tutorial y hacerlo exactamente paso a paso. Lo que encontrarás es, digamos aquí en las Capas de Forma, aquí
hay Transformación para la Posición, también
hay Posición de Transformación en el Repetidor, también
hay en el rectángulo aquí hay Posición. Tienes que asegurarte de seguirme exactamente para que éste funcione. Sin embargo, lo genial al respecto, una vez que lo has hecho una vez y quieres usarlo para otro trabajo, solo tienes que ir y copiar y pegar esta capa de formas. A cualquier nueva comp o cualquier nuevo proyecto en el que estés trabajando, o mejor aún, solo roba mi. Mi definitivamente funciona. Lo guardaré ahora y será parte de lo que se llama los archivos completados. Verás un enlace al mismo en la pantalla en algún lugar. Está bien, ese es nuestro pequeño círculo pop.
14. Consejo de animación: desenfoque de movimiento: En este video, vamos a ver el desenfoque de movimiento. desenfoque de movimiento hace que todo se vea más impresionante cuando se mueve. El superior, desenfoque de movimiento, bottom one, aburrido, sin desenfoque de movimiento. Vamos a aprender a hacer eso en los gráficos [inaudibles]. Para agregar desenfoque de movimiento, solo
voy a conseguir mi cabezal de reproducción. Es alrededor del ícono explotando parte de mi línea de tiempo. Voy a acercarme un poco. Muévete a lo largo. Yo quiero acercarme lo suficiente. Ahí vamos. Yo quiero jugarla. En el momento es bastante victoria. Queremos añadir un poco de azul de movimiento. Vas a recordar la primera parte que es, ver este pequeño ícono, esta cosita de aspecto de gusano? Esa es la columna de desenfoque de movimiento. Dentro de esa columna, voy a encender esta capa aquí. Trabajaremos primero en la casa. Lo que podríamos hacer es apagar el globo ocular en la explosión del círculo. Te darás cuenta de que ya no tiene forma de capa uno. Yo lo renombré círculo estalló entre videos sólo porque. Para cambiar el nombre de una capa, haz clic con el botón derecho en ella y dices cambiar Icono 1, lo que voy a hacer, lo enciendes, y nada cambia. Lo que hay que hacer es encender el interruptor maestro, que es éste. Lo que puedes hacer es, tienes el interruptor maestro encendido, y luego puedes decidir cada capa que te
gustaría tener desenfoque de movimiento, cuáles no. Sólo recuerda encenderlos a ambos. Tengamos un adelanto. Supongo que es un poco difícil de ver, pero cuando lo despacio, yendo lento, puedes ver que se borra cuando se mueve rápido como lo haría cuando lo estás videograbando con una cámara normal. Le agrega un poco de vida. Yo lo apago, agudo, eso, borroso. Esa es una de las grandes diferencias entre usar algo como esto para hacer tu animación, y Adobe Animate. Adobe Animate no te permite hacer el desenfoque muy bien. Este desenfoque de movimiento es una manera realmente bonita de agregar vida a los iconos, así que vamos por ese. Apagémoslo y enciendamos el globo ocular para el estallido, y hagamos lo mismo. Enciende el desenfoque, dale una vista previa, y solo dale un vistazo. Simplemente se ve bien mientras se mueve rápido, siendo borroso. Hagámoslos ambos en combinación, desenfoque de movimiento. Impresionante. Práctamente en cualquier momento animo cualquier cosa, puedo intentar encender el interruptor maestro y luego encender las capas específicas. Que mis amigos es el desenfoque de movimiento, el primero de nuestros consejos de animación. Vayamos a ver un poco más.
15. Consejos de animación: Overshoot: En este tutorial, vamos a ver cómo rebasar la marca. Se puede ver que éste se hace más grande, pero luego necesita hacerse un poco más pequeño y más grande otra vez un poco de rebotes. Vamos a hacer esto para aprender y luego vamos a saltar a nuestro valor del sueño. Nosotros lo vamos a hacer a nuestro ícono allá también. Vamos a aprender a rebasar. Consigamos algo para rebasar. En primer lugar, no vamos a trabajar en este proyecto. En realidad vamos a trabajar en un pequeño trabajo separado y podemos hacerlo y es propia pequeña comp. En el momento en que tengamos una composiciones, ese pequeño ícono aquí y su nuestra comp que vemos abajo aquí abajo, puedes tener más de una comp, más de una página en un documento. Es una composición nueva. Es una composición. Nueva composición le dan nombre, a ésta se le va a llamar overshoot. Va a ser genial y vamos a lograrlo, no lo sé. cinco segundos de duración. El color de fondo va a ser negro. Haga clic en “Ok”. Te voy a mostrar esto porque quiero que sepas que
puedes tener más de un comp en un proyecto. Entonces aquí está mi todavía mi práctico dandy principal comp, pero voy a trabajar en este otro proyecto aquí. Es como un pequeño grupo separado. Ahí es donde vamos a hacer nuestro proyecto. Lo que me gustaría hacer es, vamos a saltar a Illustrator, en illustrator se va a abrir y en sus archivos de ejercicios de proyecto. Hay uno llamado Icon pop y vamos a agarrar el rebasamiento de Animación no offset. ¿Qué estamos haciendo aquí dentro? Sólo estamos practicando porque quiero esta cosa, quiero arrastrarla a mi biblioteca si no puedes ver tus bibliotecas, ve a ventana, bibliotecas. Arrástrelo ahí está esa parte que quiero usar en mi animación. Podrás dibujar todos estos en After Effects. Es solo que las herramientas no son muy buenas para hacerlo. Entonces todo el mundo dibuja en Illustrator, no todos, sino la mayoría de la gente. Ahora no quiero esta caja grande, solo
quiero el color de ella. Entonces recuerda donde eso está seleccionado poco más botón de relleno Color. Muchas gracias. Vamos a reconstruirte ahora en After Effects. Por lo que esa tarjeta de crédito es algo así como un pequeño ejercicio separado. Entonces lo que vamos a hacer es mostrarte cómo construir otra comp dentro de tu proyecto. Piensa en comp como un pequeño grupo. Puedes verlo aquí abajo como un pequeño grupo de capas, pero puedes tener más de una comp. Vamos a ir a la composición, nueva composición, vamos a llamar a éste Sobresalimos. Hazlo unos cinco segundos de largo, funciona para mí, color de fondo no nos preocupa. Lo que vamos a hacer es poner en un color de fondo. Recuerda que tiene que ser una capa, nueva, sólida. Color sabio es posible que tengas que desplazarte hacia arriba en tus bibliotecas para poder ver los colores en la parte superior. Haga clic en la pequeña herramienta cuentagotas, escoge el azul, Click “Ok”, tenemos una capa ahí voy a hacer clic derecho en ella, darle un nombre, llamarlo Fondo. Enciérralo. Entonces no lo estropeamos. Aleja un poco es en realidad, va a ir a encajar para que lo veamos todo. Yo voy a construir. Las composiciones pequeñas, lo de la tarjeta de crédito va ahí, lo real de
la tarjeta de crédito verde va ahí. Lo que haremos es hacer un pequeño rebasamiento de escala, pero puedes hacer una diapositiva en rebasamiento, lo que quieras. Ahora hay dos formas de hacerlo. Lo haremos manualmente primero, no
es tan difícil, pero después hay una forma automática. El único problema es que la forma automática no funciona cada vez. Hagámoslo de la manera manual primero y luego veremos automático. Entonces aquí vamos a sarga abajo, encontraremos transformada hará giro de escala, el cronómetro encendido, asegúrate de que la cabeza de juego esté al principio. Vamos a bajar la escala a cero. Entonces después de algún tiempo, alrededor de esa época. Tengo el mío a 14 cuadros, voy a escalarlo hasta justo más allá de donde necesitamos que esté. Entonces un 120 tal vez. A lo mejor un poco menos. Tenemos que jugar con esto. Realmente depende de tu obra de arte. Entonces quiero que vuelva atrás, rebote hacia atrás. No a un 100 por ciento pero tal vez 90, pase de
vuelta donde debería estar. que veas lo que estamos haciendo aquí vamos a rebasarnos, pero estamos rebasando pase de regreso donde nos necesitan estar, que es un 100 por ciento. Entonces ahora vamos a subir a un 105 y luego uno último, que va a ser un 100. Ahora tenemos que jugar con los tiempos y vamos a tener que sumar flexibilización porque en este momento tienes una sensación de lo que vamos a hacer, ¿verdad? Entonces no es tan difícil de hacer. Vamos a seleccionarlos todos e ir a Velocidad de fotograma clave, 75,75. El único problema con eso es que es bastante intenso. Lo que podría hacer es deshacer y digo, miembro, nunca
usé Easy Easy Easy. Va a funcionar en este caso. Funciona bastante con rebasamiento. Ahora el tiempo sabio, estoy seleccionando a todos estos tipos. Sólo estoy arrastrando esto. Tratando de tener mi idea de cómo van a funcionar los tiempos. Vas a tener que jugar con él tú mismo. Pero lo que puedes hacer es decir que todo está pasando demasiado despacio. Puedes seleccionar todos los fotogramas clave en lugar de tratar de gustar moverlos todo el tiempo. Podrás seleccionar todos tus fotogramas clave, agarrar el último. Bueno, aún no sosteniendo la tecla Opción en la tecla Mac o Alt en una PC y agarrar el último fotograma clave y simplemente arrástrelo hacia la izquierda. Se puede ver que pueden comprimir como una concertina. Hace que los montones sean más fáciles restablecer el tiempo en lugar de tratar de moverlos individualmente. Ahora va woo. Sostén el último, y ahora se va a ir wop wap. No estoy seguro de por qué tuve los efectos de sonido. En fin, esa es una forma manual de hacer rebasamiento. Mismo principio para moverlo hacia adelante. Posiblemente querías estar de vuelta un poco, retroceder un poco un poco atrás, eventualmente descansa en el medio, y luego golpear save y esta obra de arte aquí, voy a hacer clic derecho en él y darle un nombre. Voy a llamar a este rebasamiento manual. Vamos a hacer uno automático con una expresión. Lo que me gustaría hacer es simplemente apagarlo el globo ocular y volver a traer Artwork uno. Yo lo puedo arrastrar desde aquí o ya está aquí en mis archivos Artwork one aquí vas. Está exactamente en la misma posición sé que no me preocupa. Por lo que para hacerlo automáticamente, marco
clave al principio, jugar hit al principio. Todavía voy a tener que establecer los marcos clave básicos para que esto funcione. Vamos a twill esto hacia abajo y vamos a ir a transformarnos. Vamos a ir a escala. Voy a iniciarlo a cero. Entonces después de un tiempo como este, mío está en 16 Frames, escalarlo hasta un 100 por ciento. Tenemos que hacer eso, pero eso es todo lo que tenemos que hacer. Sin flexibilización, sin golpes extra. Tenemos que añadir lo que se llama expresión. Expresión es lo que, After Effects llama codificación. No nos estamos metiendo en demasiadas expresiones en este curso, solo en las prácticas y para establecer expresiones, primer lugar, necesitamos agarrar el código. Ya lo tengo. Está en tus archivos de ejercicios. Yo no lo escribí. Se lo tomé prestado a alguien y cuando digo que lo tomé prestado, lo
robé, pero está bien. Dijeron que está bien robar. Lo pusieron en internet para que la gente lo compartiera. Entonces en tus archivos de ejercicios, hay uno aquí llamado Expresiones y hay uno y
aquí se llama Expression overshoot, ábrelo. Selecciona todas las cosas que hay aquí, cópiala. He dejado todo el crédito por la gente que sí lo hizo. Es un anato iterativo de los datos de otra persona y ahora lo tengo bastante dulce. Lo que haces es por aquí, ver el pequeño cronómetro aquí. Para obtener una expresión aplicada a la escala aquí mantienes
presionada la tecla Alt en un PC o la tecla Opción en un Mac, haz clic una vez y luego se pone roja. Esa no es la expresión aquí dentro. Entonces quiero eliminar lo que hay ahí dentro y pegar esa cosa aleatoria que encontramos. Simplemente haz click fuera en cualquier otro lugar. Esta gran expresión aplicada a esta escala, retrocede, prepárense. Está bien, no tan genial. Pero si ordenas estos y te levantas un poco, empezando a lucir bastante dulce ¿verdad? No estamos bien. Eso nos ahorra tener que probar y cronometrar el rebote dentro y fuera. Sólo tenemos que jugar con lo lejos estos separados. No tenemos que jugar con la flexibilización. Es realmente útil. único problema es que no funciona cada vez. Funciona si tienes dos fotogramas clave, pero si tienes que tener unos marcos clave diferentes, di que esta tarjeta de crédito se mueve hacia arriba luego a la izquierda luego a la derecha, y quieres que rebote, oye, no va a funcionar, solo
funciona si sólo hay dos fotogramas clave. Vamos a cerrar éste ahora y aplicar esto a nuestra animación original. Este es solo un pequeño caso de prueba así que estamos en este overshoot comp y cerrarlo de nuevo a mi comp principal. Lo que vamos a hacer es que lo vamos a aplicar a este pequeño Bounce. Se veía genial sin relajar, pero vamos a ir a reemplazarlo. Ahora lo único que tenemos que hacer es antes que nada, veamos los iconos para escalar. Recuerde con la capa seleccionada haga clic usted. Me va a mostrar mis iconos. No va a funcionar porque le hemos aplicado la flexibilización. Porque necesitamos quitar esta flexibilización porque se mete con nuestro guión o nuestra expresión. Para deshacerse de ellos, la forma más fácil es mantener presionada la
tecla de comando en un Mac y hacer clic en ellos o en la tecla de control en un PC, solo los devuelve de vuelta a los diamantes. Ahora vamos a insertar nuestra expresión. Recuerda que mantenemos pulsada una tecla y hacemos clic en el cronómetro. Esa clave se llama Alt en un PC, Opción en el Mac. Dale un click, aquí va a reemplazar esta eliminarlo pega en nuestra encantadora expresión y luego arrastra nuestra línea de tiempo hacia atrás y prepararnos para un poco lento. Porque va un poco lento. Entonces va a juntar a estos dos. Oh, es como sólo uno de ellos. Traedlos juntos y simpáticos. Puedes decidir qué tan distantes son impresionantes. Ahora en este caso, probablemente no sea apropiado
hacerlo a lo [inaudible] porque no queremos que eso regrese. Nos gusta, que descontinuar y luego parar pero que mis amigos se rebasen. Pero antes de irnos, esto me ha estado molestando. Estos necesitan estar ahí dentro. Necesitas estar ahí cuando las arrastras fuera de las bibliotecas,
las bibliotecas están desordenadas solo las arroja en la ventana de tu proyecto. Ahora eso está ordenado y estoy feliz. Ahorra y pasemos al siguiente video.
16. Consejos de animación: Viñeta: Hola, ahí. En este video, vamos a aplicar una viñeta. Una viñeta se ve así por fuera. Apagadlo, viñeta aburrida. Impresionante. Vayamos a hacer eso ahora. Esto no es realmente un truco de animación, solo se ve genial cuando estás tratando con gráficos de información gráficos en movimiento. Es una viñeta. Es fácil de aplicar. Lo primero que tenemos que hacer es crear lo que se llama capa de ajuste. de ajuste como capa invisible
a la que podemos aplicar un fix y podemos aplicar una viñeta a ésta. Para encontrarlo, vamos a ir a afectos y presets. Entonces aquí vamos a escribir algo llamado Lumetri. Si comienzas a deletrearlo llegarás. El color Lumetri es lo que queremos y haga clic en mantener y arrástrelo. Probablemente lo mejor es arrastrarlo a la capa real en sí para que sepas que la tienes en el lugar correcto. Una de las opciones aquí bajo viñeta es la cantidad y vamos a arrastrarla hacia la izquierda. Te darás cuenta de fondo ahí que menos 1.7 y tenemos una viñeta, te guste o no, me encanta. Hace que dé ese aspecto de calidad de película. Para apagarlo o apagarlo, mira dónde dice efectos, enciéndalo o apágalo. Se puede tener uno blanco. Si lo arrastras hacia el lado derecho, va un poco lento vamos. un viento offshore le gusta el resplandor celestial. Tal vez use ese menos 1.7. Eso me queda bien. Es así como aplicas una viñeta. Si estás sentado ahí pensando, ¿por qué lo oscureció por fuera? Probablemente no seas una persona de viñeta. Soy una persona de viñeta, mira cualquiera de mis videos por todas partes, lo cocino de más y lo exagero. Algún día lo sacaré de mi sistema. Antes de irnos, cambiemos el nombre de esta Capa de Ajuste. Vamos a llamar a éste Viginette. Ni siquiera puedo deletrear viñeta. ¿ Eso está cerca? No lo sé. Eso ya está lo suficientemente cerca. Ahora, el único problema con la viñeta, tiene
que estar en la cima todo el tiempo. Pero a medida que sigues agregando cosas, potencialmente
agregas cosas por encima de ella. Lo que pasa es decir que me sale esto debajo del ícono, verás que el icono no se ve afectado por la viñeta. Esta Capa de Ajuste arregla todo por debajo de ella pero no nada arriba por encima de ella. Sólo ten cuidado con eso. Vamos a dar nuestro siguiente paso.
17. Consejos de animación: Anticipación arriba antes que abajo en el editor de gráficos: En este tutorial, vamos a mirar la anticipación. Es cuando las cosas suben antes de que bajen,
o se van antes de que vayan a la derecha, o se hacen grandes antes de que se hagan más pequeños. Eso vamos a aprender y vamos a aprender
a usar esta gráfica escondida aquí en el extremo inferior. Vamos a hacerlo con este tipo. Para que funcione, lo que tenemos que hacer, en este momento tenemos al principio empieza a jugar, desvanece y va un poco lento. Simplemente voy a guardar esto para tutorial más adelante, pero mi máquina está teniendo un mal día. Está tratando de grabar la pantalla por ti, y hacer esta animación HD al mismo tiempo. Voy a tener que hacer es ver si está lleno, usa [inaudible] ajustado a auto, así que está entre paréntesis. Lo que vamos a hacer es ponerlo a un cuarto. Simplemente significa que la resolución y la vista previa va a ser un poco. Se puede ver que se ha ido un poco pixelado ahí, así que contra lleno. En realidad no cambia tu salida, solo
significa que la vista previa dentro de after fix es un poco más agradable. Voy a alejarme para poder ver los bordes. Ahora, lo que quiero hacer es recordar aquí abajo fue de este tipo. [ inaudible] me muestra los fotogramas clave. Ahora tengo estos primeros clave-frame fueron desvanecidos en. Voy a quedarme con eso, ya que los dos últimos fotogramas clave no quiero. Voy a conseguir un to de transición hacia fuera para el salto. Se va a quedar un rato. Ahora lo que quiero hacer es, quiero ponerme en una posición. Vamos a abrir posición. Ahora, pequeño atajo genial es que solo puedo tocar P en mi teclado. Lo que significa es, en lugar de tener que abrir todo esto y encontrar posición, solo
toco P en mi teclado ya que la primera letra S es para escala R para rotación. Simplemente te ahorra tiempo saltando tratando de recorrer estos abajo y resolverlos todos más es mucho más ordenado. Lo único que es un poco raro es no
usas O para opacidad, usas T para transparencia. O hace algo realmente raro. Si sí golpeas O y termina aquí, sólo significa que tu cabeza de juego ha terminado más allá la pantalla con la tierra de nadie desplazada para arrastrarla de nuevo. Vamos. No hagas clic en O, aunque lo harás. Muy bien, entonces, ¿dónde estábamos? Acerca de ahí, unos tres segundos en, quería conseguir que saltara hacia abajo así que recuerda P para la posición. Queremos establecer un fotograma clave ahora un poco más tarde. Es difícil saber de antemano hasta dónde mantener estos separados para que esto se vea real, tenemos que jugar realmente con ellos después. Es porque realmente depende del tamaño del objeto que estés moviendo, y de cuánto lo muevas, y de qué tan rápido lo mueves. Entonces lo que queremos hacer es que tenemos nuestro primer fotograma clave ahí, nuestro segundo fotograma clave quiero que suba un poco. No de esa manera. Yo quiero que suba un poquito. Consigue que suba lo suficientemente alto. Encuentro que si lo haces demasiado bajo se vuelve realmente tenía que trabajar con. ¿ Cómo es eso? Demasiado alto. Hay un límite a la altura. Entonces va a subir un poco y luego después de un trozo, va a ir completamente abajo. Yo lo voy a mover hacia abajo aquí, así que arranca, empieza hacia abajo. Ya viste que uso posiciones en lugar de arrastrarlo y
justo así de fácil a menudo uso un deslizador de posición. Ahora por defecto, se ve bastante asqueroso. Lo que queremos hacer es añadir algo de facilidad. Ahora si hago clic derecho en todos estos tipos y vamos a usar facilidad fácil en este caso sólo porque lo que pasa, no es genial. Entonces vamos a tener que meternos en usar algo llamado el editor de gráficos hasta ahora y más o menos después de esto, te salgas con la tuya simplemente usando velocidad y escogiendo influencia o usando facilidad fácil. Pero ahora vamos a tener que usar el editor de gráficos, y si te parece un poco duro, es para gente nueva, y si fui verdaderamente honesto contigo, me parece un poco duro también. Entonces para cambiar al editor de gráficos, es este pequeño ícono de aquí. Tengo estos ícono seleccionado primero, así que seleccioné estos fotogramas clave. Haga clic en editor de gráficos, y eso es lo que está pasando. Es lo que se ve un poco raro. ¿ Viene como un pequeño salto raro no funciona todo porque este flujo no es muy agradable. Por el momento sin embargo, las coordenadas x e y están
cosidas juntas y no se pueden ajustar estas [inaudibles]. Entonces lo que tenemos que hacer es hacerlos pedazos. Ahí está esta pequeña x e y Te darás cuenta cuando la rompes, en realidad cambia y es una de las peculiares para ello. Ahora lo que queremos hacer para que esta cosa se vea bonita, es que queremos, estos dos fotogramas clave. Ahí es cuando es mi obra aquí,
ahí es cuando es normal. Ahí es cuando está arriba y ahí es cuando está bajando bajo. Entonces lo que queremos hacer es Se ve realmente bien, si esta es una linda línea suave en la parte superior aquí, y estas de aquí, me voy a ajustar. se llega a jugar con ellos. Pero éste de aquí va a subir un poco. Este bonito binned a menudo se ve bien. Vamos a darle una vuelta. Entonces tiene el ritmo correcto. Simplemente tal vez no es lo suficientemente rápido. Entonces vamos a saltar atrás del editor de gráficos. te darás cuenta de que los está dividida. Cuando hicimos eso en el editor de gráficos, decimos separar la x e y. entonces, ahora tenemos dos de ellos con los que lidiar. Realmente no necesitamos x o y, que es el de arriba y abajo. Nunca recuerdo que quiero dejarlos aquí a los dos. Pero de todos modos, entonces lo que vamos a hacer es ir a jugar con el tiempo. Entonces podría simplemente agarrar esto, apretar este hacia arriba, una vez hacia arriba. Simplemente pasa un poco más rápido, tal vez no lo suficiente. Entonces está funcionando. Definitivamente está mirando, voy a,
voy a darle la vuelta al mudo a estos dos me están llevando plátanos. Entonces es llegar ahí ¿verdad? Vuelve al editor de gráficos para asegurarte de que no has naufragado aquí. Vuelve atrás y deja de jugar con esto y puedes empezar a ver. Podría ir un poco más alto, así que voy a llegar hasta aquí y
voy a tener que trabajar si es x o y, es y todo el tiempo. Entonces no necesito x, así que solo puedes bin x solo para limpiarlo. Ahora me voy a ir, ya sabes, ya que lo he destrozado aún más. Entonces va más alto y es rápido, voy a acelerar eso. Por lo que terminas haciendo jugando mucho con esto para ver si puedes hacer que funcione. Ahora antes de que te vayas, tengo que hacer que se vea bonito y eso es llegar. Echemos un vistazo al editor de gráficos. Sólo para asegurarnos antes de irnos, lo hemos destrozado. Creo que eso se siente bien. Cuando digo antes, necesita ser esta curva perfecta,
en realidad, se vería mejor con un poco de doble curva aquí. Por lo que flexión puede outs y arriba. Por lo que empieza lento, va más rápido que el medio, vuelve a ser lento y va rápido al final. Me gusta guardar que dure un poco para el final para asegurarte de que sigues viendo. va a escupirlo un poco. Han pasado años haciendo que esto se vea genial. Yo estoy contento con eso. Ahora para que se vea aún más bonito es encender el desenfoque de movimiento, asegúrate de que esté encendido para el proyecto real así como para la capa. vamos a darle un poco. Se ve más bonito cuando se mueve. Ya lo ves. No sé por qué tuve [inaudible] arreglo, pero lo haré a lo largo de este curso. Tardó un poco, pero hay mucha finura a la hora de conseguir que las cosas sientan la sensación correcta cuando el blanco adecuado cuando se mueve. Se llama anticipación y hace que los objetos inanimados se vean un poco más reales. Pongamos al siguiente consejo de animación.
18. Consejos de animación: Desactivar dos objetos que se mueven uno detrás del otro en After Effects: [ MÚSICA] Hola ahí. En este video vamos a mirar a compensar nuestras animaciones para que dos chicos separados se sigan y parezcan que tienen una relación chulo. Debe ser fácil de hacer. Vamos a hacer eso ahora y después de los efectos. Para que suceda el offset, lo que vamos a hacer es, vamos a hacer una nueva comp. Pero nos va a mantener separados de nuestra animación aquí, porque no tiene mucho sentido. Como parte de esto, tenemos una técnica de animación yendo un poco de rebasamiento. Vamos, nueva composición. Este se va a llamar, Offset. Voy a asegurarme de que el color de fondo sea negro. La duración va a ser de cinco segundos. Eso está bien. Vamos a dar click. Está bien. Traigamos nuestros iconos. Voy a hacer doble clic en el área aquí abajo. Vamos a saltarnos las bibliotecas de uso en este momento. Yo los tengo aquí, se llaman offset uno y dos. Entonces vamos a traer primero Offset uno. Este pequeño reloj, y yo pondré dos, los
vamos a poner para que se estén solapando un poco. Usando mis teclas de flecha solo para juntarlas por ahí, porque es difícil arrastrarlas con la flecha. Yo quiero que estén ahí cualquier medio necesario. Voy a arrastrarlo un poco hacia abajo. En realidad, va a estar por ahí, va a estar ahí. Eso es todo. Enfriar. Pero si la superposición va y si la superposición está mal, tienes al otro encima del otro tipo. Lo que puedes hacer es solo asegurarte de que aquí Offset 1 está en la parte inferior, puedes arrastrarlos alrededor ver. Ahora está en la parte superior, ahora está en la parte inferior. Genial. Tenemos que poner ahora dos fotogramas clave en posición. Ahora lo que vamos a hacer, es hacer algo de asombro donde hacemos dos a la vez. Porque hay dos objetos separados, porque queremos que se muevan por separado. Vamos a golpear P en un teclado. Vamos a decir fotogramas clave para ellos, y vamos a sacarlos de la pantalla. Déjame alejar un poco para que pueda ver fuera de pantalla. A lo mejor podrías arrastrar esto para que un poco más fácil. Después de aproximadamente, los tiempos tuvieron que hacer en el escenario, arrastrarlo. Siguen adelante, muy emocionantes. No vamos a hacer esa flexibilización que pudimos, porque voy a usar la expresión que teníamos antes. Ahí está, voy a copiarlo. No puedo aplicar la expresión a ambos al mismo tiempo. Necesito mantener presionada la tecla O click en el cronómetro para la posición. Pégala aquí. Haz lo mismo por este tipo, pegarlo aquí. Ahora tengo esta cosita genial yendo o rebota por ahí. Voy a jugar con estos tipos. Tráelo un poco, pero más rápido. No sé por qué estoy tan lejos. Vamos a hacer el rebasamiento solo jugando con el tiempo aquí. Para que éste empiece primero y éste venga solo justo después. Parecen como si fueran compañeros haciendo cosas juntos. Pero sólo un poco de compensación
, puede ser realmente bueno. Sólo cosas sutiles. Estamos haciendo una gran compensación obvia aquí. Pero puede ser genial con, digamos que tienes un personaje. De acuerdo, y saltan a la pantalla. Están aquí. Podría estar en una línea separada y simplemente se pusieron como una pequeña burbuja o cualquier ropa suelta o cualquier cosa, simplemente lo compensan y las cosas empiezan a parecer bastante cool. Otras cosas para recordar al desenfoque de movimiento en todo se ve más bien con el desenfoque de movimiento. Eso se opone al siguiente video.
19. Consejos de animación: Redibujado de vectores: En este tutorial, vamos a ver lo que pasa cuando escalamos algo bonito y grande, apresura hacia la pantalla y se pone todo pixelado y te vamos a mostrar cómo hacerlo así, o vector y limpio. Básicamente, sólo encendemos ese botón. Pero hagámoslo en un pequeño tutorial. Pero en serio, es sólo encender ese botón. Vamos a hacer esto con un pequeño archivo de ejemplo, así que vamos a una nueva composición. Vamos a llamar a este uno Vector redraw. Voy a dejarlo todo así cinco segundos. Vamos a cambiar el color de fondo a, vamos a hacer clic en él y cambiarlo a blanco solo para ahorrar tiempo. Deberíamos meter un sólido porque ¿qué va a pasar si cambiamos el color de fondo a blanco y luego blanco qué va a negro? Entonces solo [inaudible] ahora, así que Vector redibuja y lo que voy a hacer es, voy a hacer doble clic recordar ese es el atajo a importar. Voy a traer tu propio logo de laptop. Ahí está lo voy a poner en mi carpeta de archivos guardando a estos tipos offset llegando allá y aquí traen su laptop, tráigala. Entonces eso es genial y quiero escalarlo. Entonces lo que voy a hacer es aquí arriba, voy a golpear escala, fijar el tiempo y ir y cuando se haga más grande, tal vez alrededor de medio segundo. A mí me gustaría escalarlo justo arriba, así que va volando hacia la cámara. No sé por qué se arregló el sonido, no ayuda realmente. Pero el problema es que se puede ver un su feo porque tendríamos un no lo hubiera usado todavía, pero se ve cuando se acerca realmente a la pantalla, se ha pixelado. Se ve realmente asqueroso, su Vector, por lo que debería estar bien. Todo lo que necesitas hacer cuando esto sucede es esta casita de verificación aquí. Entonces este pequeño destello, se
puede ver ahí dice continuamente rasterizado, por lo que va a redibujarlo cada vez en cada fotograma. ¿ Por qué no estaría encendido por defecto?. Es bastante exigente del sistema, Así que si tienes muchas formas Vector
volando por todas partes y no hay necesidad de redibujarlas cada vez. No lo hace a menos que lo fuerces haciendo clic en
este pequeño botón aquí y va muy bien. Un par de cosas que vamos a hacer para terminar esto se pueden saltar ahora. Sólo vamos a subir un poco eso, y practicar el uso del editor de gráficos. Entonces lo que voy a hacer es tal vez sólo aplicar la flexibilización a ambos lados de esto. A mí me gusta aplicar facilidad si voy a usar el editor de gráficos porque lo que pasa es una vez que saltas al editor de gráficos ahora los tienes a ambos seleccionados. Te da algunas asas con las que trabajar. Si no lo haces, soy [inaudible], es solo una línea plana y tienes que dar click en estos puntos y luego ir aquí y decir. Me gustaría crear una facilidad en este y eso está bien. Hazlo a cualquier lado, no me importa. Ahora lo genial de esto es que porque solo estamos haciendo una cosa. Estos, porque ahí empatados juntos. No tenemos que dividirlos. Recuerda en un tutorial anterior, tuvimos que dividir la x e y que está ahí abajo
pero está gris por el momento porque estos tipos no necesitan dividirse. Todo lo que queremos hacer es jugar con estas manijas y así lo que hemos hecho hasta ahora, lo
hemos hecho lento al inicio, al principio y más rápido que el medio. Lo que me gustaría hacer es este caso es que quería ser lento
al principio e ir lento a medida que va, se va poniendo cada vez más rápido. Entonces echemos un vistazo a esto ahora. Yo lo voy a jugar aquí. Por lo que simplemente comienza y luego se vuelve más rápido a medida que viene hacia ti. ¿ Es brillante? No me gusta por el momento. Juega con él. Eso es cada vez mejor y volver al editor de gráficos. Va a hacer lo que yo quiera. Vamos a probarlos. Ahora sólo falta por ahí, sí es genial. Está en el movimiento azul arriba y aquí abajo. Por lo que empieza a moverse realmente, empieza a hacer todo el movimiento borroso, pero en realidad es bonito desenfoque en lugar de solo captar la
iluminación y hay mucho tiempo donde está aquí abajo, en realidad se redibuja muy bien también. Muy bien, así que eso es redibujar vectoriales y asegurarnos de que tus gráficos, cualquier gráfico de ilustrado, no se vuelvan desenfocados cuando se escalan.
20. Consejos de animación: Herramienta de marioneta: Hola allá, en este tutorial vamos a hacer que
las cosas sean floppy y reales como esta usando la Herramienta de marionetas. Vayamos ahí. De acuerdo, entonces vamos a hacer esto en una Comp separada. Por lo que aquí arriba, Nueva composición, vamos a llamar a esta una herramienta de marionetas. De acuerdo, todo va a ser igual. Voy a usar sólo un off-grey [inaudible]. Enfriar. Y vamos a traer algunos archivos. Te voy a mostrar una forma diferente de traerlos. Aquí están mis archivos de ejercicios aquí, Marioneta uno y dos. hemos estado trayendo de una especie de manera oficial. En realidad puedes simplemente arrastrarlos a la página allí. Está bien. Y se puede ver que han pasado. Voy a ponerlos en mis archivos. Si estás en un PC, funciona de la misma manera. Solo necesitas tener la ventana abierta frente a ella, solo arrástrala. Fuera te vas. Enfriar. Entonces lo que tengo es Títere uno. Vamos a ponerlos en este lugar. Títere uno está en la parte inferior. Vamos a cerrarlo porque son los engranajes. En realidad no vamos a convertir esos. Podrías fácilmente convertir esos en dientes animados. Lo que vamos a hacer es nuestro ejemplo donde logramos que esto vuele y va a estar todo doblado. Voy a alejarme un poco para que podamos verlo todo. Entonces, en primer lugar, vamos a añadir un poco de animación. Entonces en esto vamos a golpear P por posición, y vamos a arrancar el cronómetro y los vamos a empezar por aquí. Está bien. Y después de cerca, no lo sé, tanto. Está bien. Estaño Frames, aquí va a ser quizá un poco más. Está bien. Catorce marcos. Voy a arrastrarlos, sosteniendo “Shift”, así que va perfectamente recto. Depende de ti. Por lo que puedes empezar a arrastrar primero y luego mantener pulsado Shift. Enfriar. Entonces tenemos los primeros bits, y lo que podríamos hacer es que podríamos agregar algo de flexibilización. Ahora hemos añadido una flexibilización para comenzar y terminar todo el camino a través de esto. De acuerdo, entonces lo que vamos a hacer en este caso es que en realidad vamos a ajustar agregar flexibilización a este último porque quería empezar rápido y bajar la velocidad aquí al final. Está bien. Entonces voy a sumar velocidad y conseguir que disminuya a 75, porque esa es mi favorita. Entonces ahora se va a acercar y luego tipo de ralentizar y parar ahí. Si no lo hace, vuelve a hacer clic con el botón derecho, ve a Velocidad de fotograma clave, y vamos a cambiar la velocidad aquí a cero. Y ahora debería hacerlo. Genial. Impresionante. Entonces lo que vamos a hacer es hacer que esa cosita de cola se doble. Está bien. Entonces se va a acercar, bajar y parar. Todo lo que queremos como que se incline. Para hacerlo, necesitamos agregar algunos puntos de Puppet, está bien. Y es difícil de hacer cuando está fuera de pantalla, así que vamos a moverlo. Entonces está a mitad de camino. Agarra la Herramienta de Marionetas, que es este tipo, el [inaudible] drop-in. Está bien. Haga clic en eso, y necesitamos tres en este caso. Necesitamos uno ahí, uno sobre medio, y alrededor de uno al final. Puedes tener tantos como quieras dependiendo de cuánto control quieras sobre él. Cuanto menos pasadores, más fácil es y más natural se ve. Ahora, estos realmente están agregando fotogramas clave al mismo tiempo. Entonces si hago clic en el Títere 2 y [inaudible]. Recuerda mi atajo secreto, mostrándome todos los Fotogramas Clave. Entonces si me muevo de otra manera, estos son los Fotogramas Clave que se han hecho. Yo como que los hice en la etapa equivocada. Está bien. Yo quiero que estén todo el camino por aquí al principio. Enfriar. Simplemente es más fácil de hacer, obviamente, cuando está en pantalla, entonces está fuera de pantalla. Enfriar. Entonces en primer lugar, quiero agarrar a este tipo. Todavía tengo mi Herramienta de marionetas. Voy a agarrar este y arrastrar, oop, deshacer. Yo los tengo todos seleccionados aquí abajo así que voy a dar click apagado. Voy a agarrar a este tipo. Está bien. Voy a agarrar a este tipo. Y luego si lo deslizas, eso es lo que está pasando. Está bien. Está acercando [inaudible]. Entonces ahora lo que tenemos que hacer es, cuando se acerca a esto en parte aquí, necesitamos simplemente mover los Fotogramas Clave. Entonces voy a agarrar este, enderezarlo de nuevo. [ inaudible] Probablemente debería haber dejado un Keyframe más ahí para parar en doblar pero [inaudible]. Está bien. Estamos llegando ahí, y se puede ver que no está haciendo el pequeño flop flippy que yo quiero. Está bien. Entonces voy a [inaudible] volver aquí arriba. Y en realidad lo que quería hacer ha pasado un poco por donde lo quería. Está bien. Se va a ir así. Entonces después de un par de marcos más, va a fracasar hacia atrás. Aquí vamos, [inaudible] flop, no demasiado lejos, y luego otro par de marcos. Vamos a llegar a ir un poco más atrás otra vez. Nos estamos acercando a su muñeca final. Nosotros vamos allá. Ahora, todo el tiempo va a estar un poco mezclado cuando lo hagas por primera vez, acuerdo, así que vamos a tener que jugar con él. Entonces, no nos emocionemos demasiado. ¿ Listo? Vamos a patear. Y el espacio [inaudible]. No es nuestro mejor. Pero te das la idea, ¿verdad? Eso es lo que vamos a hacer. Entonces, ¿qué necesito que haga? Vamos a tener que jugar con el tiempo de estos. Entonces voy a seleccionarlos todos, mantener presionada Alt y simplemente arrastrarlos hacia fuera. ¿ Siente que necesita más, o necesita menos? Yo estoy sosteniendo Alt y como que los comprime mientras los estoy arrastrando. Eso podría ser. Entonces sí, genial. Es llegar ahí. A lo mejor sólo estos tres outs. Ahora solo estoy jugando con el tiempo y esto le pasará a todos tus proyectos, vale. Pasarás siglos con esta última parte donde solo lo estás finmiendo. Está bien. No hay reglas exactas porque depende de la forma del objeto, lo rápido que se mueve y
cómo quieres que se sienta. Creo que probablemente necesito traer todo esto a través porque está tardando demasiado en deslizarse. Tal vez demasiado lejos. Está bien, es un poco doloroso mirar, lo sé. De acuerdo, tal vez eso es lo que necesito. Tiene que ser más largo. Tan sólo tener un poco demasiado rápido. A mí me gusta. Está bien. Ahora solo estoy revoloteando y jugando. Supongo que podría editarlo y hacerlo perfecto la primera vez, y tú lo estarías haciendo diciendo: “El mío no se ve tan bien”. Está bien. Entonces lo estoy haciendo por ustedes mi gente, de acuerdo. Hay mucho jugando con este tipo de cosas especialmente con Puppet Tool porque estás fingiendo la vida real, vale. Y hay mucho revoloteando por ahí. Está bien. Está bastante guay si te pones como dices que es un vaso de agua y está flotando, puedes conseguir que esa agua flote de ida y vuelta como te imaginarías. Si tienes una persona, di este pequeño ícono aquí, es una especie de estallido, deslizándose aquí, [inaudible] podría doblarse a medida que entra. Está bien. Y eso va a ser para la Herramienta de Marionetas. Pongamos al siguiente tutorial.
21. La agrupación en After Effects se llama precomping: Hola ahí. En este video vamos a ver algo llamado pre-comping. No forma parte de los consejos de animación, pero tenemos que hacerlo sobre ahora antes de poder seguir con el resto de ellos. Lo vamos a hacer porque vamos a empezar a traer todos nuestros iconos. Se puede ver que todos empiezan a aparecer. Harán sus pequeñas animaciones. Pero lo que no queremos hacer es tener una gran línea de tiempo realmente desordenada. Sólo queremos que cada ícono esté ahí por sí mismo, incluyendo los ruidos pequeños y los pops, y el círculo estalló por completo. Vamos a aprender qué es un pre-comp. Para crear un pre-comp, vamos a seleccionar las tres capas que queremos formar parte de ella. De qué vamos a hacerlo, es sólo porque vamos a duplicar esto, hay alrededor de 10 iconos diferentes que iban a usar y esa línea de tiempo se va
a convertir en lodo cuando tengamos 10 veces 3, eso son 30. Puedo hacer matemáticas básicas. Pero va a ser casi imposible trabajar con ello en el futuro, así que lo que queremos hacer es simplemente agruparlos para que
una linda unidad pequeña que podamos reutilizar. Selecciona los tres. Haga clic en el de arriba mantenga pulsada Mayús para hacer clic en el último de ellos, por lo que estos tres. Este icono blop 1 casa y círculo estallaron. Haga clic con el botón derecho en uno de ellos y vaya a precomponer. Vamos a darle un nombre. Vamos a llamar a este Icon 1, y luego dar clic en “Ok”. Nada cambia realmente, todavía se puede ver que todo sigue ahí en la línea de tiempo. Si arrastro de ida y vuelta, todavía
hace su cosita. Pero lo que está pasando ahora es que todos acaban de estar atados a esta pequeña capa y todos los pre-compuestos. Recuerda que antes hicimos este llamado overshoot. Creamos una nueva composición y entramos aquí y empezamos a arrastrarla y construirla manualmente. Todo lo que ha pasado si vuelvo al valor del sueño es que Dreamweaver se hace esa función para nosotros automáticamente y construyó esa comp a partir de esas capas que habíamos seleccionado. No hay diferencia física entre la comp que
hacemos con overshoot y esta nueva llamada Icon 1, esa es la pre-comp, pero realmente solo la comp, si eso tiene sentido. Puedo entrar dentro de ella, hacer doble clic, ir adentro y estoy viendo mi comp solo y es propia pequeña línea de tiempo. Puedo trabajar en ello agradable y por separado las tres capas pequeñas, pero puedo volver a mi comp principal y está muy bien atada aquí. Puedo hacer doble clic aquí abajo también para meterme en ella y puedo cambiar entre ella usando estas pequeñas pestañas. Estas son las tres comps que tengo. Es inevitable que termines con más de una comp, sobre todo si estás abriendo el trabajo de otra persona o trabajando con una plantilla. Esto se pone aún mejor si queremos decir ajustar este Rey y lo vamos a cambiar por los diferentes iconos. Echemos un vistazo a hacer eso. En primer lugar, quiero ajustarme porque por alguna razón mi estallido de trozo empieza demasiado temprano ahora pero es porque estábamos jugando con esa expresión y los tiempos ya está todo apagado. Lo que quiero hacer es meterme dentro, doble clic en él, y voy a acercarme un poco. Además, plus, plus. Aquí abajo, quiero que el trozo reventado solo comience antes, así que reventó el trozo, estalló el
círculo para empezar antes, en realidad necesito que estos se alejen más porque estoy atascado en la frontera. Todavía no hay tiempo suficiente. Yo estrella arranca, ahí se ve mejor. Enfriar. Ahora puedo volver a mi valor del sueño, echa un vistazo a esto. El mío está corriendo un poco lento por el momento, puedes bajar tu resolución a un cuarto, así que no está estresando tanto a máquina. Aquí vamos y sólo voy a conseguir el momento correcto. Enfriar. Podemos ver el valor de los pre-comps. Todas estas pequeñas composiciones hechas para nosotros. Ahora se pone aún mejor cuando queremos reutilizar este comp, pero ¿apagar el icono? Lo que necesitamos hacer es no copiarlo aquí abajo, necesitas copiarlo en la ventana de tu proyecto. Aquí abajo solo va a hacer dos versiones del mismo ícono, y si cambiamos una, las cambiará a ambas. Pero si lo duplicas aquí arriba, la forma más fácil de duplicarlo es estilizándolo aquí en la ventana de tu proyecto go Comando + C, Comando + V en un Mac o Comando + C, Comando + V en un PC. Incluso lo nombra, Icon 2 para mí. Tengo dos versiones. Se ven igual pero en realidad están desconectados. Puedo hacer doble clic “Icono 2. Sé que estoy dentro de aquí, hay Icon 1, Icon 2, y lo que necesito hacer es actualizar este ícono aquí. Esta cosa de aquí, icono 1 casa, me gustaría cambiarla. Podría borrarlo manualmente y arrastrarlo, pero perdería toda esa agradable facilidad que hemos hecho y esa expresión que hemos aplicado. Para que esto sea un poco más automático, voy a abrir mi panel de archivos, voy a traer algunos de los iconos. El siguiente es el icono 2 go. Sólo puedo arrastrarlo a mis archivos aquí. No va en el lugar correcto, métete ahí. Ahí está el ícono 2 go, ya tenía uno desde antes, pero así es como los arrastras hacia fuera y los obtienes como parte de tu archivo de proyecto. Entonces lo que puedes hacer es tener a este tipo seleccionado aquí abajo. Este es el que voy a reemplazar, recuerda que estamos en el icono 2. Mantén presionada la tecla Alt en un PC o la tecla Opción en un Mac y solo tienes que hacer clic en mantener presionada y arrastrar. Yo me voy encima de este tipo y él se apaga demasiado fácil. Volvamos al valor del sueño nuestra comp principal. verás que todavía sólo tenemos el icono 1 oh aquí, así que vamos a agarrar el icono 2. Ahí está. Echa un vistazo Icono 2. Ahí está en la esquina superior ahí, y donde vamos a
ponerlo va a poder habitar tema pronto con todos estos iconos. Lo vamos a posicionar, usando la flecha negra. También vamos a tener que jugar con el tiempo porque aparece justo al inicio. Simplemente arrástrelos hasta después de esto. ¿A dónde va? Mi esposa está ahí, así que hazlo estar alrededor de esto, juega con el tiempo. Eso no está mal. Puedes ver una vez que lo has hecho una vez y hecho con tu flexibilización y tienes las cosas funcionando, puedes repetir este proceso duplicando tu comp y simplemente cambiando la imagen dentro. Significa que si tienes algo que se tiene que hacer cada mes, digamos que es algún tipo de correo electrónico, una cosa de presentación de publicación que se despliega cada semana o mes, puedes usar las mismas animaciones pero con diferentes gráficos. Haremos uno más juntos y luego aceleraremos el proceso. Copias pegar, haz doble clic en él para abrirlo, encontrarlo, seleccionarlo, ¿dónde están mis archivos? En realidad, ni siquiera recuerdo lo que estamos haciendo a continuación. Es cantidad. Megáfono, luego duerme. Volver a mi Icono 3. ¿ Dónde está el megáfono? Ahí estás. Arrastrándolo a través lo estoy agregando al proyecto. Realmente no importa que te metas en mi carpeta especial. Te arrastraré de vuelta a mi comp, arrastra Icon 3 ahí en algún lugar. Ahí lo tienes. Consigue el momento correcto, ven aquí, ven aquí, ven aquí, ven aquí al megáfono por ahí, genial. Yo voy a hacer esto los dos ahora. Voy a hacer duplicar todos estos y luego reemplazar todos estos de una sola vez. Pero lo vamos a hacer en primer modo porque no quieres verme hacer cada uno. Enganche el primer modo. Vuelve a entrar. Ahora bien, a pesar de que me aceleré, probablemente notaste que no era la más fluida de mis operaciones. No sé por qué niebla cerebral. Pero deberías poder meterte un poco de ritmo con eso. Una de las cosas que quiero mostrarles es antes que nada,
me he olvidado de hacer un ícono soñoliento, así que simplemente ignora ese. Va de monstruo todo el camino al café. Puedes hacer tu propio ícono soñoliento ahí dentro. Una de las cosas que quería mostrarte es que probablemente me viste levantar esto. Mira este pequeño bar aquí, se pone un poco difícil adivinar entre estos dos paneles aquí puedes hacerlo más grande y más pequeño. Yo lo hice porque no quería mostrarte mi súper atajo hasta ahora. Lo que quiero hacer es que te voy a mostrar ese súper atajo. Porque terminas con un panel bastante grande, puedes ver aquí abajo mis líneas de tiempo bastante complicadas. Lo que quiero hacer son dos cosas. Acabo de notar viñetas por abajo conseguir que todas en la parte superior, pasa todo el tiempo. Digamos que quiero hacer esto mucho más grande, lo que puedo hacer es dondequiera que tu ratón esté flotando arriba puedes presionar la tecla Apostrofo, a menudo está atada junto con un til
la tecla de mi teclado delante de mí tengo dos de ellos. Está debajo de la llave de escape. A menudo, sin embargo, puede ser más junto a tu tecla L o P, dependiendo del tipo de teclado que tengas. Es la pequeña línea garabateada o el apóstrofo. Es posible que tengas que golpear algunos de los botones y dondequiera que tu ratón esté por encima del reloj, hace que todo ese panel sea realmente grande. Si tienes tu panel realmente pequeño, y solo quieres darle un toque sobre él, va muy grande y es donde tu ratón esté flotando, así que esto hace que esa pantalla sea más grande. Si quieres entrar a la biblioteca, pasa el cursor por encima de ella, toca, gran biblioteca gigante. Arreglarás algunos presets, pasarás por encima de él, gigantes y arreglarás los presets que estás sacando la imagen. También puede ser útil en esta ventana del proyecto y tienes muchos archivos. Dondequiera que esté tu ratón, toca y apaga para saltar de ida y vuelta. De todos modos con la mía arriba así y hit save porque eso es todo para pre-comping y agrupación. Vamos a golpear “Guardar” y ponernos en pequeños consejos de animación.
22. Nodo de la cámara 1: Hola ahí. En este tutorial vamos a ver las cámaras, donde las cosas empiezan a moverse y acercar puedes hacer que se vea genial. No lo sé. Cámaras, vamos a ver cómo hacer esas. El primero que queremos hacer es agregar una cámara, lo
hacemos bajo capa,
bajo nueva, debajo de cámara. Por defecto probablemente esté configurado en una cámara de dos nodos,
cámbiala a una cámara de un nodo. Es simplemente más simple. Asegúrese de que la profundidad de campo esté desactivada. Dale un nombre, no, solo déjalo como cámara uno. Vamos a dar click Ok. Ahora, dependiendo de dónde termine tu cámara, es posible que quieras arrastrarla hasta la parte superior. Realmente no importa. Simplemente realmente común arrastrar tus cámaras hasta la cima, batallarlo por esta viginette. Ahora, habrías recibido un mensaje de error en tu dicho: “Oye. Aguanta, creaste una cámara pero ninguna de las capas se puede ver todavía”. El mío ha sido inhabilitado. Todo lo que significa es que, la cámara no puede ver ninguna capa en mi comp hasta que encienda estas. Sólo estoy arrastrando a través de estos todos. Voy a decir, todos estos están encendidos, la capa de fondo necesita estar desbloqueada y encendida. Yo quería todos estos en tal vez no la viginette. No quiero que eso lo vea la cámara. Eso solo puede quedarse alrededor de los bordes ahí. Lo que eso significa es que veamos un antes y un después. Mi cámara aquí, la voy a inclinar hacia abajo. Ahora, estamos viendo esta vista única. Se puede ver aquí abajo y que la mayoría de las veces es que queremos ser. En este caso, vamos a ir a 2 Vistas-Horizontal para tener una vista separada para ver realmente mi cámara. Ahí hay, ahí. Hola. Esa es mi camara apuntando a mi avión. Estamos mirando hacia abajo en la parte superior y eso es esto. Estamos mirando hacia abajo la frase de borde de la misma ahí mismo. Ahora esta vista no es útil para mí en este momento. Encuentro la mejor vista es dar click a un costado, puedes ver estos pequeños puntos azules en las esquinas, significa, tengo este lado seleccionado y significa que puedo decir top, voy a ir a este Custom View 1 y te da una buena mirada a ella. Voy a acercar un poco. Eso es lo que está pasando. Ahora, hay cámara por aquí y él está apuntando y disparando a esto. Se puede ver hasta mi texto fuera de pantalla. Mira esto juego HID. Vigílalo, en realidad ahí está, este tipo es el fin se disipa. Esto es lo que termina siendo exportado, pero esta es una vista útil solo para ver qué está pasando. Lo que quiero hacer es, quiero mostrarte si tengo esto apagado, mira lo que pasa. Voy a deshacerme de todos estos. Deshazte de eso. Se puede ver la cámara no los puede ver a menos que esto esté
encendido, está todo encendido porque si una viginette y lo que
vamos a hacer es que la vamos a tocar hasta que llegue a cerca. Yo quiero que eso aparezca en la pantalla regular y luego justo antes de que aparezca la segunda, mi esposa, voy a hacer que la cámara se mueva. Vamos a conseguir nuestro fotograma clave alrededor de las 7:06, va a ser un poco diferente y lo que vamos a hacer es que vamos a inclinarnos sobre la cámara y vamos a abrir transformada. Vamos a poner este cronómetro en posición completa, así que queremos que se quede ahí, y luego, justo antes de que éste se abra, o tal vez justo cuando empieces a ver el círculo, me gustaría cambiar la posición. El primero es que voy a acercar. Entonces agarrar este último, eso es X, Y, y Z es el último. Z está dentro y fuera, X e Y es izquierda y derecha. Voy a acercarme bastante y luego arrastrando estos, es fácil arrastrarlos luego a usar. Aquí arriba hay algunas herramientas de cámara. Pero cuando eres nuevo aquí conmigo, lo uso muchos spots. Prefiero hacerlo de esta manera. Todo el mundo tiene el estilo correcto. Lo que va a pasar ahora es, genial. Está en el medio ahí y voy a volver un poco y tal vez sólo sosteniendo turno para recortarlo y tal vez solo abajo un poquito justo al mismo tiempo. Genial, un par de cosas que voy a necesitar hacer
es que mi computadora está luchando un poco, así que estoy abajo al cuarto. A baja resolución de rayos y voy a apagar el sonido porque eso también
ralentiza las cosas. ¿Qué acabo de apagar? Ni siquiera sé en qué hice clic. Voy a apagar esto y aquí vamos. Entonces esperemos que ahora renderice un poco rápido. Agradable. Se ha ido, se ha hecho lo suyo, y luego se acerca. Ahora, la cámara está un poco del lado cangrejo en cuanto a que queremos agarrar a estos dos tipos y agregar algo de flexibilización. Entonces haz clic con el botón derecho en ellos igual que hicimos todo lo demás, 75,75 y separa el look. Tiene un buen movimiento al respecto y va y luego se enfría. Entonces lo que vamos a hacer ahora es poner en dos pequeños fotogramas clave cada vez que queremos moverlo. Entonces voy a fregar y ya lo puedo ver,
pero aún así puedes ver usa esta vista aquí. La otra cosa es, que se puede ver a este tipo acercándose porque nos hemos movido a la posición Z con el paso del tiempo. Entonces esa es mi pequeña camara entrando. Cuando llego a justo antes de que esto aparezca, así que tal vez solo un poco ahí, voy a poner un marco clave. Entonces voy a configurar un marco clave de menú para decir entre éste
y éste no cambien y luego un poco más, voy a dejar de perderme esto. Ya no voy a jugar con Z, voy a jugar sólo con la X y la Y y conseguir que todos estos chicos alineen en el medio ahora cada vez que aparezca un nuevo ícono. Es recordar la flexibilización desde la última vez que lo hice lo cual es bastante guay, aquí vamos. Siguiente uno, genial. Yo sólo voy a hacer eso a medida que esta cosa se construye y sí, seguir haciéndolo para la siguiente. Entonces es un par de cosas, hemos hecho la flexibilización, la otra es el desenfoque de movimiento. El desenfoque de movimiento está encendido para todo el documento porque lo hicimos en tutorial temprano. Pero, por el momento, lo único que está siendo aceptado es esto, sólo
hemos cambiado eso encendido para la capa de texto. Porque recuerda que se deslizó hacia abajo de la pantalla y lo encendimos. Voy a encenderme por el resto de estos. ¿ Por qué? Porque echemos un vistazo. Ya lo voy a averiguarlo antes. Entonces cuando esto empieza a moverse, así se está moviendo. No hay desenfoque de movimiento. Voy a saltarme aquí. Voy a subirlo a resolución
completa para poder mostrarte adecuadamente. Entonces está en un súper cristal claro, pero se está moviendo bastante rápido. Pero lo que quiero hacer es convertir en realidad el desenfoque de movimiento en todas estas capas. ¿ A qué debe ir la longitud? Esto se está difuminando ahora. Simplemente significa que cuando se está moviendo, se está poniendo todo zoomio y borroso. Nosotros lo hacemos a los iconos e incluso lo hacemos a la imagen en el fondo, abajo en la parte inferior aquí, el fondo de la imagen, apagarlo con ese también ver, se
ve que se está volviendo borrosa. Entonces cuando se mueve bastante rápido, es difícil previsualizar porque mi máquina está funcionando un poco lento. Dale un segundo. Mis fans están encendidos, ojalá no tengas el mismo problema, no
es una animación particularmente compleja. Es porque estoy tratando de hacer en absoluto con mientras hago grabación de captura de
pantalla. Aquí vamos. Nosotros lo hacemos bien, así que se mueve y borrosa. Obtienes los puntos. Entonces lo que voy a hacer ahora es simplemente trabajar a mi manera alrededor del documento, vigilando esto y moviendo esto. A lo mejor vamos a acelerar esto, nos vemos al final. Volvamos a recoger rápidamente aquí y te das cuenta de eso, así que si quiero conseguir esto en el centro de datos, tal vez tenga que ver un poco del rojo. Si no quieres hacer eso,
lo que podría tener que hacer es mover el icono hacia abajo
o hacia abajo aquí para la capa de fondo. Vamos a tener que abrir la báscula. Vamos a abrir sobre la transformación. Vamos a ir a escala y sólo vamos a hacerlo un poco más grande para que no haya tanta ventaja que ver. Sí tiene ramificaciones ya que cuando me acerqué todo el camino, estoy recortando un poco, se puede ver en los bordes aquí, pero significa cuando acerco. Hay un poco más de pelusa alrededor del exterior o sangrar,
sangrar es probablemente una palabra mejor. Por lo que volver a ir rápido. Estamos de vuelta y probablemente para este último, sólo lo
voy a conseguir aquí. En lugar de hacer un poco más, en realidad
voy a alejarme de lo que era al principio. ¿ Qué fue al principio? Colgando de un flotador por encima de esto. Fue la Z, fue menos 2666.66. Voy a volver a aquí justo después y en lugar de simplemente moverlo, voy a teclearlo a esto y en realidad quiero todos los ajustes ahí, así que en realidad voy a ir a robar el marco clave. Hay un truco genial. Si quiero que sea exactamente donde está eso ahora, donde es a vista completa y puedo ver todo, sólo en realidad copiarlo e ir por aquí. Voy a eliminar este y acaba de golpear Paste. Puedes pegar marcos clave así. Entonces el último, bonito, genial. Yo sólo voy a fregar a través de él, así que se
mueve y recoge todos los diferentes iconos. Se puede ver el camino de la cámara ahí mientras se mueve y luego se acerca todo el camino hacia arriba en la última, mi final. Es así como usar una cámara de un nodo. Lo hemos usado bastante extensamente. Nos hemos movido bastante. Podrías tener un par de cositas. Simplemente lo movemos un poco. Pasemos al siguiente tutorial.
23. Acelerar la reproducción y la vista previa en After Effects: En este tutorial, vamos a ver Reproducción y After Effects o previsualización cuando golpee Barra espaciadora, y tal vez encuentres que con todas las cosas que hemos hecho hasta ahora, no
está en la Playback bastante lentamente. Se puede ver que es tratar de mantenerse al día y tratar de volver a dibujar, pero simplemente ya no puede seguir el ritmo. Lo fácil de hacer es, en tutorial anterior, cambié este hábito de hacerlo. No hagas esto. Esto cambia la salida de la comp real al exportar, en algunas instancias, aunque en algún momento no lo hace. Aquí nos ajustamos a auto y lo que vamos a hacer es abrir tu ventana de vista previa. Ventana, vista previa si no puedes encontrarla. Lo que queremos hacer es cambiar la resolución de la vista previa, no de la comp exportadora, hasta un cuarto y lo que encontrarás es, voy a golpear Barra espaciadora. Hace realmente buen trabajo de resoluciones inferiores, no es bonito. Ves mi resolución de hallazgo que funciona por medio o tercero o un cuarto. Pero se reproduce agradable y rápido. Esa es la grande para ponerte en marcha, y la otra cosa que puedes hacer es tu caché de disco. Bajo After Effects, Preferencias, Media & Disco Cache en un Mac. Si estás en un PC, está bajo Editar y está abajo aquí bajo Preferencias, y estás buscando el mismo llamado Media & Disk Cache. Aquí, lo que termina pasando es cuando estás previsualizando, lo que pasa son las tiendas After Effects que previsualizan en algún lugar y lo almacena en la caché de disco. Mis ajustes aquí están configurados en 93 gigavatios. Te estoy diciendo After Effects toma 93 gigabytes de mi disco duro para almacenar todas tus previsualizaciones. Ahora bien, si estás trabajando en una computadora que tiene un almacenamiento muy limitado, lo que encontrarás es After Effect está llenando tu disco duro para estos archivos temporales, y lo que puedes hacer es vaciar la caché de disco. El mío sólo tiene 2.2 gigavatios aquí porque lo limpié hace unos cinco minutos. Voy a dar clic en “Ok” y conseguir el que dice, “Clean Database & Cache” también. Ahora esperemos que notes una diferencia en la reproducción, especialmente si tu disco duro como casi lleno. Despejará montones de espacio. Lo que podrías decir es en realidad tú [inaudible], y te queda, si te quedan 10 megabytes en tu disco duro, dale cinco. El único problema es que las previsualizaciones no van a ser muy largas, va a tener que redibujar cada vez que pegas a “Barra espaciadora”. ¿ Qué causa la reproducción realmente mala? Te darás cuenta de que el inicio de este curso, se estaba ejecutando súper suave. Pero lo que ha pasado ahora es probablemente lo más grande para nosotros es que
hemos agregado una cámara y hemos hecho todos estos objetos 3D. Hay muchos de los cálculos que tienen que entrar en ello ahora. El otro es el desenfoque de movimiento de agregado a todas las capas que toma mucha memoria para ponerse en marcha. Si has habilitado alguno de este sorteo de la victoria, eso puede llevar mucha memoria, si usas video Live Action, solo
estamos usando cosas estáticas aquí, y todo cobra un peaje a la pobre máquina vieja, y el fácil uno es cerrar cualquier otro programa que hemos estado usando Illustrator bastante a través de esta causa, así que cierra eso y simplemente ábrelo cuando lo necesites. Pasa y cierra todo lo que no sea esencial. Las otras cosas que puedes hacer es por aquí, en nuestro Panel de Vista previa. Bueno, este de aquí probablemente sea el siguiente [inaudible] uno es saltar. El momento está tratando de renderizar cada fotograma por ti. Yo lo voy a meter hasta no cuarto, tal vez por la mitad. Se va a renderizar reloj. No es del todo mantener. Es un poco demasiado lento. Lo que podemos decir es saltar cada cuadro [inaudible] por favor. De lo que va a hacer, va a estar un poco nerviosa aquí. Pero va a hacer todo lo posible para que cada [inaudible]. Va a ser un poco nerviosa, poquito diminuto, encuentra que es difícil de notar. Sáltate cinco para que podamos exagerar un poco esto. Nunca voy a cinco, pero lo que quiero mostrarles,
puedes ver que se mantiene mucho mejor. Simplemente está renderizando cada quinto fotograma en lugar de cada fotograma. No va a afectar la salida. Voy a devolver la mía a cero. Se va a ir bien. El problema es que si lo cambias aquí, cada vez que vuelvas aquí, va a ser esta horrible resolución, y podrías estar como, ¿qué pasa? Empiezas a jugar con el re-draw vectorial y en realidad es sólo entrar la resolución aquí abajo a la mitad. Recuerda lo que has hecho. Dos artículos más para cubrir. Una es lo que puedes hacer si tienes una laptop y simplemente no está funcionando muy bien, es si solo quieres actualizar tu máquina, a menudo las cosas más fáciles y baratas y mejores puedes hacer una RAM. Si tienes una máquina y tiene cuatro gigs RAM, After Effect prácticamente no va a funcionar. Pero checa, fuera de las laptops se pueden actualizar, especialmente las PC, y se puede instalar más RAM. Es realmente barato, es fácil de hacer. Muchos centros lo harán. lo he hecho yo mismo y no soy muy nerd informático cuando se trata de hardware. Puedes comprobar cuánto tienes subiendo a preferencias. Recuerda que en un PC están en Editar, Preferencias, y luego entra en Media & Disk Cache. [ inaudible] Aquí, tengo 16 gigs de RAM en mi macro pro. Estoy permitiendo que After Effects use 11 de ella. Si vas a ver, tiene instalada RAM de ocho. Estás al mínimo desnudo. Tienes cuatro, la vida va a ser dura por hacer animación. Si tienes una computadora más grande y tienes 32 o 64 o cualquier número grueso. Te envidio, 16 es el más grande que pude conseguir en este MacBook Pro que acabo de comprar. Hagamos click en “Ok”. Lo último que vamos a ver es hacer nuestro pequeño adelanto. Digamos que vamos a previsualizarlo, y esto es más solo previsualización general y afinarlo desde la mitad y un cuarto. En realidad previsualiza. Voy a empezar a jugar. mismo, solo estoy jugando con esa transición ahí, así que voy a volver atrás, tocarla, volver atrás, tocarla. En lugar de hacer eso, lo que puedes hacer es este pequeño bar en la parte superior se llama el área de trabajo, y ahí está el principio y el final de la misma. Si no los puedes ver, vamos a hacer zoom todo el camino hacia fuera pulsando la tecla de dos puntos en tu teclado, está al lado de L. Toca una vez y vas todo adentro, toca otra vez y sale todo el camino, así que hemos hecho zoom todo el salida. Puedo ver el principio y el fin. Lo que voy a hacer es que voy a decir, sólo
quiero mirar esta transición aquí. Voy a llevar esto hasta ahí. Mientras mi cabeza de juego comience en cualquier parte dentro de aquí, mira lo que pasa cuando tenía barra espaciadora. No tengo nada en el teclado ahora y solo bucles ahí dentro. Eso es realmente útil. En lugar de tener que volver al principio, recorrerlo todo el camino o estar arrastrando la cabeza de juego de ida y vuelta. Esta pequeña área de trabajo puede ser útil, puede ser un poco de dolor ahora también. Si quieres deshacerte de él, solo tienes que hacer doble clic en él en medio del área de trabajo se expande y volvemos a la normalidad. Es así como tratar de acelerar a los pobres viejos After Effects arriba si está luchando.
24. Animar las líneas de un icono en After Effects: Hola ahí. En este tutorial, vamos a mirar a AFX animando el propio Icon, como se puede ver aquí. Cuando estamos en las líneas, hasta ahora solo estamos animando los Iconos posicionados en escala. Entonces vamos a aprender a hacer eso ahora en este video. Lo primero que vamos a hacer es, vamos a crear un nuevo proyecto. Entonces Archivo, Nuevo Proyecto, cierra cualquiera que hayas abierto y terminarás aquí. Segunda cosa que tenemos que hacer es crear una composición nueva. Nos vamos a asegurar que HTTV 1080P 25 fotogramas por segundo, ¿cuánto tiempo va a ser? Yo voy a hacer el mío en vez de intentar teclearlo todo y llenar todas las columnas, sólo
voy a hacer el mío unos cinco segundos, 500, y si toco,
se ha hecho cinco segundos. Color de fondo, lo vamos a dejar como negro, y añadir un relleno, un sólido como deberíamos ir. Entonces tenemos esto, voy a salvarlo. Este de aquí, me voy a poner en mi escritorio. Voy a crear una carpeta y estos van a ser mis archivos AFX. Voy a darle un nombre a éste y van a ser líneas animadas. Vamos a añadir un sólido al fondo. Vamos a usar sólido. Hemos hecho esto, hemos escogido un color, puedo ver a estos tipos de aquí escogiendo éste, y bloquearlo, en realidad va a renombrarlo Fondo, y veamos a un lado y moverlo. El siguiente paso, tenemos que dibujar algunas cosas aquí y después de arreglar. Entonces vamos a dibujar un after fix para empezar porque es bastante fácil hacer cosas básicas como ese reloj, pero podrías traerlo de ilustrador. Te enseñaré cómo hacer eso un poco más tarde. Este es un par de pasos extra, pero voy a mantener presionada la herramienta Rectángulo, agarrar la herramienta Elipse. Voy a dar click en el relleno, donde dice la palabra Fill, voy a decir no Fill. Donde dice trazo y hago clic en el color y voy a escoger un color de trazo de blanco, que estoy usando por aquí. En realidad es un gran software en absoluto. Ahora, voy a dejar de arrastrar. Mientras estoy arrastrando, sostengo turno, va a ser un círculo perfecto y alguien va a ser de ese tamaño. Voy a volver a mi herramienta de selección, agarrarla y pegarla ahí. Vamos a dibujar las manecillas del reloj. Ahora para que esto sea un poco más fácil para nosotros, primero estaré dibujando con un alfiler también ahora, mientras tenía esa capa seleccionada, lo que está pasando es, esta elipse que es circular por
el exterior y su línea ahora se convierten en parte de la misma capa de forma, que puede funcionar para ti, pero es un poco complicado empezar con. Entonces para dar la vuelta entonces simplemente no tener nada seleccionado, haciendo clic en esta área oscura en la parte inferior, luego agarrar la herramienta pin, y voy a dar clic aquí arriba, mantenga pulsada Mayús, haga clic una vez más, línea recta, y tú puede ver que es una segunda capa. Ahora en este caso, el trazo con, lo
vamos a dejar a las cinco, y vamos a dibujar la siguiente parte, las manos para las horas y yo doy clic. Voy a hacer clic una vez, mantener pulsado el turno a las tres en punto, y sólo voy a renombrar estos para hacer la vida más fácil. Este va a ser el acta. Este de aquí van a ser las horas. Tenemos nuestro reloj, lo que queremos hacer es conseguir que se anime. Entonces lo primero que tenemos que hacer es algo llamado triunfos. Las rutas de recorte nos ayudan a animar las líneas. Haremos a la cara primero, sarga hacia abajo y editas haciendo clic en este pequeño botón de edición aquí, este se llama Recortar paths. Esto se repite anteriormente en tutoriales. Ahora es Trim paths time. Varios juegan aquí al principio, abren Recortar caminos, y tienes estos inicio al final. Por lo que quiero empezar, en realidad completamente terminado. Para ello, vamos a encender el cronómetro para hacer frences clave para arrancar y vamos a aferrarlo hasta un 100 por ciento, ¿lo ves? Voy a ir todo el camino, así que está completamente terminado en el por ciento. Entonces después de algún tiempo, voy a ir por medio segundo, los marcos temáticos, y voy a bajar a cero. Entonces tengo dos fotogramas clave, uno es 100 y uno está a cero, voy a golpear barra espaciadora, y tenemos una línea. seleccionaré a ambos y les añadiré algo de velocidad, 75-75, les
voy a añadir desenfoque de movimiento para que se vean un poco más bonitos, y luego vamos a pasar y hacer eso por todas las partes diferentes. Entonces no súper duro, puedes saltarte ahora porque es más o menos paso y repite. Entonces los minutos manos aquí, voy a conseguir que aparezca a la misma hora, tal vez parcialmente, así que ya comenzó aquí. Se puede ver esto como sabio, pero eso es por el desenfoque de movimiento. Si apago eso, hot line, sabio. Por lo que va a empezar aquí, mantenga turno para conseguir el frente de la misma. Voy a twill hacia abajo. Voy a decir agregar rutas de recorte, abrir Recorte paths, asegúrate de que sea un 100 por ciento después de algún tiempo. Voy a convertirlo en cero. No tengo ni idea de este momento, sólo
voy a ala y luego ajustarlo a medida que voy bajando, vas a parar un poco más allá. Los fotogramas clave van a ir a cien, y luego después de algún tiempo, tal vez no tanto como, es una línea un poco más corta, voy a bajar a cero. Retrocede, relájate ya que se va a quedar impresionante. Voy a hacer clic derecho en él y obtener una velocidad de fotograma clave y cambiarlos por algo un poco más emocionante. Estas líneas están tardando demasiado en venir, así que voy a tocarlas juntas para construir sobre esta, agarrar estas dos velocidades de fotograma clave 75-75. A ver cómo se ve ahora. Demasiado rápido ahora, podría escalonarlos un poco más. Sólo me falta ese tipo de manera que lleva demasiado tiempo. El único problema con este es que viene del otro lado. Si estás encontrando eso, es porque yo
lo dibujé de esta manera por si va a ser ola empezaste a dibujar una línea. Entonces puedo arreglar eso entrando aquí. Nos meteremos en usar inicio y fin. Puede apagar eso, volver al principio, y darle vuelta a donde estaba cero. Nota fue en un 100 para empezar, había un cero. Entonces vamos a usar el final, vamos a mirar desde el otro lado. Entonces enciéndalo y lo vamos a empezar por su cuenta y vamos a seguir en algún momento y luego subir esto. Para que lo veas, que vaya por el otro lado. Puedes pasar siglos jugando con estas líneas para averiguar cómo se va a ver. Bueno, voy a pegarle a “Guardar”. Este dibujo desde dentro de After Effects, digamos que ya tenemos algunos iconos dibujados. Lo que vamos a hacer es que vamos a,
vamos a nombrar a este Comp, renombrarlo. Voy a llamar a éste el Reloj. Vamos a hacer una Nueva Composición, va a ser todo lo mismo que la última. Lo que voy a hacer es que voy a volver, voy a renombrarlo en realidad. Este va a ser el Lock. Voy a volver al Reloj. Voy a agarrar el Fondo, desbloquearlo, copiarlo, ir a la Cerradura, pegarlo,
bloquearlo, hacer clic derecho en él, llamarlo Fondo. Lo que quiero hacer es traer algo que se hizo en Illustrator. El problema con eso es, hago doble clic. Vamos a traer, vaya a O2 Icon Crecer y traiga Recortar Caminos 1. Entonces voy a traerlo y lo tiraré aquí, es algo que dibujé en Illustrator. No súper elegante, pero el problema es que Trim Paths no va a funcionar, porque en realidad es solo un objeto, realidad no es un montón de pequeños caminos separados, pero es fácil en un fijo, puedes subir a Layer e ir a ésta, puedes tener seleccionada esta capa. Algunos de este Recortar rutas y decir Crear formas a partir de capa vectorial, y va y lo redibuja. El extraño es que deja ahí el original y apaga el Eyeball, ahí está. No lo necesito, así que lo voy a meter. Este es el que voy a usar. no necesitamos esto, podríamos borrarlo. Sólo voy a dejarlo ahí sin embargo. No hay razón para eliminarlo. Vamos a bajar aquí, y vamos a bajar a Add,
y vamos a bajar a Trim Paths y tenemos todos estos grupos diferentes, pero aquí está el Trim Path controlándolos todos y es lo mismo, inicio y fin. Voy a mantener eso en el principio, iniciarlo en un 100 por ciento luego después de algún tiempo, voy a conseguir que baje a cero. Es increíble. Algún desenfoque de movimiento, y estaremos ahí. Se puede jugar con el tiempo, cuánto tiempo tarda esta cosa. Impresionante. Así es como conseguir que estos logotipos crezcan. Ahora bien, éste fue particularmente fácil porque en
realidad eran sólo líneas fuera de Illustrator, no todos los iconos animarán igual, sobre todo cuando haya rellenos en él. Entonces veamos hacer eso ahora. Lo primero es subir a Composición, Nueva Composición. Vamos a llamar a este solo Chica. Vamos a pegar en el fondo, volver a
bloquearlo y vamos a intentar traerlo. Por lo que voy a hacer doble clic en el fondo y golpear Importaciones. Voy a tratar de traer esta otra cosa que he descargado del mercado de Adobe, y ha bajado como este SVG. Por el momento After Effects no tratará con SVG, hay algunos archivos Vector,
rutas, After Effects no puede usarlos en este momento, pero Illustrator sí. Entonces lo que voy a hacer es que voy a saltar a mis archivos de Ejercicio. Abre O2 Icon Crecer y abre esto en Illustrator. Entonces en Illustrator, todo lo que necesito hacer es ir a Archivo, Guardar como, y en lugar de SVG, guárdelo como un archivo AI, haga clic en “Guardar”, haga clic en “Ok”. Ya puedo cerrarlo. Ahora en After Effects, puedes hacer doble click aquí y allá está ella. Yo lo puedo traer. Mismo problema que antes aunque. Es este objeto al que no puedo agregar Recortar Paths. Por lo que necesito ir a capa e ir a Crear formas a partir de capa. Nada cambia realmente excepto recordar esta cosa que no necesito, y esa es la parte, la forma yacía aquí. Voy a agregar capa de recorte y va a ser un poco diferente. Es un poco difícil controlar Trim Paths. Entonces no te pongas demasiado al día, si quieres un perfecto, va a ser un poco difícil de hacer cuando no lo has construido, y tiene muchos rellenos en lugar de líneas. Esto está destinado a ser Recortar Caminos, las pulgadas. Vamos a empezar a cero, y después de algún tiempo va a estar abajo. ¿Cómo se va a ver? En realidad, tenemos que establecer primero los fotogramas clave-. Entonces a cero, después de algún tiempo, y volver a bajar a un 100. Tengo eso al revés, pero de todos modos, lo hicimos bien. Esa es una manera fácil y barata, Recorte Paths para realmente construir un poco de logotipo animado, agradable y fácil. Una de las últimas cositas es que saltaré de nuevo al Reloj. Recuerda esta animación es que cuando realmente aparecen en, las líneas dibujan, se ve bien si apenas caen un poco. Hagamos ese pequeño truco, y al mismo tiempo vamos a aprender qué es un objeto nulo. Porque por el momento estos logotipos están en tres líneas, así que puedo animarlos todos por separado y solo tratar de conseguir que
bajen a juntarse alineando los fotogramas clave y eso funcionaría. Pero un lindo truco es que voy a crear esta cosa llamada un objeto nulo y es una capa vacía. Todo eso significa es que voy a decir que ustedes siguen este objeto nulo y luego muevo un poco el objeto nulo hacia abajo. Debido a que todos estos tipos están etiquetados a ella y lo están siguiendo, también se moverán hacia abajo. El objeto nulo es algo que vamos a utilizar bastantes veces en este curso, todo cuando nos metemos en el seguimiento de la cámara. Vamos a usar una bonita versión fácil aquí. Para crear un objeto nulo, vamos a subir a Capa. Vamos a ir a Nuevo y vamos a ir a Objeto Nulo. Lo que vamos a decir es que vamos a titular a estos tipos. Digamos que ustedes son padres de esto. Nosotros lo hacemos diciendo, no
tienen padres en este momento, ustedes son padres del Objeto Nulo. Entonces lo van a seguir por ahí. Si no puedes ver este de aquí fue su crianza, probablemente como toggle cambia los modos, cambia a éste de aquí donde podemos ver la paternidad. Ahora todo lo que necesitamos hacer es mover el objeto nulo. Precaución si muevo el objeto nulo, si voy a P, posición
completa, solo lo muevo, ya ves que todo el mundo viene conmigo. Si apago eso, y digo que la cara del Reloj no va a seguir todo, pero él vendrá como reloj. A ver, solo vienen los chicos de dentro. Voy a deshacer eso y vamos a llevárselos todos a los padres. De vuelta aquí al principio, voy a encender mi posición y luego después a veces como está bajando, tal vez así. En realidad el principio aquí, vamos a conseguir que se ponga en marcha un poco más alto. No súper alto, no como un descenso completo como lo hicimos antes, solo uno bonito y sutil. Entonces primero key-frame está arriba un poco más alto, y luego a mitad de esto, voy a conseguir que se mueva hacia abajo hacia el centro alrededor de ahí. Vamos a afinar la flexibilización e intentemos impresionarte con que se vea marginalmente mejor. Entonces mira, bueno, demasiado rápido. Pero se te ocurre la idea. Simplemente agrega una dimensión extra cuando estás haciendo estas líneas de dibujo. Eso es todo por animar líneas para una infografía. Pasemos al siguiente video.
25. Colores: Oye, ahí, en este video vamos a ver el color. El color es obviamente importante en cualquier proyecto creativo. Con sólo usar pequeños consejos para ayudarte,. Ve a color.adobe.com, inicia sesión con tu contraseña de Adobe y ve a Explorar, por defecto, es en Mis temas, pero encuentro que obtienes lo mejor de Más Popular. Solo está aquí para darte algunos colores con los que podrías elegir trabajar. Me parece que termino apoyándome en los mismos colores, así que me gusta saltar aquí y recoger algunas cosas nuevas, frescas. Lo que vamos a hacer es que vamos a usar el CSO4, para algunas de nuestras visualizaciones de datos más adelante en el curso. Di que te gusta, voy a dar clic en esta opción que dice Guardar. ¿ Dónde lo voy a poner? Voy a darle otro nombre. Voy a llamarlo Data Vis, y voy a publicar este tema para Explorar. Significa que podrás buscar esto y en realidad solo descargarlo. Si pones datos BYOL, apuesto a que podrás encontrarlo. Voy a ponerlo en una de mis bibliotecas, va a ser esta infografía, un click Guardar. Si salto a After Effects ahora. Dale un segundo. Si hago clic en ese ícono y ahí está, ahí. Tengo esas muestras de color. Lo que me gusta hacer es realmente saltar de nuevo a adobe.color. Lo que me gusta hacer es hacer una versión ligera y oscura y puedes hacerlo haciendo click en Editar Copiar. Todo lo que tienes que hacer es, ver estos pequeños deslizadores aquí, ahí está este aquí lo voy a deslizar más oscuro. Ahí está esta de aquí, voy a oscurecerme un poco. Este un poco más oscuro. Simplemente encuentro que puedes conseguir algunos resultados geniales. Tenemos cinco colores que ya no necesitamos, pero solo esta versión un poco más oscura, ya que hay algo de espacio de movimiento cuando estamos usando gráficos vectoriales planos. Ya lo he hecho, voy a dar clic en Guardar. Se va a decir reemplazarlo, yo digo que no, voy a guardar una copia de esto. Va a ser lo mismo excepto que lo voy a llamar la versión oscura. Guárdalo en la misma biblioteca, haz clic en Guardar, salta a After Effects. Se puede ver ahí está por aquí. Tengo una versión ligera y una oscura. luz está en la parte inferior, la oscura en la parte superior, colores
muy similares, pero me parece útil. Hagamos algo sencillo aquí, voy a poner esa pequeña barra en el fondo. En primer lugar, voy a eliminar esta capa de fondo. Me doy cuenta de que nuestros rojos son muy parecidos al último rojo. En realidad todos los colores son muy similares. Es el estado de ánimo entonces por el momento. Lo que quiero hacer es ir a Capa, Nueva. Yo voy a ir a Solid. Tengo mi cuentagotas de ojos y voy a recoger; empezaremos con la versión ligera, que es la de abajo aquí. Haga clic en Aceptar. Lo pondré en segundo plano, lo voy a mirar. Ahí está mi antecedente. Ahora voy a alejarme aún más, agarrar la herramienta de rectángulo, recoger el color de relleno, corregir el cuentagotas, voy a escoger la versión más oscura. Se puede ver que esto es sólo un ligero cambio. Click Ok y voy a dibujar un bonito rectángulo grande. Aquí voy a bajar a la Capa de Formas aquí. Tengo que rotarlo, girarlo alrededor. ¿Qué estamos haciendo? No lo sé, solo puntos de estilo. Voy a arrastrar esto hasta el fondo aquí. Ahora voy a previsualizarlo. Vayamos a Fit. Echemos un vistazo. Justo esta pequeña barra de aquí. Google lo hace mucho. Me gustó, así que robé esa idea y la uso bastante de mi trabajo. Robar no es la palabra; apropiado. A mí me gusta. Así es como ir y obtener colores de Adobe Color y tal vez para crear un segundo conjunto de muestras, algunas ligeramente más oscuras para empezar a usar. Confía en mí, va a ser útil cuando empecemos a hacer gráficos de
barras y gráficos de líneas obtendremos muchos datos para mostrar. Pasemos al siguiente video.
26. Fondos de video: Hola ahí. En este video, vamos a ver agregar fondos de video, pero también ver; se desvaneció un poco y los iconos a lo largo de la parte superior. Aún mejor, este video no es lo suficientemente largo, así que lo vamos a extender al final, lo que cubre todo el video congelando el último fotograma. Vamos a hacer eso ahora en After Effects. Lo que estoy haciendo, es que estoy empezando con un viejo proyecto. Este es el final que conseguimos con estos iconos. Recuerda, este tipo de moverse y acercar un poco. Con estos ícono apareciendo. Voy a volver ahí y voy a hacer un File Save As solo para que no lo estropee. Voy a ponerlo en mi escritorio, archivos AFX, voy a llamar a este fondo de video, haga clic en “Guardar”. Lo que quiero hacer es, no
quiero que hagamos este trabajo de cámara donde se mueve. Voy a dar click en la cámara, eliminarla. Porque la cámara se ha ido, no
necesito estas formas 3D ahora. Desenfoque de movimiento también [inaudible] para el proyecto, solo para asegurarse de que las cosas estén funcionando bien y sin problemas. Ahora ojalá, tal vez en mi adelanto lo voy a afinar a resolución a tercera. Esperemos que ahora cuando avance, las cámaras no se mueven por ahí, sólo
pude ver todo otra vez, y voy a ir aún más bajo. También voy a pasar de dos vistas a una vista. Ahora bien, si apenas estás iniciando este video, no
tienes que preocuparte por nada de eso, solo
puedes empezar un fresco. Está bien. Lo que me gustaría hacer es poner un video en segundo plano. No suena tan duro, sólo
vamos a importar un video. Ahora, si no tienes acceso a las acciones de Adobe, solo
puedes entrar en los archivos de ejercicios, y bajo O1 icon pop, está este hombre dormido gira ligeramente hacia. Puedes traerlo. Pero lo que vamos a hacer, es que vamos a explorar Adobe Stock, y cómo está integrado en After Effects. Te voy a mostrar algunos trucos sobre cómo hacer que funcione sin animación aquí. Lo que me gustaría hacer es, por aquí, ver esta pequeña búsqueda por aquí, es bastante pequeña. Puedo teclear en el sueño. Lo que va a hacer, es que va a ir a revisar las acciones de Adobe. Ahora Adobe Stock cobra por sus videos y sus imágenes, así que ve a comprobarlo. Si consigues una suscripción con ella y obtienes algo así como diez imágenes al mes o 20 imágenes, no puedo recordar. No es tan malo. Yo lo pago de todos modos. No puedo recordar de arriba mi cabeza lo que es. Ahora, por defecto te va a dar tanto video como imágenes, probablemente muchas más imágenes. Si quieres usar alguna de estas imágenes, solo arrastro esto, le doy un segundo, los rayos bajos, van a conseguir una marca de agua. En realidad puedes simplemente trabajar con estos hasta que el cliente los firme, y luego de vuelta en mis bibliotecas, si elimino eso. Aquí hay una opción genial que dice hacer clic derecho y decir Imagen de licencia. Porque soy un suscriptor de pago, realidad va a licenciarlo y se va a convertir en súper rayos y la marca de agua va a desaparecer. Es una interconexión bastante útil. Esa es una forma de hacerlo. No quiero esta imagen. Yo no te quiero. Se ha ido. Tú, te fuiste. Voy a usar esa misma cosa. Necesitaré eso para desaparecer. Vete. Ahí está. En busca, voy a teclear en el sueño. Lo que voy a hacer es, éste donde dice resultados, voy a dar click en solo videos. Voy a decidir cuál va a funcionar para esta cosa. Me siento así. No estoy sosteniendo nada, solo
estoy moviendo mi ratón de ida
y vuelta, y me previene. Lo que quiero decir es, arrastrarlo, y genial. No es lo suficientemente grande. Puedes descargar versiones 4K si es necesario, y voy a hacerlo un poco más grande. Muévelo hacia abajo. Eso es perfecto. Enfriar. Es barra base. Voy a volver al principio. Es bar base, y ahí está este tipo. Podrías simplemente dejarlo aquí, y así es como conseguir imágenes desde Adobe Stock, y simplemente ponerlas en segundo plano. Tiene que ser todo el camino el fondo. Voy a hacer un par de cosas, un par de trucos, y son útiles para saber. Allá atrás. Tengo mis tics y cosas apareciendo por encima. Es un poco más alto por esta marca de agua de Adobe Stock, pero tenemos que convivir con eso. Lo que me gustaría hacer es, es una puesta en marcha, y después de algún tiempo, me gustaría que en realidad se difuminara en segundo plano, para que no le esté quitando a mis iconos. Es posible que te pongas borroso todo el tiempo. Voy a tener el mío un bonito enfoque agudo, y luego desenfocar a medida que llega a meterse en estos iconos aquí. De lo que voy a hacer es de aquí, después de que desaparezcan los tics, voy a añadir un efecto. Por aquí, cerrar y previsualizar, efectos y presets aquí dentro, voy a agarrar el mundialmente famoso desenfoque gaussiano. Todo el mundo lo usa. Es difícil resolverlo. Voy a arrastrarlo a las capas de aquí abajo. Hombres dormidos [inaudibles]. Enfriar. Pueden efectos clave de fotogramas igual de bien como pueden enmarcar cualquiera de las cosas aquí abajo. Estos son mis controles de efectos. Es muy similar. Se puede ver el pequeño cronómetro, como las cosas de aquí abajo. De lo que me gustaría hacer, agregar sobre aquí, me gusta encender el cronómetro. Voy a moverme un poco. Hasta dónde practicaremos, y voy a subir el desenfoque. ¿ Hasta dónde va esto? Simplemente puedes hacer clic y arrastrarlo, y solo mantenerlo vigilado. Yo quiero conseguir mi desenfoque silencioso de fondo. Durmiendo Dan. Eso se ve bien. Que cuando mis iconos empiecen a ir, supongo que no te vas a distraer el video. Vamos a previsualizarlo, veamos si funciona. Vista previa. Sí. Vigila el fondo. Ahí vamos, te hizo conseguir una cosa abstracta de fondo D. Eso podría ser todo el tiempo, no
tendrías que poner fotogramas clave, solo hacerlo borroso todo el tiempo. Uno de los siguientes problemas a la hora de lidiar con videos, podría no ser lo suficientemente largo. Este video aquí, llega a un poco, juega a lo largo pero luego mira lo que pasa, desaparece y podemos ver el fondo de nuevo. Un pequeño truco genial que puedes hacer con los videos, es que puedes hacer clic con el botón derecho en ellos, ir al tiempo, y hay uno aquí que dice congelar en el último fotograma. Se extiende por todo el camino, y mira lo que pasa ahora, pasa por ahí, y
mira, se mueve, se mueve,
deja de moverse y simplemente se congela por el resto del video. Está animado aquí arriba, haciendo su pequeña cosa de vuelco, pero más tarde, simplemente se congela y hace una pausa para el resto del video. Enfriar, aprendimos algunas cosas nuevas, aprendimos Adobe Stock, y miramos cómo desvanecerlo, y agregar fotogramas clave a los efectos, luego disparar ese video hasta el final, y mantener pulsado ese último cuadro. Eso va a ser por este.
27. Método del gráfico de barras 1 manualmente en AFX: Hola ahi es momento de visualizar datos. Vamos a empezar con gráficos de barras. Empezaremos con este, nosotros, lo
haremos manualmente en after effects. Entonces vamos a desconectar y hacerlo desde Illustrator usando su herramienta gráfica, haciéndola un poco más precisa. Después salir a Excel para las personas de Excel que quieran animar gráficos directamente desde Excel en after effects. Vamos a hacer estas hermosas gráficas. Lo primero que te vamos a mostrar es que vamos a
hacer manualmente el gráfico de barras en después de efectos en realidad, vamos a empezar. ¿ Por qué? Porque estos tiempos en los que solo necesitas hacer eso y tal vez encuentres que esa es la forma más bonita para ti. Vayamos a Archivo. Tiene que abrirse. He hecho algunas cosas básicas para que nos pongamos en marcha. Vaya a los Archivos de Ejercicio, vaya a gráficos de barras o 3 gráficos de barras, y éste es uno llamado inicio de gráficos de barras. Abre eso. Yo quiero que estés en este ahí está la versión terminada y el stop vision. La versión terminada es por lo que vamos a estar trabajando [inaudible]. Pero queremos ir al stop vision y acabo el título y estas x's aquí, no
vamos a pasar por cómo agregar estas como solo la herramienta Pin y la herramienta de tipo, pero puede tardar un poco en ponerse en marcha. Voy a asegurarme de que pueda ver todo el asunto y encajar. El primero que me gustaría decir es que de esta manera puede sentir un poco largo y no me gusta principalmente porque me resulta muy difícil calcular porcentajes y hacer las matemáticas yo mismo. Vamos a buscar en el siguiente cómo usar algo como Adobe Illustrator o usar Excel mismo para generar la gráfica. Todos ellos toman un poco de trabajo, le doy un vistazo a los tres van. Ese es el que soy para mí. Lo que quiero hacer es poner nuestra obra aquí al principio aquí, y he encerrado en estos celosía que no podemos faltar con ellos. Agarremos la herramienta de rectángulo. En cuanto a Phil, voy a usar mi cuentagotas y escoger uno de los colores que hicimos en el último tutorial. Voy a ir por la versión más ligera. En cuanto al trazo, haz clic en la palabra trazo, y pongámosla en ninguno hasta ti. Cuando empiezas a sentarte por primera vez tus hachas, lo que hice es cuando dibujé estas líneas aquí, en realidad las igualo a la cuadrícula. Si tienes vista y tienes que mostrar grilla. En realidad puedes dibujar líneas y conseguir que se alineen a esta cuadrícula en segundo plano y nos ayuda un poco cuando mi dibujo los gráficos de barras. Ya lo tengo puesto. Yo sólo voy a hacer un snap a la zona de rejilla también. Voy a hacer lo mejor de mí porque este va a ser mi 100 por ciento. Ahora, es un poco gracioso en cuanto al dibujo. Eso ya está lo suficientemente cerca para mí. Agarra la herramienta de selección y arrástrela hacia abajo está en los cubos correctos. Tenemos que acercar un poco solo para
asegurarnos de que se encaja a la parte inferior, se ajusta a la parte superior. Enfriar. El siguiente, sólo voy a alinearme aquí arriba. Lo primero que vamos a hacer va a ser bastante fácil. Simplemente lo vamos a animar. Ahora, el problema es,
es la posición de la escala, si hago clic en mi camino aquí, en realidad renombrar forma por uno. Llamemos a este bar uno. Voy a preguntar la báscula. Si empiezo a escalar, lo está haciendo desde su punto de anclaje central, que está en medio de la pantalla. Nos hemos topado con ese problema de pocas veces. Lo que vamos a hacer en realidad es ajustar la escena para agarrar esta de aquí, la sartén detrás de la herramienta o la herramienta de anclaje y agarrar esto. Ahora, si no lo puedes ver, a veces tenías que hacer click off, dar click en y agarrar esto. Ahora, queremos que esté perfectamente abajo aquí. ¿ Qué llave sostenemos? Es la tecla de comando en un Mac o la tecla de control en un PC, complemento
inicial al mismo empate abajo aquí. Ahora, cuando empiece a hacer escala, lo va a hacer desde el centro de esto. Impresionante. Voy a apagar la grilla porque me duele los ojos. Lo que vamos a hacer es que vamos a asegurarnos de que voy a jugar cabezas a una, golpear la báscula. Vamos a romper este enlace para que podamos separar la altura y la anchura y vamos a jugar con alguna vez puede mover cuál? Este es uno de aquí. Nos vamos a sentar el k enfermizo a cero. Ven un poco. Estoy en siete cuadros. Voy a ponerlo hasta un 100 go. Tenemos alfas, animación de pequeño gráfico de barras. Sé que eso es correcto porque me siento este eje, este es mi valor de miligramo más alto, esto va a mencionar, y todo lo demás va a ser un porcentaje de esto. Ahí es donde yo mismo me meto en problemas. Yo soy como, está bien, Matemáticas, no es bueno. Voy a usar algunas de las otras herramientas para hacerlo, pero podrías estar totalmente bien aquí. No vamos a seguir demasiado y hacer cada uno de ellos porque es paso y repetición. Pero lo que haces es copiar Bar 1, tienes Bar 2. Voy a asegurarme de que tengo mi herramienta de selección de herramientas correcta va a
recortarla un poco para que empiece un poco apagado. O después de éste de aquí. Entonces voy a agarrar mi selección. En realidad voy a usar este de aquí. Déjame usar la posición y simplemente deslízala a lo largo y un camino. De esta manera aquí para estar por encima de filtro. Aquí tenemos que ir a nuestra escala y necesitamos cambiar. Tenemos que calcular cuál es este filtro. K comparado con el azul siendo un 100 por ciento y el filtro es, tengo algunos datos aquí para nosotros. Filtro es si eso es un 100 por ciento principal, necesitamos calcular que en mi cerebro se derrite aquí. Aquí puedes usar estos datos para salir y terminar de completar el gráfico de barras. Pareja poco acaba de ordenar las cosas van a hacer antes de que nos vayamos es voy a ser Bar 2. Adiós es aquí sería un buen momento para pasar. Selecciona estos dos chicos aquí están en escala miembro mantener Alt en un Mac u Opción en un PC. Es lo contrario de lo que acabo de decir. K es Alt en un PC y agarrar recordar expresión búho, entra aquí para ponerlos, pegarlo. Conseguiremos solo un gráfico de barras más agradable subiendo. También puedes sintonizar el azul de movimiento. Asegúrate de que el azul de movimiento esté en esta capa y las cosas empiecen a lucir un poco bonitas. No todo es pérdida porque esa misma técnica de poner el punto de anclaje abajo aquí estoy consiguiendo que se equilibren va a ser lo que tenemos que hacer todavía, cuando usamos ya sea Excel o ilustrador. Vamos a aprender esas otras opciones en el siguiente video.
28. Método del gráfico de barras 2 Herramienta gráfica de Illustrator: Hola ahí. En este tutorial, vamos a utilizar la herramienta de gráficos ilustradores para construir aquí nuestra hoja de cálculo Excel, darle
estilo, luego cambiarla a After Effects y animarla. Encuentro que esta es la forma más fácil de obtener cualquier dato en After Effects y animarlo. Vámonos y aprenda a hacer eso ahora. El primero que tenemos que hacer es hacer un nuevo documento en Adobe Illustrator. Vamos a archivar Nuevo, usamos el botoncito ahí. Podemos usar cine y video y escoger HDTV, esa es la que queremos. El 920 por 1080. El motivo por el que no me gusta usar esta plantilla, es porque obtienes todas las barras y un fondo transparente y todas estas mareas seguras. No necesitamos nada de esto y es un dolor ir y apagarlo. Lo que acabo de hacer es fingir. Pero yendo a una Nueva web pic porque la va a establecer en píxeles y luego hacemos exactamente las mismas mediciones. Por lo que obtenemos un 920 por 1080 y nos aseguramos de que esté configurado en RGB, y hacemos clic en “Crear”. Terminas en la misma posición, vale, es del mismo tamaño, pero tiene un bonito fondo blanco sin todas las guías por todas partes. Vamos a salvar a éste. Voy a guardarlo en nuestros Archivos AFX, y llamaremos a éste nuestro Coffee Bar Chart. Por lo que vamos a utilizar la herramienta gráfica de Illustrator. Está aquí abajo, sosténgalo abajo. Hay un montón en diferentes opciones entre las que puedes elegir, no importa cuál. Técnicamente un gráfico de barras va de izquierda a derecha. Vamos a usar un gráfico de columnas y dibujarlo el tamaño aproximado que desea que
aparezca en After Effects porque hemos hecho que el tamaño sea el mismo que After Effects, puedes trabajar proporcionalmente. Enfriar. Lo que pasa es que abre esta pequeña mini hoja de cálculo de Excel. Podemos escribir manualmente las cosas aquí. Lo que voy a hacer, es que voy a pasar desde Excel,
agarrar todas estas partes, agarrar todas estas partes, copiarlo de nuevo a Illustrator. Haga clic en este primer campo sip aquí y acaba de pulsar “Pegar”. Después haz clic en esta pequeña garrapata, y va a ir a crear autógrafo para nosotros. Me encanta hacerlo de esta manera. Incluso pone las medidas a lo largo de la parte superior aquí y calcula todos los tamaños. Ahora por el momento, este gráfico de barras está realmente atado a la hoja de Excel. Incluso si lo cierras, en realidad sigue conectado a él. Lo tienes aquí y dices que quieres hacer una actualización, tienes los objetos seleccionados. Ir al objeto, ir a la gráfica, ir a los datos. Se puede ver aquí, yo puedo ir a hacer cambios. Puedo hacer este 100, actualizarlo y actualiza la gráfica. Voy a deshacer eso, cerrar esto, genial. El problema ahora es que After Effect necesita aplastar esto en muchos pedazos. Por el momento dice gráfica editable. Lo que tenemos que hacer, es que necesitamos separarlo. Para ello, es posible que desee guardar una versión de este tipo, es agradable y sigue siendo un gráfico y editable. Pero lo que vamos a hacer es tenerlo seleccionado con mi flecha negra, subir a objeto e ir a desagrupar. Te va a advertir diciendo que ya no va a ser un gráfico, no
podemos editarlo, vamos a dar click en “Sí” y ahora es pedazos destrozados. Te darás cuenta en el objeto, si vas a graficar ahora y haces clic en “Datos”, no
sabe de qué estás hablando. Tenemos que hacer eso y se desagrupa en pedacitos. Si bien estamos aquí, vamos a darle estilo. Yo sólo voy a pasar y recoger algunos colores. Entonces esto de aquí, voy a ir a escoger un nuevo color de relleno. Desafortunadamente si entro aquí, no
tengo las muestreas. Por alguna razón en este momento, las muestras de biblioteca y las muestras incorporadas a Illustrator no son particularmente buenas para conectarse entre sí. Lo que vamos a hacer es,
es más fácil simplemente ir por aquí, clic derecho en él y decir, “Añadir a Muestras”. Voy a agregar ambos conjuntos a muestras. Entonces en la parte superior aquí, dale un engrosado ahí están. Haga clic en mi versión alineada. Voy a escoger eso para la película, [inaudible], ambos y podemos ajustar el tipo antes de irnos. Es mejor hacerlo aquí, en lugar de en After Effects. Entonces estoy aceptando sobre ti, agarra mi ventana de herramienta Tipo y ve a Carácter. Aquí voy a pasar y tú puedes hacer ajustes, estoy recogiendo losa de Roboto. Probablemente un usuario va a empezar con una fuente diferente. No puedo recordar lo que está en la parte superior de mi cabeza. Entonces he hecho estos ajustes, va a funcionar para mí. En realidad, necesito que este sea ese color blanquecino porque lo estoy poniendo. Una última cosa que voy a hacer es, me voy a deshacer de esto. Estos tipos están todos atrapados. En lugar de desagruparlos, no se puede hacer eso. Tiene la flecha blanca seleccionar alrededor de esta cosa, elimínala, de vuelta a la flecha negra. Tenemos lo básico. Ahora tenemos que hacer esto listo para After Effects. Lo principal que tenemos que hacer es en el panel de capas. Cada bit que queremos actualizar, manera diferente tiene que estar en su propia capa. Entonces estoy encendido y mi panel Capas aquí, si no puedes encontrarlo, ve a ventana y ve a capas. Queremos uno para todo el material de fondo, 2, 3, 4, 5, 6. Por lo que seis y total. Aquí vamos, está bien. Lo que vamos a hacer, es sarga abajo Capa 1. En realidad voy a arrancar esto, hacerlo bonito y grande, para poder ver todo el asunto. Todos estos tipos están solos, están en un solo trozo. Entonces voy a dar vuelta esto hacia abajo, dentro de este grupo, aquí vamos. Entonces esa es mi [inaudible] La primera, esta es mi primera. Por lo que quiero que subas a la Capa 2. Cambiando el nombre de estos tipos, haga doble clic en él. Se va a llamar Bar 1. Vas a ser Bar 5. No sé por qué quería empezar por arriba. Bar 4, Bar 3, los
estoy nombrando sólo para impresionarte, e incluso nombrarlos. Vas a entrar en este y éste, y éste, y éste. Entonces la Capa 1 ahora va a ser, lo
llamaré el eje. Todos ustedes en una capa, todos ustedes están en capas separadas. Lo único que no me gusta es que todos estos tipos tienen un derrame cerebral por fuera. En segundo lugar, más el trazo de la parte superior aquí, voy a poner a cero por un trazo. Impresionante, golpeando “Guardar” y así es como obtienes los datos listos en Illustrator. Básicamente haces tu estilo aquí, y solo separas los bits que quieres animar por separado en diferentes capas. Podrías simplemente conseguir que todos estos tipos animen lo mismo. No necesitas dos capas que excedan y todos los chats juntos, pero no podemos animarlos por separado. Genial, saltemos a After Effects. Entonces aquí en After Effects, todavía
tengo ese proyecto en el que estábamos trabajando antes, cuando hicimos nuestras barras de menús, realmente no importa, puedes tener un nuevo proyecto. Entonces lo que vamos a hacer es ir a File Import. vamos a decir, sólo voy a hacer doble clic en el área gris, y vamos a traer el archivo en el que sólo estamos trabajando en Illustrator. Se llama Coffee Bar Chart, voy a dar clic en “Abrir”. Debido a que estamos usando capas, hemos ingresado muchos archivos de Illustrator antes y no tenemos esta pequeña ventana. Esto aparece sólo porque tenemos las capas configuradas. Si no quisieras separarlas en capas como queremos hacerlo, solo
puedes cambiarlo a metraje y solo fusionaría las capas, eso es genial. Donde quieras usar esta característica especial llamada composición, eso va a hacer una comp para nosotros. No tenemos que hacerlo. El cool al respecto es porque va a ilustrar un archivo del tamaño correcto, van a ser las dimensiones correctas. También aquí abajo dice dimensiones de metraje, queremos asegurarnos de que esté configurado en tamaño de capa. De lo contrario es bastante difícil animar. Hagamos click en “Ok”. Por lo que se ha creado un comp y estas son todas las capas que han pasado. Recuerda eje barra 1, 2, 3, 4, 5. Genial. Está abierto. Esta comp que se ha hecho haga doble clic en él. Es genial excepto que el fondo es negro. Entonces lo que vamos a hacer es ir a capa, nuevo sólido. Voy a escoger un color de blanco. Te hace apenas un poco de blanco. Todo lo demás es perfecto. Haga clic en “Aceptar” Voy a nombrarlo fondo pegarlo en la parte posterior, y bloquearlo. Estas son mis cosas de Illustrator. Lo que me gustaría hacer ahora es animarlo, y estamos exactamente en el mismo punto que estábamos antes. ¿ Te acuerdas de este tipo cuando empezamos? Hemos dibujado el listón. Lo que queremos hacer ahora es que animarlo. El primero que tenemos que hacer es ajustar el punto de anclaje. Por lo que necesita estar en el centro. Vamos a mantener pulsado “Member Command” en un Mac o “Control” en PC. Lo hacemos por todos estos tipos de aquí. Enfriar. Vamos a empezar a animar. Estamos hasta donde estábamos antes. Vamos a hacer algo de animación. Si sientes que quieres saltarte adelante, no, hay una última cosita que quiero mostrarte una vez que lo tengamos animado. Entonces podría hacer el primero juntos, luego haremos zoom y luego saltaremos a ese poco fresco donde los tambaleamos a todos. Por una escala seleccionada línea de tiempo al principio, voy a detener el cronómetro, voy a romper el vínculo entre los dos voy a poner a cero este primero. Entonces después de unos siete cuadros, lo
voy a subir un 100. Entonces voy a “Opción” dar click en mi Mac o voy a dar clic en un PC el cronómetro, y vamos a usar eso. Mi expresión por rebasamiento, te
dije que he estado usando esto. Lo que haré es establecer el desenfoque de movimiento para el lunar. Lo que quiero hacer es copiar esto. Haz que mi cabeza de juego vuelva al principio. Haga clic en “Bar 2" hit “Pegar”. Ahora los tenemos a los dos yendo. Ya puedes ver que es rápido ahora. Pegar, pegar, pegar. Si golpeo “S”, verás que los fotogramas clave han venido junto con la expresión. Haz el primero, guapo como quieras, y luego vienen todos. Ahora quiero tambalearlos. Entonces voy a cerrar todas estas. Simplemente hago clic en “U” ahí. U abre y cierra. Es como un pequeño interruptor de alternancia. Simplemente puedes pasar por ahora y decir: “En realidad quiero que seas esto y esto y esto”. Eso está bien. Pero di que quieres ser perfecto y tienes mucho que hacer. Vamos a usar este pequeño truco, llamado capas de secuencia. Selecciona Barra 1, sosténgalos todos en Barra 5, asegúrate de que tus cabezas de juego al principio. Ir a animación, ir al asistente de fotogramas clave. Hay una llamada capas de secuencia, y sólo va a tambalearlas para nosotros. Si no haces clic en “Superposición”, van a secuenciar uno tras otro. El problema es que, ver cuánto tiempo son. En realidad tienen cinco segundos de duración cada uno esa barra sólida. En realidad hay en lugar de entrar uno tras otro, funcionan, vamos a hacer clic en “OK”. Pero esta línea de tiempo, vamos a alejarnos, es en realidad, así que esta va por esto y esta no empieza justo hasta el final de mi animación. Entonces eso no es lo que quiero hacer. Voy a ir a animación, asistente de
fotogramas clave, capas de secuencia. Por lo que quieres un poco de superposición. Esto puede ser un poco confuso. ¿ Cuánto de una superposición? El mío tiene que ser alrededor de cuatro. Se está consiguiendo una superposición al revés, qué lejos de eso era cero. Por lo que quiero volver de esta manera. ¿ Qué tan lejos quiero volver de esta manera. Yo quiero volver unos cuatro segundos. Cuatro segundos 20 fotogramas. Eso lo pone realmente cerca de la India. Por lo que casi cinco segundos se solaparían uno encima del otro. Vas a tener que meterte con esto, lo
hago cada vez. Hagamos click en “OK” y tenemos un bonito escalonamiento en marcha. Es así como pasar de Illustrator a After Effects. Eso es como nuestra Opción 2. Echemos un vistazo a la Opción 3 ahora, usaremos el gráfico constructor de Excel y lo deconstruimos y lo usamos en After Effects. Vayamos a hacer eso ahora.
29. Método del gráfico de barras 3 Herramienta gráfica de Excel: Hey ahi, en este tutorial vamos a llevar estos datos por aquí, vamos a convertirlos en un gráfico,
introducir un poco de estilo básico, y luego dispararlo en after fix y hacer que se vea así, y se ve increíble. Estás impresionado. Vayamos a ver cómo hacer eso en después de arreglado ahora. Primer paso, necesitamos abrir en nuestros archivos de ejercicios en el gráfico de barras O3, abrir el que dice, Caffine Data Excel. Si no tienes una copia en excel, estamos atascados, salta a la siguiente versión. En excel, cualquier versión abre toda forma, toda visión de un mech. Lo que tengo que hacer es, seleccionar todos los datos, y vamos a ir a los gráficos. Se encuentra un gráfico, es un poco diferente en las versiones más nuevas, no muy diferente, se puede hacer clic en gráfico. En algún lugar en medio de la mía, es en este extremo aquí. Voy a recoger en columna y recoger cualquiera de estos. Los 3D se vuelven muy difíciles de animar de manera convincente, así que apégate a los 2D para mí. Doy clic en esta columna agrupada y que mis amigos sea una hoja de cálculo de excel, agarrar los bordes de la misma, arrastrarla a la derecha, y vamos a hacer nuestros ajustes aquí dentro. ¿ Por qué lo hacemos de esta manera? Lo haré de esta manera si ya me dan una gráfica, di que me entregan una gráfica y se hace en excel. No tiene sentido tratar de recrear en Illustrator, porque alguien le ha puesto aquí el tiempo y el esfuerzo. las cosas que yo podría cambiar, y esto es por lo que voy a pasar y cambiar las fuentes que se están utilizando,
para pueda pasar ahora, conseguir un hogar y escoger una fuente. Definitivamente necesito cambiar todo esto. En realidad, solo puedo hacer clic fuera, hacer clic en el borde de la misma, y podemos cambiar como cambios globales. Voy a dar click aquí, y recoger arial para toda la mía. ¿ Por qué? Porque si uso Calibri, no sé por qué mi computadora tiene un lío cuando entra en illustrator, podrías hacer lo mismo. Es posible que tengas que cambiar tus fuentes. Voy a recoger rubato, negro. Aquí podemos ir a cambiar de colores. Hay mucho que puedes hacer en excel, así que si tienes confianza en excel, ve y haz que esta cosa se vea tan bien como quieras. Las cosas que podrías hacer son los colores aquí, voy a seleccionar en estos, ir a éste, este es formato, y luego aquí, voy a ir a llenar y qué colores. Puedes escoger cualquier color, y si tienes un color corporativo, necesitas usar click en más color. Aquí puedes ir a los deslizadores RGB y escribir tu RGB o tu código hexadecimal. Vamos a usar este color, porque me gusta. ¿ Cómo lo metemos después arreglado para empezar a animar? Tenemos que hacer un poco de salto a través de ilustrador. Mucho lo que hicimos en el último tutorial se va a aplicar aquí, así que vamos a copiarlo así que haz clic en el exterior, solo tienes que ir a editar y copiar, y luego abrir Illustrator. Vamos a hacer unos nuevos documentos, y con suerte va a recordar mis últimas dimensiones. Haga clic en “Crear”, entonces todo lo que hago es golpear pasta, y eso trae una mejor versión de excel, eso es realmente genial. Sé que estamos haciendo infografías aquí y animándolas, pero esto puede ser realmente genial si solo haces cosas de impresión. quiere poder editarlo vino de excel en lugar de simplemente confiar en algunas veces los estilos cuestionables de excel. Ya puedes ir y editarlo en Illustrator y meterlo en un documento impreso. Vamos a animar eso, se va a hacer más un poco más grande, y lo que quiero hacer ahora es un par de cosas es un poco diferente. Está conformado por todas partes raras ahora. Voy a seleccionar a este tipo de aquí y necesitamos conseguir a estos tipos en su propia capa, también necesitamos deshacernos de las cosas de fondo. Hay algunas sombras de gota raras que necesito para deshacerme. Primero pongamos a estos tipos bajo su propia capa, abramos las capas, panel, capas de ventana. Esto es exactamente como hicimos hace un segundo y que los seleccionamos. Ya verás aquí, que en realidad están atrapados un grupo de clips. Voy a darle click derecho y decir, suelta de esta máscara de recorte. Voy a dar click en una de ellas que en realidad siguen formando parte de un grupo compuesto. Yo puedo decir cuál son porque mira esto si me resbalé sobre ellos, puedes ver esta cosita resalta hace que sea fácil de encontrar. Haga clic derecho en ellos, libere del camino compuesto, y hay todo sobre los grupos. Ahí estamos. Lo que queremos hacer, es ponerlos en sus propias capas, ya tengo laicos. Eso se debe a que yo estaba haciendo trampa y jugando con esto antes y practicando. Lo que hay que hacer es crear menos 1, 2, 3, 4, 5 ,
6, para los diferentes gráficos de barras, voy a bajar aquí y necesito arrastrarlos. Esto puede ser doloroso porque subes aquí. Lo que puedes hacer es tenerlos todos seleccionados, tú sosteniendo Shift y yo estoy agarrando a todos estos tipos, haz clic derecho en ellos, di Organizar, traer al frente, y terminan en la parte superior de esta pequeña lista de aquí, haciéndola un poco un poco más fácil, así que aquí esta. Debería nombrar estas capas, pero como dije antes, si soy honesto, nunca lo hago. Bien, estos tipos son capas desconocidas. Lo que podría hacer es apagar a estos tipos y deshacerme de esta cosa increíble. Puedes animar estos juntos si quieres traerlos a través de esas capas, solo
quiero deshacerme de ellas porque no les gustan, para en estas capas de nuevo encendido, pulsa Guardar. Voy a llamar a este chat de café, pero voy a llamar a éste,
mi visión excel, haga clic en “OK”. Vamos a saltar en after fix, bueno, al igual que hicimos en el tutorial anterior. Voy a importar y voy a ir este excel, va a decir composición, sí. Voy a decir menos ojos, sí, vamos a dar click en “OK”, y abrir mi gráfico. ¿ Dónde está? Barra de café gráfico excel, ahí está. Ahí vienen pequeñas cajas blancas. Depende de ti. Eso se podría borrar en Illustrator, pero sólo voy a igualar los colores de fondo, así que voy a ir ahí en nuevos sólidos. Tú, mi amigo no puede estar de blanco roto porque necesito que coincida con el blanco de excel, haga clic en “OK”, y haré clic con el botón derecho, lo llamaré fondo lo
envié atrás, lo
bloqueé, y ahora tenemos nuestras pastas animando. Hagámoslo una capa 1 realmente se va a llamar XS. Dije que nunca les cambies el nombre, solo quiero que te sea fácil seguir. Entonces capa 2, voy a agarrar mi herramienta ankit y mantengo presionada mi
tecla de comando en Mac o tecla Control en una PC y arrastre los puntos centrales hasta la parte inferior media, asegúrate de que se bloqueen. Ahora este primero aquí voy a abrir mi báscula es para escala, arrancar el cronómetro, y voy a romper el enlace, bajar a cero. Ven cerca de siete cuadros, y llega a un 100 por ciento. Voy a seleccionar ambos de estos fotogramas clave, mantener la opción pulsada en un Mac o en un PC, y voy a pegar en mi código de sobredisparo, tal vez, recuerda como antes vamos a agarrar estos dos fotogramas clave. Voy a seleccionar esta pasta, pega usted. Lo que no hice es no mover mi cabeza de juego de vuelta al principio, así que si miro este, ya
ves que de todas formas no funcionó para nada. Pero lo que dice, si hago clic en copiar y hago clic en éste ahora y voy a pegar donde quiera que mis bateadores de juego, se va a asegurar que tu jugada, pegue de nuevo en el principio, luego haga clic en él, consiga pegar. Tienes algo, pegas. Está bien, selecciónalos todos, los derrumbas a todos. Solo para que se vean bonitas, selecciona todas las capas. Vamos a subir a nuestras capas de secuencia de asistencia de fotogramas clave de animación, rebasando la mía por 420. Si no estás seguro de lo que estoy haciendo aquí, porque acabas de saltar a este video, mira el anterior, pasamos por un poco más de detalle en estas cosas. Agradable, podría añadir una viñeta. Podría hacer el desenfoque de movimiento, pero por el momento, así es como animar un documento excel. Todavía necesitamos ilustrador para partirlo en sus propias capas, pero no es demasiado un gran paso, así que eso será todo para nuestros gráficos de barras. Vamos a ver ahora los gráficos de líneas, emocionantes.
30. Gráficos de líneas: Hola a todos. Vamos a hacer esto, un bonito gráfico de líneas. Vamos a usar Illustrator para poner en
marcha los bits y luego lo vamos a animar en After Effects. Vamos a aprender a hacer esto. El primero que tenemos que hacer es, igual que nuestro gráfico de barras, vamos a crear un nuevo documento en Illustrator. Nos vamos a asegurar que sean 1920 píxeles por 1080. Vamos a dar click en “Crear”. Ahora, voy a agarrar mi herramienta gráfica, y la voy a sostener. Agarra la Herramienta Gráfica de barras, la Herramienta Gráfica de Columnas, y luego baja hasta aquí, dice gráfico de líneas. Haga clic y arrastre hacia fuera el tamaño que está buscando. Ir a Excel. En tu archivo 04 Line Graph Abrir Suscriptores de YouTube. Voy a agarrar todo excepto la palabra Suscriptores de YouTube. Yo solo quiero los encabezados de columna, agarrar todos estos, copiarlo, volver a Illustrator. En Illustrator, sólo voy a pegarlo aquí. Haga clic en el pequeño botón de tick, y tenemos nuestro gráfico de líneas. Este de aquí por los nombres de las columnas de aquí, el tamaño no encaja del todo así que vamos a abordar eso. Es posible que no tengas este problema. Cierra eso y lo primero que vamos a hacer es separarlo. Vamos a desagruparlo, “Objeto”, “Desagrupar”. Vamos a romper estos datos, ya lo
sabemos. Un par de cosas. En primer lugar, quiero que se vayan. Eso sigue agrupado, así que haz clic derecho en “Desagrupar”. Ustedes dos siguen conectados, ustedes siguen conectados, yo voy a desagrupar. Hay un poco de desagrupamiento para ir, aún desagrupando. Si te estás perdiendo en la tierra de desagrupamiento, agarra la flecha blanca. Es más fácil seleccionar todo y simplemente pasar. Las fechas aquí abajo, todos
son grupos. Entonces vamos a hacer clic con el botón derecho y “Desagruparlo”. Ahora, todos son pedacitos individuales. Voy a seleccionarlos a todos. Voy a moverlas hacia abajo, sólo para que sean un poco más
fáciles de trabajar y voy a rotarlas. Puedes usar tu panel de transformación de ventana, pero solo estoy usando los atajos. Lo estoy moviendo aquí abajo porque lo que quiero hacer es agarrarte, tú, yo quería ir allí. Agarra la última. Está destinado a entrar ahí, luego seleccionarlos a todos. Voy a alejarme un poco para poder ver todo. Selecciónalos todos. Abre tu panel de alineación, Alinear
ventana, y voy a conseguir que se alineen verticalmente. Siempre me equivoco eso y luego repartir los centros. Eso significa que todos se van a alinear juntos. Agradable. Si bien estoy aquí, voy a hacer que se vea un poco más bonita. Entonces voy a cambiar todas las fuentes. Voy a seleccionarlos a todos ustedes y a todos ustedes, van a Ventana y van a Tipo, y van a Carácter. Aquí escoge una fuente, cualquier fuente. Estoy usando un Roboto que hemos utilizado todo el camino. Utilizamos Condensed en este caso solo para que todo encaje un poco más bonito. Lo que también podría hacer es jugar aquí con estas líneas. Con la línea seleccionada, voy a llevar el trazo al frente. ¿ De qué color va a ser esta línea? Hagamos primero el tamaño. Con eso seleccionado, voy a abrir mi panel Stroke y lo voy a aumentar sólo para que sea un poco más grueso. Lo que me gustaría hacer es cambiar todo para ser blanco porque estoy harto de hacerlo sobre un fondo blanco. Voy a hacer un fondo de color. Para ello, lo que vamos a hacer es seleccionar cualquiera de estas líneas y luego ir a seleccionar el mismo color de trazo. Ahí vamos. Por lo que se va a seleccionar todo con el mismo color de trazo. Yo voy a decir, sea esto de blanco roto. Entonces voy a agarrar todo el texto y hacer lo mismo. Asegúrese de que sólo haga clic en el texto. Ahora esos chicos se unen, todo lo que necesito hacer es seleccionarlos y agruparlos. ¿Qué hay de desagrupar? Si hago clic en esto ahora, es poner un trazo alrededor del exterior, así que lo que necesito hacer es asegurarme de que el relleno esté al frente. Haga clic en el mismo color. Voy a dejar los puntos negros porque realmente no me importa. Voy a ir a cambiarme esos en After Effects. Tenemos que hacer lo de nuestras capas donde todo está en una sola capa. Lo que necesito hacer es conseguir, sobre todo esta línea, en su propia capa. Ya lo veo ahí está seleccionado. Vamos a tener tres en este caso. Vamos a tener los ejes, la línea, y los puntos. Agrega éste aquí. Estoy rompiendo mis propias reglas al nombrar realmente estas. Este de aquí va a ser la línea y este top aquí van a ser los puntos. El orden de las capas es importante, podemos cambiarlo en After Effects pero quiero esto en la línea de fondo y luego los puntos en la parte superior. Debe alinearse, necesita ir a la línea. Los puntos, no sé dónde están los puntos, puedes apagar la línea. ¿ Dónde están tus puntos tú? Ustedes son estos tipos. Subirás a la cima ahí. Enciéndelos de nuevo. Ahora los tenemos a todos en sus propias capas. El único que tenemos que hacer para un gráfico de líneas, es que vamos a utilizar el método Recortar Caminos que
utilizamos antes para algunas de las infografías para conseguir que la línea dibuje. ¿Te acuerdas de ellos? Pero por el momento, sólo usaré la flecha blanca. Se puede ver que en realidad son piezas separadas. Son fáciles de unirse. Selecciónalos todos. Ir a Objeto. Entra en Camino y haz clic en “Unirse”. Ahora son sólo un objeto sólido. Va a hacer que sea más fácil. Vamos a darle a “Guardar”. Voy a poner el mío en mi Escritorio, en nuestros archivos After Effects. Voy a llamar a este gráfico de líneas uno. Haga clic en “Aceptar”. Ahora saltemos a After Effects. Tengo un archivo, Nuevo Proyecto abierto, y voy a hacer una nueva composición. En realidad no lo soy. Voy a traer mi archivo de Illustrator y dejar que eso lo cree. Voy a hacer doble clic en la ventana del proyecto para importar. Voy a ir a mi Escritorio,
buscar mis archivos After Effects y ahí está el archivo Illustrator. ¿ Dónde estás Gráfico de Líneas? Se lo va a traer como comp. Asegúrate de que sea el tamaño de la capa. Voy a hacer doble clic en el “Comp”. Voy a alejarme y ahí está mi gráfica. En lo que me gustaría hacer es poner una capa de fondo en. Colocas un nuevo sólido, escoges un color. Voy a escoger, ni siquiera sé, ese color. Haga clic en “Aceptar”. Llévalo al fondo, haz clic con el botón derecho, dale un nombre. Estoy rompiendo todas mis reglas. Cuenta antecedentes. Vamos a bloquearlo para que no podamos meternos con él y ese va a ser el comienzo de mi gráfico. Está bien. Ahí hay tres capas. Ahí hay tres. El eje que podemos bloquear, no queremos mover eso alrededor. ¿ Queremos moverlos a todos en este momento? Sí, porque no están muy centrados en mi página. Necesito espacio para un título. Voy a bloquear el eje porque no necesito cambiar eso. las líneas, vamos a apagar los puntos por el momento porque quiz