애니메이션
애니메이션이 뭐지? 생명이 없는 사물에 영혼이나 정신을 부여하는 행위 낱장의 그림 또는 사물의 이동을 한 프레임(frame)씩 촬영하여 마치 살아 있는 것과 같은 효과를 보여주는 영화 시간, 운동, 빛에 대한 모든 영상언어와 영상기술을 총칭 TV만화, 단편 만화영화, 극장판 장편 만화영화
애니메이션의 원리
애니메이션의 원리 잔상효과(persistence of vision) 프레임 레이트(Frame rate) TV 애니메이션 극장용 애니메이션
초창기 애니메이션 장치
초창기 애니메이션 장치 Zeotrope - 1834 Phenakistiscope - 1832
초창기 애니메이션 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) 아케이드 게임 속 캐릭터 벡터 애니메이션 (Vector Animation) 스프라이트가 수학적인 공식(Vector)으로 이루어짐 파일 크기가 스프라이트 애니메이션 보다 작음 크기에 상관없이 깨끗하게 보여짐 쇽웨이브(Shockwave) 파일 포맷 snip_frame_by_frame.swf 래스터 방식 vs. 벡터 방식
키 프레임 애니메이션(Key-frame Animation) 중요한 장면 트위닝(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
<img src="animationGIF.gif"> 웹 애니메이션 애니메이션 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 QuickTime 제작 툴: Macromedia의 Flash(.swf) <embed src="flash.swf"> DILBERT2.SWF QuickTime 동화상 재생기, 애니메이션을 재생하기 위한 플러그인 <embed src="quicktime.mov"> fish.mov
프로그래밍을 이용한 웹 애니메이션 Java ActiveX 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 트위닝 기법을 사용하여 벡터 애니메이션을 제작하는 소프트웨어 사용법이 간단함 간단한 형태에 대한 모핑도 제공