Saltar al contenido

Herramientas y técnicas para crear mejores gráficos de movimiento en After Effects

×
Los gráficos en movimiento son una forma de arte compleja y única que requiere mucha dedicación y habilidad para dominar. Mezclar el diseño gráfico con la animación para crear videos atractivos que comuniquen algo al espectador no es una tarea fácil. Tanto si acabas de empezar como si tienes experiencia en diseño de movimiento, probablemente sepas que After Effects (AE) es el programa básico para crear grandes gráficos en movimiento. Este artículo te enseñará algunas herramientas y técnicas excelentes que puedes utilizar dentro de After Effects para ayudarte a crear un trabajo aún mejor.

Recorta tus capas

Mientras trabajas en un proyecto de gráficos en movimiento, inevitablemente tendrás que renderizar tu secuencia. Esto a menudo puede ser una tarea que consume mucho tiempo y que a menudo no es más que un juego en espera. Una gran técnica para usar mientras se trabaja en After Effects es recortar las capas. Aunque al principio no parezca importante, recortar las capas puede ayudarte a mantenerte organizado e incluso a acelerar el tiempo de renderizado. A medida que empieces a crear tu pieza de gráficos en movimiento dentro de After Effects estarás trabajando con numerosas capas que juegan un papel vital en tu composición. Sin embargo, cada capa puede no ser importante para toda la secuencia. Por ejemplo, puede que trabajes con una capa que sea importante durante los dos primeros segundos de la secuencia, pero después de los dos segundos ya no es necesaria. Por eso, dedicar un poco más de tiempo a recortar cada una de las capas no sólo te permitirá mantenerte organizado visualmente, ya que podrás ver exactamente cuándo termina el efecto de una capa y cuándo empieza la siguiente en la línea de tiempo, sino que también acortará el tiempo de renderización de tu secuencia porque es menos lo que el sistema tiene que calcular en un fotograma determinado. Al final, eso es algo que cualquier diseñador de movimiento quiere hacer. Para recortar las capas, simplemente tendrás que encontrar el último fotograma que la capa en particular necesita. En muchos casos este es a menudo el último fotograma clave, que se puede encontrar fácilmente utilizando el atajo U. Una vez que haya encontrado el marco que desea que sea el último para esa capa, puede arrastrar el deslizador de duración al final del fotograma clave o utilizar el atajo Alt + ] para recortar la capa a la necesaria.

Herramientas y técnicas para crear mejores gráficos de movimiento en After Effects
Herramientas y técnicas para crear mejores gráficos de movimiento en After Effects

Crear caminos animados

Un camino animado es algo que se ve mucho en los gráficos en movimiento. Se puede hacer relativamente rápido, y es un efecto atractivo. A menudo se usa para crear el efecto de que algo se dibuja directamente en el vídeo en tiempo real. Hay muchas maneras de conseguir este tipo de efecto dentro de After Effects.Una de las maneras en que se puede hacer es estableciendo fotogramas clave para cada punto del recorrido. Aunque esto funcionaría, llevaría mucho tiempo y sería difícil obtener los resultados correctos. En cambio, puedes utilizar uno de los muchos preajustes de animación de After Effects para crear un recorrido animado de gran aspecto en un tiempo mucho más corto. En realidad, esto sólo requeriría dos fotogramas clave para el inicio y el final para crear el efecto. Puedes hacerlo muy fácilmente en After Effects creando primero una nueva capa de forma en tu composición. Una vez que hayas creado una nueva Capa de forma, puedes ir a tu herramienta de pluma y empezar a crear el camino que quieras. En este caso se trata de un gráfico que se dibujará en el vídeo. Cuando tengas tu forma con el aspecto que desees, puedes convertir la capa de forma que has creado en una capa 3D. Probablemente notarás que el gráfico se ha reducido bastante, así que sólo tendrás que volver a escalarlo para conseguir el tamaño adecuado.con la Capa de forma seleccionada, ve al menú desplegable en la opción Añadir, y elige Recortar caminos como puedes ver en la captura de pantalla anterior.ahora tendrás que ir a donde quieres que empiece la animación y establecer el atributo End del nuevo efecto Recortar caminos a 0% y establecer un fotograma clave. Notarás que tu camino ya no es visible. Esto es lo que quieres. A continuación, ve a donde quieres que termine la animación. A continuación, establece el efecto Recortar trayectoria final en 100%. After Effects debería establecer automáticamente un fotograma clave aquí si has establecido uno en el paso anterior. Eso es todo! Ahora tienes la línea que creaste como si se estuviera dibujando en el vídeo, y sólo te tomó dos fotogramas clave y unos pocos minutos para configurarla.

