메뉴 건너뛰기

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
1895 [팁]작업창이 상단메뉴바까지 올라가서 옮길수 없을때 [8] file port 2007.02.26 5628
1894 Bling Bling Text Effects [2] file rgbmix*DT 2005.11.03 5630
1893 글자 좌우로 움직이기 12 문학의향기 2006.07.28 5638
1892 브러쉬만으로 흑백이미지 칼라로 바꾸기.. [23] file 엘프º 2003.01.13 5640
1891 컵속의 수족관 만들기 file wwolf 2008.09.21 5644
1890 [레드] :-과일특집-: 바나나 만들기 [12] file 레드 2002.10.27 5645
1889 단색계열에서 머리카락 정교하게 따내기 [5] 홍유경 2002.10.19 5647
1888 →[필터]Artistic-Cutout 효과 file 로드젯드-_-^ 2002.02.22 5653
1887 블랜딩 모드를 이용해 이미지 꾸미기 [4] file 리체 2002.12.11 5670
1886 {타니아}망원경 그리기,, [4] file Tany_A™ 2005.01.10 5672
1885 [Toy] 귀여운 분홍색 곰인형을 그리쟈~♬ [6] 토이 2002.07.10 5673
1884 간단한 패턴으로 이쁜 박스모양 만들기 [6] file 4u4u 2007.09.06 5674
1883 오오사카의 허접 tip - 단축키 편! - 1초tip ver.1.001 [8] file 오오사카 2003.03.12 5679
1882 Layer 설명![너무 간단한가...;] [3] EyE 2003.10.19 5681
1881 [동영상강좌] 제10회차 - 칙칙한 얼굴 뽀사시하게 만들기 아이티스터디 2006.02.02 5681
1880 글자들 선따라 나열하기 [15] file {동준짱} 2002.07.18 5685
1879 아바타 머리 명암주기..! [15] 레드 2003.01.30 5689
1878 _root 영역 [6] file 짚스 2004.01.12 5693
1877 [■ SadStory]색다른 블랙홀 만들기!!(?) [11] file sad_story 2003.02.14 5694
1876 [psp6]토끼야님의 그림자 기법을 페인트샵으로! [1] file 국왕-_-)/ 2002.02.23 5695