Que é o Motion Design?

Que é o Motion Design?
Rick Davis

Aínda que aínda non esteas familiarizado co termo deseño en movemento, definitivamente experimentaches numerosos exemplos desta forma de arte en acción.

No noso mundo dixital, o deseño en movemento é omnipresente; xa o ves. en películas e televisión, en sitios web e aplicacións, en publicidade e mercadotecnia e en todas as redes sociais. A lista continúa.

O deseño en movemento é cada vez máis importante. Ao longo da nosa vida cotiá, estamos constantemente a ser bombardeados polo contido.

Hai unha feroz competencia pola nosa atención e, se tes o traballo de tentar captar a atención para chegar e comunicarte de forma eficaz coa xente, o deseño de movementos. é unha ferramenta poderosa e esencial para ter no teu arsenal.

Neste artigo explicaremos que é o deseño en movemento, como evolucionou e cara a onde se dirixe. Estás interesado en converterte en deseñador de movementos? Tamén imos desentrañar brevemente o que fai un deseñador de movementos e como podes realizar isto como carreira profesional.

Imos definitivamente

O termo "deseño de movemento" ten a súa orixe no movemento. gráficos e, de feito, é unha abreviatura do termo "deseño gráfico en movemento".

No nivel máis sinxelo, o deseño en movemento é a aplicación do movemento ao deseño gráfico. Pero para dicilo con máis fantasía, é a arte de dar vida ao deseño gráfico a través da animación.

Os deseñadores de movemento usan unha combinación de elementos de deseño gráfico egráficos en movemento usando só código.

Deseño de UI/UX

Se ben o deseño da experiencia de usuario para dispositivos de escritorio e móbiles é todo un campo de especialización por si só, a súa implementación adoita depender dalgún tipo de deseño de movemento.

O deseño da experiencia do usuario estuda como interactúan os usuarios cos produtos dixitais e que mellorarían as súas experiencias. Os deseñadores de UX teñen un conxunto de habilidades moi amplos, que inclúe coñecementos de deseño, psicoloxía, coñecementos sobre a teoría da cor e os dispositivos narrativos, o deseño de produtos dixitais, así como os principios básicos do desenvolvemento de software.

Para ofrecer interaccións en tempo real cun interface de usuario cunha sensación orgánica, pode codificar varias transicións e arrastrar interaccións.

Un campo tremendo cando se introduciu un contrasinal incorrecto ou unha chamada á acción trepidante na esquina superior dereita da pantalla: estes son todos elementos de IU/UX impulsados ​​polo deseño en movemento.

Como funciona o deseño en movemento

O fluxo de traballo do deseño en movemento difire en función de se estás implicado na creación das ilustracións e dos recursos iniciais. ou se recibirás estes recursos para traballar.

Ver tamén: Como deseñar un coche

En moitas situacións, un deseñador gráfico ou ilustrador será a persoa que cree as ilustracións estáticas iniciais, que se denominan marcos de estilo. Isto pódese facer na maioría dos programas de deseño gráfico, como Vectornator, Adobe Photoshop ou Adobe Illustrator. Estes marcos de estilo entréganselle a adeseñador de movementos.

O deseñador de movementos incorporará estes fotogramas de estilo a un programa de animación, como Adobe After Effects ou Animate, onde se poden adaptar e modificar.

A seguinte etapa. é traer o deseño de son. Isto pode ser música, efectos de son e ás veces un artista de voz. A continuación, as imaxes individuais cronometran para que coincidan co deseño do son, co ritmo da música, por exemplo.

Unha vez que este tipo de compás se axuste aproximadamente, a animación pasa ao proceso de fotogramas clave. Aquí é onde o programa calcula os movementos entre os cadros de estilo ilustrado e despois enche os ocos para crear a ilusión de movemento constante.

As propiedades de cada elemento gráfico, como a súa posición e escala, poden ser entón cambiou neste proceso.

Un deseñador de movementos ten que ter en conta moitos factores diferentes durante o proceso creativo. O tempo, a duración e o tempo son moi importantes, xa que así se fan as transicións.

Unha vez que comeces notarás que é bastante difícil conseguir que os movementos dos elementos gráficos parezan naturais. . Quizais queiras considerar algúns dos principios da animación para simular movementos orgánicos e evitar o movemento robótico e lineal (a non ser que sexa realmente o efecto que queres!).

Como comezar en movemento. Deseño