Vectores y Pixeles

Un debate común en el mundo del arte digital es si se deben usar vectores o píxeles. Como ya sabrán, Photoshop crea gráficos basados en píxeles, e Illustrator crea gráficos vectoriales. Cuando empieces a trabajar en AE, puede que te sientas más cómodo con un tipo que con otro, simplemente porque puede que hayas usado más Photoshop o Illustrator en el pasado. Sin embargo, es importante que recuerdes que hay beneficios tanto en los gráficos basados en píxeles como en los vectoriales, y hay ciertos casos en los que querrás usar uno sobre el otro. Por ejemplo, cuando se crean degradados es mejor crearlos en Photoshop porque así se reduce la formación de bandas y se obtienen resultados mucho más suaves. Con otros elementos gráficos, los vectores casi siempre deben usarse en lugar de los píxeles, a menos que haya una necesidad específica de gráficos en píxeles. Por ejemplo, cuando se trabaja con animaciones en las que la cámara se acerca mucho a un gráfico, se notará que tanto los gráficos vectoriales como los pixelados tendrán problemas de alias y desenfoque. Sin embargo, esto se puede arreglar fácilmente con los gráficos basados en vectores mediante el ajuste de la opción de rasterización continua. Con un gráfico pixelado no se puede arreglar este problema. Es importante que sepas cuándo usar un tipo sobre el otro en tu trabajo de diseño de movimiento. Los gráficos vectoriales son probablemente la ruta que querrá tomar, pero hay algunos casos, como se mencionó anteriormente, en los que los gráficos pixelados funcionarán mejor. Antes de saltar a un diseño, tómese el tiempo para pensar qué aspectos del diseño funcionarán mejor en los vectores y qué funcionará mejor como gráficos basados en píxeles.

Trabaja con RGB

Al importar archivos de Illustrator a After Effects, es posible que notes que tus colores no son iguales a los de Illustrator. Esto sucede porque Illustrator utiliza de forma predeterminada el modo de color CMYK, que se utiliza para la impresión, mientras que After Effects utiliza el modo de color RGB, que es el mejor para el vídeo. Para asegurarse de que está sacando el máximo provecho de sus gráficos y también para obtener una representación precisa de cómo será su pieza final, tendrá que cambiar el modo de color a RGB en Illustrator siempre que esté creando diseños para gráficos en movimiento. Esto eliminará cualquier problema de coloración que hayas podido encontrar en el pasado. Puedes hacerlo muy fácilmente en Illustrator yendo a File> Document Color Mode> RGB Color como se ve en la captura de pantalla de arriba. Ya sea que estés creando los gráficos por ti mismo o por alguien más en el proceso, cuando estés creando diseños para gráficos en movimiento en Illustrator obtendrás una mejor representación de los colores si creas esos elementos usando el modo de color RGB.

Revisa tus fotogramas clave en el editor de gráficos

Como cualquier otra forma de animación, los gráficos en movimiento requieren el uso de fotogramas clave para crear movimiento. Si quieres obtener los mejores resultados posibles deberías utilizar el editor de gráficos que está en After Effects. Como los gráficos en movimiento son animación, se pueden aplicar muchos de los mismos principios de animación. A medida que creas los fotogramas clave en la línea de tiempo, es posible que obtengas animación, pero lo más probable es que se trate de movimientos muy lineales y poco atractivos. Puedes usar el Editor de Gráficos para tener más control sobre tu animación y crear animaciones mucho más realistas e interesantes.el Editor de Gráficos básicamente te permite ver la interpolación que ocurre entre cada fotograma clave. Ajustando las curvas de animación en el editor puedes crear cosas como la facilidad de entrada y salida, el seguimiento y el ajuste del tiempo, todo ello con bastante rapidez.

