메뉴 건너뛰기

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 글자에 그라데이션 효과 주기!!~ [11] e-ssine.com 2002.12.13 8128
1054 스크롤바가 움직이는 글(공지쓸때 좋아요) [19] file 사라 2003.02.05 8125
1053 답답강좌 -ㅂ- 무게감있게 떨어지는 공 [11] file 김지성 2003.01.08 8124
1052 [페인트샵 X] 오래된 사진 만들기 [3] file dah 2006.04.11 8116
1051 [아이콘 셋] 퀄리티 높은 아이콘 셋입니다. [3] file jury 2002.07.16 8112
1050 [Photoshop] Motion Blur [2] 권주영 2002.02.22 8110
1049 [디피강좌6]Dark Green Difications[수정1] [16] file Difications 2002.05.05 8107
1048 [팁] 플래시 웹사이트의 사용성(Usability)을 높이기 위한 10가지 팁 [6] Rootin 2003.02.04 8104
1047 빅뱅 이미지를 통해 세련된 자켓이미지 만들기 - 1 [4] file SaRa'S 2007.05.24 8102
1046 [ Normal -_-? ] 얼음글씨를 만들어보쟈; [11] Nersion 2002.12.29 8099
1045 조그만 아바타식 캐릭터 만들기입니다....1 [9] file 치에 2003.01.09 8096
1044 MSN 접속 상태를 내홈페이지 표시하기! [13] 임동일 2003.07.28 8093
1043 LECTORA - 평가문항제작(4) drag&drop형 / Hot Spot형 문[제13-1강] [2] 에듀멘 2006.03.14 8091
1042 [도트강좌]아스가르드시리즈~폰 편.. [17] file 미스디쟌 2002.08.19 8086
1041 비오는 효과 만들기 [12] 오라클 2002.07.18 8077
1040 아바타? 구경만 하지말고 연습해보자. → ①얼굴연습 [5] file ⓦ.r 2002.11.23 8065
1039 Mac OS X Text Effects [19] file 정우진 2003.11.16 8056
1038 [Photoshop] TV라인 만들기!! [18] Nazeo™ 2002.09.08 8054
1037 [키르강좌] 패턴이용하기 두번째(이상해요~;;) [6] 키르(SP) 2002.03.09 8027
1036 [티모시] 오랜만에 ::::::아바타 그리기::::: -몸통편~_~)/- [8] file 티모시 2003.05.17 8024