Skip to content
Koncep.to

Somos Apasionados por el Motion Graphics

Motion Graphics

Cuando obtenemos el conocimiento de diseño y lo llevamos a nuevos medios agregando el factor tiempo y espacio, estamos hablando de Motion Graphics. De una manera más simple, casi todo lo que se mueve y que involucra un elemento gráfico es Motion Graphics.

Probablemente te hayas preguntado ¿Qué es Motion Graphics? Especialmente, cuando lo ves referenciado de diferentes maneras, como la animación. Motion Graphics, como palabra compuesta, significa Gráficos en Movimiento. Esta es la definición más simple que puedes obtener.

¿Qué es el Motion Graphics?

Se puede decir que Motion Graphics es el arte de combinar piezas de animación, diseños gráficos y secuencias digitales junto con audio para formar una película digital. Ayuda a transmitir ideas a los espectadores de una manera fácil y eficaz. Estos se presentan a través de medios electrónicos como el taumatropo, el fenakistoscopio, el estroboscopio, el zoótropo, etc.

ejemplos de motion graphics

Es diferente de la animación común, no está estrictamente orientada a los personajes como la animación, sino que a menudo representa formas animadas, logotipos y otros textos. No cuenta con un fundador o creador oficial ya que sus inicios no fueron registrados en ninguna parte. Pero incluso a principios del siglo XIX se publicaron algunas presentaciones que pueden clasificarse como motion graphics.

Su historia estaba estrechamente relacionada con la infografía. El desarrollo de la infografía conduce al desarrollo y uso más amplio de los motion graphics. Se utiliza comúnmente para crear anuncios, títulos de películas, compartir información, etc. Los textos son el contenido principal de estos gráficos y dando animación al texto y añadiendo audio se crean motion graphics.

Veamos algunos ejemplos de motion graphics

Hubo un tiempo, antes de que existiera el Motion Graphics, en que las piezas de Diseño Gráfico sólo funcionaban en un formato plano y quieto. Pero hoy existen incontables ejemplos de motion graphics que se encuentran en casi cualquier pieza audiovisual.

A continuación, te enumero algunos de los más usados en la industria:

Titulos animados

La secuencia del título y los créditos finales de ParaNorman

Los titulos animados son una poderosa expresión de los motion graphics. Son un preludio de cualquier película o video. Como secuencia introductoria involucran a la audiencia insinuando lo que está a punto de comenzar, ya sea una película, un programa de TV o una animación Web.

Animación de logo

https://www.youtube.com/watch?v=a-6V0dNv9lE
Tutorial en como animar un logo en After Effects

Una animación de logo consiste principalmente en tomar un logotipo “estático”, dividirlo en partes, y hacer que esas partes se animen juntas, dando nueva vida a la idea del diseño del logotipo, y dando a su kit de herramientas de marca digital más fuerza que nunca antes.

Videos explicativos

Esta animación 2D fue producida usando Illustrator y Adobe After Effects, con storyboards dibujados a mano.

Los videos explicativos son videos cortos de marketing que se utilizan para explicar el producto o servicio de una empresa. Los videos explicativos suelen colocarse en un landing page, en la página de inicio de un sitio web o en una página de producto. Este tipo de videos se han vuelto extremadamente populares – algunos sitios se jactan de que las tasas de conversión aumentan hasta un 144% después de incluir un video explicativo en su sitio web.

Estos son algunos tipos de motion graphics

Como ya he explicado, los motion graphics tienen que ver con la explicación de conceptos difíciles e información concreta siempre y cuando existan animaciones de diferentes partes gráficas. Pero hay varios tipos de motion graphics, así que, a continuación echaremos un vistazo a los mas usados.

  • Stop Motion: es una animación que se captura un cuadro a la vez, con objetos físicos que se mueven entre cuadros.
  • Tipografia Cinetica: También conocido como Kinetic Typography, es una técnica de animación que utiliza texto en movimiento para captar la atención, establecer un tono y entretener.
  • Graficos Cineticos: Al igual que la tipografía cinética, esta es una técnica que utiliza una secuencia gráfica (normalmente sincronizada con algún audio) para presentar un mensaje.
  • Animación Aunque ya mencioné que motion graphics es animación de elementos gráficos, puede que exista algo de confución en este punto. Por eso lo explicaré a continuación

¿Cual es la diferencia entre motion graphics y animación?

