Slide Button Gallery

 

 

Slide Button Gallery

Movie  W=800 H=500
1. 사각를 선택 그려주고 라인=none, Solid, W=350, H=350,
   Transform에서 O=X 센타 X=260 Y=220 rotation=45으로한다.
   Shape에 우 클릭→Grouping→Group as Shape 하고 예 하고

2. Shape에 우 클릭→Break→Break into pieces→Regular Grid] 상
   태에서 Columns=2 Rows=2 Allow non- triangular pieces 와
   Inflate all pieces by=0.2 두곳에 체크 Cascade order는 좌측 위
   두 번째 선택 - Ok 해주세요.

3. Transform에서 rotation=45 도 로 Group 위에서 우클릭→
   Grouping→ungroup 하고 Shape 전체선택 우클릭→Grouping→
   Group as Shape클릭하고 예 하고 

4. Content로 image 선택 이미지를 5장을 불러다놓고 Out line에
   Shape선택 Fill Color=Solid를 image로 W=395 H=250. O=X 센타
   X=260 Y=220 이름 img1로, img1복사하여 총 5개을 만들고 이름
   img1 ~img5 로하고 이미지를 모두 교체 해주세요.

5. 원툴 선택 작업창에 하나 그려주고 라인=none Fill Color=Solid,
   W=395 H=250 O=X 센타 X=260 Y=220으로 이름을 “원 마스크”
   로 복사하여 하나 붙여넣고 이름 mask로 하고 맨 아래로 내려주
   고 원마스크 라인 1Fr에 우 클릭→Zoom→Zoom in(70)주고 100Fr
   에 Remove주고. 원마스크” 복사해서 총 5개를 만들고. 이름을 아
   래서부터 “원마스크1 ~5 로

6. 사각 그려주고 라인=none Fill Color=Solid,W=395 H=250 O=X
   센타 X=260 Y=220으로 하고 이름을; 원본이미지 로하고 원본이미
   지라인 1Fr에 우 클릭→Remove 주고 281 Fr에 우 클릭→Blur(40)
   주고, 400 프레임에 우 클릭→place 해주세요. 복사해서 총 5개를
   만들어 이름을 원본이미지1~5 해줍니다. 그리고 원마스크 와 원본
   이미지를 조각이미지 와 같은번호의 이미지,로 모두 교체 해 준다.

7. 그림의 순서를 아래서부터 원마스크1, img1, 원본이미지1→원마
   스크2, img2 ,원본이미지2, 원마스크3, img3 ,원본이미지3→원마
   스크4, img4, 원본이미지5, 원마스크5, img5, 원본이미지5, 로 정
   렬합니다.

8. img1~img5선택  우클릭→Grouping→ungroup하고 각조의 맨 아
   래 image을 선택하여 해당 방향의 이름을(상) 적어주고 아래서
   두 번째 5개선택 좌로 이렇게 나머지도 한다.→같은그룹의 아래서
   위로 좌, 상, 하, 우, 순서로 놓고 다음 과 같이 효과를 줍니다. 아래
   서부터 좌 5개 모두선택, 100Fr에서 우클릭→Slide→in From Right
   (31) 상 모두선택 130 Fr에서 우클릭→Slide→in From Bottom(31)
   로하고, 하, 모두선택 130Fr에서 우클릭→Slide→in From Top(31)
   우 모두선택 100Fr에서 우 클→Slide→in From Left(31)

9. 우/하/상/좌 20개 모두 선택 251 Fr에 우 클릭→Fade→Fade Out
   (30) 해주시고 원마스크1~원본이미지1까지선택 우클릭→
   Grouping→Group as movie clip하고 그위 원마스크2~원본미이지
   2,까지 선택 우클릭→GRouping→Group as movie clip하고 이렇
   게 조별로 묶어주고 모두 스톱체크 이름 모두 dp로 dp5개 선택 컴
   버트 무비클립으로 묵고 img1~img5로 img1~img5에 Window→
   Filters→Bevel→ReverseButtonShading_distance2→색=둘다 흰
   색, BlurX,Y=7, Distance=7로 적용, img1~5에 스크립트 넣고 맨
   아래 mask 복사하여 붙여넣고 W=395 H=250 O=X Center X=260
   Y=220, 이미지로 바꿔주고 이름 bg로 img1 아래로 내려주고

