키프레임 애니메이션 만들기

키프레임 애니메이션 만들기

동작 만들기

1. B 키를 눌러 동작 인터페이스를 표시합니다.
2. 애니메이션하려는 장면에서 오브젝트를 선택합니다.
   주

   키프레임 애니메이션을 만들 때 현재 선택한 모든 오브젝트가 자동으로 애니메이션에 추가됩니다.

3. 만들기 버튼 옆의 화살표를 클릭하고 키프레임 애니메이션을 선택합니다.

   동작 인터페이스의 아이콘과 함께 새 키프레임 애니메이션 동작이 추가됩니다.

4. 애니메이션을 만들 때 오브젝트를 선택하면 키프레임 특성 창이 열립니다.
   

키프레임 설정

키프레임 애니메이션에서 애니메이션이 발생하려면 두 개의 “키프레임"이 정의되어야 합니다. 애니메이션은 공간에서 둘 이상의 위치 사이에 있는 오브젝트의 자동 보간입니다(변환, 회전 및 배율 조정 사용).

1. 애니메이션하려는 오브젝트를 선택합니다. 동작을 만들 때 오브젝트가 선택된 경우 특성 창에서 타임라인을 클릭하여 이를 선택할 수 있습니다.
   주

   장면의 단일 계층 노드(단일 오브젝트 또는 그룹 노드)만 키프레임을 타임라인에 적용할 수 있습니다. 그러나 여러 오브젝트가 동일한 키프레임 애니메이션 동작에 추가될 수 있습니다. 각각에는 자체 타임라인 및 키프레임이 있습니다.

2. 애니메이션에서 동시에 있게 하려는 장면에 오브젝트를 배치합니다. 가장 쉽게 조작하려면 변환 핸들(H)을 사용합니다.
3. 동작 아이콘을 두 번 클릭하여 키프레임 애니메이션 특성 창을 엽니다. 또는 동작 인터페이스에서 키프레임 애니메이션 아이콘을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 특성 ...을 선택합니다.
4. 키프레임 위치를 시간으로 설정하려면 타임라인을 클릭합니다.
   

   회색 막대가 타임라인에 마커로 표시되고 툴팁이 현재 시간을 나타냅니다.

   주

   모든 시간은 초 단위로 표시됩니다. 애니메이션의 프레임 속도는 하드웨어 및 애니메이션 렌더링의 출력 단계에서 결정됩니다.

5. 새 키 추가 버튼(다음 이미지에 표시)을 누르거나 ",”(쉼표) 핫 키를 누릅니다.
   

   장면에서 선택한 오브젝트의 현재 위치 및 방향이 이 키에 "저장"됩니다. 선택되었다는 것을 나타내기 위해 하단에 주황색 삼각형 핸들이 있는 타임라인에 새로운 선이 나타납니다.

6. 장면에서 오브젝트를 재배치하려면 변환 핸들(H)을 사용합니다.
7. 두 번째 키프레임을 설정하려면 새 키 추가 버튼을 누르거나 ","(쉼표) 핫 키를 사용합니다.

   키프레임이 겹치는 것을 방지하기 위해 타임라인이 1초씩 자동으로 올라갑니다.

8. 처음을 기준으로 타임라인을 따라 새 키프레임을 원하는 위치로 드래그합니다.
   주

   정확한 시간을 원하는 경우 타임라인 아래의 키프레임 시간 상자에 값을 입력합니다.

9. 타임라인을 "스크러빙"하여 애니메이션을 미리 봅니다. 두 키프레임 사이에서 타임라인을 클릭하고 드래그합니다. 애니메이션된 오브젝트가 드래그 속도로 뷰포트에서 이동합니다.
   
10. 전체 속도로 애니메이션을 재생하려면 재생 컨트롤 버튼을 누릅니다.
    

둘 이상의 오브젝트 애니메이션

단일 키프레임 애니메이션 동작에서 장면의 여러 오브젝트를 애니메이션할 수 있습니다. 각각 자체 타임라인 및 키프레임을 가지고 동작 특성 창에서 서로를 기준으로 볼 수 있고 동작 재생 컨트롤을 사용하여 한 번에 모두 재생할 수도있습니다.

동작에 오브젝트 추가

1. 동작 아이콘을 두 번 클릭하여 키프레임 애니메이션 특성 창을 엽니다. 또는 동작 인터페이스에서 키프레임 애니메이션 아이콘을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 특성 ...을 선택합니다.
2. 추가하려는 장면에서 오브젝트를 선택합니다.
3. 연관된 오브젝트의 선택 버튼을 누르고 메뉴에서 다음에 선택 항목 추가를 선택합니다.

   왼쪽에 새 오브젝트의 이름을 가진 추가 타임라인이 특성 창에 나타납니다.

   
4. 키프레임 위치 및 키프레임을 평소처럼 설정하려면 두 번째 타임라인을 클릭하고 드래그합니다.

여러 타임라인 간 전환

각 오브젝트 타임라인은 개별적으로 키프레임되고 편집되어야 합니다. 타임포인트의 동기화를 허용하고 서로 참조되도록 누적됩니다.

