Folder Style Button Work

<Folder Style Button Work> Max2

준비사항 : 이미지(450*350) 9장을 내컴에 저장해 둔다.

1) Modify-Movie Properties-창이 뜨면 Movie 설정: Width=600, Height=400,

 

Frame Rate=20, 색상=흰색으로 설정하고 ok 누른다.

2) 메뉴창 Window-Guides 패널에서 Grid에 H=20 V=10으로 설정한 다음

Show 클릭하면 무비창에 일정한 간격으로 선이 그어진다.

그리고 아웃라인에서 사각툴을 선택하고 무비창에 사각형을 그려주되

Transform 패널에서 O=X에 클릭-Transformation points에 중하에 클릭하고

W=240  h=160 x=120  y=190으로 설정한다.

3) 다음은 Subselection Tool을 선택-사각형 상단 가이드라인 60, 80, 160, 180지점에

각각 우클-Insert Vertex 선택하면 모두 점이 나란히 4개가 형성된다.

   다음은 80지점을 잡고 똑바로 위로 드래그 하되 세로 눈금행에 10지점까지 올려준다.

160지점도 위와 똑같이 세로 눈금행에 10지점까지 드래그 하여 올려준다.

60과 180 지점은 그대로 둔다.

4) 다음은 아웃창에서 이를 복사해 제자리에 붙여 넣고 조금 전 끌어 올렸던 점을 잡고

이번에는 아래로 똑바로 끌어 내리되 세로 눈금행에 50지점까지 내려준다.

즉 80과 160지점만 아래로 내려준다.

   다음은 위의 shape를 선택해 놓고 Transform 패널을 열어

O=X에 클릭-Transformation points에 중하에 반드시 클릭하여 놓고

   우측의 Skew of y axis에 수치만 -10(도) 적어주고 엔터 치면 폴드그림이 10도

기울어지고 다음은 아래 shape를 선택하고 위와 같은 방법으로 하되

우측의 수치만 10(도)를 적어주고 엔터를 치면 폴드그림이 반대방향으로

10도 기울어진다.

5) 다음은 Text Tools을 선택하여 File1을 적어 size=72, 색상=청색으로 한 다음 중앙에

올려놓은 다음 Properties 패널창에서 shape 2개는 모두 노랑색 Line을 주고

맨 위 shape는 gradient-Linear gradient로 선택하여 우측 색상바는 노란색

좌측 색상바는 빨간색으로 꾸미고 아래 shape는 색상을 위의 것과 반대로 꾸며준다.

6) 다음은 T와 shape 2개를 모두 묶어 Group as Button으로 만들고

우측 over state에 체크를 해 준다.

   다음은 버튼 +자를 풀고 over state 아래 T선택한 후 우측 Text 패널창에서

색상만 검정색으로 바꿔준다.

그리고 아래 shape 두 개를 각각 선택하여 Properties 패널창에서 색상바를 눌러

색상을 좌우로 반대로 바꿔준다.

7) 다음은 버튼 옵션을 닫고 버튼 선택한 후 우측 Transform 패널에서

Transformation points에 중앙에 클릭하고 25%로 줄여준다.

그리고 x=535  y=40으로 설정하여 우측 상단에 위치시키고 이를 복사하여

모두 7개를 만든다.

그리고는 아웃창에서 맨 위의 버튼을 선택하고 무비창의 points를 중앙에 클릭해 주고

Y좌표=360에 설정하여 위치시킨다.

그리고 아웃창에서 버튼 7개를 모두 선택하고 Align 패널에서 세로로 정열 시킨다.

   다음은 아래서 두 번째 것부터 맨 위의 것까지 각각 +자를 모두 풀고 Text 패널에서

Up,Over 공히 File2.3.4.5.6.7로 수정하여 준다.

8) 아웃창에서 버튼 7개를 모두 선택하여 한 조 더 복사한 후 아래로 내려둔다.

9) <버튼1의 동작 효과>(버튼이 정열이 되지 않은 상태에서)

다음은 버튼을 무비창에서 각각 클릭한 후 우측 Transform 패널에서 Y좌표를

기록해 둔다. 즉 무비창의 두 번째 버튼부터 좌표를 기록해 둔다.

그리고 나서 맨 위 버튼만 제외하고 나머지 6개를 각각 클릭하여 Transform 패널에서

y=40으로 설정하여 버튼 7개를 모두 우 상단에 모아 둔다.

그리고는 타임라인 맨 위 버튼행에 5F에 더블클릭한 후 Transform 패널을 열고

두 번째의 좌표를 입력하고 엔터를 친다.

