동작버튼 및 물방울 갤러리 |

 

동작버튼 및 물방울 갤러리                  

[준비물] 물방울 관련 이미지와 움직이는 버튼 및 비(Rain)소스를 다
   운받아 폴더에 저장하기 이미지 5장

1.  Movie 설정 Width=720, Height=540,

2. Rectangle툴 선택 사각그려. w=700 h=520 x=360 y=270 O=X
   Center 아웃창에서 복사 한 장을 한 후 크기는 Width=600
   Hieght=440으로. 아웃창에서 shape 2개묶어 Grouping→Group
   as shape (예) 클릭한다. 이 shape에 테이불 이미지 삽입-이름을
   “테이블” 이라 한다. 그리고 사각형을 w=610 h=450의 크기로 10
   장 만들어 10개를 모두선택 Fill color=image 선택, 두 장씩선택 같
   은이미지로 바꿔주고, 2장중 윗 장만 모두 5장 선택하고

3. 우클릭→Break→Break into pieces, Break=Regular Grid
   Columns=10 Rows=10 다섯번째 선택 OK하고 타임창에서 위의 5
   장 모두 선택된 상태에서 맨 위 그룹에 Core Effets→3d Spin(40)
   효과주면 자동으로 5개 모두 효과가 삽입이 된다. Group과 이미지
   끼리 묶어(같은 그림끼리) Grouping→Group as movie clip 주고
   이름 1~5로, 1~5선택 우클릭→Grouping→Group as
   movie clip 주고 이름img로 열고선택 2F에 Movie Control→stop을
   주고 이를 복사 4.6.8.10.Fr에 붙여 넣고 안의 1선택 1Fr에 Place,
   3Fr에 Remove 이를 복사해 5.7.9.Fr에 붙여 넣고. img라인 12Fr에
   →Movie control→gotoAndplay→gotoAndplay(FRAME) 프레임수
   =1로 창에맞게 쉐이프그려 맨 아래로 내려 이름 bg로 한다

4. Scene_1선택 다시 같은 크기의 사각형 W=600 H=440을 한 장
   그려놓고 (center, x=360, y=270) 비(Rain) 소스를 import 해와 삽
   입하고 아래 shape와 묶어 Grouping→Group as movie clip주고
   Mask에 체크 한 다음 테이블을 맨 위로 올려주고 Line(흑색)을 준
   다.

5. 버튼 만들기 w=80 h=25 O=X Center X=100 Y=510 크기로 사각
   그려주고 라인=none, Fill color=Linear gradient, 양쪽=검정 가운
   데=00fe00, 선택 이를 복사 제자리에 붙여 넣고 w=60 h=15 가운
   데=ff00ff선택 하고 바로 옆 클릭해 바를 하나 더 만들어 좌/우측으
   로 당겨서 꾸민다. 그 위에다 “button1” 이라 적어 올려놓고 아래
   shape 두개와 이를 묶어 Grouping→Group as button을 주고
   Over state에 체크를 해 준 다음 버튼 +자를 풀어 Over State 아래
   가운데 shape 색상을 바꿔주고 복사하여 Shape에 붙여넣고 붙여
   넣은 Shape선택 무비클립으로 묶고 무비클립열고 안의 쉐이프
   라인 20Fr에 더블클릭 Effect 창에서 Xangle의 Rotate Cw by선택
   하고 360써주고 +로닫고 T아래로 내려주고 옵션을 모두 닫는다.

6. 다음은 Script를 열고 Add Script→Events→button→on(press) 다
   시 Add Script→Movie control→gotoAndplay→
   gotoAndplay(FRAME) Target의  _parent.img선택 다시 Add
   Script→Sound→play sound, 저장해 놓은 sound 효과음 불러온
   다. Script를 닫고 버튼을 4개 더 복사해 제자리에 붙이고(총5개)
   맨 위 버튼을 클릭하여 우측 Transform 패널에서 x=520을 주고 엔
   터를 치면 맨 오른쪽에 버튼이 놓여진다. 그리고 Align 패널에서 가
   로로 정렬한다.

