메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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자가 보이지 않습니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1375 아우디자동차사진변형하기 [15] file 김민석 2002.06.04 9838
1374 돌에 글씨를 새긴 느낌내기 [16] file 제갈승 2002.05.26 9838
1373 창세기전2의 흑태자!!(투구편) [9] file 카심 2003.11.04 9836
1372 좌우로 열리는 알림판 [9] file 아킨도 2005.11.18 9815
1371 이미지모서리 윗부분 둥글게 만들기 27강 문학의향기 2006.07.31 9812
1370 폭발하는 효과 만들기 [20] file 마리아 2003.02.24 9811
1369 Random Flowers [4] file SeasonSonata 2005.01.19 9807
1368 [까망이™디자인]듀오톤 효과(색깔 통일하기) [4] 까망이™ 2002.07.28 9806
1367 스탬프툴을 이용한 저작권(?) 지우기 [9] file 카라 2002.02.22 9806
1366 가속도 운동을 이용한 마우스 따라다니는 오브젝트.. [6] file 세나^.^ 2003.05.30 9804
1365 [동영상]입체도형 올려갑니다. [1] 이희덕 2002.09.24 9804
1364 속비치는 투명한 글씨 만들기(걍 용기내서 올려봅니다) [18] file 박은석 2002.10.17 9793
1363 창세기전2의 흑태자를 찍어보자!(추가!) [10] file 카심 2003.11.02 9792
1362 포토샵의 Stroke효과입니다~~ 보세요... [17] file ZipShin 2002.04.05 9792
1361 우물맨의 Photoshop3::::BMW 로고 만들기 [8] file 우물맨 2003.03.22 9782
1360 CG 채색 과정 [4] file [수아]작은아씨 2005.01.31 9775
1359 [MX]초보강좌 - 마스크 강좌 [11] file 용신 2003.01.05 9775
1358 이미지혹은 글자에 그림자 넣어주기 [9] KantRa 2005.11.18 9770
1357 플라즈마 효과만들기 'ㅡ' [24] file Nersion 2003.02.06 9769
1356 이미지레디를 이용한 세로선 이리저리 움직이는;; [8] newpy 2003.03.01 9757