Transcript 플래시 세째 마당 05-06 pp 156-19
Adobe Flash CS3
애니메이션을 만드는 대략적 개념 이해하기 Library와 심벌의 개념 이해하기 2008014017 이규환
Scene 설정 이해하기
•
Scene이란?
화면의 큰 단락.
화면의 컷을 바꾼다거나 새로운 화면으로 구성하고자 할 때에 사용됨
Scene 설정 이해하기
Click!
Scene 설정 이해하기
Scene 설정 이해하기
Scene 복제
Scene 설정 이해하기
Scene 복제
Scene 설정 이해하기
Scene 추가
Scene 설정 이해하기
Scene 삭제
Movie Explorer 이해하기
1. 씬 : 스테이지 및 작업 영역입니다.
2. 레이어 : 심벌 및 액션스크립트를 계층으로 담는 공간입니다.
3. 프레임 : 레이어에 시간 개념을 만드는 공간입니다.
4. 라이브러리 목록 : 심벌이 등록되는 공간입니다.
5. 심벌 : 스테이지에 사용되는 인스턴스입니다.
타임라인 알아보기
④ ① ② ③ ⑥ ⑦ ⑧ ⑨ ⑤ 1. 폴더 : 폴더 또는 레이어를 담을 수 있습니다. 무수 히 많은 레이어가 생성되면 뎁스의 속성 또는 오브 젝트의 속성에 따라 그룹화 하므로 간편한 작업 공 간을 제공합니다.
2. 레이어 : 레이어 영역을 통해 레이어를 생성하거나 삭제할 수 있습니다.
3. 프레임 : 프레임 타임라인을 구성하는 기본 단위이 며, 각 장면을 담는 공간입니다.
4. 플레이 헤드 : 플레이 헤드가 있는 해당 프레임을 스 테이지에 표시하며, 무비를 재생하면 재생 헤드가 왼쪽에서 오른쪽방향으로 이동하면서 진행되고 플 레이 헤드를 드래그하여 원하는 프레임에서 스테이 지 상의 오브젝트를 볼 수 있습니다.
5. 프레임 번호 : 각 프레임을 번호로 나타냅니다.
6. 현재 프레임(Current frame) : 현재 플레이 헤드가 몇 번째 플레임에 있는지를 보여줍니다.
7. 어니언 스킨(Onion Skin) : 직역하면 ‘양파 껍질’이란 뜻인데, 타임라인 패널에서 다중으로 키 프레임이 어떻게 움직이는지 반투명한 이미지로 미리 볼 수 있습니다.
8. 프레임 속도(Frame rate) : 1초당 보여지는 프레임의 수를 나타냅니다.
9. 경과시간 표시(Elapsed time) : 애니메이션이 몇 초 동안 진행되었는지를 표시합니다.
타임라인 알아보기
⑫ ⑬ ⑪ ⑭ 15 16 17 18 10. 타임라인 패널 옵션 메뉴 : 타임라인 패널을 조정할 수 있는 다양한 기능이 있습니다. 타임라인을 설정 하기 위해서는 타임라인의 오른쪽에 있는 메뉴 버튼 을 클릭하여 설정하면 됩니다.
11. 마스크 레이어 : 바로 아래에 귀속 되어 있는 마스크 드 레이어의 오브젝트를 보여줄 만큼 영역을 만들어 주는 레이어입니다.
12. 모션 가이드 레이어 : 주로 심벌의 동선이 곡선을 나 타낼 때 사용되는데 동선이 원을 그린다던가 겹치지 않는 여러 곡선을 만들어 동선을 만들어 낼 수 있습 니다.
13. 귀속된 모션 가이드 레이어 : 모션 가이드 레이어 에 따라 움직이는 오브젝트가 들어가 있는 레이 어입니다.
14. 가이드 레이어 : 말 그대로 안내하는 가이드 기능 일 뿐입니다. SWF 파일 출력 시에는 나타나지 않 습니다. 보통 이미지의 위치나 형태 혹은 색상의 기준을 잡을 때 사용합니다.
15. 새 레이어 만들기 16. 모션 가이드 레이어 만들기 17. 새 폴더 만들기 18. 휴지통 ⑩
① ② ③ ⑤ ⑥ ⑦ ⑧ ⑨
타임라인 알아보기
2.
3.
4.
1.
키프레임(KeyFrame) : 키프레임은 레이어에 오브젝트 가 올라가 있는 상태인데 그림의 상태는 20번 프레임 으로 각각 오브젝트가 따로 들어가 있는 상태입니다.
프레임(Frame) : 1번과 달리 키프레임에 이미지가 아 무런 변화 없이 작업 영역 위에 있습니다.
공백 프레임(Blank KeyFrame) : 아무것도 가지고 있지 않은 비어 있는 키프레임입니다.
모션 트위닝(Motion Tweening) : 현재 1번 프레임과 20번 프레임 사이에 모션 트위닝을 적용해서 애니메 이션을 진행하는 프레임입니다.
5.
6.
7.
8.
9.
쉐이프 트위닝(Shape Tweening) : 현재 1번 프레임과 20번 프레임 사이에 쉐이프 트위닝을 적용해서 애니메이션을 진 행하는 프레임입니다.
잘못된 트위닝 : 심벌이 아닌 오브젝트를 사용하였기 때문에 트위닝에 문제가 생긴 상태입니다.
액션스크립트가 있는 프레임 : 액션스크립트를 가지고 있는 프레임이며, 첫 프레임에는 ‘a’로 표시됩니다.
레이블이 삽입된 공백 키프레임 : 프레임에 이름 또는 코멘 트, 앵커를 지정한 프레임입니다. 액션 스크립트로 활용할 수 있습니다.
사운드가 삽입된 키프레임 : 사운드를 삽입한 프레임입니다.
Library 구조 이해하기
① ② 1. 미리보기 : 선택한 심벌을 작은 이미지로 미리 보여 줍니다. 무비클립이나 사운드클립일 경우 ‘재생’ 버 튼과 ‘멈춤’ 버튼을 통해 재생할 수 있습니다.
2. 심벌 목록 : 현재 Library에 있는 심벌들의 리스트를 볼 수 있습니다.
3. 심벌 만들기 : 새로운 심벌을 만들 수 있습니다.
4. 폴더 만들기 : 새로운 폴더를 만들어서 심벌을 관리 할 수 있습니다.
5. 심벌 속성 : Symbol Properties 창을 열어서 현재의 심벌 속성을 수정할 수 있습니다.
6. 심벌 지우기 : 필요 없는 심벌을 삭제합니다.
③ ④ ⑤ ⑥
심벌의 3가지 속성 이해하기
- 무비클립, 버튼, 그래픽
1. 무비클립 : 무비클립은 심벌 자체 내에 ‘Timeline’이 있어 독립적 움직임이 가능 한 형태를 말하며 단순히 작업 영역에 올려 놓아도 애니메이션이 됩니다. 무비클 립에서는 액션스크립트를 직접 지정해서 제어할 수 있기 때문에 액션스크립트와 밀접하게 연결해서 사용합니다. 또한 필터 기능과 블렌딩 모드가 지원되므로 효 과적인 연출이 가능합니다.
2. 버튼 : 플래시에서는 버튼 기능은 중요한 요소입니다. 버튼은 액션스크립트를 이 용하여 특수한 기능을 수행하거나 특정 사이트에 링크하는 경우에 많이 사용합 니다.
3. 그래픽 심벌 : 보통 움직이지 않는 이미지 형태에 사용되는 심벌이지만 애니메이 션 작업을 할 때에 스테이지에서 미리 보기가 가능하여 이 기능을 응용하면 복잡 한 애니메이션 연출도 쉽게 할 수 있습니다.
Button 구조 이해하기
① ② ③ ④ 1. Up : 마우스 커서가 올려져 있지 않은 상태의 버튼 모양입니다.
2. Over : 마우스 커서가 심벌 위에 올려졌을 때의 버튼 모양입니다.
3. Down : 마우스 커서가 심벌을 클릭했을 때 나타나는 버튼 모양입니다.
4. Hit : 버튼 심벌의 영역을 지정합니다.
Button 만들기!!!
Movie Clip 만들기!!!
무비클립의 필터와 블렌드 효과
필 터 효 과 1. Presets : 사용자가 정의한 필터를 저장하여 다른 심벌에 적용시킬 수 있습니다.
- Save as : 심벌에 적용되어 있는 필터를 저장합니다.
- Rename : 저장된 필터의 이름을 수정합니다.
- Delete : 저장된 필터를 삭제합니다.
2. Remove All : 심벌에 적용된 필터를 모두 제거합니다.
3. Enable All : Disable All에 의해 안 보이던 필터를 다시 모두 보이게 합니다.
4. Disable All : 심벌에 적용된 모든 필터를 안보이게 합니다.
5. Drop Shadow : 심벌에 그림자 효과를 적용합니다.
6. Blur : 심벌을 흐리게 만듭니다. 물체의 원근감을 표현할 때 매우 효과적입니다.
7. Glow : 심벌 주위에 색을 넣어줍니다.
8. Bevel : 심벌을 입체적으로 두께가 생긴 것처럼 보이게 합니다.
9. Gradient Glow : Glow 효과를 단색이 아닌 그레디언트로 적용시킵니다.
10. Gradient Bevel : Bevel 효과를 단색이 아닌 그레디언트로 적용시킵니다.
11. Adjust Color : 심벌의 색상을 보정합니다.
무비클립의 필터와 블렌드 효과
블 렌 드 효 과 1. Layer : 아무 변화가 없는 보통 상태의 블렌딩 모드입니다.
2. Darken : 선택한 채널 성분보다 밝은 부분은 어둡게 표현되어 전체적으로 이미지 가 어둡게 되고 명도가 높을수록 투명하게 처리됩니다.
3. Multiply : 2개의 슬라이드 필름을 하나의 슬라이드 프로젝터에 넣고 비추는 것과 같이 이미지의 어두운 부분은 색상이 겹쳐서 강하게 표현되어 전체적으로 이미 지가 어둡고 진하며 명도가 높을수록 투명하게 처리됩니다.
4. Lighten : 어두운 부분은 밝게 표현되어 전체적으로 이미지가 밝게 표현됩니다.
Darken 모드와 반대되는 모드입니다.
5. Screen : Multiply 모드와 반대되는 모드로, 이미지의 밝은 부분이 강조되어 전체적 으로 이미지가 밝게 표현됩니다. 이미지를 밝게 처리하거나 하이라이트를 표현 할 때 많이 적용되는 모드입니다.
6. Overlay : Multiply 모드와 Screen 모드를 혼합한 효과를 나타내는 모드입니다. 색 상대비와 명도대비가 높아지고, 밝은 색상보다 어두운 색상에서 그 차이가 크게 나타납니다.
7. Hard Light : Overlay 모드와 비슷한 효과를 나타내지만, 좀더 대비 차가 강하게 표 현됩니다.
8. Add : 선택한 채널 성분보다 밝은 부분은 더욱 밝게 표현되어 전체적으로 이미지 가 밝게 표현됩니다..
9. Subtract : Add와는 반대의 성질이며 선택한 채널 성분보다 밝은 부분은 더욱 어둡 게 표현되어 전체적으로 이미지가 어둡게 표현됩니다.
10. Difference : 이미지를 반전시켜 합성한 것과 같은 느낌을 줍니다. 색상의 밝은 부 분은 강하게 보색으로 표현됩니다.
11. Invert : 해당 영역만큼 이미지를 반전시킵니다.
12. Alpha : 알파 값 100%를 적용한 것처럼 보입니다.
13. Erase : 설정된 무비클립은 보이지 않게 됩니다.