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


12. 타임라인의 플레이 헤더를 다음 키프레임이 있는 12프레임으로 이동시킵니다.


① b/s/n/s를 선택하고 Shift+↓(방향키)를 2번 눌러 하단으로 20픽셀 이동시킵니다.


② u/i/e/s를 선택하고 Shift+↑(방향키)를 2번 눌러 상단으로 20픽셀 이동시킵니다.


15. 타임라인의 플레이헤더를 20프레임으로 이동시킵니다.


- 20프레임에서는 현재 보이는 모습 그대로 두겠습니다.


16. 타임라인의 플레이헤더를 35프레임으로 이동시킵니다.


- 모든 글자들을 선택하고 하단의 속성창(Properties)에서 Tint값을 흰색 '100%'로 설정합니다.


17. 타임라인의 플레이헤더를 50프레임으로 이동시킵니다.


- 50프레임 역시 20프레임과 마찬가지로 현재 보이는 모습 그대로 두겠습니다.


18. 모든 키프레임 사이를 마우스로 드래그 한 후, 마우스 오른쪽 버튼 클릭 → 'Create Motion Tween'을 클릭합니다.


19. 모션이 적용된 레이어의 모습입니다.


20. 두 번째 키프레임의 12프레임을 모두 선택하고 하단의 속성창(Properties)에서 Ease-out(100)을 적용합니다.


21. 한 글자씩 나타날 수 있도록 각 레이어별로 2프레임씩 시간차를 주겠습니다.
① 아래 이미지와 같이 'b' 레이어를 제외한 나머지 레이어의 모든 프레임을 드래그하여 선택하거나 해당 레이어를 클릭하면 해당 프레임이 모두 선택됩니다.


② 선택되어져 있는 상태에서 드래그하여 선택된 부분들을 모두 2프레임 뒤로 이동시킵니다.


③ 이번에는 'b', 'u' 레이어를 제외한 s/i/n/e/s/s 레이어의 앞쪽의 빈 프레임 두 칸을 드래그하여 선택합니다.


④ 마우스 오른쪽 버튼 클릭 → Insert Frame을 클릭합니다. (단축키: F5)


⑤ 위와 같은 방법으로 나머지 레이어도 프레임을 이동시켜 2프레임씩 뒤로 밀리도록 합니다.

사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 070-7510-3007 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저