motion graphics de secuencia de sushi

Para mí, esto es lo más difícil de definir. No hay una investigación científica de lo que está bien y lo que está mal en términos de cómo deberíamos nombrar lo que hacemos. Por lo que he leído a lo largo de los años, y lo que he hablado con otros diseñadores que conocí en la industria, hay básicamente una fina línea que divide a ambos y que la mayoría de las veces es invisible.

Como expliqué anteriormente, el Motion Graphics viene de la idea de Gráficos (o Diseños) en movimiento. Las piezas de Motion Graphics contienen elementos de diseño como formas, tipografía, composición, etc. Especialmente en sus orígenes, puedes pensar en eso como en cómo traducir una impresión o cualquier otro trabajo de diseño visual estático, y añadirle movimientos.

La animación, especialmente la animación tradicional y/o animación 2D, puede ser más amplia. Puede englobar los Motion Graphics en sí mismos, pero también otros estilos, técnicas y propósitos. Como Motion Graphics deriva del campo del diseño, se preocupa más por la función de su pieza, y por cómo puede ser efectiva para lo que se supone que debe enviar el mensaje. La animación, por otro lado, también puede tener un significado como el de los Motion Graphics, pero también puede ser más artística y con fines de entretenimiento solamente.

En Koncep.to, no nos limitamos sólo a los Motion Graphics. Aunque soy un diseñador de movimiento por naturaleza y por educación formal, creo que la animación puede ser usada para un significado mucho más profundo que sólo vender un producto o un servicio. Para mí, las animaciones son capaces de enviar mensajes más profundos, y disparar emociones como ningún otro medio puede hacerlo.

¿Qué programas se usan para crear motion graphics?

Puedes encontrarte con muchos programas o herramientas para aprender motion graphics y podrías estar pensando cual de todas deberías elegir para tus perspectivas de carrera o trabajos. Así que para reducir tu prisa, te ayudaré en este viaje y te voy a enumerar algunas herramientas útiles que deberías conocer.

Photoshop

photoshop como herramienta en el motion graphics
Photoshop ya es considerado un “verbo” en el idioma Inglés.

Photoshop es una herramienta elemental para todos los artistas del motion graphics, así como para los diseñadores gráficos de la industria del diseño, es un software de edición de imagen y tiene capacidades que van mucho más allá. Estas son algunas de las tantas tareas que puedes lograr con Photoshop:

  • Puedes cambiar el tamaño de imágenes.
  • Separar sujetos o artefactos de un fondo.
  • Usando varios filtros y herramientas avanzadas se pueden crear diseños muy atractivos.

Illustrator

Somos Apasionados por el Motion Graphics 3
Illustrator como la herramienta más conocida de edición de imagenes vectoriales

Illustrator es otra herramienta famosa para los diseñadores de. Es bastante similar al Photoshop en cuanto a software, pero con muchas variaciones en sus funsiones. La mayor diferencia es que Photoshop se ocupa de los mapas de bits, mientras que Illustrator es un software de edición de imágenes vectoriales.

Las imagenes vectoriales son una parte crucial del flujo de trabajo en el motion graphics, en la creación de logotipos, objetos de forma y fondo de vectores.

After Effects

adobe after effect splash screen
After Effects como el programa de composición de video favorito

After Effects es la principal herramienta para los diseñadores de motion graphics, si quieres dominar como artista gráfico, entonces debes aprender Adobe After Effects. La naturaleza flexible y versátil de AE lo hace favorito entre los animadores.

AE es un software de animación 2.5D que permite diseñar, alterar, componer y animar en espacios 2D y 3D. Después de crear tu guión gráfico y elementos en Photoshop e Illustrator, puedes juntar tu trabajo en AE para animarlo y manipularlo como una pieza gráfica en movimiento.

Cinema 4D

nave espacial hecha en Cinema 4D
Trabajo 3D realizado enteramente en Cinema 4D

Saltemos al mundo de Cinema 4D. Los artistas de motion graphics prefieren Cinema 4D a otras herramientas 3D (Maya, 3DS Max, Blender, etc.) debido a que es conveniente, y su amigable interfaz lo hace bastante facil para comenzar a usarlo.

Cinema 4D contiene características únicas, y su compatibilidad con unos pocos motores de render acelerados por la GPU que te ayudan a renderizar los modelos 3D de mayor calidad en la pantalla del ordenador.