Se estás a sentirte inspirado e sendo unO deseñador de movementos parece o traballo dos teus soños, hai algunhas carreiras diferentes que podes tomar e hai moitas oportunidades profesionais incribles dispoñibles nas industrias creativas.

Os estudantes de deseño de movemento estudan a maioría das veces tipografía, fotografía e gráficos. deseño e animación.

Hai moitos cursos en liña que ensinan os principios do deseño en movemento. Incluso podes cursar un título completo en gráficos en movemento ou un grao en deseño de movemento (aínda que os dous títulos de grao fan referencia ao mesmo).

Se actualmente es estudante que busca ampliar as túas habilidades de deseño, ou tes un nivel de habilidade principiante e buscas un curso, podes optar por aprender deseño en movemento deste xeito.

Non obstante, se prefires non seguir a ruta oficial de estudo ou é simplemente non é unha opción viable para ti, podes adoptar un enfoque máis autodidáctico para desenvolver os teus coñecementos e habilidades técnicas.

Hai moitos recursos en liña onde podes aprender os principios básicos do deseño de movemento e desenvolver habilidades de deseño de movemento. , e os titoriais en vídeo de deseñadores experimentados poden converterse nos teus mellores amigos.

Unha formación en deseño gráfico ou un bo coñecemento deste pode, por suposto, axudar. Pero o único que realmente necesitas para comezar é algo de software e unha unidade persoal.

Tamén será beneficioso unirte a unha comunidade de afeccionados ao deseño de movemento que podes aprender e compartir recursos.con.

Tamén hai moitas aplicacións diferentes que podes usar para o deseño de movemento. Unha ferramenta de edición vectorial é un bo lugar para comezar a crear as túas propias ilustracións.

Sketch é unha ferramenta de edición vectorial sen complicacións que che permitirá crear ilustracións sinxelas rapidamente, pero está máis optimizada para o deseño da IU.

Para obter funcións máis avanzadas e funcionalidades de ilustración vectorial, Vectornator é un dos líderes do sector cunha excelente experiencia de usuario. Despois podes importar as túas ilustracións a produtos de animación adicionais para comezar a crear gráficos animados.

Sketch intégrase ben coa ferramenta de creación de prototipos Principle. Xera animacións interactivas e é unha boa ferramenta para axudar aos principiantes a familiarizarse co proceso e as propiedades do deseño de movemento e comprender cousas como os fotogramas clave e o concepto da liña de tempo.

Vectornator combina perfectamente con Adobe After Effects, que probablemente sexa o programa máis popular entre os deseñadores de movemento. En After Effects, podes establecer o compás, cambiar as propiedades dos elementos gráficos, engadir deseño de son e son, etc.

Tamén hai outros produtos dixitais que podes usar, como Maxon Cinema4D, Powtoon, Unreal Engine, Adobe Premiere Pro e Wideo. Para os gráficos en movemento baseados na web, Adobe Flash era unha opción popular, pero Adobe Animate tomou o seu lugar.

Apple Inc. Motion tamén é unha ferramenta popular paradeseñadores de movemento que están empezando. Este é un produto de Apple e funciona ben en combinación con Final Cut Pro.

É posible que te sorprendas ao saber que tamén podes usar Adobe Photoshop para crear animacións. Entón, se xa estás usando Adobe Photoshop para o deseño e queres aprender sobre os gráficos en movemento antes de comprar outro software, proba primeiro coa animación de Photoshop.

Exención de responsabilidade: A animación de Photoshop pode tórnase realmente complicado!

Podes ver o vídeo que aparece a continuación para ver unha revisión dalgúns dos produtos dixitais que mencionamos anteriormente.

O futuro do deseño en movemento

No noso mundo cada vez máis dixitalizado, o deseño en movemento será aínda máis frecuente e importante.

Observamos algúns dos produtos dixitais que podes usar para o deseño en movemento, e hai moitos, moitos máis.

De feito, a maioría dos teléfonos inclúen as súas propias ferramentas de edición de vídeo nativas que che permiten engadir elementos gráficos en movemento e exportar o teu traballo en varios formatos ou publicalo en liña.

Isto demostra que non o fas. Non necesitas un coñecemento profundo dos principios do deseño en movemento, ou mesmo moito coñecemento do deseño en xeral, para comezar a crear os teus propios gráficos en movemento.

Non obstante, con máis tecnoloxía e máis accesibilidade, hai máis competencia en calquera industria. Isto significa que os deseñadores de movemento deben ter habilidades fortes e precisan mellorarse constantemente para manter aalto nivel.

