New Button Gallery

<New Button Gallery(2)>

1) Movie 설정 : Width: 600,  Height: 450,  Frame Rate: 12

2) Tools Box에서 사각툴을 선택하고  W=600 H=450 

   Anchor Point : Center 설정하고 바탕색은 진회색으로 설정한다.

3) Tools Box에서 Autoshape툴에서 Rounded Rect을 선택하고 세로로 그린다.   

   w=30 h=100 파란점을 잡고 적당히 이동 하면서 모양을 낸다.(견본 참조)

4) 다음은 shape 패널을 열고 Solid -Linear gradient 을 선택하고 내림버튼을

   클릭하고 Bar를 맨 위로 올려놓고 맨 상단 좌측 1번을 선택 하고

   Transform 패널을 열고 x=y 아래 것 체크해 준 다음 0 를  90으로 하고

   엔터를 친다. 이를 우측 클릭해 복사 해서 그 자리에 붙여 넣고

   w=24  h=90으로 한 다음 엔터를 친다.

   Rounded Rect 위에 올려놓고 우측클릭 Transform - Flip Horizotal 을 선택하고

   상단 T 자를 클릭해서 Image 또는 Button을 적어 그 중앙에 올려 놓는다.

   (글자 크기는 적당하게)

5) 다음은 Rounded Rect 2개와 Text를 묶어놓고 그 위에 우측클릭

    Grouping-group as Button을 주고 Button 패널을 열고

    Has separate over state에 체크를 해 준다.

6) 다음은 아웃라인의 Button +자를 풀고 over state 아래에 있는

    Rounded Rect 2개를 블록을 잡아 그 위에 우측클릭 하고

   Transform - Flip Horizotal 을 선택하고 글씨 색상을 바꿔주면  조금 더 보기가

   좋을 수 도 있다.     

   (버튼이 필요한 만큼  복사해서 사용 하면 된다)

  <버튼에 작품 링크 하기>

7) Tools Box에서 사각툴을 선택하고 사각형을 그린다.

    x=300  y=200  w=440  h=330  

   우측 shape 패널을 열고 Solid- Clipped image를 선택 한 다음  우측 폴더그림

   클릭 이미지를 삽입한다.

8) 다음은 타임창의 이미지 라인 1F에 우측클릭

   Appear into position-Bullet-Fly By In 선택 효과막대를 더블클릭  Duration:15로

   고쳐 적는다.

9) 다음은 이미지위에 우측클릭 Grouping- Group as sprite를 주고 아웃라인의

    sprite +자를 풀고 sprite행의 16F에 우측클릭 Movie control - Stop을 준다.

10)아웃라인 sprite 옵션을 닫고 sprite를 선택해 놓고 우측 sprite패널에서

    Name에 "image" 라고 이름을 붙여준다.

11)다음은 sprite 위에 우측클릭 Copy object (복사) 다시 올려놓고 우측클릭

     Paste in place를 선택 다시 올려놓고 우측클릭 Pastein place를 선택

    다시 올려놓고 우측클릭 Paste in place를 선택 다시 올려놓고 우측클릭

     Paste in place를 선택 (이미지가 모두 5개를 만듬)

12)다음은 Scene-1행 2F에 우측클릭 Movie Control - stop 을 준다.

    Scene-1행 빨간라인 상단에 우측클릭 Copy Script (복사) 를 선택한 다음

    4F에 붙여넣기(Paste Script)를 하고 6.8.10F에 붙여 넣는다.

13)타임창에서 맨 아래 그림행에 1F=place 3F=Remove 효과주고

    바로위 그림행에도 3F=place 5F=Remove

    바로위 그림행에도 5F=place 7F=Remove

    바로위 그림행에도 7F=place 9F=Remove

    바로위 그림행에도 9F=place -

14)아웃창에서 아래서 두 번째 그림(image) 옵션 열어 그림 클릭한 후 우측 shape

    패널에서 그림삽입 아이콘을 클릭하여 다른 그림으로 교체한다.

15)다음은 버튼(swi)을 위와 같은 방법으로 복사해서 현재 작업창에 붙여 넣기를

    4번을 더 한다. 위치는 X=80, Y=405로 설정한다.(버튼을 총 5개를 만든다.)

    버튼 5개중 맨 윗것을 선택해 놓고 Transform 패널을 열고  x=515으로

    해 놓고 엔터를 친다. 

16)다음은 Align 패널을 열고 여러개의 모형중 맨 아래칸 좌측에서 3번째것을

    선택한다.

17)다음은 맨 아래 버튼을 선택해 놓고 Script를 연 다음 Add Script 내림버튼을

    클릭하고 Events-button-on(press)를 선택한 다음 다시 Add Script 내림버튼을

    클릭하고 이번에는 Movie control-gotoAndplay-gotoAndplay(FRAME)을

    선택하고 아래 Target=<current scene>를 선택하고 Frame=1로 수정하고

    위 Script창에 여백 아무곳이나 클릭을 한번 해 준다.

18)다음은 Guided를 Expert로 바꾸고 소스를 복사하여 나머지 Button을 열어

    붙여 넣기 하되 아래 Frame 수치를 3,5,7,9로 수정한다. 

19)작업완료-play  

  

New_Button_Gallery[1].swf

0.52MB

New_Button_Gallery[1].swi

0.59MB