Aspectos esenciales de los gráficos de movimiento: animación de divisas con Adobe After Effects | Carminys Guzmán | Skillshare
Buscar

Velocidad de reproducción


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

Aspectos esenciales de los gráficos de movimiento: animación de divisas con Adobe After Effects

teacher avatar Carminys Guzmán, Motion grapher

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

      1:44

    • 2.

      PROYECTO

      0:52

    • 3.

      Primeros pasos

      3:27

    • 4.

      Animación de incendios

      4:51

    • 5.

      Animación de humo

      4:44

    • 6.

      Animación del agua

      5:20

    • 7.

      Toques finales

      2:33

    • 8.

      Renderización

      1:18

    • 9.

      Reflexiones finales

      1:04

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

936

Estudiantes

22

Proyectos

Acerca de esta clase

Aspectos esenciales de los gráficos de movimiento: animación FX 2D con Adobe After Effects

Fuego, humo, agua... A menudo tendrás que usar estas animaciones a lo largo de tu carrera como animador.

Únete a la clase de Carminys Guzmán y aprenderás a cómo animarlos de forma rápida y sencilla y sin usar ningún plugins!

¿Qué aprenderás?

A lo largo de este curso, empezaremos por hacerte cómodos con la interfaz de After Effects y algunos atajos de teclado prácticos que te ayudarán a ahorrar tiempo y esfuerzo.

A partir de ahí, nos sumergiremos en las cosas divertidas y te mostraremos cómo crear tres proyectos en los que se trata el fuego, el humo y el agua, paso a paso.

Pero eso no es todo: te ayudaré a poner los detalles finales en tus animaciones, haciéndolos parecer profesionales.

Pondré todos los archivos que necesitas seguir con nuestras instrucciones, para que sea fácil poner tus nuevas habilidades en práctica.

¿A quiénes está dirigida esta clase?

Ya sea que seas un animador, ilustrador, diseñador gráfico o artista creativo a la que le encanta experimentar, te encantará esta clase. Te prometo mantener las cosas amigables para que puedas aprender en un ambiente de apoyo.

Requisitos:

Para completar este curso, debes tener instalado Adobe After Effects y Adobe Illustrator en tu PC y, sobre todo, un deseo de aprender.

Si quieres aprender a crear ilustraciones asombrosas para Animación 2D desde cero, te recomiendo que adoptes mi otro curso, "Ilustración para la animación: crea diseños hermosos y animate ellos."

Conoce a tu profesor(a)

Teacher Profile Image

Carminys Guzmán

Motion grapher

Top Teacher

Hi, my name is Carminys, and I'm the cofounder of Operary.com; We are an animation studio with over 8 years of experience, based in Spain.

The main goal of our courses is to share our knowledge simply and without complications.

If you really want to make professional animated videos from scratch, you will need to master 3 skills: Scriptwriting, Illustration, and of course, Animation.

Stop getting overwhelmed; save time, and start with our Animation Fundamental Courses.

Follow me on instagram: @operary_sl

Ver perfil completo

