메뉴 건너뛰기

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 [레드]포토샵7.0에서 점선찍기 [9] file 레드 2002.10.27 13927
» 버튼에 풍선 도움말 넣기 [4] gimbob 2003.03.18 13926
1893 [포토샵]사진접히는 현상 나타내기 [24] file 어둠넘어 2002.10.09 13925
1892 ☆화장대그리기 [7] file 박은선 2004.01.13 13895
1891 [응용작]심플한버튼(^-^?) [7] file 미스디쟌 2003.02.11 13887
1890 게임큐브 그리기. [26] file ☺okoru 2003.07.25 13884
1889 이쀼리한 그라데이션 효과내기 [6] file 포샵럽 2005.08.08 13871
1888 [1003's love] 수채화 느낌의 글씨 만들기 [11] file 1003 2002.11.11 13867
1887 그레디언트를 이용한 베너 만들기^^ [11] file 김세원 2003.06.08 13864
1886 [muTStyle.Net]-쉽다 ㅡ0ㅡ - 메탈릭 버튼 만들기 [9] file 바하무트 2003.11.09 13845
1885 레이어스타일을 이용한 간단한 타이틀만들기 [16] file 에이치걸 2004.07.24 13842
1884 [제로보드강좌]1강. 내컴퓨터에 서버만드는방법(RWAPM 이용) [37] 네찌 2006.12.20 13829
1883 초간단 30초 아쿠아 이미지 만들기... [12] Lake 2002.10.29 13802
1882 아쿠아틱 텍스트 효과(1) [29] 김종훈 2003.01.22 13787
1881 네오의 문자디자인 No.1 크롬 효과 내기! [4] file 네오 2003.06.03 13786
1880 눈동자와 입술을 선명하고 예쁘게 보정합시다 [7] Boshop 2005.03.13 13785
1879 미니버튼 만들기 [5] file 푸른당근 2007.04.08 13763
1878 배경만 흑백으로, 인물은 컬러로! (부분흑백처리) [14] file puki 2003.02.06 13761
1877 [킹이랑]지도 그리기 [18] file 장미현 2003.07.11 13745
1876 아쿠아 버튼 만들기와 레이어 스타일의 활용 [4] file 재현 2006.11.18 13744