타임라인 정보

Adobe Animate CC의 타임라인은 레이어 및 프레임에서 시간 경과에 따른 문서의 컨텐츠를 정리하고 제어합니다. 영화와 같이 Animate 문서는 시간 길이를 프레임으로 나눕니다. 레이어는 스테이지에 표시될 이미지가 포함된 필름 조각과 같으며, 여러 개를 겹쳐서 표시할 수 있습니다. 타임라인의 주요 구성 요소는 레이어, 프레임 및 재생 헤드입니다.

Timeline

타임라인은 프레임별 애니메이션, 트위닝된 애니메이션 및 모션 경로를 비롯하여 문서에서 애니메이션을 실행하는 위치를 표시합니다. 타임라인의 레이어 섹션에 있는 컨트롤을 사용하면 레이어를 표시하거나 숨기고 잠그거나 잠금 해제할 수 있을 뿐만 아니라, 레이어 내용을 외곽선으로 표시할 수 있습니다. 타임라인 프레임을 동일한 레이어의 새 위치 또는 다른 레이어로 드래그할 수 있습니다.

ws_timeline

참고:

애니메이션을 재생하면 실제 프레임 속도가 표시됩니다. 컴퓨터가 애니메이션을 빠른 속도로 계산하여 표시할 수 없으면 이 프레임 속도가 문서의 프레임 속도 설정과 다를 수 있습니다.

어니언 스킨

다음 중 하나를 수행합니다.

  • [타임라인]에서 어니언 스킨 아이콘  (루프 아이콘 왼쪽에 있는 아이콘)을 선택합니다. 타임라인 헤더에서 [시작 어니언 스킨]과 [끝 어니언 스킨] 표시자 사이의 모든 프레임이 문서 윈도우에서 하나의 프레임으로 겹쳐 쌓입니다. 
  • 어니언 스킨이 적용된 프레임을 외곽선으로 표시하려면  아이콘을 선택합니다.

자세한 내용은 어니언 스키닝 사용을 참조하십시오.

타임라인 모양 변경

기본적으로 타임라인은 기본 문서 윈도우 아래에 표시됩니다. 타임라인의 위치를 변경하려면 타임라인을 문서 윈도우에서 분리하고 고유한 윈도우에서 띄웁니다. 타임라인을 선택한 다른 패널에 고정할 수 있습니다. 타임라인을 숨길 수도 있습니다.

표시되는 레이어와 프레임의 수를 변경하려면 타임라인의 크기를 조절합니다. 타임라인에 표시 가능한 것보다 더 많은 레이어가 있을 때 추가 레이어를 보려면 타임라인 오른쪽에 있는 스크롤 막대를 사용합니다.

ws_timeline_gripper
타임라인 드래그

  • 문서 윈도우에 결합된 타임라인을 이동하려면 타임라인의 왼쪽 위 모서리에 있는 제목 표시줄 탭을 드래그합니다.

  • 분리된 타임라인을 애플리케이션 윈도우에 결합하려면 제목 표시줄 탭을 문서 윈도우의 맨 위 또는 맨 아래로 드래그합니다.

  • 분리된 타임라인을 다른 패널에 결합하려면 타임라인 제목 막대 탭을 선택한 위치로 드래그합니다. 타임라인이 다른 패널에 결합되지 않게 하려면 Ctrl 키를 누른 상태에서 드래그합니다. 타임라인이 결합되는 위치를 나타내는 파란색 막대가 나타납니다.

  • [타임라인] 패널에서 레이어 이름 필드의 길이를 늘리거나 줄이려면 타임라인의 레이어 이름과 프레임 부분을 구분하는 막대를 드래그합니다.

