Om du är en fan av showen Mad Men eller har sett öppningen, så har du sett en rörelsesfilm.

Rörelsesgrafik var all raseri på 1960-talet (därmed utseendet på Mad Men-serien i 1960-talets reklamfält) och var populär i filmer, TV-serier och reklamfilmer.

Du har sett massor av dem, nu när du har satt grafiken med termen. De är återigen på TV, reklamfilmer, filmer, webbplatser och annat visuellt medium.

Är det att de är retro? Tar de tillbaka en känsla av enklare dagar? Är de bara visuellt tilltalande och det är därför de har upptäckts igen? Vissa människor säger att de aldrig gick bort och det är sant men de är heta igen och en specialiserad talang behövs för att skapa dem.

Om du har undrat hur det är gjort och hur du kan bli involverad i att skapa dessa projekt, här är exempel och tips från några experter på området.

Vad är rörelsegrafik?

Inte ett fan av galna män och du har aldrig sett öppningen? Här är några exempel på rörelse grafik från det förflutna ...

"Det är animering", kanske du säger. Jo, ja ... och nej. Motion graphics är användningen av video, grafik och animeringsteknik för att skapa en illusion av rörelse. MG är vanligtvis tilldelad som en deskriptor för film eller tv-öppningar, kombinerat med en temans sång eller poäng, även om alla bilder bara kan vara illustrationer som med den kalla 1966 Batman-öppningen.

Saul Bass

Man kan inte tala om rörelsegrafik utan att nämna Saul Bass (8 maj 1920 - 25 april 1996). Saul var grafisk formgivare och filmskapare, kanske mest känd för sin design av filmaffischer och filmbildsekvenser.

Jag hade nöjet att prata med Saul vid flera tillfällen men visste inte faktiskt att det var han. Han verkade bara som en mycket trevlig äldre man som pratade med mig om vår födelseort, Bronx, New York, livet, Yankees och andra icke-industriella saker. Han introducerade aldrig sig själv men skulle alltid känna igen mig på industriella sociala evenemang och det var inte förrän en annan äldre gentleman kommenterade hur "Saul hade tyckt om mig", så insåg jag att jag hade några borstar med storhet. Jag hade aldrig ringt honom med namn, valt att bara säga "hej!" Eller "hur gör du!" Varje gång vi träffades.

Jag frågade denna herre vad Sauls efternamn var och han stod dumbfounded. Han sa med förvåning: "Du visste inte att du varit kompis med Saul Bass?"

Jag antar att det visar sig att ju större de är desto mindre behöver de prata om hur stora de är. Tyvärr såg jag aldrig Saul igen när han gick en kort stund senare. Jag hade antagligen varit lite tungtbunden och visste att jag talade med The Saul Bass. Kanske är min bryr sig inte vad han tyckte om att skjuta brisen med mig.

Saul arbetade för några av Hollywoods största filmskapare, bland annat Alfred Hitchcock, Otto Preminger, Billy Wilder, Stanley Kubrick och Martin Scorsese. Bland hans mest kända titelsekvenser är det animerade pappersutklippet av en heroinmissbrukares arm för Premingsers man med den gyllene armen, krediterna racerar upp och ner som i slutändan blir ett högvinkelskott av FN-byggnaden i Hitchcocks nord genom Nordväst och den ojämförliga texten som raser tillsammans och ihop i Psycho.

Han designade också några av de mest ikoniska företagslogotyperna i Nordamerika, inklusive AT & T "bell" -logotypen 1969, samt AT & Ts "globe" -logo 1983, efter upplösningen av Bell System. Han utformade också Continental Airlines 1968 "jetstream" -logotyp och United Airlines '1974-tulpan-logotyp, som blev en av de mest erkända flygbolagslogotyperna i eran.

Här är några visdomsord från Saul som påverkar hur du ser på att skapa ...

Jag var tvungen att lägga till en liten hyllning för Saul av B. Hilmers och ett skolprojekt som han gjorde i Sauls stil, blandar grafik och musikstil för en Star Wars-titelföljd ...

En ny generation lär sig från mästaren och lägger till sin egen spin!

Andra rörelse grafiska designers ...