7. 두 번째 버튼부터 +자를 풀어 “button2” 이라 바꿔주고 버튼 3은
   button3, 그 외에는 button4, button5,라 모두 바꿔주고 Over state
   의 색 바꿔주고 버튼 5 개선택 우클릭→Grouping→Group as
   movie clip,하고 이름 btn으로 O=X Center X=360으로하고 버튼 1
   부터 클릭해놓고 Script를 열어 프레임수=1 버튼2는 3, 버튼3은 5,
   버튼4는 7, 버튼5는 9로 바꿔주고 Script를 닫는다.

8. 글 판 만들기 사각형을 세로로 그린다. w=5 h=230 크기에 Line(흑
   색)을 주고 Fill color=Linear gradient로 양쪽=검정 가운데=흰색으
   로 꾸미고 다시 이를 복사 붙이고 w=10 h=200 크기로 설정한다.
   위의 2개를 묶어 Grouping→Group as movie clip을 주고 아웃창
   에서 이를 O=X Center, Xrotation=90도로 회전시키고 x=160 y=53
   의 위치에 놓는다. 이를 하나 더 복사해 붙이고 복사한것 타임라인
   1Fr에 Move(20)를 주고 더블클릭해 motion의 Y의 Move down by
   선택  (310)을 주고

9. 다음은 Tools Box에서 사각형 선택하고 아래 크기로 그려주고
   O=X Top Center, x=160 y=53 w=200 h=1 색상은 흑색으로 투명
   은 20%로 하고 흑색 라인을 준다.

10. 다음은 타임라인 20F에 더블클릭 하고 Transform에서 O=X 상센
   타에 놓고 h를 310으로 준 다음 Enter를 친 다음 시를 복사해 온다.
   Tools Box에서 T 자를 클릭해 시를 붙여 넣고 규격을 그림을 벗어
   나지 않도록 적당히 조정 한다.

11. 다음은 타임라인 21F에 우클릭→Core Effects→Vortex를 선택하
   고 막대를 더블클릭해서 프레임수=50,을 주고 효과 막대 더블클릭
   을 하여 swirl inwards에 체크해 준다.

12. 다음은 같은 라인 290Fr에 우클릭→Core Effects→Vortex를 선
   택하고 막대 더블클릭 프레임수=40 을 준 다음 바로 아래 쉐이프
   칸 340Fr에 Place를 주고 같은 라인 350Fr에 더블클릭해
   Transform을 열고 h를 1로하고 엔터 또 바로 아래 무비클립라인
   341Fr에 우클하여 Move를 주고 y Position→Move up by (310)을
   준 다음 위의 shape를 선택해서 두개의 movie clip 아래로 내려놓
   고 370Fr에 Place를 준다.

13. 다음은 shape + movie clip, 2개 + 시 글을 모두 묶어서 movie
   clip묶고. 다시 무비클립으로 묶어 이름 text로하고 열고선택 2와
   4Fr에 스톱주고 안의 무비클립라인 1Fr에 place 3Fr에 Remove를
   주고 닫고

14. Tools Box에서 사각형 선택하고 가로로 긴 사각형을 그려준다.
   w=7, h=700, O=X Center, x=360, y=26 Linear gradient로 색상=
   양쪽 검정 가운데 흰색으로 봉을 만들어 90도로 회전한다.

15.아래 첨부된 움직이는 버튼(시글보기/감추기)을 복사해와 작업창
   에 붙여 넣는다. O=X 상센타 X=360 Y=20으로 알아서 꾸민다

 

 

시보기,_감추기.swf

시보기,_감추기.swi

동작버튼 및 물방울 갤러리.swi

동작버튼 및 물방울 갤러리.swf

시보기,_감추기.swf

0.01MB

동작버튼 및 물방울 갤러리.swi

5.06MB

동작버튼 및 물방울 갤러리.swf

0.59MB

시보기,_감추기.swi

0.08MB