[스크랩] 16.10.26. mask 와 script 이해하기

<16.10.26. 공부 자료> 2-1

<mask 와 script 이해하기>

1. 무비창...720X540. Content로 이미지 5장 등록.

 

<영상만들기>

2. 사각 그려, 라인:None, Fill color:Solid. w=720 h=400. o=x센터. x=360 y=270.

4. shape선택. break(1x50)....shape 가 group이 됨.

5. group라인 1F:Appear...Wild squeeze(100). Effect창 열고 옵션에서 순서대로(0,100,0,0,체크,50). 300F:Place.

6. group을 무비클립. stop체크. 이름:mask.

 

7. content에 등록된 1번이미지 작업창으로 불러와...w=720 h=400. o=x 센터. x=360 y=270.

8. 1F:Place. 101F:Move(30).효과막대 활성화시켜놓고,

Window,Tint,Color,Advanced...R,G,B의 앞자리 100을 모두 300으로 수정하고. 180F:더블클릭하여 R,G,B의 앞자리 300을 100으로 원위치 시킨다. 300F:Place.

9. 효과준 이미지를 무비클립. stop체크. 복사하여 총5개로 만들고. 이름:1~5.

10. 1~5의 이미지를 모두 바꿔준다.

11. 1~5을 무비클립. 이름:img.

 

12. img열고, 선택, 1~6F까지 Stop주고,img안의 1라인 2F:Place. 3F:Remove. 2효과를 복사하여, 계단식으로 올라가면서 붙여넣기하고, 5라인의 6F에는 Place. img닫고.

13. mask와 img를 무비클립. 마스크체크. 이름:a.

 

14. a라인 1F:Loop...wild pulse(300). Effect창에서 scale:50 fade:0.

 

15. Scene1클릭,사각툴클릭, 작업창에 드래그. 라인;None. Fill color:Solid. w:720 h:400. o=x 센터. x=360 y=270.

16. 사각 shape를 a아래로 내려, 둘을 무비클립, 마스크체크, 이름:main.

17. main선택하고, Window,Filters,녹십자,Drop shadow...Default클릭...(이것을 필터준다고함)

<버튼만들기>

18. Scene1클릭, 사각툴클릭, 작업창에 드래그. 라인;실선. 굵기:2. 선색:빨강. Fill color:Solid. 색:청색. w=80 h=50. o=x 센터. x=100 y=505.

19. Scene1클릭,T툴클릭, 작업창에 클릭. 글자크기:36 글색:흰색. Edit창에서 “1번” 입력확인.

20. 글자를 선택하고 o=x센터. x=100 y=505.

21. 사각과 글자를 함께 선택하고 Group as Button 하고 over에 체크.

22. Button열고,over열고, 글색:빨강, 바탕shape:노랑색. 닫고.

23. Button의 이름:bt. bt를 복사. 총5개로. 이름:bt1~bt5.

24. bt5의 x=600으로 하고,버튼의 얼라인 정렬한다.

25. bt2~bt5를 각각 열고 안의 up과 over열고 각각 글자“1번”을 “2번” “3번” “4번‘ ”5번“으로 수정한다.

26. bt1~5모두 닫고, 5개를 무비클립. 이름:btn. 2-2

 

<버튼에 Script주기>

27. btn열고, bt1선택하고, Script, Add Script, Events, Button, on(release) 클릭.

다시 Add Script,Movie Control, Goto and play, gotoAndPlay(Frame).

Target에서 _parent.main.a.img를 선택하고, 실행프레임수를 2로 한다.

다시 Add Script,Movie Control,Goto and play,gotoAndPlay(Frame).

Target에서 _parent.main.a.mask를 선택하고, 실행프레임수는 1로 한다.

 

28. 위의 Script 전체를 복사하여, bt2를 클릭하고 script창에 붙여넣기하고,

main.a.img의 실행프레임수를 3으로 한다.

29. bt3,bt4,bt5도 마찬가지로 bt1의 Script전체를 복사하여 각각 붙여넣기하고,

main.a.img의 실행프레임수를 4,5,6으로 수정하면 된다.

 

<next버튼만들고 Script주기>

30. Scene1클릭, T툴 클릭, 작업창에 클릭.Edit창에서 "next"입력.

31. Convert to Button해주고, over체크하고, Button열고,over열고,글색을 바꿔주고, 닫고.

32. Button의 이름:next. o=x 센터, x=650 y=430.

 

33. next 클릭하고,Script,Add Script,Events,Button,on(release)클릭.

다시 Add Script,Movie Control,GotoAndPlay,nextFrameAndPlay클릭.

Target에서 main.a.img선택.

다시 Add Script,Movie Control,GotoAndPlay,gotoAndPlay(Frame)클릭.

Target에서 main.a.mask선택.

 

<prev버튼만들고 Script주기>

34.

 

 

<next버튼에 효과주기>

1.Group as Button해서 스크립트를 준 next버튼에 추가 효과주기임.

