stringtranslate.com

diseño gráfico en movimiento

Una fotografía del uso de After Effects en un proyecto de gráficos en movimiento.

El diseño gráfico en movimiento , también conocido como diseño en movimiento , es un subconjunto del diseño gráfico que combina el diseño con la animación y/o la realización cinematográfica , la producción de videos y técnicas cinematográficas . [1] Los ejemplos incluyen tipografía cinética y gráficos utilizados en secuencias de apertura de películas y televisión, y logotipos de identificación de estaciones de algunos canales de televisión .

Tanto los principios de diseño como los de animación son importantes para un buen diseño de movimiento. [2]

Algunos diseñadores de movimiento comienzan como diseñadores gráficos tradicionales y luego incorporan el movimiento a sus habilidades, mientras que otros provienen del cine , la edición o la animación , ya que estos campos comparten una serie de habilidades superpuestas. [3]

Tecnología

Los avances tecnológicos durante los siglos XX y XXI han tenido un gran impacto en este campo; La principal de ellas son las mejoras en la tecnología informática moderna, a medida que los programas informáticos para las industrias del cine y el vídeo se volvieron más potentes y más ampliamente disponibles durante este período. El diseño gráfico en movimiento moderno generalmente implica cualquiera de varias herramientas y procesos computarizados.

Adobe After Effects es uno de los principales programas informáticos utilizados por los diseñadores de gráficos en movimiento modernos. [2] Permite a los usuarios crear y modificar gráficos a lo largo del tiempo. [4]

El software 3D como Cinema 4D y Blender forman parte del conjunto de herramientas de muchos diseñadores de movimiento modernos. [2]

Adobe Animate , anteriormente conocido como Flash , es una herramienta para el diseño de gráficos en movimiento 2D . Antes del auge de HTML5 , era la herramienta principal para la animación web . [5] También se ha utilizado para crear animaciones de vídeo, como la serie web Homestar Runner . [6] Algunos diseñadores de movimiento todavía lo utilizan, particularmente para la animación cuadro por cuadro o " cel ". [4] [7]

Adobe Premiere Pro se utiliza a menudo con After Effects cuando se combinan secuencias de vídeo con gráficos en movimiento. [2] [8]

Antes de la animación, los diseñadores de movimiento utilizan herramientas de diseño como Adobe Photoshop para gráficos rasterizados y Adobe Illustrator para arte vectorial . [2] Photoshop también se puede utilizar para la animación de celdas. [9]

Motion de Apple Inc. , ahora parte de Final Cut Studio , es otra herramienta para gráficos en movimiento. [10]

Tipos de gráficos en movimiento

El diseño gráfico en movimiento se utiliza a menudo en la industria cinematográfica . Las aperturas de películas, programas de televisión y programas de noticias suelen utilizar fotografía , tipografía y gráficos en movimiento para crear imágenes visualmente atractivas. El diseño de gráficos en movimiento también ha logrado un uso generalizado en publicidad y marketing de contenidos.

En 2018, Cisco proyectó que el 82% de todo el tráfico web sería video para 2022. [11] Los especialistas en marketing y anunciantes han centrado gran parte de sus esfuerzos en la producción de video de marca y contenido gráfico en movimiento de alta calidad. [ cita necesaria ]

Además de sus innumerables usos en publicidad, marketing y creación de marcas, los gráficos en movimiento se utilizan en software, diseño de interfaces de usuario, desarrollo de videojuegos y otros campos. Aunque el diseño de movimiento y la animación comparten muchos puntos en común, la diferencia entre ellos radica en el hecho de que la animación como forma de arte específica se centra más en efectos cinematográficos y técnicas de narración para elaborar una narrativa, mientras que el diseño de movimiento se asocia típicamente con la configuración de objetos abstractos, texto y otros elementos de diseño gráfico en movimiento. Dar vida a un gráfico, una infografía o un diseño web mediante el movimiento es, en términos generales, "animación", pero más concretamente es un tipo de animación que se denomina motiongraphics. [ cita necesaria ]

Los gráficos en movimiento adoptan una variedad de formas. Si bien algunos están completamente animados, otros incorporan videos y/o fotografías de acción en vivo. Este último puede incluir superposiciones de animación, como visualizaciones de datos, íconos, ilustraciones y texto explicativo utilizados para complementar y mejorar la comprensión del contenido por parte del público. [ cita necesaria ]

En contextos de marketing de contenidos, existen tres tipos principales de gráficos en movimiento que los especialistas en marketing eligen utilizar según los objetivos que desean lograr con el gráfico en movimiento. Los gráficos en movimiento explicativos buscan dilucidar un producto, proceso o concepto. Mientras tanto, los gráficos en movimiento emotivos tienen como objetivo inspirar una respuesta emocional particular en el público. [ cita necesaria ] Y finalmente, los gráficos en movimiento promocionales se utilizan para crear conciencia sobre un servicio, producto o iniciativa. Debido a que muchos gráficos en movimiento se diseñan con objetivos particulares en mente, a menudo es esencial asociarse con un diseñador u organización especializada en diseño de comunicación visual [ cita necesaria ] para lograr un producto final que transmita información de una manera precisa y convincente. [12] [ cita irrelevante ]

