Hvad er Motion Design?

Selv om du endnu ikke er bekendt med begrebet motion design, har du helt sikkert oplevet mange eksempler på denne kunstform i aktion.

I vores digitale verden er motion design allestedsnærværende - du ser det i film og tv, på websites og apps, i reklamer og markedsføring og overalt på de sociale medier - og listen fortsætter.

Motion design bliver stadig vigtigere. I vores hverdag bliver vi konstant bombarderet med indhold.

Der er hård konkurrence om vores opmærksomhed, og hvis du forsøger at fange opmærksomheden for effektivt at nå ud til og kommunikere med folk, er motion design et kraftfuldt og vigtigt værktøj i dit arsenal.

I denne artikel forklarer vi, hvad motion design er, hvordan det har udviklet sig, og hvor det er på vej hen. Er du interesseret i at blive motion designer? Vi vil også kort udpensle, hvad en motion designer laver, og hvordan du kan gøre det som en professionel karriere.

Lad os blive endelige

Udtrykket "motion design" har sin oprindelse i motion graphics, og det er faktisk en forkortelse af det længerevarende udtryk "motion graphic design".

På det enkleste plan er motion design anvendelsen af bevægelse i grafisk design, men for at sige det mere fantasifuldt er det kunsten at bringe grafisk design til live gennem animation.

Motion designere bruger en kombination af grafiske designelementer og animationsteknikker og anvender grafiske designfærdigheder og -principper til produktion af film, videoklip og andre tidsbaserede medier som f.eks. animerede GIF'er.

Hvis du tænker på simple grafiske elementer i bevægelse på et websted eller en app, kan det betragtes som motion graphics. Men moderne motion design er en meget mere udviklet disciplin, der kræver en stor mængde overvejelser og planlægning for at kunne udføres effektivt.

Teknologien og designet har gjort store fremskridt, og udtrykket motion graphics beskriver ikke længere præcist den sande natur af motion design.

Så hvordan blev motion design den kraftfulde kunstform, det er i dag?

En kort historie om motion design

Motion design kan spores helt tilbage til de tidligste dage af animationsfilm.

Flip-bøger og analoge animationsapparater, der blev opfundet helt tilbage i 1800-tallet, kan betragtes som de første eksempler på motion design, men det begyndte for alvor at tage fart i 1940'erne.

Eksperimentelle kunstnere som den tysk-amerikanske abstrakte animator og kunstner Oskar Fischinger og den skotsk-canadiske animator Norman McLaren anses for at være to af pionererne inden for motion design.

I 1950'erne steg denne disciplin kraftigt takket være det banebrydende arbejde, som blev udført af legendariske designere som Saul Bass, Maurice Binder og Pablo Ferro.

Saul Bass er mest kendt for de markante filmplakater og motion design, han lavede i filmindustrien, herunder filmtitler af berømte filmskabere som Alfred Hitchcock og Martin Scorsese. Han arbejdede ofte sammen med sin kone, Elaine Bass, for at skabe filmtitler til Oscar-vindende film.

Maurice Binder skabte filmtitlerne til 16 James Bond-film, herunder den første, med motion design, Dr. No (1962). De fleste designere har ladet sig inspirere af disse utrolige værker af motion design.

Pablo Ferro var en cubansk motion designer, der boede og arbejdede i New York i 1950'erne. Hans split-screen motion design til Thomas Crown-sagen (1968) var revolutionerende. Ferro designede over 100 titelsekvenser i løbet af sin karriere.

Disse kunstnere forandrede verdenen af filmtiteldesign ved at indføre motion design-teknikker. Deres arbejde udløste en trend, og fra 1950'erne og fremefter blev tv-titler og logoer animeret.

Da de første computere kom frem i 1960'erne, begyndte vi at se, hvilken betydning teknologien ville få for motion design.

Den amerikanske animator og opfinder John Whitney Snr. er en af de første til at eksperimentere med computeranimation, idet han siden 1950'erne har bygget sine analoge computere ved hjælp af gamle Turing-maskiner fra Anden Verdenskrig.

