제4장 예제를 이용한 애니메이션 만들기
4-22. 영상시 만들기(1)
[생각해보기]
영상시란 영상이 움직이면서 그 위에 멋진 시가 흐르는 작품을 말합니다.
시가 움직이도록 하고 그 위에 마스크를 씌워서 시의 일부만 보이게 하면 됩니다.
첫 번째 작품은 이런 방법으로 제작하였습니다.
여기에 사용된 주요 기법은 마스크 효과입니다.
[만들어보기]
1. 새 파일을 열고 스테이지 크기를 가로 550, 세로 100 픽셀, 프레임 속도 20fps로 설정해줍니다. 프레임 속도가 기본값인 12fps로 해주면 글자의 움직임이 부자연스럽습니다.
2. 시를 타이핑합니다.
낙화 - 이형기
가야 할 때가 언제인가를
분명히 알고 가는 이의
뒷모습은 얼마나 아름다운가.
봄 한철
격정을 인내한
나의 사랑은 지고 있다.
분분한 낙화……
결별이 이룩하는 축복에 싸여
지금은 가야 할 때,
무성한 녹음과 그리고
머지않아 열매 맺는
가을을 향하여
나의 청춘은 꽃답게 죽는다.
헤어지자
섬세한 손길을 흔들며
하롱하롱 꽃잎이 지는 어느 날
나의 사랑, 나의 결별,
샘터에 물 고이듯 성숙하는
내 영혼의 슬픈 눈.
아래 그림과 같이 스테이지의 하단에 글을 배치합니다.
3. 시를 위로 흐르도록 트윈 > 모션(CS5버전부터는 클래식 트윈;Classic Tween)을 합니다. 초당 20프레임으로 설정되어 있다는 점과 시를 읽어가는데 필요한 시간을 계산한 후 마지막 프레임수를 정해줍니다.
앞서 1번째 예제의 경우 800프레임에 두 번째 키프레임을 주었습니다. 이렇게 설정하면 시가 나타나서 사라지는 데 40초가 소요되겠군요.
4. 1프레임과 끝 프레임 사이를 클릭하여 선택한 후 [트윈 > 모션]을 해주세요.
5. 레이어를 추가합니다. 이 레이어에 마스크를 씌울 것입니다.
6. 추가된 레이어에 하트 모양을 그립니다.
하트의 채움색은 아무 색이나 넣어도 상관없고, 선색은 투명으로 처리합니다.
채움색은 아무 색이나 넣어도 상관없는 이유는 색이 채워진 객체를 마스크로 사용하면 색은 채움색은 사라지고 채워진 영역으로 아래쪽 레이어가 보이게 되기 때문입니다. 색을 채워넣지 않으면 마스크로서의 역할을 하지 못합니다.
선색은 가능하면 넣지 않는 것이 좋습니다. 왜냐하면 선도 마스크 역할을 하기 때문입니다.
7. 하트 레이어의 끝 프레임을 시 레이어와 일치시켜줍니다(F5 이용).
8. 하트 레이어에서 마우스 오른쪽 버튼을 누르면 다음과 같은 메뉴가 나옵니다. 여기서 [마스크]를 실행합니다.
9. 무비 만들기(Ctrl + Enter)를 해보십시오.
뭔가 어색한 부분이 있을 것입니다. 하트 영역의 테두리가 없어서 마스크 영역이 확실하지가 않을 것입니다.
이 문제를 해결하기 위해서 레이어를 하나 더 추가합니다.
이 때 주의해야 할 점은 반드시 마스크 레이어(하트가 있는)를 선택한 후 레이어를 삽입해야 한다는 것입니다. Masked 레이어에서 추가하면 추가한 레이어도 Mask 레이어의 영향을 받기 때문입니다.
10. 추가된 레이어(레이어 3)에 마스크 레이어에서 사용한 하트를 복사해서 [제자리에 붙여넣기 ; Shift + Ctrl + V]를 해줍니다. 그리고 잉크병을 이용하여 하트의 가장자리에 선을 넣어줍니다.(예제에서는 점선을 넣었음).
그리고 채움색은 제거해줍니다.
11. 이제 무비 만들기를 해보십시오. ^.^
다음 강좌에서는 마스크 효과를 약간 응용해서 좀더 세련된 작품을 만들어보겠습니다.
'플래시(Flash) 강좌' 카테고리의 다른 글
제5장 콜백함수 예제 - 5-01. 무비클립 메서드 (0) | 2016.07.04 |
---|---|
4-23. 영상시 만들기(2) (0) | 2016.07.01 |
4-21. 마우스 이벤트 활용 - rollOver / rollOut (0) | 2016.07.01 |
4-20. 돋보기 만들기 - startDrag (0) | 2016.07.01 |
4-19. 검사 자료 제작하기-점수누적, 점수 분류하기 (0) | 2016.07.01 |