1. 키프레임 또는 변환하려는 오브젝트의 타임라인을 클릭합니다.

   타임라인이 주황색으로 바뀌고 장면에서 연관된 오브젝트가 변환하기 위해 선택됩니다.

2. 새 키프레임의 위치를 설정하려면 시간 위치 막대(회색 수직 막대)를 이동합니다.
3. 타임라인을 스크러빙(시간 위치 막대를 슬라이딩)하면 다른 타임라인의 애니메이션도 뷰포트에 표시됩니다.
   주

   동일한 키프레임 애니메이션 동작에서 다른 오브젝트의 이동이 산만한 경우 표준 보기 > 숨기기 명령을 사용하여 해당 오브젝트를 숨길 수 있습니다.

기본 키프레임 애니메이션 특성

이름

이름 상자를 클릭하고 동작의 이름을 입력하여 설정합니다.

연관된 오브젝트:

선택 버튼을 클릭하고 동작에서 오브젝트를 추가 또는 제거하거나 동작의 모든 오브젝트를 선택합니다.

기간

애니메이션의 총 기간입니다. 첫 번째 키프레임과 마지막 키프레임 사이의 시간입니다.

재생 모드:

전체 애니메이션이 재생되는 방법을 설정합니다. 한 번 처음부터 마지막 키프레임까지 시작하고 중지합니다. 루프 애니메이션 끝에 도달하면 계속 다시 시작합니다. 진동 애니메이션 한 쪽 끝에 도달하면 뒤로 및 앞으로 재생합니다.

위치 또는 피벗 모드:

애니메이션 경로가 결정되는 방법을 설정합니다. 키프레임 애니메이션 모드를 참고하십시오.

타임라인 컨트롤

키프레임 작업 버튼

키프레임 시간

선택한 키프레임의 현재 시간입니다. 키프레임을 정확한 해당 시간으로 이동하기 위한 숫자 값을 입력합니다.

새 키프레임 추가

핫 키: ", "(쉼표). 선택한 오브젝트의 현재 위치 및 방향을 사용하여 현재 시간에 키프레임을 추가합니다.

키프레임 업데이트

핫 키: “.”(마침표). 오브젝트의 위치 및 방향을 사용하여 현재 선택한 키프레임을 업데이트합니다. 이전에 키가 지정된 값을 덮어씁니다.

키프레임 삭제

핫 키: k". 현재 선택한 키프레임을 삭제합니다. 여러 키프레임이 선택된 경우 모두 삭제됩니다.

프레임 탐색 버튼

첫 번째 키프레임으로 이동

활성 타임라인의 첫 번째 키프레임으로 재생 위치를 이동하여 선택합니다.

이전 키프레임으로 이동

활성 타임라인에서 현재 시간 왼쪽에 있는 다음 키프레임으로 재생 위치를 이동하여 선택합니다.

다음 키프레임으로 이동

활성 타임라인에서 현재 시간 오른쪽에 있는 다음 키프레임으로 재생 위치를 이동하여 선택합니다.

마지막 키프레임으로 이동

활성 타임라인에서 마지막 키프레임으로 재생 위치를 이동하여 선택합니다.

타임라인 탐색 버튼

확대

현재 선택한 키프레임 주위로 타임라인을 확대합니다. 애니메이션의 기간이 변경되지 않지만 표시된 시간을 창에 맞춥니다.

축소

현재 선택한 키프레임 주위로 타임라인을 축소합니다. 애니메이션의 기간이 변경되지 않지만 표시된 시간을 창에 맞춥니다.

애니메이션 편집

타임라인을 따라 단일 또는 여러 키프레임을 편집하여 애니메이션을 조정할 수 있습니다.

개별 키프레임 편집

• 대화식으로 키프레임 이동: 키프레임 핸들을 클릭하고(선택되었다는 것을 나타내기 위해 주황색으로 변함) 타임라인에서 드래그합니다. 선택한 키프레임의 현재 위치로 키프레임 시간이 업데이트됩니다.
  주

  개별 키프레임은 타임라인에서 다른 키프레임을 "지나" 드래그될 수 있습니다. 이렇게 하면 애니메이션이 현저하게 변경됩니다.

• 숫자로 키프레임 이동: 키프레임 핸들을 클릭하여 키를 선택하고 키프레임 시간 창에서 새 시간 위치를 입력합니다.
• 키프레임 삭제: k 키 또는 키프레임 삭제 버튼을 누릅니다.

여러 키프레임 편집

단일 타임라인에서 여러 키프레임을 한 번에 편집할 수 있습니다. 이렇게 하면 서로를 기준으로 키프레임의 배율을 조정하고 이동할 수 있습니다.

• 여러 키프레임 선택: Shift 키를 누른 채 클릭하여 여러 키프레임을 선택 항목에 추가합니다.

  각 키가 주황색으로 하이라이트되고 여러 키 편집 핸들이 타임라인에 나타납니다.

• 여러 키프레임을 함께 이동: 여러 키 편집 핸들의 가운데 화살표를 클릭하고 원하는 방향으로 드래그합니다.
  
  주

  여러 키프레임은 타임라인에서 다른 키프레임을 '지나' 드래그할 수 없으며 선택한 키프레임이 선택하지 않은 키프레임과 만날 때마다 중지됩니다.

