이미지 광고에서는 타임라인을 사용할 수 없습니다.
고급 모드 타임라인의 구성요소
레이어
문서의 각 요소는 레이어로 표시됩니다.
- 레이어 - 요소가 겹치는 경우 레이어에 따라 요소의 스택 순서가 결정됩니다. 레이어를 다른 레이어 위 또는 아래로 드래그하여 스택 순서를 변경할 수 있습니다.
- 레이어 숨기기 - 눈 모양 아이콘 아래에 있는 체크박스를 사용하여 스테이지에서 요소를 숨깁니다.
- 레이어 잠금 - 자물쇠 아이콘 아래에 있는 체크박스를 사용하여 요소가 수정되지 않도록 합니다.
- 레이어 반복 - 레이어 요소의 애니메이션을 반복시킵니다. 반복된 레이어는 게시된 문서의 애니메이션에 반영됩니다.
키프레임
- 키프레임 - 각 키프레임은 애니메이션의 시작 또는 끝을 나타냅니다.
- 범위 - 두 키프레임 사이의 공간을 '범위'라고 하며, 이는 애니메이션이 재생되는 시간을 나타냅니다.
- 이징 - 애니메이션의 속도를 높이거나 낮춥니다.
미리보기 도구
스테이지에서 애니메이션을 미리 볼 수 있습니다.
- 재생
및 일시중지
- 애니메이션 미리보기 재생을 시작하고 중지합니다.
- 반복
- 애니메이션 미리보기 재생을 계속 반복할지를 선택합니다. 스테이지의 미리보기는 반복되지만, 게시된 문서의 애니메이션은 영향을 받지 않습니다.
- 미리보기 범위 - 미리보기 범위 마커를 드래그하여 애니메이션 미리보기 재생을 타임라인에 표시되는 부분으로 제한합니다.
동영상 문서의 경우 다음과 같은 제어가 추가로 가능합니다.
- 시작 프레임
- 미리보기 범위의 첫 번째 프레임으로 이동합니다.
- 마지막 프레임
- 미리보기 범위의 마지막 프레임으로 이동합니다.
- 이전 프레임
- 이전 프레임으로 이동합니다.
- 다음 프레임
- 다음 프레임으로 이동합니다.
시간 표시기
플레이헤드는 스테이지에 표시되어 있는 애니메이션의 현재 지점을 나타냅니다.
- 플레이헤드 - 플레이헤드를 이동하려면 트랙 또는 레이어에서 타임라인을 클릭하거나(동영상 및 오디오 트랙 제외) 플레이헤드를 다른 위치로 드래그합니다.
- 현재 시간 - 현재 시간을 클릭하고 새 시간을 입력하여 플레이헤드 위치를 변경합니다.
- 타임라인 작업 영역 길이 - 타임라인 작업 영역은 애니메이션에 사용할 수 있는 시간입니다. 새 시간을 입력하여 타임라인 작업 영역 길이를 늘릴 수 있습니다.
시간 형식은 문서 유형에 따라 다릅니다.
- HTML5 문서 - 분:초.밀리초
- 동영상 및 애니메이션 GIF 문서 - minutes:seconds:frames
이벤트
애니메이션 도중 특정 시점에 발생하는 타임라인 관련 이벤트는 이벤트 트랙에 표시됩니다. (동영상 광고 및 애니메이션 GIF에는 이벤트 트랙을 사용할 수 없습니다.)
- 이벤트 추가 - 현재 플레이헤드 위치와 동일한 시점에 이벤트 마커를 추가합니다.
- 라벨 추가 - 현재 플레이헤드 위치에 이벤트 라벨을 추가합니다.
- 이벤트 마커 - 이벤트가 트리거될 수 있는 지점으로, 타임라인에 지정됩니다. 관련 이벤트를 보려면 마우스 오른쪽 버튼을 클릭하세요.
- 이벤트 라벨 - 애니메이션을 제어하는 데 참조할 수 있는 지점으로, 타임라인에 지정됩니다.
동영상 도구
동영상 광고 및 애니메이션 GIF의 경우 타임라인에 다음 두 가지 도구가 포함됩니다.
- 선택 도구
- 타임라인에서 항목을 선택하여 드래그합니다.
- 레이저 도구
- 클립을 분할하여 두 개의 클립으로 나눕니다.
미디어 트랙
동영상 광고 및 애니메이션 GIF에는 동영상 또는 오디오 트랙 그리고 미디어 클립을 포함하고 수정할 수 있는 특수 레이어가 포함될 수 있습니다.
고급 모드 타임라인 설정
레이어 이름 오른쪽에 있는 톱니바퀴 아이콘 을 클릭하여 고급 모드에서 타임라인 설정을 구성하세요. 체크 표시는 어느 설정이 활성화되어 있는지를 나타냅니다.
- 빈 레이어 숨기기 - 애니메이션이 없는 레이어를 숨깁니다.
- 모든 레이어 잠금 - 모든 레이어를 잠급니다. 모든 레이어를 잠금 해제하려면 선택 취소합니다.
- 모든 레이어 숨기기 - 스테이지의 모든 요소를 숨깁니다. 모든 요소를 표시하려면 선택 취소합니다.
- 타임라인 그리드에 맞추기 - 키프레임을 삽입하고 드래그할 때 키프레임, 이벤트 마커, 이벤트 라벨, 플레이헤드, 공개 범위, 미리보기 범위를 삽입하고 드래그할 때 타임라인 그리드 선과 맞춥니다. 이 옵션은 기본적으로 사용 설정되어 있습니다.
- 객체에 맞추기 - 이 옵션은 키프레임, 이벤트 마커, 이벤트 라벨, 플레이헤드, 공개 범위, 미리보기 범위를 서로와 맞출 수 있도록 동영상 광고 및 애니메이션 GIF의 타임라인 그리드에 맞추기를 대체합니다.
- 모든 레이어 최소화 - 모든 레이어를 최소 높이로 축소합니다.
고급 타임라인 확대/축소
타임라인 오른쪽 상단의 슬라이더를 사용하여 타임라인의 확대/축소 수준을 조정할 수 있습니다. 슬라이더를 오른쪽으로 드래그하면 타임라인 배율이 확장되어 애니메이션의 시간을 더 정밀하게 지정할 수 있습니다.
고급 모드와 빠른 모드 간 전환
타임라인 오른쪽에 있는 빠른 모드 아이콘 을 클릭하면 더 간단한 애니메이션 타임라인을 사용할 수 있는 빠른 모드로 전환됩니다.
키프레임이 있는 고급 모드 타임라인의 각 지점은 빠른 모드 미리보기 이미지로 전환되며, 애니메이션은 유지됩니다. 더 복잡한 애니메이션의 경우 범위 및 이징이 빠른 모드에서 수정되지 않도록 잠길 수 있습니다.
동영상 광고 또는 애니메이션 GIF에는 빠른 모드를 사용할 수 없습니다.