멀티미디어 기본+활용 제대로 배우기.

Slides:



Advertisements
Similar presentations
멀티미디어 배움터 장 멀티미디어와 정보화사회 1.1 멀티미디어의 이미와 특성 1.2 멀티미디어의 발전 배경 1.3 정보화사회에서 멀티미디어의 발전 방향과 역할.
Advertisements

배우 기. 1. 개요 2. 프레지에 피피티 삽입하기 3. 피피티에 프레지 삽입하기 배우 기 Zoom in 과 Zoom out 방식의 역동적이고도 쉬운 프레지가 각광 을 받으면서 프레지와 파워포인트에 대한 많은 생각들 이 이야기되었습니다 먼저 프레지의 등장으로 인기를.
배우 기. 1.Image 삽입하기 2.Video 삽입하기 3.Drawing & Diagram 삽입하기.
CastLine Switcher 시리즈는 방송에 필요한 Video 화면 편집, 인코딩, 스트리밍 등 방송 환경 을 통합 지원하도록 디자인된 통합 디지털 방송시스템으로 고품질 라이브 스트리밍 외에 다 채널 방송 소스 입력, Video Switching, Muxing, Video.
IspLEVER 6.1 을 이용한 회로 설계 (Schematic). Table of Contents ispLEVER ispLEVER 6.1 tool 의 시작프로그램 2.Lattice Device 의 Design 1) 프로그램시작 2) 새로운 Project 만들기.
제 1 부 멀티미디어 (Multimedia) 와 웹 (Web) 제 1 장 멀티미디어 (Multimedia) 와 생활 제 2 장 웹 (Web) 과 멀티미디어 (Multimedia) 제 2 부 컴퓨터 그래픽스 (Computer Graphics) 제 3 장 컴퓨터 그래픽스.
지방자치단체를 위한 Adobe Clean Zone 제안 ㈜ 아이티윈 ㈜ 아이티윈 1/7.
땅 따먹기 박중규,나민하 나와 바~악!.
멀티미디어 컨텐츠 개요 멀티미디어 컨텐츠 입문 (2001 Fall).
애니메이션.
웹 페이지.
SPOT 운영.
동부산어르신정보화대학 3학년 파워포인트 1. 슬라이드를 삽입하는 방법 (홈-새슬라이드또는 섬네일슬라이드에서 우마-새슬라이드또는, 복사-붙이기) 레이아웃을 적용하는 방법-우마-레이아웃-오피스테마선택 레이아웃을 적용하여 슬라이드 만들기 제목과 부제목을 입력하기 클립아트를.
kloseup GameMovie 서비스 제안
홈페이지 자동 구축 솔루션 K2 Web WIZARD 2.6 관리자 메뉴얼
Virtual Reality Introduction HyoungSeok Kim
가상현실 Chap 1. VRML 동의대학교 멀티미디어공학과 김형석 /A25002 컴퓨터 그래픽스
멀티미디어 기본+활용 제대로 배우기.
Multimedia Programming 17: Introduction to DirectShow
멀티미디어 기본+활용 제대로 배우기.
Computer Science & Engineering
Flash를 이용한 E-Book 학번 : 이름 : 궁창완 지도교수 : 이광세.
애니메이션.
제 8장. 멀티미디어 데이터베이스 및 정보검색 시스템
Premiere 정태영 임정호.
인터넷의 작동 원리 PARSONS/OJA 인터넷.
3D 캐릭터 애니메이션을 3D Studio MAX로 만들어보자
DESIGN OF IMAGE SIN MIN GYU.
Computer Science & Engineering
Multimedia Programming 18: GraphEditor
동영상 편집은 사용하기 쉬운 Premiere Pro가 좋다.
3장 컴퓨터 그래픽스 3.1 벡터 그래픽과 비트맵 이미지 3.2 벡터와 비트맵의 통합 3.3 레이어 3.4 파일 포맷
Software Engineering Project
제 7 장 원격교육의 개발 기술 7주 2강.
동영상 편집은 사용하기 쉬운 Premiere Pro가 좋다.
Raster 애니메이션은 GIF Animator로 만들면 쉽다
HTML5+CSS3 실무 테크닉 김은기 저.
Flash IV.
3D 실시간 동영상 제작은 iClone에게 맡겨라!
엽기토끼 죽이기 팀명 : 청순가련.
Introduction to OrCAD Capture
한양대 교육공학과 석사과정 양선영 Cmap Tool 사용법 한양대 교육공학과 석사과정 양선영
Premiere의 개요 Adobe사에서 제작한 동영상 편집 소트프웨어로 비디오와 오디오 편집뿐만 아니라 애니매이션, 사진 및 그래픽 등을 동영상에 첨가하여 결합된 형태인 디지털 무비(Digital Movie)를 제작하는 프로그램 Premiere는 원래 매킨토시용으로 개발된.
애니메이션을 만드는 대략적 개념 이해하기 Library와 심벌의 개념 이해하기 이규환
11차시_방송 프로그램 제작 편집 하기.
팀명 : Fighting 팀원 : 신현상 최찬수
멀티미디어 프로젝트 주간: 수요일 4,5,6 교시 D617호 야간: 목요일 1,2,3 교시 D617호
Flash를 이용한 벡터 애니메이션 제작.
Flex를 이용한 교육용 웹페이지 학번: 이름 : 김병조 지도교수 : 이광세.
8장 애니메이션 멀티미디어시스템 학기 8.1 캡쳐된 애니메이션과 이미지 시퀀스
J. Portfolio.
플래시 CS3 사운드 활용하기 지리학과 염순성.
Pspice를 이용한 전기/전자회로 모의해석 –
Image Styler 발표자 : 백승현 신홍범.
>> Ⅲ. Web Design Tool 및 특성
해보고 알림창(플래시)광고 제작 가이드.
149개의 실습예제로 배우는 Flash 8.
1강 포토샵 기초 한겨레문화센터 전임강사 임 규 근.
4. cature & encoding.
4. cature & encoding.
Drag Panel Extender 정보통신 공학부 어현승.
1. Cut 편집.
DODO의 본국검법 -플레시를 이용한 에니메이션
이전 13:45:25 아니오 예.
New Themes in Computer Graphics
목차 표만들기 / 표 도구 편집 1 2 차트 삽입 및 변경 3 4 파워포인트 사진 앨범 만들기 4 동영상 및 음악 삽입 2 차트 삽입 및 변경
Web & Internet [10] 입문 – input 태그
제12장 멀티미디어 개론.
한국디지털미디어 고등학교 번 조성혁 HTML 5는 HTML4의 다음 버전으로 특정 plug-in같은 것 없이 web에서 진보,발전된 application을 만들 수 있도록 HTML을 발전시킨 것이다.
멀티미디어 제작 과정 멀티미디어 컨텐츠 입문 (2001 Fall).
Presentation transcript:

