메뉴 건너뛰기

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
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 324
2413 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
2412 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
2411 3D SHEET 만들기 [5] file 카라 2002.02.21 536
2410 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
2409 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
2408 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
2407 구름만들기; [27] Nㆍzna 2002.02.21 757
2406 [바비의 일러스트]일러 갤러리-1 [21] file 바비인형 2002.04.26 853
2405 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
2404 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
2403 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
2402 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
2401 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
2400 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2399 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
2398 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
2397 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
2396 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373