[플래시 강좌] 플래시 마스크 효과(Mask)

안녕하세요~

이번에는 마스크효과를 이용한 모션을 해보겠습니다.

마스크 효과는 무비에서 특정 영역만을 지정해 마스크효과를 줘 그 영역만을 보여주기위한 효과입니다. 마스크효과를 주려면 두개이상의 레이어를 이용해야합니다.

한개는 마스크를 씌울 영역 즉 보여질 부분, 나머지는 마스크가 적용될 레이어다.

마스크를 씌울 영역은 하나면 되지만, 나머지 마스크가 적용될 레이어는 한 개뿐만 아니라 그 이상 여러개도 동시에 적용 시킬 수가 있습니다.

1. 새로운 파일을 만들고 File > Import > Import to Stage 로 

이미지 한장을 불러 오겠습니다. (단축키 Ctrl + R)

2.이미지를 하나 불러왔습니다.

3.그럼 이제 마스크를 추가하기 위해 새로운 레이어를 추가해 줍니다.

4.레이어를 추가후 동그라미 툴로 원을 하나 그려줍니다.

5. 저는 좌측 상단에 원을 하나 추가했습니다.

6. 추가 해주셨으면 모션을 주기위해 무비클립으로 지정해 줍니다.

단축키(F8)

7.그다음 이미지를 100프레임에 빈 프레임을 하나 추가해줍니다. (단축키 F5)

8. 빈 프레임이 추가된 모습니다.

9. 그럼 이미지를 원으로 마스크를 적용시켜 보겠습니다. 

원을 그려준 레이어에서 오른쪽 버튼을 눌러 Mask를 선택해주면 됩니다.

10.마스크가 적용된 모습니다...

(쉽게 생각해 이미지를 가리고 위에서 추가해준 원만큼 

구멍을내 그 부분만 볼수 있게 했다고 보시면 됩니다.)

11. Ctrl + Enter로 확인하기 전 스테이지에서는 두 레이어가 자물쇠 모양으로 잠겨 있어야 확인이 가능합니다..

12.그럼 이제 마스크에 모션을 추가해 보겠씁니다. 

30프레임에 Insert Keyframe를 해줍니다.(단축키 F6)

13. 키프레임을 추가후 원을 우측 상단으로 이동시켜줍니다.

14.이동후 마우스 우 클릭>Create Classic Tween 으로 모션 트윈을 추가해 줍니다.

15.트윈이 추가 되었습니다.

16.동일하게 60프레임에 Insert Keyframe로 키프레임을 추가하고 

우측 하단으로 원을 이동시켜줍니다. (단축키 F6)

17.이번에는 원을 이미지를 다 덮을 정도로 크게 모션을 줘보겠습니다. 

우선 90프레임에 키프레임을 추가해줍니다.

18. 90프레임에서 원을 선택후 Free Transform Tool 를 선택해줍니다.(단축키 Q)

19.좌측 상단 검은 네모를 누른채로 이미지를 다 덮을 정도로 크게 해줍니다.

20. 이미지가 완전히 가려진 모습입니다.

21.그리고 마우스 우 클릭>Create Classic Tween 으로 모션 트윈을 추가해 줍니다.

이상입니다.

Ctrl + Enter로 확인해 보겠습니다.

motion3.fla