웹디자인 강의
Flash Go To 이용한 간단한 메뉴 만들기 -출처
2002.07.29 05:16
소스 다운로드
★![](http://rlfwkqdl.netcci.net/nzeo/1.png)
![](http://rlfwkqdl.netcci.net/nzeo/2.png)
소스를 보시면 이러한 형태로 되어있습니다. 라이브러리를 보시면 아시겠지만 3개의 버튼과 3개의 판이 있습니다.
![](http://rlfwkqdl.netcci.net/nzeo/3.png)
1. 우선적으로 3개의 텝으로 이루어진 메뉴를 만들도록 하겠습니다. 메뉴판 레이어를 보시면 메뉴 레이어 첫번째 프레임에 제가 기본적으로 넣은 메뉴 상태가 되어있지요? 2번째프레임에 마우스를 두고 inser keyframe 을 해줍니다.
![](http://rlfwkqdl.netcci.net/nzeo/4.png)
3. 프레임3번까지 이용할거니깐 "버튼 레이어"의 3번 프레임을 마우스로 찍고 오른쪽의 inser frame 을 선택하여 주세요 ^^
![](http://rlfwkqdl.netcci.net/nzeo/5.png)
4. 메뉴판 레이어의 2번째 프레임에서 처음에 놓여있던 메뉴판1을 지워주시고 라이브러리에 있는 "메뉴판2" 무비클립을 옳겨다 놓습니다.
![](http://rlfwkqdl.netcci.net/nzeo/6.png)
5. 위와 같은 방법으로 3번째 프레임도 insert keyframe 해주시고 "메뉴판3" 무비클립을 옳겨다 놓습니다.
그러면 밑에와 같은 결과가 나왔나요?
![](http://rlfwkqdl.netcci.net/nzeo/7.png)
6. 메뉴로 써야하니 첫번째 두번째 세번째 프레임 모두 멈추어 있어야 하니까요. 각 프레임을 선택하시구요 마우스 오른쪽을 누르시면 action 이라는 메뉴가 나옵니다. 그걸 선택해주세요.
![](http://rlfwkqdl.netcci.net/nzeo/8.png)
7. 그러면 나오는 액션 창에서 Basic Action 의 Stop 을 더블클릭해주세요, 또는 옆의 빈
공간으로 마우스로 드래그 하셔도 됩니다. 그러면 위와 같이 되죠? 같은 방법으로 두번째, 세번째 프레임 모두 Stop 액션을 줍니다.
![](http://rlfwkqdl.netcci.net/nzeo/9.png)
8. 프레임에 액션이 들어가 있다는 표시가 저처럼 나오나요? ^^ 자 이제 이러한 간단한 액션을 버튼에게도 주어볼까요? 프레임에 액션을 주듯이 버튼 레이어의 첫번째 프레임을 선택한후 sources 버튼을 마우스로 선택하고 오른쪽 마우스를 누르면 나오는 action 메뉴를 선택합니다.
![](http://rlfwkqdl.netcci.net/nzeo/10.png)
9. 여기서 나오는 액션창에서 Basic Action - Go To 를 선택하여 줍니다. 그럼 아래의 그림과 같이 되죠? 꼭 이렇게 나와야 합니다. ^^
![](http://rlfwkqdl.netcci.net/nzeo/11.png)
on (release) 라고 되어있는 부분은 마우스 이벤트를 정하는것입니다. 그러니깐 간단히 말하여 마우스를 대는 순간 반응하라던가 마우스를 눌렀을때 반응하라던가의 설정을 정하여 주는것이죠 마우스 이벤트 부분은 제가 다음에 다시 설명하기로 하구요. 음... gotoAndPlay (1); 로 되어있는 부분은 내가 위에서 설정한 마우스 이벤트에 따라 몇번째 프레임으로 가서 play 되어라 라는 뜻이에요... 이 몇번째를 정해주는곳은 위그림을 보시면 아시겠지만 3번째 칸에 "1" 이라고 적혀있죠? 그부분입니다. 맨 아래의 Go to and Play 를 체크하여 주는것은 "그곳에 가서 움직여라" 라는 뜻이죠.
자 이제 같은 방법으로 두번째, 세번째 버튼도 이러한 액션을 넣어줍니다. 두번째는 2번째 프레임으로 가라고 하고, 3번째 버튼은 3번째 프레임으로 가라고~^-^;;
출~처 : Fla.pe.kr
★
![](http://rlfwkqdl.netcci.net/nzeo/1.png)
![](http://rlfwkqdl.netcci.net/nzeo/2.png)
소스를 보시면 이러한 형태로 되어있습니다. 라이브러리를 보시면 아시겠지만 3개의 버튼과 3개의 판이 있습니다.
![](http://rlfwkqdl.netcci.net/nzeo/3.png)
1. 우선적으로 3개의 텝으로 이루어진 메뉴를 만들도록 하겠습니다. 메뉴판 레이어를 보시면 메뉴 레이어 첫번째 프레임에 제가 기본적으로 넣은 메뉴 상태가 되어있지요? 2번째프레임에 마우스를 두고 inser keyframe 을 해줍니다.
![](http://rlfwkqdl.netcci.net/nzeo/4.png)
3. 프레임3번까지 이용할거니깐 "버튼 레이어"의 3번 프레임을 마우스로 찍고 오른쪽의 inser frame 을 선택하여 주세요 ^^
![](http://rlfwkqdl.netcci.net/nzeo/5.png)
4. 메뉴판 레이어의 2번째 프레임에서 처음에 놓여있던 메뉴판1을 지워주시고 라이브러리에 있는 "메뉴판2" 무비클립을 옳겨다 놓습니다.
![](http://rlfwkqdl.netcci.net/nzeo/6.png)
5. 위와 같은 방법으로 3번째 프레임도 insert keyframe 해주시고 "메뉴판3" 무비클립을 옳겨다 놓습니다.
그러면 밑에와 같은 결과가 나왔나요?
![](http://rlfwkqdl.netcci.net/nzeo/7.png)
6. 메뉴로 써야하니 첫번째 두번째 세번째 프레임 모두 멈추어 있어야 하니까요. 각 프레임을 선택하시구요 마우스 오른쪽을 누르시면 action 이라는 메뉴가 나옵니다. 그걸 선택해주세요.
![](http://rlfwkqdl.netcci.net/nzeo/8.png)
7. 그러면 나오는 액션 창에서 Basic Action 의 Stop 을 더블클릭해주세요, 또는 옆의 빈
공간으로 마우스로 드래그 하셔도 됩니다. 그러면 위와 같이 되죠? 같은 방법으로 두번째, 세번째 프레임 모두 Stop 액션을 줍니다.
![](http://rlfwkqdl.netcci.net/nzeo/9.png)
8. 프레임에 액션이 들어가 있다는 표시가 저처럼 나오나요? ^^ 자 이제 이러한 간단한 액션을 버튼에게도 주어볼까요? 프레임에 액션을 주듯이 버튼 레이어의 첫번째 프레임을 선택한후 sources 버튼을 마우스로 선택하고 오른쪽 마우스를 누르면 나오는 action 메뉴를 선택합니다.
![](http://rlfwkqdl.netcci.net/nzeo/10.png)
9. 여기서 나오는 액션창에서 Basic Action - Go To 를 선택하여 줍니다. 그럼 아래의 그림과 같이 되죠? 꼭 이렇게 나와야 합니다. ^^
![](http://rlfwkqdl.netcci.net/nzeo/11.png)
on (release) 라고 되어있는 부분은 마우스 이벤트를 정하는것입니다. 그러니깐 간단히 말하여 마우스를 대는 순간 반응하라던가 마우스를 눌렀을때 반응하라던가의 설정을 정하여 주는것이죠 마우스 이벤트 부분은 제가 다음에 다시 설명하기로 하구요. 음... gotoAndPlay (1); 로 되어있는 부분은 내가 위에서 설정한 마우스 이벤트에 따라 몇번째 프레임으로 가서 play 되어라 라는 뜻이에요... 이 몇번째를 정해주는곳은 위그림을 보시면 아시겠지만 3번째 칸에 "1" 이라고 적혀있죠? 그부분입니다. 맨 아래의 Go to and Play 를 체크하여 주는것은 "그곳에 가서 움직여라" 라는 뜻이죠.
자 이제 같은 방법으로 두번째, 세번째 버튼도 이러한 액션을 넣어줍니다. 두번째는 2번째 프레임으로 가라고 하고, 3번째 버튼은 3번째 프레임으로 가라고~^-^;;
출~처 : Fla.pe.kr
댓글 6
-
(づ_-) 티르
2002.07.30 13:24
-
하인성
2002.07.29 22:29
먹물효과 어떻게내죠??
브러쉬?? 있다면.. 좀 올려주세요.. 사이트를 알려주시던지.
^^ 수고요 -
크링
2002.07.30 21:00
아 그런가요? 제가 어디 사이트에서 가져왔는데 fla는 아니었어요...
제가 플래시메뉴를 찾다가 그만 몇개안되는 게시판에서 이걸 봤거든요..
그럼 지울까요? -
홍성훈
2002.08.06 14:07
왜지울라곳하시나-_-ㅋ -
。I징:)
2003.02.25 13:57
안보이는디요..ㅠㅠㅠ -
입픙체리냥♬
2003.02.25 10:50
안보여요-_-;;;
fla.pe.kr 에 있는거랑같군요 -_-;
출처표시를 . . .
메뉴에 텍스트만 약간 수정하셨네요 -_-