stringtranslate.com

Diseño gráfico en movimiento

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

El diseño gráfico en movimiento , también conocido como diseño de 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 video y las técnicas fílmicas . [1] Los ejemplos incluyen la tipografía cinética y los gráficos utilizados en las secuencias de apertura de películas y televisión, y los logotipos de identificación de estaciones de algunos canales de televisión .

Tanto los principios de diseño como los principios 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 ámbito cinematográfico , de la edición o de la animación , ya que estos campos comparten una serie de habilidades superpuestas. [3]

Tecnología

Los avances tecnológicos de los siglos XX y XXI han tenido un gran impacto en este campo; el principal de ellos son las mejoras en la tecnología informática moderna, ya que los programas informáticos para las industrias cinematográfica y de vídeo se volvieron más potentes y más accesibles durante este período. El diseño gráfico en movimiento moderno suele implicar cualquiera de varias herramientas y procesos informáticos.

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 son parte de los kits de herramientas de muchos diseñadores de movimiento modernos. [2]

Adobe Animate , anteriormente conocido como Flash , es una herramienta para el diseño gráfico en movimiento 2D . Antes del surgimiento de HTML5 , era la herramienta principal para la animación web . [5] También se ha utilizado para crear animaciones de video, 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 " celda ". [4] [7]

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

Antes de la animación, los diseñadores de movimiento usaban herramientas de diseño como Adobe Photoshop para gráficos rasterizados y Adobe Illustrator para arte vectorial . [2] Photoshop también se puede usar para 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ías , tipografías y gráficos en movimiento para crear imágenes visualmente atractivas. El diseño gráfico en movimiento también ha alcanzado un uso generalizado en el marketing de contenidos y la publicidad.

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

Además de su gran variedad de usos en publicidad, marketing y branding, los gráficos en movimiento se utilizan en software, diseño de interfaz de usuario, desarrollo de videojuegos y otros campos. Aunque el diseño en 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 los efectos cinematográficos y las técnicas narrativas para crear una narrativa, mientras que el diseño en movimiento se asocia normalmente con la puesta en movimiento de objetos abstractos, texto y otros elementos de diseño gráfico. 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 específicamente, es un tipo de animación que se denomina gráficos en movimiento. [ cita requerida ]

Los gráficos en movimiento adoptan diversas formas. Si bien algunos son completamente animados, otros incorporan video y/o fotografía en vivo. Estos últimos pueden incluir superposiciones de animación, como visualizaciones de datos, íconos, ilustraciones y texto explicativo que se utilizan para complementar y mejorar la comprensión del contenido por parte del público. [ cita requerida ]

En los 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 deseen alcanzar con ellos. Los gráficos en movimiento explicativos buscan explicar un producto, proceso o concepto. Los gráficos en movimiento emotivos, por su parte, tienen como objetivo inspirar una respuesta emocional particular en el público. [ cita requerida ] Y, por último, los gráficos en movimiento promocionales se utilizan para generar 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 requerida ] para lograr un producto final que transmita información de manera precisa y convincente. [ 12 ] [ cita irrelevante ]

Diseño UX y de movimiento

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

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

El diseño en movimiento mejora la experiencia del usuario de forma tremenda y eficaz al añadir animaciones a cualquier pantalla. El diseño en movimiento no solo se utiliza en aplicaciones de teléfonos; también se utiliza en ordenadores, tabletas, teléfonos inteligentes, televisores y muchos otros dispositivos. Los diseñadores de UX utilizan el diseño en movimiento para crear sus prototipos y, a partir de su experiencia, determinan si es fácil de usar para una persona promedio o si es necesario mejorarlo. [14]

Empleos y salarios

Existen diversas oportunidades profesionales para los diseñadores de movimiento, entre ellas , animación , dirección de arte , diseño , arte conceptual , composición , dirección creativa , edición , ilustración , producción y guion gráfico . 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 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 tipográficas son fundamentales para los diseñadores de animación, ya que los videos, las caricaturas y los anuncios suelen incluir texto. Un buen diseñador de animación sabe cómo usar estilos de letra, tamaños y tiempos para usar 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 animación también deben tener experiencia en software. Algunos de los programas incluyen Adobe Photoshop , Adobe Illustrator , Adobe After Effects , Adobe Premiere Pro y Adobe Substance.

