3 trucos de Adobe After Effects que debes saber para animar | Isaiah Cardona | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

3 trucos de Adobe After Effects que debes saber para animar

teacher avatar Isaiah Cardona, Art Director & Motion 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.

      Introduccion

      2:31

    • 2.

      ¡Hola!

      1:21

    • 3.

      Relleno consciente del contenido

      4:34

    • 4.

      Preservar la transparencia subyacente

      3:17

    • 5.

      Boceto de movimiento

      4:52

    • 6.

      Bono: exporta gifs animados

      1:54

    • 7.

      Reflexiones finales

      1:08

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

546

Estudiantes

4

Proyectos

Acerca de esta clase

Desbloquea funciones secretas en Adobe After Effects para aumentar la eficiencia de tu animación. After Effects es un programa de motion graphics poderoso con tantos paneles, efectos y ajustes preestablecidos que puede ser difícil aprender funciones realmente útiles sin que alguien te muestre. En esta clase, aprenderás 3 características increíbles para ayudarte a acelerar tu flujo de trabajo, arreglar mágicamente los puntos problemáticos en el material de archivo y mejorar la calidad de la animación.

Qué aprenderás:

  • Cómo recortar animaciones a texto y formas con Preservar la transparencia subyacente
  • Cómo eliminar elementos del material de archivo con Relleno basado en contenido
  • Cómo crear animaciones de aspecto orgánico con Motion Sketch
  • Bono: cómo exportar composiciones como gifs animados

Por qué deberías participar en esta clase:

Aprender un programa expansivo como After Effects puede ser desalentador, sin embargo, a lo largo de esta clase, te guiaré a través de cada herramienta o técnica, te explicaré cómo funciona, por qué es útil y cómo puedes aplicarla a tus propios proyectos. Además de mostrar ejemplos de las características en acción, también demuestro en detalle cómo usarlas usando archivos que puedes descargar de la sección de recursos y seguir a tu propio ritmo. Al final de esta clase, tendrás una base en varias técnicas útiles que elevarán tus habilidades generales de diseño de movimientos.

LO QUE NECESITAS:

  • Adobe After Effects (prueba gratuita del programa de software en Adobe.com)
  • Comprensión básica de After Effects, como crear composiciones, establecer fotogramas clave y renderizar.

Mi experiencia:

Soy director de arte sénior, diseñador de movimiento y profesor de Skillshare con varios años de experiencia trabajando con After Effects para crear varios proyectos para clientes, desde videos explicativos hasta animaciones divertidas para redes sociales. 

Clases adicionales de After Effects:

Si necesitas una guía para principiantes de Adobe After Effects, echa un vistazo a estas clases para ayudarte a absolver el programa antes de tomar mi clase.

Clases de animación adicionales:

Después de que hayas completado esta clase, considera tomar mis clases de animación en Animación dibujada a mano en Photoshop y Animación en Procreate.

¿Quieres más inspiración? Dirígete aquí para descubrir más clases de animación.

Conoce a tu profesor(a)

Teacher Profile Image

Isaiah Cardona

Art Director & Motion Designer

Profesor(a)

I'm a senior art director based in the United States with several years of experience in the advertising industry. In my work, I solve client problems using various design, illustration, and motion design skills. And I'm known for bringing an energetic and playful style to illustration and animation projects. Outside of work, I enjoy teaching students design and motion skills through Skillshare classes and tutorials on YouTube. If you're interested in exploring new creative skills, then follow me here on Skillshare.

