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


MX : 가이드 레이어(Guide Layer)를 이용한 애니메이션 효과

 
『 MX : 가이드 레이어(Guide Layer)를 이용한 애니메이션 효과 』
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 오늘은 애니메이션 효과중 가이드 레이어를 이용한 애니메이션 효과를 한번 구현해 볼까 합니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 기본적으로는 모션트위닝 애니메이션을 사용합니다. 즉, 위치가 변화가 되는 것이니깐요. 자, 그럼 예제를 만들어보면서, 가이드 레이어의 기능을 알아보도록 하죠. 먼저, 평번한 모션트위닝 효과가 들어간 애니메이션을 하나 만듭니다. 전 아래처럼 만들었구요.
보시면 아시겠지만, 왼쪽에서 오른쪽으로 원이 이동하는 애니메이션입니다. 화살표 방향으로요. 이제 왼쪽의 레이어 이름이 있죠? 그곳에서 마우스 오른쪽 버튼 클릭으로 나오는 서브메뉴에서 Add Motion Guide를 선택해 줍니다.
그럼 기존의 레이어 위에 새로운 레이어가 생깁니다. 이게 바로 가이드 레이어죠.
기존에 만든 레이어는 이제 이 가이드 레이어에 무엇인가에 속박이 되는 겁니다. 그게 바로 우리가 만들 가이드 라인이죠... 이제 우리는 가이드 레이어에 Pencil Tool로 아무렇게나 선을 그려넣습니다.
그러면, 기존 레이어의 1프레임에 있던 원 무비클립이 가이드 라인의 어떤 곳인가에 딱 붙게 될 겁니다. 이제부터 이 원은 이 가이드 라인을 따라서 움직이게 되는 것이죠. 선의 시작위치에 1프레임에 있는 원 무비클립을 옮겨봅니다.
그리고 선의 끝 위치에 마지막 프레임에 있는 원 무비클립을 옮깁니다.
다 만들어졌습니다. 이제 테스트를 해 봅니다. 가이드 레이어에 그렸던 선의 모습은 없어지지만, 원 무비클립은 그 선을 따라서 움직이는 것을 보실 수 있을 겁니다. 쉽죠? 오늘은 간단히 가이드 레이어를 이용한 모션 트위닝 애니메이션을 알아봤습니다. 젠 물러갑니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 본 게시물은 //xen.new21.org, //cafe.daum.net/macromedia, //www.bcpark.net 외의 이동/불펌을 금지합니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ //xen.new21.org

2004-05-26 03:50:01
1754 번 읽음
☞ 로그인 후 의견을 남기실 수 있습니다
 캐시선물





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