Šta je Motion Design?

Čak i ako još niste upoznati s pojmom motion design, definitivno ste iskusili brojne primjere ove umjetničke forme na djelu.

U našem digitalnom svijetu, motion dizajn je sveprisutan – vidite ga u filmovima i TV-u, na web stranicama i aplikacijama, u oglašavanju i marketingu i na svim društvenim medijima. Lista se nastavlja.

Motion dizajn postaje sve važniji. Tijekom našeg svakodnevnog života stalno smo bombardirani sadržajem.

Postoji žestoka konkurencija za našu pažnju, a ako se bavite pokušajem privlačenja pažnje kako biste učinkovito dosegli i komunicirali s ljudima, motion design je moćan i suštinski alat koji imate u svom arsenalu.

U ovom članku ćemo izložiti šta je motion dizajn, kako je evoluirao i kuda ide. Da li ste zainteresovani da postanete motion dizajner? Također ćemo ukratko otkriti šta radi motion dizajner i kako se time možete baviti kao profesionalna karijera.

Da budemo definitivni

Izraz "motion design" ima svoje porijeklo u pokretu grafika, i zapravo, to je skraćenica od dužeg termina "motion graphic design".

Na najjednostavnijem nivou, motion design je primjena pokreta na grafički dizajn. Ali da to bolje rečeno, to je umjetnost oživljavanja grafičkog dizajna kroz animaciju.

Motion dizajneri koriste kombinaciju elemenata grafičkog dizajna ipokretna grafika koristeći samo kod.

UI/UX dizajn

Dok je dizajn korisničkog iskustva za desktop i mobilne uređaje čitavo polje stručnosti za sebe, njegova implementacija se često oslanja na neki oblik dizajn pokreta.

Dizajn korisničkog iskustva proučava kako korisnici komuniciraju s digitalnim proizvodima i šta bi njihovo iskustvo poboljšalo. UX dizajneri imaju vrlo širok skup vještina, uključujući znanje dizajna, psihologiju, poznavanje teorije boja i narativnih uređaja, dizajna digitalnih proizvoda, kao i osnovne principe razvoja softvera.

Da bi pružili interakcije u stvarnom vremenu sa korisničko sučelje ima organski osjećaj, možete kodirati različite prijelaze i povući interakcije.

Polje koje se trese kada je unesena pogrešna lozinka ili potresni poziv na akciju u gornjem desnom kutu ekrana – ovo su svi elementi UI/UX vođeni motion dizajnom.

Kako funkcionira Motion Design

Tok rada motion dizajna razlikuje se ovisno o tome da li ste uključeni u kreiranje početnih ilustracija i sredstava, ili da li ćete dobiti ove materijale za rad.

U mnogim situacijama, grafički dizajner ili ilustrator će biti osoba koja kreira početne statične ilustracije, koje se nazivaju okviri za stil. Ovo se može učiniti u većini softvera za grafički dizajn, kao što su Vectornator, Adobe Photoshop ili Adobe Illustrator. Ovi stilski okviri se zatim daju adizajner pokreta.

Dizajner pokreta će ove stilske okvire unijeti u dio softvera za animaciju, kao što je Adobe After Effects ili Animate, gdje se zatim mogu prilagoditi i izmijeniti.

Sljedeća faza je uvesti zvučni dizajn. To može biti muzika, zvučni efekti, a ponekad i glasovni umjetnik. Pojedinačne slike se zatim tempiraju tako da odgovaraju dizajnu zvuka, idući u skladu s ritmom muzike, na primjer.

Kada je ovaj vremenski potpis grubo postavljen, animacija prelazi na proces ključnih kadrova. Ovo je mjesto gdje program izračunava pomake između okvira ilustrovanog stila i zatim popunjava praznine kako bi stvorio iluziju stalnog kretanja.

Svojstva svakog grafičkog elementa, kao što su njegov položaj i razmjer, tada se mogu promijenio u ovom procesu.

Motion dizajner mora uzeti u obzir mnogo različitih faktora tokom kreativnog procesa. Tajming, trajanje i tempo su nevjerovatno važni, jer se na ovaj način prave prijelazi.

Kada počnete primijetit ćete da je prilično teško shvatiti da pokreti grafičkih elemenata izgledaju prirodno . Možda biste trebali razmotriti neke od principa animacije kako biste simulirali organske pokrete i izbjegli robotsko, linearno kretanje (osim ako je to stvarno efekat koji želite!).