Medan de fortfarande lever för att kommentera, trodde jag att jag skulle ställa några frågor till tre framgångsrika MG-designers som jag visste. David Cimaglia (LIKSTRÖM), Justin Katz (JK) och Alex Kohli (AK) har jobbat med ikoniska märken och filmer under hela sin karriär och jag ville att de, som Saul, skulle uppmuntra nästa generation genom att prata om hur de gjorde det i MG och de verktyg de använder med dagens teknik.

Min första fråga till alla var "hur blev du involverad i rörelsegrafik?"

DC: Jag bodde i Hollywood, hade cirka 10 år grafisk designupplevelse och letade efter att ta en annan riktning med min designkarriär. Efter att ha tittat på titlarna för 1996 "Doctor of Doctor Moreau" av Kyle Cooper,

Jag var helt inspirerad och hade ny karriärriktning att sträva efter. Vid den tiden visste jag inte hur jag skulle gå till det, men hade några vänner som gjorde egna inroads i filmindustrin.

Vid den tidpunkten fanns det några avancerade proprietära system som jag hörde om Quantels Harry, Henry och Henry, som var utom räckhåll. En vän berättade om ett lite känt program som kallades CoSa After Effects som skulle köras på en Mac. När jag fick tag i en kopia av After Effects ägdes det av Adobe, jag kunde inte få det att fungera korrekt på min underpowered Mac.

Jag hittade senare en inspirations- och instruktionsbok om rörelsegrafik och After Effects av man och fru lag Chris & Trish Meyer, som senare grundade MGLA (Motion Graphic Artist-gruppen i Los Angeles). Jag gick med i gruppen 1999. Chris & Trish Meyer har publicerat flera fler böcker om rörelsegrafik, men jag tror att de sedan flyttat från LA-området.

MGLA har nu utvecklats till ett Adobe-gruppsamtal DMALA (Digital Media Artist of Los Angeles) och är värd för Ko Maruyama.

Det var inte förrän hösten 2001 efter att ha blivit avskilt från mitt skrivbordsdesign som jag bestämde mig för att bli allvarlig, ta lite tid att lära After Effects ordentligt med min då nya, mer kraftfulla Mac G4 och se om jag skulle kunna hoppa till rörelse grafik . Jag satsade på Total Training Video-serien för After Effects och försökte lära mig så mycket som möjligt genom videoserien, tillsammans med några andra tekniska böcker som var ute. Jag gjorde upp projekt och efter ca 3-4 månader sattes en demohjul och började söka arbete.

Så småningom fick jag några raster med verkligt arbete, några videoprojekt, menyer och animationer för DVD-skivor och arbeta på några oberoende filmer.

JK: Jag har en BFA i film och animering från RIT. Under mitt 3: a år av filmskolan under arbetet på galleriet på campus visade någon mig Hot Hot Heat-videon, "No Not Now" av MK12 och jag var enthralled.

Jag börjar omedelbart utforska deras webbplats och hittade pärlor som Ultra Love Ninja och Softcore Sweater Porn (som jag fortfarande använder som exempel när jag pratar om Morgaph).

Motion Design är i grunden 2 fält sammanfogade; grafisk design och animation / film. För att vara välkänd: en stark grafisk designutbildning eller motsvarande verklig världserfarenhet är avgörande. Åtminstone behöver du det väsentliga; färgteori, 2D & 3D-design, typografi, gallersystem, illustration och layout.

På animationssidan är det bra att börja med grundläggande. Jag började som en traditionell animator, som innebär att lära sig 12 grundläggande principer eller animationer . Det handlar då om att tillämpa dem på olika medier.

Jag experimenterade senare med 3D och lärde mig sedan After Effects, som ganska mycket förändrade allt för mig. Jag skulle gå så långt som att säga om du inte vet After Effects, så kommer du förmodligen inte att kunna skapa. Det är ett grundläggande verktyg för mediet som liknar en penna - det är bara nödvändigt. Ja, du kan skapa i andra medier som stop-motion eller handritade eller till och med andra mjukvarupaket som flash, men även projekt som de är vanligtvis "färdiga" i After Effects.

Det sista elementet är en solid förståelse av filmsprog och berättande. Jag skulle rekommendera kreativa skrivkurser, screenwriting, scriptwriting för animering och till och med riktade klasser.