Os deseñadores de movemento tamén están cobrando máis importancia.

As pantallas xa están en todas partes, pero veremos que os cadros dixitais toman o relevo dos carteis estáticos, incluso incorporando opcións de interacción. Isto achegará máis deseño en movemento á publicidade física e fará que as boas habilidades de comunicación visual sexan aínda máis necesarias.

O deseño en movemento tamén se converterá nunha parte cada vez máis integral do deseño da IU. Estamos constantemente interactuando con pantallas e aplicacións, e o deseño de movemento ten un papel fundamental na mellora da experiencia do usuario de produtos dixitais.

Se estás interesado en converterte en deseñador de movemento e en desenvolver as túas habilidades nesta área, non hai mellor momento para comezar que agora.

Por que non comeza a flexionar os músculos do deseño en Vectornator?

Descarga Vectornator para comezar

Leva os teus deseños ao seguinte nivel.

Descarga Vectornator

Calquera cousa que crees en Vectornator pódese animar facilmente nunha aplicación de deseño de movemento como Sketch ou After Effects.

técnicas de animación. Abarca a aplicación de habilidades e principios de deseño gráfico á produción de películas, videoclips e outros medios baseados no tempo, como os GIF animados.Aínda que os termos "deseño en movemento" e "gráficos en movemento" utilizáronse históricamente indistintamente. , agora son moito máis distintos.

Se pensas en elementos gráficos sinxelos en movemento nun sitio web ou nunha aplicación, isto pódese considerar un traballo de gráficos en movemento. Pero, o deseño en movemento moderno é unha disciplina moito máis evolucionada que require unha gran cantidade de pensamento e planificación para executarse con eficacia.

A tecnoloxía e o deseño avanzaron moito, e o termo gráficos en movemento xa non describe con exactitude a verdadeira natureza de deseño en movemento.

Entón, como se converteu o deseño en movemento na poderosa forma de arte que é hoxe?

Ver tamén: Vectornador e amp; Tim Cook

Unha breve historia do deseño en movemento

As orixes do deseño en movemento poden ser remóntase aos primeiros días da animación.

Os flipbooks e os dispositivos de animación analóxicos inventados xa no século XIX pódense considerar os primeiros exemplos de deseño de movemento, pero as cousas realmente comezaron a despegar no Década de 1940.

Artistas experimentais como o animador e artista abstracto alemán-estadounidense Oskar Fischinger e o animador escocés-canadense Norman McLaren considéranse dous dos pioneiros do deseño de movementos.

Na década de 1950, a disciplina disparouse grazas aotraballo innovador de deseñadores lendarios como Saul Bass, Maurice Binder e Pablo Ferro.

Saul Bass é máis coñecido polos sorprendentes carteis de películas e o deseño en movemento que fixo na industria do cine, incluíndo títulos de películas de famosos cineastas como Alfred Hitchcock e Martin Scorsese. A miúdo traballou xunto á súa esposa, Elaine Bass, para crear títulos de películas para películas gañadoras do Oscar.

Maurice Binder creou os títulos de películas de deseño en movemento para 16 películas de James Bond, incluída a primeira, Dr. Non (1962). A maioría dos deseñadores buscaron inspiración nestes incribles traballos de deseño de movementos.

Pablo Ferro foi un deseñador de movementos cubano que viviu e traballou en Nova York na década de 1950. O seu deseño de movemento en pantalla dividida para a secuencia do título da película The Thomas Crown Affair (1968) foi revolucionario. Ferro deseñou máis de 100 secuencias de títulos durante a súa carreira.

Estes artistas transformaron o mundo do deseño de títulos de películas introducindo técnicas de deseño en movemento. O seu traballo provocou unha tendencia e a partir da década de 1950, os títulos de televisión e os logotipos foron animados.

Coa chegada dos primeiros ordenadores na década de 1960, comezamos a ver o impacto que tería a tecnoloxía no deseño de movemento.

O animador e inventor estadounidense John Whitney Snr. é un dos primeiros en experimentar coa animación por ordenador, construíndo os seus ordenadores analóxicos desde os anos 50 usando antigas máquinas de Turing de WorldSegunda Guerra.

John Whitney e o seu irmán James cun dos seus primeiros ordenadores analóxicos. Fonte da imaxe: Vice

As "máquinas de cámaras" de Whitney permitíronlle dixitalizar o proceso de deseño de movemento mediante o uso de habilidades de programación e principios de deseño gráfico para producir animacións de gráficos en movemento.