Kako započeti u pokretu Dizajn

Ako se osjećate inspirirano i ako ste aMotion dizajner zvuči kao posao iz snova, postoji nekoliko različitih karijera kojima možete krenuti, a postoji i mnogo nevjerovatnih mogućnosti za karijeru u kreativnim industrijama.

Studenti Motion dizajna najčešće studiraju tipografiju, fotografiju, grafiku dizajn i animacija.

Postoji mnogo online kurseva koji podučavaju principe dizajna pokreta. Možete čak i steći potpunu diplomu iz grafike pokreta ili diplomu iz motion dizajna (iako se oba ova naslova diplome odnose na istu stvar).

Ako ste trenutno student koji želi proširiti svoje dizajnerske vještine, ili ste na početnom nivou vještina i tražite kurs, možete odabrati da naučite motion design na ovaj način.

Međutim, ako ne želite ići službenim putem učenja, ili je jednostavno nije održiva opcija za vas, možete uzeti više autodidaktički pristup kako biste razvili svoje znanje i skupove tehničkih vještina.

Postoji mnogo resursa na mreži gdje možete naučiti osnovne principe dizajna pokreta i razviti vještine dizajna pokreta , a video tutorijali iskusnih dizajnera mogu postati vaši najbolji prijatelji.

Pozadina u grafičkom dizajnu ili dobro poznavanje istog će, naravno, pomoći. Ali sve što vam zaista treba da započnete je softver i lični disk.

Također će biti korisno pridružiti se zajednici amatera motion designa koje možete naučiti i dijeliti resursesa.

Također postoji mnogo različitih aplikacija koje možete koristiti za dizajn pokreta. Alat za uređivanje vektora je dobro mjesto za početak stvaranja vlastitih ilustracija.

Sketch je jednostavan alat za uređivanje vektora koji će vam omogućiti da brzo napravite jednostavne ilustracije, ali je više optimiziran za dizajn korisničkog sučelja.

Za naprednije funkcije i funkcionalnost vektorske ilustracije, Vectornator je jedan od vodećih u industriji sa odličnim korisničkim iskustvom. Zatim možete uvesti svoje ilustracije u dodatne proizvode za animaciju da biste započeli kreiranje animirane grafike.

Sketch se dobro integrira s alatom za izradu prototipa Principle. Generiše interaktivne animacije i dobar je alat za pomoć početnicima da se uhvate ukoštac s procesom i svojstvima dizajna pokreta i razumiju stvari kao što su ključni kadrovi i koncept vremenske trake.

Vectornator se savršeno slaže s Adobe After Effects, što je vjerovatno najpopularniji program među dizajnerima pokreta. U After Effects-u možete postaviti vremenski potpis, promijeniti svojstva grafičkih elemenata, dodati dizajn zvuka i zvuka i još mnogo toga.

Postoje i drugi digitalni proizvodi koje možete koristiti, kao što su Maxon Cinema4D, Powtoon, Unreal Engine, Adobe Premiere Pro i Wideo. Za pokretnu grafiku zasnovanu na webu, Adobe Flash je bio popularan izbor, ali je Adobe Animate zauzeo njegovo mjesto.

Apple Inc. Motion je također popularan alat zadizajneri pokreta koji počinju. Ovo je Appleov proizvod i dobro radi u kombinaciji sa Final Cut Pro.

Možda ćete biti iznenađeni kada saznate da možete koristiti Adobe Photoshop i za kreiranje animacija. Dakle, ako već koristite Adobe Photoshop za dizajn i želite naučiti više o pokretnoj grafiki prije kupovine drugog softvera, prvo se okušajte u Photoshop animaciji.

Odricanje od odgovornosti: Photoshop animacija može postanite stvarno lukavi!

Možete pogledati video ispod za recenziju nekoliko digitalnih proizvoda koje smo ranije spomenuli.

Budućnost dizajna pokreta

U našem U sve digitaliziranijem svijetu, motion design će postati još rasprostranjeniji i važniji.

Pogledali smo nekoliko digitalnih proizvoda koje možete koristiti za motion dizajn, a postoji još mnogo, mnogo više.

Zapravo, većina telefona dolazi s vlastitim izvornim alatima za uređivanje videa koji vam omogućavaju da dodate pokretne grafičke elemente i izvezete svoj rad u više formata ili ga objavite na mreži.

Ovo pokazuje da ne Ne treba vam dubinsko poznavanje principa motion dizajna, ili čak mnogo znanja o dizajnu općenito, da biste počeli stvarati vlastitu grafiku pokreta.

