모션 그래픽

1. 개요2. 분류

2.1. 2D 모션 그래픽2.2. 3D 모션 그래픽

3. 관련 문서

3.1. 관련 그래픽 툴 문서 열람

4. 관련 채널 및 인터넷 방송인5. 관련 문서

[clearfix]

1. 개요

모션 그래픽 / Motion Graphics

움직임(Motion)과 그래픽(graphics)의 합성어로, 간단하게 말하자면 움직이는 그래픽을 뜻한다.

디지털 이미지에 아이디어를 더해 영상으로 의미(메세지)를 전달하는 것으로, 방송 프로그램의 오프닝 타이틀 영상이나 기업의 브랜딩 영상, 영화 속 크레딧 시퀀스, TV 채널의 스테이션 ID 영상 등과 같은 영상들을 말한다. 최근에는 모션그래픽의 경계가 모호해진 면이 있는데, CG, VFX, 애니메이션도 모션그래픽의 일종으로 보기도 한다.

모션 그래픽 특유의 창의적이고 현란한 그래픽은 보는 이의 시선을 사로잡는 효과가 있고 이러한 특징은 영화와 광고 뿐만 아니라 박람회나 전시장, 웹, 모바일, 인터넷, 전광판 등의 여러 미디어에 영향을 미치고 있다. 과거에는 TV에 국한되어 있던 모션 그래픽의 범위가 현재는 건물 외벽에 LED 조명을 비춰 영상을 표현하는 미디어 파사드 등과 같이 표현 형식도 다양해지고 있다.

주된 사용 그래픽 툴로는 어도비 애프터 이펙트, 시네마 4D가 있다. 디자인의 기본이 되는 툴인 어도비 포토샵과 어도비 일러스트레이터도 거의 필수적으로 사용된다.

2. 분류

2.1. 2D 모션 그래픽


채널 브랜드 ID 영상[1]	방송 타이틀 영상[2]

인포그래픽 영상[3]	게임 프로모션 영상[4]

주로 에프터 이펙트와 일러스트레이터, 포토샵을 이용하여 만드는 도형 + 일러스트 + 텍스트 애니메이션.

요소들의 색채감, 애니메이션 연출 효과가 현란함을 이뤄 보는 이로 하여금 주목을 끈다. 키네틱 타이포, 바이럴 영상, 홈쇼핑 영상, 드라마 편집 및 후반 작업, CF 누끼 및 자막 작업, SNS 광고, 화장품 광고, TV 광고, 미디어 전시, 애니메이션, 강의 영상, 크리에이터 영상 등 다양한 형식의 작업이 있다.

2.2. 3D 모션 그래픽


하이엔드 브랜드 영상[5]	캐릭터 제품 광고 영상[6]

제품 광고 영상[7]	미디어 아트 영상[8]

캐주얼 스타일(카툰 형식의 텍스쳐와 비율 등으로 제작)과 실사풍 스타일(실제 느낌의 텍스쳐와 그 비율로 제작)정도로 스타일을 나눠볼 수 있다. 보통의 3D 작업은 렌더링에 많은 시간이 소요되는데, 캐주얼이 실사보다 렌더 시간이 상대적으로 덜 소요된다.[9] 렌더팜이라는 렌더링 시간이 오래 걸리는 작업을 대신 해주는 사업체도 존재한다.

모델링부터 애니메이션, 리깅 [10], 라이팅, 카메라, 렌더링, 후보정 등 총괄적으로 할 수 있는 사람을 보통 제너럴리스트라고 부르며, 애셋, 리거, 애니메이터, FX[11], 헤어, Cloth, Composite[12] 등 어떤 한 부분에 특화된 사람을 스페셜리스트라고 부른다.

Cinema 4D, 3ds Max, 마야, 블렌더, 후디니, 소이 등의 여러 3d 툴이 있으며, 자기가 가고싶은 분야에 산업 표준인 툴을 사용하는 게 좋다.[13]

광고, 영화, 게임 시네마틱, 캐릭터 애니메이션, 드라마, 전시 등 2D 모션 그래픽과 마찬가지로 다양한 형식의 작업이 있다.

3D 디자인을 할 수 있다면 영상의 표현 범위가 확 넓어지기 때문에 2D 분야에 있는 모션그래픽 디자이너들도 대부분 추가적으로 공부하는 추세이다.

3. 관련 문서

시각디자인
애니메이션
포트폴리오
비메오
키네틱 타이포그래피 : 모션그래픽의 분야중 하나로, 여러 모션그래픽 중 텍스트를 다루는 분야이다.

3.1. 관련 그래픽 툴 문서 열람

