플래시가 처음 등장할 때부터 텍스트를 이용한 무비의 연출은 가장 일반적이면서도 손쉽게 효과를 얻을 수 있는 방법의 하나로 주목을 받았다. 현재 플래시가 MX2004로 버전업 되었지만 여전히 텍스트를 이용한 플래시 무비의 연출은 많이 사용되고 있다.

움직임을 적용한 텍스트 애니메이션

텍스트 애니메이션을 작업할 때 주로 많이 사용되는 것이 움직임과 객체변형이다. 이 효과는 텍스트 애니메이션의 기본으로 배너와 모션그래픽에 많이 사용되므로 잘 알아두기 바란다.

무비 제작 단계

텍스트 심벌 등록하기 -> 텍스트 심벌 레이어 배치하기 -> 프레임 삽입 후 움직임 지정하기 -> 모션 트위닝과 ease값 적용하기 -> 효과마다 시간차 주기 -> 마스크 지정하기

1) 텍스트 심벌 등록하기

애니메이션 효과를 주기 위해서는 우선 심벌로 등록해야하며 텍스트 타입은 반드시 Static Text로 입력해야 한다. 왜냐하면 Dynamic과 Input 텍스트에는 애니메이션 효과를 줄 수 없기 때문이다.

그럼, 다음 실습 내용을 읽고 직접 따라해 보기 바란다.

① "text01_start.fla"파일을 열고 타임라인 아래 바를 더블클릭하여 "Document Properties"를 확인해 본다.( Dimensions: 600*400, Frame rate: 35fps )

② 스테이지에 텍스트를 "Flash"라 입력한 수 폰트와 크기, 색상을 지정한다.

(font : Arial Black, size : 20px, color: 검정)

③ [Modify]->[Break Apart]메뉴를 선택하거나 키보드의 [Ctrl]+[B]키를 눌러 텍스트를 Break Apart시킨다.

④ [Insert]-> [Convert to Symbol]메뉴를 선택하거나 키보드의 [F8]키를 눌러 한 글자씩 그래픽 심벌로 등록한다. 심벌 이름은 글자와 같이 지정하고, 좌표값은 좌측 상단으로 지정한다.

(주의 사항: 좌표값이 기본 중앙으로 설정되 있는 것을 좌측상단으로 바꾼다.)

⑤ 각 글자를 모두 심벌로 등록했다면 1 프레임을 클릭하여 그래픽 심벌을 모두 선택한 후 [F8]키를 눌러 무비클립 심벌로 등록해 준다.

(Name:Move, Behavior:Movie clip, Registration: 가운데)

3) 움직임과 모션 트위닝 적용하기

다음은 각 텍스트 심벌에 움직임 효과를 주기 위해 모션 트위닝을 주는 실습이다.

① 모든 레이어의 5번 프레임을 드래그하여 선택한 후 [F6]키를 눌러 키프레임을 추가한다. 이와 같은 방법으로 10번 프레임에도 키 프레임을 모두 추가한다.
 

② 1번 프레임의 모든 심벌을 선택하여 키보드의 방향키(↑)를 눌러 약간 위로 이동시킨다.

③ 같은 방법으로 5번 프레임의 심벌을 모두 선택하여 중심점보다 아래로 약간 이동시킨다.

④ 1번과 10번 사이의 타임라인을 모두 드래그하여 선택한 후 마우스 오른쪽 버튼을 눌러 단축메뉴 중 [Create Motion Tween]메뉴를 선택한다.

⑤ 1번과 5번 사이의 타임라인을 모두 드래그하여 선택한 후 [Properties]창의 ease값을 100으로 지정한다.

⑥ 마찬가지 방법으로 5번과 10번 프레임 사이의 타임라인을 선택한 후 [Properties]의 ease값을 -100으로 설정한다.

⑦ 각 레이어별로 시간차를 주기 위해 "L"부터 "H" 레이어까지 드래그하여 선택한 후 2프레임 뒤로 이동해 준다.

⑧ 마찬가지 방법으로 각 레이어별로 2프레임씩 간격으로 이동한다.

20프레임을 모두 드래그하여 [F5]키를 눌러 프레임을 삽입한다.

⑨ 심벌 편집모드에서 메인스테이지로 이동한 후 [Control]->[Test Movie]메뉴를 선택하거나 키보드의 [Ctrl]+[Enter]를 눌러 무비를 테스트해본다.

⑩ Move 텍스트 애니메이션이 만들어진 것을 확인할 수 있다.

**참고사항**

모션 트위닝에는 반드시 ease값을 적용해 주어야 한다. 앞의 실습에서도 사용해 보았듯이 ease는 좀더 실감나는 움직임을 구현하고자 할 때 사용되는 것으로, 속도의 의미를 표현할 때 적용하면 생동감 있는 움직임을 나타낼 수 있다.

텍스트 애니메이션 뿐만 아니라, 모션그래픽 등에 사용되는 모션 트위닝에는 반드시 ease값을 적용시켜 작은 움직임이더라도 가속도가 있는 움직임을 표현하는 것이 좋다.

ease값이 100이면 속도가 빠르게 움직이다가 점점 느려지는 것이고, -100이면 느리게 움직이다가 점점 빨라지는 효과를 나타내는 것이다.