웹디자인 강의
Flash 버튼에 풍선 도움말 넣기
2003.03.18 15:39
html페이지의 경우 링크가 걸린 문장, 또는 버튼에 풍선도움말을 넣을려면 간단하게 alt= 의 태그만 걸어주면 됩니다. 플래시도 가끔 이런 풍선 도움말을 넣으면 링크 걸기 뿐만 아니라 여러모로 편리할 때가 있겠죠.
[따라하기]
1. 새 창을 열고 버튼을 만듭니다.
2. 풍선도움말로 이용할 무비클립을 만들기 위해 NewSymbols를 택하여 무비클립 편집창을 열어 둡니다.
첫번째 레이어에는 풍선도움말 배경을 주기위해 사각툴을 이용해서 적당한 길이의 사각형을 그려 넣습니다.
레이어를 추가해서 2번째 레이어에는 문자툴을 이용해서 Dynamic 필드, 그리고 var값에는 words라고 입력합니다.
3. 본 무비를 만드는 Scene으로 이동한 후에 버튼과 풍선도움말 무비클립을 라이브러리(Ctrl+L)을 열고 드래그해서 놓습니다.
이때 반드시 풍선도움말로 이용할 무비클립에게는 인스턴스네임을 줍니다. 여기서는 "balloon"으로 주었습니다.
4. 각 오브젝트마다 액션을 걸어 줍니다.
Flash MX 버튼에는
on (rollOver) {
_root.x = 1;
_root.balloon.words = "Flash 기초강좌는 www.goody.pe.kr";
}
on(rollOut){
_root.x = 0;
_root.ballon.words = "";
}
on(release){
getURL("http://www.goody.pe.kr","_blank");
}
무비클립 balloon에는
onClipEvent (enterFrame) {
if (_root.x==1) {
this._alpha = 60;
} else {
this._alpha = 0;
}
}
//words의 안에 들어갈 내용은 각자 알맞게 변형시킵니다.
//무비클립의 경우 x==1일 경우에 alpha값 60%인 배경 색상과 단어가 나타나고 그렇지 않은 경우는 0이 됨으로 버튼이 Over가 되면 나타나지 않습니다.
5. 마지막 레이어에 액션을 넣어 줍니다.
startDrag(_root.balloon, true);
레이어의 프레임에 액션을 걸어주면 위의 그림처럼 영어 소문자 a가 보입니다. 오브젝트 액션은 Arrow Tool을 이용해서 해당 오브젝트를 선택한 후 넣어주기 때문에 a자가 보이지 않습니다.
[예제 - 버튼에 풍선 도움말 넣기]
[따라하기]
1. 새 창을 열고 버튼을 만듭니다.
2. 풍선도움말로 이용할 무비클립을 만들기 위해 NewSymbols를 택하여 무비클립 편집창을 열어 둡니다.
첫번째 레이어에는 풍선도움말 배경을 주기위해 사각툴을 이용해서 적당한 길이의 사각형을 그려 넣습니다.
레이어를 추가해서 2번째 레이어에는 문자툴을 이용해서 Dynamic 필드, 그리고 var값에는 words라고 입력합니다.
3. 본 무비를 만드는 Scene으로 이동한 후에 버튼과 풍선도움말 무비클립을 라이브러리(Ctrl+L)을 열고 드래그해서 놓습니다.
이때 반드시 풍선도움말로 이용할 무비클립에게는 인스턴스네임을 줍니다. 여기서는 "balloon"으로 주었습니다.
4. 각 오브젝트마다 액션을 걸어 줍니다.
Flash MX 버튼에는
on (rollOver) {
_root.x = 1;
_root.balloon.words = "Flash 기초강좌는 www.goody.pe.kr";
}
on(rollOut){
_root.x = 0;
_root.ballon.words = "";
}
on(release){
getURL("http://www.goody.pe.kr","_blank");
}
무비클립 balloon에는
onClipEvent (enterFrame) {
if (_root.x==1) {
this._alpha = 60;
} else {
this._alpha = 0;
}
}
//words의 안에 들어갈 내용은 각자 알맞게 변형시킵니다.
//무비클립의 경우 x==1일 경우에 alpha값 60%인 배경 색상과 단어가 나타나고 그렇지 않은 경우는 0이 됨으로 버튼이 Over가 되면 나타나지 않습니다.
5. 마지막 레이어에 액션을 넣어 줍니다.
startDrag(_root.balloon, true);
레이어의 프레임에 액션을 걸어주면 위의 그림처럼 영어 소문자 a가 보입니다. 오브젝트 액션은 Arrow Tool을 이용해서 해당 오브젝트를 선택한 후 넣어주기 때문에 a자가 보이지 않습니다.
댓글 4
-
무말랭이
2003.03.18 16:32
이, 이거; 정말 하고싶었던 것인데, 버튼에 마우스 대고선, 여백으로 마우스 가져가도, 설명은 계속있는, 오류(????????;;;)가.. -
gimbob
2003.03.18 20:06
//무말랭이님
오류는 수정했어요. on(rollOut)을 빼먹어서 그랬지요. rollOut = 0;은 보이지 않게 되니깐, 여백으로 가져가면 보이지 않게 되죠. -
gimbob
2003.03.18 15:50
그림창고를 어떻게 이용하나요???
help를 참조해도 안되네...답답!!!
You don't have permission to access /bbs/icon/member_image_box/218115/hover_02.gif on this server. -
정병삼
2003.03.29 19:22
이야.. 정말 감사합니다..^^; gimbob님 부탁이 있는데요.. Sub Menu를 플래시로 만드는 법 좀 갈쳐 주세요.^^