Youtube | Tiktok | Instagram

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: ¿ Quieres desbloquear funciones secretas en Adobe After Effects? En esta clase, te mostraré tres características para hacer animaciones como estas y potenciar tu diseño de movimiento. Hola a todos. Mi nombre es Isaiah Cardona, y soy directora de arte y diseñador de movimiento con sede en el corazón de Estados Unidos. Durante los últimos seis años más, he trabajado con Adobe After Effects para crear una variedad de trabajo de clientes que van desde animaciones simples hasta videos más complejos. After Effects te da el poder de conjurar increíbles gráficos en movimiento y animaciones, y al no aprender el software, estás perdiendo en una ventaja masiva que puede ayudarte en tu proyectos de movimiento. La capacidad de dar vida a su visión a su forma más completa es un sentimiento muy satisfactorio pero After Effects es un programa grande y complejo con un millón de diferentes efectos, paneles, y presets, y es difícil saber qué hacen todos sin que alguien te muestre. A lo largo de mi carrera, ha habido momentos en los que pasaría horas tratando de hacer algo en After Effects sin darme cuenta de que había una característica secreta que podría automatizar el proceso y acelerar mi flujo de trabajo. Como maestra de Skillshare con varias clases de diseño de movimiento bajo mi cinturón, quería crear una clase en After Effects para compartir algunas de mis características ocultas favoritas e historias sobre cómo han mejorado drásticamente mi trabajo incluyendo Preservar Transparencia Subyacente, Motion Sketch, Content-Aware Fill, además de una función de bonificación para ayudarte a exportar GIF animados. Cada característica elevada en el área de mi trabajo incluyendo acelerar mi flujo de trabajo y arreglar mágicamente problemas tipos y metraje, y mejorar la calidad de la animación. Una vez que te hayas acostumbrado a usar estas características en tu trabajo, puedes pasar a aprender a usarlas para animaciones aún más complejas y personalizar. Esta clase es para diseñadores de movimiento que se sienten cómodos con los conceptos básicos de After Effects y buscan subir de nivel su flujo de trabajo y artesanía. Ya sea que nunca hayas oído hablar de estas características o solo hayas usado algunas, al final de esta clase, tendrás todo el conocimiento de cómo y cuándo usarlas, y cuando estés listo para desbloquear estos poderosos trucos After Effects. Entonces empecemos. 2. ¡Hola!: [ MÚSICA] Qué esperar en esta clase. Para cada lección, te acompañaré a través una característica oculta y te diré qué hace, cómo la uso, y por qué es súper útil. Esta clase está estructurada para intermedios a avanzados de secuelas usuarios intermedios a avanzados de secuelas, ya que se construye sobre los conocimientos básicos de los efectos posteriores para ayudarte a mejorar tu flujo de trabajo y habilidades en el programa. Si quieres seguir conmigo me he incluido en la sección de recursos los archivos de trabajo que utilizo para demostrar cada característica. Tu proyecto de clase es usar una o más de las características que cubriremos en un proyecto de tu elección, porque hay tantos usos diferentes para cada característica, este proyecto es realmente abierto. Si te das cuenta de que un proyecto que previamente animaste podría tener una de estas características para hacer algo más fácil o trabajar mejor entonces puedes volver atrás y reanimarlo o tal vez mi ejemplos tienen chispas, nuevas ideas de nuevos proyectos que podrías animar no importa lo que creas, solo incluye una nota para decir qué características usaste en ese proyecto y si tienes alguna pregunta, siéntete libre de publicar ellos en la sección de discusión de la clase y luego en la siguiente lección nos sumergiremos en nuestra primera característica oculta, que es el relleno consciente del contenido. 3. Relleno con contenido: En esta lección, te guiaré por la primera característica oculta, Rellenar consciente del contenido. ¿ Qué hace? Si eres un profesional de Photoshop entonces esta función te será muy familiar. relleno consciente del contenido ha salvado el día tantas veces quitando un objeto del metraje y llenando el espacio vacío con píxeles circundantes, igual que la magia, se ha ido. ¿ Por qué es útil? A lo largo de mi experiencia profesional, me encuentro con situaciones en las que mi equipo descubrió después un rodaje que necesitábamos quitar un objeto de una escena, o tal vez solo necesitábamos algo de espacio plano para poner texto o logotipo en. Ahora tenemos que resolver ese problema y publicar. Lo bueno es que relleno consciente del contenido ha sido la solución perfecta para esto. Cómo utilizarlo. Te voy a guiar a través mi proceso de pensamiento por cómo voy a editar una escena usando Content-Aware Fill. El primer paso en el proceso es crear una máscara alrededor del objeto que desea eliminar. Intento examinar no sólo el objeto que quiero eliminar, sino también considerar el fondo y cómo puedo tener un relleno de contenido más transparente. Por ejemplo, si hay un patrón complejo detrás del objeto, podría seleccionar un área más grande que incluya el patrón completo. También quítelo ya que será demasiado complejo para tener un resultado sin fisuras. Otra cosa que es útil considerar es cuánto se mueve tu objeto. En mi ejemplo, el objeto está completamente estacionario, pero si fuera un objeto en movimiento, podría ampliar mi selección de área para cubrir el área total en la que estará el objeto o podría ajustar mi enmascarar al fregar a través de la línea de tiempo, por lo que el programa sólo está rellenando contenido para el objeto y tiene menos área que tiene que tratar de arreglar. Definitivamente recuerda, tómate tiempo por anticipado para ver primero tu clip y ver cuál es la mejor selección de máscaras para tus necesidades. Para crear una máscara, voy a asegurarme de que mi capa de video esté seleccionada. Entonces voy a hacer click en la Herramienta Pluma y rastrear alrededor de mi objeto, y ahora mi escena se volvió negra. No se preocupe, todo lo que hay que hacer es bajar a la máscara y hacer clic en “Restar”, que invertirá el efecto para que la máscara reste la selección del resto del clip. Pro-tip, si el objeto se mueve durante el video, necesitarás ajustar la máscara en diferentes puntos del metraje para que se mantenga alineado con el objeto. Una vez que esté satisfecho con mi máscara, voy a activar el panel Relleno Consciente del Contenido. Para encontrarlo ve a Ventana arriba arriba, y luego hacia abajo a Rellenar Consciente del Contenido, entonces todo lo que tienes que hacer es hacer clic en “Generar capa de relleno”. Como puedes ver aquí, genera una nueva capa en la parte superior compuesta por una secuencia de imágenes del campo y área. Ahora te voy a guiar a través de un tema común que te puedes encontrar y cómo puedes resolverlo. Digamos que golpeas la capa “Generar relleno”, pero recibes un mensaje de error. ¿ Qué haces? Bueno, lo primero que haría es revisar cómo está aplicando tu máscara a la capa. Para que la capa de relleno de contenido funcione, debes tener un agujero en tu escena. Cuando creas una máscara, automáticamente estará en el modo add, lo que significa que solo se muestra la selección, que es lo contrario a lo que queremos. Al cambiar el sujeto, obtendrás un agujero que siempre podrás confirmar mirando la pantalla Fill Target del panel. Aquí se puede ver que tiene un agujero transparente. Ahora estás todo listo. Para recapitular, esta característica se puede utilizar en tantas aplicaciones diferentes. Recuerda, revisa primero el metraje y dibuja tu selección de máscara acuerdo a la complejidad del objeto y el resto de la escena, y recuerda que si tu objeto se mueve por todas partes, necesitarás ajustar los puntos de la máscara a lo largo para que coincida con la posición del objeto. Ahora te toca practicar este ejercicio usando los recursos de clase o tus propios clips, y publica en la sección de discusión si tienes alguna pregunta o necesitas ayuda. En la siguiente lección, te guiaré por un truco secreto para recortar animaciones. 4. Preserve la transparencia: [ MÚSICA] En esta lección, te guiaré por el rasgo oculto, preservaré la transparencia subyacente. Me tomó varios años antes de que realmente aprendiera lo que hicieron todos los ajustes en el panel de la línea de tiempo. Creo que preservar la transparencia subyacente fue la última característica de la que aprendí, y definitivamente se ha convertido en una de mis características favoritas. ¿ Qué hace? Solo muestra la capa en píxeles visibles. Una gran manera de pensar en esta característica es como la ruta de recorte en Photoshop. Durante tanto tiempo quería una manera de poder recortar esencialmente múltiples capas a una capa como Photoshop, y preservar la transparencia subyacente hace eso. Veamos un ejemplo. En este ejemplo, tengo dos capas, un círculo, y un texto blanco, y ambas están sobre un fondo transparente. En el pasado cuando quisiera que el círculo solo se muestre en el texto. Tendría que duplicar la capa de texto, y usar alpha matte en el panel mate de pista, y como se puede ver hace el trabajo pero tiene un par de inconvenientes, como solo se puede rastrear una capa, y hay que duplicar la capa inferior. Preservar la transparencia subyacente resuelve ambos problemas. Para activar la función, vaya al panel de línea de tiempo y haga clic en el cuadro de la columna T, y ahora esa capa solo es visible cuando la muevo sobre el texto. Una cosa a tener en cuenta con esta característica, es que la capa activada será visible para todos los objetos no transparentes. Por ejemplo, si tuviera un fondo sólido, como se puede ver aquí, entonces siempre vería el círculo ya que no hay áreas transparentes debajo de él. Ahora te voy a mostrar un ejemplo más avanzado ahora, y esto será en los recursos de clase si quieres seguir conmigo. En este proyecto, tengo una configuración de animación de onda colorida, y quiero que solo aparezca dentro del texto que dice planos de papel. Todo lo que tengo que hacer es volver a ir al panel de línea de tiempo, y luego marcar cada casilla de la columna T para activar la transparencia subyacente de preservar para estas capas, y como se puede ver ahora, están recortados al texto. ¿ Cómo utilizo esto en la práctica real? Me gusta usar mucho esta característica para agregar texturas animadas a palabras o formas en una composición. Como se puede ver aquí, añadí textura a ese texto también. Takeaway clave, preservar la transparencia subyacente es una característica oculta que debe estar utilizando. Antes de que supiera de esta característica, pasaría mucho más tiempo usando soluciones alternativas. Usar la transparencia subyacente realmente ha acelerado mi flujo de trabajo, y dándome más flexibilidad desde que lo configuré en múltiples capas. Ahora te toca practicar este ejercicio usando los recursos de clase o tus propios archivos. Como siempre, siéntete libre de publicar cualquier pregunta en la sección de discusión, y estaré encantado de ayudarte. En la siguiente lección, te guiaré por el boceto de movimiento, que te ayudará a crear sin esfuerzo movimiento orgánico en la animación. 5. Boceto de movimiento: [ MÚSICA] En esta lección, hablaré de sketch de movimiento, que es una de mis características favoritas que ahorran tiempo a la hora de animar objetos alrededor de la pantalla. ¿ Qué hace? boceto de movimiento registra el movimiento y lo traduce en marcos clave. Esta característica es genial para cuando se quiere capturar el movimiento de un objeto de una manera muy orgánica, lo que he encontrado me ha ayudado a elevar la calidad del movimiento. ¿ Cómo funciona? Para activarlo, vaya a Ventana, luego hacia abajo al boceto de movimiento, y luego eso abrirá un panel. Vamos a caminar por los ajustes en este panel. Primero tienes la opción de ajustar la velocidad a la que se captura tu movimiento. Esta es una de las razones por las que me encanta esta característica. En el pasado, tendría que trazar los fotogramas clave de posición a lo largo de la línea de tiempo. Pero con el boceto de movimiento, después de los efectos rastreará la velocidad a la que te mueves y la trazar para ti. Con este ajuste, incluso se puede acelerar o ralentizar la velocidad de la animación final. Me parece extremadamente útil ya que muevo el ratón bastante lentamente hasta que esto pueda acelerar el ritmo, así que no es tan lento. Para acelerar la animación, todo lo que necesitas hacer es aumentar el número, y luego al disminuir el número, puedes ralentizar la animación. También podrás reposicionar manualmente los fotogramas clave también. El siguiente ajuste que tenemos es suavizar. Puedes controlar la suavidad del movimiento elevando o bajando el valor aquí. Cuanto mayor sea el valor, más After Effects suavizará el movimiento general que afecta el número de fotogramas clave utilizados. Tiendo a manivela el mío hasta alrededor de los 70 ya que soy bastante tembloroso al mover mi cursor alrededor del fotograma, y el valor más alto ayuda a que el camino final sea muy suave. También tienes opciones para mostrar el wireframe del objeto que te estás moviendo en segundo plano mientras captas el movimiento. Voy a demostrar cómo se ve con ambos off. Aquí solo ves el cursor y los puntos que indican los diferentes fotogramas clave del movimiento sobre un fondo negro. Ahora cuando compruebes wireframe, verás un marco alrededor del objeto, que he encontrado útil para cuando necesitaba tomar en consideración la forma o tamaño del objeto que estoy moviendo. Esto es especialmente útil cuando mi objeto es más pequeño que el comp. Pero, ¿qué haces cuando necesitas navegar tu objeto alrededor de otros objetos de tu composición? Ahí es donde es útil revisar los antecedentes. A medida que hace que todo sea visible, así que ahora puedo navegar mi avión alrededor de las palabras. Para darte una visión de mi proceso, para un proyecto como este, siempre voy a revisar tanto el wireframe como el fondo como quiero mi objeto, que es el plano de papel, para navegar por el a medida que se mueve alrededor de la pantalla. Si no tuviera esos aspectos mostrados, terminaría haciendo conjeturas innecesarias en vivo. Pero, ¿qué haces cuando necesitas tu objeto para reajustar esta animación de plano? Esa animación se vería mal si el plano solo apuntaba en una dirección y hacia atrás a lo largo de todo el movimiento. Pro Tip, puedes usar auto orient para tener tu objeto línea real en sí automáticamente a lo largo de toda la animación. Para hacer eso, irás a Capa, luego abajo a Transformar, luego abajo a Auto-orientación. Luego en el pop-up, haga clic en Orientar a lo largo de camino y luego haga clic en Aceptar. Ahora el avión se está ajustando como orientación, lo cual es impresionante, pero está volando hacia atrás. Para resolver eso, voy a tocar la tecla R para sacar la rotación, y voy a ajustar la rotación hasta que la trayectoria esté orientada hacia la dirección correcta. Normalmente cuando estoy trabajando en una animación como esta, encenderé orientar a lo largo del camino y reajustar la rotación de un objeto antes que incluso use sketch de movimiento para acelerar mi flujo de trabajo y permitirme ver los objetos moviéndose por el camino correcto desde el principio. ¿ Cómo ha mejorado esto mi trabajo? Esta característica definitivamente me ha ahorrado mucho tiempo. Antes de descubrir el boceto de movimiento, crearía cada fotograma clave a mano y rotaría objetos a lo largo del trazado, que es muy intensivo en tiempo. Esto definitivamente ha acelerado mi flujo de trabajo. Ahora te toca abordar este ejercicio usando los recursos de clase o tus propios archivos, y siéntete libre de publicar la sección de discusión si necesitas ayuda. En la siguiente lección, te estaré mostrando una característica bonus que te permitirá exportar tu proyecto desde After Effects como una brecha animada. 6. Extra: exportación de Gifs animados: En esta lección, te guiaré a través exportación de un proyecto como GIF animado. En primer lugar, ¿por qué es esta una característica útil? Animate GIFs son un formato popular utilizado en la Web. Los vemos en todas partes, desde en plataformas de redes sociales hasta en nuestro chat, y mensajes de texto. Los usuarios en vivo no lo saben, puedes generar un GIF usando la configuración de After Effects Media Encoder. ¿ Cómo hacer esto? Al igual que explotar un video. Subirás al archivo superior, luego bajarás a Exportar, luego haz clic en agregar a Adobe Media Encoder Queue. Actualmente mis ajustes están configurados para renderizar un archivo de video MP4. Para cambiar la configuración, voy a ir a la columna de formato y hacer clic en la flecha hacia abajo, y voy a ir a animar GIF y hacer clic en él. Como puede ver, el formato de archivo ahora ha cambiado a GIF. Para realizar ajustes al GIF, haz clic en GIF animado para obtener la configuración de Exportar. Un inconveniente de este método para crear GIFs es que la configuración de Exportación se orienta más hacia los videos y no a GIF, por lo que no tienes muchas de esas configuraciones útiles que están disponibles en otros aplicaciones como Photoshop. ¿ Cuándo usar esto? Para mí, uso esta función cuando solo quiero crear un GIF rápido para mostrar al cliente, que no necesito preocuparme optimizar el tamaño del GIF. Para recapitular, solo te guio a través de la exportación de GIF animados usando After Effects y hablo a través algunos pros y contras de usar esta función. Ahora, te toca exportar un GIF animado de tu proyecto y subirlo a la galería de proyectos estudiantiles. Entonces la lección final, vamos a terminar esta clase. 7. Reflexiones finales: [ MÚSICA] Enhorabuena por completar esta clase. Ahora tienes cuatro nuevos trucos en tu Kit de herramientas After Effects, incluyendo arreglar errores de metraje con relleno consciente de contenido, recortar animaciones a formas o impuestos usando subyacente preservado transparencia, crear animación suave usando Motion Sketch, y explorar comps como GIF animados. Espero que estas nuevas características te hayan ayudado a inspirarte a buscar nuevas oportunidades creativas y proyectos más complejos para usar tus nuevas habilidades. Para seguir ampliando tus habilidades, recomiendo que te tomes un momento para subir tu proyecto a la galería de clases, y compartir con la comunidad de Skillshare es una gran manera de ayudarnos a inspirarse unos a otros . Si te gusta tomar esta clase, entonces considera seguirme en Skillshare y echa un vistazo a algunas de mis otras clases sobre diseño de movimiento y animación. Gracias de nuevo por tomar esta clase, y espero verte en una futura pronto. Adiós por ahora. [MÚSICA]