Međutim, s više tehnologije i većom dostupnošću dolazi i veća konkurencija u bilo kojoj industriji. To znači da dizajneri pokreta moraju imati jake vještine i moraju se stalno usavršavati kako bi zadržali avisoki standard.

Dizajneri pokreta također postaju sve važniji.

Ekrani su već posvuda, ali vidjet ćemo da digitalni okviri preuzimaju statične postere, čak i uključujući opcije interakcije. Ovo će donijeti više motion dizajna u fizičko oglašavanje i učiniti dobre vještine vizualne komunikacije još potrebnijim.

Motion dizajn će također postati sve sastavniji dio dizajna korisničkog sučelja. Stalno smo u interakciji s ekranima i aplikacijama, a motion design ima ključnu ulogu u poboljšanju korisničkog iskustva digitalnih proizvoda.

Ako ste zainteresirani da postanete dizajner pokreta i razvijete svoje vještine u ovoj oblasti, nema bolje vrijeme za početak nego sada.

Zašto ne počnete savijati svoje dizajnerske mišiće u Vectornatoru?

Preuzmite Vectornator da biste započeli

Podignite svoje dizajne na sljedeći nivo.

Sve koje kreirate u Vectornatoru možete lako animirati u aplikaciji za dizajn pokreta kao što je Sketch ili After Effects.

Ako razmišljate o jednostavnim grafičkim elementima u pokretu na web stranici ili u aplikaciji, ovo se može smatrati djelom pokretne grafike. Ali, moderni motion dizajn je mnogo razvijenija disciplina koja zahtijeva veliku količinu razmišljanja i planiranja da bi se efikasno izvršila.

Tehnologija i dizajn su uvelike napredovali, a pojam motion grafika više ne opisuje tačno pravu prirodu motion dizajn.

Dakle, kako je motion dizajn postao moćna umjetnička forma kakva je danas?

Kratka povijest motion dizajna

Počeci motion dizajna mogu biti tragom do najranijih dana animacije.

Flip-books i analogni uređaji za animaciju izumljeni još 1800-ih mogu se smatrati prvim primjerima motion dizajna, ali stvari su zaista počele da se razvijaju u 1940-ih.

Eksperimentalni umjetnici kao što su njemačko-američki apstraktni animator i umjetnik Oskar Fischinger i škotsko-kanadski animator Norman McLaren smatraju se dvama od pionira motion dizajna.

Pedesetih godina prošlog stoljeća, disciplina je naglo porasla zahvaljujućirevolucionarni rad legendarnih dizajnera kao što su Saul Bass, Maurice Binder i Pablo Ferro.

Saul Bass je najpoznatiji po upečatljivim filmskim posterima i motion dizajnu koje je radio u filmskoj industriji, uključujući filmske naslove poznatih filmaša kao što su Alfred Hitchcock i Martin Scorsese. Često je radio zajedno sa svojom suprugom, Elaine Bass, na stvaranju filmskih naslova za filmove nagrađene Oscarom.

Maurice Binder kreirao je naslove filmova o dizajnu pokreta za 16 filmova o Jamesu Bondu, uključujući prvi, Dr. Ne (1962). Većina dizajnera je tražila inspiraciju u ovim nevjerovatnim djelima motion dizajna.

Pablo Ferro je bio kubanski dizajner pokreta koji je živio i radio u New Yorku 1950-ih. Njegov split screen motion dizajn za film Afera Thomas Crown (1968) bio je revolucionaran. Ferro je dizajnirao preko 100 naslovnih sekvenci tokom svoje karijere.

Ovi umjetnici su transformirali svijet dizajna filmskih naslova uvođenjem tehnika motion dizajna. Njihov rad izazvao je trend i od 1950-ih nadalje, televizijski naslovi i logotipi su animirani.

Sa dolaskom ranih kompjutera 1960-ih, počeli smo da uviđamo uticaj koji će tehnologija imati na dizajn pokreta.

Američki animator i izumitelj John Whitney Snr. je jedan od prvih koji je eksperimentisao sa kompjuterskom animacijom, sagradivši svoje analogne računare od 1950-ih koristeći stare Turingove mašine iz svetaDrugi rat.

John Whitney i njegov brat James s jednim od svojih ranih analognih kompjutera. Izvor slike: Vice