저가 만든 작품의 Y좌표는 다음과 같습니다. 물론 맨 아래의 버튼이 어느 위치에

있느냐에 따라 다 다르게 좌표가 나타날 수 있습니다.

맨위 1번 버튼=40, 2번=93.35, 3번=146.65, 4번=200, 5번=253.35, 6번=306.65,

7번=360이라고 가정하면

예를 들면 두 번째 버튼의 좌표가 93.35일 경우는 5프레임에 더블클릭한 후

우측 Transform 패널에서 Y 좌표 93.35로 맞추고 엔터를 친다는 뜻이다.

나머지도 세 번째 네 번째 다섯 번째 여섯 번째 똑 같은 방법으로 하면 된다.

   10F=146.65 15F=200 20F=253.35 25F=306.65 30F=360

10)다음은 위에서 두 번째 버튼 선택-5F에 더블클릭 Y=93.35으로 설정하고

엔터를 친 후 효과 막대를 6F으로 이동한 다음 그 이후는 아래와 같이 해당 프레임에 더블클릭하고 Y좌표를 수정한 후 엔터를 친다.

15F=146.65 20F=200 25F=253.35 30F=306.65

12)다음 세 번째 버튼 선택-5F에 더블클릭 Y=93.35으로 설정하고 엔터를 친 후

효과 막대를 11F으로 이동한 다음 그 이후는 위와 같은 방법으로 한다.

   20F=146.65  25F=200   30F=253.35

13)다음 네 번째 버튼 선택-5F에 더블클릭 Y=93.35으로 설정하고 엔터를 친 후

효과 막대를 16F으로 이동한 다음 그 이후는 위와 같은 방법으로 한다.

   25=146.65,  30F=200

14)다음 다섯 번째 버튼 선택-5F에 더블클릭 Y=93.35으로 설정하고 엔터를 친 후

효과 막대를 21F으로 이동한 다음 그 이후는 위와 같은 방법으로 한다.

   25F=146.65

15)다음 여섯 번째 버튼 선택-5F에 더블클릭 Y=93.35으로 설정하고 엔터를 친 후

효과 막대를 26F으로 이동한다.

16)다음은 7개의 버튼을 모두 묶어 Movie Clip으로 만들어 주고

우측 Properties 패널에서 이름을 “버튼1”이라 써 주고

타임창에서 3F에 Place를 주고 19F에 Remove를 준 다음 버튼 옵션을 열고 나서

버튼1행에 31F에 Stop을 주고 +자를 닫고 맨 아래로 내려놓는다.

17)<버튼2의 동작 효과>(버튼 정열이 되어 있은 상태에서)

다음은 아래로 내려놓은 버튼 7개를 맨 위로 올려 무비창에 버튼을 세로로

정렬시켜되 아웃창에서 맨 위 버튼은 무비창에서는 맨 아래에 정렬시켜 순차적으로

위로 올라가면서 정렬시킨다.

아웃창에서 맨 위 버튼을 클릭해 가면서 Y좌표를 기록해 둔다.

맨 위 버튼 좌표=360, 2번=306.65, 3번=253.35, 4번=200, 5번=146.65 , 6번=93.35,

맨 아래 버튼=40  

18)타임창에서 맨 위 버튼을 선택된 상태에서 타임라인 5F에 더블클릭한 후

Transform 패널을 열고 y=306.65로 설정하고 엔터를 친다.

예를 들면 아래 10F=253.35일 경우는 10프레임에 더블클릭한 후

우측 Transform 패널에서 Y 좌표 253.35로 맞추고 엔터를 친다는 뜻이다.

나머지도 다 똑 같은 방법으로 하면 된다.

   10F=253.35 15F=200 20F=146.65 25F=93.35 30F=40

19)다음은 위에서 두 번째 버튼 선택-5F에 더블클릭 Y=253.35로 설정하고

엔터를 친다. 그 이후는 아래와 같은 방법으로 한다.

10F=200 15F=146.65 20F=93.35 25F=40

20)다음 세 번째 버튼 선택-5F에 더블클릭 Y=200로 설정하고 엔터를 친다.

10F=146.65  15F=93.35  20F=40 

21)다음 네 번째 버튼 선택-5F에 더블클릭 Y=146.65로 설정하고 엔터를 친다.

10=93.35 15F=40

22)다음 다섯 번째 버튼 선택-5F에 더블클릭 Y=93.35으로 설정하고 엔터를 친다.

10F=40

23)다음 여섯 번째 버튼 선택-5F에 더블클릭 Y=40로 설정하고 엔터를 친다.

24)아웃창에서 버튼 7개를 모두 묶어 Group as Movie Clip로 만들고 이름을 “버튼2”라

