디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
  - 플래시 소개
  - 단축키
  - 도구상자
  - 패널
  - 플래시 활용 예제
  - 메뉴설명
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
FLASH 소개
Home > 디자인 센터 > 웹강좌 > FLASH 사용법 > FLASH 소개
플래시란? 화면구성 타임라인의 이해
1. 타임라인의 이해
레이어가 공간을 의미하는 것이라면 타임라인은 시간의 흐름을 제어하는 곳입니다.
타임라인은 '프레임'이라는 단위를 가지고 있으며, 프레임이 모여 하나의 모션, 동작을 만들어냅니다.
(1) 빈 프레임
레이어에 아무런 오브젝트도 들어있지 않으면 빈 프페임(Blank Frame)이 됩니다.
(2) 빈 키프레임
키프레임으로 지정했더라도 그 안에 오브젝트가 없으면 빈 키프레임(Blank Keyframe)이 됩니다.
(3) 오브젝트가 있는 프레임
해당 프레임에 오브젝트가 존재할 경우 회색 영역으로 채워져 보이게 됩니다.
(4) 오브젝트가 있는 키프레임
오브젝트의 사이즈 변경, 회전, 색상 변경 등 모든 설정을 지정할 수 있습니다. 키프레임이 아닌 일반 프레임의 영역에서는 오브젝트의 설정을 변경할 수 없습니다.
(5) 플레이 헤더
플레이가 진행되는 상황을 알려 주는 위치 표시 장치입니다. 타임라인에서 세로로 그어진 빨간 라인이 있는 곳이 바로 현재 스테이지에서 나타나는 위치가 되며, 그 빨간 라인 상단에
머리처럼 있는 것이 바로 플레이 헤더입니다. 플레이 헤더가 위치한 눈금자를 클릭하거나 헤더를 드래그하면 위치를 이동시킬 수 있습니다.
* 타임라인에서의 애니메이션 구분 표시
▶ 모션트윈(Motion Tween)은 시작 키프레임이 검정색 점으로 표시되고 중간 트위닝된 프레임에는 보라색 배경에 화살표가 표시됩니다.
▶ 셰이프트윈(Shape Tween)은 시작 키프레임이 검정색 점으로 표시되고 중간 트위닝된 프레임에는 연한 초록색 배경에 검정색 화살표가 표시됩니다.
▶ 마지막 키프레임이 없거나 모션 트위닝이 제대로 구성되지 않은 경우에는 파란색 배경에 점선으로 표시됩니다.
▶ 마지막 키프레임이 없거나 셰이프 트위닝이 제대로 구성되지 않은 경우에는 연한 초록색 배경에 점선으로 표시됩니다.
▶ 단일 키프레임은 검정색 점으로 표시됩니다. 단일 키프레임 뒤에 있는 연한 회색 프레임에는 변경 내용이 없는 동일한 내용이 포함되어 있으며 검정색 선과 함께 범위의 마지막
프레임에 빈 사각형이 나타납니다.
▶ 프레임 액션을 지정한 프레임이면 소문자 a로 표시됩니다.
▶ 프레임에 레이블이 있으면 빨간색 깃발이 표시됩니다.
▶ 프레임이 이름이 있는 앵커라면 노란색 닻 그림이 표시됩니다.
▶ 프레임에 주석이 있으면 초록색 더블슬래시(//) 모양으로 표시됩니다.
※트윈(Tween)은 Between의 줄임말로 두 장면 간의 변화 과정(위치, 색상, 크기 등)을 컴퓨터가 계산한 후 처리하여 중간 장면들을 자동으로 만들어주는 애니메이션을 의미합니다.
트윈(Tween)에는 중간 모션을 만들어 주는 모션트윈(Motion Tween)과 중간 모양을 생성해주는 셰이프트윈(Shape Tween)이 있습니다. 셰이프트윈(Shape Tween)의 경우 모양이
변하기 때문에 중간 모양이 일그러지거나 깨지는 경우가 있으므로 각 모서리를 지정하여 시작과 끝점을 맞춰야 합니다.
* 플래시 관련 파일 형식과 확장자입니다. 웹에서는 주로 SWF, FLA, AS, FLV가 많이 쓰입니다.
확장자
설 명
.swf .swf 파일은 완전하게 컴파일된 것으로 인터넷 등에 공개된 파일이며 플래시로 편집할 수 없습니다.
.fla FLA 파일은 플래시 응용 프로그램을 위한 소스 자료를 포함하고 있는 플래시 원본입니다. 플래시는 FLA 파일을 편집하고 .swf 파일들로 컴파일을
할 수 있습니다.
.as .as 파일은 소스 파일들에 있는 액션 스크립트 소스 코드만을 포함한 파일입니다. FLA 파일은 액션스크립트 코드를 직접 포함하기도 하지만 각
외부 .as 파일을 연동하여 사용하기도 합니다.
.swd .swd 파일은 플래시 개발 도중에 쓰이는 임시 오류 수정 파일입니다.
.flv .flv 파일은 어도비 플래시, ffmpeg, Sorenson Squeeze, real player 또는 On Flix로 만들어진 플래시 영상 파일입니다.
.swc .swc 파일은 구성 요소들을 배포하는데 쓰입니다. 이 파일은 컴파일된 클립, 구성 요소의 액션 스크립트 클래스 파일, 그리고 구성 요소에 대한
설명이 들어있는 다른 파일들을 가지고 있습니다.
.jsfl .jsfl 파일은 플래시 제작 환경에서 기능을 추가하는 데 쓰입니다. 이 파일은 자바스크립트 코드를 포함하며 플래시 자바스크립트 API에
접근할 수 있습니다.
.lmv .lmv 파일은 .fla 파일과 같습니다. 또한 이 파일은 .swf 파일로도 컴파일할 수 있는 오픈 소스 프로그램 Liveswif를 위한 소스 자료입니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 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 (주)아사달