Whitneyjeve 'cam mašine' omogućile su mu da digitalizira proces motion dizajna koristeći vještine programiranja i principe grafičkog dizajna za proizvodnju animacija pokretne grafike.

Danas su kompjuteri nezamjenjiv alat za dizajnere pokreta za proizvodnju svih vrsta pokretne grafike.

Whitney je također surađivala sa Saulom Bassom na naslovima filmova za Alfreda Hitchcocka Vertigo (1958). Uskovitlani filmski efekti motion dizajna za naslove proizvedeni su pomoću kompjuterske grafike.

Kako je moderna računarska tehnologija postajala moćnija, tako su se širili i potencijali motion dizajna.

Tokom dana u proteklih 25 godina, umjetnička forma je eksplodirala. Nedavni napredak u softveru i hardveru za dizajn pokreta također je praćen povećanjem prisutnosti ekrana u našem svakodnevnom životu.

Sada, svako ima trenutni pristup modernoj računarskoj tehnologiji i može kreirati nevjerovatne dizajne pokreta bez ikakvih vještine programiranja – čak i na mobilnim uređajima!

Motion dizajn je posvuda.

Nije li Motion Design samo fensi naziv za animaciju?

Jedna stvar vrijedna trošenja vremensko raspletanje je razlika između motion dizajna i animacijskih videa.

Granica između to dvoje je prilično mutna, a motion dizajn se često nazivaanimacija, ali postoji razlika koju treba povući.

Tradicionalni animirani filmovi imaju tendenciju da se oslanjaju na likove da pomaknu priču naprijed. Ovi likovi su središnji u filmovima i uglavnom su vrlo izražajni.

Nasuprot tome, motion design koristi video i grafiku za proizvodnju vizualnih efekata (VFX), a kretanje ovih elemenata može djelovati mnogo apstraktnije

Tehnički, motion design i motion grafika su oblici animacije – što objašnjava kako može nastati zabuna – ali kada se govori o animaciji kao disciplini, radi se o tradicionalnim animiranim filmovima koji pričaju priču o likovima koji se kreću kroz vrijeme i prostor.

Dizajn pokreta služi drugoj svrsi jer teži da bude apstraktniji ili estetskiji, a često je zasnovan na tekstu. Često se koristi za pomoć pri komunikaciji poruka u video formatu, što ga čini veoma pogodnim za marketing i oglašavanje.

Upotrebe Motion Design

Motion dizajn se može koristiti u velikom broju različitih načine. Ipak, jedna od ključnih namjena je učiniti tekstualne informacije privlačnijima i zanimljivijima.

Upotrebom vizualnih efekata, oči gledatelja vode se do najvažnijih informacija, što im pomaže da razumiju i zadrže nove bolje znanje.

Motion dizajneri također često sarađuju s ilustratorima, fotografima, videografima i video urednicima kako bi proizveli različite vrste pokretagrafika.

Dizajn naslova filma

Razmislite o sekvencama naslova za filmove koje smo pogledali ranije u ovom članku. Motion design uzima inače nezanimljive blokove statičkog i običnog teksta i udahnjuje mu život, spajajući ga s vizualnim efektima i audio komponentama.

Na kraju, ovi dizajnirani filmski naslovi postavljaju pozornicu za film ili kratki i postaju ugodan vizual iskustva sama po sebi.

Naslovi filmova često uključuju video snimke uživo sa animacijama pokretne grafike i zahtijevaju mnogo video montaže. Kretanje elemenata na filmskom platnu angažuje gledatelja, u potpunosti se fokusirajući na priču koja se odvija pred njihovim očima.

Iako su profesionalni videozapisi sami po sebi, ovi naslovi filmova spojeni su u finalnu rezu filma neposredno prije svega se izvozi kao jedan fajl.

Televizijski, sportski, informativni programi

Možda danas rjeđe, ali prethodnih godina televizijski programi su obično imali voditelje koji su predstavljali uvode u emisije. Uvođenje TV emisija je također bilo popraćeno džinglovima i animiranim grafikama.

Vijesti posebno koriste motion dizajn i danas. Zamislite dinamične, animirane logotipe na početku njihovog emitiranja, kao i grafiku pokreta vijesti kada izvještavate uživo s lokacije.

Sportske emisije također preklapaju grafiku pokreta kako bi prikazale rezultate utakmica, rang liste i sve vrsteinformacije za fanove da lakše prate igre.

Animirani logotipi

