조각마스크 버튼 인아웃
1. 작업창 크기; 700*500, 이미지 크기; 700*500, 난이도; ★★
이번 영상은 마스크를 만드는 걸 설명해야 하는데 그게 쉽지가 않다. 몇 사람이라도 따라하지 못할 강좌는 강좌로서의 가치가 없다. 그래 소스파일로 제공한다. 이 마스크만 있으면 일반적으로 영상에 적용하면 설명도 필요 없다. 아무리 초보자도 몇 분이면 만든다. 그래 공부를 위해 복잡하게 영상을 만들어 본다. 소스파일을 열어보면 알겠지만 나타나는 부분과 사라지는 부분의 간격 프레임을 삭제하고 스톱처리를 했다. 이 마스크 하나로 버튼을 만들어 전 이미지가 사라지고 새로운 이미지가 나타나는 영상을 만들어 본다.
이미지 10장을 한꺼번에 불러와 작업창과 맞추고 카피해 한 조를 더 만들어 카피한 이미지를 무비클립으로 묶고 이름을 aa라 하고 타임라인에 위 그림처럼 배열한다.
2. 남은 10장의 이미지에서 1번 이미지를 맨 위로 올리고 모두를 선택하고 타임라인 62프레임에 place를 주고 그 상태에서 컨버트 투 무비클립 [예]를 한다.
3. 무비클립 10개를 다시 무비클립으로 묶고 bb라 하고 타임라인에 위 그림처럼 배열한다. 이렇게 하고 마스크 처리하면 영상이 만들어진다. 물론 이 방법이 100% 정확한 것은 아니다. 플레이를 해보면 알겠지만 맨 처음 장면이 입력과 출력이 맞지 않다. 그 부분을 조정하려면 아주 복잡한 절차를 걸쳐야 한다. 그래 쉽게 만드는 것으로 설명하면서 대신 잔소리로 채우겠다.
아직도 버튼으로 영상을 만들었을 때, 물결 처리한 영상과 스크립트를 연결하지 못하는 사람들이 많은 것 같다. 그런 분들의 유형은 대체로 새로운 영상만 좋아한다. 그리고 잘 안되면 소스파일을 원한다. 강좌를 거슬려 올라가면 분명히 설명된 부분들인데 옛 것은 관심이 없다. 전 강좌에서 설명했던 기초들은 이제 설명하지 않는다. 앞으로도 없을 것이다. 그러나 오늘 마지막으로 자세히 설명하려 한다. 강좌에서 설명하는 대로 무비클립 이름을 주어야 할 것이다.
4. aa와 bb를 다시 무비클립으로 묶고 cc라 한다. 물결처리 하지 않으려면 이 cc와 아래 mask를 무비클립으로 묶고 마스크에 체크하고 버튼을 만들면 끝난다. 이번 영상은 물결효과 먼저 주고 나중에 mask를 적용할 것이다. 이제 cc를 카피해 붙이기하고 y값 1을 더 준다. 이어 물결판 불러와 카피한 cc와 무비클립으로 묶고 마스크에 체크한 다음, dd라 한다.
5. cc와 dd를 무비클립으로 묶고 ee라 한다. 이제 이 ee와 아래 mask를 무비클립으로 묶고 main이라 하고 주고 싶은 필터를 준다. 이어 작업창 크기로 사각형 그려 필타입=none으로 하고 아래 스크립트를 적는다.
on (release) {
main.ee.cc.aa.nextFrameAndPlay();
main.ee.cc.bb.nextFrameAndPlay();
main.ee.dd.cc_Copy.bb.nextFrameAndPlay();
main.ee.dd.cc_Copy.aa.nextFrameAndPlay();
main.mask.gotoAndPlay(63);
}
6. 위 그림으로 설명한다. 우선 아웃라인의 빨간색 부분을 보자. 그 부분의 4개의 무비클립이(타임라인에 스톱과 place, remove를 준 무비클립) 스크립트 타켓트와 연결되어야 한다. 물결효과를 주지 않으면 아래 2개만 연결하면 된다. 카피해 물결효과를 주면 그 부분도 스크립트에 연결해야 한다. 스크립트 창으로 보자. 하나하나 읽어 보면 맨 뒤 부분에는 aa, bb다. 그 앞의 문자들은 경로다. 스크립트창의 두 번째 줄을 설명하면 main 무비클립속의 ee 무비클립속의 cc 무비클립속의 aa로 가서 넥스트 프레임으로 가라는 명령이다.
스크립트창의 맨 아래 명령은 mask라는 무비클립의 63프레임으로 가라는 명령이다. 그러니까 마스크의 중간 스톱처리한 부분 다음으로 가라는 명령이다.
저런 경로는 직접 입력할 필요가 없다 무비클립에 이름 주면 스트립트의 타켓트창에 다 입력되어 있다. 거기서 클릭해 선택하면 된다. 역으로 이름을 적지 않고 그냥 무비클립으로 두면 저 목록에 나타나지 않는다.
'스위시세상 > 스위시 고급' 카테고리의 다른 글
Circle 장식겔러리| (0) | 2012.08.14 |
---|---|
엽서버튼 (0) | 2012.08.14 |
다이나믹 회전 겔러리 (0) | 2012.08.13 |
웨이브 마스크 효과 만들기 (0) | 2012.08.13 |
Cude button Gallery| (0) | 2012.08.13 |