Btn Gallery
무비 750X600, 이미지 크기 750X300,
1. 이미지 크기로 사각형 그려 라인=none, Fill color=Gradient 색=임
의,(여기서는 좌측색만 3399ff로) W=750 H=300 O=X Center
X=375 Y=300,에 위치시키고 0/10으로 잘라 ungroup,한 다음, 전
체를 선택하고 Properties창에서 H=25로 한다. 선타입=실선, 굵기
=0, 색상=흰색, Window→Tint→Alpha의 Custom=50으로 한다.
(버튼을 이미지로 교체해도됨)
2. Shape 10개를 모두 선택하고 Convert to movie clip으로 묶고 이름
을 모두 bar,로고 다시 이 10개 모두 선택해서 Convert to movie
clip으로 묶고 아래서부터 b1~10으로 하고 모두선택 Group as
movie clip으로 묶고 이름을 btn으로, 필터
3. 사각 그려 W=750 H=300, O=X 좌하, X=0 Y=0을 주어 작업창 위
에 배치시키고 이를 무비클립으로 하고 이름 mask로 하고 O=X
좌하,로 한다. 오늘 영상은 마스크처리는 하지 않지만 스크립트
명령으로 모든 영상이 이 마스크를 통해서만 보여 진다.
4. 1번 이미지 불러와 W=750 H=300 O=X 좌하 X=0 Y=300으로 놓
고. 이를 복사 Y에 1을 더 주고 물결판 불러와 이미지 아래선 즉
O=X 좌하 X=0 Y=300 W=720에 놓고(물결판이 이미지 밑으로 내려오면
여기 적은 좌표는 맞지 않을 것이다.) 복사본 아래로 내려 위와 둘
을 무비클립으로 묶고 마스크에 체크한 다음 O=X 좌하에 놓고, 다
시 아래 이미지와 무비클립으로 하고 img1이라 하고 O=X 좌하,로
준다. 이를 복사해 총 10개 만들어 이름 img1~10으로 한다.
5. img2를 선택하고 Y=600, 3은 900, 이렇게 300씩을 더 줘 아래쪽
으로 배치한다. 배치가 끝나면 이 10개를 묶어 main이라 한다. 각
각 해당 이미지로 교체한다. main은 O=X Center X=360 Y=1335.05, 이다
6. Outline선택 Import Sund를 선택해서 버튼음을 불러와 무비클립
으로 하고 이름을 song이라 하고 열고선택 타임라인 1Fr에 스톱을
준다. 이제 Scene_1을 선택하고 아래 스크립트를 적는다.
※ 아래 스크립트문은 길지만 어려운게 없다. 오로지 마스크와 버튼
바와 main 이미지가 이동할 좌표값이다. 좌표도 Y값만 주면 된다.
혹시 이 값이 맞지 않을 경우, 나와 작업환경이 틀려 그럴 경우도
있을 것이다. 이때는 하나의 좌표값만 플레이 해보면서 확실히 입
력되면 나머지는 거기에 맞추어 조정하면 된다. 마스크와 버튼바는
25씩 이동하면 되고 이미지는 모션을 크게 주기 위해 지그재그로
좌표를 설정했다. 즉 1에서 6번으로 2에서 7번으로 이렇게 5 이미
지의 차이를 주었다. (엔타버튼 안됨)
Scene_1에 붙일 스크립트
onFrame (1) {
_root.main.setMask(mask);
Object.prototype.kim = function (speed, targety) {
this.onEnterFrame = function () {
this._y += speed * (targety - this._y);
}
}
Object.prototype.bFade = function (speed,alpha) {
this.onEnterFrame = function () {
this._alpha += speed * (alpha - this._alpha);
}
}
//http://cafe.daum.net/gs1236
_root.btn.b1.onPress = function () {
_root.main.kim(0.2, -1287.5);
_root.mask.kim(0.2, 400);
_root.song.gotoAndPlay(2);
this.kim(0.2, -210);
_root.btn.b2.kim(0.2, 90);
_root.btn.b3.kim(0.2, 115);
_root.btn.b4.kim(0.2, 140);
_root.btn.b5.kim(0.2, 165);
_root.btn.b6.kim(0.2, 190);
_root.btn.b7.kim(0.2, 215);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b2.onPress = function () {
_root.main.kim(0.2, 262.5);
_root.mask.kim(0.2, 425);
_root.song.gotoAndPlay(2);
this.kim(0.2, -190);
_root.btn.b1.kim(0.2, -215);
_root.btn.b3.kim(0.2, 115);
_root.btn.b4.kim(0.2, 140);
_root.btn.b5.kim(0.2, 165);
_root.btn.b6.kim(0.2, 190);
_root.btn.b7.kim(0.2, 215);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b3.onPress = function () {
_root.main.kim(0.2, -913.5);
_root.mask.kim(0.2, 450);
_root.song.gotoAndPlay(2);
this.kim(0.2, -165);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b4.kim(0.2, 140);
_root.btn.b5.kim(0.2, 165);
_root.btn.b6.kim(0.2, 190);
_root.btn.b7.kim(0.2, 215);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b4.onPress = function () {
_root.main.kim(0.2, 602);
_root.mask.kim(0.2, 475);
_root.song.gotoAndPlay(2);
this.kim(0.2, -140);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b5.kim(0.2, 165);
_root.btn.b6.kim(0.2, 190);
_root.btn.b7.kim(0.2, 215);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b5.onPress = function () {
_root.main.kim(0.2, -562.5);
_root.mask.kim(0.2, 500);
_root.song.gotoAndPlay(2);
this.kim(0.2, -115);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b4.kim(0.2, -140);
_root.btn.b6.kim(0.2, 190);
_root.btn.b7.kim(0.2, 215);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2,290);
}
_root.btn.b6.onPress = function () {
_root.main.kim(0.2, 962.5);
_root.mask.kim(0.2, 525);
_root.song.gotoAndPlay(2);
this.kim(0.2, -90);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b4.kim(0.2, -140);
_root.btn.b5.kim(0.2, -115);
_root.btn.b7.kim(0.2, 215);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b7.onPress = function () {
_root.main.kim(0.2, -219.5);
_root.mask.kim(0.2, 550);
_root.song.gotoAndPlay(2);
this.kim(0.2, -65);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b4.kim(0.2, -140);
_root.btn.b5.kim(0.2, -115);
_root.btn.b6.kim(0.2, -90);
_root.btn.b8.kim(0.2, 240);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b8.onPress = function () {
_root.main.kim(0.2, 1262.5);
_root.mask.kim(0.2, 575);
_root.song.gotoAndPlay(2);
this.kim(0.2, -40);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b4.kim(0.2, -140);
_root.btn.b5.kim(0.2, -115);
_root.btn.b6.kim(0.2, -90);
_root.btn.b7.kim(0.2, -65);
_root.btn.b9.kim(0.2, 265);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b9.onPress = function () {
_root.main.kim(0.2, 112.5);
_root.mask.kim(0.2, 600);
_root.song.gotoAndPlay(2);
this.kim(0.2, -15);
_root.btn.b1.kim(0.2, -215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b4.kim(0.2, -140);
_root.btn.b5.kim(0.2, -115);
_root.btn.b6.kim(0.2, -90);
_root.btn.b7.kim(0.2, -65);
_root.btn.b8.kim(0.2, -40);
_root.btn.b10.kim(0.2, 290);
}
_root.btn.b10.onPress = function () {
_root.main.kim(0.2, 1637.5);
_root.mask.kim(0.2, 600);
_root.song.gotoAndPlay(2);
this.kim(0.2, 10);
_root.btn.b1.kim(0.2,-215);
_root.btn.b2.kim(0.2, -190);
_root.btn.b3.kim(0.2, -165);
_root.btn.b4.kim(0.2, -140);
_root.btn.b5.kim(0.2, -115);
_root.btn.b6.kim(0.2, -90);
_root.btn.b7.kim(0.2, -65);
_root.btn.b8.kim(0.2, -40);
_root.btn.b9.kim(0.2, -15);
}
}
onFrame (2) {
stop();
}
물결 이것으로 하세요
'스위시세상 > 스위시 고급' 카테고리의 다른 글
photo-change (0) | 2016.11.05 |
---|---|
return zoom script gallery (0) | 2016.11.05 |
Random Stage Gallery (0) | 2016.11.05 |
verticalSliding gridMask Gallery (0) | 2016.11.05 |
마름모 버튼과 동영상 10개모음 (0) | 2016.09.13 |