John Whitney og hans bror James med en af deres tidlige analoge computere. Billedkilde: Vice

Whitneys "cam machines" gjorde det muligt for ham at digitalisere motion design-processen ved at bruge programmeringsfærdigheder og grafiske designprincipper til at producere motion graphics-animationer.

I dag er computere et uundværligt værktøj for motion designere til at producere alle typer motion graphics.

Whitney arbejdede også sammen med Saul Bass på filmtitlerne til Alfred Hitchcocks Vertigo (1958). De hvirvlende filmiske effekter i filmdesignet til titlerne blev fremstillet ved hjælp af computergrafik.

Efterhånden som den moderne computerteknologi blev mere kraftfuld, blev både motion design mere udbredt og fik større muligheder.

I løbet af de sidste 25 år er denne kunstform eksploderet, og de seneste fremskridt inden for software og hardware til motion design er også blevet fulgt op af en øget tilstedeværelse af skærme i vores dagligdag.

Nu har alle øjeblikkelig adgang til moderne computerteknologi og kan skabe fantastiske bevægelsesdesigns uden nogen programmeringsfærdigheder - selv på mobile enheder!

Motion design er overalt.

Er Motion Design ikke bare et fint navn for animation?

En ting, der er værd at bruge lidt tid på, er forskellen mellem motion design og animationsvideoer.

Grænsen mellem de to er ret flydende, og motion design bliver ofte omtalt som animation, men der skal skelnes mellem dem.

Traditionelle animationsfilm er ofte afhængige af karakterer, som er centrale for filmene, og som i det store og hele er meget udtryksfulde.

I modsætning hertil bruger motion design video og grafik til at producere visuelle effekter (VFX), og bevægelsen af disse elementer kan fungere på langt mere abstrakte måder.

Teknisk set er motion design og motion graphics former for animation - hvilket forklarer, hvorfor der kan opstå forvirring - men når man taler om animation som en disciplin, drejer det sig om traditionelle animationsfilm, der fortæller historien om figurer, der bevæger sig gennem tid og rum.

Motion design tjener et andet formål, da det har en tendens til at være mere abstrakt eller æstetisk og ofte tekstbaseret. Det bruges ofte til at hjælpe med at formidle budskaber i videoformat, hvilket gør det meget velegnet til markedsføring og reklame.

Anvendelse af Motion Design

Motion design kan anvendes på mange forskellige måder, men en af de vigtigste anvendelser er at gøre tekstbaseret information mere interessant og indbydende.

Ved hjælp af visuelle effekter ledes seerens øjne hen til de vigtigste oplysninger, hvilket hjælper dem med at forstå og fastholde ny viden bedre.

Motion designere samarbejder også ofte med illustratorer, fotografer, videografer og videoredaktører for at producere forskellige typer motion graphics.

Design af filmtitler

Tænk på de titelsekvenser til film, som vi så på tidligere i denne artikel. Motion design tager ellers uinteressante blokke af statisk og almindelig tekst og puster liv i dem ved at kombinere dem med visuelle effekter og lydkomponenter.

I sidste ende danner disse designede filmtitler rammen om filmen eller kortfilmen og bliver i sig selv en fornøjelig visuel oplevelse.

Filmtitler indeholder ofte live-action-videoer med animationer i motion graphics og kræver masser af videoredigering. Bevægelsen af elementer på filmskærmen engagerer seeren, så han/hun fokuserer fuldt ud på den historie, der udspiller sig foran hans/hendes øjne.

Selv om disse filmtitler er professionelle videoer i sig selv, bliver de sat ind i filmens endelige klipning, lige før det hele bliver eksporteret som én fil.

Tv, sport, nyhedsudsendelser

Måske sjældnere i dag, men i tidligere år havde tv-programmer normalt en præsentatør, der introducerede programmerne, og de blev også ledsaget af jingles og animerede grafikker.

Især nyhedsudsendelser gør stadig brug af motion design i dag. Tænk på de dynamiske, animerede logoer i starten af deres udsendelser og nyhedsticker-motion graphics, når de rapporterer live fra et sted.