타임라인 보기 사용자 정의

  1. [프레임 보기] 팝업 메뉴를 표시하려면 타임라인의 오른쪽 위 모서리에 있는 [프레임 보기]를 클릭합니다.

    ws_new_frame_view01
    프레임 보기 팝업 메뉴.

  2. 다음 옵션 중 하나를 선택합니다.

    • 프레임 셀의 폭을 변경하려면 [최소], [소], [보통], [중간] 또는 [대]를 선택합니다. 사운드 파형을 자세하게 보려면 [대] 프레임 폭 설정이 유용합니다.

    • 프레임 셀 행의 높이를 줄이려면 [짧게]를 선택합니다.


      짧게 및 보통 프레임 보기 옵션.

    • 프레임 시퀀스의 음영을 켜거나 끄려면 농도 프레임을 선택합니다.

    • 타임라인 프레임에 맞춰서 각 프레임 내용의 축소판을 표시하려면 미리 보기를 선택합니다. 그러면 내용을 다양한 크기로 표시할 수 있지만 추가 화면 공간이 필요합니다.

    • 공백을 포함하여 각 프레임 전체에 대한 축소판을 표시하려면 컨텍스트상으로 미리 보기를 선택합니다. 이 미리 보기는 애니메이션이 재생되는 동안 요소가 해당 프레임에서 이동하는 방식을 확인하는 데 유용합니다.
    • 타임라인 보기에서 프레임 수를 사용자 정의하려면 타임라인 보기 크기 조정 슬라이더 막대를 사용합니다. 타임라인 보기 크기 조정 슬라이더 막대 옆에서 사용할 수 있는 보기에 더 적은 프레임 맞춤 또는 보기에 더 많은 프레임 맞춤 버튼을 사용할 수도 있습니다.
    • 타임라인 확대/축소를 기본 수준으로 재설정 버튼을 사용하여 보기를 기본 수준으로 재설정합니다.

     

    TimelineZoom-After
    타임라인 확대/축소

타임라인에서 레이어 높이 변경

  1. 다음 중 하나를 수행합니다.

    • 타임라인에서 해당 레이어 아이콘(레이어 이름 왼쪽에 있는 아이콘)을 두 번 클릭합니다.

    • 레이어 이름을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)한 후 컨텍스트 메뉴에서 속성을 선택합니다.

    • 타임라인에서 레이어를 선택한 다음 수정 > 타임라인 > 레이어 속성을 선택합니다.

  2. 레이어 속성 대화 상자에서 [레이어 높이]에 대한 옵션을 선택한 다음 확인을 클릭합니다.

레이어 투명도 설정

다음 중 하나를 수행합니다.

  • 표시 여부를 투명으로 설정하려면 타임라인의 눈 모양 열을 Shift 키를 누른 상태에서 클릭합니다.
  • 타임라인에서 해당 레이어 아이콘(레이어 이름 왼쪽에 있는 아이콘)을 두 번 클릭합니다.
  • 레이어 이름을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)한 후 컨텍스트 메뉴에서 속성을 선택합니다. 레이어 속성 대화 상자에서 표시 여부 > 투명을 선택합니다.
  • 레이어 이름을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)하고 다른 항목을 투명하게 표시를 선택합니다.

타임라인 패널의 크기 조절

  • 타임라인이 주 애플리케이션 윈도우에 결합된 경우 스테이지 영역에서 타임라인을 구분하는 막대를 드래그합니다.

  • 타임라인이 주 애플리케이션 윈도우에 고정되어 있지 않은 경우 오른쪽 하단 모서리(Windows) 또는 오른쪽 하단 모서리의 크기 상자(Macintosh)를 드래그합니다.

재생 헤드 이동

스테이지에 나타나는 현재 프레임을 표시하기 위해 문서가 재생되는 동안 타임라인 맨 위에 있는 빨강 재생 헤드가 이동합니다. 타임라인 헤더는 애니메이션의 프레임 번호를 보여 줍니다. 스테이지에 프레임을 표시하려면 재생 헤드를 타임라인의 프레임으로 이동합니다.

많은 프레임으로 작업할 때 특정 프레임을 표시하려면 타임라인을 따라 재생 헤드를 이동합니다.

  • 특정 프레임으로 이동하려면 타임라인 헤더에서 프레임 위치를 클릭하거나 재생 헤드를 원하는 위치로 드래그합니다.

  • 현재 프레임이 타임라인의 가운데 오도록 하려면 타임라인의 아래쪽에서 [가운데 프레임] 버튼을 클릭합니다.
  • 이제 타임라인에서 루프 옵션을 설정하여 다른 애니메이션의 일정 프레임 범위 내에서 스트리밍 오디오를 루핑할 수 있습니다.
ws_move_playhead
재생 헤드 이동

프레임과 함께 시간 보기

타임라인에는 초 단위 시간이 프레임 번호와 함께 표시됩니다. 이 기능을 사용하면 프레임에서 시간으로 보다 빠르게 변환할 수 있을 뿐 아니라 애니메이션 프로세스 전반에 걸쳐 설정한 FPS(초당 프레임 수) 값을 기억할 수 있습니다. 

다음 스냅샷의 타임라인에는 FPS(초당 프레임 수)가 20으로 표시되어 있습니다. 