Level: All Levels

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. Introduccion: Hola, ahí. Mi nombre es Carminys Guzmán. Nací y crecí en República Dominicana, y ahora vivo en Portugal. Soy el cofundador de Operary, un estudio de animación, donde trabajo como Animador, Ilustrador y Guionista. Llevamos más de una década produciendo videos de primer nivel. Tuvimos el placer de trabajar con compañías increíbles como Intel, Deloitte, Bayer, Port y muchas más. Ahora, estamos emocionados de compartir nuestros conocimientos contigo. Fuego, humo, agua, tendrás que utilizar estas animaciones a menudo a lo largo de tu carrera como animador. En este curso, descubrirás cómo animarlos como profesionales en tiempo récord, y sin usar plugins. Empezaremos a ponernos en contacto con la interfaz de after effects y veremos los atajos de teclado que usaremos durante el curso. A continuación, te mostraré cómo animar fácilmente fuego, fumando agua con tres proyectos diferentes. Por supuesto, sin usar ningún complemento. Para terminar, te enseñaré a dar los toques finales a las animaciones de manera sencilla. Podrás descargar todos los archivos que usaremos durante el curso. De esta manera, podrás seguir las instrucciones en tiempo real y te resultará mucho más fácil aplicar todo lo que estés aprendiendo. Este curso es ideal para animadores, ilustradores, diseñadores gráficos, artistas creativos, y en general, cualquier persona que quiera dar vida a sus ilustraciones. Con paciencia, actitud positiva y perseverancia, tendrás éxito. Tu tiempo es ahora. Acompáñate al curso. 2. PROYECTO: Hola ahí. Estoy muy contenta de que hayas decidido tomar este curso. Al finalizar este curso, estarás preparado para animar los tres proyectos del curso como un profesional. Si no tienes tiempo para crear tu diseño, no te preocupes, puedes usar mi obra de arte para practicar y experimentar. Después de cada lección, proporcionaré pautas para asegurar que obtengas los mejores resultados posibles. Así que asegúrate de seguirlos y practicar. Me emociona ver tu trabajo, así que por favor sube tus proyectos a la galería de proyectos del curso. Si tiene alguna pregunta o comentario, no dude en publicarlos en la barra de preguntas. No puedo esperar a ver lo que se te ocurre. Vamos a divertirnos creando animaciones increíbles juntos. 3. Primeros pasos: Hola ahí. Antes de comenzar a animar los proyectos, pongamos en contacto con la interfaz de after effects. Trabajaremos con el espacio de trabajo estándar, pero puedes elegir tu opción preferida. El primer paso es crear una nueva composición. Ir a Composición, Nueva Composición. Abre una nueva composición 1920 por 1080 a 24 fotogramas, dale 10 segundos y nombra. Como segundo paso, vamos a importar el diseño de Adobe Illustrator. Importaremos el diseño que veas en la pantalla. Utilizaremos este diseño para el primer proyecto del curso. Como puedes ver, se trata un diseño muy sencillo con sólo tres capas. Volvamos a After Effects. Para importar el diseño, vaya a Archivo, seleccione “Importar archivo” y seleccione el archivo deseado. Cuando importamos un archivo en capas en las importaciones como opción, debemos seleccionar Composición-Retener Tamaños de Capa. Como puedes ver, se ha creado una composición y una carpeta con capas . Vamos a trabajar en la composición. Con un doble clic, ingresamos a la composición que hemos importado. Ahora echemos un vistazo rápido a la interfaz de secuelas. El panel donde se ve la ilustración es la ventana gráfica. Este panel te mostrará los resultados de tus diseños y animaciones. En la parte inferior, podemos ver el panel de línea de tiempo. Este panel es donde dedicaremos más tiempo a crear las animaciones. A partir de aquí, podemos modificar fácilmente las propiedades de transformación de la capa. Si miramos a la izquierda, podemos ver el panel del proyecto donde aparecerán todas las composiciones que creamos y todos los archivos que importamos. En la parte superior, podemos encontrar las herramientas esenciales. Ahora, te mostraré los atajos de teclado para este curso. Los accesos directos se refieren a las capas, las propiedades y las herramientas de uso común. Veamos cómo abrir las propiedades de capa con un solo clic. Presione A para el punto de anclaje, P para la posición, S para la escala, R para la rotación y T para la opacidad. Además, si mantenemos pulsada la tecla Mayús, podremos abrir varias propiedades simultáneamente. Ahora, veremos cómo acceder a las herramientas principales con el toque de una tecla. Presione V para la herramienta de selección, Hold, espacio para la herramienta manual, Z para la herramienta de zoom, W para la herramienta de rotación e Y para la herramienta de encuadre detrás. Se trata de la práctica. En proyectos y recursos, tienes un archivo PDF disponible para descargar con los atajos más útiles. Nos vemos en la siguiente lección. 4. Animación de incendios: En esta lección, crearemos la animación que veas en pantalla de manera muy sencilla. Con un doble clic, entraremos en la animación de fuego de composición creada en la lección anterior. Para comenzar, crearemos una forma muy sencilla con la ayuda de la herramienta pluma. Lo colorearemos de amarillo. Perfecto. Ahora aplicaremos el efecto wave warp. Para ello, vamos a Efecto, Distorsión, Deformación Onda. A partir de los controles de efectos, ajustamos las propiedades. Establecemos la dirección en cero, ancho de onda en 150 y la velocidad de ola en 1.5. Por último, en la opción de pinning, aplicamos borde inferior. He usado esta configuración, pero puedes jugar con diferentes valores hasta que obtengas el resultado que más te guste. Perfecto. Ahora, con la ayuda de la herramienta pan detrás, colocaremos el punto de anclaje en la base de la forma que hemos creado. El punto de anclaje será el eje alrededor del cual girará nuestra capa, y también será el punto de referencia cuando modifiquemos el tamaño de la capa. Casi se me olvida, si no puedes ver la ventana de controles de efectos, puedes activarla desde ventana. Ahora, con la capa seleccionada, duplicamos cuatro veces presionando la combinación de teclas Control D cuatro veces la combinación de teclas Control D o Comando D en Mac. Colóquelos a su gusto, ajustando su tamaño y girándolos. Puedes modificar las capas desde la ventana gráfica como he estado haciendo hasta ahora, o desde el panel de línea de tiempo, lo que te sientas más cómodo. En mi caso, me siento más cómodo ajustándolo directamente desde la ventana gráfica. Vamos a previsualizarlo para ver cómo se ve. Aún necesita mejoras. Ahora mismo, todas las capas se mueven a la misma velocidad, haciendo que la animación sea aburrida y poco realista. Haz que la animación luzca más natural. Modificaremos la velocidad de onda para que el efecto tenga diferentes velocidades en cada capa y logre un aspecto más orgánico. Simplemente seleccionamos las capas y modificamos la velocidad del efecto. Perfecto. Ahora, se ve mucho mejor. Ahora para trabajar de manera más eficiente y estar más organizados, seleccionaremos todas las capas mientras mantenemos presionada la tecla Mayús. Hacemos clic derecho y seleccionamos precomponer. Le damos un nombre y damos clic en Bien. Al hacer esto, creamos una nueva composición. Con un doble clic, podemos entrar en el interior y acceder a las capas. Volvamos a la capa principal y duplicamos la capa con Control D o Comando D en Mac. La idea es cambiar el color de la capa que hemos duplicado. Para ello, vamos a Efecto, Generar, Rellenar y le aplicamos un color naranja. Modificamos su tamaño y lo colocamos en el lugar deseado. Perfecto. Nuevamente, hacemos el mismo proceso. Duplicamos una capa y cambiamos el color. Modificamos su tamaño y lo colocamos en su lugar. Ahora tenemos nuestro maravilloso fuego animado. Para terminar, entraremos en la composición Proyecto 1. Arrastramos nuestra animación debajo de la primera capa y la colocamos en el lugar deseado. Si tenemos una vista previa, ya podemos ver el fuego integrado con la escena. En futuras lecciones, veremos cómo podemos mejorar el aspecto de nuestra animación de manera muy sencilla. 5. Animación de humos: Hola, es hora de animar el humo. Pero antes de comenzar, organicemos todo. Desde el panel del proyecto, crearemos tres carpetas haciendo clic aquí y las nombramos fuego, humo y agua, por ejemplo. A continuación, arrastraremos todos los materiales de la lección anterior a la carpeta de fuego perfecto. Ahora sí, podemos empezar a crear la animación del humo. Con la carpeta de humo seleccionada, vaya a composición, nueva composición. Al igual que en la lección anterior, creamos una nueva composición 1920 por 1080 a 24 fotogramas, le damos 10 segundos y le damos el nombre. Reduciremos el tamaño de la ventana para trabajar más cómodamente. Ahora, con la ayuda de la herramienta pluma, creamos una forma muy simple. Después damos click en “Relleno”, seleccionamos la opción de degradado lineal. Entramos en los ajustes de color y coloreamos ambos extremos blancos. Ahora, vamos a establecer la opacidad en 0%. ¿Por qué? Porque queremos eso a medida que se aleja el humo, desaparece de la misma manera que lo hace en la vida real. Genial, ya lo tenemos. Vamos a activar Toggle Transparency Grid para trabajar más cómodamente. Ahora entramos en las propiedades de la capa. Vamos a contenido, forma, degradado, relleno, y modificamos los valores del punto de inicio y punto final. No fue buena idea habilitar Toggle Transparency Grid. Lo voy a desactivar, nuevo para que funcione mejor. Para aplicar los toques finales, modificaré el punto de inicio y el punto final directamente desde la parte de vista con la ayuda de la herramienta de selección. Es bastante bueno. Ahora, sólo tenemos que animar el humo. Para ello, vamos a efectuar, distorsionar, urdimbre de onda. A partir de los controles de efectos, ajustamos las propiedades. Dijimos esa dirección a cero, altura de ola a 30, ancho de ola a 300, y velocidad de ola a 0.5. Recuerda que puedes modificar estos valores a tu gusto. Es un efecto muy intuitivo por lo que te animo a jugar con los valores de las diferentes propiedades. En la opción de pinning, aplicamos borde inferior. Muy bien. Podemos ver que estamos en el buen camino, pero aún podemos mejorarlo. Duplicaremos el efecto con control D o comando D en Mac para que se vea más natural y modificamos el valor del ancho de onda a 150. Veamos cómo va. Genial, se ve bien. Para terminar, vamos a integrar este humo en un. Vamos a importar los diseños del Proyecto 2. Con la carpeta de humo seleccionada, vamos a archivo, importamos archivo y seleccionamos el archivo deseado. Recuerda cuando importamos un archivo en capas en importaciones como opción, debemos seleccionar composición, conservar, tamaños de capa. Con un doble clic, ingresamos a la composición. Ahora solo necesitamos arrastrar la animación de humo que hemos creado, escalarla y colocarla. Para terminar, vamos a aplicar una máscara. La máscara nos ayudará a ocultar las partes del humo que no queremos que se vean, decir, sólo podremos ver el humo que hay dentro la máscara que vamos a crear. Para aplicar una máscara, nos aseguramos de tener seleccionada la capa de humo y con una herramienta pluma, creamos un trazado cerrado. Ajustaré un poco la máscara para que se vea mejor. Ya lo tenemos. Ya podemos ver nuestra maravillosa animación terminada e integrada. Nos vemos en la siguiente lección. 6. Animación en agua: Hola otra vez. Ahora es el momento de crear la animación que ves en la pantalla. Como siempre, comenzaremos por crear una composición. Lo nombraremos y dejaremos los mismos valores que en proyectos anteriores. Perfecto. Ahora vamos a crear un sólido. Para ello, iremos a Capa. Nuevo sólido, lo tendremos como está ahora, negro y hacemos clic en “Bien”. A continuación, iremos a Efecto. Ruido y Grano, Ruido Fractal. Este es un efecto que me gusta y podemos lograr resultados muy interesantes con valores ajustados para obtener el resultado deseado. En tipo fractal, elegiremos la opción de cadenas y un tipo de ruido Spline. A continuación, aumentaremos el valor de contraste a 500. Abriremos las opciones de transferencia y desmarcaremos la casilla de escala desinformada, lo que nos permitirá modificar las dimensiones del efecto con más libertad. Voy a aumentar el ancho de la escala hasta alrededor de 300. Podemos dejar la altura de la escala a 64 o 65. Posteriormente cuando lo integremos con la escena, veremos si se ve bien o si necesitamos ajustar un poco estos valores. Ahora con la capa seleccionada, iremos a los niveles de Efecto, Corrección de Color. La idea es darle más contraste a nuestro efecto, para darle un catch y look a nuestra animación. Para ello, colocaremos los valores de entrada negro y blanco de entrada en el centro del histograma. Le daremos a input black un valor de 120 y le daremos a input white un valor de 130. Ahora aparecen las flechas en el centro y nuestra escena tiene un aspecto mucho más divertido. Vamos a añadir un poco de color a nuestra escena. Para ello, iremos a Capa, Nuevo Sólido. Lo colorearemos de azul y haremos clic en “Bien”. Hemos arrastrado la nueva capa debajo. Para el sólido que tiene el efecto aplicado al mismo, aplicaremos el modo Agregar. Para terminar de ajustar la apariencia de la escena, bajaremos la opacidad a 20%. Genial, ya casi estamos ahí. Vamos a suavizar un poco la apariencia de la escena. No me convence. Esto lo podemos resolver de una manera muy sencilla. Iremos a subajustes y bajaremos el valor de la subinfluencia. Ahora, se ve mucho mejor. Genial. Ahora es el momento de agregar animación con una expresión simple. Dentro del efecto de ruido fractal, iremos a la opción de evolución, y mientras mantienes presionada la tecla Alt, clic en el “Cronómetro”. Escribiremos la expresión que veas en la pantalla. Gracias a esta expresión, no necesitamos crear ningún fotograma clave para crear la animación, y tenemos una vista previa. Maravilloso, me gusta. Al modificar el valor del tiempo, podemos hacer que el agua se mueva más rápido o más lento. Cuanto mayor sea el valor, más rápido se mueve el agua. Dejémoslo a los 50. A continuación, para darle a nuestra animación un aspecto más orgánico, aplicaremos un efecto que todos conocemos, Wave Warp. Aumentaremos el valor del ancho de onda a 400, por ejemplo, y reduciremos su velocidad a 0.5. Veamos cómo va. Genial, me gusta. Tenemos nuestra animación lista para integrarse con el Proyecto 3. Vayamos al panel Proyecto. Con la carpeta de agua seleccionada, importaremos la ilustración del Proyecto 3. Colocaré esta composición en su carpeta correspondiente para mantener todo organizado. Con un doble clic, ingresamos al Proyecto 3. Como puedes ver, es una escena súper simple. Arrastramos la animación del agua que acabamos de crear y las colocamos en esta escena. Echemos un vistazo. Se ve bien, pero creo que podemos mejorarlo un poco. Lo ajustaré a escala para que se integre mejor con la alberca. Simplemente colocamos los puntos de anclaje en la parte superior y ajustamos la escala. A ver. Ahora la animación está más integrada con la perspectiva de la ilustración. En la siguiente lección, veremos cómo podemos mejorar el aspecto de nuestras animaciones de una manera muy sencilla. Nos vemos ahí. 7. Toques finales: Hola ahí. En esta lección, daremos los toques finales a nuestras animaciones. Empecemos con la animación de fuego. Vamos a aplicar un efecto de resplandor en la animación de fuego. Seleccionamos la capa y vamos a Efecto, Estilizar, Resplandor. En el umbral de resplandor, aplicamos 80%, dejamos el radio de resplandor en 90 y establecemos la intensidad del resplandor en 1.5. Echemos un vistazo. Perfecto. a dejarlo así. Nuevamente, te recomiendo jugar con las propiedades del efecto y usar los valores que más te gusten para crear un look único y diferente. A continuación, vamos a crear una capa de ajuste. Para ello, ve a Capa, Nueva, Capa de Ajuste, y asegúrate de colocarla por encima de todas las demás capas. La magia es que cuando aplicamos efectos a una capa de ajuste, aplicamos a todas las capas debajo de ella. Con la capa de ajuste seleccionada, vaya a Efecto, Ruido y Grano, Ruido y aplique 10% de ruido. Al agregar ruido, agregamos un poco de textura a nuestra animación que me gusta. Por último, aplicaremos un último efecto. Vaya a Efecto, Tiempo, Tiempo posterización y baje la velocidad de fotogramas a 12. Al aplicar este efecto, pretendemos imitar el estilo de lo tradicional a la animación con la que se suele trabajar a esta velocidad de fotogramas. Vamos a previsualizar. La animación estará completamente terminada. Creo que voy a reducir un poco la cantidad de ruido, 7% es suficiente. Echemos un vistazo. Genial, para ahorrar tiempo, selecciona y copia la capa de ajuste con Ctrl C o comando C en Mac. A continuación, vaya al Proyecto 2 y pegarlo con Ctrl V o Comando V en Mac. Es así de simple. No necesitamos repetir el proceso. Para terminar, ve al Proyecto 3 y pegarlo. Una forma muy sencilla de dar los toques finales a nuestros proyectos. 8. Renderización: Ahora que tenemos nuestros proyectos listos, podemos exportarlos. Ten en cuenta que la composición que actualmente tenemos abierta será exportada. Para estos, vamos a composición y seleccionamos Agregar a Adobe Media Encoder. Media Encoder nos ayuda a exportar proyectos de manera más eficiente. Primero, ¿cuál era el codek? En este caso, usaremos H264. Exporta el video en MP4, el formato más utilizado para la web. En cuanto a la resolución de salida, podemos elegir la opción Match Source, bitrate alta o media para evitar errores y exportarla en el mismo tamaño que hemos trabajado en el proyecto. Por último, elegimos la ubicación para exportar el video y darle un nombre al archivo. Para terminar, haz clic en el botón Reproducir aquí. Con esto, todo estará listo. Una vez finalizado el proceso, puedes abrir tu video y compartirlo con todos nosotros en la galería del proyecto del curso. Tengo muchas ganas de ver su trabajo. 9. Reflexiones finales: Enhorabuena por completar el curso. Ha sido un placer guiarte a lo largo de este viaje. No puedo esperar a verte aplicar todo lo que has aprendido creando tus animaciones desde cero. Por favor, comparte tus proyectos en la galería de proyectos o etiquétame en tus publicaciones de Instagram. Me emociona ver tus creaciones y brindarte comentarios para ayudarte a mejorar. Recuerda, la práctica hace la perfección, y los errores son parte del proceso de aprendizaje. El proceso de aprendizaje de la animación puede ser desafiante, pero es increíblemente gratificante. Consulta mi perfil para conocer las actualizaciones de nuevas clases y otras clases relacionadas con el mundo de la animación. Valoro tus comentarios, así que por favor tómate un momento para dejar una reseña del curso y compartir tu experiencia con otros. Gracias por formar parte de esta clase y me emociona verte pronto en mis otras clases. Sigue con tu fantástico trabajo.