조각으로 펼치기 Button Gallery|

 

 

조각으로 펼치기 Button Gallery

Movie창 500X500, 창에 맞추고

1. Shape그리기=Rectangle Tool로 그려주고 Line=None Solid,
   W=500, H=500, O=X 센타 X=250 Y=250에

2. 조각 만들기= Shape에 우클릭→Break→Break into Pieces→
   Regular Grid Allow non ..에첵크 Inflate all.. 첵크 숫자를 0.5로
   Columns=3 Rows=3 Cascade Order= 위좌 첫번째 선택→ OK
   → Ungroup  이름 아래서부터 1~9로

3. 효과 주기= Transform에서 크기: W=167.35 H=167.35를 확인하
   고 모두선택 O=X Center에 놓고 X,Y 좌표값을 적어놓고 모두선택
   O=X 센타 X=83.35 Y=83.38, width=10 height=10으로 줄이고→
   40Fr에 W클릭,하고 크기: W=168 H=168로 늘이고 1선택 효과 활
   성화 적어놓은 (1선택 X=83.35 Y=83.38, 2는 X=250 Y=83.38,
   3은 X=416.7 Y=83.38, 4는 X=83.35 Y=250, 5는 X=250 Y=250,
   6은 X=416.7 Y=250, 7은 X=83.35 Y=416.7, 8은 X=250 Y=416.7,
   9는 X=416.7 Y=416.7,) 이들 효과막대를 1~60Fr사이에 마음대로
   우측으로 각각끓어 배열하고→ Shape 모두선택 우클릭→
   Grouping→Group as Movie Clip하고 위 Stop playing at end 에
   첵크하고 이름을 "mask"라 붙이고 

4. 이미지 삽입하기= 이미지 크기를 창크기로 500x500을 1매삽입,
   O=X 센타 X=250 Y=250하고 Timeline 1Fr에 Place주고 그효과를
   W클릭→ Effect패널에서 alpha▼열고 Alpha Value of,선택 30%를
   삽입하고 이름 "img"로 붙이고→ 아래 mask와 동시선택 Movie
   Clip하여 mask에 첵크하고→ 3번복사 총4개로 이름 아래서 위로
   1,2,3,4,로 붙이고→ 위로 2번째 2의 +를열고 img에 효과 Place를
   W클릭 Effect패널에서 Alpha Value of=50%로 3번에 효과 Alpha
   Value of=70%로 4번=100%로 수정→ +로 닫고 Timeline 

5. 1행=1Fr에 Place, 2행=6Fr에 Place,3행=11Fr에 Place, 4행=16Fr
   에 Place,주고 4개동시선택 Movie Clip하고 위Stop playing at end
   에 첵크, 이름 img로 붙이고 6번복사 총7개 이름 img1.img2.
   img3....img7로 하고  

6. 이미지 바꾸기= img2.img3....img7에 +를 각각열고 그안에 4개
   Movie Clip에 +를 각각열고 4곳에 이미지를 바꾸고→ 모두선택
   우클릭→Grouping→Group as Movie Clip하고 이름 imggroup로,

7. Movie창 크게바꾸기= Movie창을 720x540에 맞추고 imggroup를
   위치를 O=X 센타 x=275 y=270 w=500 h=500으로 하고 

8. Button 만들기= 위에서 사용된 이미지 7매 동시삽입 아래서 위 순
   서로 이름을 img1,2,3,4,5,6,7,로 붙이고 동시선택 크기를 120x65
   로 줄여 우측 빈공간으로 즉 O=X 센타 X=630 Y=50으로 이동하고
   맨 위것선택 Y=490으로 Window→ Align패널에서 세로로 배열하
   고→ 모두선택 우클릭→Grouping→Group as Movie Clip→ 이름
   button이라 붙이고 

9. imggroup에 효과주기= imggroup에 +를 열고 맨아래 img1행
   Timeline 1Fr에 Place, 3Fr에 Remove주고 2개효과 동시복사 위로
   다음행 3,5,7,9, 11,Fr에 붙이고 7행= 13Fr에 Place주고→
   imggroup행 Timeline 2,4,6,8, 12,14,Fr에 Movie Control→ stop
   주고 +로 닫고 

10. 배경 만들기= 이미지 7매 동시삽입 이름 아래서 위로 1,2,3,
   4,5,6,7,로붙이고 크기를 W=500 H=500,으로 줄이고 모두선택
   Movie Clip하여 위치: x=275 y=270에 놓고 이름 back이라 붙이고  

11. back에 효과주기= back의 +열고 7을 맨 아래로 내려놓고 맨 아
   래 7행 Timeline 1Fr에 Place 3Fr에 Remove주고 2개효과 복사하
   여 위다음행3.5.7.9.11,13,Fr에 붙이고 마지막 Remove는 삭제하
   고 back행 Timeline 2,4,6,8,10,12,14,Fr에 Movie Control-stop주
   고

12. Button에 Script 적용하기= Button에 +를 열고 맨아래 img1을 선
   택→ Script패널에서 Add script→ Movie Control→ GotoandPlay
   →gotoAndPlay(Frame) Target에▼열고 parent.imggroup.을 선택
   →Frame=1,로 다시 Add script→ Movie Control→ GotoandPlay
   →gotoAndPlay(Frame) Target에▼열고 parent.back.을선택→
   Frame=1,로이렇게된 소스를 복사하여 위로 2.3..7까지 각각 붙이
   고 Fframe 수치만 3.5.7...13으로 수정하고 

13. 맨 아래 imggroup에 +열고 맨아래 img1행 Timeline 1Fr에 클릭
   해 놓고→ Script패널에서 Add script→Sound→Play sound→효과
   음 불러오고 그 Script소스를 복사 위에 img2.img3~img7에 붙이
   고 Outline에서 back을 제일 아래로 내리고 모두선택 Movie clip,
   이름 work라 붙이고→ 맨 아래에 배경넣고 Test Player로 확인 끝

effectsound.mp3

0.09MB

조각으로 펼치기 Button Gallery.swi

2.02MB

조각으로 펼치기 Button Gallery.swf

0.29MB

도르륵.mp3

0.01MB