[플래시][플래쉬]플래시(플래쉬)의 특징, 플래시(플래쉬)의 기능, 플래시(플래쉬)에서 사용되는 용어, 플래시(플래쉬)애니메이션 만들기, 플래시(플래쉬) 고급애니메이션 만들기, 플래시(플래쉬) 액션스크립트 분석

소개글

[플래시][플래쉬]플래시(플래쉬)의 특징, 플래시(플래쉬)의 기능, 플래시(플래쉬)에서 사용되는 용어, 플래시(플래쉬)애니메이션 만들기, 플래시(플래쉬) 고급애니메이션 만들기, 플래시(플래쉬) 액션스크립트 분석에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. 플래시(플래쉬)의 특징
1. 파일 용량이 작다
2. 이미지 확대․축소 시 손상이 없다
3. 사용자와 유연한 상호작용을 구축할 수 있다
4. 비트맵․사운드를 지원한다
5. 화려하고 역동적인 다양한 애니메이션이 가능하다
6. DHTML에 의한 외부 컨트롤이 가능하다

Ⅲ. 플래시(플래쉬)의 기능
1. 오브젝트(Object)
2. 심볼과 인스턴스
3. 레이어, 타임라인, 프레임
4. Flash의 파일형식 fla 와 swf
5. 플래시 작업의 흐름
1) 기획 단계
2) 디자인 단계
3) 애니메이션 단계
4) 사운드 삽입 단계
5) 액션 스크립팅 단계
6) 퍼블리시 단계

Ⅳ. 플래시(플래쉬)에서 사용되는 용어
1. 벡터이미지
2. Element
3. Object
4. Frame
5. Scene
6. Movie
7. Layer

Ⅴ. 플래시(플래쉬)애니메이션 만들기
1. 모션 트위닝 애니메이션 만들기
1) 모션 트위닝이 일어나기 위한 조건
2) 모션 트위닝의 종류
3) 크기와 위치 변화가 있는 애니메이션
4) 회전시키는 애니메이션
5) 알파와 틴트 값을 적용시킨 애니메이션
2. 세이프 트위닝 애니메이션
3. 마스크와 가이드를 이용한 애니메이션 만들기

Ⅵ. 플래시(플래쉬) 고급애니메이션 만들기
1. 버튼 애니메이션
1) 서서히 컬러가 보이는 비트맵 버튼 만들기
2) 마스크를 이용하여 전자 파장 만들기
3) 버튼을 누르면 화면에 설명이 나오는 애니메이션 만들기
2. 고급 애니메이션 테크닉
1) 둘러싸기를 이용한 웨이브 텍스트 애니메이션 만들기
2) 선과 마스크로 비트맵 무비 만들기
3) 마스크 안의 무비클립 마스크로 멀티무비 만들기
4) 비트맵으로 버티컬 마스크 애니메이션 만들기
3. 텍스트 애니메이션 활용하기
1) [Distribute to Layers]를 이용한 텍스트 애니메이션
2) [Convert to Keyframes]를 이용한 모션 그래픽 만들기
3) 레이저로 글자가 만들어지는 애니메이션 만들기

Ⅶ. 플래시(플래쉬) 액션스크립트
1. Go To
2. Play, Stop
3. Stop All Sound
4. If Frame Loaded
5. Get URL
6. On Mouse Event

참고문헌

본문내용