Otras habilidades importantes en diseño de movimiento son la atención a los detalles y un buen sentido del tiempo, para cosas como hacer coincidir el video con el 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 flip-books .

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 " gráficos en movimiento " 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 anuncios 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 Vértigo de Alfred Hitchcock de 1958 , que presentaba gráficos en espiral 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 una base para una carrera, al desarrollar 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. [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.

Véase también

Referencias

[25] Willenskomer, Issara. “Diseño en movimiento en productos digitales: un informe técnico”. Medium, 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. Basic Books, 2013.

Blauvelt, Andrew, et al. 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). "6 desafíos que enfrenta la educación en diseño de movimiento". Motionographer . Consultado el 8 de mayo de 2023 .
  2. ^ abcdef "Una guía para el diseño de movimiento". Lottie . 26 de agosto de 2022 . Consultado el 8 de mayo de 2023 .
  3. ^ "Todo lo que necesitas saber para convertirte en diseñador de gráficos en movimiento". www.rasmussen.edu . Consultado el 4 de febrero de 2020 .
  4. ^ ab Korenman, Adam. "La guía definitiva del software de gráficos en movimiento 2020". School of Motion . Consultado el 12 de mayo de 2023 .
  5. ^ Gregurec, Ana. "Animación web en la era posterior a Flash". Toptal . Consultado el 12 de mayo de 2023 .
  6. ^ Winkie, Luke (24 de enero de 2017). "Una historia oral de Homestar Runner, el dibujo animado favorito de Internet". Gizmodo . Consultado el 12 de mayo de 2023 .
  7. ^ "7 formas de mezclar animación cuadro por cuadro y animación manipulada". Motionographer . 21 de marzo de 2023 . Consultado el 12 de mayo de 2023 .
  8. ^ Korenman, Adam. "10 herramientas de gráficos en movimiento que los editores de video deben conocer". School of Motion . Consultado el 12 de mayo de 2023 .
  9. ^ Ward, Caleb. "Inspiración para la animación en celuloide: diseño de movimiento genial dibujado a mano". School of Motion . Consultado el 12 de mayo de 2023 .
  10. ^ McGregor, Lewis (18 de febrero de 2022). «10 tutoriales de Apple Motion que todo diseñador de Motion debería ver». PremiumBeat . Consultado el 12 de mayo de 2023 .
  11. ^ "VNI Complete Forecast Highlights" (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 . Basic Books. pág. 235. ISBN 978-0465050659.
  14. ^ "Diseño de movimiento en productos digitales: un libro blanco | por Issara Willenskomer | UX in Motion | Medium".
  15. ^ "Una mirada al futuro de 2022: Informe de tendencias de la industria". School of Motion . 2021 . Consultado el 4 de mayo de 2023 .
  16. ^ "Encuesta de diseño de movimiento de 2019". School of Motion . 2019 . Consultado el 4 de mayo de 2023 .
  17. ^ Krasner, Jon (25 de enero de 2013). Diseño gráfico en movimiento (0.ª edición). Routledge. 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 tu educación". School of Motion . Consultado el 8 de mayo de 2023 .
  21. ^ Donaldson, Joe (16 de septiembre de 2019). «Únete al movimiento». Motionographer . Consultado el 30 de abril de 2023 .
  22. ^ "Para el episodio número 100 del podcast, nos dirigimos a la persona que inició el incendio. Puede que pienses que lo conoces bastante bien, pero este pionero de MoGraph todavía tiene mucho que enseñarnos". School of Motion . 8 de septiembre de 2020.
  23. ^ Potvin, Kimberly (16 de abril de 2018). «Contribuidor destacado: Nick Campbell de Greyscalegorilla». blog.adobe.com . Consultado el 30 de abril de 2023 .
  24. ^ May, Tom (26 de abril de 2021). «50 recursos de diseño en movimiento que los creativos realmente usan». Creative Boom . Consultado el 30 de abril de 2023 .
  25. ^ "Diseño de movimiento en productos digitales: un libro blanco | por Issara Willenskomer | UX in Motion | Medium".
  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, de ordenador, de juegos, de 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 del PDF ]


Enlaces externos