8장 애니메이션 멀티미디어시스템 학기 8.1 캡쳐된 애니메이션과 이미지 시퀀스

Slides:



Advertisements
Similar presentations
1/ 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.
Advertisements

1 파일 및 폴더 다루기 A. 파일이란 : 응용프로그램을 이용해서 만든 사용자가 만든 정보의 집합 - 파일 형식 : 이름과 확장자로 이뤄짐 예 sample.txt 샘플.txt - 복원하려면 휴지통에서 파일선택 후 드래그해서 밖으로 이동 혹은 RESTORE B. 확장자의.
동영상이란 무엇인지, 동영상 파일은 어떻게 만드는 것인지, 편집은 어떻게 해야 하는 것인지를 알아가면서 멋진 동영상 제작자가 되어 봅시다. 6 부 3 장 학급 소개 동영상 만들기.
Window media player 1. 윈도우 미디어 플레이어가 많이 끊길 때 윈도우 미디어 플레이어실행 > 도구 > 옵션 > 성능 > 연결 속도 > 연결 속도 선택 Lan(10Mbps) 선택 > 네트워크 버퍼링 버퍼 10 초 네트워크창 > 스트리밍 프로토콜 > UDP.
XQ-EHT800 Specifications 8ch EX-SDI DVR EX-SDI, HD-SDI 자동 인식 입력
EHT-800 Specifications 8ch EX-SDI 하이브리드 DVR
컴퓨터와 인터넷.
컴퓨터 운영체제의 역사 손용범.
149개의 실습예제로 배우는 Flash 8.
Flash II.
캄타시아 동영상 캡쳐하기 PROPOSAL FOR PROPOSAL BY 전북체신청 Tgone 곽여경.
6부 2장 이미지 자료 만들기 그래픽 소프트웨어의 종류 등 일반적인 사항을 알아보고 이를 이용해 이미지 파일을 만들어 저장하는 방법, 이미지를 불러 와 편집하는 방법 등에 대해 알아보겠습니다.
MS-Access의 개요 1강 MOS Access 2003 CORE 학습내용 액세스 응용 프로그램은 유용한 데이터를
최윤정 Java 프로그래밍 클래스 상속 최윤정
3D Project Cloud Warcraft 박 종 선.
2d 게임 프로그래밍 기말 프로젝트 1차 발표 김대현.
멀티미디어 기본+활용 제대로 배우기.
콘텐츠 제작 프로젝트 [교재] - OpenGL 프로그래밍 가이드, 제4판, Dave Shreiner, Mason Woo, Jackie Neider, Tom Davis 공저, 남기혁 역, 정 보문화사, [참고자료] OpenGL Programming.
장 비 사 양 서 제품특징 제품사양 제조국 브랜드 AVID 모 델 E3 품 명 DIGITAL AUDIO MIXER
5장 Mysql 데이터베이스 한빛미디어(주).
CHAPTER 02 OpenCV 개요 PART 01 영상 처리 개요 및 OpenCV 소개.
멀티미디어관에 놀러온 졸라맨 팀 명 : 둘이 합쳐 IQ 100 팀 원 : 컴퓨터 공학 전공 김제선
Raster 애니메이션은 GIF Animator로 만들면 쉽다
Error Detection and Correction
멀티미디어 서울대학교 통계학과 2009년 2학기 컴퓨터의 개념 및 실습 (
멀티미디어 시스템 (아날로그 이미지,신호를 디지털로 변환 방법) 이름 : 김대진 학번 :
                              데이터베이스 프로그래밍 (소프트웨어 개발 트랙)                               퍼스널 오라클 9i 인스톨.
홈페이지용 그림 활용법 그림 삽입 태그 <IMG> 배경 그림 다루기 그림과 문자열의 어울림
학습목표 학습목차 다른 홈페이지의 HTML 파일 코드를 보는 방법에 대해 알아봅니다.
멀티미디어.
컴퓨터 프로그래밍 : 실습3 2장 데이터와 식.
5장 Mysql 데이터베이스 한빛미디어(주).
제 1장. 멀티미디어 시스템 개요.
스크래치 언어 이해 스크래치 이용법 습득 고양이가 말을 하며 움직이는 예제 작성
Computer Animation Algorithms and Techniques
멀티미디어 기본+활용 제대로 배우기.
트위닝.
자바응용.
7가지 방법 PowerPoint에서 공동 작업하는 다른 사용자와 함께 편집 작업 중인 사용자 보기
플래시 멀티미디어 저작 이론 김수우 김진영
2018년 11월 05일 박성진 Web & Internet [08] 레이아웃 P1 2018년 11월 05일 박성진
HTTP 프로토콜의 요청과 응답 동작을 이해한다. 서블릿 및 JSP 를 알아보고 역할을 이해한다.
CHAP 5. 레이아웃.
정보 동영상의 가공 YoungjinMedia.
8장 애니메이션 멀티미디어시스템 학기 8.1 캡쳐된 애니메이션과 이미지 시퀀스
Samsung Software Membership 3D MIM 신진수
Chapter6 : JVM과 메모리 6.1 JVM의 구조와 메모리 모델 6.2 프로그램 실행과 메모리 6.3 객체생성과 메모리
2D Game Programming Project 1
웹디자인
COMPUTER ANIMATION (Key Frame Animation)
PADS Logic 회로도.
AUTODESK AUTOCAD ELECTRICAL 전기제어 2D 설계 소프트웨어 표준기반 설계 생산성 도구 구조도 설계
149개의 실습예제로 배우는 Flash 8.
XML (eXtensible Markup Language) 개요
모션 캡쳐와 3D-MAX를 활용한 컴퓨터 애니메이션
플래시 CS3 액션스크립트3.0.
1차 발표: 프로젝트 발표 안내 및 형식 학번: 이름: 김경우.
컴퓨터 구성요소와 사용 컴퓨터 문서 작업 인터넷 활용
.Net Web Application 2007 컴퓨터공학실험(Ⅰ)
애니메이션 제작 기법 2D 애니메이션 3D 애니메이션 임희영.
Animating Pictures with Stochastic Motion Textures
Map Designer Solution 소개자료
멀티미디어 활용 -플래시 CS3 류 정 남.
.Net FrameWork for Web2.0 한석수
학부 컴퓨터공학부 교육과정 (학부) 2학년 4학년 3학년 1학년 1학기 2학기 IPP 자격과정 전공트랙
3. 윈도우 미디어 플레이어 6.4 옵션(환경) 설정 변경
Power Point 예제 디자인 적용 (서식) - (디자인적용) - (원하는 디자인 선택)
: 3차원에서 입자의 운동 방정식 제일 간단한 경우는 위치만의 함수 : 시간, 위치, 위치의 시간미분 의 함수
플래시MX2004 디자인스쿨 Chapter 11. 플래시와 사운드.
타이머를 시작하려면 슬라이드 쇼 메뉴에서 쇼 보기를 클릭하십시오.
Presentation transcript:

8장 애니메이션 멀티미디어시스템 2014-1학기 8.1 캡쳐된 애니메이션과 이미지 시퀀스 8장 애니메이션 8.1 캡쳐된 애니메이션과 이미지 시퀀스 8.2 디지털 셀과 스프라이트 애니메이션 8.3 키 프레임 애니메이션 8.4 웹 애니메이션과 플래시 8.5 모션 그래픽스 8.6 3-D 애니메이션 8.7 가상현실 멀티미디어시스템 2014-1학기

애니메이션(Animation) 프레임을 한 개 씩 사용하여 움직이는 그림을 만드는 것. 프레임을 한 개 씩 사용하여 움직이는 그림을 만드는 것. 의미적으로는 ‘생명을 불어 넣는다’('to bring to life‘)는 뜻. 즉, 종이 위에 일련의 그림을 그릴 때, 주인공의 위치가 각 각의 그림에서 약간씩 변함. 사진으로 일련의 그림을 만들 때는, 무비 카메라가 프레 임을 한 개 씩 만듦. 이 결과로 얻어진 필름을 재생 – 주인공이 움직이게 됨. 멀티미디어시스템 2014-1학기

전통적인 방법들 종이 위에 제도를 하거나 그림을 그리는 방식. 셀(Cel) 방식. 필름을 칠하거나 긁어내는 방식. 1분 동안의 영화는 1440 장을 그려야 함. 셀(Cel) 방식. 필름을 칠하거나 긁어내는 방식. 잘라내는(Cut-outs) 방식. 클레이(Clay) 애니메이션(Claymation) 방식 등 멀티미디어시스템 2014-1학기

캡쳐된 애니메이션 컴퓨터 + 비디오 카메라 + 전통적 기법 프레임 포착 (Frame grabbing) – 각각의 프레임을 디스 크로 저장. QuickTime 등에 저장, 비디오처럼 비선형적으로 편집. 스캐너나 디지털 정지 카메라를 이용할 수도 있으며, 각 프레임을 그래픽 프로그램으로 만들 수도 있다.(즉, Painter) 멀티미디어시스템 2014-1학기

디지털 셀(Cel) 전통적인 셀 애니메이션 방식 같이, 레이어들을 아세 테이트 용지처럼 사용.(즉, Photoshop 에서) 즉, 한 레이어에는 고정된 배경을 담고, 움직이는 간단한 객체가 있는 레이어를 그 위에 올려 놓는다. 레이어를 재 배치하여 객체가 움직이게 만든다. 더 복잡한 경우는, 프레임들 사이에 움직임이나 다른 변화 가 있을 경우에, 그러한 레이어들만 변화시키는 방법이다. 멀티미디어시스템 2014-1학기

스프라이트(Sprite) 애니메이션 모든 정적인 요소들의 복사본과 움직이는 객체들 (sprites) 및 객체들이 어떻게 움직이는지를 기술한 것 을 저장. 각각의 스프라이트는, 스프라이트 페이스(sprite face)라 불리는, 이미지들의 모음일 수도 있다. 합성된 움직임 을 만들기 위해 이들을 순서대로 대체한다. 즉, 보행 사이클 멀티미디어시스템 2014-1학기

키 프레임 애니메이션 전통적: 애니메이션에서 중요한 지점인 키 프레임은 책임 애니메이터가 그림. 전통적: 애니메이션에서 중요한 지점인 키 프레임은 책임 애니메이터가 그림. 이 사이에 있는 프레임들은 비숙련 애니메이터들이 그림. 컴퓨터-기반: 키 프레임들을 명시적으로 그림. 중간에 있는 프레임들은 소프트웨어에 의해 보간됨. 멀티미디어시스템 2014-1학기

선형 보간 등속도 움직이기 시작할 때부터 정지 시 까지 같은 속도

이징 인(Easing In) 객체가 가속되어, 정지 상태에서 점진적인 움직임으 로 변이

이징 아웃(Easing Out) 객체가 감속되어, 움직임에서 점진적으로 정지상태로 변이

Animated GIFs 일련의 이미지들이 하나의 GIF 파일 내에 저장될 수 있으며, WEB 브라우저나 다른 소프트웨어에 의해 하 나씩 차례로 디스플레이 된다. 플러그-인이 필요 없음. 반복, 프레임 사이의 딜레이를 지정할 수 있음. 256 색상의 팔레트. 사운드는 포함 안됨. 멀티미디어시스템 2014-1학기

SWF 잘 알려진 Web 애니메이션 포맷. 보통 Macromedia 의 Flash 로 만들어짐. 벡터 애니메이션 포맷. 움직임은 벡터 데이터에 대한 수치적 연산으로 표현됨. 비트맵 이미지도 포함될 수 있음.(즉, 배경그림 같은) 멀티미디어시스템 2014-1학기

Flash 시간선 (Timeline) – 프레임들의 순서를 그래픽적으로 표현. 키 프레임들 – 이전 것을 그리거나/복사하고 변형시킴. 단순 프레임들 – 이전의 키 프레임을 유지. 무대 (Stage) – 어떤 프레임을 벡터 툴에 의해 그려, 재 생시키는 서브-윈도우. 비트맵을 객체처럼 임포트 할 수 있고, 텍스트를 추가할 수도 있다. 멀티미디어시스템 2014-1학기

심볼(Symbol) 라이브러리에 저장되어 있는, 재사용할 수 있는 객체들. 그래픽 심볼들 버튼(Button) 심볼들 (상호작용을 위한) 무비 클립(Movie clip) 심볼들(무비 내에 스스로 포함되어 있는 애니메이션 들) 무대 위로 인스턴스 (instance)들을 드래깅 함으로써 재현됨. 만약 심볼을 편집하면, 이것에 대한 모든 인스턴스들이 업데이트 됨. 멀티미디어시스템 2014-1학기

모션 트위닝(Tweening) 움직임 트위닝 (Motion tweening) 객체는 키 프레임 내에 위치 모션 트위닝을 생성 객체가 심볼로 변함. 사이에 놓인 시퀀스 끝에 키 프레임을 추가하고, 객체를 움직이거나 변형시킴. 사이에 있는 프레임들의 움직임은 보간을 함.(tweened) 멀티미디어시스템 2014-1학기

모양(Shape) 트위닝 모핑 (morphing) 이라 부르기도 함. 키 프레임들 사이에 있는 그래픽적인 객체의 모양을 변형 시킴. 보간된 프레임들을 생성해야 하므로, 얻어진 결과의 SWF 는 모션 트위닝이 사용된 경우보다 더 크다. 멀티미디어시스템 2014-1학기

모션 그래픽스 시간-기반 그래픽 디자인과 유사함. 사이에 있는 프레임들의 비트맵 이미지 레이어들을 이동, 변형, 교체. 사이에 있는 프레임들의 비트맵 이미지 레이어들을 이동, 변형, 교체. 시간에 따라 변하는 (time-varying) 필터와 효과를 적용. AfterEffects 는 선형 및 Bézier 보간을 공간과 시간 모두에 서 지원.(변화율) 시간적으로 의미가 있는, 새로운 효과를 줄 수도 있음. 즉, 파편이나 입자 효과 등. 멀티미디어시스템 2014-1학기

3-D 애니메이션 "말로 기술하기는 쉬우나, 실제로 만들기는 매우 어려 움" 숫자들을 변경하여 장면을 애니메이트 하고, 새로운 프레임을 렌더링하며, 다른 것들을 더 변경하여 … 객체들을 움직이거나, 카메라를 이동시킴. 3-D 시각화와 애니메이션 기법이 요구되며, 대단히 강 력한 처리 성능이 필요함. 멀티미디어시스템 2014-1학기

역 운동학(Inverse Kinematics) 이음매를 가진 구조물 (jointed structure)의 애니메이션 에 유용, 특히 사람의 팔 다리 또는 동물 발가락 등. 모델은 운동학의 제약 (kinematic constraints)을 만족해 야 함. 즉, 팔의 윗부분이 움직이면 팔의 아랫부분과 손도 반드시 이에 따라 움직여야 함. 역 운동학 (Inverse kinematics) 은 역순을 따름.(애니메이 터들에게는 더 쉬움) 즉, 손의 위치가 정해지면, 그에 맞게 팔의 나머지 부분의 움직임을 계산함. 멀티미디어시스템 2014-1학기

가상 현실(Virtual Reality) 엄격하게는, 인공적인 세계의 감각 경험을 뜻함. 머리에 쓰는(Head-mounted) 디스플레이, 데이터 장갑, 헵 틱 인터페이스, 등 더 적절하게는, 탐사할 수 있는 3-D 그래픽. 드래그 할 수 있는 파노라마, 주위를 돌 수 있는 객체, 등 VRML, QuickTime VR 멀티미디어시스템 2014-1학기