Usar la herramienta de títeres

La herramienta de títeres de After Effects es una herramienta muy poderosa que permite establecer puntos en un gráfico que pueden ser manipulados para la animación. Es una gran herramienta cuando tienes un elemento gráfico que se asemeja a un animal o a un humano. Puedes usar la herramienta de títeres para colocar básicamente todas las articulaciones del gráfico en el lugar en el que estarían normalmente las articulaciones de un humano, lo que hace posible manipular esos puntos individualmente unos de otros.Para empezar a establecer puntos puedes ir a tu barra de herramientas y seleccionar la Herramienta de Títeres. Entonces puedes empezar a fijar tu gráfico en los lugares en los que las articulaciones estarían en un humano, como el codo, la muñeca, la rodilla, etc. Una vez hecho esto, puedes empezar a manipular cada punto para conseguir la postura que quieras. Puedes configurar los fotogramas clave como lo harías normalmente para crear la animación. Aunque los resultados pueden no ser extremadamente realistas, es una gran manera de poder mover partes de tu gráfico sin tener que separar los diferentes elementos en su propia capa. After Effects es una aplicación extremadamente robusta con muchas herramientas y características que son vitales para el trabajo de los gráficos en movimiento. Asegúrate de utilizar estas herramientas y técnicas para ayudarte a acelerar tu flujo de trabajo y crear un trabajo aún mejor. En este artículo se ha hecho un repaso de los tipos de herramientas disponibles en After Effects, así que asegúrese de consultar la Introducción a After Effects para diseñadores de movimiento para aprender aún más herramientas y técnicas, y continúe aprendiendo con los muchos otros tutoriales de gráficos animados de After Effects.

COMPARTIR:

¿Listo para capacitar a todo tu equipo?

10Licencias¿Necesitas más licencias? Contacte con ventas. Continúe con la compraContinúe con la compraCancelar

Con tu plan de Pluralsight, puedes:

Con tu piloto de 14 días, puedes:

  • Acceder a miles de videos para desarrollar habilidades críticas
  • Darle acceso a hasta 10 usuarios a miles de cursos de video
  • Practicar y aplicar habilidades con cursos y proyectos interactivos
  • Ver datos de habilidades, uso y tendencias de sus equipos
  • Prepararse para las certificaciones con los exámenes de prácticas líderes en la industria
  • Medir la competencia entre las habilidades y los roles
  • Alinear el aprendizaje a sus objetivos con los caminos y canales

╲╱SolutionsPluralsight SkillsPluralsight FlowGift of PluralsightView PricingContactar Sales╲╱PlatformBrowse libraryRole IQSkill IQIrisAuthorsProfessional ServicesTechnology Index╲╱CompanyAbout usCustomer storiesInvestorsCareersBlogNewsroomResource centerGuides╲╱ResourcesDownload PluralsightEventsTeachPartnersAffiliate programPluralsightOne.orgSubscribe╲╱SupportContactHelp centerIP whitelistSitemapCopyright © 2004 – Pluralsight LLC. Todos los derechos reservadosCondiciones de usoPolítica de privacidad

Utilizamos cookies para que las interacciones con nuestros sitios web y servicios sean fáciles y significativas. Para obtener más información sobre las cookies que utilizamos o para saber cómo puede desactivarlas, haga clic aquí.

Acepta las cookies y cierra este mensaje Deshabilitar cookies

Ha desactivado las cookies no críticas y está navegando en modo privado. Para tener la mejor experiencia posible en nuestro sitio web, por favor, acepte las cookies. Para obtener más información, lea nuestra política de privacidad.

Acepta las cookies y cierra este mensaje