자유롭게 게시물을 올릴수있는 게시판입니다.
  • 유년추억
  • 학교생활
  • 입시준비
  • 대학생활
  • 군생활
  • 알바생활
  • 취업준비
  • 직장생활
  • 원룸생활
  • 연애중
  • 결혼준비
  • 집안살림
  • 자녀교육
  • 창업준비
  • 이민유학
  • 노후생활
  • 전체보기


MX : 마스크 레이어(Mask Layer)를 이용한 애니메이션 효과

 
『 MX : 마스크 레이어(Mask Layer)를 이용한 애니메이션 효과 』
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 오늘은 애니메이션 효과중 마스크 레이어를 이용한 애니메이션 효과를 한번 구현해 볼까 합니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 마스크 레이어는 위의 예제처럼 일부분만 보여주는 애니메이션 효과를 나타낼 때 많이 사용하곤 합니다. 마스크 레이어에 들어간 오브젝트의 모양대로 마스크 레이어에 속한 레이어의 모습이 보이게 되는 거죠. 오늘도 간단한 예제를 통해서 마스크 레이어를 사용하는 방법을 알아볼까 합니다. 먼저, 마스크 효과를 적용할 이미지를 하나 준비하세요. 그리고, 메뉴의 File > Import로 해당 이미지를 불러온 다음에 스테이지의 크기도 이미지의 크기만큼 알맞게 만들어 줍니다. 여기까지는 쉽죠?
다음으로 새로운 레이어를 하나 만듭니다.
새로 만든 레이어의 1프레임에 사각형 툴로 세로로 길다란 사각형을 그립니다. 이미지보다 약간 왼쪽에 그립니다. 또한 이미지의 세로 크기보다 약간 크게 만드는 것이 좋습니다.
이 사각형을 선택하고 무비클립 심볼이나 그래픽 심볼로 만듭니다. (F8)
이제 마스크 레이어의 60프레임에 키프레임을 삽입합니다.(F6)
이제 60프레임에 삽입된 사각형 심볼을 이미지보다 약간 오른쪽으로 옮깁니다.
그리고 마스크 레이어의 1프레임과 60프레임 사이에 모션 트위닝 애니메이션 효과를 적용합니다.
이미지가 들어있는 레이어의 60프레임을 선택하고 프레임을 삽입합니다.(F5)
이제 마지막으로 마스크 레이어 이름을 마우스 오른쪽 버튼 클릭해서 나오는 메뉴중 Mask를 선택합니다.
그러면, 전체적인 타임라인의 모습은 아래와 같이 되겠죠?
이제 테스트무비를 해 봅니다. 여러분들도 아래처럼 되나요? 보시다시피, 마스크 레이어에 들어가 있는 오브젝트 모양대로 마스크 레이어에 속해있던 레이어의 이미지가 보이게 됩니다. 제일 위에서 보여드린 예제는 가이드 레이어를 이용한 애니메이션과 마스크 레이어를 이용한 애니메이션을 적절히 합쳐본 것입니다. 여러분들도 한번 만들어 보세요... 약간 응용... 젠 갑니다. ^^)/ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 본 게시물은 //xen.new21.org, //cafe.daum.net/macromedia, //www.bcpark.net 외의 이동/불펌을 금지합니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

2004-05-27 15:34:28
1853 번 읽음
☞ 로그인 후 의견을 남기실 수 있습니다
 캐시선물





365ch.com 128bit Valid HTML 4.01 Transitional and Valid CSS!
태그