• 여러 키프레임을 함께 배율 조정: 여러 키 편집 핸들의 끝점 화살표를 클릭하고 중심에서부터 멀리 드래그하여 서로를 기준으로 선택한 키프레임의 배율을 조정합니다. 반대쪽 끝의 키프레임은 같은 위치에 유지됩니다.
  

키프레임 애니메이션 모드

키프레임 애니메이션은 두 세트 이상의 키프레임 사이에서 변경 사항을 보간하여 만들어집니다. 키프레임 애니메이션 모드를 설정하여 피벗 회전 및 변환이 해석되는 방식을 변경할 수 있습니다.

키프레임 애니메이션 모드 설정

• 위치 모드: 모든 키프레임에서 오브젝트 위치를 유지합니다. 키프레임 간의 애니메이션은 전적으로 키가 만들어진 시간의 오브젝트 위치와 방향을 기준으로 합니다. 애니메이션을 변경하려면 한 쪽 키프레임에서 오브젝트를 재배치하고 키를 업데이트합니다.

  예를 들면 설정 축을 따라 회전하여 문이 열리는 경우입니다. 위치 모드에서 회전 축이 완전하지 않으면 예상과 일치하도록 끝 키프레임에서 위치를 변경합니다. 애니메이션 내에서 회전이 변경되면 내부 시간에서 회전을 수정한 다음 다른 키를 설정합니다.

• 피벗 모드: 오브젝트 피벗이 이동하는 경우 오브젝트 위치를 업데이트합니다. 키프레임 간의 애니메이션은 방향에 대한 피벗점 및 오브젝트 위치를 기준으로 합니다. 애니메이션을 변경하려면 한 쪽 키프레임에서 피벗을 재배치하거나 오브젝트를 재배치합니다.

  오브젝트 피벗 위치를 변경해도 상대적인 애니메이션이 변경되지는 않지만, 모든 키프레임에서 오브젝트 위치에 영향을 미칩니다. 이는 일반적인 애니메이션 작업 흐름과 유사합니다. 예를 들면 설정 축을 따라 회전하여 문이 열리는 경우입니다. 피벗 모드에서 회전 축이 완전하지 않으면 오브젝트 회전 축이 있어야 하는 위치로 피벗을 이동하기만 하면 됩니다.

키프레임 애니메이션 제한

• 한 번에 모든 변환에 키가 지정됨: 많은 전용 애니메이션 응용프로그램에서는 단일 타임라인의 각 오브젝트에 대해 개별적으로 회전, 변환 및 배율 조정이 키프레임되고 조작될 수 있습니다. Showcase 키프레임 애니메이션 동작에서는 세 가지 변환 모두 함께 키프레임됩니다.

  예를 들면 오브젝트가 10초에 10단위를 이동하고 5초에 90도를 회전해야 하는 경우입니다. 이 두 가지 모두를 구현하려면 세 개의 키프레임이 필요합니다. 첫 번째는 초기(변환 없음) 변환 위치 상태이고, 두 번째는 5초 후인 90도 회전 및 5개 단위 이동된 상태이며, 세 번째는 10초 후인 5개 단위 더 이동된 상태입니다.

  주

  이 제한은 오브젝트를 자체적으로 그룹화하고 주 오브젝트에서 개별적으로 그룹 노드를 애니메이션하면 극복할 수 있습니다. 이렇게 하면 각 타임라인 및 키프레임을 독립적으로 조정할 수 있는 반면 단일 오브젝트는 모든 변환을 상속합니다.

• 180도보다 큰 회전: 키프레임된 위치 및 방향 사이에서 최단 거리를 찾아 키프레임 애니메이션이 작동합니다. 회전의 경우, 이는 실제 최단 거리가 오브젝트가 원래 회전한 방향의 반대 방향을 의미할 수 있습니다.

  예를 들면 오브젝트가 270도로 회전해야 하는 경우입니다(회전의 3/4). 회전=0에서 키프레임이 설정된 후 오브젝트를 270도 회전하고 다시 키프레임이 설정됩니다. 위치는 모든 것을 고려하기 때문에 두 번째 키프레임의 실제 회전은 270 또는 -90입니다. 따라서 재생하면 -90도 회전(의도한 방향의 반대)이 됩니다.

  주

  180도를 넘어 오브젝트를 제대로 회전하려면 키프레임을 180보다 작은 일반 간격으로 설정합니다. 270도의 경우 네 개의 키프레임을 사용합니다. 0도에서 #1, 90도에서 #2, 180도에서 #3 및 270도에서 #4입니다. 각 증분이 180도보다 작으므로 올바른 방향으로 회전합니다.

• 상대 속도 : 일반 재생 컨트롤에는 재생 속도를 조정하기 위해 +(더하기) 및 -(빼기) 버튼이 포함되어 있습니다. 이 버튼을 사용하는 경우 타임라인의 초당 표기에서 그 절대 시간은 사라지지만 서로에 대한 상대적인 거리는 유지합니다. 즉, 애니메이션 속도가 상대적이 됩니다.