
Motion graphics y animación 2D
Ideas que entran por los ojos.
Diseño gráfico en movimiento y animación para explicar un proceso, presentar un producto o dar ritmo a un mensaje de marca, y que se entienda a la primera. Para la web, presentaciones, eventos y redes, del concepto a la entrega con el mismo equipo.
Han confiado en nosotros
En pocas palabras
¿Qué es el motion graphics?
El motion graphics es diseño gráfico en movimiento: tipografía, formas, iconos, ilustraciones y datos animados para contar una idea en poco tiempo. Se usa para explicar un proceso, presentar un producto o dar ritmo a un mensaje de marca, en la web, en presentaciones, en eventos y en redes.
La animación 2D va de la mano: personajes y escenas dibujadas que cuentan una historia. En la mayoría de nuestros vídeos se mezclan las dos, y a veces se suman el 3D o la imagen real.
Para qué sirve un vídeo de motion graphics
Para que un mensaje se vea, se entienda y se recuerde. Tres encargos reales y lo que había que resolver en cada uno.
01Explicar un proceso que nadie ve
Decathlon tenía un piloto para reciclar aletas de buceo y natación al final de su vida útil. Lo contamos en un vídeo de animación que se usó en todas sus tiendas de Francia y en escuelas de submarinismo PADI.
Fins made from FinsDecathlon · SUBEA
Ver el caso
02Enseñar un protocolo paso a paso
Para Prosegur, una animación con las principales medidas de seguridad y vigilancia que aplica en los aeropuertos: qué hace cada equipo y en qué orden.
Seguridad en aeropuertosProsegur
Ver el caso
03Concienciar sin sermonear
Con Fundación Mapfre, piezas de seguridad vial para peatones y motoristas, de buenas costumbres en internet y de ahorro. Consejos que se recuerdan porque se ven.
Peatón, Netiqueta, Retos para ahorrar…Fundación Mapfre
Ver el caso
Con el estilo de tu marca
El estilo lo pone tu marca
Mahou quería dar las gracias a quienes la eligen cada día, repasando sus premios en distintos países.
Pidió un estilo muy suyo: cómic, trazo a mano y una paleta reducida, con el rojo Mahou, el amarillo de la cerveza y verdes, para un público joven y urbano. Cada escena se dibujó dentro de esas reglas.
Y cierra con una frase: El mejor premio es saber que nos eliges cada día
- Cliente
- Mahou
- Proyecto
- 77 veces gracias
- Año
- 2021
Motion graphics, 2D, 3D o imagen real: cuál te conviene
No hay una técnica mejor: hay una que encaja con lo que tienes que contar. Muchas piezas mezclan dos o tres.
| Motion graphics | Animación 2D | Animación 3D | Imagen real | |
|---|---|---|---|---|
| Qué es | Tipografía, formas, iconos y datos en movimiento | Personajes y escenas dibujadas | Objetos, personajes y espacios modelados en tres dimensiones | Rodaje con cámara: personas, lugares y producto reales |
| Cuándo conviene | Explicar un proceso, un dato o un mensaje de marca | Contar una historia con personajes o con un tono cercano | Enseñar un producto por dentro o algo que no se puede rodar | Enseñar a tu equipo, tus instalaciones o a quien da la cara |
| Cuándo no tanto | Si lo importante es ver a personas reales | Si hay que enseñar un producto con precisión técnica | Si el mensaje es sencillo y basta con gráficos | Si lo que hay que contar no se ve o no se puede rodar |
| Un ejemplo nuestro | Fins made from Fins (Decathlon) | 77 veces gracias (Mahou) | EcoAdvanced (Energizer) | Practicooking (Fundación Mapfre) |
Cómo trabajamos
Cinco pasos. En cada uno ves el trabajo y das el visto bueno antes de seguir: nada llega al final sin que lo hayas visto.
Empezar por el briefingPaso 1: Briefing
Nos cuentas qué hay que explicar, a quién y dónde se va a ver. Si hay una fecha, va la primera.
RecibesUna propuesta con enfoque, plan y presupuesto
Paso 2: Guion
Ordenamos el mensaje: qué se dice, en qué orden y con qué imágenes. Si ya tienes guion, partimos del tuyo.
RecibesEl guion
Paso 3: Estilo y storyboard
Diseñamos los fotogramas clave en el estilo de tu marca y dibujamos el vídeo escena a escena.
RecibesFotogramas clave y storyboard
Paso 4: Animación
Con una voz de prueba, un animatic para ajustar el ritmo. Después, la animación.
RecibesEl animatic y la animación
Paso 5: Sonido y entrega
Voz, música y efectos, y las versiones para cada pantalla.
RecibesEl vídeo final en cada formato
Un vídeo, todas las pantallas
Lo pensamos para donde se va a ver: la web, una presentación, una pantalla en tienda o las redes.
- Horizontal (16:9) para la web, presentaciones y eventos
- Vertical (9:16) y cuadrado (1:1) para redes
- Cortes cortos para anuncios
- Subtítulos para verlo sin sonido
Preguntas frecuentes
¿Qué diferencia hay entre motion graphics y animación 2D?
El motion graphics anima diseño gráfico: textos, formas, iconos y datos. La animación 2D anima personajes y escenas dibujadas, como en unos dibujos animados. En la práctica, la mayoría de los vídeos de empresa mezclan los dos: Fins made from Fins, para Decathlon, cuenta un proceso de reciclaje con ilustración plana, personajes cercanos y gráficos que ordenan cada paso.
¿Cuánto cuesta un vídeo de motion graphics?
Depende sobre todo de tres cosas: la duración, el estilo (no es lo mismo animar tipografía e iconos que personajes ilustrados a medida) y cuántas versiones necesites, por ejemplo para redes o en otros idiomas. También cuenta si lleva locución y música. Cuéntanos qué hay que contar y para cuándo, y te preparamos una propuesta con presupuesto.
¿Cuánto se tarda en hacer un vídeo animado?
Depende de la duración, del estilo y de cuántas rondas de cambios haga falta. Lo que más alarga un proyecto no es animar, sino decidir: por eso cada paso (guion, estilo, animatic) se aprueba antes de pasar al siguiente. Si tienes una fecha, como un lanzamiento, un evento o una campaña, dínosla al principio: el plan se hace hacia atrás desde ahí.
¿Necesito tener el guion?
No. Puedes venir con un guion, con un documento, con una presentación o solo con la idea. Ordenar el mensaje (qué se dice, en qué orden y qué se queda fuera) es parte del trabajo, y suele ser lo que más se nota en el resultado.
¿Cuánto debe durar un vídeo de motion graphics?
Depende de dónde se vea y de lo que tenga que recordar quien lo vea. Para redes funcionan piezas cortas; para explicar un proceso, presentar en un evento o formar a un equipo, la pieza puede ser más larga. Lo decidimos con el guion, y cada escena tiene que ganarse su sitio.
¿Podéis animar con nuestra identidad de marca?
Sí. Partimos de tu manual de marca (tipografías, colores, logotipo y tono) y, si hace falta, proponemos cómo se mueve todo eso. Si la marca pide un estilo muy concreto, ese estilo manda, como en 77 veces gracias, de Mahou: cómic, trazo a mano y una paleta de pocos colores.
¿Trabajáis con agencias y productoras?
Sí. Hemos hecho piezas con agencias como Moonbook y LaZona. A una productora le hacemos una parte cerrada, como una cabecera o la animación de un documental, o trabajamos dentro de su equipo durante el proyecto.
Para productoras y agencias¿Tu empresa está en Madrid?
De qué depende el precio de un vídeo animado, cómo se aprueba cada fase y casos para Mahou y Fundación Mapfre.
Motion graphics en MadridTambién hacemos
- 02Vídeo explicativoTu producto, tu servicio o tu idea, entendidos en un minuto.
03Animación 3DProducto, procesos y mundos que no se pueden rodar.
04Grafismo para cine, TV y plataformasCabeceras, créditos y mapas para series y documentales.- 08Infografía y visualización de datosCifras y procesos complejos, entendidos de un vistazo.
¿Qué tienes que contar?
Cuéntanos qué hay que explicar, a quién y para cuándo. Te respondemos y quedamos para verlo con calma.
info@isla-studio.comEl equipo de Isla StudioEstudio audiovisual en Madrid


