Hoxe, os ordenadores son unha ferramenta indispensable. para que os deseñadores de movemento produzan todo tipo de gráficos en movemento.

Whitney tamén colaborou con Saul Bass nos títulos de películas de Vertigo de Alfred Hitchcock (1958). Os efectos cinematográficos arremolinados do deseño en movemento para os títulos producíronse mediante gráficos por ordenador.

A medida que a tecnoloxía informática moderna se fixo máis poderosa, tamén o aumentou a proliferación e o potencial do deseño en movemento.

Ao longo do tempo. nos últimos 25 anos, a arte explotou. Os avances recentes no software e hardware de deseño de movementos tamén se viron igualados cun aumento da presenza de pantallas na nosa vida diaria.

Agora, calquera persoa ten acceso instantáneo á tecnoloxía informática moderna e pode crear deseños de movemento sorprendentes sen necesidade de ningún. habilidades de programación, mesmo en dispositivos móbiles!

O deseño en movemento está en todas partes.

O deseño en movemento non é só un nome elegante para a animación?

Unha cousa que paga a pena gastar un pouco. o desenredo do tempo é a diferenza entre o deseño en movemento e os vídeos de animación.

A liña entre ambos é bastante borrosa e a miúdo denomínase deseño en movemento comoanimación, pero hai que facer unha distinción.

As películas de animación tradicionais tenden a depender dos personaxes para avanzar na historia. Estes personaxes son fundamentais para as películas e son, en xeral, moi expresivos.

En cambio, o deseño en movemento utiliza vídeo e gráficos para producir efectos visuais (VFX), e o movemento destes elementos pode operar de forma moito máis abstracta.

Tecnicamente, o deseño en movemento e os gráficos en movemento son formas de animación, o que explica como pode xurdir a confusión, pero cando se refire á animación como disciplina, trátase de películas de animación tradicionais que contan a historia de personaxes que se moven no tempo. e espazo.

O deseño en movemento ten un propósito diferente xa que adoita ser máis abstracto ou estético, e moitas veces baseado en texto. Utilízase con frecuencia para facilitar a comunicación de mensaxes en formato de vídeo, polo que é moi axeitado para a mercadotecnia e a publicidade.

Usos do Motion Design

O Motion Design pódese empregar nunha gran variedade de formas. Aínda así, un dos usos fundamentais é facer que a información baseada en texto sexa máis atractiva e interesante.

A través do uso de efectos visuais, os ollos do espectador son dirixidos á información máis importante, que lle axuda a comprender e reter novas mellor coñecemento.

Os deseñadores de movemento tamén colaboran a miúdo con ilustradores, fotógrafos, videógrafos e editores de vídeo para producir diferentes tipos de movemento.gráficos.

Deseño de títulos de películas

Pensa nas secuencias de títulos das películas que analizamos anteriormente neste artigo. O deseño en movemento toma bloques de texto estático e sinxelo que non serían atractivos e dálle vida, combínao con efectos visuais e compoñentes de audio.

En definitiva, estes títulos de películas deseñados preparan o escenario para a película ou a curta e convértense en visual agradable. experiencias en si mesmas.

Os títulos de películas adoitan incorporar vídeos de acción en directo con animacións de gráficos en movemento e requiren moita edición de vídeo. O movemento dos elementos da pantalla da película engancha ao espectador, centrándose completamente na historia que se desenvolve ante os seus ollos.

Aínda que os vídeos profesionais en si mesmos, estes títulos de películas enmárcanse no corte final da película xusto antes de todo. expórtase como un só ficheiro.

Televisión, Deportes, Programas de noticias

Quizais hoxe en día con menos frecuencia, pero en anos anteriores os programas de televisión adoitaban ter presentadores que presentaban as presentacións dos programas. As presentacións de programas de televisión tamén estiveron acompañadas de jingles e gráficos animados.

Os programas de noticias fan uso especialmente do deseño en movemento aínda hoxe. Pense nos logotipos dinámicos e animados ao comezo das súas emisións, así como nos gráficos en movemento de noticias ao informar en directo desde unha localización.

Os programas deportivos tamén superpoñen gráficos en movemento para mostrar puntuacións dos xogos, táboas de clasificación e todo. tipos deinformación para que os fans sigan os xogos con máis facilidade.

Logotipos animados

Os gráficos en movemento promocionais adoitan incluír logotipos animados, que chaman a atención sobre o logotipo e o fan máis atractivo sen necesidade de contar cunha historia ou personaxes complexos.

