베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
    - 기초 모션 만들기
    - 무비 만들기
    - 텍스트 모션 만들기
    - 엘리먼트 만들기
    - 배너 만들기
    - 비주얼 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
엘리먼트 만들기
Home > 디자인 센터 > 웹강좌 > 플래시 모션 만들기 > 엘리먼트 만들기
엘리먼트 만들기 1 엘리먼트 만들기 2 엘리먼트 만들기 3

[슬라이드 엘리먼트]

아래 버튼을 롤오버하면 이미지가 슬라이드되어 노출되고 이미지를 클릭하면 해당 페이지로 이동하도록 링크됩니다. 이미지(3장), 마스크(이미지가 노출될 영역), 버튼 심벌, 백그라운드 이미지가 필요합니다.


(1) 플래시의 새 문서를 열고 플래시 사이즈와 속도를 설정합니다.
① 상단메뉴 File-New-Flash File(Actionscript2.0)로 새 파일을 만듭니다. 하단의 속성창에서 'Size' 버튼을 누르고 각 입력란에 width:348, height:201, Frame rate:36을 입력하여 플래시 스테이지의 사이즈와 프레임 속도를 설정합니다.


(2) 배경 디자인 만들기
레이어의 이름은 'bg'로 정하고 그리기 툴을 이용하여 스테이지에 원하는 만큼 사각형을 그립니다. 면색과 테두리 색상은 하단의 속성창에서 변경이 가능합니다.


(3) 사용할 이미지 삽입하기
① 'InsertLayer'를 클릭하여 레이어를 추가합니다. 레이어 이름은 'img'로 지정합니다.


② 'File → Import → Import to Library'로 사용할 이미지를 불러옵니다. 삽입된 이미지는 라이브러리창에서 확인할 수 있습니다. (단축키: F11)
?'File → Import → Import to Stage'로 이미지를 불러와도 무방합니다.


(4) 이미지를 무비클립으로 만들기
① 라이브러리 창에 삽입된 이미지 파일들을 드래그하여 스테이지 위에 차례대로 불러옵니다.


② 3개의 이미지를 모두 클릭하여 선택한 후 단축키 F8을 눌러 하나의 무비클립으로 만듭니다. 이름은 'mc_img', Type은 'MovieClip'으로 선택합니다.


③ 3개의 이미지를 모두 클릭하여 선택한 후 단축키 F8을 눌러 하나의 무비클립으로 만듭니다. 이름은 'mc_img', Type은 'MovieClip'으로 선택합니다.


(5) 이미지 노출 영역 마스크로 씌우기
① Insert Layer를 클릭하여 레이어를 하나 추가시키고 이름을 'mask'로 입력합니다.
② 추가된 mask 레이어에 사각형 그리기 툴로 이미지가 노출될 크기의 사각형을 그립니다.(색상은 아무 색상으로 지정하여도 무관합니다. 여기에서는 보기 쉽게 초록색으로 지정하였습니다.)
③ 그려진 사각형을 드래그하여 선택하고 단축키 F8을 눌러 무비클립으로 생성합니다. 무비클립 이름은 'mc_mask', Type은 'MovieClip'으로 지정합니다.


④ 마스크를 만들었으면 이미지를 마스크로 덮어야 합니다. Mask 레이어를 선택하고 마우스 오른쪽 버튼을 눌러 Mask를 선택합니다. 자동으로 img 레이어가 마스크 레이어 아래로 종속되면서 마스크가 적용됩니다. 이제 마스크 영역만큼만 이미지가 노출되게 됩니다.
사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 02-2026-2000 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저