디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
  - 기초 모션 만들기
  - 무비 만들기
  - 텍스트 모션 만들기
  - 엘리먼트 만들기
  - 배너 만들기
  - 비주얼 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
비주얼 만들기
Home > 디자인 센터 > 웹강좌 > 플래시 모션 만들기 > 비주얼 만들기
꽃잎날리기 효과 메인 비주얼 환경 설정 메인 비주얼 배경이미지 넣기 하트구름 무비 만들기 기구모션 만들기
이미지심벌 만들기 가이드라인효과 비행기무비 만들기 텍스트무비 만들기 1 텍스트무비 만들기 2
텍스트무비 만들기 3

VI. 비주얼 만들기

1. 꽃잎 날리기 효과


(1) 가이드를 이용하여 꽃잎 날리기를 해보도록 하겠습니다.
새 파일 만들기와 이미지 Import 방법은 앞의 자료를 참고하면 됩니다.
라이브러리에는 배경에 필요한 '하늘.png', '언덕.png', '꽃나무.png' 그리고 가이드효과에 쓰일 '꽃잎.png'를 미리 Import 시켰습니다.


(2) 속성창의 'Size' 항목에서 '문서 속성' 버튼을 클릭합니다.


(3) 'Document Properties' 대화상자가 나타납니다. 각각의 항목을 다음과 같이 설정한 후 'OK' 버튼을 클릭합니다.


(4) 배경이미지를 넣어보겠습니다. Layer1을 '배경'이라고 이름을 바꾼 뒤 '하늘.png' → '언덕.png' → '꽃나무.png' 순서대로 넣습니다. 적당한 위치에 배치시킵니다.


(5) 새 레이어를 만든 후 Layer2의 이름을 '꽃잎'이라고 하고, 배경 레이어는 배경이미지들이 움직이지 않도록 잠금 처리합니다.


(6) '꽃잎' 레이어에 '꽃잎.png'를 적당한 위치에 놓습니다.


(7) '꽃잎.png' 이미지를 선택한 후 단축키 F8을 눌러 그래픽 심벌로 만듭니다. 심벌 이름은 '꽃잎그래픽'이라고 합니다. Graphic 에 체크한 후 Registration은 좌측상단에 놓고 'OK' 버튼을 클릭합니다.


(8) 이번엔 '꽃잎그래픽' 심벌을 무비클립으로 한 번 더 심벌로 만들겠습니다. '꽃잎그래픽' 심벌을 선택한 후 단축키 F8로 눌러 심벌 이름을 '꽃잎모션'이라고 합니다. MoviClip에 체크한 후 Registration은 좌측상단에 놓고 'OK' 버튼을 누릅니다.


(9) '꽃잎.png' 비트맵이미지 → '꽃잎그래픽' Graphic Symbol → '꽃잎모션' MovieClip Symbol로 되었습니다.'꽃잎모션' 무비클립 심벌을 더블클릭하여 안으로 들어갑니다.


(10) 꽃잎이 움직일 가이드라인을 그려보겠습니다. 새 레이어를 추가하고 Layer1은 '꽃잎'이라고 적은 후 잠금 처리를 하고, Layer2는 '가이드'라고 적습니다.


(11) '가이드라인'을 그리기 위해 도구 툴에서 'Pencil Tool'을 선택합니다.

(12) Properties에서 펜의 색상은 '#FFFFFF', 굵기는 'hairline'으로 선택합니다.


(13) 아래와 같이 연필 툴로 선을 그립니다.


(14) '가이드' 레이어에서 63프레임을 선택한 후 단축키 F5를 눌러 프레임의 길이를 연장시킵니다.


※ 단축키 F6을 누르면 '키프레임'까지 생깁니다. '가이드' 레이어는 모션이 필요 없기 때문에 '키프레임' 없이 프레임의 길이만 연장시킵니다.

(15) 잠금을 해놓았던 '꽃잎' 라인은 잠금을 해제시키고 '가이드' 라인을 잠급니다.


하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 모바일 한국어 라인 이미지 日本語 라인 이미지 中文 라인 이미지 ENGLISH 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로
디지털콘텐츠 No.1 (주)아사달