Animación para el diseño gráfico: crea un video educativo | Carolyn Owsiany | Skillshare
Buscar

Velocidad de reproducción


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

Animación para el diseño gráfico: crea un video educativo

teacher avatar Carolyn Owsiany, Senior UI/UX Designer

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:33

    • 2.

      Proyecto

      1:33

    • 3.

      Tendencias y ejemplos

      2:27

    • 4.

      Conceptos de animación

      2:02

    • 5.

      Guion

      3:24

    • 6.

      storyboard

      9:53

    • 7.

      Diseña tus recursos en Illustrator

      4:55

    • 8.

      Crea tu archivo

      2:17

    • 9.

      Añadir capas de texto

      7:35

    • 10.

      Importar tus recursos

      5:11

    • 11.

      Cómo añadir animación

      4:00

    • 12.

      Animar: parte 1

      4:48

    • 13.

      Animar: parte 2

      9:40

    • 14.

      Revisar y ahorrar

      3:32

    • 15.

      Extra: agregar sonido

      2:49

    • 16.

      Otras aplicaciones

      2:12

    • 17.

      Conclusión

      1:38

  • --
  • 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.

1441

Estudiantes

4

Proyectos

Acerca de esta clase

¿Te interesa mejorar tus habilidades de diseño gráfico para añadir el toque de *magic* a tu trabajo?

El mundo del diseño gráfico está moviendo rápidamente en una dirección más animada. Las frases de frases de frases en y fuera, iconos que rebota en la pantalla para imágenes atractivas que no es animar. ¡Añadir movimiento a tus diseños aporta nuevo significado a tu mensaje! E aprendizaje incluso de la animación te permite mantener al ritmo de las más últimas tendencias de marketing y redes sociales.

image%2705 

Durante toda esta clase, aprenderás a hacer :

  • Bocetos y storyboard tus ideas
  • Crea y organiza activos de diseño personalizados en Adobe Illustrator
  • Diseña y compone tus elementos gráficos en Adobe After Effects
  • Ahorra tu video final para compartir con tu red!

Crear un video educativo de animación súper de 15 segundos para hacer tus manos en animación para el diseño gráfico.

image%2Fum%221 21 de la imagen 2 

Esta clase es con los creativos con un fondo de diseño que quiere agregar una habilidad casi esencial y animación, a su kit de herramientas de diseño. No se necesita conocimientos de animación anteriores, y tendrás que acceder a Adobe After Effects e Illustrator.

Para ayudarte a empezar en la animación, te daré clases de animación introductorias y Adobe Effects para que te familiarices con la aplicación, una hoja de trabajo para que te hagas tu mente en la animación y consejos y procesos que necesitarás de empezar a desarrollar tu conocimiento de gráficos de movimiento.

Cuando vayas listo, habrás aprendido habilidades en la elaboración de storyboard, animar elementos de diseño y componer en una línea de tiempo que aumenten tus habilidades de diseño gráfico tradicional.

Esta clase es una introducción a la gráficos de movimiento desde la perspectiva de un diseñador gráfico. Si quieres seguir desarrollando tus habilidades de animación, te recomendamos participar en estas clases próxima:

¡Dibujamos divertidos de diseño y comienza a empezar!

Conoce a tu profesor(a)

Teacher Profile Image

Carolyn Owsiany

Senior UI/UX Designer

Profesor(a)

I'm Carolyn Owsiany, a curious designer who loves exploring the world through design and sharing lessons I've learned with the creative community.

Learning is one of my favorite activities. I went to the Stamps School of Art & Design at the University of Michigan where I earned my BFA in Art & Design. I've learned a lot as a senior graphic and UX/UI designer and continue growing by completing certificate programs and volunteering in the design community.

Along the way, I have picked up skills in hand lettering, photography, animation, and videography over the years with the help of platforms like Skillshare.

Check out my portfolio at www.carolynowsiany.com to see what I've worked on. I look forward to getting to know you :)

Carolyn

Ver perfil completo