멀티미디어 기본+활용 제대로 배우기

목 차 제 1 부 멀티미디어(Multimedia)와 웹(Web) 제 1 장 멀티미디어(Multimedia)와 생활 제 2 부 컴퓨터 그래픽스(Computer Graphics) 제 3 장 컴퓨터 그래픽스(Computer Graphics) 기본 개념 제 4 장 래스터 이미지(Raster Image)와 포토샵(Photoshop) 제 5 장 벡터 이미지(Vector Image)와 일러스트레이터(Illustrator) 제 3 부 컴퓨터 애니메이션(Computer Animation) 제 6 장 컴퓨터 애니메이션(Computer Animation) 제 7 장 래스터 애니메이션(Raster Animation)과 GIF 애니메이터(Animator) 제 8 장 벡터 애니메이션(Vector Animation)과 플래시(Flash)/스위시(SWiSH) 제 4 부 오디오(Audio)와 사운드(Sound) 제 9 장 사운드(Sound)와 디지털 사운드(Digital Sound) 제 5 부 비디오(Video)와 동영상(Movie) 제 10 장 동영상(Movie)과 코덱(CODEC) 제 11 장 동영상(Movie)과 프리미어(Premiere) 제 12 장 모션 그래픽스(Motion Graphics)와 애프터 이펙트(After Effects) 제 6 부 가상현실과 웹(Web) 제 13 장 가상현실(Virtual Reality)과 VRML/X3D

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 플래시(Flash)와 키 프레임 애니메이션(Keyframe Animation) 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 플래시 심벌(Flash Symbol)의 종류와 특징 그래픽스 심벌(Graphics Symbol) 가장 기본 형태의 심벌로서 무대(Stage)에 나타나는 일반 그래픽스를 의미 그래픽스 심벌을 사용하면 타임라인(Timeline) 패널에 애니메이션을 적용했을 때 프레임을 이용하면서 각각의 장면 확인이 가능 무비 클립 심벌(Movie Clip Symbol) 자체적으로 미리 생성해놓은 애니메이션으로서 독립된 타임라인을 가지고 있어 메인 무비(Main Movie)의 타임라인(Timeline) 패널과 별개로 사용 사운드(오디오)를 포함할 수도 있고 인스턴스 이름(Instance Name)을 이용하여 액션(Action)으로 제어가 가능 버튼 심벌(Button Symbol) 마우스의 동작에 따라 반응을 보이는 심벌로서 마우스를 심벌 위로 올려놓으면 커서(Cursor)가 손 모양으로 변경 사용자가 마우스로 클릭할 수 있는 버튼 상태로 심벌을 생성하는 것 버튼을 클릭함으로서 플래시 무비(Movie) 직접 제어 가능 동영상 심벌(Movie Symbol) 외부에서 동영상 파일을 불러오면 자동적으로 라이브러리 패널에 심벌로 등록 비트맵 심벌(Bitmap Symbol) 외부에서 사진(이미지) 파일을 불러오면 자동으로 라이브러리 패널에 비트맵 심벌로 등록 사운드 심벌(Sound Symbol) 외부에서 사운드(오디오) 파일을 불러오면 자동으로 라이브러리 패널에 사운드 심벌 등록 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 모션 트윈(Motion Tween) 그래픽스 심벌(Graphics Symbol)을 생성하기 위해 객체(Object) 생성 및 메뉴 ‘Convert to Symbol...’선택 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 모션 트윈(Motion Tween) (계속) 그래픽스 심벌(Graphics Symbol)을 생성하기 위해 심벌 타입(Type)에서 Graphic 선택 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 모션 트윈(Motion Tween) (계속) 키 프레임을 삽입하기 위해 특정 프레임에서 메뉴 ‘Insert Keyframe’ 선택 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 모션 트윈(Motion Tween) (계속) 특정 프레임에서 키 프레임을 생성한 다음 툴 박스(Tool Box)의 이동 툴(Move Tool)을 선택, 무대(Stage)에서 객체(Object)를 특정 위치로 이동 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 모션 트윈(Motion Tween) (계속) 모션 트윈(Motion Tween)을 적용하기 위해 타임라인(Timeline)에서 키 프레임이 아닌 중간 프레임들 중 임의의 위치에서 메뉴 [Create Motion Tween]을 선택하거나 아래 속성 패널 부분의 Tween을 'Motion'으로 변경 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 모션 트윈(Motion Tween) (계속) 모션 트윈(Motion Tween)을 적용한 키 프레임 애니메이션 생성 완료 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌 등록이 필요 없는 모양 트윈(Shape Tween) 빈 키 프레임(Blank Keyframe)을 삽입하기 위해 특정 프레임에서 메뉴 [Insert Blank Keyframe] 선택 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌 등록이 필요 없는 모양 트윈(Shape Tween) (계속) 툴 박스(Tool Box)에서 사각형 툴을 선택하여 특정 위치에 객체(Object) 생성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌 등록이 필요 없는 모양 트윈(Shape Tween) (계속) 모양 트윈(Shape Tween)을 적용하기 위해 키 프레임이 아닌 중간 프레임들 중 임의의 위치에서 메뉴 [Create Shape Tween]을 선택하거나 아래 속성 패널의 Tween을 'Shape'으로 변경 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌 등록이 필요 없는 모양 트윈(Shape Tween) (계속) 모양 트윈(Shape Tween)을 적용한 키 프레임 애니메이션 생성 완료 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌(Graphics Symbol)과 트윈(Tween)을 적용한 간단한 응용 예제 풍선 애니메이션을 제작하기 위한 객체(풍선) 생성 및 그래픽스 심벌(Graphic Symbol) 등록 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌과 트윈(Tween)을 적용한 간단한 응용 예제 (계속) 특정 프레임들에 키 프레임 삽입 및 툴 박스(Tool Box)의 자유 변형 툴(Free Transform Tool)을 사용한 크기 변환 및 회전 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌과 트윈(Tween)을 적용한 간단한 응용 예제 (계속) 모션 트윈(Motion Tween)이 적용된 키 프레임 애니메이션 생성 완료 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌과 트윈(Tween)을 적용한 간단한 응용 예제 (계속) 새로운 레이어(Layer)를 생성하여 다른 풍선 배치 및 키 프레임 생성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌과 트윈(Tween)을 적용한 간단한 응용 예제 (계속) 새로운 레이어(Layer)에 대한 모션 트윈(Motion Tween) 적용으로 키 프레임 애니메이션 완성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 그래픽스 심벌과 트윈(Tween)을 적용한 간단한 응용 예제 (계속) 새로운 레이어(Layer)를 생성하여 제일 아래로 내린 다음 사진(이미지)을 불러와서 배경에 배치 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 Movie Clip 윈도우에서 툴 박스(Tool Box)의 Drawing Tool을 사용하여 무대(Stage)에 초(Candle) 그리기 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 새로운 레이어(Layer) 생성 및 촛불(Candlelight)의 바깥쪽 불꽃(빨간색) 생성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 새로운 레이어(Layer) 생성 및 촛불(Candlelight)의 안쪽 불꽃(노란색) 생성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 새로운 레이어(Layer) 생성 및 초(Candle)의 심지(Candlewick) 생성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 타임라인(Timeline) 패널의 모든 레이어(Layer)들의 특정 프레임들을 마우스로 선택하고 마우스 오른쪽 버튼을 클릭하여 나타나는 메뉴들 중 [Insert Keyframe]을 선택하여 키 프레임들을 생성 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) Free Transform Tool(자유 변형 툴)을 이용하여 각 키 프레임마다 촛불(Candlelight)의 형태를 변경시키고 키 프레임과 키 프레임들 사이를 한꺼번에 선택하여 메뉴 [Create Shape Tween] 적용 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 불꽃(Candlelight) 레이어(Layer)들의 모양 트윈(Shape Tween) 적용 후 메인 무대(Main Stage)인 장면(Scene1)으로 빠져나가기 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 툴 박스(Tool Box)의 Drawing Tool을 사용하여 촛불(Candlelight)을 올려놓을 촛대(Candlestick) 그리기 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 무비 클립 심벌(Movie Clip Symbol)과 간단한 응용 예제 (계속) 라이브러리 패널(Library Panel)에서 Movie Clip으로 심벌 등록된 촛불(Candlelight)을 무대(Stage)의 촛대(Candlestick) 위로 드래그(Drag) 및 Free Transform Tool(자유 변형 툴)로 크기 조정 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) 버튼 심벌(Button Symbol) 등록을 위한 메뉴 선택 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) 버튼 심벌(Button Symbol)을 생성하기 위해 심벌 타입(Type)에서 ‘Button’선택 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) 버튼 심벌(Button Symbol)의 속성 값 설정 중 ‘Hit’를 위한 마우스 영역 설정 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) 버튼 심벌(Button Symbol)의 생성 결과 미리 보기 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) URL(Uniform Resource Locator) 링크 Action Script v1.0 on (release) { getURL("http://www.adobe.com","_blank"); } Action Script v2.0 myBtn.onRelease = function() { }; Action Script v3.0 var request: URLRequest = new URLRequest("http://www.adobe.com"); navigateToURL(request, "_blank"); 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) 플래시 CS3 Pro에서 버튼 심벌에 Action Script를 적용하기 위한 과정 ① 플래시 v8.0 Pro에서와 같이 사용자가 툴 박스(Tool Box)의 Drawing Tool을 사용하여 간단한 버튼을 직접 만들거나 공용 라이브러리(Window > Common Libraries > Buttons)에서 버튼을 선택 사용 ② 무대(Stage)에 사용자가 직접 그려서 버튼 심벌로 등록하였거나 공용 라이브러리에서 선택하여 무대(Stage)에 배치한 버튼 심벌의 인스턴스(Instance)를 선택한 다음, 속성(Property) 관리자에서 인스턴스 이름(Instance Name)을 'myBtn'으로 입력 ③ 메뉴 [Window > Actions]를 선택하여 Actions 패널을 열고 Actions 레이어의 1 프레임을 선택한 다음 Action Script 윈도우에 다음의 Action Script 코드를 추가 myBtn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler); function mouseDownHandler(event:MouseEvent): void { navigateToURL(new URLRequest("http://www.adobe.com/")); } ④ 메뉴 [Control > Test Movie]를 선택하여 제대로 작동되는지 확인 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) Action Script v3.0의 환경에 맞게 버튼 심벌을 URL에 링크시키는 과정 버튼 심벌에 Action Script를 적용하기 위해 공용 라이브러리로부터 적당한 버튼을 찾아 무대(Stage)에 배치 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) AS v3.0의 환경에 맞게 버튼 심벌을 URL에 링크시키는 과정 (계속) Action 패널을 열고 Action Script 코드를 입력 myBtn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);   function mouseDownHandler(event:MouseEvent): void { navigateToURL(new URLRequest("http://www.adobe.com/")); } 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 플래시(Flash)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 버튼 심벌(Button Symbol)과 액션 스크립트(Action Script) (계속) AS v3.0의 환경에 맞게 버튼 심벌을 URL에 링크시키는 과정 (계속) 버튼 심벌에 특정 URL 링크를 위한 Action Script 실행 결과 메뉴 [Control > Test Movie] 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 스위시의 특징 기본적으로 *.swi 의 파일 포맷으로 제작 플래시(Flash)와 같이 웹에서 사용 가능한 *.swf 의 파일 포맷을 가지기 때문에 플래시에서 불러와서(Import) 애니메이션의 범위가 큰 플래시 애니메이션의 일부분이나 무비클립(Movie Clip) 등으로 사용할 수 있는 특징 문자(Text) 애니메이션을 제작하는데 매우 뛰어난 성능을 가지고 있는데, 특히 폭발 효과(Explode Effect), 회오리 효과(Vortex Effect) 등 150여종(스위시 맥스는 230여 종)의 방대한 양의 효과들(Effects)을 사용하여 복잡한 문자 애니메이션을 간단한 조작으로 매우 쉽게 제작 가능 문자 애니메이션뿐만 아니라 사진(이미지), 사운드(오디오), 그래픽스, 액션 스크립트(Action Script) 등도 사용할 수 있기 때문에 복잡하고 다양한 웹 애니메이션도 매우 쉽고 짧은 시간 내에 간단하게 제작 가능 로고(Logo) 애니메이션, 롤오버(Rollover) 버튼, 소개(Intro) 애니메이션, 상호작용하는 프레젠테이션 등 활용범위가 매우 광범위 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시(SWiSH)와 플래시(Flash)의 기능 비교 둘 다 전체적인 사용자 인터페이스가 매우 비슷 도구(Tool)와 패널(Panel)의 위치가 달라서 이 부분에 익숙해질 필요 스위시(SWiSH)는 초보자가 학습하고 사용하기엔 매우 단순 플래시에서는 키 프레임 방식으로 애니메이션을 제작하는 것이 필수적인 방법, 스위시(SWiSH)에서는 꼭 그렇게 할 필요가 없음 스위시(SWiSH)는 재생하고 있는 중에도 일부 편집이 가능해서 작업 시에 매우 편리 플래시 소스 파일은 *.fla 이고 스위시(SWiSH) 소스 파일은 *.swi 인데, 제작(Publish)된 최종 파일은 둘 다 동일하게 *.swf 둘 다 *.swf 파일을 불러올 수는 있으나 편집이 불가능한 공통점 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max)를 이용한 문자 애니메이션 제작 스위시 맥스(SWiSH Max)의 초기 화면 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max)를 이용한 문자 애니메이션 제작 (계속) 문자(Text)를 입력하기 위한 세 가지 방법 : 메뉴 [Insert > Text], Outline의 Insert 버튼 클릭 후 ‘Text’선택, 아이콘 메뉴 ‘Insert Text’클릭 중 가장 편리한 방법을 선택하여 사용 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max)를 이용한 문자 애니메이션 제작 (계속) 문자 ‘스위시 맥스’ 입력 및 문자 속성 변환 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max)를 이용한 문자 애니메이션 제작 (계속) 메뉴 [Add Effect > Appear into position > Blaster - Bang]을 사용하여 효과(Effect) 적용 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max)를 이용한 문자 애니메이션 제작 (계속) 문자에 효과 메뉴 [Add Effect > Appear into position > Blaster - Bang]을 적용한 결과 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max)를 이용한 문자 애니메이션 제작 (계속) 효과(Effect) 적용 결과를 5프레임 단위로 좌상->우상->좌하->우하 순서대로 보여줌 메뉴 [File > Export > SWF...] 등을 사용하여 저장 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

제 8 장 벡터 애니메이션(Vector Animation)과 플래시/스위시 스위시(SWiSH)를 이용한 벡터 애니메이션(Vector Animation) 제작 (계속) 스위시 맥스(SWiSH Max) 2 출시 제 3 부 컴퓨터 애니메이션(Computer Animation) 멀티미디어 기본+활용 제대로 배우기

감사합니다