10. bg에서 img-5 까지 선택 우 클릭→Grouping→Group as Movie
   Clip 클릭하고 이름을 a으로 열고 선택 2,4,6,8,10Fr에→Movie
   Control→Stop 주고 img1라인 1Fr에→place주고 3Fr에→
   Remove주고 이 두효과 복사하여 3,5,7,9에 붙여넣고 맨 위
   Remove 는 삭제하고 닫고

11. a복사하여 Y에 1+해주고 물결불러와 한칸 아래로 내려주고 물결
   과 위 a선택 우클릭→Grouping→Group as movie clip,으로 묶고
   마스크체크 이름 w로 아래서부터 mask, a,w, 같이선택 우클릭→
   Grouping→Group as movie clip, 마스크체크, 이름 main으로 하
   고 테이블 불러와 W=600 H=445 O=X Center X=308 Y=270으로

버튼으로 만들기
1. 원그려 라인=실선 굵기=2 색=임의 Fill color=none W=50 H=20
   O=X Center X=360 Y=270으로하고 복사하여 총 4개 만들고 아래
   서 두 번째 선택 Xrotation=45로 세 번째는 Xrotation=90, 네 번째
   는 Xrotation=135로하고 4개 모두선택 Group as shape, 예, 하고
   그 위에 1쓰고 둘을 Group as button으로 묶고 over 체크하고
   over안의 쉐이프를 이미지로 바꿔주고 라인색과 글색 바꿔주
   고 닫고 O=X Center X=770 Y=120에 놓고

2. 복사하여 총 5개 만들고 맨 위것 Y=380으로 놓고 얼라인 정렬하고
   이름 b1~b5로 하고 글과 이미지 바꿔주고 5개모두 무비클립으
   로 묶고 이름 btn으로 필터주고 btn열고 b1~b5에 스크립트 주고
   공간에 글넣고 예쁘게 꾸민다

 

img1~5에 스크립트


onFrame (2) {
duplicateMovieClip("dp", "trail1", 1);
setProperty("dp", _alpha, "90");
}
onFrame (3) {
duplicateMovieClip("dp", "trail2", 2);
setProperty("dp", _alpha, "80");
}
onFrame (4) {
duplicateMovieClip("dp", "trail3", 3);
setProperty("dp", _alpha, "70");
}
onFrame (5) {
duplicateMovieClip("dp", "trail4", 4);
setProperty("dp", _alpha, "60");
}
onFrame (6) {
duplicateMovieClip("dp", "trail5", 5);
setProperty("dp", _alpha, "50");
}
onFrame (7) {
duplicateMovieClip("dp", "trail6", 6);
setProperty("dp", _alpha, "40");
}
onFrame (8) {
duplicateMovieClip("dp", "trail7", 7);
setProperty("dp", _alpha, "30");
}
onFrame (9) {
duplicateMovieClip("dp", "trail8", 8);
setProperty("dp", _alpha, "20");
}
onFrame (10) {
duplicateMovieClip("dp", "trail9", 9);
setProperty("dp", _alpha, "10");
}
onFrame (20) {
    stop();
}

btn열고 b1~b5 에 스크립트넣고 숫자 바꿔준다

on (release) {
    _parent.main.a.gotoAndPlay(1);
    _parent.main.w.a.gotoAndPlay(1);
}

 

Script Button Gallery.swi Slide Button Gallery.swf

Slide Button Gallery.swf

0.38MB

Script Button Gallery.swi

1.89MB