엽서 버튼
1. 작업창 크기; 700*500, 이미지 크기; 700*500, 난이도; ★★★
300/165로 사각형 그려 340/310에 위치시키고 로테이션 20/0을 준다. 이어 이를 카피 총 4장을 만들어 맨 아래 세이프는 1번 이미지로 교체하여 다시 로테이션 0을 주고 사이즈를 295/160으로 축소시키고 다시 로테이션 20을 준다. 나머지는 작업하기 편하게 색상을 달리하여 위 그림처럼 서브셀렉션툴을 선택하여 모양을 만든다. 2번째 하늘색 세이프는 뚜껑보다는 조금 더 올라가게 한다. 이어 이미지와 뚜껑을 카피해 하나씩 더 만들어 맨 아래에 놓는다.
2. 뚜껑을 선택하고 1프레임에 place를 주고 포지션 포인트 상중에 주고 1-16프레임에 무비를 주고 h=0.1을 준 다음, 로테이션 20/90으로 한다. 이어 w=320으로 키우고 다시 로테이션을 20/90이 되게 수정한다. 이렇게 로테이션을 준 세이프에 사이즈나 로테이션을 주면 값이 임의로 변한다. 타임라인에서 미리보기 막대를 움직여 적당한 값을 각자가 찾아야 모션이 자연스럽다.
17-31에 무비를 주고 로테이션 20/180을 주고 h=300으로 하고 다시 로테이션 20/180, w 300으로 조정하고 다시 로테이션 20/180으로 한다. 자연스런 모션이 나오게 하려면 여러 번의 이런 수정 작업을 하여야 할 것이다. 마지막에는 로테이션을 20/180으로 유지한다. 이런 각도를 준 세이프에 모션을 줄 때는 좌표나 치수의 설명보다는 각자의 노하우가 필요할 것이다. 꼼꼼하게 작업한 사람은 그만큼 모션이 자연스러울 것이다.
3. 이미지를 아웃라인 세 번째에 위치시키고 32-46에 무비를 주고 370/230에 위치시키고 다시 47-61에 무비를 주고 340/310으로 원 위치시킨다. 이어 맨 위 뚜껑 62-76프레임에 무비를 주고 이제는 역으로 효과를 준다. 로테이션 20/90을 주고 77-91에 무비를 주고 로테이션 20/0을 주고 h=200으로 키우고 다시 로테이션 20/0, 이번에는 w=305로 줄이고 다시 로테이션 20/0으로 준다. 다시 말하지만 여기 적는 수치는 각자의 작업과 다를 수 있다. 개념만 확실히 이해하고 미리보기 막대를 움직이면서 최상의 모션이 되게 하라. 작업의 마지막은 로테이션 20/0이다.
4. 위 그림을 잘 보면서 정리를 하자. 카피해 놓은 뚜껑을 아웃라인 맨 위로 올린다. 두 번째 하늘색 세이프가 편지봉부 몸통이고 세 번째 이미지가 효과를 준 이미지다. 이어 네 번째 주황색 뚜껑이 효과를 준 세이프이고 다섯 번째 이미지는 카피해 놓은 이미지이고 맨 아래 분홍색 세이프가 편지봉투 뒷면이다.
맨 위 뚜껑을 선택하고 로테이션 20/180을 주고 타임라인 1프레임에 remove를 주고 62프레임에 효과 준 뚜껑의 효과막대 두 개를 카피해 붙여넣기를 한다.
5. 이 모두를 무비클립으로 묶고 open1이라 하고 무비클립으로 열고 세이프를 필타입 그라디언트로 바꾸고 색상을 준다. 이어 타임라인 1프레임에 스톱을 주고 위 그림을 보면서 remove와 place를 준다. 이어 46, 91프레임에 스톱을 주고 아웃라인 위에서 두 번째(버튼 스크립트가 들어갈 세이프) 세이프와 이미지 2개를 제외하고 나머지를 선택하고 92프레임에 Disappear from position-Fade_Std fade out를 주고 111프레임에 스톱을 준다. 두 번째 세이프와 이미지는 92프레임에 remove를 준다.
6. open1을 카피해 총 10개를 만들어 open1-10으로 표시하고 이를 다시 무비클립으로 묶고 open이라 하고 타임라인에 위 그림처럼 배열한다. 이어 해당 open을 열고 해당 이미지로 교체한다. 이제 본 영상을 만들어 보자.
7. 1번 이미지 불러와 370/230에 위치시키고 사이즈를 300/150으로 하여 로테이션 20/0을 준다. 이어 11-50프레임에 무비를 주고 로테이션 0/0, 사이즈 700/380, 좌표 350/250을 주고 이를 무비클립으로 묶고 이름을 dp라 하고 프로퍼티즈창에서 스톱 플레잉 엣 엔드에 체크하고 다시 무비클립으로 묶고 img1이라 하고 프로퍼티즈창에서 스톱 플레잉 엣 엔드에 체크를 한 다음, img1을 선택하고 아래 스크립트를 적는다.
onFrame (2) {
duplicateMovieClip("dp", "trail1", 1);
setProperty("dp", _alpha, "95");
}
onFrame (3) {
duplicateMovieClip("dp", "trail2", 2);
setProperty("dp", _alpha, "90");
}
onFrame (4) {
duplicateMovieClip("dp", "trail3", 3);
setProperty("dp", _alpha, "85");
}
onFrame (5) {
duplicateMovieClip("dp", "trail4", 4);
setProperty("dp", _alpha, "80");
}
onFrame (6) {
duplicateMovieClip("dp", "trail5", 5);
setProperty("dp", _alpha, "75");
}
onFrame (7) {
duplicateMovieClip("dp", "trail6", 6);
setProperty("dp", _alpha, "70");
}
onFrame (8) {
duplicateMovieClip("dp", "trail7", 7);
setProperty("dp", _alpha, "65");
}
onFrame (9) {
duplicateMovieClip("dp", "trail8", 8);
setProperty("dp", _alpha, "60");
}
onFrame (10) {
duplicateMovieClip("dp", "trail9", 9);
setProperty("dp", _alpha, "55");
}
onFrame (11) {
duplicateMovieClip("dp", "trail10", 10);
setProperty("dp", _alpha, "50");
}
onFrame (12) {
duplicateMovieClip("dp", "trail11", 11);
setProperty("dp", _alpha, "45");
}
onFrame (13) {
duplicateMovieClip("dp", "trail12", 12);
setProperty("dp", _alpha, "40");
}
onFrame (14) {
duplicateMovieClip("dp", "trail13", 13);
setProperty("dp", _alpha, "35");
}
onFrame (15) {
duplicateMovieClip("dp", "trail14", 14);
setProperty("dp", _alpha, "30");
}
onFrame (16) {
duplicateMovieClip("dp", "trail15", 15);
setProperty("dp", _alpha, "25");
}
onFrame (17) {
duplicateMovieClip("dp", "trail16", 16);
setProperty("dp", _alpha, "20");
}
onFrame (18) {
duplicateMovieClip("dp", "trail17", 17);
setProperty("dp", _alpha, "15");
}
onFrame (19) {
duplicateMovieClip("dp", "trail18", 18);
setProperty("dp", _alpha, "10");
}
onFrame (20) {
duplicateMovieClip("dp", "trail19", 19);
setProperty("dp", _alpha, "5");
}
8. img1을 카피해 총 10개를 만들어 img1-10으로 이름하고 이 모두를 다시 무비클립으로 묶고 main이라 하고 타임라인에 위 그림처럼 배열한다. 이어 해당 이미지로 교체한다.
9. 오늘 버튼은 릴레이 버튼이다. 스크립트를 잘못 적으면 엉뚱한 영상이 나타날 것이다. 버튼이 적당한 타임에 나타나게 효과를 주고 소스로 제공한다. 버튼 소스 불러와 350/250에 위치시키고 b1이라 적고 이를 카피 총 10개를 만들어 b1-10으로 표기하고 위 그림처럼 타임라인 1프레임은 비워놓고 배치한다. 이어 해당 부분에 스크립트를 적는다. 스크립트는 메모장으로 올린다.
* open/open1/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(2);
_parent._parent.btn.gotoAndPlay(2);
this.gotoAndPlay(92);
}
* open/open2/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(4);
_parent._parent.btn.gotoAndPlay(3);
this.gotoAndPlay(92);
}
* open/open3/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(6);
_parent._parent.btn.gotoAndPlay(4);
this.gotoAndPlay(92);
}
* open/open4/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(8);
_parent._parent.btn.gotoAndPlay(5);
this.gotoAndPlay(92);
}
* open/open5/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(10);
_parent._parent.btn.gotoAndPlay(6);
this.gotoAndPlay(92);
}
* open/open6/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(12);
_parent._parent.btn.gotoAndPlay(7);
this.gotoAndPlay(92);
}
* open/open7/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(14);
_parent._parent.btn.gotoAndPlay(8);
this.gotoAndPlay(92);
}
* open/open8/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(16);
_parent._parent.btn.gotoAndPlay(9);
this.gotoAndPlay(92);
}
* open/open9/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(18);
_parent._parent.btn.gotoAndPlay(10);
this.gotoAndPlay(92);
}
* open/open10/두번째 세이프 선택하고(봉투 몸체)
on (rollOver) {
this.gotoAndPlay(2);
}
on (rollOut) {
this.gotoAndPlay(47);
}
on (release) {
_parent._parent.main.gotoAndPlay(20);
_parent._parent.btn.gotoAndPlay(11);
this.gotoAndPlay(92);
}
* btn/b1/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(2);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b2/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(3);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b3/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(4);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b4/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(5);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b5/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(6);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b6/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(7);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b7/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(8);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b8/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(9);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b9/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(10);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
* btn/b10/이미지 선택하고
on (release) {
_parent._parent.open.gotoAndPlay(1);
_parent._parent.main.gotoAndStop(1);
_parent.gotoAndStop(1);
}
엽서.swf
버튼.swi
'스위시세상 > 스위시 고급' 카테고리의 다른 글
| page open (0) | 2012.08.14 |
|---|---|
| Circle 장식겔러리| (0) | 2012.08.14 |
| 조각마스크 버튼 인아웃 (0) | 2012.08.13 |
| 다이나믹 회전 겔러리 (0) | 2012.08.13 |
| 웨이브 마스크 효과 만들기 (0) | 2012.08.13 |