메뉴 건너뛰기

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
1055 우물맨의 포토샵 다시올립니다.(photo editing -01) [2] file 우물맨 2003.03.19 7247
1054 [엉-_-덩진창 강좌] 색색깔 뽀샤시 효과내기[?] [6] file 카루스[D.S.Sizz] 2003.03.19 11459
1053 멋진 회오리 효과 주기 (따라하세요'-') [27] nze○ 2003.03.19 8592
1052 SWISH 버튼만들기 3)image button [2] file 아메 2003.03.18 4092
1051 [ 쩌비의 허접강좌 ] 돌아왔다! 쩌비! 햇빛효과내기! [10] file 쩌비 2003.03.18 6989
1050 웹폰트를 깨끗하게 써봅시다, [28] file 라비 2003.03.18 23662
» 버튼에 풍선 도움말 넣기 [4] gimbob 2003.03.18 13926
1048 하회탈 만들기(일러+포토샵) [8] file 무어 2003.03.18 10852
1047 SWISH 버튼만들기 두번째 (테두리 만들기) [2] file 아메 2003.03.18 5799
1046 패턴만들기(홈페이지 배경만들기) [4] file 쭘's 2003.03.17 17317
1045 람보르기니 무르시엘라고 - - - 2부 [29] file Blue™ 2003.03.16 7902
1044 람보르기니 무르시엘라고 - - - 1부 [7] file Blue™ 2003.03.16 5159
1043 조금색다른 뽀샤시한 이미지 만들기 [9] 한성민 2003.03.16 11187
1042 마우스로 장미꽃 [12] file 우경남 2003.03.16 7883
1041 SWISH 버튼만들기 [2] file 아메 2003.03.14 5544
1040 (Ph6.0)메인이미지용 동그라미 만들기. [6] file hozz호찌 2003.03.14 9366
1039 [반디]화이트데이용 선물상자와 사탕.[Paint Shop] [14] file 반디 2003.03.13 7376
1038 포토샵 브러쉬 만들기! [4] file 쭘's 2003.03.12 6887
1037 오오사카의 허접 tip - 단축키 편! - 1초tip ver.1.001 [8] file 오오사카 2003.03.12 5679
1036 [허접 tip]회전하는 3D 글짜 흉내 내기 [7] gimbob 2003.03.11 15838