Sportsudsendelser indlejrer også bevægelsesgrafik for at vise kampresultater, ranglister og alle former for information, så fans lettere kan følge med i kampene.

Animerede logoer

Reklamebevægelser omfatter ofte animerede logoer, som henleder opmærksomheden på logoet og gør det mere engagerende uden behov for en historie eller komplekse figurer.

Når en motion designer animerer et logo, kan han eller hun indarbejde andre koncepter, der er knyttet til brandet, f.eks. deres slogan eller virksomhedens værdier.

Emotiv motion graphics giver en personificeret appel til mærker, som ellers ville være blevet annonceret som stillbilleder. Det er med til at skabe genkendelighed for mærket og giver virksomheden mere personlighed.

Forklarende videoer

Motion designere har ofte stærke evner inden for visuel kommunikation.

Motion design kan gøre tilsyneladende kedelige ting mere spændende, hvilket gør det særligt nyttigt i forklaringsvideoer eller procesvejledninger.

Motion design kan tage en tæt infografik og omdanne den til en engagerende og levende video, der fanger din opmærksomhed.

Explainer motion graphics hjælper med at beskrive begreber visuelt, hvilket er en fremragende måde at engagere et publikum på og få dem til at forstå enkle til mere og mere komplekse idéer.

En forklaringsvideo er normalt ledsaget af en fortæller, der fortæller seeren om den bevægede grafik, der vises på skærmen.

Uddannelse

På samme måde som forklaringsvideoer, der bruges til at beskrive produkter eller processer, er motion design særligt effektivt til undervisning.

Ved at bruge et visuelt sprog, som børn eller elever forstår og kan relatere til, i kombination med de oplysninger, de har brug for at lære, kan motion design skabe rige og dynamiske læringsoplevelser, der forbedrer den generelle kvalitet af læringen.

Sociale medier

Du kan se eksempler på motion design overalt på de sociale medier i takt med, at teknikkerne bliver mere og mere udbredte. Der er faktisk rigtig gode grunde til at bruge motion design i en social mediesammenhæng.

Statiske billeder og indhold på sociale medier er langt mindre populære og bliver delt i langt mindre grad end bevægeligt og dynamisk indhold. Bevægelsesdesign forbedrer også videooptagelser for at hjælpe med at formidle et budskab. Det betyder, at det er fantastisk til en instruktions- eller reklamevideo.

Et opslag delt af Superdry (@superdry)

Tænk på, hvad der virker for dig, når du scroller gennem sociale medier - sandsynligheden er stor for, at du er mere tiltrukket af elementer i bevægelse end af fotografier.

Da motion design er bevægelse af grafik over tid, betyder det også, at seerne bliver længere på en side eller et indlæg og er mindre tilbøjelige til at scrolle forbi, hvis de er engageret i det animerede indhold.

Reklame

Videoreklamer er et område, hvor motion design kan være en succes - dynamisk, bevægelsesbaseret indhold fanger seernes opmærksomhed og kommunikerer markedsføringsbudskaber meget mere effektivt end statiske billeder eller tekst alene.

Reklame motion designere skaber reklamebevægelser, der kan vises på digitale plakater, menukort på fastfoodrestauranter, Google Ads, tv og mobile enheder. Vi har en tendens til at have en række interaktioner med forskellige versioner af reklamebevægelser.

Ofte er disse annoncer også programmeret til at følge din rejse mellem skærmene, hvilket forklarer, hvorfor du har en tendens til at se de samme annoncer flere gange!

Salgssteder og selvbetjeningssystemer

I takt med at flere job erstattes af digitaliserede systemer i en række forskellige brancher, er interaktiv motion graphics blevet endnu vigtigere for brugeroplevelsen i den fysiske verden.

Indkøbscentre, biografer, banker, lufthavne, restauranter og apoteker er alle begyndt at bruge automatiske billetsystemer og informationsskranker. Nogle af de største teknologivirksomheder i verden producerer disse POS-systemer og selvbetjeningskiosker, f.eks. Oracle og Ingenico.

Websteder