Ao animar un logotipo, un deseñador de movemento pode incorporar outros conceptos vinculados á marca, por exemplo, o seu slogan ou os valores da empresa.

Os gráficos en movemento emotivos dan un atractivo personificado ás marcas. que doutro xeito serían anunciados como imaxes fixas. Isto contribúe a construír o recoñecemento da marca e dálle máis personalidade á empresa.

Vídeos explicativos

Os deseñadores de movemento tenden a ter fortes habilidades en comunicación visual.

O potencial do deseño de movemento para facer que as cousas aparentemente aburridas sexan máis emocionantes faino especialmente útil para un vídeo explicativo ou unha guía de procesos.

O deseño en movemento pode levar unha infografía densa e transformala nun vídeo atractivo e vibrante que chama a túa atención.

Os gráficos en movemento explicativos axudan a describir os conceptos de forma visual, o que é unha excelente forma de atraer á audiencia e levala a comprender ideas sinxelas a cada vez máis complexas.

Un vídeo explicativo adoita ir acompañado dun narrador que fala ao espectador a través da gráficos en movemento que se amosan na pantalla.

Educación

No mesmo sentido que os vídeos explicativos, que se utilizan para describir produtos ou procesos,O deseño de movementos é especialmente efectivo para a educación.

Utilizando unha linguaxe visual que os nenos ou os estudantes comprenden e coa que poden relacionarse en combinación coa información que precisan aprender, o deseño de movementos pode crear experiencias de aprendizaxe ricas e dinámicas que melloren a calidade xeral do aprendizaxe.

Redes sociais

Podes ver exemplos de deseño de movemento en todas as redes sociais a medida que as técnicas se fan cada vez máis frecuentes. De feito, hai moi boas razóns para usar o deseño en movemento nun contexto de redes sociais.

As imaxes estáticas e o contido das redes sociais son moito menos populares e compártense a un ritmo moito menor que o contido en movemento e dinámico. O deseño de movemento tamén mellora as imaxes de vídeo para axudar a transmitir unha mensaxe. Isto significa que é ideal para un vídeo de promoción ou de instrucións.

Mira esta publicación en Instagram

Unha publicación compartida por Superdry (@superdry)

Só tes que pensar no que che funciona cando esteas percorrendo fontes de redes sociais; é probable que che atraen moito máis os elementos en movemento que as fotografías.

Dado que o deseño en movemento é o movemento dos gráficos ao longo do tempo, tamén significa que os espectadores permanecen nunha páxina ou publicar durante máis tempo e é menos probable que se despracen se están involucrados co contido animado.

Publicidade

A publicidade de vídeo é onde o deseño de movemento pode brillar, creando capturas de contido dinámicas baseadas en movemento. atención e comunicación dos espectadoresmensaxes de mercadotecnia de forma moito máis eficaz que só as imaxes estáticas ou o texto.

Os deseñadores de movementos publicitarios crean animacións promocionais que poden aparecer en cartelería dixitais, taboleiros de menú de restaurantes de comida rápida, Google Ads, televisión e dispositivos móbiles. Adoitamos ter unha serie de interaccións con diferentes versións de gráficos en movemento promocionais.

Moitas veces, estes anuncios tamén se programan para seguir a túa viaxe entre pantallas, o que explica por que adoitas ver os mesmos anuncios repetidamente.

Puntos de venda e sistemas de autoservizo

Con máis postos de traballo substituídos por sistemas dixitalizados nunha variedade de industrias, os gráficos interactivos en movemento fixéronse aínda máis importantes para a experiencia do usuario no mundo físico.

Os centros comerciais, os cines, os bancos, os aeroportos, os restaurantes e as farmacias están empezando a utilizar sistemas automatizados de venda de billetes e mostradores de información. Algunhas das empresas tecnolóxicas máis grandes do mundo están a producir estes sistemas de punto de venda e quioscos de autoservizo, como Oracle e Ingenico.

Sitios web

Ademais de poder utilizar programas de deseño populares para producir movemento. gráficos en formatos de vídeo, os deseñadores tamén poden utilizar as súas habilidades de programación para crear elementos animados en liña.

O uso de código CSS e Javascript para o deseño de movementos está en constante desenvolvemento. Anteriormente, moitos dos elementos animados dos sitios web eran vídeos incrustados, pero agora podes conseguir un contido complexo e interactivo.




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.