Sliding Button Gallery

Sliding Button Gallery

무비 700X500,
1. 버튼바를 만들기
   사각그려 라인=실선 굵기=1 색=임의, solid, 색=임의 Alpha=40,
   w=610, h=40 O=X Center X=330, Y=80, 으로 Sudselection Tool
   로 왼쪽 아래 모서리를 둥그렇게 만들고. 이어 오른쪽 윗부분도
   같은 작업하고, Img1 쓰고 글씨체=Beautiful Es 크기=28 색=흰색,
   B,로 O=X Center X=50 Y=75로하고 복사해서 붙여넣고 아래것
   선택 색=검정(임의)으로 하고 작업창의 글에 클릭하고 자판의 방향
   키를 우로한번 하로 한번치고 T 둘을 Group as group으로 묶고 다
   시 아래 Shape와 무비클립으로 묶고 bb1로

2. bb1 열고 shape를 선택하고 타임라인에서 2Fr에 Fade in(10)주
   고, 21Fr에 더블클릭 X=60, 31Fr에 더블클릭 X=0으로 한다. 그 위
   group 선택하고 2Fr에 Fade in(10)주고, 12Fr에 Fade out(10)주고
   22 Fade in(10)주고, 이어 bb1라인 1, 11, 21, 31Fr에 스톱주고.
   닫고 복사하여 총 8개 만들고 맨 위선택 Y=420으로하고 얼라인 정
   렬하고 이름 bb1~bb8로 하나하나 열어서 숫자 바꿔주고 shape도
   라인색과 솔리드색을 각각 다 바꿔준다. (이 버튼바는 버튼 장식
   이지 버튼은 아니다)

3. 사각그려 라인=실선 굵기=0 색=임의 image로 이미지로 바꿔주고
   W=50, H=30 O=X Center X=665, Y=82,로 놓고 Covert to movie
   clip,으로 묶고 이름 b1로 b1열고 안의 이미지선택 2Fr에 Fade in
   (10)주고, b1라인 1과 11Fr에 스톱주고 복사하여 총 8개 만들어 맨
   위선택 Y=425에놓고 수직 정렬하고 이름 b1~b8로 하고 Content
   로 이미지 8장을 불러다놓고 이미지 바꿔주고 bb1~bb8과 b1~b8,
   16개를 무비클립으로 묶고 이름 btn으로한다

4. 사각그려 라인=실선 굵기=0, 색=임의 Fill color=image W=520
   H=40, O=X Center X=340 Y=80에 놓고. 이미지로 바꿔주고 복사
   하여 총 8개 만들고 맨 위 선택 Y=420에 놓고 얼라인 정렬 이름
   1~8로 이미지 모두바꿔주고

5. 이제 본 영상 작업을 한다. 각 이미지마다 다 같은 작업을 하면 되
   니 하나만 설명하겠다. 아웃라인에서 1을 위로 올리고 선택하고(그
   때 Y값을 기억해야함) 타임라인 1Fr은 비워놓고 2Fr에 move(29)주
   고 H=380, Y=250을 주고 다시 60Fr에 더블클릭하고 H=0.1로하고
   Y값을 기억한 숫자(80)를 입력하고 이를 단독으로 무비클릭으로
   묶고 무비클립을 열고 1과, 30Fr에 스톱준다. 나머지 이미지도 다
   같은 작업을 한다. 서로의 위치가 다르므로 붙여넣기를 하면 안됨

6. 작업을 다하였으면 이름을 img1~8로하고  img1~8을 무비클립으
   로 묶어 이름 main이라 한다.

7. 사각그려 W=520, H=380 O=X Center X=350, Y=250, 라인
   =none, Fill color=solid 색=임의 Alpha=0으로 하고 무비클립으로
   묶고 이름 ep로 하고 무비클립을 열고 안의 shape선택 Window→
   Tint→Alpha의 Custom선택하고 0을 주고 10Fr에 더블클릭하
   고 Custom의 0을 100으로 한 다음 10프레임에 스톱을 준다. 이어
   각각 스크립트주고

스크립트넣기
8. ep선택  Script클릭 기존의 stop(); 뒤에커서 놓고 Add Script→
   Movie Control→goto and Play→gotoAndplace(FRAME)클릭하고
   Target에서  _parent.btn.b1선택 프레임수=2로, 다시 Add Script
   →Movie Control→goto and Play→gotoAndplace(FRAME)클릭하
   고 Target에서  _parent.btn.bb1선택 프레임수=2로,