Level: Intermediate

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: [ MÚSICA] ¿Eres un diseñador gráfico que quiere experimentar con la animación, quieres subir de nivel tus habilidades de diseño para darle un toque de magia a tu trabajo? Agregar movimiento a tus diseños trae nueva emoción y significado a tu trabajo mientras se mantiene al día con las últimas tendencias de marketing y redes sociales. Soy Carolyn, una diseñadora gráfica que siempre está buscando aprender nuevas habilidades, técnicas y softwares para ayudar a mejorar las habilidades de diseño que he estado practicando desde hace años. Al inicio de la pandemia decidí enseñarme animación por fin. A pesar de que realmente me sacó de mi zona de confort fue intimidante y aterrador aprender por completo una nueva mentalidad. Fue realmente gratificante y aportó mucho valor a mis habilidades de diseño y me dio una nueva habilidad que puedo usar en mis proyectos todos los días. Por eso me estoy rompiendo y compartiendo los consejos que aprendí y me pareció más útil en mi viaje de animación contigo en esta clase. Aprenderás a escribir un sencillo guión y guion gráfico tus ideas. Utilice un proceso de diseño aerodinámico. Los visuales personalizados de anime aplican estas nuevas habilidades y otros proyectos creativos. Para ensuciarte las manos en la animación hoy vamos a hacer un proyecto súper corto de clase fácil que sólo va a ser un video educativo de 15 segundos para ayudarte a aliviarte y sentirte confiado en tu nuevo habilidades de animación. Esta clase es para creativos con un fondo de diseño que quieran agregar una habilidad casi esencial, animación a su kit de herramientas de diseño. No se requieren conocimientos previos de animación pero necesitarás acceso a Adobe After Effects e Illustrator para comenzar con nuestro proyecto. animación puede parecer realmente complicado e intimidante pero por eso estoy aquí para brindarte las herramientas necesarias para ayudarte a sentirte seguro con tu nueva habilidad. Proporcionaré una introducción a la lección de After Effects para darle la bienvenida a la aplicación, una hoja de trabajo guiada para presentarte la mentalidad de animación y los consejos y procesos que necesitarás para construir su conocimiento de gráficos en movimiento. Cuando hayas terminado con la clase habrás aprendido tantas nuevas habilidades esenciales de narración y animación que solo subirán de nivel tus habilidades de diseño gráfico tradicional que ya tienes. Vamos a divertirnos y movernos. [ MÚSICA] 2. Proyecto: Tu proyecto de clase hoy será crear un video educativo animado súper simple y corto de 15 segundos para enseñar a tus compañeros de clase algo en lo que eres un experto o algo que te apasiona y quieren concienciar a. Pasaremos por los siguientes pasos digeribles. Primero, mira algunos videos de ejemplo para tener una idea de en qué dirección quieres tomar tu propio video. Entonces harás algunos bocetos y notas en tu hoja de trabajo guiada que te proporcionaré para presentarte la mentalidad de animación. Entonces te animarás a través de un proceso aerodinámico paso a paso para facilitarte en tus nuevas habilidades. Entonces nos vamos a divertirnos, por supuesto, jugando con tus nuevas habilidades y crear tu video de 15 segundos que puedas compartir con tu red. Cuando hayas terminado, vas a subir tu proyecto de video y todas tus notas que te llevaron hasta la sección de galería del proyecto. Todo lo que necesitas para empezar en este proyecto es la hoja de trabajo guiada que proporcioné o un pedazo de papel y lápiz en blanco y luego acceder a Adobe After Effects y Adobe Illustrator. como mencioné, proporcioné una hoja de trabajo guiada aquí en la sección de proyectos y recursos. Usa esto para escribir tu guion gráfico corto tus ideas y hacer notas medida que inicias tu proyecto de video. No puedo esperar a ver cómo exploras la animación y aprendes de ti en tu video educativo. Empecemos. 3. Tendencias y ejemplos: [ MÚSICA] Antes incluso de saltar a tu proyecto, quiero compartir contigo algunos videos de ejemplo de lo que quiero decir, cómo incorporas la animación a los videos, cómo animas tu trabajo de diseño, y diferentes formas en las que puedes contar una historia a través de tu animación. En este primer ejemplo, animación muestra cómo funciona un producto mostrando cómo funciona este juguete para perros para el perro, y luego animando en algunos puntos de bala que explicaron los beneficios del producto. Este ejemplo en el sitio web de Pentagram muestra cómo un usuario puede desplazarse hacia abajo en un sitio web y cómo debe aparecer el diseño a medida que se está desplazando. Es así como los diseñadores pretendieron ver el sitio web . En este siguiente ejemplo se muestra cómo animación puede llevar conciencia a una causa. Este breve video en Instagram muestra solo texto y video, súper simples, pero las palabras se animan en, y es un poco más dinámico que solo leer subtítulos aburridos. Aporta más acción y significado al contenido de video que se está mostrando. A continuación se presenta animación para visualizar datos y estadísticas. Los datos pueden ser muy complicados, y esto es solo una mirada a cómo los diseñadores diseñaron los datos. Se mueve bastante rápido, pero la idea es mostrar los datos de una manera muy dinámica en movimiento. Entonces este último ejemplo es animación para educar tus espectadores explicando un concepto o un tema. Este es en realidad un video de TED-ed que explica qué es el trastorno bipolar. Hace un trabajo realmente genial visualizando los conceptos que se están hablando en este formato de voz sobre narrativa. ¿ Te puedes pensar en algún video de ejemplo que realmente te llamó la atención? ¿ Por qué te destacan? Tal vez, ¿cómo puedes imitar la animación, y el movimiento, y los efectos que crearon en tus propios videos? [ MÚSICA] 4. Conceptos de animación: [ MÚSICA] Cuando estás animando, tienes que pensar en el diseño, el movimiento y el tiempo, y cómo se unen todos para contar una historia. Veamos un ejemplo de un archivo de secuelas y veamos cómo estos diferentes elementos, tiempo, movimiento y diseño se van a unir en ese archivo solo podamos acostumbrarnos a los efectos posteriores antes de que nos realmente entrar en ella más tarde. En este panel de vista previa donde vemos somos el motor de descubrimiento de drogas para ALS, ahí es donde realmente te vas a enfocar en tu diseño y ver todas tus piezas en tu composición se unen. Entonces te enfocarás en tu panel de capas para descubrir el movimiento. Por último, trabajarás en tu panel de línea de tiempo para averiguar el momento del diseño y el movimiento. Aquí están los movimientos básicos muy simples con los que puedes crear y trabajar en secuelas. Posición, puedes crear un efecto de rebote, puedes mover tus objetos alrededor de la composición. También tienes escala. Puedes hacer algo más grande, puedes hacer algo más pequeño, puedes crear este efecto de zoom, alejar. Entonces tienes rotación, que es donde puedes girar las cosas alrededor y hacer cosas aparezcan como si estuvieran rodando. Por último, tienes opacidad, que no es realmente un movimiento, pero básicamente está creando este efecto de desvanecerse, desvanecerse para ti. Puedes combinar opacidad, escala, rotación y posición para hacer efectos aún más dinámicos con tu animación. Piensa en cómo puedes usar la animación para contar una historia cercana a ti. Empieza a pensar en el tema que quieres abordar en tu proyecto de video corto. [ MÚSICA] 5. Guion: [ MÚSICA] Ahora vamos a empezar en el primer paso de hacer tu video animado, y eso va a ser para escribir un guión. ¿ Qué hace un buen video educativo? Cuentacuentos. Tenemos que juntar nuestra historia antes de que incluso podamos pensar en el diseño. Aquí hay un formato de ejemplo que hago mis guiones según. Un gancho, luego un explicador, y por último, un llamado a la acción. Tu gancho es una declaración que llama la atención. Tu explicador es la información de apoyo para tu gancho, y tu llamado a la acción debe decirle gente exactamente qué hacer a continuación. Para mi tema de hoy, me voy a centrar en la ELA. Es una enfermedad fatal de la que no mucha gente conoce, así que realmente quiero explicar de qué es, y conseguir que la gente aprenda más al respecto. Para mi gancho, voy a escoger una estadística realmente interesante y discortante. ¿ Sabías que una de cada cuatro personas desarrollará ELA? A lo mejor alguien no sabe qué es la ELA. Voy a dar seguimiento a eso con mi explicador, o mi información de apoyo. Eso es genial, explica muy concisamente qué es la ELA. Ahora voy a incitar a la gente a tomar una acción aquí. Les voy a decir exactamente cómo aprender más, y a dónde ir para saber más sobre la ELA. Simplemente voy a decir, aprender más en www.als.net , y eso es todo. Este será el guión perfecto para mi video de 15 segundos. Es super corto, directo al grano, y realmente tiene un buen gancho, creo, tiene una buena información de apoyo, y luego le dice a la gente exactamente a dónde ir al lado para saber más información. Quieres mantener tu historia y tu guión realmente corto y dulce. Este es solo un video de 15 segundos, por lo que no quieres escribir una novela entera aquí. Este es casi un video de intro teaser sobre el tema que estarás eligiendo. Ahora es tu turno. Saca tu hoja de trabajo, y prueba una lluvia de ideas sobre tu tema y lo que quieres decir sobre ese tema en formato de script. Piensa en qué eres un experto, en lo que te apasiona. continuación te presentamos un par de ejemplos de cómo podrías escribir un guión y algunos temas. Por ejemplo, si realmente amas el maquillaje. Encuentra tu tono perfecto de rubor, coincide con el color a tus labios y deslízate sobre las manzanas de tus mejillas. Después ve más tutoriales en mi canal de YouTube, Makeup Master. Si tal vez tienes una tienda Etsy donde vendes topes personalizados en forma de perro, quieres incluir a tu perro una manera especial el día de tu boda, pide una figura personalizada de tu perro para usar como adorno de pastel, y luego visita hoy mi tienda Etsy. Escoge tu tema y comienza a escribir tu guión corto en la fórmula de hook, explainer, y llamada a la acción, antes de que empecemos en tu storyboard en la siguiente lección. [ MÚSICA] 6. storyboard: [ MÚSICA] Ahora que tienes tu guión, vamos a bajar a lo que probablemente estés más emocionado. Eso es lo visual y las imágenes de apoyo que realmente va a levantar tu guión y ayudar a contar tu historia en tan solo 15 segundos. Aquí hay un ejemplo de un cuadro de guion gráfico con el que he usado para hacer un video animado con antes. Te voy a mostrar la progresión de cómo el dibujo y la idea empezaron todo el camino hasta cómo lo animé. Este marco de guion gráfico solo muestra algún texto que casi actúa como un subtítulo en la parte inferior. No escribí toda la línea de texto aquí, pero anoté qué línea del guión quería decir aquí. Entonces apoyé esa línea del guión con imágenes por encima de él. Utilicé colores aquí para notar cómo quería que los elementos se mudaran al marco, salieran del marco, y luego se muevan dentro del marco. Entonces escribí una pequeña nota debajo del marco. Se puede ver el botón de inscripción movido de la izquierda, derecha hacia el medio, como lo dibujé en el guion gráfico. Una vez que el ratón se movió a su posición sobre el botón de inscripción, quería que creara un efecto de clic. Entonces cuando todo eso se hizo, el botón de inscripción y el ratón se movieron hacia la derecha fuera del marco. Dibujar y dibujar primero tus ideas puede realmente ayudarte a traducir tus pensamientos e ideas cuando te metes en las etapas de animación. Quiero que empieces con tu hoja de trabajo o tu trozo de papel en blanco y dibujas tus composiciones y cómo quieres que vean tus diferentes marcos en tus videos. Vamos a empezar con solo usar tres de estos rectángulos. Puedes etiquetarlos 1, 2, 3 si eso te resulta útil. Entonces tu primer marco va a ser tu frase de gancho, tu segundo marco va a ser tu frase explicativa, y luego tu tercero va a ser tu sentencia de llamada a la acción. Básicamente, lo que quiero que hagas es simplemente tomar lo que escribiste en tu guión y usar eso aquí. Voy a mantener mi guión muy cerca y referirme a eso ya que estoy empezando a bosquejar cómo quiero que se vea mi video. Quiero que escribas tu guión realmente grande en tu composición. Asegúrate de que tu texto esté dominando tu composición y esté realmente alto en tu jerarquía de diseño aquí. Entonces puedes entrar y agregar visuales de apoyo. Tengo aquí mi estadística, mi de cada 400 personas y creo que quiero visualizar eso. Para que así la gente pueda leerlo y luego pueda ver lo visual y reforzar el de 400 número que están leyendo. Voy a dibujar a una persona que está en el centro de mi composición aquí. Entonces creo que sólo voy a copiar a este tipo, una vez que vaya a la computadora, será muy fácil. Básicamente, sólo tiene que añadir 400 copias de él. Entonces voy a pasar a mi segundo fotograma y hacer lo mismo. Mi texto va a ir justo en el centro. Va a ser grande. Vuelve a retomar mucha de la composición, igual que lo hice en el primer fotograma. Pero entonces voy a cambiar alrededor los visuales para otra vez, representar esta línea del guión. Es un poco difícil ilustrar músculo neurodegenerativo progresivo, todas esas cosas. Voy a tratar de mantenerlo muy conciso como mi guión. Voy a tener otra vez a un chico figura de palo y luego voy a hacer un tipo similar pero en silla de ruedas. Eso ojalá consiga la parálisis, debilidad muscular a través de esta visual. Entonces creo que quiero tratar de representar aquí la línea progresiva agregando tal vez en gradiente y tal vez empieza oscuro en el fondo y luego se vuelve más ligero y más ligero con el tiempo. A lo mejor animo eso para que se mueva. Es realmente claro que algo se está moviendo en esa dirección. Aquí tengo mi llamado a la acción. Creo que voy a mantenerlo súper simple y tal vez ni siquiera añadir ningún visual aquí para ayudar con eso. Yo sí incluí otros marcos aquí. Puedes hacer, por ejemplo, un logotipo rápido o algo al final que viene después de tu llamada a acción que puede ser se desvanece simplemente muy rápido. Realmente no cuenta como parte de tu guión. Es sólo un visual súper corto. Al igual que en cualquier otro proyecto de diseño que quieras pensar en la composición. En tu storyboarding asegúrate de que cada pequeño rectángulo en el que estás dibujando sea su propia composición. Quieres que esas composiciones se reúnan al final para contar una historia. Eso es lo que creo que es un poco especial y más desafiante sobre el video y la animación, es que hay que hacer varias imágenes para construir para contar una historia cohesiva. Eso es en lo que quiero que te concentres mientras estás storyboarding. Ahora que tenemos nuestras composiciones de storyboard dispuestas y estamos contentos con ellas, en realidad vamos a hacer notas sobre cómo pensamos que queremos que estas cosas se animen dentro de los marcos. Me gusta hacer eso agarrando tres lápices de colores o marcadores o algo para anotar diferentes movimientos. Voy a hacer una pequeña llave para mí por aquí. Voy a hacer que el azul esté entrando en marco. Porque tenemos que transitar todos estos de un fotograma a otro a otro. Tienes que pensar en cómo se van a mover las cosas dentro y fuera de tus marcos. Voy a decir fuera de marco. Nuevamente, solo haz tus notas rápidas en los márgenes aquí. Entonces el amarillo que me gustaría usar para el interior del marco. Porque realmente no interrumpe tus imágenes dentro del marco porque el amarillo es un color tan claro. Básicamente, creo que quiero que la posición empiece no completamente fuera de la página, sino solo ligeramente a la izquierda. Entonces quiero que mi texto se desvanezca. Quiero combinar los dos movimientos de la posición y la opacidad puede desvanecerse y moverse un poco adentro. Voy a escribir una pequeña nota a continuación en mis márgenes aquí. Voy a decir muévete y desvanecerse. Ahora voy a pensar en cómo quiero que las cosas se muevan dentro de mi marco. Básicamente, quiero enfatizar este, uno de cada 400 tipo. Sólo quiero que básicamente crezca o escale de todos estos chicos a su alrededor. Voy a decir escalar. Entonces cómo se mueven fuera del marco. Creo que sólo quiero que todo esto se caiga. Todo este marco va a parecer que sólo se está cayendo. Entonces ahora que he establecido mis movimientos consistentes que quiero con mi fade in y me muevo, voy a usar ese movimiento y repetir ese movimiento consistentemente en todos mis fotogramas. Eso va a ser agradable empatar esta historia y simplemente hacer el foco en tu texto y tu mensaje, y no en alguna animación dinámica loca, movimiento funky. Realmente se trata de tu mensaje y tu historia, no de algún efecto raro loco que estás tratando de hacer. Tengo mi guión, tengo mi storyboard, y todas mis notas sobre cómo quiero que los elementos de mi storyboard se muevan a lo largo mi animación una vez que llego a mi computadora. Si estás trabajando en un proyecto de animación con un equipo, es realmente útil e importante para storyboard porque así es como compartes y comunicas tus ideas antes de que incluso empieces en el computadora. Termina tu storyboard, escribe cualquier nota que necesites recordar antes de entrar en la computadora. Pasaremos a la siguiente lección y comenzaremos a diseñar tu video. [ MÚSICA] 7. Diseña tus recursos en Illustrator: [ MÚSICA] Ahora que tienes tu storyboard, empecemos a diseñar. Antes incluso de entrar en After Effects, el siguiente paso que me pareció realmente útil en este proceso es construir todos sus activos en Adobe Illustrator. Eso va a ser importante porque en After Effects es realmente difícil dibujar cosas para construir ilustraciones realmente complicadas. Es necesario preparar todo eso y todos esos expedientes antes de tiempo. Si no quieres dibujar gráficos vectoriales o ilustraciones en Illustrator, siéntete libre de omitir esta lección y recoger otras fotos o metraje de video que puedes usar como visuales en tu video. Vamos a crear nuestro nuevo archivo Illustrator en el formato de película y video. Eso es 1,920 píxeles de ancho por 1.080 píxeles de altura. Vamos a crearlo un nuevo nombre para nuestro archivo, y luego todo el resto de los presets deberían ser buenos para ir. Abre eso y crea tu nuevo archivo. Si realmente te estás preparando para hacer una enorme animación de video, podría ser útil hacer una lista de verificación de todos los pequeños iconos, todos los activos visuales que necesitarás para preparar antes de empezar a animar. Necesitaría crear a mi pequeñito y el primer marco y luego versiones más pequeñas de eso. Necesitaría crear la figura de palo completo y luego la figura de silla de ruedas también. Entonces porque quería que ese degradado se moviera en segundo plano, creo que voy a crear eso en Illustrator. Agregaremos nuestras capas de texto en la siguiente lección y After Effects. De esa manera sólo será más fácil editar si necesitamos hacer algún cambio. Tienes tu lista ya sea anotada o en tu cabeza de todos los componentes que necesitarás hacer. Simplemente entra en Illustrator y empieza a diseñar todos esos elementos. Una cosa en la que tendrás que pensar es en cómo quieres que las piezas se muevan separadamente unas de otras. Por ejemplo, si tengo una ilustración de tarro y en mi video quiero que mi tarro se separe de la tapa o quiero parecer que estoy quitando el plomo. Necesito hacer el tarro y la tapa dos piezas separadas para que así puedan separarse cuando las estoy animando. Ahora tengo todos mis elementos que ya escribí en mi storyboard. Ahora voy a organizarlos. Todos están en capas separadas por lo que puedo llegar a ellos fácilmente como componentes individuales en After Effects. Este proceso se trata de las capas. Sólo voy a copiarlos y pegarlos en sus propias capas. [ MÚSICA] Entonces todos estos deben ser su propia capa de nivel superior. No hay nada escondido debajo de ellos. Me siento confiado en llevar esto a After Effects en la siguiente lección. Si quieres crear algo que sea un poco más dibujado a mano o sensación natural, siempre puedes dibujar en tu iPad y Adobe Fresco, y luego llevar tus ilustraciones de tu iPad a Illustrator y organízalos de la misma manera que estamos hablando de organizarlos en cada capa. Una vez que hayas terminado de diseñar tus activos en Illustrator, vas a asegurarte de que todo esté organizado y triple-check antes de traerlo a After Effects. Para ello, quieres asegurarte de que cada pieza individual de tus ilustraciones esté en diferentes capas. Entonces quieres asegurarte de que no haya capas ocultas dentro de esas capas. Todas ellas necesitan ser una capa de nivel superior y todas las capas necesitan ser nombradas apropiadamente. Expande tus formas y líneas para que no se alteren por la línea. Luego usa la herramienta Buscatrazos para crear una forma por capa para consolidar todos tus gráficos. Una vez que hayamos terminado de crear esas capas, organizar esas capas, y nombrarlas apropiadamente. Vamos a asegurarnos de que todas las capas estén encendidas y visibles. Las capas tienen que ser visibles para que After Effects las reconozca una vez que importamos ese archivo en un minuto. Asegúrate de tener todos tus elementos de diseño en tu archivo de Illustrator y listo para ir en la siguiente lección donde entraremos en After Effects. 8. Crea tu archivo: [ MÚSICA] La mayoría de las veces de todos modos, construí completamente todo para mis videos animados desde cero. Estoy construyendo cada último fondo, un pequeño trozo de ícono que anima, y estoy escribiendo sobre un pedazo de texto. Es mucho y puede ser un proceso abrumador. Vamos a descomponerlo en pasos fáciles para que puedas estar seguro de entrar en tu proyecto. El primer paso en nuestro proceso de animación va a ser configurar su archivo de After Effects. Primero, vamos a abrir After Effects e iniciar un nuevo archivo o composición. Vamos a hacer clic en “Nueva composición” aquí y una ventana llamada Configuración de composición debe salir para ti. Vas a nombrar tu composición. [ RUIDO] Vamos a establecer el ancho a 1920 píxeles, la altura a 1080 píxeles, y de esa manera estamos obteniendo la tradicional relación de aspecto 16:9. El ritmo de fotogramas es de 30 cuadros por segundo. La resolución está llena. Entonces vamos a revisar para ver cuánto tiempo tenemos aquí. Vamos a empezar nuestro tiempo en cero, sólo para asegurarnos de que todo diga cero, y luego solo vamos a hacer aquí un video de 15 segundos. Simplemente póngalo en 0:00:15:00. Entonces solo establece el color de fondo en blanco, y podemos hacer formas y fondos para cambiar eso más adelante si quieres. Se ve genial, vamos a golpear “Okay”, y ahora tenemos nuestra composición After Effects. Te das cuenta que hice la composición con Ed Video como título, pero aquí arriba en el proyecto, dice Untitled Project. Antes de que incluso realmente empecemos, voy a hacer Comando Shift S o Comando S y hacer un rápido Guardar como. Ahora, comencemos. [ MÚSICA] 9. Añadir capas de texto: [ MÚSICA] Empecemos nuestro proyecto y después de los efectos simplemente agregando nuestras capas de texto. Simplemente vamos a escribir tu guión. Para agregar nuestras capas de texto, vamos a ir aquí en este panel Capas y vamos a hacer un clic derecho. Entonces en la parte superior aquí tenemos nuevo texto. Eso nos va a dar esta nueva capa de texto aquí. Preciosa. Sólo puedo empezar a escribir aquí. Voy a referirme a mi guión. Sólo voy a arrastrar esto aquí. Gotham Narrow se ve bien. Voy a hacerlo más grande para coincida con cómo se ve en mi storyboard que presenté. Mi storyboard, realmente priorizé el texto en mis visuales porque ese es el tipo de video educativo que estamos haciendo. Estamos confiando en ese texto para contar nuestra historia. Escogí la fuente que quería. Escogí el tamaño y lo coloqué en mi composición en base al storyboard que creé. Creo que este texto podría ser demasiado grande. Necesito hacer espacio para mis iconos de la gente pequeña, y no sé si cabrán alrededor de este gran texto. Voy a tratar de volver a trabajar un poco ese texto para hacer un poco más de espacio para las imágenes. Creo que esto se ve bien. Agrega un poco más de espacio para algunas imágenes a su alrededor mientras aún se centra en el texto. Ahora que tengo mi primera pieza de gancho de mi guión diseñada en la composición, simplemente voy a duplicar esto para crear mis otras dos líneas en mis guiones, mi explicador y mi llamado a la acción. Sólo voy al Comando C y al Comando V para copiar y luego pegar. Voy a asegurarme de que estoy en mi segunda capa aquí y luego voy a escribir en la segunda parte de mi guión. Tengo esto escrito , pero obviamente, se ve realmente incómodo y superpuesto. Eso se debe a que estas dos capas aquí en su línea de tiempo se superponen entre sí. Básicamente, lo que vamos a tener que hacer a lo largo todo este proceso es reducir las capas, lo que significa que lo llevaré a esta marca de dos segundos. Eso significa que esta capa durará dos segundos y luego desaparecerá. Creo que probablemente va a tomar a la gente más de dos segundos leer esto. Creo que le daré cuatro segundos y solo ver cómo va eso. Estos no se superponen, voy a arrastrar esto a la marca de cuatro segundos. Ahora tenemos nuestra primera capa de texto o un gancho y un guión. Entonces pasa a la parte explicativa en nuestro guión. Entonces puedo volver a trabajar esta línea en la composición ahora que en realidad puedo verla correctamente. Me encuentro con un tema aquí con la segunda línea en mi guión, es significativamente más largo que mi primera línea en mi guión, que no me deja mucho espacio para colocar mis imágenes alrededor de ella. Como pueden ver, estoy saltando de capa en capa para asegurarme de que mi texto sea consistente. Quiero tener un espaciado similar o del mismo tipo de tamaño en todas mis capas de textos para mantener esa consistencia para cualquiera que esté leyendo el video. Ahora voy a añadir mi llamada a la capa de acción. Nuevamente, una de mis otras capas de textos, voy a hacer el Comando C, Comando V para copiar y pegar. Sé que voy a encontrarme este tema con solapamiento, así que voy a hacer click en la segunda capa o en la segunda línea de nuestro script. Sólo voy a traer eso y llevar esta tercera capa a 10 segundos, digamos. De esa manera no se superponen y puedo trabajar claramente en esta tercera capa sin ninguna distracción. Tengo mis tres capas de textos en mis scripts integrados en mi archivo de secuelas. Voy a hacer un Comando S rápido para salvar. Asegúrate de hacer eso a menudo para que no pierdas nada de tu trabajo. Una vez que hayas agregado tu texto, asegúrate de reproducir tu video de nuevo. Ver si cada línea de texto da tiempo suficiente para una lectura cómoda. Esta cabeza de juego o la línea azul aquí en tu línea de tiempo fuera al extremo izquierdo, así que estamos en cero en tu video. Entonces vamos a golpear la barra espaciadora para presionar Play, leer en voz alta tus textos. Voy a decir, ¿sabías que una de cada 400 personas desarrollará ELA? La ELA es una enfermedad neurodegenerativa progresiva que conduce a debilidad muscular y parálisis. Conoce más en als.net. Mi segunda línea cayó un poco de prisa. Una cosa que noté cuando estaba viendo el video a través es que, mi segunda capa y mi primera capa se superponen. Voy a acercar aquí con estos dos pequeños iconos de montaña en la parte inferior aquí y voy a acercar y simplemente asegurarme de que estos no estén superpuestos. En este momento no estoy sosteniendo la tecla Shift y me cuesta aterrizar justo al final de esa capa. Voy a mantener presionada mi tecla Shift y se ajusta bien a la otra capa. Eso es algo a tener en cuenta cuando estás moviendo tus capas alrededor en tu línea de tiempo. Genial. Tienes el inicio de tu video básico, animación básica aquí con tus capas de texto. Ahora, si quisiera un fondo coloreado, en lugar de solo un fondo blanco y un texto oscuro, podría hacer clic aquí mismo en mi panel Capas y agregar aquí una capa sólida. También puede agregar en una capa de forma u otras opciones de capa aquí, más capas de textos. Pero sólo voy a añadir en una capa sólida aquí. Pero ya ves que ahora está sentado encima de todas mis capas de texto. Simplemente voy a arrastrarlo hacia abajo en mi panel de capas hasta la parte inferior. Tendría que ajustar mi color de texto obviamente, pero así es como se crea una capa de fondo. Organice sus capas de textos en su línea de tiempo para permitir esa lectura cómoda. Pasaremos a sumar nuestros otros elementos visuales en nuestra próxima lección. [ MÚSICA] 10. Importar tus recursos: [ MÚSICA] Genial, ya has configurado tu expediente. Ya conoces los conceptos básicos de cómo se configuran los efectos después y ya has agregado tus capas de texto. Ahora vamos a dar un paso más allá e importar el archivo de Illustrator para incluir nuestros otros visuales de apoyo. Ahora vamos a volver atrás y agarrar esas capas que diseñamos en Illustrator. Vamos a hacer eso subiendo a Archivo, Importación, Archivo. Vamos a encontrar nuestro archivo de Illustrator, da click en eso. Vamos a bajar a importar como y queremos composición y retener tamaños de capa. De esa manera todo entrará como capas en nuestro archivo de secuelas. Se ve muy bien, así que vamos a hacer clic en “Crear” y te darás cuenta aquí en tu panel de proyecto ahora tienes tu archivo de Illustrator aquí como una composición que aparece como estas pequeñas formas. Entonces tenemos una carpeta separada con todas nuestras capas dentro. Vamos a hacer click hacia abajo para mostrar nuestras capas y ahora podrás ver todas tus capas que diseñaste en Illustrator. Eso se ve genial. Lo que vamos a hacer es que vamos a hacer clic en tu capa y agarrarla, arrastrarla hacia abajo al panel de capas en after effects. Ahora ves tu primera capa de Illustrator. Se ve muy bien pero sí se ve un poco pixelado. Lo que vamos a hacer es que vamos a hacer clic derecho sobre la capa, vamos a golpear “Crear”, crear formas a partir de capa vectorial. Esta es una capa vectorial o debería estar en tu archivo de Illustrator. Queremos retener esas propiedades para permitirte cambiar fácilmente el color y escalar fácilmente las cosas hacia arriba y hacia abajo sin que el ícono o la ilustración se desmoronen. Ahora se ha creado una capa separada y oculta tu capa original de Illustrator. Simplemente voy a eliminar la capa de Illustrator porque ya no necesitamos eso, así que voy a hacer clic y eliminar. Entonces tenemos nuestra primera capa aquí. Mira hacia atrás tu storyboard y coloca tu primera capa en la composición, cómo planeaste originalmente en tus bocetos. Voy a asegurarme de que esté alineado en el centro pasando al panel de alinear y alinear las capas a la composición. Ahora se ve genial y centrado así que solo voy a seguir arrastrando en estas capas de ilustrador para crear nuevas capas en mi panel de capas. [ MÚSICA] Tengo todas mis capas de Illustrator importadas en mi panel de capas. Los tengo organizados para que los visuales que van con la primera línea de mi guión se agrupen aquí. Los visuales que van con mi segunda línea de mis scripts se agrupan aquí y luego no tenía ningún visual para ir con mi última línea de mi guión. Al igual que lo hicimos en nuestras capas de texto, vamos a mover nuestras capas para que no se superpongan. Recuerde que si mantiene pulsada la tecla Mayús mientras mueve sus capas en su línea de tiempo, se ajustará para que coincida con sus otras capas. Si tuviera fotos y videos que quería importar en efectos posteriores para usar como mis activos visuales, podría hacerlo de la misma manera subiendo a Archivo, Importar archivo. Puedo encontrar mis archivos fotográficos o mis archivos de video y abrirlos. Aparecerán justo con nuestros otros activos visuales en nuestro panel de proyectos. Entonces simplemente los arrastramos hacia abajo y los juntamos con el resto de nuestras capas. Arrastraré esto para que coincida con el momento de la parte de mi guión con la que quiero que empareja. Entonces lo colocaré en la composición como quiero que se vea. Creo que eso agrega un buen poco de información e interés visual a este texto aquí mismo. Creo que en realidad podría quitar la foto por ahora y jugar con eso un poco más tarde. [ MÚSICA] Ahora ya puedes ver tengo sólo los huesos simples de mi video aquí. Es casi como una presentación de diapositivas o una presentación de PowerPoint. Ahora tenemos que entrar y suavizar las cosas y sumar en nuestra animación. [ MÚSICA] 11. Cómo añadir animación: [ MÚSICA] Antes de empezar a animar nuestros videos, echemos un vistazo rápido a cómo vamos a agregar animación en After Effects. Haremos esto cambiando nuestros controles de propiedad en nuestro panel Capas y usando fotogramas clave en nuestro panel Línea de tiempo. Vas a decirle a tus capas cómo quieres que se animen con propiedades. Esto es algo de lo que hablamos en la lección de conceptos de animación con nuestros controles de rotación, opacidad, posición y escala. En este momento solo se pueden ver sólo estas tres capas realmente simplemente. Lo que vamos a hacer es revelar las propiedades. Vamos a hacer click en esta pequeña flecha aquí, por lo que cae más información. Vamos a hacer click en Transformar y ahí es donde vamos a transformar nuestras capas y sumar nuestras animaciones. Aquí tenemos esas propiedades que mencioné anteriormente y digamos que quería que esto se moviera ligeramente hacia la derecha. Voy a hacer clic en el icono del cronómetro para iniciar la animación y eso agrega un fotograma clave en mi panel Línea de tiempo. Voy a hacer clic en unos fotogramas hacia fuera porque creo que la animación sólo debe ser unos pocos fotogramas rápidos. Siempre puedo cambiar esto después, pero voy a agregar un pequeño fotograma clave. Mi animación va a tener lugar desde el primer fotograma clave hasta el segundo fotograma clave, pero no he cambiado ninguno de los valores aquí con los números o arriba en el panel Vista previa. No se mueve, no está haciendo nada todavía. Necesito decirle que se mueva. Quiero que mi texto termine en esta posición, así que voy a dejar este fotograma clave aquí en este valor, entonces voy a volver atrás y con este primer fotograma clave, cambiaré este valor para que sea un poco más a la izquierda. Puedo hacer eso aquí arriba en el panel Vista previa, ves que cambió el valor aquí abajo. Creó esta pequeña línea aquí que apenas se puede ver apenas, pero debido a que la movía, sacó una línea desde el punto de anclaje de la capa a donde quería que se mueva. Ahora voy a jugar esto, cambiar de nuevo para encajar esto aquí, así que se movió apenas un poco como lo quería. Empezó un poco a la izquierda y luego se trasladó a la derecha a donde lo quiero y donde lo tenía en la composición antes. Ahora que tenemos estos fotogramas clave, este movimiento, y la posición, y nuestro cronómetro encendido, si volvemos a hacer clic en el cronómetro, eliminará todos sus fotogramas clave. Intenta no hacer clic en el cronómetro a menos que quieras eliminar todas tus animaciones dentro de esa propiedad. Si quisiera que esta animación tardara más tiempo y realmente despacio me mueva de izquierda a derecha, simplemente puedo hacer clic en este fotograma clave y luego moverlo unos fotogramas hacia abajo y ahora se está moviendo mucho más lento. Todo solo depende del efecto que vayas a buscar. Si quieres que algo sea desconcertado y repentino o si quieres que algo sea suave y relajado. En la siguiente lección, volveremos a animar con esas propiedades como acabas de ver y realmente entraremos en hacer tu animación. [ MÚSICA] 12. Animar: parte 1: [ MÚSICA] Ahora que tenemos todos nuestros visuales listos para ir, vamos a movernos. Ahora voy a volver a mi primera capa de texto. En realidad voy a agregar en esta posición animación aquí, porque hice una nota en mi storyboard que quiero que todo mi texto se mueva y se desvanezca de izquierda a derecha. Voy a añadir mi fotograma clave, encender mi cronómetro. Voy a agregar otro fotograma clave para mostrar dónde quiero que esto termine. Vuelve a mi fotograma clave original. Simplemente voy a sacar mi texto un poco a la izquierda. Puedes trabajar en el panel de vista previa para moverte y crear tu movimiento o puedes trabajar aquí abajo en el panel de capas y simplemente mover estos números. Encuentro que los números son un poco más directos a veces, sobre todo cuando estamos creando como opacidad y escala. Por ejemplo, quiero que esto se mueva y se desvanezca. Necesito hacer click en mi cronómetro de posición, agregar esa propiedad a mi moción, y luego agregar la propiedad de opacidad a mi moción. Hice clic aquí en el cronómetro, y luego quiero que trabajen al mismo tiempo, así que voy a mantener presionada la tecla Shift y mover mi juego duro para que esté en ese otro fotograma clave de posición que hice hace un segundo. Entonces voy a añadir otro fotograma clave de opacidad. Está en el mismo marco exacto. Estas dos propiedades cambiarán exactamente al mismo tiempo. Aquí quiero que la opacidad sea obviamente 100 por ciento para que la gente pueda leerla, pero quiero que se desvanezca. Voy a cambiar esta opacidad del 100 por ciento a cero por ciento de opacidad. Ahora ya puedes ver que tengo el juego duro en cero, cero. Cambio la propiedad por la opacidad y la posición aquí. No se puede ver porque la opacidad es cero. Pero si apenas arrastras lentamente esta jugada con fuerza, verás que la opacidad cambia con el tiempo. Ahora está al 75 por ciento aquí para llegar al 100 por ciento que quería que fuera en este fotograma clave. Entonces lo reproduciré aquí haciendo clic en mi barra espaciadora en mi teclado. Ahí vamos. Creó este bonito fade y movimiento aquí. Perfecto. Ese es el movimiento sutil que buscaba, pero no se siente súper suave. Voy a resaltar todos estos fotogramas clave aquí y voy a bajar al asistente de fotogramas clave y facilitar estos en. Ahora ves estos cambios a un vaso de media hora de diamante. Ahí vamos. Eso creó aquí un movimiento más suave. Ahora lo que puedo hacer porque quiero que todas estas capas de texto tengan la misma animación exacta con este cambio de posición y el cambio de opacidad es, voy a resaltar todos estos fotogramas clave que son relevantes para esas propiedades. Voy a hacer el Comando C para copiarlos. Voy a subir a mi siguiente capa de texto. Voy a simplemente girar todos estos hacia abajo para poder ver todos mis cronómetro, todos mis controles de propiedad aquí para asegurarme de que esté funcionando. Voy a desplazarse por mi línea de tiempo hasta esta capa. Empieza aquí mismo, así que voy a colocar el juego duro ahí. Voy a hacer el Comando V y copiar esos fotogramas clave en esta capa aquí. Perfecto, por lo que creó exactamente la misma animación. Esta es una manera realmente agradable de solo asegurarte de que estés manteniendo todo consistente. La consistencia, especialmente en un video largo, ayudará a tu audiencia a superar fácilmente tu historia y entenderla sin ninguna distracción. Hice lo mismo con mi última capa de oración de texto. Voy a hacer un comando rápido S y asegurarme de que todo esté guardado aquí. En la siguiente lección, agregaré movimiento a mis otras capas de ilustración. Empieza a animar lentamente tus capas para construir tu video animado. [ MÚSICA] 13. Animar: parte 2: Ya has aprendido tantos conceptos básicos de animación. Vamos a seguir animando. A lo largo de todo este proceso de animación, asegúrate de referirte a tu storyboard y a tus notas para que no te pierdas. Ya hiciste notas sobre en qué dirección quieres que las cosas se muevan, cómo quieres que las cosas se hagan transición, y cómo imaginaste tus elementos secundarios moviéndose alrededor de tu composición. Simplemente refiérase a esas notas y debería ser bueno para ir. Acercaré aquí para enfocarme en las imágenes de solo estos pocos fotogramas y me enfocaré en mi iconografía. Voy a abrir estas propiedades aquí abajo. Tengo mi capa 399 seleccionada con todos estos chicos de fondo aquí, y luego mi una capa está encima de ella con este tipo morado más oscuro. El movimiento que estoy imaginando que suceda aquí, es que empezamos con todos estos tipos de fondo y luego uno de ellos escala y sale de los 400. Lo que voy a hacer es, no voy a hacer nada en realidad a esta capa 399. Voy a hacer click en mi una capa, y voy a llevar mi cabeza de juego al principio, y voy a arrancar el cronómetro de escala, y voy a sacar mi cabeza de juego aquí. Ahora que estoy viendo el texto animándose frente a él, tal vez alinee estos fotogramas clave y alinee el movimiento con el movimiento que ya establecí con mi capa de texto por encima de ella. Básicamente voy a abrir mis propiedades en mi capa de texto y asegurarme de que estos marcos clave se estén alineando. Voy a agregar un marco clave de escala aquí a mi una capa, y luego voy a cerrar mi capa de texto por encima de ella para que no me confunda. No estoy editando esto en absoluto en este punto. Sólo me estoy asegurando de que se alinea con mi nueva capa que estoy animando. Entonces voy a volver a este punto cero. Voy a hacer clic en este marco clave para escala y luego cambiar los números de 100 a cero. Ahora ha desaparecido. Cuando cruzo mi barra espaciadora, se puede ver que se anima y va de muy pequeño a realmente grande. Pero quiero diferenciarlo escondiéndose y parece que está saliendo de uno de estos pequeños. Es diferente de estos 400 más o menos porque es un morado más oscuro. Hice clic en uno de estos iconos en la capa 399. Voy a acercar para que puedas ver eso mejor aquí. Voy a usar esta herramienta de mano para desplazarse encontrar dónde está ese tipo, y es difícil de ver en este punto. Voy a escalar un poco. Creo que voy a hacer justo este centrado aquí mismo. Voy a volver a mi herramienta de selección. Se puede ver que debido a que creé una capa vectorial de forma a partir del vector en Illustrator, ahora soy capaz de cambiar el color súper fácilmente en esta forma. Ahora que un ícono de una persona pequeña ha cambiado. Voy a hacer un comando rápido sólo para asegurarme de que todo esté guardado, y voy a reproducir esta animación aquí. En realidad es súper rápido. Lo que podría hacer, voy a cerrar esta capa solo porque no quiero hacerle nada más. Lo que en realidad podría hacer en lugar de alinear este fotograma clave con los fotogramas clave y la capa de texto por encima de él, en realidad podría extender esta animación para que el espectador pueda ver esto pequeño icono fuera de todos estos otros iconos ojalá. Observe que hay uno que es diferente. Entonces como están leyendo, solo ven y notan que éste está creciendo más grande que el otro. Creo que eso podría ser un poco más dinámico y darle tiempo a la gente para ver lo que está pasando en las imágenes y realmente ayudarles a conectar los textos, el concepto uno y 400 de una manera visual. Vamos a probar eso. Eso me gusta, pero en realidad podría querer hacerlo más rápido. Creo que la transición más lenta fue un poco extraña, por lo que podría apretar el tiempo entre estos dos fotogramas clave y luego apretar el momento de la animación. Ahora voy a hacer esto un poco más suave seleccionando los marcos clave y luego fácil facilitarlos en. Es bastante sutil, pero me gusta, y creo que sí enfatiza aunque uno y 400 conceptos que iba a buscar. Ahora voy a animar mi segunda parte de mi guión, que es mi gradiente, y luego mis dos iconos aquí. Quiero que este fondo degradado se mueva muy sutilmente a lo largo de todo el tiempo que esta diapositiva esté hacia arriba. Lo que voy a hacer es crear un marco clave al principio de esta capa. Entonces voy a crear uno al final de esta capa. Ahora voy a añadir en el cambio de posición, que voy a hacer en este panel de vista previa. Básicamente, quiero este efecto que empiece color morado más claro y luego se vuelva morado más oscuro. Entonces quiero que este movimiento se vuelva más suave, así que voy a seguir adelante y haga clic derecho en mis fotogramas clave de nuevo y luego fácil aliviarlos. Veamos cómo se ve esta transición. Ahora es bastante sutil, pero se puede ver el fondo lentamente cada vez más oscuro y más oscuro. Entonces no tenemos nada que animar en nuestra última parte de nuestro guión o CTA. Entonces voy a reproducir tu video desde el principio y ver cómo se ve. Mi video se ve bien, y terminé de sumar todo el movimiento que anoté en mi storyboard. Yo consideraría esto un video terminado, pero creo que puedo entrar y experimentar con sumar unas animaciones más para sumar un poco más de interés. Diviértete y experimenta en el corto video de 15 segundos. Hay mucho que se puede hacer en estos 15 segundos, y hay un poco que se puede hacer en estos 15 segundos. Simplemente ve a un ritmo cómodo para ti, y diviértete, y experimenta. Eso es todo lo que quiero que hagas. Me doy cuenta de que olvidé sumar la siguiente transición hacia abajo de marco a fotograma que señalé en mi storyboard. Seguí adelante y añadí ese efecto a mi primer y segundo grupo de capas. Voy a tratar de animar sutilmente la capa 399 con todos los iconos de mi gente. Sólo para capa en un movimiento un poco más dinámico. También voy a añadir alguna animación sutil en la persona de pie y la persona en los iconos de la silla de ruedas porque esa animación de fondo es tan sutil. En caso de duda, refiérase a esos videos de ejemplo de los que hablamos al inicio de clase para inspirarse. Imitando diferentes animaciones, diferentes estilos pueden ayudarte a aprender muy rápido. No es copiar. Simplemente es aprender y tomar de lo que otras personas han hecho para hacer tu propio giro en una nueva animación. Sigue explorando cómo puedes agregar animación a tu video y llegar a un lugar donde estés contento con tu video. En nuestra próxima lección, revisaremos tu video, ataremos cualquier cabos sueltos y lo guardaremos. 14. Revisar y ahorrar: [ MÚSICA]. Felicidades. Tienes hecho el libro de tu video. Ahora solo necesitamos revisarlo un par de veces y guardarlo para compartirlo con tu red. Vamos a reproducirlo unas cuantas veces y repasemos nuestra lista de verificación de revisión antes de ahorrar. La primera vez, voy a reproducirla y cuidado de ver que nada se superpone y que todo se ve suave y natural en mi animación. Eso se ve suave, la transición es suave, y eso también fue bastante suave. Decidí que quería volver a agregar esa imagen a esta última parte de mi guión. Ahora, volveré a ver el video y lo leeré en voz alta igual que lo hicimos antes para volver a comprobar que tenemos tiempo suficiente para permitir que nuestros espectadores lean nuestro texto. ¿ Sabías que una de cada 400 personas desarrollará ELA? La ELA es una enfermedad neurodegenerativa progresiva que conduce a debilidad muscular y parálisis. Conoce más en als.net. Eso me sonó genial. Finalmente vamos a guardar nuestro video una vez que estemos contentos con donde está. Para ello, vamos a asegurarnos de que esta composición en la que hemos estado trabajando sea seleccionada. Vamos a subir a Exportar archivos, y agregarlo a nuestra Cola de Render. Tenemos nuestro video en nuestra Cola de Render. Se va a resaltar azul, así que haz click en él y asegúrate de que lo estás sacando a la ubicación adecuada que esperas que sea. Ahora que ya sabes dónde va a guardar y ya lo estás, vas a presionar el botón render. Esto va a crear nuestra película. Verás esta barra de progreso azul y eso te dará una idea de cuánto tiempo va a tardar tu renderizado. Ahora tenemos tu archivo, pero el archivo the.mov es menos universal que el archivo MP4. Vamos a convertir el archivo that.mov a un archivo MP4 haciendo clic en este enlace al convertidor de Adobe que he proporcionado en la información del proyecto. Lo que vas a hacer es, simplemente vas a arrastrar y soltar el archivo your.mov y lo subirá y lo convertirá en un archivo MP4. Ahora tengo mi archivo MP4 descargado y estoy todo listo. Solo voy a reproducir rápidamente el video para asegurarme de que se vea bien. Todavía se ve muy limpio y nítido, nada raro o loco está sucediendo. Genial. Estoy muy contento con mi video. Voy a subirlo a la galería del proyecto y terminar mi proyecto. Asegúrate de subir tu archivo MP4 junto con tu guión y guión gráfico a la galería del proyecto para compartir tu trabajo conmigo y con tus compañeros de clase. Guardamos tu video. Felicidades. Ahora es el momento de aprender un par de cosas bonus y ver dónde puedes llevar tus habilidades a otros proyectos creativos. 15. Extra: agregar sonido: [ MÚSICA] No tienes que agregar música ni una voz en off a este proyecto, pero puede ser realmente útil y sumar a esa emoción. Me gusta usar este sitio web llamado Free Music Archive para escoger alguna música de fondo gratuita para usar en mis videos. Si te gusta la opción de agregar sonido, puedes hacerlo fácilmente en Adobe Premiere Pro. Tengo Premiere Pro abierto y estoy creando un nuevo proyecto y solo titulándolo. Simplemente lo titularé el mismo título que mi archivo de animación y solo agregaré sonido de ancho al final del mismo. Voy a hacer clic en “Okay”, y luego simplemente voy a arrastrar en mi archivo MP4 de animación. Aquí está. Por alguna razón parece que ya hay algunas cosas de audio sentadas en la fila de audio aquí mismo en A1. No sé qué es eso así que vamos a desvincular. Entonces vamos a eliminar lo que estaba ocupando ese espacio de audio. Escogí un archivo MP3 con solo algo de música de fondo sutil. Arrastraré eso al perfil de Premiere, lo cortaré al tamaño correcto, y luego me aseguraré que el principio y el final se estén relajando. De esa manera se desvanece muy bien y se desvanece al principio y al final y nada suena discortante. Veamos cómo se ve eso. Muy sutil. Exactamente lo que necesitaba para agregar un poco de algo a mi video. Crear diferentes formas para que tu audiencia tome en tu contenido puede ser realmente útil. Algunas personas son aprendices visuales y les encanta leer las cosas mientras se desplazan por sus teléfonos. A algunas personas realmente les gusta escuchar las cosas y así es como recuerdan la información. Si estás agregando en un archivo de voz en off, lo que puedes hacer es solo grabar tu voz, guardar ese archivo de audio y luego arrastrarlo a Premiere Pro, igual que lo que hicimos con este archivo de audio. Vamos a hacer una exportación rápida. Así es como agregas audio para ir con tu video animado. En la siguiente lección, vamos a explorar algunas ideas de cómo puedes aplicar tus nuevas habilidades de animación y otros proyectos. [ MÚSICA] 16. Otras aplicaciones: [ MÚSICA] Has aprendido tantas habilidades de animación en apenas hacer tu proyecto de video animado de 15 segundos, y puedes llevar estas habilidades a tantos otros aspectos de tus proyectos creativos. Aquí hay algunos ejemplos. Se puede hacer un video corto para promover las ventas. Puedes exhibir tus productos en un breve video y promocionarlo en redes sociales. Aquí hay un ejemplo de un video en una tienda Etsy que muestra video del producto que se está utilizando, pero también incluye una breve animación de la marca. Puedes agregar algo de interés a tu sitio web de portafolio animando algunos de tus diseños. En lugar de simplemente mostrar un logotipo estático en el sitio web de diagramas de Penn para este proyecto, decidieron crear una versión animada del logotipo que agregue un poco más de interés al proyecto. Si te gusta la edición de video, puedes incorporar transiciones animadas, como en mi lección de clase intro y toboganes outro. Creé estas animaciones todo dentro Adobe Premiere Pro y puedes hacerlo trabajando en el espacio de trabajo Effects. Es casi como una versión abreviada y abreviada de After Effects, justo en Premier Pro. Puedes lanzar un guion gráfico de video a tu equipo creativo o de marketing para innovar con las últimas tendencias en tu empresa. Aquí hay un ejemplo de algunos storyboards sobre los que he creado y platicado con mi equipo creativo. Al final hice un gran trabajo al descomponer la investigación que estaba haciendo nuestra empresa y presenté la información de una manera cercana. Sigue agregando a tus habilidades, toma otras clases de Skillshare y aprende más sobre After Effects. Solo te estoy dando una intro muy corta a After Effects que realmente está enfocada en el diseño gráfico y animación que mejorarán tus habilidades de diseño. [ MÚSICA] 17. Conclusión: [ MÚSICA] Enhorabuena, has aprendido tanto en este curso crash de principiante y animando para el diseño gráfico. Has aprendido a escribir un script simple y guion gráfico tus ideas, usar un proceso de diseño optimizado, animar visuales personalizados y aplicar estas nuevas habilidades y otros proyectos creativos. Si sólo le quitas una cosa a esta clase, espero que sea que la animación no sea tan aterradora después de todo. Ojalá hayas construido algo de confianza, aprendiendo todo sobre After Effects y solo las habilidades básicas que necesitas para entrar y subir de nivel tu diseño gráfico. Ojalá le dé a su público, nueva emoción, y agregue valor a su contenido que está construyendo. No olvides subir tus notas de guion gráfico y tu video final a la galería del proyecto. La práctica hace perfecta. Sigue practicando y haciendo estos videos cortos para que puedas construir tu confianza y esperemos sorprenderte con lo que eres capaz de hacer. Si quieres aprender más sobre animación y After Effects por parte de los expertos, te recomiendo tomar estas clases de animación en Skillshare. Muchas gracias por aprender los fundamentos de la animación para el diseño gráfico conmigo hoy. Por favor déjame cualquier duda o comentario en la sección de discusión, y no olvides dejar una reseña. De esa manera puedo aprender de ustedes chicos y ayudar a mejorar las clases futuras. Nos vemos la próxima vez. [ MÚSICA]