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
•
•
•
트위닝 기법을 사용하여 벡터 애니메이션을 제작하는 소프트웨어
사용법이 간단함
간단한 형태에 대한 모핑도 제공