꽈배기 마스크 변형
1. 작업창 크기; 700*500, 이미지 크기; 700*435, 난이도;
웹상에 재미있는 마스크가 있어 가져와 변형을 시켜보았다. 이제 강좌를 300여회 쓰다 보니 맨 그 영상이 그 영상이다. 스위시 자체에 있는 액션들은 거의 설명한 것 같다. 쉽게 말해 밑천이 바닥이 났다. 이제 할 수 있는 작업은 멋있는 소스 가져와 업그레이 시켜보고, 포토샵을 최대한 이용하여 조금이나마 다른 영상을 표현하는 수밖에 없는 것 같다. 3D 맥스나 모션 그래픽 같은 것을 배워 접목하고 싶은 생각은 굴뚝같으나 새로운 것을 이제 시작한다는 것이 그리 쉽지만은 않다. 여기 제공하는 소스들을 그저 한 영상 만드는데 그치지 말고 분해하여 어떻게 만들었는가 하나하나 살펴보기를 권한다. 그렇다고 이런 식의 강좌를 통해서 소스를 만드는 과정을 설명하기는 언변이 부족하다.
꽈배기 마스크 불러와 350/250에 위치시키고 벗겨 낸다. 그러면 두 개의 무비클립이 있을 것이다. 아래 무비클립은 전 이미지가 사라지는 모션이고 위 무비클립은 이미지가 나타나는 모션이다. 버튼 영상으로 만들기 위해 다 스톱 처리했다.
2. 이미지 10장을 한꺼번에 불러와 포지션 포인트 중상에 주고 350/0에 위치시키고 사이즈를 700/435로 조정하고 이 모두를 무비클립으로 묶고 aa라 이름하고 이를 카피 bb라 한다. aa를 열고 맨 위 10번 이미지를 맨 아래로 내리고 타임라인에 위 그림처럼 효과를 준다.
3. bb를 열고 이미지 변경없이 그대로 타임라인에 위 그림처럼 효과를 준다. 이어 aa와 mask1을 무비클립으로 묶고 마스크에 체크하고 cc라 이름하고 주고 싶은 필터를 준다. bb와 mask2를 무비클립으로 묶고 dd라 이름하고 마스크에 체크한 다음, 주고 싶은 필터를 준다.
4. 이번 영상은 소스파일로 마스크를 제공하여 너무 간단하다. 그래 gif파일을 이용하여 버튼 만들기를 설명한다. 계절에 맞게 고추잠자리를 불러와 350/250에 위치시키고 잠자리를 열고 잠자리 크기보다 조금 작게 사각형 그려 필타입=none으로 한다. 이게 버튼이 될 것이다. 고추잠자리 안의 세이프를 선택하고 스크립트를 주어도 되기는 하나 이런 식의 버튼은 마우스 포인트가 잘 안 먹힐 때가 많다. 무비클립 자체에 버튼 스크립트를 주거나 특히 글자를 입력하고 그 글자에 버튼 스크립트를 주었을 때 마우스 포인트가 잘 먹히지 않는다. 이제까지의 경험으로 보아 그 위에 투명세이프 씌우고 거기에다 스크립트를 주는 것이 가장 잘 먹힌다. 이어 트랜스폼에서 로테이션 -40을 주고 고추잠자리를 닫고 타임라인 41-90프레임에 One off-Alternate를 주고 에펙창 트래스폼에서 Move Y=300으로 한다. 이어 이를 무비클립으로 묵고 btn이라 이름하고 프로퍼티즈창에서 스톱 플레잉 엣 엔드에 체크한다. 이어 고추잠자리를 열고 투명세이프를 선택하고 아래 스크립트를 적는다.
on (rollOver) {
this.stop();
}
on (rollOut) {
this.play();
}
on (release) {
_parent._parent.cc.aa.nextFrameAndPlay();
_parent._parent.dd.bb.nextFrameAndPlay();
_parent._parent.cc.mask1.s.gotoAndPlay(1);
_parent._parent.dd.mask2.s.gotoAndPlay(1);
_parent.gotoAndPlay(1);
}