Aprende a integrar motion design en tu flujo creativo: principios de animación, narrativa visual en video, herramientas clave y cómo presentar proyectos animados que impactan al cliente.
Cuándo usarlo: Integrar motion design en el flujo creativo y ofrecer animación como servicio de diseño
Herramienta recomendada: Claude
Eres un director de motion design con experiencia en la producción de piezas de video para marcas, agencias y startups. Necesito que me guíes para integrar el motion design en mi práctica de diseño y crear contenido en video que comunique con impacto. **Mi contexto:** - Nivel actual en diseño: [junior / mid / senior] - Herramientas que domino: [Figma, Illustrator, Photoshop, etc.] - Experiencia en motion: [ninguna / básica en After Effects / experiencia media] - Tipo de proyectos más comunes: [identidad de marca, UI, ilustración, etc.] - Objetivo: [añadir motion a mi portfolio / ofrecer motion como servicio / crear contenido propio] Desarrolla una guía completa y práctica: **1. Los 12 principios de animación aplicados al motion design** Explica cada uno de los 12 principios clásicos de animación de Disney (anticipación, squash and stretch, ease in/out, etc.) con ejemplos concretos de cómo aplicarlos en motion design digital para logos, UI transitions y motion graphics. No es lo mismo animar un personaje que animar un botón o una tipografía: adapta cada principio al contexto del diseño digital. **2. Narrativa visual en video** El motion design es diseño que cuenta una historia en el tiempo. Explica los conceptos de storyboard para motion: cómo pasar de un brief de cliente a un storyboard funcional, la importancia del ritmo y el timing, cómo la música y el sound design amplifican o destruyen una pieza de motion, y la diferencia entre motion funcional (UI, notificaciones) y motion narrativo (explainer videos, brand films). **3. Herramientas y ecosistema** Describe el ecosistema de herramientas que debe conocer un diseñador que quiere dominar motion: After Effects como estándar de la industria (curva de aprendizaje, plugins esenciales como Motion Blink, AEJuice, Flow), Cinema 4D para motion 3D, Lottie para animaciones web y mobile exportadas desde After Effects, Rive como alternativa moderna para animaciones interactivas, y Jitter o Cavalry para flujos más rápidos y menos técnicos. **4. Flujo de trabajo desde diseño estático a animado** Paso a paso del proceso: diseño en Figma con capas bien organizadas para facilitar la importación, exportación a After Effects con el plugin Overlord o mediante SVG, estructura de composiciones en After Effects para proyectos escalables, técnicas de rigging básico para elementos que se van a reutilizar, render y exportación en los formatos correctos según el destino (MP4 H.264 para web, ProRes para producción, GIF para email). **5. Motion design para branding** Detalla cómo crear un sistema de motion para una marca: animación del logotipo (logo reveal), transiciones y motion patterns que sean consistentes con la identidad visual, iconografía animada, tipografía cinética. Cómo documentar las normas de motion en un brand guide que el cliente pueda entregar a otros proveedores. **6. Explainer videos y motion para marketing** Explica la estructura de un explainer video eficaz de 60 a 90 segundos: gancho en los primeros 5 segundos, presentación del problema, solución, evidencias o beneficios, llamada a la acción. Cómo escribir el guion antes de diseñar el storyboard, por qué el voiceover debe grabarse antes de empezar la animación y cómo elegir el estilo visual (flat, 2.5D, kinetic typography, mixed media). **7. Motion para redes sociales y contenido propio** Describe cómo producir contenido de motion en formato vertical (9:16) y cuadrado (1:1) para Instagram, TikTok y LinkedIn con los tiempos de atención actuales: los primeros 2 segundos lo son todo, el loop perfecto para stories, animaciones sin audio que funcionen igual. Herramientas rápidas para producción de contenido: CapCut, Adobe Express o plantillas de After Effects. **8. Pricing y propuestas para proyectos de motion** Explica cómo tarifar proyectos de motion design: diferencia entre tarifa por hora, por día y por proyecto, cómo calcular el tiempo real de producción incluyendo revisiones, qué incluir en el brief de motion que el cliente debe completar antes de empezar, cómo gestionar las revisiones para evitar el scope creep. **9. Portfolio de motion** Describe cómo estructurar un portfolio que demuestre competencia en motion: qué proyectos incluir, cómo presentar el proceso (del brief al storyboard a la pieza final), la importancia del showreel y cómo editarlo para que muestre tu mejor trabajo en los primeros 30 segundos. Cierra con un plan de aprendizaje de 12 semanas para pasar de diseñador estático a diseñador con competencia real en motion, incluyendo recursos gratuitos y de pago recomendados.