Animación de una placa: flujo de trabajo del Illustrator a After Effects | Richard Adam Jones | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Animación de una placa: flujo de trabajo del Illustrator a After Effects

teacher avatar Richard Adam Jones, Freelancer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      2:08

    • 2.

      Crear la placa

      7:42

    • 3.

      Preparación de archivos para efectos posteriores

      4:36

    • 4.

      Introducción a After Effects

      2:50

    • 5.

      Animar nuestra insignia en

      7:42

    • 6.

      El poder del flujo de trabajo

      2:43

    • 7.

      Animar nuestra insignia hacia fuera

      4:31

    • 8.

      Ajustar el comp y añadir desenfoque de movimiento

      2:58

    • 9.

      Renderizar y compartir

      4:03

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

222

Estudiantes

1

Proyecto

Acerca de esta clase

En esta lección cubriremos los conceptos básicos de usar programas de Adobe en un flujo de trabajo cohesivo que aprovecha la fortaleza de cada programa. Transición de crear un gráfico simple de insignias en Adobe Illustrator y luego tomarla y animarla en Adobe After Effects. No es una técnica de anticipación, sino una habilidad fundamental para ahorrarte tiempo y dinero a tu cliente. Una comprensión básica de Adobe Illustrator y After Effects te ayudará en este curso. No se necesita experiencia como diseñador para beneficiarse de este curso.

Habilidades clave cubiertas:

  • Diseño gráfico básico
  • Comprensión de capas en Illustrator
  • Preparación de archivos para efectos posteriores
  • Importar un archivo de ilustración en los efectos posteriores
  • Animación simple en After Effects
  • Exportar en After Effects

Esta lección está destinada al freelancer multi-herramienta que busca mejorar su conjunto de habilidades. También pensado para diseñadores gráficos y diseñadores gráficos de movimiento para comprender el flujo de trabajo entre Adobe Illustrator y Adobe After Effects y trabajar mejor dentro de la dinámica del equipo. Cuando termines este curso, tendrás que ofrecer productos de alta calidad a tu cliente.

Conoce a tu profesor(a)

Teacher Profile Image

Richard Adam Jones

Freelancer

Profesor(a)