UX y diseño de movimiento

Diseñador de experiencia de usuario esbozando un nuevo diseño para una aplicación de teléfono

UX , también conocida como experiencia de usuario, va de la mano del diseño en movimiento. Por ejemplo, al diseñar una aplicación para teléfono, el diseño de movimiento se utiliza para mejorar la experiencia del usuario. [13]

El diseño de movimiento mejora enormemente y de manera efectiva la experiencia del usuario al agregar animaciones a cualquier pantalla. El diseño en movimiento no sólo se utiliza en aplicaciones telefónicas; se utiliza en computadoras, tabletas, teléfonos inteligentes, televisores y mucho más. Los diseñadores de UX utilizan el diseño de movimiento para crear sus prototipos y experimentan con él para determinar si es fácil de usar para una persona promedio o si es necesario mejorarlo. [14]

Empleos y salarios

Hay una variedad de oportunidades profesionales para los diseñadores de movimiento, que incluyen animación , dirección de arte , diseño , arte conceptual , composición , dirección creativa , edición , ilustración , producción y guiones gráficos . Algunos diseñadores de movimiento asumen una variedad de estas responsabilidades, mientras que otros prefieren especializarse.

Los diseñadores de movimiento pueden trabajar en una variedad de proyectos, incluidos anuncios , marcas/identidad , videojuegos , UX / UI , AR / VR y películas . [15]

En los Estados Unidos, el ingreso promedio de un diseñador de movimiento fue de $87,900 (USD) por año en 2019. [16]

Habilidades de diseño de movimiento.

Las habilidades en tipografía son fundamentales para los diseñadores de movimiento, ya que los vídeos, dibujos animados y anuncios a menudo incluyen texto. Un buen diseñador de movimiento sabe cómo utilizar estilos, tamaños y tiempos de letra para utilizar el texto y atraer al público.

El conocimiento de la teoría del color también es muy importante para los diseñadores de movimiento. Deben tener un buen conocimiento del círculo cromático, los colores complementarios y las saturaciones de color. El uso del color es extremadamente útil para comunicar estados de ánimo, efectos y emociones.

Los diseñadores de movimiento también deben tener experiencia en software. Parte del software incluye Adobe Photoshop , Adobe Illustrator , Adobe After Effects , Adobe Premiere Pro y Adobe Substance.

Otras habilidades importantes en el diseño de movimientos son la atención al detalle; y buen sentido del tiempo, para cosas como hacer coincidir vídeo con audio. [17]

Historia

El diseño de movimiento comenzó ya en el siglo XIX, cuando se inventaron los primeros dispositivos de animación , como los libros animados .

No hubo fundadores oficiales de esta forma de arte; sin embargo, Saul Bass , Pablo Ferro y John Whitney son algunos de los primeros diseñadores de movimiento conocidos.

John Whitney fue uno de los pioneros del diseño de movimiento generado por computadora . En 1960 acuñó el término " motion Graphics " con la fundación de su empresa, Motion Graphics Incorporated. Inventó su propia computadora analógica mecánica para diseñar gráficos en movimiento para comerciales de televisión y secuencias de títulos de películas .

Whitney colaboró ​​con Saul Bass para animar una de sus piezas más famosas, la secuencia del título de la película Vertigo de Alfred Hitchcock de 1958 , que presentaba gráficos arremolinados que aumentaban de tamaño. [18]

Educación profesional

Un título en diseño de movimiento puede ayudar a un aspirante a diseñador a construir las bases para una carrera, desarrollando sus habilidades en diseño, animación y pensamiento conceptual. [19] En los Estados Unidos, los programas de licenciatura a nivel universitario pueden costar alrededor de 200.000 dólares. [1] [20]

Desde la década de 2010, las opciones de aprendizaje en línea para el diseño de movimiento se han vuelto más frecuentes, con recursos como School of Motion , [21] Video Copilot, [22] Greyscalegorilla, [23] y una gran cantidad de tutoriales de YouTube de canales como Ben Marriott, [2 ] EC Abrams, Eyedesyn y Mt. Mograph. [24]

Las comunidades en línea como Creative COW permiten a los diseñadores de movimiento obtener asesoramiento y asistencia técnica de diseñadores más experimentados.

Ver también

Referencias

[25] Willenskomer, Issara. "Diseño de movimiento en productos digitales: un documento técnico". Medio, UX in Motion, 20 de junio de 2019

[26] Richard Williams, The Animator's Survival Kit, un manual de métodos, principios y fórmulas.

[27] "La historia de los gráficos en movimiento - Triplet 3D: Blog". Triplet 3D, 3 de julio de 2015, www.triplet3d.com/the-history-of-motion-graphics.

[28] Norman, Donald A. El diseño de las cosas cotidianas. Libros Básicos, 2013.

Blauvelt, Andrew y cols. Diseño Gráfico: Ahora en Producción . 1ª ed., Walker Art Center, 2011.