9. btn열고 bb1선택 기존의 가운데쯤에 onFrame (11) {
   stop(); 뒤에 커서 놓고 Add Script→Movie Control→goto and
   Play→gotoAndplace(FRAME)클릭하고 Target에서  _parent.b1선
   택 프레임수=2로, 이렇게 bb2~bb8도하고 Target에서 _parent.b1
   을 자기번호 숫자로

10. b1 선택 기존의 onFrame (11) {  stop(); 뒤에커서 놓고 Add
   Script→Movie Control→goto and Play→gotoAndplace(FRAME)
   클릭하고 Target에서  _parent.bb2선택 프레임수=2로, 이렇게
   하고 b2는 Target에서  _parent.bb3선택, b3은 Target에서
   _parent.bb4선택 이렇게 b7까지는 자기번호 숫자보다 하나 위 선
   택하고 b8은  _parent._parent.main.img1선택하고 프레임수=2로
   한다

11. btn열고 b1열고 안의 이미지선택 Script→Add Script→Events→
   Button→on (rollOver) 클릭하고 다시 Add Script→Movie Control
   →goto and Play→gotoAndplace(FRAME)클릭하고 Target에서
   _parent.bb1 선택 프레임수=12로, 다시 Add Script→Events→
   Button→on (rollOut) 클릭하고 다시 Add Script→Movie Control→
   goto and Play→gotoAndplace(FRAME)클릭하고 Target에서
   _parent.bb1 선택 프레임수=22로, 다시 Add Script→Events→
   Button→on (press) 클릭하고 다시 Add Script→Movie Control→
   goto and Play→gotoAndplace(FRAME)클릭하고 Target에서
   _parent._parent.main.img1 선택 프레임수=2로, 끝의 한줄
   복사하여 그줄 끝에 커서놓고 엔치고 총 8개 만드고 img1을
   img1~img8로 고쳐주고 프레임수는 모두 31,이고 자기번호만 2,로
   한다 b2~b8 열고 각각의 이미지선택하여 스크립트 복사하여 붙여
   넣고 img는 자기번호만 프레임수를 2로하고 bb1은 자기번호 숫자
   로 바꿔준다 (스크립트 넣는 법을 설명 드렸으니 직접 만드시길..)

12. 아웃라인의 모두를 무비클립으로 묶고 필터를 주고 Scene_1선택
   무비를 W=800 H=500으로 하고 무비클립선택 O=X Center X=400
   Y=250으로 놓고 이름 Main으로 배경넣고 꾸민다

 

eq에 스크립트

onFrame (10) {
    stop();
    _parent.btn.b1.gotoAndPlay(2);
    _parent.btn.bb1.gotoAndPlay(2);
}


bb1~bb7에

onFrame (1) {
    stop();
}
onFrame (11) {
    stop();
    _parent.b1.gotoAndPlay(2);    //b1을 자기 번호 숫자로
}
onFrame (21) {
    stop();
}
onFrame (31) {
    stop();
}


b1~b7에

onFrame (1) {
    stop();
}
onFrame (11) {
    stop();
    _parent.bb2.gotoAndPlay(2);    //자기번호 수 보다 하나 많게하고, bb8은  _parent._parent.main.img1선택
}


btn열고 b1~b8열고 안의 이미지에

 on (rollOver) {
    _parent.bb1.gotoAndPlay(12);    //자기 번호와 같은 같은번호
}
on (rollOut) {
    _parent.bb1.gotoAndPlay(22);
}
on (press) {
    _parent._parent.main.img1.gotoAndPlay(2);     //자기 번호만 프레임수를 2로 나머지는 모두31로
    _parent._parent.main.img2.gotoAndPlay(31);
    _parent._parent.main.img3.gotoAndPlay(31);
    _parent._parent.main.img4.gotoAndPlay(31);
    _parent._parent.main.img5.gotoAndPlay(31);
    _parent._parent.main.img6.gotoAndPlay(31);
    _parent._parent.main.img7.gotoAndPlay(31);
    _parent._parent.main.img8.gotoAndPlay(31);
}

 

 

 

 

 

 

15-5-8.swi

Sliding Button Gallery.swi

Sliding Button Gallery.swi

2.5MB