[스크랩] 16.10.19. mask와 이미지의 이해

<mask와 이미지의 이해> - 2-1 -

 

무비창....720X540. content를 통해서 이미지를 5장 등록시킨다.

 

(mask만들기)

1.사각툴클릭. 창에 드래그. 라인:none, Fill color: Solid. W:720 H:430. O=X 센터. X=360 Y=270.

2.shape 선택. Break. Coloms:5. Rows:1 체크,체크(0.2) 윗줄1째. OK

3.Ungroup...(Break하여 5개로 Group생성된 것을, 해체 함으로써 5개의 pieces가 됨)

4.pices 5개 모두 선택. 다시 Break. Coloms:1. Rows:50.

4.이름: 1 ~ 5.

5.1라인의 1F: Appear...3D Spin in and grow. Effect창...rotate:360. fly in by:100.

6.효과막대 복사. 2,4,5라인의 1F에 붙여넣기.

7.2,4라인은 효과막대를 각각 선택하고 Effect창에서 Cascade order 숫자를 1로 수정.

8.3라인의 21F:Appear...Grow in and widen. Effect창...Cascade order:2로 수정.

9.1~5 모두 선택. 무비클립. Stop체크. 이름:mask.

 

(이미지 불러오고 효과주기)

10.이미지 1장 불러와.W:720 H:430. O=X 센터. X=360 Y=270.

11.1F:Looping...wild-pulse(40).

12.mask와 이미지를 무비클립. 마스크 체크. stop체크. 이름:img1.

13.img1열고 선택. T선택. 창에 클릭.(Arial.36.청색.B 설정).

①Edit클릭. 창에 “일번이미지” 라고 입력. Apply클릭. 창닫고.

②O=X 센터. X=0 Y=170.

③글자(일번이미지)를 선명하게 하려면...Window, Filters, 녹십자, Glow, blur2...선택.

④T라인 41F:Place. 61F:Core effect-Transform. img1닫고.

 

(완성된 이미지를 여러개로 만들기)

14.img1복사. 총5개로. 이름:img1~img5.

15.img2열고 이미지 교체하고, 글자;“일번이미지”를 이번, 삼번, 사번, 오번 으로 수정.

16.img1~5를 무비클립. 이름:main.

 

(Action효과주기)

17.main열고 선택 1F~6F 까지 stop.

img1라인 2F:Place 3F:Remove. 두효과 복사. img2라인부터 올라가면서 3F,4F,5F에 붙 여넣고, img5라인 6F:Place.

 

(auto방식)

18.이 상태에서 auto방식으로 만들어 본다. (on Frame수:100)

 

(button방식) - 2-2 -

19.Scene1클릭, Auto shape, 2D, Heart 선택. 창에 클릭....(창에 하트가 생김).

20.W;50 H=50. O=X 센터. X=200 Y=513.

21.Scene1클릭. T툴클릭.(Arial.22.청색.B 로 설정). 창에 클릭. Edit에서 “1번”입력.

22.①T(1번)와 Heart 두개를 Group as button. over와 down체크. 이름:bt1.

②bt1열고 over열고. Heart선택, solid를 image로 바꾸고, library content창에서 1째이미지로 바꾸고, Fit to shape해준다.

③down열고 Heart를 선택하고 노랑색으로 바꾼다. bt1닫고.

23.bt1복사.총5개. 이름:bt1~bt5.

24.bt5를 선택하고 X=500. 얼라인 정렬.

25.bt2열고 up, over, down열고 1번을 2번으로 수정. over의 Heart선택, solid를 image로 바꾸고, library content창에서 2째 이미지를 클릭하여 바꿔준다. 닫고.

26.bt3,bt4,bt5 모두 동일 작업임.

27.bt1~bt5 모두 선택. 무비클립. 이름:btn.

 

(button에 script주기)

28.①btn열고 bt1선택. Script. Add script. Events. Button. on (release) 클릭.

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

③Target에서 _parent.main을 선택하고 실행프레임수를 2F으로 하고, enter클릭.

④Script창의 모든 내용을 복사하여 bt2,bt3,bt4,bt5에 붙여넣고, 실행프레임수를 각각 3,4,5,6으로 수정한다.

 

(next버튼 만들기)

29.①Scene1클릭, T툴 클릭, 창에 클릭,(Arial,28,녹색,B 로 설정),Edit창에서 next입력.

②O=X 센터 X=650 Y=450.

③T(next)선택, Convert to button, over체크.

④Button열고,over열고 next의 색을 빨강색으로. Button 닫고.

⑤Button의 이름을 next.

⑥next선택하고 1F:Slide in from top.

⑦next를 무비클립. Stop체크. 이름:NEXT.

 

(next버튼에 Script주기)

30.①NEXT열고, next선택. Script, Add script, Events, Button, on(press)선택.

②다시 Add Script, Movie Control, Goto and play, nextFrameAndPlay.

③Target에서 _parent.main선택.

최종 완성임.

31.나머지 배경넣고, 음악넣고, 등등....나중에 할 것임.

 

 

10-19.공부자료.swi

10.19-.hwp

10.19-공부자료.hwp

7번상황..jpg

예습-10-19.-aoto..swi

예습-10-19.-btn.next..swi

 

메모 :