Du kan ha en fantastisk design med mycket enkel nästan archaic animation och de flesta människor kommer att tro att det är bra. Omvänd - du kan ha medelmåttig design och flytta den på ett elegant och känslomässigt sätt, vilket ger den vikt och karaktär som designen blir sekundär.

AK: Alla svar på den frågan kommer med fina utmaningar: "Enskilda resultat kan variera."

Jag började i filmskolan (BFA, Syracuse University), som huvudsakligen fokuserar på stop-motion-animering. Det var rätt när datorer bara kom på scenen som visuella verktyg. Jag var tvungen att välja allt detta på egen hand.

Varje arbetsgivare som jag hade i tjugoårsåldern kom överens om att låta mig få nyckeln till studion så att jag kunde stanna sent varje kväll och tränga igenom handledning på allt jag inte visste (det var så jag lärde mig 3D, After Effects, HTML, Flash , interaktiv multimedia, icke-linjär redigering, ljudspår design, etc.).

Jag hittade alltid ett sätt att få det till den första intervjun. Ju snabbare jag lagt till min färdighet, desto snabbare hade de nya konkurrenskraftiga internkapacitet (självklart förhandlade jag också om 6 månaders lönomdömen, eftersom jag är en ganska snabb studie).

Om jag letade efter en skola nu vill jag ha en skola med ett robust integrerat studierprogram, som skulle kunna kombinera kurser som riktar sig till framtida filmskapare, ljudingenjörer, grafiska designers och belysningsdirektörer. Jag vet inte vad du skulle kalla den graden, men det skulle få dig väldigt långt!

"Vilka kurser ska folk ta för att lära mig MG och vilken typ av programvara ska de veta?"

DC: Kurser i After Effects startar och beror på vilken typ av arbete de hoppas kunna göra, kanske Nuke, Maya, 3D Studio Max, Cinema 4D och kanske med den precis släppta CS6 Flash Pro och dess förmåga att nu exportera JavaScript och HTML5 , det kan fortfarande vara ett andra liv för Flash om du är intresserad av interaktivitet eller spelutveckling.

Idag finns det tydligen oändliga resurser för att lära sig någonting online, Lynda, Video Copilot, YouTube, Adobes träningsövningar, etc. Nu erbjuder de flesta konstskolor och högskolestudier kurser i rörelsesgrafik tillsammans med specialskolor som Video Symphony, Gnomon, DAVE-skolan och Mitt Romney godkändes, Full Segel.

Det verkar som att många av dessa specialskolor pumpar ut många barn till en något nuvarande, ojämn arbetsmarknad. Jag har jobbat med många av dessa barn i mitt senaste jobb och jag har hört att några av deras anmälda utbildade anställningsnummer kanske kokas något, eller åtminstone är deras studenter inte alla anställda i de yrken de utbildade för.

Jag hittar nu, mycket av introduktionsnivån är arbetet nu uthämtat till Indien och Asien som allt annat i USA.

Rörelsesgrafik kan vara en mycket allmän term för vissa, som omfattar allt från:

  • 2D-animering
  • grafik & logotyp animering
  • titlar och text animering
  • foto bild animering
  • interaktiv animering - webb, mobil, dvd, kiosk
  • tecknad animation
  • 3D-animering / CG
  • 3D animatik
  • visuella effekter / VFX
  • komposit för film eller video
  • spårning och matchning flyttar
  • rotoscoping
  • färg - rengöring / restaurering för film

Jag föredrar personligen att begränsa termen rörelsesgrafik till:

  • 2D-animering
  • grafik & logotyp animering
  • titlar och text animering
  • foto bild animering
  • komposit för film eller video
  • interaktiv animering - webb, mobil, dvd, kiosk,
  • grundläggande 3D-animering av text och grafik

Jag känner, resten faller under deras olika specifika kategorier som visuella effekter, efterproduktion för visuella effekter och andra.

Så beroende på din definition av rörelsesgrafik och vad projektets specifika behov är, vad budgeten är, vad du specialiserar dig i och vad du är skicklig med beror på vad som är inblandat i att skapa lösningen och vilken programvara som används.