My name is Adam Jones. I have been editing and shooting since I was a kid in grade school. Editing in an old dusty room with my librarian doing reel-to-reel editing on VHS. This continued through my life and now 30 years old I have 10 years of professional experience with motion graphics, editing and directing. Telling stories is the passion of my life. However I can participate in that process I want to do it.

Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Siempre es incómodo cuando disparas cosas tú mismo. Estar locos. Genial, loco, genial. No tengo zapatos puestos ahora mismo filmando en mi casa. Es un poco de vida. Honestamente, ¿ Estás listo para aprender? Oye, ¿qué está pasando? Mi nombre es Adam Jones. Tengo un artista de motion graphics, un diseñador gráfico, fotógrafo, cineasta, cineasta, serio? Simplemente, creo freelancers. Probablemente esta cosa para llamarme. Simplemente me encanta ser creativo y poder usar las herramientas que están ahí fuera apalancamiento del dedo del pie , mi creatividad para contar una historia sobre. Por lo que poder hacer eso y compartir con ustedes chicos y la comunidad de habilidades compartir es simplemente impresionante poder aprender de todas las diferentes personas que tenemos en la comunidad, pero también poder impartir algunas clases solo un cool. Es una oportunidad genial que tenemos para compartir el uno con el otro. Hombre. Cuando buscas algo en google, no lo puedes encontrar. Uh, eso me vuelve loco, sobre todo cuando estás en una fecha límite. Y entonces lo que espero hacer es darles algunas de esas cositas que no van a encontrar en Google necesariamente en. Por lo que hoy tengo algunas cosas únicas que llevar a la mesa. Una de ellas es que vamos a estar hablando a través de hacer un diseño e ilustrador y luego tomar ese diseño y poner un efecto after para que puedan moverse. Yo sólo soy algunas cosas realmente simples. Entonces si eres un usuario básico de After Effects e ilustrado, esta lección te será genial. Si estás en Usuario avanzado, esto podría ser algo que no sabes hacer o si estás en cualquiera de los extremos de ese flujo de trabajo. Entonces ese es tu diseñador gráfico que trabaja con el artista del movimiento. O tal vez tu artista de emoción que trabaja con un diseñador gráfico. Y no sabes cómo funcionan estas cosas y cómo comunicarse. Es realmente simple. Suena complicado. decir, es un poco complicado, pero no está tan mal. Asegúrate de que estás revisando ese proyecto de clase y tu subido en tu publicación, y estás compartiendo cosas en cuando saquen estos renders, hombre, solo necesitas estar empujando estos a tus amigos y ser como, Mira qué impresionante es esto. Yo hice a este hombre. Estarás orgulloso de ti mismo. Ya estoy orgulloso de ti. Entonces, uh, sigamos adelante y saltemos a la derecha en 2. Creación de la insignia: De acuerdo, Entonces ahora que sabemos en qué nos estamos metiendo con nuestro proyecto, lo que vamos a hacer ahora es que vamos a lanzar, Illustrator. Vamos a empezar a hacer nuestro diseño. Recuerda, este es un diseño realmente sencillo. Si eres diseñador gráfico, podrías incluso estar un poco ofendido Y lo sencillo que es esto. Pero recuerda, esto no es necesariamente un curso de diseño gráfico fueron más tan hablando del flujo de trabajo, lo que podrías hacer de programa a programa. Y queremos configurar esto para enviarlo a After Effects. Entonces sigamos adelante y lanzemos Illustrator. Entonces eso es el lanzamiento. Estoy usando Adobe CC 2017. Si nota algunas diferencias entre nuestros programas, eso podría ser lo que es. Eso tal vez quieras ir a descargar, asegúrate de estar al día con la versión más actual de illustrator. De acuerdo, entonces ahora lo que vamos a hacer es golpear nuevo, y eso va a sacar un nuevo documento. Y iban a venir aquí y vamos a dar nuestro documento y nombre, así que lo llamaremos impresionante motion graphic, y luego le daremos uno. Está bien. Y luego, con vamos a asegurarnos de que sea 1920 por 10 80 porque así van a ser nuestras composiciones . Cuando entremos después de efectos, nos aseguraremos de que esté en píxeles. años podrían empezar en pulgadas, y entonces eso no es nada en su ir por encima de los píxeles y luego escribirás en 1920 pero 10 80 y vienen aquí a Keller Moat. Um, podrías tenerlo por defecto para verlo como un Si haces mucha impresión pero quieres asegurarte de que está en RGB ahora, la diferencia entre parecer A y RGB es que RGB está destinado para pantallas y parecen un juicio para impresión. Y así, si escuchas alguna vez a alguien decir ver y que, que es Cian, magenta, amarillo y negro, eso es para una impresora que es su impresión algo, ya sea de gran formato, formato pequeño, sea lo que sea ese es el lenguaje para imprimir. Para que los colores sean correctos. Y luego para las pantallas, es RGB, que es gran verde y azul. Andi. Usarás eso siempre que estés haciendo algo que esté subiendo en un iPhone o computadora o un televisor, o, ya sabes, sólo cualquier cosa que esté en una pantalla. Entonces vamos a asegurarnos de que estamos en RG porque vamos a terminar enviando unos gráficos en movimiento impresionantes a la gente que conocemos y miramos. Está bien, así que ahora tenemos eso. Vamos a crear va a tirar hacia arriba un lienzo en blanco, He aquí en la barra espaciadora, y puedo arrastrar y mover mi lienzo alrededor. Entonces qué, puedes centrar eso, recuerda, vamos a mantenerlo realmente, realmente simple. Entonces lo que vamos a hacer es empezar con un círculo, tirar de nuestra herramienta de labios, y vas a mantener pulsado el turno. Porque si lo tienes así, entonces puedes hacer estos círculos de aspecto tontos. Entonces vamos a mantener pulsado el turno y lo convierte en un círculo perfecto. Muy bien, entonces. Golpea V. Eso va a jalar. Parker. Señor, vamos a asegurarnos de que esto esté centrado en el en el campus. Ahora bien, si esto es si no tienes estas opciones, consulta aquí mismo. Si tal vez se ve así, eso significa que lo tienes, Teoh alineado a la selección. Queremos alinear tablero de arte ahora mismo. ¿ Todo bien? Y luego vamos a entrar, y vamos a hacer ese trazo en ese círculo. Bonito y solo gordo. Vámonos a 20. Alcance a 30. Iremos con mi edad ya que vamos aquí. Tenemos esto. Muy bien, Impresionante. Y así voy a duplicar ese círculo manteniendo la opción alejada de un doble cursor. Tire eso hacia arriba y luego vamos a volver a centrarnos. Soy una opción de retención y turno. Entonces vamos justo fuera de ese círculo. Hazlo para que se llene con nada y luego bajó el grosor de nuestro trazo a 10. Así y solo mantenerlo rodado. Simplemente simple. Dale un poco de ah, ya sabes, sólo en esa, también. Tiene una vibra vintage, acuerdo? Y ahora vamos a sumar al medio aquí. Y así vamos a hacer movimientos. Mantén eso en el centro como todo lo demás. Um, y voy a usar una fuente llamada Avenir. Es una diversión gratuita que encontré en línea. Vamos con ventaja negra, ¿verdad? Se ve mejor cada día. Y ahora sumemos en los gráficos en movimiento. Nuestro diseño de movimiento en realidad, diseño de movimiento lo hace un poco más grande, y voy a usar una tipografía llamada Buffalo. Ahora ustedes pueden usar cualquier tipo de letra que quieran. A mí me gusta la forma en que se ve Céntrela. Eso se ve realmente genial. Entonces el diseño de movimiento se mueve y luego vendrá aquí abajo Y en realidad, vamos ah, duplicar el diseño de movimiento. Así que mantenga presionada la opción y arrástrela hacia abajo y pondremos como, un pequeño pie de página. Es así de tipo doméstico, y vamos a teclear. Um, hagámoslo. Gracias. Ah, Doby. el mundo le encanta el dhobi, ¿verdad? Yo no estaría aquí sin él. Un poco más pequeño en la parte inferior. Habla como donde podrías ver, como, como, un establecido en 1986 o lo que sea. Um, todavía me siento un poco llano. Entonces lo que vamos a hacer es agregar algunas, uh, algunas líneas aquí. Es básicamente que solo sabemos que solo estamos jugando tratando de averiguar exactamente cómo queremos que sea. Yo quiero que eso sea un poco más largo, pero yo quería estar centrado. Entonces vamos a subirlo. Estoy usando la tecla de flecha arriba a menos que vamos a mantener el comando y presionar el botón más. Amplíe un poco. Aguanta. Opción duplicada. Hazlo. En realidad, como que me gusta así. Yo iba a ponerme más pequeño y más delgado. Pero creo que me gusta así. Y luego agreguemos algunas líneas aquí mismo en el exterior del diseño de movimiento. Entonces agarraremos nuestra herramienta de línea y van a haber pequeñas líneas cortas. Aguanta. El cambio hará una línea perfecta. Definitivamente no queremos que tenga 30 años. Entonces vamos a derribarlo, Teoh. Hagamos cinco. Y si haces click en trazo, puedes rodearlos. Creo que eso se está acercando bastante a lo que queremos. Y así voy a aguantar la opción y duplicado. Y si aguantas, cambia después de mantener presionada opción para mantenerla en la misma línea. Entonces ahora estamos un poco más cerca. Muy bien, Así que tenemos nuestro diseño básico hecho, y esto es, ya sabes, algo para recordar de nuevo es que este es un diseño muy básico , ya sabes, Tenemos, me gusta, dos círculos, unas líneas y alguna tipografía es algo que me han enseñado Pasar por clases de diseño gráfico ha sido con tus tipografías. Quieres asegurarte de que estás usando más de solo uno. Hay casos en los que necesitas un peso o una fuente o lo que quieras, quieres. Llama a que hay esos momentos, pero algo para recordar es que es como cocinar. Se quieren múltiples ingredientes para obtener los sabores que se quieren, así que vamos a utilizar múltiples tipos de letra para lograr la estética que ganamos. Entonces con nosotros, tenemos un fondo de guión, y luego tenemos un reembolso sansei realmente duro, y sólo nos da el look que vamos por, que es este tipo de vintage cinco. Es muy sencillo al grano. 3. Preparación de archivos para After Effects: Muy bien, Así que ahora que tenemos nuestro diseño básico, hay un poco de preparación de archivos que vamos a hacer. Entonces vamos a destacar esto y vemos que tenemos todas estas líneas, ¿no? Todos los trazos, Eso es lo que vamos a dio es que vamos a ir a la trayectoria del objeto y luego delinear trazo. Y así va a delinear el trazo para nosotros, y luego vamos a mantener pulsado, comando de cambio y golpear abierto, y va a delinear toda nuestra tipografía. Entonces ahora tenemos todas estas formas con las que podemos meternos, Así que vamos a seleccionar todo y asegurarnos de que los bucles centrados nos olvidamos de agrupar son guiones. Entonces vamos a tomar nuestros guiones, seleccionar nuestros guiones , asegurarnos de que esos estén alineados una selección, y luego vamos a mandar de esos arriba y golpear el comando G, y eso va a agruparlos. Y así ahora cuando seleccionamos todo vamos a alinear nuestro tablero y simplemente vamos básicamente a centrar todo hacia arriba, todo está listo para ser organizado en capas. Entonces estamos por aquí, abrimos nuestro panel de capas, lo deslizamos hacia abajo, y así básicamente tenemos. Queremos pensar en nuestras capas como cuáles son los objetos que queremos animar dedo del pie forma independiente. Por lo que conocemos cada círculo que queremos animar. El diseño de movimiento será una palabra que animemos estos guiones que traeremos, um totalmente los movimientos serán uno. Estos guiones vendrán e independientemente. Gracias. Adobe entrará de forma independiente. Entonces básicamente cómo está todo ahora mismo. Entonces lo que vamos a hacer es solo agregar un montón de capas y luego vamos a empezar a sacar artículos. Simplemente lo estás tirando hacia arriba y dejándolos caer en las nuevas capas. Pero así que tenemos tres capas demasiadas, así que sólo vamos a desechar esas. Y así ahora tenemos nuestras cosas. Entonces lo que vamos a hacer esto es una gran ayuda. Si puedes hacer esto como vamos, Teoh, apaga todos los ojos. Y así a medida que lo enciendamos, vamos a etiquetar. Entonces voy a poner el círculo uno. Nunca traigas esta capa Círculo dos. Y así lo estamos haciendo por cada capa. Seguro tipo. Se mueve para ese en la siguiente capa. Vamos dio lo llamamos justo esta capa sería movimiento encender la siguiente capa, Doby y así llamamos a esta línea línea de arriba abajo, y entonces lo último serán nuestros guiones. Por lo que adelante, Dash IHS. Entonces parece un, uh, uh, realmente tipo de paso sin sentido, pero ¿pasar y poner qué? Cada capa nos va a ayudar a medida que entramos en after effects, porque lo que hace es que nos deja saber una vez que importamos ese archivo y después de efectos, qué es cada capa para que no solo estemos buscando alrededor y dirás que esto se importa y está fuera de servicio. Sabemos en qué orden queremos que todo esté. Entonces sigamos adelante y guardemos esto, y entonces estamos listos para entrar en los efectos posteriores. Entonces una vez que vengamos aquí, vamos a archivar. Vamos a ir a ahorrar como mi pantalla es A Es un poco grande, así que vamos a tirar hacia arriba y impresionante motion graphic one. Ahí es donde vamos a estar. Entonces solo voy a decir esto a mi escritorio, asegurarme de que guardara como ilustrador de adobe y pegue guardar, y entonces tendrás que subir esta caja. Simplemente puedes dejar todo lo técnico comprobado hit. Está bien. Está bien. Entonces ahora que lo tenemos guardado en nuestro escritorio. Lo que vamos a hacer es lanzar after effects y seguir adelante y poner esa comp configurada en una animación adder y el siguiente puerto. 4. Introducción a After Effects: Entonces ahora que nuestro archivo ilustrador está todo listo y listo para nosotros, vamos a abrir después de los efectos, traer ese archivo y luego empezar a animar. Entonces vamos a abrirnos después de los efectos. Está bien, nuevo, Mientras que eso está cargado, estoy usando Adobe after effects 2017. Por lo que es la versión más actual. Entonces si no tienes ese bien y detente, pausa esto un segundo, ve a descargar esa actualización y luego vuelve a nosotros. De acuerdo, así que ahora que nos abrimos después de efectos, vamos a seguir adelante y traer nuestro archivo ilustrador, y eso nos va a abrir una nueva comp. Entonces va a hacer eso. Entonces solo vas a hacer doble clic aquí y van a nuestro nuevo golpe de comp abierto y dirás, importar tipo y queremos traerlo en mi metraje seguro. No quieres hacer eso. Eso lo traerá como si fuera una gran clavija J. Iremos a la composición, y ustedes tienen dos opciones aquí abajo para el metraje. Dimensiones. Queremos ir con tamaño de documento y hit. OK, está bien. Genial. Y si hacemos doble click justo aquí donde dice Impresionante movimiento Gráfico uno y tiene el pequeño icono de policía, Doble click ese boom. Y así lo que hicimos un ilustrador ahora está dentro de secuelas. Y así tenemos todas nuestras capas aquí abajo. Es todo como se acabó en Illustrator, y es realmente quiero decir, es bastante genial cómo hacen eso. Entonces lo siguiente que vamos a hacer es asegurarnos de que fueron seleccionados en nuestro impresionante gráfico de movimiento . Al mirar el, uh, será un poco resaltado azul alrededor de la capa en la que estamos, y luego tendremos una línea blanca debajo de que eran hace composición, composición, ajustes que va a tire de esto hacia arriba. Vamos a tomar nuestras dimensiones y luego asegurarnos de que nuestra velocidad de fotogramas lo dijo 24. Y así ahora que sabemos que son 24 hay algunas cosas que recordar cuando se trata enmarcar bien. Hay dos tipos realmente comunes de velocidades de fotogramas. Ahí hay 24 30. Eso significa cuadros por segundo, y así vamos a ir con sus 24 fotogramas por segundo. Ahora la razón por la que vamos con esto, es para que estemos ahorrando seis fotogramas por segundo en la parte posterior. Y cuando renderizamos, sé que podría no sonar como mucho, pero tienes que pensar, ya sabes, si tuviéramos 100 segundos de metraje que 600 fotogramas que no tenemos que renderizar ahora hay algunos proyectos cuando tendrás que renderizarlo. 30 han tenido proyectos que tuve que renderizar a los 48. 60. Pero las cosas más comunes que te vas a encontrar son 24 30. Y así siempre voy por 24. Además, al igual que el look de 24 es un poco más como ir al cine y ver una película. Entonces sí, esos aviones escriben. Es sólo algo que anota y mantiene adentro, como un diario para que sepas lo que es eso. Está bien, así que ahora miramos todo parece bastante bueno. Vamos a ir a la duración, y tengo mentalidad para 15. Esa es una duración realmente buena para nosotros que nos daría tiempo, dedo del pie animado, inanimado fuera. De acuerdo, entonces estamos aquí. Ok, Impresionante. Entonces ahora tenemos eso todo listo. Es hora de empezar a hacer algo de movimiento 5. Animar nuestra insignia en la insignia: Entonces lo que vamos a hacer ya que vamos a ir a un marcador de un segundo real. Vamos al marcador de dos segundos. Vamos a destacar todo, y vas a golpear la letra P. Eso va a traer una posición. Entonces otra vez, vas a golpear la posición de Pete. Ahora, lo siguiente que vamos a hacer es mantener turno en hit s y eso trae a la escala. Y así ahora podemos ver todas nuestras posiciones y escalas para cada capa. De acuerdo, así que ahora que tenemos posición y escala abierta para cada posterior lo que vamos a dar como vamos a ir a través de ella, anime cada capa de forma independiente. Entonces vamos a entrar. Sabemos que queremos Ah, veamos. Diseño de movimiento. Vamos a darle a este pequeño cronómetro aquí. Sabemos que la posición es lo que queremos cambiar en esta. Yo iría a cinco segundos o cinco cuadros. Simplemente lo voy a arrastrar hacia arriba y fuera de la pantalla. Entonces vuelvo y me voy a mudanza. Esperanzas que doble clic. Si haces doble clic. Simplemente vuelve aquí arriba y golpea la composición. Soy una posición de hit, y luego voy a hacer unos pocos a la vez, así que no quiero hacer posición aquí sobre estos. Las líneas en Adobe y yo quiero hacer escala en los círculos para que voy a retroceder a cinco fotogramas. Atajo rápido. Si utilizas los botones de página arriba y abajo, irá hacia adelante y hacia atrás marcos para que tus flechas simplemente moverán la capa en la que tu seleccionado, pero tu botón de página arriba página abajo en realidad irá adelante de marco o retrocede a un amigo. Eso es un realmente que es un gran ahorro de tiempo. De acuerdo, Entonces lo que haremos es ah, empecemos con el guión es ahora. Entonces tengo los seleccionados. Soy un drag sube fuera de pantalla. Conozco la línea de arriba y de abajo. Yo quiero que entre por la derecha y quiero que entren movidas por la izquierda, ¿de acuerdo? Y en este adobe de mar, sólo tendremos eso cayendo desde abajo y luego los círculos, ya sabes, soy fan de los adolescentes de Linux personalmente, así que vamos a tener como que esos crezcan. Por lo que bajamos aquí para escalar, seleccionarlo, golpear cero otro nada. Y ahora este es un truco genial para desabrocharla. Nuestra zona como podemos golpear esto y podríamos pegarte. Va a esconder todo y luego te golpeará de nuevo. Y ahora se ven sólo los marcos clave. Eso es algo realmente útil. Si estás trabajando con muchas capas y solo quieres ver la animación que está disponible o los fotogramas clave que pones, entonces solo haces eso. De acuerdo, así que ahora que estamos de vuelta, vamos a golpear la barra espacial y ver esto. Entonces sí, ahí vamos. Ya lo tenemos. Ya terminaste. Ya lo has hecho ahora solo estoy bromeando. Serían una enorme pérdida de tiempo. Entonces esto es sólo el paso uno. Esto es igual al tipo de que hemos encontrado la roca que queremos cincelar eso. Ahora lo que vamos a hacer es entrar y editar la gráfica, así que este tipo de ella se desliza en muy suave y suave. Esto se llama facilidad o fácil, fácil. Podrías relajarte y relajarte. Así que vamos a saltar y ver esto realmente rápido. Muy bien, así que vamos a seleccionar todos estos porque queremos que todos se alivien y voy a apretar este pequeño botón aquí mismo. Eso parece que se llama el editor de gráficos. Parece un poco diminuto ah, gráfico de líneas. Supongo que soy horrible con mis tipos de pasto nombrar grafo. Entonces entramos y así podremos ver todos nuestros spots animados. Entonces voy a hacer clic y arrastrar y resaltar todo, y luego vas a venir aquí seleccionar editar gráfico de velocidad porque queremos editar cómo entra la velocidad. Y entonces este de aquí se llama Fácil, fácil, fácil, fácil de entrar. Entonces selecciona eso y ve cómo cambia. Voy a agarrar este mango aquí mismo, y voy a arrastrarlo hacia atrás. Eso va a hacer realmente algo así como venir súper rápido y luego disminuir la velocidad a medida que llega a donde se supone que debe estar. Ya veremos cómo se ve eso. Ah, sí, eso es como 10 veces mejor. Muy cool. Entonces ahora que tenemos algo así alivió el movimiento de Eazy e de cómo queremos que sea ahora lo que vamos a hacer es ah tipo de separar estas capas para que no todas entren al mismo tiempo. Pero antes de que hagamos eso, es un poco difícil de ver. Entonces vamos a sumar en un fondo. Entonces vas a ir a capa nueva sólida. Tienes tu sólida configuración entra. 1920 1980. Sólo hagámoslo blanco. Eso está bien. Arrástrelo hasta el fondo. Es decir, si vas a efecto y generas y luego seleccionas Grady int rampa, también puedes. Entonces eliminemos la rampa de rejilla. También puedes venir aquí a los efectos y presets y tecleando Grady, Tía Radiant Ramp y va a aparecer por aquí y luego simplemente lo arrastras a la capa en la que querías estar. Y luego vamos a seleccionar radio y voy a arrastrar este Ah, al centro de eso. Sólo porque es tan bonito, mis ojos lo harán. Arrástrelo un poco y luego pongamos algunos colores. Soy un gran fan de la Universidad de Kentucky, así que vamos a hacer algo, uh, azul aquí. Simplemente realmente simple. Sí, es una especie de look cool, también, con el blanco y negro. Muy bien, genial. Entonces ahora lo que vamos a dio es, um Bueno, mira esta animación otra vez. Esto es muy sencillo. Muy cool. Lo que vamos a hacer es cuando empiece a separar los elementos. Y así sabemos lo primero que queremos estar en nuestros círculos. Y así los círculos son bastante buenos. Podríamos seguir adelante y bien y golpear v, y eso va a sacar tu cursor. Entonces círculo a yo quería animar en un poco después del Círculo uno, realidad, viceversa. Perdón, Círculo uno. Yo tambiénquiero entrar tras círculo también para ver cómo funciona eso. Entonces el pequeño y luego el grande. Y entonces sabemos que vamos a querer, um, um, movimientos para entrar después de que el círculo ruede en la ciudad. Pero justo ahí y luego movimiento. Fui a entrar después de movimientos ya está en. Los guiones serán después de eso. Y luego Adobe, quiero ser como lo último. Y así entra la línea de arriba, y luego la línea de fondo. Y así ahora veamos esto con lo visto tipo de droga fuera un poco. Sí, entonces es que se está acercando mucho. Algo para recordar con estos diseños es que ya sabes, no queremos traerlo todo a la vez, porque si lo traemos todo de una vez no deja ningún drama. No hay ningún misterio a lo que está entrando. Por lo que queremos revelarlo en orden importancia. Y así queríamos entrar y es movimientos, viene realmente grande y luego gracias, adobe. Es casi como si estuviéramos revelando partes del rompecabezas para que lo puedan armar mientras lo ven. Entonces ahora tenemos una animación bastante buena aquí. 6. El poder del flujo de trabajo: muy cool. Y así algo que podemos hacer Esto es una realidad Es una especie de lo que sucede cuando se empieza a apalancar lo que estamos haciendo. Podemos venir. Vamos a guardar esto, y así va a escribir en impresionante gráfico de movimiento. Se salvó. Está bien, se va en nuestro escritorio. Ahora. Lo que voy a hacer es abrirme. No soy realmente como y cómo se ven los colores. Y así quería ser todo blanco encima de este fondo azul, y en realidad no estoy realmente, como en cómo hemos llenado en este círculo el círculo grande. Entonces lo que vamos a hacer es relanzar ilustrador. Y de nuevo, este es el poder de usar dos programas de la forma en que estaban destinados a ser utilizados para aprovechar realmente ese flujo de trabajo. Y así voy a reabrir. Impresionante movimiento Gráfico uno. Está bien, alguien viniendo aquí y básicamente voy a seleccionar este cambio de hick Comando G, porque ha hecho de este círculo en el interior una forma. Y así que eso lo va a unagruparlo, y estás tan lo seleccionarás y golpean borrar. Y así ahora no hay antecedentes aquí. De acuerdo, entonces seleccionaremos. Sí, todo está bien. para ir. Entonces lo que vamos a hacer es que vamos a seleccionar todo. Ahora bien, no hay fondo blanco. Tenemos todo esto y vamos a golpear blanco, ¿de acuerdo? Y así ahora parece, Whoa, ¿qué pasó? Pero vas a golpear comando s, que es el es el atajo para Guardar. Y ahora esto es lo que la seriedad sé que estoy jazzado. Probablemente seas, como, que en el mundo, ¿qué le pasa a este tipo? Esta es una característica realmente genial que Adobe hace. Por lo que va a actualizar nuestro archivo guardado. Y luego cuando nos abrimos después de efectos, debería tenerlo a donde está imitando lo que simplemente no hicimos ilustrador. De acuerdo, así que voy a golpear al mando, Tad, eso va a cambiar nuestros programas van a Illustrator Army después de sobre los efectos después y Boom. Entonces lo que se hace es que se actualiza su carpeta raíz. Con el diseño actual tan poco, aunque añadamos capas ahí cambiaría de tipo o lo que sea que vaya a actualizarlo en efectos posteriores. Ahora, lo genial de eso es que todos nuestros retiene animación, así que aún tenemos todo el trabajo que hemos hecho. Y así como eso, aparece sólo un poquito más. Estoy realmente, realmente cavando esto. Entonces ahora lo que vamos a hacer es que vamos a entrar, vamos a animar todo hacia fuera. Entonces la forma en que algo entra es realmente ordenada. Pero entonces cuando el peso algo deja también es importante Y así quiero que todo tipo de chasquido fuera. Yo quería ser un poco más rápido y cómo entró, y lo que va a hacer es que va a crear un, um, un bucle para nosotros, básicamente. Entonces sigamos adelante y hagamos eso al final mismo. 7. Animar nuestra insignia de la insignia: Entonces ahora lo que vamos a hacer es que vamos a sumar en la animación final a nuestro efecto ah sólo para convertirlo en un bucle. Por lo que nuestro gráfico de movimiento anima en muy suave y luego anima eso realmente suave. Entonces cuando ves esto venir a través de la línea de tiempo, no le gusta llegar al final y luego como te masturbas y tipo de 30 para tu acceso cuando se reinicie, va a tener esto realmente suave dentro y realmente suavizado. Y así vamos a seguir adelante y añadir los fotogramas clave al final. Por lo que el anima fuera. Muy bien, aquí vamos. Entonces me voy a arrastrar por encima. Yo quería animar fuera. Yo quiero todo. Empieza a moverlo unos 12 segundos. Entonces voy a volver a entrar. Entonces empecemos con nuestros guiones. Sabemos que queremos que todo tipo de estar aquí, Así que voy a seguir adelante y sólo seleccionar el marco clave para todo a medida que bajamos. Estamos guardando Esto es realmente sencillo. Solo estamos haciendo unos cuantos aquí, ¿de acuerdo? Y voy a arrastrar hacia adelante a unos 13.5 segundos, así que nos dan Ah, segundo y 1/2 para que todo se anime. Y así los guiones son lo que vamos a animar. En primer lugar quiero que esos regresen de donde vinieron. Yo quiero que la línea de fondo en la línea superior vaya realmente al lado opuesto de la pantalla que de donde vinieron Y quiero que Adobe salga al fondo, está bien, bien, y entonces vamos a tener que ir el movimiento. La capa de diseño de movimiento subirá de donde venía y tendrán movimientos que cruzan la pantalla opuesta de donde vino y luego circula uno y circula a ambos volverán a bajar a cero en su escala. Y así cuando miramos eso, no tiene esa flexibilización. Esa graciosa lo bien que se ve esto, cómo entra y suave. Y lo que pasa es que conseguimos esta animación realmente simplemente agradable, cremosa que es realmente agradable. Mira. Pero luego cuando pesamos animados, no hemos puesto el fácil más fácil y parece que 1/3 calificador lo hizo. Entonces volvamos a arreglar eso con el editor de gráficos. Por lo que vamos a seleccionar todos nuestros marcos clave. Goto, nuestro editor gráfico todavía están seleccionados. Y en la parte inferior, vamos a ir a Eazy E's Apt Select que lo arrastra otra vez porque queremos que sea ese dramático swoop y luego vamos a ir a ver. Y ahora, así como eso, se ve un poco más profesional. Y entonces ahora lo que vamos a hacer es ir al final como lo hicimos al principio y seleccionar qué? Lo que sale primero en lo que sale último. Entonces vamos a tener nuestro guión es ser lo primero que salga y luego vamos a tener nuestras líneas sigan su Vamos a que el resultado final vaya primero. Estoy seleccionando el fotograma clave en lugar de seleccionar la capa a mover. Eso va a hacer y luego gracias, Adobe. Hagamos que eso salga bastante rápido, también. Y puedo seleccionar solo un fotograma clave y hacer que se mueva un poco más lento que el resto, y tendrán movimiento. A mí me gusta eso donde está, se mueve hacia el final. En realidad movamos el movimiento un poco, también, y luego los dos círculos que queremos estar al igual, lo último en salir y así voy a tener el círculo uno, ir y luego círculo, también. Y así voy a arrastrar círculo para realmente estar un poco corto de una animación y círculo uno para ser más corto también. Espera que el doble clicked cancelado. Y así ahora veamos cómo se ve eso. El guión son las líneas. Sí, así que ahora puedes ver cómo bucea. Entonces ahora tenemos esta casa de diseño de gran aspecto, y se ve impresionante. Entonces es suave adentro y luego se suaviza, y eso es, como, más importante. Y qué buen botín. Y así se puede ver cómo bucla porque se ve igual. Es el inicio de los marcos que lo hace al final. Y así tiene este bucle continuo. Por lo que podrías jugar esto al inicio de ah, conferencia o en un sitio web es un regalo para lo que quieras hacer. Y así sólo va a ser que va a continuamente Lou, que es realmente aseado. Sí, es impresionante. De lo único que no me gusta, vamos a parar eso. ¿ Esto es un poco de animación de horno largo para mí? Y entonces lo que vamos a hacer es que lo vamos a romper el dedo del pie donde voy a resaltar todos estos fotogramas clave, los arrastré hacia atrás unos segundos y luego acortar nuestra comp. 8. Ajustar comp y añadir la desenfoque de movimiento: por lo que selecciono todos mis fotogramas clave, y luego vamos a tener todo comenzado. Alrededor de siete segundos. Va a ser más rápido. Sí, será perfecto. Entonces iremos Ese primer fotograma clave. Vamos en realidad por el último fotograma clave. Todo sale por 10 segundos. Está bien. Impresionante. Y así ahora lo que voy a hacer es que hay un par de maneras en las que podemos recortar esta longitud de comp hacia abajo. Voy a golpear, y eso lo va a recortar. Y luego haga clic derecho y golpee, recorte, comped, un área de trabajo. Y así entonces puedes hacerlo de esa manera, Otra forma de hacerlo. Yo estoy pegando. Ah, más y menos a ver. Eso sería subir aquí e ir a la configuración de composición de composición y luego escribir en 10 segundos. Y eso sería lo mismo simplemente más rápido de hacerlo haciendo el atajo de usar en. De acuerdo, acabo de ralentizar ese fotograma clave sobre ese último fotograma para que pudiéramos asegurarnos de que funciona. Está bien, así que veamos esto en su conjunto. Es decir, realmente estoy cavando esto, Esto es esto es suave. Entonces vamos a hacer una cosa más. Vamos a añadir lo que llaman es desenfoque de movimiento. Y así cuando muevo la mano, ve cómo no ves cada fotograma o cada parte del mismo, porque hay un desenfoque de movimiento de asesinato en él. Y así en este momento vemos cada pedacito de movimiento. Entonces cuando agregamos en el desenfoque de movimiento, va a ser un poco más intensivo en nuestra computadora. Pero nos va a dar un aspecto realmente genial. Veamos qué parece que va a parar. Eso quiero hacer es bajar aquí, ir a los modos de conmutadores de conmutadores, y luego solo vas a seleccionar un Círculo uno y ellos van a guiones y golpean, cambian y seleccionan eso y luego ven esto aquí mismo, donde hay tres círculos que suben el uno del otro. Ese es nuestro desenfoque de movimiento. Y así ahora sólo porque hayamos seleccionado aquí no significa que lo veamos. Entonces llegamos a subir aquí, habilita el desenfoque de movimiento para todas las capas con el conjunto de desenfoque de movimiento. De acuerdo, entonces ahora que es azul, sabemos que está habilitado. Entonces veamos cómo se ve. Entonces ve cómo está ralentizando nuestra computadora ya porque tiene que poner todos esos desenfocos . Pero una vez que esto se renderiza, realmente vas a notar una gran diferencia porque se va a ver. No quiero decir realista, pero va a darle un poco más de, ah, ah, realismo a nuestra paz. De acuerdo, aquí está. Por lo que solo agrega en apenas la menor cantidad de desenfoque a medida que se mueven a cierta velocidad. Hombre, esto es genial. Ustedes han hecho un gran trabajo. Esta es una gran animación, algo que te vendría bien. Quiero decir, realmente en cualquier lugar. Y lo bueno es que si necesitabas cambiar las palabras o querías hacer de esto una plantilla para tus clientes, solo podrías hacerlo en tu archivo ilustrador. Por lo que solo entras a la capa que quieres cambiar, y podrías hacer eso. Y hay un trabajo mínimo que tienes que hacer en el lado de las secuelas. Siempre y cuando las cosas sean del mismo tamaño 9. Render y comparte: Muy bien, Así que ahora que tenemos nuestra animación exactamente como queríamos aparecer y tenemos configurado el bucle , ajustamos el tamaño de comp. Agregamos un desenfoque de movimiento. Hemos hecho todas estas cosas realmente geniales. Ahora es el momento de exportar esto. Entonces vamos a asegurarnos de que fueron seleccionados en la composición que queremos, que sólo tenemos una composición a la que vamos a pegarle. Impresionante gráfico de movimiento uno. Sí. Asegúrate de que esté seleccionado y vas a ir al archivo yendo a la exportación, y luego voy a usar el codificador de medios. Entonces agrega al codificador de medios de Adobe, y eso va a lanzar encoder. Acostumbrado a eso. Tenías que usar solo los medios Q. Y luego tienes estos enormes archivos que luego agregarías en remolque, encoder, premier o lo que sea, premier o lo que sea, para que pudieras convertirlo en un tamaño de archivo más pequeño. Y así esto lo hace así fue como un paso menos. Vamos a hacer que sea un punto mp cuatro, usa un rapero h 40.264 para ello, y será realmente universal y fácil de usar para que podamos deslizar esto y vamos a ver aquí que es h 0.264 Todavía tenemos nuestra fuente de partido. Eso es todo. Y luego vamos a seleccionar nuestro destino donde tenía escritorio, y lo vamos a llamar justo lo que hemos estado llamando todo lo demás. Y así seleccionarás aquí, y tienes todos estos tipos diferentes de Códice que puedes usar con uno que queremos usar su h 10.264 Es un buen equilibrio entre tamaño de archivo y calidad de video h 0.264 y luego tienes todo tipo y tipos de presets que puedes usar. Simplemente iría con fuente de coincidencia, tasa de bits alta, a menos que haya una razón específica. Entonces si voy a Vimeo o a YouTube, podría usar sus presets. Pero sólo la fuente de coincidencia es buena para mantenerla como de alta resolución. Um, hace que sea fácil usarlo dentro del estreno o lo que sea que vayas a hacer con él. Y luego solo vamos a elegir nuestra ruta de archivo, y ya está configurada para estar en el escritorio. Está bien, bueno, vamos a ahorrar. Y luego tocamos el botón de reproducción. Entonces ahora es que empieza a cargar todo desde después de efectos de lo que va a estar renderizando. Ya verás que se empieza a ir. Y es realmente rápido, en realidad, porque no estamos haciendo nada a intenso no estaban volando un auto, ya sabes, poniendo agujeros de bala a alguien y nada de eso. Sólo estamos haciendo algo de tipografía cinética. Tipografía. De acuerdo, así que ahora que se acabó renderizando está en nuestro escritorio, vamos a ver si podemos encontrarlo. Entonces ahora voy a cerrar. Codificador de medios. Voy a guardar nuestras secuelas por archivo golpeando comando s y luego dejar de comando que oh, y luego tenemos nuestras cosas de ilustrador arriba. Estamos adelante comando que. Voy a tirar de él buscador. Después vamos al escritorio, y luego pude ver mis archivos aquí mismo en el doble. Haga clic Eso lo va a tirar hacia arriba y un tiempo rápido. Y veamos nuestra animación. Entonces si vas demasiado rápido y vas a ver en la parte inferior, puedes ir bucle. Por lo que golpea barra espacial se pone. Tiene ese bonito desenfoque de movimiento y luego se anima. Ahora veamos si los bucles estaban bien, Oh, hombre. Entonces esto es genial. Lo que tenemos aquí es una animación de bucle que puedes usar. Quiero decir literalmente para cualquier cosa. Podría usarlo en la página principal. Podrías usarlo en tu línea de tiempo para redes sociales. Podrías usar un en un en una presentación si querías algo en el dedo del pie de fondo. Sigan adelante. Mantén el interés mientras estás hablando. Es decir, solo hay muchos usos para esto. Y ahora tienes una animación realmente limpia, sencilla que puedes usar en diferentes puntos. Espero que ustedes hayan disfrutado menos de esto. Y asegúrate de que tu subida al proyecto de clase s para que yo pudiera interactuar con ustedes chicos, que yo pueda ver lo que están haciendo Así que ustedes puedan interactuar unos con otros. Me encanta compartir la habilidad la comunidad que han creado. Y no puedo esperar a fomentar esa creatividad con ustedes. No puedo esperar a hacer más clases. Espero que disfruten esto chicos. No puedo esperar a ver qué haces