[플래시] Adobe Flash Professional CC 03

■ 클래식 트윈 만들기

클래식 트윈으로 모션을 적용할 때는 키프레임을 먼저 만들어 주고 그 안에 다시 트윈을 적용해 주어야 한다. 따라서 타임라인에서 프레임 모양이 모션 트윈과 다르다.

- 중간중간 모션의 변화시점마다 키프레임을 하나하나 만들어 주어야 한다.

- 키프레임과 키프레임 사이에는 클래식 모션을 수동으로 적용해 주어야 한다.

 

■ 클래식 트윈으로 할 수 있는 것

모션 트윈이 모션 패스를 통해 경로 수정을 해 주었다면 클래식 트윈에서는 모션 가이드라는 기능을 통해 경로를 좀 더 세밀하게 지정해 줄 수 있다. 이 이외에도 클래식 트윈으로 다양한 모션을 지정해 줄 수 있다. 클래식 트윈을 이용해 활용할 수 있는 모션의 종류는 다음과 같다.

 

ex) 가속도와 회전 애니메이션

알파값 및 색상 변화 애니메이셩

모션 가이드 애니메이션

마스크 활용 애니메이션

 

■ Frame by Frame 애니메이션

진행방식

- 시간이 진행됨에 따라 모양이 완성된다.

- 한 프레임마다 한 획을 그러주고 다음 프레임에서 조금 더 이어주는 방식으로 진행된다.

- 오프젝트의 속성은 Shape이다.

 

■ Shape 애니메이션

- 처음과 끝 프레임에 각각 다른 모양의 오브젝트가 있어야 한다.

- 이 때 두 가지 오브젝트는 반드시 모두 셰이프여야 한다.

- 키프레임과 키프레임 사이에서 마우스 우클릭하여 나타나는 메뉴 중 Create Shape Tween메뉴를 클릭한다.

 

■ 모션 가이드 애니메이션

모션 가이드 애니메이션은 개체가 이동할 경로를 그려주어, 그 경로에 따라 이동하도록 하는 애니메이션 방식이다. 여기서 가이드는 Motion Tween 애니메이션의 모션 패스 개념과 비슷하다.

모션가이드를 적용하기 위해서는 먼저 가이드(Guide) 레이어를 생성해 주어야 한다. 그리고 모션 가이드를 적용시킬 오브젝트가 담긴 레이어를 그에 종속시켜주어야 한다.

 

■ 마스크 애니메이션

마스트 애니메이션을 통해 특정 오브젝트의 모양만큼만 보여지는 애니메이션 효과를 줄 수 있다. 여기서는 마스크 기능의 기본 원리에 대해 살펴본다.

 

 

1 마스크 레이어

마스크 레이어 바로 아래의 레이어가 비춰지는 틀.

단순한 모양의 오브젝트 뿐 아니라 움직이는 무비 클립을 넣어 다양한 효과 생성 가능.

 

2 마스크를 적용할 레이어

마스크 레이어에 담긴 오브젝트를 통해 보여질 레이어.

실제 있는 모습에서 마스크 레이어에 있는 오브젝트 모양 영역을 통해서만 일부가 보여지게 됨.

 

 

■ 무비클립을 이용한 모션그래픽

플래시에서 무비클립과 함께 다양한 애니메이션을 혼합하여 사용하면 재미있는 효과를 연출할 수 있다. 지금까지 우리가 익혀 왔던 다양한 애니메이션(마스크 애니메이션, 모션 가이드 애니메이션)을 무비클립과 함께 사용할 수 있다.

 

ex) 이미지가 점점 줄어드는 느낌의 모션 그래픽

여러개의 이미지가 연속적으로 반복되는 모션 그래픽

사각형 체크 무늬 효과로 이미지가 나타나는 모션 그래픽

물방울이 뿌려지듯 원이 커지면서 이미지가 나타나는 모션 그래픽

 

■ 무비클립

그래픽 심볼의 경우 메인 무비의 타임라인에서 제작하지만 무비클립은 독립된 타임라인을 가지고 있어 메인 무비의 타임라인과 별개로 움직인다. 쉽게 말해 무비클립은 '무비 안의 무비'라고 할 수 있다.

 

■ 버튼 심볼

버튼 심볼은 마우스나 키보드에 어떤 반응을 일으킨다는 특징이 있다. 또한 버튼 심볼은 플래시를 통해 홈페이지의 메뉴 바, 액션스크립트와 연동하는 무비의 재색, 정지, 웹 페이지로의 이동 등과 같은 고급 무비를 만들고자 할 때 다양하게 사용할 수 있다.

 

■ 버튼 심볼의 원리

버튼 심볼은 그래픽 심볼이나 무비클립과는 달리 편집모드가 4개의 주요 프레임으로 구성되어 있다. 마우스의 움직임에 따라 모습이 달라지기 때문이다. 여기서는 이러한 버튼 심볼의 기본 원리에 대해 살펴보도록 한다.

- Up : 마우스를 대지 않은 보통 상태일 때 보여질 모습

- Over : 마우스를 버튼에 대었을 때 보여질 모습

- Down : 마우스로 버튼을 클릭 했을 때 보여질 모습

- Hit : 마우스에 반응할 영역을 오브젝트 형태로 설정

 

■ 사운드 가져오기 및 사용

사운드 파일을 가져와 플래시에서 사용하는 예는 많다. 배경음악으로 가져와 사운드를 편집할 수도 있고, 버튼에 응용시켜 버튼에 마우스 반응이 있을 때에 사운드가 변경되도록 할 수 있다.

- [가져오기]-[라이브러리]로 가져오기 메뉴를 통해 음악 파일을 선택하여 불러온다.

- 라이브러리 미리보기 창의 재생 단추를 클릭하여 미리 듣기를 할 수 있다.