2.next버튼을 무비클립(이름:btn)하고, 열고, next버튼 선택하여 1F:Slide in from top(40).

41F:Zoom out(50). 261F:Zoom in(40).

3.btn라인 40F:Stop. 300F:Stop.

 

<next버튼에 스크립트주기>

4.next버튼 선택, Script,Add Script,Button,on(release).

다시 Add Script,MC,...들어가서...gotoAndPlay(Frame).

Target에서 this선택하고 실행프레임수를 41로 한다.

(이것의 의미는...play를 시작하면, next버튼이 40F에 걸쳐서 Slide in from top을 해서 위치해 있을 때, next버튼을 클릭하면,next버튼이 21F에서 50F에 걸쳐서 Zoom out했다가, 261F에서 40F에 걸쳐서 Zoom in해서 멈춰있게 됨).

 

5. 이때 다시 next버튼을 클릭하면 21F으로 돌아가서 다시 시작함을 반복하게 됨.

//////////////////.........................../////////////////////////////................./////////////////////////////////

<Button Thumbnail 만들기>

open만들기.

1. 원툴, 드래그. w=500 h=500. o=x 센터. x=360 y=270.

2. 원shape를 복사.붙여넣기. 이름:mask. 아래로.

3. 원shape를 break. 2x1 자르기. ungroup. 좌=우하. 우=좌하.

4. 좌 우 함께선택. 1F:Place. 20F:더브클릭.

좌효과막대 활성화...-90도. 우효과막대활성화...90도.

271F:Move(20) 좌효과막대 활성화...0도. 우효과막대 활성화...0도.

5. 좌 우 mask 3개를 함께 선택. 무비클립. 마스크 체크. 이름:open.

6. 열고 선택. 1F:Stop.

 

이미지5장 불러와서 효과주기.

 

버튼만들기

1. 원툴. 드래그. w=80 h=80. o=x 센터. x=650 y=480.

2. 복사. 총5개. 이름:투명, btimg, 깜박, mask, btopen.

3. 맨위의 btopen선택. solid를 image로. 이미지로 교체.

4. 이미지를 break(2x1), ungroup. 이름:좌(중심점:우하) 우(좌하).

5. 좌우 함께선택. 1F:Place. 15F:더블클릭. 좌막대활성화:-90도. 우:90도.

6. 30F:더블클릭. 좌:0도, 우:0도.

7. 좌,우 와 mask를 함께 선택. 무비클립. 마스크체크. 이름;btopen.

8. 열고 선택, 1F=Stop. 15F:Stop.

 

9. 깜박 선택. 무비클립.이름:깜박이. 열고선택. 1F:Stop. 5F:gotoAndPlay(Frame)선택하고,

프레임수를 2로 한다. 깜박 선택. 1F,2F에 Place. 4F:Remove. 깜박의 투명도:25%로.

 

10. btimg 선택. Solid를 Image로 바꾸고 이미지로 교체. Fit to shape해주고.

11.복사. 총5개. 이름=1~5. 각각 이미지 교체. 1~5를 무비클립. 이름:btimg.

12. 열고,선택.1~5F:Stop. 1라인 1F:P 2F:R. 두효과 복사 올라가면서 계단식 붙여넣기.

5라인 5F:P.

 

13.투명 선택......스크립트 줄 것임.

 

14. btopen,깜박이,btimg,투명.....5개를 무비클립. 이름:btn.

15. 다시 무비클립. 이름:next.

 

16.next열고 btn선택. 1F:Slide in from top(20). 21F:Zoom out(20).

281F:Zoom in(20).

17.next선택. 20F:Stop. 300F:Stop.

250F:nextFrameAndPlay...btn.btimg 선택.

 

 

 

 

 

 

 

 

 

18.next열고,btn열고, 투명 선택..............................

on(rollover), on(rollout), on(release) 의 스크립트를 작성한다.

 

 

on (rollOver) {

btopen.gotoAndPlay(2);

깜박이.gotoAndPlay(2);

}

on (rollOut) {

btopen.gotoAndPlay(16);

깜박이.gotoAndPlay(1);

}

on (release) {

_parent._parent.open.gotoAndPlay(2); .......................(open 열기하는 것임)

_parent._parent.main.a.img.nextFrameAndPlay();

_parent._parent.main.a.mask.gotoAndPlay(1);

_parent.gotoAndPlay(21); .........(next버튼의 slide in from top을 실행하는 것임)

}

 

 

***<특기사항>***

17번의 250F에 “250F:nextFrameAndPlay...btn.btimg 선택” 을 안했다면,

18번의 스크립트 작성에서.....

on(release)에서 추가로 nextFrameAndPlay...btn.btimg을 작성해야한다.

10-26.공부자료-..swi

10-26.공부자료-2..swi

10-26.공부자료-3-next버튼에 효과주기..swi

10-26.공부자료-4-next버튼에 효과주기..swi

16.10.26.공부자료.hwp

Button Thumbnail 만들기.hwp

Button Thumbnail 만들기.swi

메모 :