display-of-time
프레임과 함께 시간 보기

타임라인에서 시간 마커를 숨길 수도 있습니다. 편집 > 환경 설정 > 일반으로 이동하고 타임라인에서 시간 마커 숨기기를 선택합니다.

hide-timemarkers-timeline
타임라인의 시간 표시자 숨기기 옵션

애니메이션 속도 관리

프레임 범위의 크기를 조절하고 시간 간격을 기준으로 애니메이션을 적용하여 애니메이션 속도를 관리하거나 타임라인 컨트롤을 사용하여 애니메이션을 확장 및 압축할 수 있습니다. 

프레임 범위 크기 조절

애니메이션 속도를 변경하지 않고도 애니메이션의 초당 프레임 수(fps)를 변경할 수 있습니다. fps를 변경할 때 시간을 그대로 유지하려면 프레임 범위 조절을 사용합니다. 

scale-frame-spans
프레임 범위 조절 옵션

시간 간격을 기준으로 애니메이션 적용

프레임 범위를 1초, 2초, 3초 또는 원하는 간격으로 설정할 수 있습니다. 이 기능은 클래식 트윈 범위, 모양 트윈 범위, 모션 트윈 범위, 키프레임 범위 또는 빈 키프레임 범위에서 작동합니다.

custom-frame-by-frame
특정 시간 간격을 토대로 하는 사용자 정의 프레임별 애니메이션입니다.

프레임별 애니메이션으로 변환 옵션은 수정 메뉴에서 사용할 수 있습니다. [키보드 단축기] 대화 상자에서 원하는 키를 할당하여 이러한 작업을 수행할 수도 있습니다. 

타임라인 컨트롤을 사용하여 애니메이션 확장 또는 압축

타임라인에서 선택한 범위의 시간을 연장하거나 단축할 수 있습니다. 프레임 범위를 선택하고 타임라인에서 선택한 범위의 오른쪽 가장자리를 앞이나 뒤로 드래그합니다. 타임라인 내의 프레임이 자동으로 조정됩니다.

타임라인에서 프레임 범위를 드래그하여 애니메이션을 여러 배(2배, 3배 등)의 크기로 복제할 수 있습니다. 또한 확장한 프레임은 표준 위치로 압축할 수도 있습니다. 

타임라인에서 프레임을 선택하고 선택한 프레임의 강조 표시된 오른쪽 가장자리를 클릭하여 드래그합니다.

frameselection_rightborder
프레임 선택 및 테두리

다음 스크린샷과 같이 드래그하는 동안 애니메이션을 2배, 3배 등 배로 확장하여 확인할 수 있습니다. 

stretchselectedframes
드래그하는 동안 늘어난 프레임 표시.

다음 스크린샷에서는 2배로 확장된 범위를 확인할 수 있습니다. 2배는 선택한 범위 크기의 2배를 의미합니다. 3배는 범위 원래 크기의 3배를 의미합니다. 

stretchedspans
드래그한 후 확장된 범위입니다.

키프레임 탐색

컨트롤 메뉴를 사용하여 활성 레이어에서 키프레임 간에 탐색할 수 있습니다. 또한 Alt+.Alt+,를 사용하여 타임라인에서 다음 키프레임 또는 이전 키프레임으로 각각 이동할 수 있습니다. 

키프레임 탐색 옵션과 키보드 단축키
키프레임 탐색 옵션과 키보드 단축키

레이어에서 왼쪽 및 오른쪽 컨트롤을 사용하여 활성 레이어의 키 프레임 간을 이동할 수 있습니다. 또한 메뉴와 키보드 단축키도 사용할 수 있습니다. 

navigation-controls
레이어에 왼쪽 및 오른쪽 컨트롤이 표시된 타임라인

참고:

Alt+Shift+,(뒤로) 및 Alt+Shift+.(앞으로)와 같은 페이지 탐색 단축키를 사용할 수 있습니다. 

스테이지에서 타임라인 패닝

이제 새로운 [시간 스크럽] 툴을 사용하여 스테이지에서 바로 타임라인을 스크러빙할 수 있습니다. 이 툴은 [툴] 패널에서 [손] 툴과 함께 그룹화되어 있습니다. 스페이스바+T 키보드 단축키를 사용하여 이 툴을 일시적으로 활성화할 수도 있습니다. 왼쪽이나 오른쪽으로 드래그하여 팬 방향으로 타임라인을 확인합니다. 

scrub-tool
시간 스크럽 툴 표시

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책