Ud over at kunne bruge populære designprogrammer til at producere motion graphics i videoformater kan designere også bruge deres programmeringsevner til at skabe animerede elementer online.

Brugen af CSS- og Javascript-kode til motion design er i konstant udvikling. Tidligere var mange af de animerede elementer på websites indlejrede videoer, men nu kan du opnå kompleks og interaktiv motion grafik alene ved hjælp af kode.

UI/UX Design

Mens brugeroplevelsesdesign til desktop- og mobilenheder er et helt ekspertiseområde i sig selv, er implementeringen heraf ofte afhængig af en eller anden form for bevægelsesdesign.

UX-designere har meget brede kompetencer, herunder viden om design, psykologi, viden om farvelære og narrative virkemidler, design af digitale produkter samt de grundlæggende principper for softwareudvikling.

For at give interaktioner i realtid med en brugergrænseflade en organisk fornemmelse kan du kode forskellige overgange og trækinteraktioner.

En rystende feltboks, når der er indtastet et forkert kodeord, eller en rystende call-to-action i øverste højre hjørne af skærmen - det er alle UI/UX-elementer, der er drevet af bevægelsesdesign.

Sådan fungerer Motion Design

Arbejdsgangen i forbindelse med motion design varierer alt efter, om du er involveret i skabelsen af de indledende illustrationer og aktiver, eller om du modtager disse aktiver til at arbejde videre med.

I mange situationer er det en grafisk designer eller illustrator, der skaber de første statiske illustrationer, som kaldes stilrammer. Dette kan gøres i de fleste grafiske designprogrammer, f.eks. Vectornator, Adobe Photoshop eller Adobe Illustrator. Disse stilrammer gives derefter til en motion designer.

Motion designeren overfører disse stilrammer til et animationsprogram, f.eks. Adobe After Effects eller Animate, hvor de kan tilpasses og ændres.

Det næste trin er at inddrage lyddesignet, som kan bestå af musik, lydeffekter og nogle gange en stemme. De enkelte billeder er derefter timet til at matche lyddesignet, f.eks. i takt med musikkens rytme.

Når denne tidssignatur er blevet fastsat i grove træk, går animationen videre til keyframing-processen. Her beregner programmet bevægelserne mellem de illustrerede stilbilleder og udfylder derefter hullerne for at skabe illusionen af konstant bevægelse.

Egenskaberne for hvert grafisk element, f.eks. dets position og skala, kan derefter ændres i denne proces.

En motion designer skal tage hensyn til mange forskellige faktorer i den kreative proces. Timing, varighed og tempo er alle utroligt vigtige, da det er sådan, overgange skabes.

Når du først er kommet i gang, vil du bemærke, at det er ret svært at få styr på at få bevægelserne af grafiske elementer til at virke naturlige. Du kan overveje nogle af principperne for animation for at simulere organiske bevægelser og undgå robotiske, lineære bevægelser (medmindre det er virkelig den ønskede effekt!).

Sådan kommer du i gang med motion design

Hvis du føler dig inspireret, og det lyder som dit drømmejob at være motion designer, er der et par forskellige karriereveje, du kan vælge, og der er masser af fantastiske karrieremuligheder i de kreative industrier.

Motion design-studerende studerer oftest typografi, fotografi, grafisk design og animation.

Der findes mange onlinekurser, hvor du lærer principperne for motion design. Du kan endda tage en fuld grad i motion graphics eller en grad i motion design (selv om begge titler henviser til det samme).

Hvis du er studerende og ønsker at udvide dine designfærdigheder, eller hvis du er på begynderniveau og søger et kursus, kan du vælge at lære motion design på denne måde.

Men hvis du foretrækker ikke at gå den officielle studierute, eller hvis det bare ikke er en farbar vej for dig, kan du vælge en mere autodidaktisk tilgang til at udvikle din viden og dine tekniske færdigheder.

Der er masser af ressourcer online, hvor du kan lære de grundlæggende principper for motion design og udvikle dine færdigheder inden for motion design, og videotutorials af erfarne designere kan blive dine bedste venner.

