뮤직박스 만들기

뮤직박스 만들기/연속 20곡 듣기

1. 무비크기 540 *500

2. Window - Guide를 선택 - Gride/Show, Snap 첵크 Spacing H/20 V/20 

3. Auto Shape 선택 2D/Rectangle_rouned 선택 왼쪽 위 한 칸 아래에서 우측 아래 한 칸 까지 드래그 한 다음 초록 점을 이용하여 가장자리를 자연스럽게 한다.

4.  Line/none, 그라디언트로 하고 양쪽을 진한 회색(666666)으로 가운데를 흰색(ffffff) 으로 하는 모양을 좌우로 같이 만든다.

5. Transform 에서 아래 크기와 좌표로 하고, 이름/ 배경

6. 사각형을 선택  w/380, H/460, x/270, y/250 으로 가운데 그려준다. 그라디언트에서 양쪽의 흰색 포인트를 없애고 좌우로 몰아준다.

7. 다시 Auto Shape - 2D/Rectangle_rouned 선택 가운데 그리는데 w/300, h/260, x/270, y/170 으로 그리고 초록점으로 둥근 모양으로 만들고(그라디언트, 라인/none, 좌우/회색(666666), 바로 옆/옅은회색(cccccc) 이를 복사하여 크기를 10픽셀씩 줄인다(w/290, h/250),  좌표는 같게 이름/ 모니터 1, 2 로 한다.

8. 원 (앨리프스)를 선택- 작업창 아무 곳이나 한 칸 크기로 그리고 이름/장식1

9. 장식1을 복사 하여 모두 4개를 만드는데 좌표는아래와 같다.

 장식 1 : x/50,  y/40,    장식2 : x/50,  y/460,

장식 3 : x/490, y/40 ,  장식4 : x/490, y/460

10. 다시 원을 선택 크기 50 * 50 으로 그리고 solid(999999)로 하고 위치 x/50, y/160 으로 한 다음, 이를 복사 하여 크기를 40*40으로 줄이고 색을 조금 더 약하게(cccccc) 한다. 이름/안쪽, 바깥쪽

안쪽과 바깥쪽을 선택 하나의 shape로 만들고 이름/ 큰스피커1 이를 복사 붙이고 좌표를 x/490, y/160 w/50, h/50  이름/큰스피커2 로한다.

다시 이를 붙이고 이름 크기 w/40 h/40 으로 하고 아래와 같이 한다.

작은스피커1 :  w/40, h/40   x/490  y/100

작은스피커2 :  w/40, h/40   x/50   y/100

작은스피커3 :  w/40, h/40   x/50  y/220

작은스피커4 :  w/40, h/40   x/490  y/220

11. 다시 Auto Shape - 2D/Rectangle_rouned 선택 그리는데 라이너그라디언트 크기 w/300, h/40 , x/270 y/360 으로 그리고 파란 점을 이용하여 모양을 낸다. 이름/ 제어판1, 이를 다시 복사 제자리에 붙이고 이름/제어판2 크기 w/294, h/34 로 Rotation/180 한다.

12. 선을 선택 크기 w/500, h/0, x/270, y/320  색/흐린 검정(가운데와 같은 색). 이를 복사 붙이고 좌표를 x/270, y/400 으로 한다. 이름/ 선1 혹은 2 정도

13. 사각 shape를 그리고 라이너그라디언트 크기 75 * 12 , x/150, y/485  이름/왼쪽 다리 이를 복사 하여 좌표 x/390, y/485  하고 이름/오른쪽다리 라 한다.

14. 모니터2를 복사 제자리에 붙이고 이름/ 모니터 3이라 한다. 맨 위로 올린다.

15. 맨 위 모니터 3만 남기고 모두 선택 하나의 shape로 만들고 이름/뮤직박스 라 한다.

16. 이제 음악을 선곡할 수 있는 선곡버튼을 아래 10 위 10개 모두 20개를 만들 것입니다.

17. 사각형을 선택 라이너그라디언트로 하고 크기 w/15, h/25, x/135, y/420 Rotation 90도 버튼 shape를 선택 Convert To Button 하고 over, 첵크하고 이름/k1 이라 하고 over을 열어 shape의 색상과 Text (노래 제목)을 넣어준다. 타켓에 첵크한다.

18. k1 을 복사 제자리에 10개를 붙이고 마지막 버튼 10의 x 좌표를 405로 한 후 정렬한다. 이를 모두 복사 하여 다시 붙이고 아래로 내린 후 번호를 k11 ~ k20까지 한다. 버튼을 모두 선택 무비클립으로 묶고 이름/BT

 19. BT 를 열고 아래와 같이 타임라인에 효과를 주고 즉 모두  선택 1Frame /place, 20F/place

20. BT를 선택 스크립트 창을 보면 모두 stop 이 걸려있다.

   stop 다음에 Enter 를 치고 아래와 같이 음악을 불러오는 스크립트를 작성하여 올라가면서 붙여 넣고 음악주소를 바꾸어 준다.

onFrame (1) {

    stop();

    mc = new Sound();  

 mc.loadSound("음악주소"    ,  true);

    mc.onSoundComplete = function(){

        mc.start();

    }

}

    

21.  k1을 선택 아래와 같이 스크립트를 작성하고 올라가면서 프레임숫자를 고쳐준다.

     Target _parent.eqm 의 숫자는 그대로 둔다

on (release) {

    this.gotoAndStop(1);

    _parent.eqm.gotoAndStop(1);

} 

22. Stop 버튼을 만들어 좌표를  x/330, y/360, Target 첵크 한다.

23. 이제 볼륨바와 볼륨을 만들 것 입니다.

   라인을 선택 그리고 이름/Bar 라 하고 타켓에 첵크 크기 w/100, H/2,  x/240, y/360 앵커포인트/center left 라 하고,  Vol 도 만든다. 타켓 첵크 w/10 h/20

   Vol가 Bar를 무비클립으로 묶고 이름/Volume 이라 하고 이를 열고 Bar를 선택 아래와 같이 스크립트를 작성하고,

onSelfEvent (enterFrame) {

    _parent._parent.BT.mc.setVolume(_parent.Vol._x);  

}

  다시 Vol를 선택 아래와 같이 스크립트를 작성한다.

on (press) {

    Vol.startDrag(true, 0, 0, 100, 0);

}

on (rollOut,release,releaseOutside) {

    stopDrag();

}

24. 이퀄라져를 삽입하여 양쪽에 놓고 이를 무비클립으로 묶고 이름/eqm 타임라인에 아래와 같이 한다.

    이제는 위의 영상을 꾸민다

25. 이미지 10장을 불러오기 위하여 버튼 10 개를 만든다. 즉 사각형 선택 크기 w/25, h/15, x/135, y/310 으로 그리고 번호 1도 그 위에 쓰고 이를 Grouping as Button 으로 하고 위 over state 에 첵크 하고 이를 열어 안의 색도 바꾸고 이를 복사 모두 10개를 만들고 마지막은 x/400 y/310 으로 한 후 Allign에서 정렬한다. 이를 모두 무비클립으로 묶고 이름/BT

26. 이제 갤러리를 불러오기 위하여 사각형을 선택 작업창에 크기 w/10, h/230으로 그리고 (모니터 우측 x/405, Y/170) 이를 무비클립으로 묶고 또 한번 무비클립으로 묶어 이름/01, 이를 열고 타임라인에 안의 무비클립 1프레임에 place 주고 이를 활성화하여 Effect 창을 열고 아래와 같이 해 준다.

27. 1프레임의 place를 copy, 이를 2,3,4,5 프레임에 붙이기 한다. 01의 5F/stop.

28. 2프레임을 활성화 하고 Effect 창을 열고 15의 수치를 35로 고치고, 이어서 55로,   75로, 100 으로 고친다.

29. 01을 닫고 복사 모두 28개를 만드는데 다 제자리에 붙이고 모두 선택(01-28까지)하고 X/405, Y/170 앤터, 작업창 우측에 온다.

30. 02를선택 x 좌표를 /395, 03/385, 04/375 , 05/365 이렇게 10씩 줄여 나가면서 마지막 28/135, 가 된다.

31. 아웃라인의 01 ~ 28 까지 불럭잡고 무비클립으로 하고 이름/mask ,이를 열고 아래와 같이 타임라인에 효과를 준다, 즉 1프레임에 place 2프레임에 place mask의 28프레임에 stop을 준다.

32. 이미지 11 장을 (표지까지) 삽입하고 크기 w/270, h/222, x/270 y/170 으로 하여 모니터 안에 넣는다. 이미지 11장을 무비클립으로 묶고 이름/image . 이를 열고 11번 이미지 (표지 만 Grouping as Group 으로 하고 아래와 같이 타임라인에 효과를준다.

   image를 닫고 image와 mask를 무비클립으로 묶고 이름/img 라 하고 마스크 첵크     한다.

33. 버튼 01에 아래와 같이 스크립트를 주고 이를 복사 올라가면서 아래 빨강 숫자만 5, 7, 9, 11, 13, 15, 17, 19, 21 로 숫자를 고친다. 미리보기 해 본다

on (press) {

    _root.img.image.gotoAndPlay(3);

    _root.img.mask.gotoAndPlay(1);

}

(끝)