메뉴 건너뛰기

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 비오는 효과 만들기 [12] 오라클 2002.07.18 8077
1374 [도트강좌]아스가르드시리즈~폰 편.. [17] file 미스디쟌 2002.08.19 8086
1373 LECTORA - 평가문항제작(4) drag&drop형 / Hot Spot형 문[제13-1강] [2] 에듀멘 2006.03.14 8091
1372 MSN 접속 상태를 내홈페이지 표시하기! [13] 임동일 2003.07.28 8093
1371 조그만 아바타식 캐릭터 만들기입니다....1 [9] file 치에 2003.01.09 8096
1370 [ Normal -_-? ] 얼음글씨를 만들어보쟈; [11] Nersion 2002.12.29 8099
1369 빅뱅 이미지를 통해 세련된 자켓이미지 만들기 - 1 [4] file SaRa'S 2007.05.24 8102
1368 [팁] 플래시 웹사이트의 사용성(Usability)을 높이기 위한 10가지 팁 [6] Rootin 2003.02.04 8104
1367 [디피강좌6]Dark Green Difications[수정1] [16] file Difications 2002.05.05 8107
1366 [Photoshop] Motion Blur [2] 권주영 2002.02.22 8110
1365 [아이콘 셋] 퀄리티 높은 아이콘 셋입니다. [3] file jury 2002.07.16 8112
1364 [페인트샵 X] 오래된 사진 만들기 [3] file dah 2006.04.11 8116
1363 답답강좌 -ㅂ- 무게감있게 떨어지는 공 [11] file 김지성 2003.01.08 8124
1362 스크롤바가 움직이는 글(공지쓸때 좋아요) [19] file 사라 2003.02.05 8125
1361 글자에 그라데이션 효과 주기!!~ [11] e-ssine.com 2002.12.13 8128
1360 간단하면서도 그럴듯한 포도 도트찍기 [6] file Siny™ 2003.04.28 8129
1359 눈동자 바꾸기 [13] file minari 2003.12.13 8130
1358 사진보정입니다. [1] file 이현숙 2007.02.24 8133
1357 [1003's love]인쇄할때 번진 효과 만들기 [11] file 1003 2002.11.07 8134
1356 우물맨의 photoshop2-웹작업시 자주 쓰는 defringe [12] file 우물맨 2003.03.21 8139