<버튼을 이용한 포토 갤러리>
1)Movie 설정 : 600*400 배경색은 검정색
2)도구창에서 Insert Image클릭하여 그림 5장을 불러온다.
크기가 맞지 않을때는 아웃창에서 그림 5장을 모두 선택된
상태에서 오른쪽 Align 패널에서 Align relative to(stage)
space evenly(세번째) make same(세번째) 클릭하면
그림이 모두 무비창에 맞게 넣어진다.
3)아웃창에서 그림 5장 모두 선택하고
우클-Grouping-Group as sprite클릭하고
우측 sprite 패널창에서 이름을 "img"라 써 준다.
4)타임창에서 image에 더블클릭하면 5개의 그림이 펼쳐지면서
나타난다.
맨아래 그림행에 클릭-2프레임에 place, 4프레임에 Remove
바로위 그림행에 클릭-4프레임에 place, 6프레임에 Remove
바로위 그림행에 클릭-6프레임에 place, 8프레임에 Remove
바로위 그림행에 클릭-8프레임에 place, 10프레임에 Remove
맨위 그림행에 클릭-10프레임에 place, -
image행에 1F, 3F, 5F, 7F, 9F, 11F(프레임)에 각각 우클
Movie control-stop( )에 클릭한다.
5)Button 만들기
*Tools Box에 Autoshape를 꾹 누르고 있으면 10개의 다양한
모양의 아이콘이 나타난다.
그중에서 아래줄 맨우측의 아이콘(Rounded Button)을 클릭하여
무비창의 아래쪽에 그려준다. 크기는 W=80, H=50정도로 한다.
그리고 다시 Tools Box에 T선택하고 무비창의 사각형안에
"A"이라 써준다.
*아웃창에서 T(A)글자와 Rounded Button 모두 선택하여
우클-Grouping-Group as Button클릭하고 우측 Button패널창에서
Name="A"라 써주고 아래
ㅁ Has separate over state,
ㅁ Has separate down state
ㅁ Has separate hit state에 각각 체크해 준다.
*여기서 잠깐 설명을 드리자면
up state는 본래의 버튼이고
over state는 마우스를 올렸을 때이고
down state는 마우스로 눌렸을때,
hit state는 버튼의 영역을 의미한다.
6)하나의 Button이 만들어 졌으면 아웃창에서 Button에 우클하여
copy object클릭-paste in place클릭하여 4개를 더 복사하여
만든다. (버튼총5개)
7)무비창에 5개의 버튼을 아래측 가로로 나열한다.
아웃창에서 맨 아래에서 두 번째 버튼부터 차례로 B, C, D, E로 고쳐준다.
고쳐주는 방법은 다음과 같다.
아웃창에서 밑에서 두 번째 버튼을 열고(+를-로) 세군데 T(글자)를
각각 클릭한 후 오른쪽 Text패널에서 글자가 A로 되어 있는 것을
B로 고쳐준다. 나머지 버튼 3개에도 위와같은 방법으로 C, D, E로
각각 고쳐준다.
8)Button에 색상 변화주기
*아웃창에서 Button의 +에 클릭하면 4개의 state가 나타난다.
그중에서 T글자를 클릭한 후 오른쪽 Text패널창에서
글자색상을 다른 색상으로 선택하여 바꿔준다.
그리고 Rounded Button을 클릭한 후 우측 shape패널창에서
색상을 다른 색상으로 선택하여 바꿔준다.
이런 방법으로 over state, down state에 각각 글자와 사각형의
색상을 다른 색상으로 바꿔준다.
즉 5개의 버튼에 모두 다 각각 열어서 색상을 바꿔 주어야 한다.
9)소스 넣기
아웃창에서 "A"클릭-script 소스 누른 후 Guided 상태에서
다음과 같이 소스를 넣어준다.
*Add script-Events-Button-on(Press)
Add script-Movie control-gotoAndPlay-gotoAndPlay(FRAME)
Target=image Frame=2입력한다.
*Guided를 Expert로 바꾸고 위의 소스를 복사한다.
그리고는 아웃창에서 "B"클릭한 후 위의 복사한 소스를
붙여 넣는다.
*이런식으로 C~E까지 다 붙여 넣되 B=4, C=6, D=8,
E=10으로 수정해 준다.
*수정하는 방법은 Expert 상태에서 직접 수정하든가
또는 Guided 상태에서는 해당소스를 클릭하면 아래에
Frame창이 뜬다. 그기서 수정하고 난 후 위의 여백에 클릭하면
수정한 숫자가 넣어진다.
그리고 나서는 Expert를 다시 Guided로 바꿔주고 작업창으로
전환한다.
9)도구창에서 Insert Image클릭하여 배경그림 1장을 불러온다.
물론 크기와 위치를 맞추어 준다.
맞추는 방법은 위에서 한번 설명 드렸으니 참고 하시기 바랍니다.
그리고 아웃창에서 위의 배경그림을 맨 아래로 내려준다.
10)그리고 아래에 첨부되어 있는 “rain"을 내 컴에 저장한다.
그리고는 메뉴창에 File-Import 클릭하면 조금 전에 내 컴에
저장 되어진 열기창이 뜨면 “rain"을 선택하고 아래에 ”열기“를
누르면 무비창에 비가 삽입이 된다.
11)작업완료-play
*끝까지 작업에 임해 주신 회원님 감사 드립니다.
위의 작품 수준은 초급을 넘어 중급수준으로
한번 시도해 볼만한 작품이므로
앞으로 프로가 되실려면 한번은 거쳐야 할 작품입니다.
하시다가 잘모르시면 질문을 해 주십시요.
상세하게 답변을 드리겠습니다.
그럼 성공을 거두어시기 바랍니다.
감사 합니다. 엄주보 올림
File1.swi
소나기내리는.swf
'스위시세상 > 스위시 맥스' 카테고리의 다른 글
| Image 펼치기 (0) | 2010.01.24 |
|---|---|
| One Touch Galley 만들기 (0) | 2010.01.24 |
| [스크랩] 텍스트 효과를 이용한 조각 겔러리 (0) | 2010.01.24 |
| [스크랩] Image Break Slide (0) | 2010.01.24 |
| [스크랩] Re:Image Break Slide 로 만든작품 (0) | 2010.01.24 |