En baggrund inden for grafisk design eller et godt kendskab til det er naturligvis en hjælp, men det eneste, du virkelig behøver for at komme i gang, er noget software og et personligt drev.

Det vil også være en fordel at deltage i et fællesskab af motion design-amatører, som du kan lære og dele ressourcer med.

Der findes også mange forskellige apps, som du kan bruge til motion design. Et vektorredigeringsværktøj er et godt sted at starte for at skabe dine egne illustrationer.

Sketch er et ukompliceret vektorredigeringsværktøj, som gør dig i stand til hurtigt at lave enkle illustrationer, men det er mere optimeret til brugergrænsefladedesign.

For mere avancerede funktioner og vektorillustrationer er Vectornator en af de førende i branchen med en fantastisk brugeroplevelse. Du kan derefter importere dine illustrationer til andre animationsprodukter for at begynde at skabe animeret grafik.

Sketch er godt integreret med prototypeværktøjet Principle. Det genererer interaktive animationer og er et godt værktøj til at hjælpe begyndere med at få styr på motion design-processen og -egenskaberne og forstå ting som keyframes og tidslinje-konceptet.

Vectornator passer perfekt sammen med Adobe After Effects, som nok er det mest populære program blandt motion designere. I After Effects kan du fastlægge tidssignaturen, ændre egenskaberne for de grafiske elementer, tilføje lyd og lyddesign og meget mere.

Der findes også andre digitale produkter, som du kan bruge, f.eks. Maxon Cinema4D, Powtoon, Unreal Engine, Adobe Premiere Pro og Wideo. Til web-baseret motion graphics var Adobe Flash et populært valg, men Adobe Animate har taget pladsen.

Apple Inc. Motion er også et populært værktøj for motion designere, der er i gang. Det er et Apple-produkt, og det fungerer godt i kombination med Final Cut Pro.

Det vil måske overraske dig, at du også kan bruge Adobe Photoshop til at lave animationer. Så hvis du allerede bruger Adobe Photoshop til design, og du vil lære om motion graphics, før du køber anden software, kan du prøve dig frem med Photoshop-animation først.

Ansvarsfraskrivelse: Photoshop-animation kan være rigtig svært!

I videoen nedenfor kan du se en gennemgang af nogle af de digitale produkter, som vi nævnte tidligere.

Fremtiden for Motion Design

I vores stadig mere digitaliserede verden vil motion design blive endnu mere udbredt og vigtigere.

Vi har kigget på nogle få digitale produkter, som du kan bruge til motion design, og der findes mange, mange flere derude.

Faktisk har de fleste telefoner deres egne værktøjer til videoredigering, så du kan tilføje grafiske elementer i bevægelse og eksportere dit arbejde i flere forskellige formater eller offentliggøre det online.

Det viser, at du ikke behøver et indgående kendskab til principperne for motion design eller endda meget viden om design generelt for at begynde at skabe din egen motion grafik.

Men med mere teknologi og større tilgængelighed følger også større konkurrence i alle brancher. Det betyder, at motion designere skal have stærke færdigheder og konstant skal opkvalificere sig selv for at holde en høj standard.

Motion designere bliver også vigtigere og vigtigere.

Skærme er allerede overalt, men vi vil se digitale rammer tage over i stedet for statiske plakater og endda inkorporere interaktionsmuligheder. Dette vil medføre mere bevægelsesdesign i fysisk reklame og gør gode visuelle kommunikationsevner endnu mere nødvendige.

Motion design vil også blive en stadig mere integreret del af UI-design. Vi interagerer konstant med skærme og apps, og motion design spiller en vigtig rolle i forbedringen af brugeroplevelsen af digitale produkter.

Hvis du er interesseret i at blive motion designer og udvikle dine færdigheder på dette område, er der ikke noget bedre tidspunkt at begynde end nu.

Hvorfor ikke begynde at bruge dine designmuskler i Vectornator?

Download Vectornator for at komme i gang

Løft dine designs til det næste niveau.

Alt, hvad du laver i Vectornator, kan nemt animeres i en motion design-app som Sketch eller After Effects.