Krasner, Jon S. Diseño gráfico en movimiento: historia aplicada y estética. 2ª ed., Focal Press, 2008, https://doi.org/10.4324/9780080887326.

  1. ^ ab Cone, Justin (15 de abril de 2015). "Seis desafíos que enfrenta la educación en diseño de movimiento". Motionógrafo . Consultado el 8 de mayo de 2023 .
  2. ^ abcdef "Una guía para el diseño en movimiento". Lottie . 26 de agosto de 2022 . Consultado el 8 de mayo de 2023 .
  3. ^ "Todo lo que necesita saber para convertirse en diseñador de gráficos en movimiento". www.rasmussen.edu . Consultado el 4 de febrero de 2020 .
  4. ^ ab Korenman, Adán. "La guía definitiva para el software de gráficos en movimiento 2020". Escuela de Movimiento . Consultado el 12 de mayo de 2023 .
  5. ^ Gregurec, Ana. "Animación web en la era post-flash". Toptal . Consultado el 12 de mayo de 2023 .
  6. ^ Winkie, Luke (24 de enero de 2017). "Una historia oral de Homestar Runner, la caricatura favorita de Internet". Gizmodo . Consultado el 12 de mayo de 2023 .
  7. ^ "Siete formas de mezclar animación fotograma a fotograma y montada". Motionógrafo . 21 de marzo de 2023 . Consultado el 12 de mayo de 2023 .
  8. ^ Korenman, Adán. "Diez herramientas de gráficos en movimiento que los editores de vídeo deben conocer". Escuela de Movimiento . Consultado el 12 de mayo de 2023 .
  9. ^ Barrio, Caleb. "Inspiración de animación Cel: genial diseño de movimiento dibujado a mano". Escuela de Movimiento . Consultado el 12 de mayo de 2023 .
  10. ^ McGregor, Lewis (18 de febrero de 2022). "Diez tutoriales de Apple Motion que todo diseñador de movimiento debería ver". PremiumBeat . Consultado el 12 de mayo de 2023 .
  11. ^ "Aspectos destacados del pronóstico completo de VNI" (PDF) . Cisco . 2018 . Consultado el 8 de mayo de 2023 .
  12. ^ Thorel, Benjamín (14 de diciembre de 2012). "Diseño gráfico: ahora en producción". Crítica de Arte . doi : 10.4000/critiquedart.3289 . ISSN  1246-8258.
  13. ^ Norman, Don (5 de noviembre de 2013). El diseño de las cosas cotidianas : edición revisada y ampliada . Libros básicos. pag. 235.ISBN 978-0465050659.
  14. ^ "Diseño de movimiento en productos digitales: un documento técnico | por Issara Willenskomer | UX in Motion | Medio".
  15. ^ "Una mirada hacia el año 2022: informe de tendencias de la industria". Escuela de Movimiento . 2021 . Consultado el 4 de mayo de 2023 .
  16. ^ "La encuesta sobre diseño de movimiento de 2019". Escuela de Movimiento . 2019 . Consultado el 4 de mayo de 2023 .
  17. ^ Krasner, Jon (25 de enero de 2013). Diseño gráfico en movimiento (0 ed.). Rutledge. doi :10.4324/9780080887326. ISBN 978-1-136-13382-4.
  18. ^ "La historia de los gráficos en movimiento: Triplet 3D | Blog". 3 de julio de 2015.
  19. ^ "Cómo convertirse en diseñador de gráficos en movimiento".
  20. ^ Korenman, Joey (abril de 2015). "El verdadero costo de su educación". Escuela de Movimiento . Consultado el 8 de mayo de 2023 .
  21. ^ Donaldson, Joe (16 de septiembre de 2019). "Unete al movimiento". Motionógrafo . Consultado el 30 de abril de 2023 .
  22. ^ "Para el episodio número 100 del podcast, recurrimos a la persona que inició el incendio. Quizás creas que lo conoces bastante bien, pero este pionero de MoGraph todavía tiene mucho que enseñarnos". Escuela de Movimiento . 8 de septiembre de 2020.
  23. ^ Potvin, Kimberly (16 de abril de 2018). "Colaborador destacado: Nick Campbell de Greyscalegorilla". blog.adobe.com . Consultado el 30 de abril de 2023 .
  24. ^ Mayo, Tom (26 de abril de 2021). "50 recursos de diseño en movimiento que los creativos realmente utilizan". Auge creativo . Consultado el 30 de abril de 2023 .
  25. ^ "Diseño de movimiento en productos digitales: un documento técnico | por Issara Willenskomer | UX in Motion | Medio".
  26. ^ Williams, Richard (7 de enero de 2002). El kit de supervivencia del animador: manual de métodos, principios y fórmulas para animadores clásicos, informáticos, de juegos, stop motion e Internet . ISBN 0571202284.
  27. ^ "La historia de los gráficos en movimiento: Triplet 3D | Blog". 3 de julio de 2015.
  28. ^ https://github.com/Vondark/books/blob/master/docs/src/Misc/The-Design-of-Everyday-Things-Revised-and-Expanded-Edition.pdf [ URL simple PDF ]


enlaces externos