Programvara som:

  • Bieffekter
  • Blixt
  • Rörelse
  • Atombomb
  • Skaka
  • Förbränning
  • Flamma
  • Rök
  • Silhuett
  • Mocka
  • maya
  • 3D Max
  • Cinema 4D
  • Ljusvåg
  • Softimage

Jag använder personligen för rörelsegrafik: After Effects, Flash and Motion, också Photoshop, Illustrator och Freehand för att skapa de unanimerade tillgångarna.

En hel del rörelse grafiska designers använder Cinema 4D för grundläggande 3D-modellering och animering av text och grafik

För efterproduktion för visuella effekter har jag använt After Effects, Silhouette och Mocha.

Nuke är den nuvarande visual effects-kompositionsprogramvaran som valts av de flesta stora VFX-studior tillsammans med Maya och 3D Studio Max för alla CG-elementen.

JK: Beroende på projektet kan en mängd olika medier användas och användas. live actionfilm, video, digital illustration, handritad konst, målning, 2D eller 3D digital animering och jämn stopprörelse.

Valfri mjukvara enligt ovan är After Effects med Cinema 4D eller liknande 3D-paket nära bakom. Cinema 4D har blivit häftklammer och nästan en standard på grund av sin användarvänlighet och vänliga verktyg som är speciellt utformade för rörelseformgivare - de har även en "Mograph" -modul. Det fungerar också extremt bra med After Effects och vice versa så att scener kan startas i en och färdig i den andra.

På min studio brukar vi vanligtvis använda AE, C4D, Maya Mocha Pro och Flash medan du redigerar i Final Cut Pro eller Premiere. Vi använder Dragon för stopprörelse, Dropbox för fjärrsamarbete, Google Docs för skript och enkla txt-filer för nästan allt annat.

AK: Jag har sett mig i min bästa rytm med ett monster Mac Pro som låter mig hoppa runt sömlöst från Final Cut till After Effects, från Photoshop till Cinema 4D, eller Soundtrack till Garage Band.

Det nyfikna med att vara en grafisk grafiker är att den viktigaste skickligheten lyssnar. Kontoföreningen, den kreativa regissören, klienten, författaren ... alla har en annan sekvens av bilder i huvudet. Du behöver finjusterad intervjuförmåga för att kunna samla ut, "precis exakt vad försöker vi förmedla här?"

Ibland är den svåraste delen av den här konserten att få alla andra att sluta beskriva hur en scen ska se ut och bara fokusera på att definiera meddelandet. Till exempel, när manuset visar två stycken av kopia med "Graphic of Pie Chart", kommer det att bli ett mycket långt förproduktionsmöte.

"Berätta för några projekt"

DC: "Windows Media 9" Starta plats. Jag var underleverantör av en kompis av mig för att producera edgy stylized frase klipp som används i en hög energiproduktion för Microsoft för att debutera Windows Media Series 9 (ironiskt producerad på en Mac och levererad som Quicktime-filer).

Kampanjdelen presenterades på en storformatskärm vid en stor mediautställning som sparkade av Windows Media 9-lanseringen i Las Vegas. Målet var att skapa spänning. Den största utmaningen var tidsbegränsningen, vi hade bara fyra dagar att leverera tolv frase klipp, plus åtta nästa generations mediaspelare produkt animeringsklipp, detta innefattade flera omgångar av förändringar förstås. Nio av frasen klipp alla behövs för att vara tydligt annorlunda men har en liknande stiliserad känsla.

Jag använde några lämpliga lagerklipp från mitt videobibliotek för de flesta bakgrunderna och skapade resten från början med filter och andra element och animerade sedan några prickiga, glitchy, swishy, ​​rullande grafiska element tillsammans med de glödande blinkande textanimationerna.

Platsen redigerades sedan tillsammans med några levande actionklipp och gav ett ljudspår med hög energi som råkade synkroniseras överraskande bra med mina animeringar.

Jag hörde att det var en stor hit och alla var glada.

DVD-projekt: Jag designade öppna titelanimeringar och animerade menyer för DVD-skivor. Bass Edge Fishing TV-seriens DVD-skivor och flera DVD-skivor för underhållningsunderhållning, som innehöll den senaste kommande musikalisten, musik, musikvideor, filmtrailers och TV-serier som syftar till en ungdomsmarknad.