🖼️ 그래픽 툴
{{{#!wiki style="margin:0 -10px -5px; word-break: keep-all" {{{#!wiki style="display:inline-block; min-width:25%" {{{#!folding [ 2D ] {{{#!wiki style="margin:-5px 0 -10px"	<colbgcolor=#eee,#333> DTP	LibreOffice^ΟF · Affinity Publisher · Microsoft Publisher · Sigil · QuarkXPress^C · 어도비 인디자인^C · Scribus^ΟF
비트맵	GIMP^ΟF · Affinity Photo^B · Artecture Draw, Sketch, Paint^Μ · Sketchbook^BF · AzPainter2 · Black Ink^BF · CLIP STUDIO PAINT^B$ · Dr. HALO^Χ · Expresii^C · EzPhoto^X · ibisPaint X^B$ · Krita^BΟFC · Leonardo^C · mdiapp^F · MyPaint^ΟF · Paint.NET^$ · PaintTool SAI · Pinta^ΟF · Pixia^F · Procreate^Μ$ · Rebelle^C· Sketchable^C · Spine · 그림판 · 디럭스 페인트^Χ · 메디방페인트^BF · 스무스 드로우^F · 아트레이지 · 아트위버 · 어도비 포토샵^C · 에지^B$ · 오픈캔버스 · 일러스트 스튜디오^Χ · 콜러페인트^F · 파이어알파카^F · 페이즈원 캡처원프로^$ · 페인터^C · 페인트샵 · 페인트스톰 스튜디오^B · 포토샵 라이트룸 · 포토스케이프 X^$ᆞ 프레시 페인트^B · 픽셀메이터 프로^B · 픽픽^$ · 하늘^Χ · 훠닐 스타일픽스^F · Pocket Artist^XM · Aseprite^O
벡터	Inkscape^Ο · Affinity Designer^B · Corel DRAW^C · CorelTRACE^OFC · CLIP STUDIO PAINT^BC · ibisPaint X^Μ · Microsoft Visio · Spine · 어도비 애니메이트^C · 어도비 일러스트레이터^C · 툰붐 하모니
UI	Sketch · 피그마^$ · 어도비 XD
웹 기반	Draw Chat^F · Drawesome^F · Kleki^F · Pixlr^B$ · Photopea^B$ · Sketch Pad^$ · Magma Studio^$ · Sumo App^$ · Queeky^$ · 미리캔버스^B$ · 툴디^B$

}}}}}}}}}

[ 3D ]

||<tablewidth=100%><tablebgcolor=#fff,#1c1d1f><colbgcolor=#eee,#333><width=70> CAD ||<(> FreeCAD^OF · CATIA · CREO · Fusion 360 · Inventor · NX · Solid Edge · SolidWorks · OpenSCAD · Onshape^B · Tinkercad^F · ARCHICAD · AutoCAD · QCAD^O$ · ZWCAD · ZW3D · K-CAD||

PLM	CATIA · CREO · Fusion 360^BL · Inventor · NX · Solid Edge · SolidWorks^L · Onshape^BL
Mesh	Blender^OF · 3ds Max · Mudbox · Autodesk Maya · Cinema 4D( BodyPaint 3D) · Daz Studio^F · Houdini · LightWave 3D · Metasequoia · MilkShape 3D · Mine-imator · MODO^X · Poser · SculptGL · Sculptris · SketchUp^$ · 소프트이미지^Χ · Source Filmmaker^F · Substance 3D Painter · VUE · ZBrush · Zmodeler · 포즈 스튜디오 · Prisma 3D^FM · XISMO^F · VRoid^BF · MikuMikuDance · Nomad Sculpt^Μ
NURBS	Alias · Autodesk Maya · 3ds Max · Rhino · 소프트이미지^Χ
렌더	Arnold · Chaos Corona · Enscape · Mental Ray^Χ · V-Ray · Lumion · Twinmotion · 언리얼 엔진 · Keyshot · RenderMan^$ · MoonRay^OF · 코미Po! · 툰스푼 에디터
웹 기반	Onshape

[ 영상 ]

||<tablewidth=100%><tablebgcolor=#fff,#1c1d1f><colbgcolor=#eee,#333><width=70> 편집 ||<(> Avid Media Composer^$ · AviUtl^F · Camtasia Studio · Clipchamp^$ · DaVinci Resolve^$F · Final Cut Pro · HitFilm^$ · iMovie^B · Kdenlive^OF · Lightworks^$ · LumaFusion^B$ · Movavi Video · Olive^OFC · Shotcut^ΟF · VITA^M · VivaVideo^Μ · Windows Movie Maker^Χ · 곰믹스^$ · 뱁믹스^$ · 베가스^$ · 소니 카탈리스트 · 에디우스 · 소프트이미지^Χ · 캡 컷^B$ · 키네마스터^Μ · 파워디렉터^B · 프리미어 프로 · 필모라 · 반디컷^$ · Vrew^$ · VLLO^Μ ||

특수효과

애프터 이펙트 · Live2D^$ · Motion · Nuke · 베가스 이펙트 · Alight Motion^$ · Natron^ΟF · Luma FX^$X

}}}||

^B PC·모바일 공동 지원 · ^L 제한적으로 사용가능하며 확장팩으로 가능 · ^Μ 모바일 전용 · ^Ο 오픈 소스 · ^F 프리웨어 · ^$ 유·무료 공존/부분유료 · ^C 컬러 매니지먼트 시스템 · ^Χ 단종

4. 관련 채널 및 인터넷 방송인[14]

5. 관련 문서

모션 캡처

[1] 엠넷 2019 [2] JTBC 백종원의 국민음식 [3] 쿠르츠게작트 [4] 원신 [5] 마이크로소프트 [6] 라인 프렌즈 [7] 삼성의 정식 광고는 아닌 팬 메이드 광고영상 [8] 코엑스 웨이브 [9] 물론 캐주얼에서 픽사급 퀄리티로 가면 시간과 단가가 달라진다. [10] 3D 모델링에 뼈를 심는 것 [11] 물리 시뮬레이션 [12] 합성 [13] 툴마다의 각 장단점이 있다. C4D는 모그라프, 디포머 등 때문에 일반적인 모션 그래픽에 강한 편이다. [14] 나무위키에 등재되어 있는 채널 및 인물들.