Transcript Document
애니메이션
애니메이션이 뭐지?
생명이 없는 사물에 영혼이나 정신을 부여하는 행위
낱장의 그림 또는 사물의 이동을 한 프레임(frame)씩 촬영하여
마치 살아 있는 것과 같은 효과를 보여주는 영화
시간, 운동, 빛에 대한 모든 영상언어와 영상기술을 총칭
TV만화, 단편 만화영화, 극장판 장편 만화영화
애니메이션의 원리
애니메이션의 원리
잔상효과(persistence of vision)
프레임 레이트(Frame rate)
TV 애니메이션
극장용 애니메이션
초창기 애니메이션 장치
초창기 애니메이션 장치
Phenakistiscope - 1832
Zeotrope - 1834
초창기 애니메이션
1900: THE ENCHANTED DRAWING
1906: HUMOROUS PHASES OF FUNNY FACES
http://memory.loc.gov/ammem/oahtml/oahome.html
애니메이션의 역사(1908~)
연도
사건 또는 애니메이션
의미
1908
프랑스 에밀 콜(Emil Cohl)의 '판타즈마고리(Fantasmagorie)'
공인된 최초의 애니메이션
1913
미국에서 존 랜돌프가 셀 애니메이션 기법 개발
셀 애니메이션 기법이 애니메이션
의 표준으로 정착
1918
윈저 맥케이 애니메이션 다규멘터리 '루시타니아 호의 침몰'
최초의 애니메이션 다큐멘터리
1937
디즈니 장편에 알맞은 기회, 기존 애니메이션 스타일을 탈피한 서정
적 내용에 캐릭터의 리얼리티를 추구한 장편 애니메이션 '백설공주'
최초의 장편 애니메이션
1961
존 휘트니 시니어는 최초의 CG애니메이션 '카달로그(Catalog)'
최초로 CG 애니메이션 사용
1967
신동헌의 애니메이션 '홍길동'
국내 최초의 장편 애니메이션
1985
스티브 한 3차원 애니메이션 '스타체이셔'
최초로 3차원 애니메이션 사용
1995
픽사의 3차원 애니메이션 '토이스토리'
최초의 온전한 3차원 애니메이션
(Full 3D animation)
1998
드림웍스의 3차원 애니메이션 '개미'
실제와 흡사한 얼굴 애니메이션 사
용
애니메이션의 종류
2차원 기반의 전통적인 애니메이션
•
•
플립북 애니메이션 (Flip-book animation)
셀 애니메이션 (Cel animation)
컴퓨터 애니메이션
특수 효과
플립북 애니메이션
플립북 애니메이션
FLIPBOOK.MOV
셀 애니메이션
1913년 존 랜돌프가 개발
셀 애니메이션의 "CEL"이란 단어는 투명한 종이를 뜻하는
Celluloid의 "CEL"을 의미한다.
거의 모든 2차원 애니메이션
셀 애니메이션
라이온 킹
2D 컴퓨터 애니메이션
스프라이트 애니메이션 (Sprite-based Animation)
스프라이트(Sprite)는 애니메이션에서 독립적으로 움직이는 개체
아케이드 게임 속 캐릭터
벡터 애니메이션 (Vector Animation)
스프라이트가 수학적인 공식(Vector)으로 이루어짐
파일 크기가 스프라이트 애니메이션 보다 작음
크기에 상관없이 깨끗하게 보여짐
쇽웨이브(Shockwave) 파일 포맷
snip_frame_by_frame.swf
래스터 방식 vs. 벡터 방식
키 프레임 애니메이션(Key-frame Animation)
키 프레임(Key-frame)
중요한 장면
트위닝(Tweening)
키 프레임 사이(Between)를 채우는 것
Key_Frame.swf
3D 컴퓨터 애니메이션
픽사의 단편 애니메이션
http://www.pixar.com/shorts/
Pixar - Luxo Junior.mpeg
PIXAR.MPG
pixar - locomotion.mpg
Pixar_1997_Geris.Game.DivX.avi
장편 애니메이션
cars-tsr4_h720p.mov
over_the_hedge-tlr1_h720p.mov
ratatouille-clip_720p.mov
특수 효과
모핑 (Morphing)
2개의 서로 다른 이미지나 3차원 모델이 서서히 변화하는 과정
일종의 키 프레임 애니메이션
특수 효과
입자 시스템 (Particle System)
비, 불, 연기, 폭발 등의 자연 현상들을 애니메이션 할 때 사용
애니메이션 기법
양파껍질 효과 (Onion-skinning)
Onion-skinning은 연속된 동작을 만들어내기 위한 방법
셀 애니메이션의 방법과 비슷함
여러 2D Animation software에서 지원
도려내기 효과 (Cut-out)
ONION3.SWF
가감속(Easy-In, Easy-Out)
반복(Cycling)
반복적인 동작을 만들 경우에 사용
걷기 동작
http://www.biomotionlab.ca/Demos/BMLwalker.html
동선 (Arcs)
타이밍 (Timing)
동작 속도
움직임에 의미를 부여함
무게, 크기, 감정
타이밍 (From Lasseter’s Paper)
Two keyframes of a head
No: hit by a tremendous force
ONE: hit by a frying pan
TWO: nervous tic
THREE: dodging a brick
FOUR: a crisp order “Move it!”
FIVE: friendly “Come on-hurry”
SIX: tracing a good looking girl
SEVEN: Getting a better look
EIGHT: Searching for the peanut butter
NINE: Considering thoughtfully
TEN: stretch a sore muscle
찌그러짐과 늘어남 (Squash and Stretch)
물체가 유연성이나 탄성을 갖도록 하는 것
부피를 보존하면서 무게감을 표시
찌그러짐과 늘어남
찌그러짐과 늘어남
찌그러짐과 늘어남
선행 동작(Anticipation)
액션의 준비 동작
속도, 무게 등에 영향
주의 환기
끝맺음 (Follow Through)
보조 액션 (Secondary Action)
주액션(Main Action)에 의해 생기는 보조적인 액션
Cloth
연출 (Staging)
알기 쉬움
개성
분위기
과장 (Exaggeration)
애니메이션의 요체
동작, 감정, 모양, 색, 소리, …
호소력 (Appeal)
캐릭터
단순성
귀여움
매력적임
Realistic vs. Appeal
Luxo Jr. vs Final Fantasy
Uncanny Valley
애니메이션을 대하는 심리학적 반응
로봇공학자인 마사히로 모리의 실험 결과
인간의 모습이나 동작과 비슷한 것에 대한 감정적인 반응
Uncanny Valley
3차원 컴퓨터 애니메이션
키 프레임 애니메이션 (Key-frame animation)
제작자는 애니메이션 소프트웨어를 이용하여 단지 키
프레임만을 생성하고 중간 프레임들은 컴퓨터에 의해
자동으로 생성된다.
절차적 애니메이션 (Procedural Animation)
물체에 대한 알고리즘을 만들어 움직임을 생성
사람이 직접 제어하기에는 복잡한 시스템
입자 시스템(Particle system)이나 유동 표면(Flexible
surface)과 같은 자연 현상
물리기반 애니메이션
물리 기반 애니메이션
강체 애니메이션
변형체 애니메이션
10-plank_test_withcontact_c.avi
1000ring.avi
tank_straight_comp.avi
buddha_gear.avi
warping.mov
hair.mov
movie1.avi
BreakingObjects.avi,Materials.avi
유체 애니메이션
Burning_Paper.avi
glass00.avi
melting_ice.avi
torus_cage.avi
pouring4.avi
water-curtain-front_new.avi
goop-et-web.avi
Derivative Particles.mov
vfx.mov, rnd.mov
모션 캡쳐 (Motion Capture)
캐릭터의 움직임을 만들어내는 가장 자연스러운 방법
gabeExer.mpeg
모션 캡쳐 (Motion Capture)
역운동학 (Inverse Kinematics)
online_kinematics.avi
웹 애니메이션
애니메이션 GIF (Animation GIF)
작고, 가벼워서 널리 쓰임
<img src="animationGIF.gif">
웹 애니메이션
SVG (Scalable Vector Graphics)
2차원 그래픽을 표현하기 위해 XML을 기반으로 만들어진
그래픽스 표준 언어
모바일 환경에서도 사용 가능
SVG-anim01.svg
Embed 방식의 플러그인 애니메이션
<embed ...> 태그 사용
VRML (Virtual Reality Modeling Language)
<embed src="vrml.wrl">
AVI (Audio Video Interleaved)
<embed src="education.avi">
스트리밍 기술을 이용한 애니메이션
Shockwave
Shockwave는 압축된 애니메이션이면서 동시에 데이터의 일부만이
도착하여도 실행이 가능
제작 툴: Macromedia의 Flash(.swf)
<embed src="flash.swf"> DILBERT2.SWF
QuickTime
동화상 재생기, 애니메이션을 재생하기 위한 플러그인
<embed src="quicktime.mov"> fish.mov
프로그래밍을 이용한 웹 애니메이션
Java
Java Applet
<applet code="java.class"> </applet>
ActiveX
ActiveX는 Visual Basic이나 Visual C++등의 프로그래밍
언어를 이용
애니메이션의 활용
만화영화
만화영화
애니메이션
재패니메이션
아니메
영화
애니메이션
특수효과
광고
상업광고
인터넷광고
애니메이션의 활용
사이버 아이돌(Cyber Idol)
1996년 다테 교코(Date Kyoko)
아담, 류시아
시몬
게임
컴퓨터 애니메이션이 활용 안된 게임?
패키지 게임
비디오 게임
웹 게임
모바일 게임
2차원 애니메이션 저작도구
Animo
만화 영화 제작 전문 소프트웨어
벡터 포맷(vector format)
키프레임 기반
2차원 애니메이션 저작도구
Toonz
3 차원 애니메이션 저작도구
MAYA
SoftImage
3D Studio Max
웹 애니메이션 저작도구
Flash
•
•
•
트위닝 기법을 사용하여 벡터 애니메이션을 제작하는 소프트웨어
사용법이 간단함
간단한 형태에 대한 모핑도 제공