e-Learning-projekt: Jag har producerat rörelsegrafik för träningsvideor och interaktiva träningsmoduler för företags- och militär användning.

Digital Signage-projekt: Jag hade möjlighet att arbeta på några informations- och reklamfält för digital skyltning, för både finansiella institutioner rikstäckande och även ett kasino.

Filmprojekt: Jag har arbetat på några indie sci-fi kortfilmer, "ANI 1240" och "A Paint of Paint" som utformar öppningstitlar, som grafiskt skapar rymdskeppets artificiella intelligensperspektiv tillsammans med några av de visuella effekterna (VFX) och produktionsarbete.

Jag har också precis avslutat ett år med att arbeta som en rotoartist som är involverad i 3D-stereokonvertering i efterproduktionsfilmbranschen, där jag arbetade på flera senaste 3D-filmutgåvor som involverade superblocket och en med ett skepp. Jag anser att produktionsarbetet.

Jag ser nu fram emot att komma tillbaka till en mer kreativ roll när det gäller att designa rörelsesgrafik igen.

JK: Under åren har jag varit inblandad i stora stora varumärkesprojekt för företag som Smirnoff, Gatorade, Coca-Cola, Canon, Taser och till och med saker för Kotex.

Senast har jag kommit tillbaka till sändningsarbete för företag som Goodwill och Phoenix Coyotes, men vi spenderar merparten av vår tid på webb- och företagsinnehåll. För en titt på Coyotes-platsen, se bloggposten HÄR .

Vi slutförde senast en traditionell animerad video i stil med Hanna-Barbera för LeadMD.com, ett marknadsföringsautomationskonsultföretag här i Phoenix. Nu men det här är inte riktigt betraktat som "rörelsegrafik", är det viktigt att vara mångsidigt i ditt hantverk och mannen har jag länge haft lyst på att utföra denna stil!

En höjdpunkt från förra året var AIGA National Design Conference Titles for PIVOT, som var lite av ett experiment i samarbete och kreativ redigering.

Ett annat projekt som jag verkligen gillar är en stop motion gig som vi gjorde för Massage Envy's Alla hjärtans dag kampanj. Detta sköt i mitt garage under en vecka. Jag gjorde all förproduktion ut ur en Super 8 i Ft. Collins, CO då min hund fick operation som CSU. Den största frågan handlade om hans hemska gas när han återhämtade sig;) förutom att jag var tvungen att dra några färger på varumärket under färgsessionen.

Trots mediet följer dessa projekt alla samma steg och procedurer:

  • Idé / koncept
  • Skript / kopia
  • Grova brädor (miniatyrbilder)
  • Style Frames (1-3 ramar av viktiga scener som föreställdes av art director / designer)
  • Rough Animatic (enkel redigering med en grov inspelning av VO eller musikval)
  • Full Board (detaljerade brädor som stilramar)
  • Full Animatic (med nya kort)
  • Animationsproduktion
  • VFX, Färgkorrigering, Redigering
  • Ljuddesign

AK: För mig är de flesta jollierna från att göra de stora händelserna, som det nationella försäljningsmötet för Medtronic. Animationen är utmanande, för det mesta eftersom du försöker kondensera en mycket stor organisations många bästa stunder under de senaste tolv månaderna till en 3-5 minuters händelseöppnare.

Den verkliga sparkaren konstruerade den audiovisuella upplevelsen som kunde synkroniseras över fem skärmar, alla olika dimensioner och upplösningar (två 60-fots skärmar som flankerar tre MiTrix LED-väggar).

Jag har verkligen fått att sträcka min hjärna och bara följa upp den framväxande displaytekniken. Förra årets stora NuSkin-försäljningsmöte (jag hörde 17 000 personer) gav mig chansen att integrera jätteflyttande LED-paneler med själva LED-golvet som de använde i öppningsceremonin i Peking-OS.

Det hör inte ofta jag säger till producenten, "Var cool, Alex. Vi vill inte att dansare har ett anfall på den där saken. "

"Vad ser du som framtidens rörelsesgrafik?"