애니메이션은 과학 기술과 예술의 만남으로 탄생할 수 있었던 산물로서, 과학기술의 놀라운 발명물이 인간의 창조성을 개발하고 이를 발휘하도록 하는 도구로 사용되어진 대표적인 예이다. 컴퓨터 애니메이션은 사물의 움직임의 영역을 제어하여 인간이 촬영할 수 없는 영상을 만들어내는 일이나 ‘스캐니메이트(Scanimate)’, 사람이 그린 몇 장의 그림을 분석하고 채색하여 움직이는 그림을 만드는 것 등을 포함하지만, 현대적 의미에서 보면 디지털 혹은 아날로그 컴퓨터를 이용하여 물체의 움직임에 대한 패턴(Pattern)을 신속히 발생시켜 움직이는 그림을 만드는 것을 의미한다.
Ⅱ. 플래시(플래쉬)의 특징
1. 파일 용량이 작다
벡터 드로잉을 기반으로 하는 플래시는 기본적인 파일 크기가 비트맵을 위주로 한 GIF나 JPEG보다 작으면서도 선명한 이미지를 보여준다. 또한 스트리밍 기술을 이용하여 제작되었기 때문에 일반 웹 이미지처럼 모든 데이터를 다 받아서 사용하지 않고, 바로 전송 받은 부분을 실시간으로 보여준다.
2. 이미지 확대축소 시 손상이 없다
벡터 프로그램이면서도 Anti-Aliase 처리를 하기 때문에 확대축소 시 image가 깨지지 않는다. 물론 벡터 데이터이기 때문에 확대한 데이터도 같은 양의 데이터를 갖는다.
3. 사용자와 유연한 상호작용을 구축할 수 있다
플래시에는 자바스크립트나 자바에서나 가능했던 단추 만들기 기능, 동작에 의한 애니메이션 컨트롤 기능이 있기 때문에 별도의 프로그래밍 없이 손쉽게 인터렉티브한 사이트 제작이 가능하다.
4. 비트맵사운드를 지원한다
벡터 그래픽 이외에 PNG, BMP, GIF, JPEG 파일과 같은 비트맵 파일을 읽어 애니메이션에 추가하거나 버튼화 할 수 있으며, 비트맵을 이용하여 텍스쳐, 이미지 축소확대, 회전, 변형 등의 기능을 제공받는다.
5. 화려하고 역동적인 다양한 애니메이션이 가능하다
포토샵과 같은 레이어 기능, 오브젝트 마스크 기능, 알파 채널 효과, 몰핑기능, 중간효과 주기, 이미지 색상 변경 기능 등 다양한 애니메이션 효과를 제공한다.
6. DHTML에 의한 외부 컨트롤이 가능하다
자바 스크립트와 Active X Control이 지원되는 플래시는 HTML과 자바 스크립트를 이용하여 플래시 파일 내부 또는 외부 오브젝트에서 애니메이션 컨트롤이 가능하다.
특히 매크로미디어사의 드림위버를 사용하면 문자, 그림 오브젝트에서 플래시 파일의 각 프레임을 컨트롤할 수 있게 된다.
Ⅲ. 플래시(플래쉬)의 기능
1. 오브젝트(Object)
오브젝트는 독립적인 하나의 개체를 말한다. 드로잉한 하나의 개체, 또는 이를 심볼화한 심볼, 그리고 불러오기한 이미지들이 각각의 오브젝트가 되는 것이다.
2. 심볼과 인스턴스
심볼이란 오브젝트를 심볼로 등록한 것을 지칭한다. 오브젝트를 심볼로 등록하면 반복해서 사용하여도 용량의 증가가 적으며, 다양한 색상 효과를 줄 수 있다. 이러한 심볼이 스테이지에서 사용될 때 이를 인스턴스(Instance)라고 한다. 복사본이라고 생각하면 이해가 쉽다.
3. 레이어, 타임라인, 프레임
TV나 책을 통하여 만화영화의 제작과정을 한번쯤은 본 기억이 있을 것이다. 우주 비행선이 우주를 비행하는 만화영화를 만든다고 가정해 보자. 투명한 필름 한 장에는 배경인 우주를 그리고 다른 한 장에는 우주비행선을 그려서 겹쳐놓으면, 우주를 배경으로 한 우주비행선 그림이 완성된다. 이때 우주는 움직이지 않고 비행선만 움직이므로, 우주비행선이 비행하는 순간순간의 그림을 여러 개의 투명 필름에 그린다. 그 다음 배경이 그려진 필름은 밑에 그대로 두고 비행선 필름을 순서대로 겹쳐놓고 하나씩 촬영하여 한꺼번에 돌려보면, 우주를 비행하는 우주비행선의 만화영화가 완성된다. 이것을 플래시와 연관지어보면 우주와 비행선을 그려 넣은 각각의 투명 필름이 레이어이고, 이를 순서대로 촬영한 필름 전체가 타임라인, 그리고 촬영한 필름의 한컷 한컷이 프레임이라 생각하면 된다.
4. Flash의 파일형식 fla 와 swf
플래시에서 새 파일을 열고 무비를 만든 후 저장하면 .fla의 확장자로 저장된다. 이 파일을 웹페이지에서 볼 수 있는 형태로 추출한 것이 .swf(Shock Wave Flash Movie)이다. 플래시에서 수정, 편집이 가능한 형태는 .fla로 저장된 파일이고, 웹이나 기타의 환경에서 사용할 때는 .swf(쇽웨이브 무비)로 추출하거나 단독 실행 파일로 만들어 활용한다. 메인메뉴의 File에 있는 Save은 fla로 저장하는 하는 기능이고, swf로 저장하려면 File 메뉴의 Export Movie나 Publish 기능을 이용하여야 한다. 최종적으로 쇽웨이브(swf) 파일을 생성하였더라도 원본 파일인 *.fla는 보존하는 것이 좋다. 왜냐하면 swf 파일은 수정, 편집하기가 어렵기 때문이다.
5. 플래시 작업의 흐름
1) 기획 단계
제작할 플래시 무비의 주제를 정하고 정보를 수집한다. 또한 전체 스토리 보드를 만들고 화면구성을 디자인하여, 전체적인 레이아웃을 설정하고 그에 따른 효과적 표현방법을 연구한다.
2) 디자인 단계
무비에 사용될 이미지를 제작하는 단계이다. 플래시에서 불가능한 비트맵의 편집이나 정교한 벡터 이미지의 제작은 포토샵, 일러스트레이터 등의 다른 그래픽 툴로 보충한다.
3) 애니메이션 단계
디자인 단계에서 제작된 이미지를 스테이지에 적절히 배치하여 애니메이션을 설정하는 단계이다. 애니메이션의 속도, 타이밍의 조화 등을 고려하여 효과적인 애니메이션을 설정한다.
4) 사운드 삽입 단계
애니메이션이 완성되면 무비를 더욱 극적으로 표현할 사운드를 삽입한다. 외부 프로그램으로 만들고 편집한 사운드를 wav, mp3 등의 형태로 불러들여 적절히 삽입해야 한다.
5) 액션 스크립팅 단계
사용자와의 상호작용 또는 효율적인 무비 구성을 위해 필요한 경우 액션 스크립트를 삽입한다. 다른 페이지 링크, 마우스를 따라 다니는 이미지 등은 모두 액션 스크립트를 이용한 것이다. 액션 스크립트를 삽입한 후 테스트를 거쳐 문제가 있다면, 디버깅을 통해 문제점을 수정한다.
6) 퍼블리시 단계
사운드 삽입이 끝나면 무비의 제작은 완성된 것이다. 이를 swf(

키워드

플래시,   플래쉬,   애니메이션제작,   액션스크립트,   플래쉬작업