써 주고 타임창에서 19F, 51F에 각각 Place 준다.

다시 옵션을 열고 버튼2행에 31F에 stop을 준다.

25)다음은 사각툴을 선택-무비창에서 아래 크기로 그려준다.

w=75 h=45  x=535  y=360 설정하고 T선택-“File 열기”를 적어 사각형 중앙에

   위치시킨 후 아웃창에서 T와 shape를 모두 묶어 Grouping as Button으로 만들어

주고 우측 Button 패널창에서 이름을 “열기”라 써 주고 Over state에 체크를 해

준 다음 버튼 +자를 풀고 Over state 아래 shape 색상을 바꿔주고 +자를 닫는다.

26)아웃창에서 열기 클릭한 후 Script을 눌러

Add Script-Events-Button-on(press)

Add Script=Movie control-gotoAndplay-gotoAndplay(FRAME)

Target=root선택 하고 아래 Frame=3으로 써 준다.

Script창을 닫고 타임창에서 1F에 Place 3F에 Remove 51F에 Place를 준다.

27)다음은 아웃창에서 열기를 복사해 붙여 넣고는 타임창에서 18F에 Place를 주고

1F, 3F에 있는 효과는 삭제한 다음 51F에 Remove를 준 후 우측 Button 패널창에서

이름을 “닫기”로 수정한다.

그리고 아웃창에서 열기 옵션을 열고 T 글자를 “닫기”로 수정하고 Shape 색상도

변화시키고 Transform 패널에서 x=450로 설정한 다음 엔터를 친다.

아웃창에서 닫기 선택된 상태에서 Script을 눌러 나머지는 그대로 두고

Frame 수치만 19로 수정한다.

28)이미지 연결 작업

  Tools Box에서 Rectangle(ㅁ) 선택-무비창에 사각형을 그려준다.   

 Transform 패널에서 center 기준 w=450  h=350  x=250  y=200 설정하고

한 개를 더 복사하여 맨 아래로 내려놓은 다음 맨 위의 Shape에는 이미지를 삽입하고

이를 물결, 바람효과를 넣어준 후 모두 Movie Clip으로 묶어 우측 Properties 패널창에

서 “물결”이라 써 준 후 아웃창에서 맨 아래로 내려주고 타임창에서 1F에 Place 준다.

29)또 다른 이미지를 불러와 우클-Break into pieces (20/1)-ok 눌러 창을 닫고

타임라인 1F에 우클-Appear into position-(Flatten-Turn on) Duration=50

같은 행에 100F에 우클-Disappear from position-(Flatten-Turn Off) 클릭

   Duration=50을 주고 180F에 Place준 다음 아웃창에서 Grouping as Movie Clip으로

만들어 아웃창에서 물결위로 내려놓고 타임창의 1F에 place 준다.

30)아웃창에서 복사해 둔 shape(450*350)를 맨 위로 올려 총 7개를 만든 다음

각각 이미지(450*350) 7장을 불러와 삽입시키되 무비창에서 x=250  y=200의

좌표(center 기준)에 맞추어 준다.

   타임창에서 모두 선택된 상태에서 1F에 3D spin in and grow(20)

60F에 Wild Turnout(20) 효과주고 110F에 Place 준다. 

31)아웃창에서 모두 선택된 상태에서 우클-Convert to Movie Clip 만들고 

우측 Stop playing에 체크 해제한다.

32)타임창에서 맨 아래 Movie Clip(바로 위에서 효과 준 이미지) 선택-

5F=Place 7F=Remove 주고 난 후 이것을 복사하여 바로 위로 올라가면서 계단식으로

붙여 넣어 맨 위 17F까지 붙여 넣고 19F의 Remove는 삭제를 한다.

33)다음은 타임창에서 Scene-1행에 2F에 Stop을 주고 이를 복사해

4.6.8.10.12.14.16.18.51F에 붙여 넣은 다음 Movie Clip 7개를 블록을 잡아

버튼1 아래로 내려놓는다.

34)버튼1,2에 대한 Script 소스 넣기

먼저 버튼1 옵션을 열고 난 후 맨 아래 버튼 선택-Script 눌러

Add Script-Events-Button-on(press)

Add Script=Movie control-gotoAndplay-gotoAndplay(FRAME)

Target=root 선택 하고 아래 Frame=5로 써 준다.

이것을 복사하여 나머지 버튼에 대해서도 붙여 넣되 Frame 수치를

7,9,11,13,15,17로 수정한다.

그리고 버튼2에도 위와 같은 방법으로 똑 같이 해 준다.

35)작업완료-play

 

Folder Style Button Work (Max2).swi

2.87MB