DC: Tja, jag ser inte rörelsegrafik som går snart när som helst, men jobbet kan alla tillverkas i Indien nästa vecka för $ 1,50 ett klipp.

Nu med digital signage, mobila enheter och e-learning som lägger till mixen, plus webb- och tv-sammanslagning verkar det finnas en ständigt växande plattform för den.

Därefter kan det finnas ett totalt uppror mot alla 3D-flyg genom, spinning, looping, studsning, skakning, exploderande ord och logotyper och ett behov av ren, lugn, ren, statisk Helvetica.

Jag har sett mycket överdriven animering på webben, jag ser framtidens rörelse grafik vara lite mer diskret med lite subtil finess.

Saul Bass, ansågs vara en av de bästa filmproduktdesignerna från den tiden. Han var känd för sina enkla men strålande koncept som satte tonen för berättelsen

Thomas Crown Affairs titelsekvens av Pablo Ferro betraktades också som banbrytande från den tiden.

Från vad jag förstår brukade de använda ganska otroliga kompositionstekniker och använde ofta ark av negativ och positiv grafikfilm med titlarna och grafiken utsatt för dem och lagde dem ut på en stor specialfront och bakljuskopiering står som animationsbord med en stopprörelse kamera.

Sedan skivas, maskeras och minutiöst placeras titlarna, skjuter animationssekvensen med färgljus och papper en ram i taget som cellanimering, eller något i den meningen ... vilken smärta i röven!

I likhet med många yrken är "Motion Graphic Designer" helt enkelt inte den specialspecialis som den en gång var, särskilt sedan 60-talet. Prisvärd datorgrafik, tillgång till webben och en global marknad har öppnat möjligheterna till alla.

Förhoppningsvis kommer några av oss att stå ut med kreativa koncept, bra design och lämpliga för projektet, smakfull animering.

JK: För närvarande är det som i de flesta trender saker som tenderar att bli lite mer grundläggande. Studiorna använder mycket mer stop-motion / pixelation och handgjorda stilar.

Dessa medier känner alltid magiska när de markerade betraktaren i den verkliga världen. Jag tror att annonsbyråer märker att människor blir dödliga för mycket innehåll som produceras och handgjorda är ett enkelt sätt att få folk att stoppa och uppmärksamma.

Jag tror att många av oss börjar inse hur kraftfullt vårt medium är och hur det kan användas för att skapa en social förändring eller förändring och engagera människor att agera på viktiga frågor och orsaker. Ta DETTA till exempel.

Med detta sagt tror jag att framtidens rörelse blir helt interaktiv. Inte bara Science Museum visar eller enstaka instanser av Microsoft Surface på ett utställningshow, men interaktivt: TV, konst, väggar, spannmålslådor, shoppingupplevelser, körning etc.

Jag kan inte för livet av mig ta reda på varför nuvarande TV-spelprogram inte redan är interaktivt. Att saker gör total mening.

XBox Live hade ett 1 vs 100-spel för nästan 2 år sedan, vilket var riktigt coolt och du skulle leka tillsammans med 30 000+ personer. Det där sakerna kommer att hända oftare och så småningom bli vanligt - kom ihåg när videochattar var skumma (ja, kanske är det fortfarande)?

Den lovande saken här är att allt behöver utformas och animeras.

AK: Jag tycker att rörelsegrafik är i en punkt där himlen är gränsen (och kanske inte ens det).

Du ser mer och mer digitala skyltar, LED-fordonets omslag, mindre touringband med mörkare-ljusshow, animerade kläder, och kostnaden för tillträde för växellådan faller fälligt.

Både leveransplattformarna och publiken ändras så snabbt att jag skulle säga att den viktigaste kvaliteten i en rörelsegrafisk designer är att vara en livslång lärare. Ofta använder jag bara nya tekniker för att utforska mina favorithögskolans mästare, som Saul Bass, Fritz Freleng, Schoolhouse Rock, 007-öppnare och andra grooviga lösningar för att sätta text och bilder i rörelse.

Du måste faktiskt njuta av att förvärva och assimilera ny teknik och tillvägagångssätt, liksom att gräva djupt in i de sanna hantverkarna från det förflutna.

Har du arbetat med rörelsegrafik? Skicka en länk och dela!