Promotivna grafika pokreta često uključuje animirane logotipe, koji privlače pažnju na logo i čine ga privlačnijim bez potrebe za pričom ili složeni likovi.

Kada animira logotip, motion dizajner može inkorporirati druge koncepte povezane s brendom, na primjer, njihov slogan ili vrijednosti kompanije.

Emotivna grafika pokreta daje personificiranu privlačnost brendovima koje bi inače bile reklamirane kao mirne slike. Ovo pomaže u izgradnji prepoznatljivosti brenda i daje kompaniji više osobnosti.

Videozapisi s objašnjenjima

Motion dizajneri imaju tendenciju da imaju jake vještine u vizualnoj komunikaciji.

Potencijal motion dizajna da učini naizgled dosadne stvari uzbudljivijima čini ih posebno korisnim za video s objašnjenjem ili vodič kroz proces.

Motion dizajn može uzeti gustu infografiku i transformirati je u privlačan i živahan video koji privlači vašu pažnju.

Grafika pokreta s objašnjenjem pomaže vizualno opisati koncepte, što je odličan način da se publika angažuje i navede je da razumije jednostavne do sve složenije ideje.

Video s objašnjenjem obično je popraćen naratorom koji gledaocu govori kroz pokretna grafika koja se prikazuje na ekranu.

Obrazovanje

Na isti način kao i video zapisi koji se koriste za opisivanje proizvoda ili procesa,Motion design je posebno efikasan za obrazovanje.

Upotrebom vizuelnog jezika koji djeca ili učenici razumiju i sa kojim se mogu povezati u kombinaciji s informacijama koje trebaju naučiti, dizajn pokreta može stvoriti bogata i dinamična iskustva učenja koja poboljšavaju ukupni kvalitet učenje.

Društveni mediji

Možete vidjeti primjere dizajna pokreta na svim društvenim mrežama kako te tehnike postaju sve više i više preovlađujuće. Zapravo, postoje vrlo dobri razlozi za korištenje motion dizajna u kontekstu društvenih medija.

Statične slike i sadržaj na društvenim mrežama su daleko manje popularni i dijele se mnogo nižom stopom nego pokretni i dinamični sadržaji. Motion design također poboljšava video zapise kako bi se prenijela poruka. To znači da je odličan za video s uputama ili promociju.

Objavu koju dijeli Superdry (@superdry)

Samo razmislite o tome šta vam odgovara kada ste skrolovanje kroz feedove društvenih medija – velika je vjerovatnoća da vas mnogo više privlače elementi u pokretu nego fotografije.

Pošto je motion dizajn kretanje grafike tokom vremena, to također znači da gledaoci ostaju na stranici ili objavljuju duže i manja je vjerovatnoća da će se pomaknuti ako su uključeni u animirani sadržaj.

Oglašavanje

Video oglašavanje je mjesto gdje motion dizajn može zasjati – kreiranje dinamičnih snimaka sadržaja zasnovanih na pokretu pažnja i komunikacija gledalacamarketinške poruke mnogo efikasnije od statičnih slika ili teksta.

Dizajneri reklamnog kretanja kreiraju promotivne grafike pokreta koje se mogu pojaviti na digitalnim bilbordima, tablama menija restorana brze hrane, Google Ads-u, TV-u i mobilnim uređajima. Imamo tendenciju da imamo niz interakcija sa različitim verzijama promotivne grafike.

Ovi oglasi su često programirani da prate vaše putovanje između ekrana, što objašnjava zašto često vidite iste oglase!

Sistemi na prodajnim mjestima i samouslužni sustavi

S obzirom da je više poslova zamijenjeno digitaliziranim sistemima u raznim industrijama, interaktivna grafika pokreta postala je još važnija za korisničko iskustvo u fizičkom svijetu.

Tržni centri, bioskopi, banke, aerodromi, restorani i drogerije počinju koristiti automatizirane sisteme za prodaju karata i informacijske šaltere. Neke od najvećih tehnoloških kompanija na svijetu proizvode ove POS sisteme i samouslužne kioske, kao što su Oracle i Ingenico.

Web stranice

Osim što mogu koristiti popularne programe za dizajn za proizvodnju pokreta grafike u video formatima, dizajneri također mogu koristiti svoje vještine programiranja za kreiranje animiranih elemenata na mreži.

Korišćenje CSS i Javascript koda za motion dizajn se stalno razvija. Ranije su mnogi animirani elementi na web stranicama bili ugrađeni video zapisi, ali sada možete postići složene i interaktivne