트윈 애니메이션의 모션 경로 편집

검색
Adobe Animate 사용 안내서
적용 대상: Adobe Animate

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

스테이지를 가로질러 트윈 인스턴스를 배치할 때 스테이지에서 애니메이션이 나타나는 모션 경로를 보게 됩니다. 모션 경로는 트윈된 인스턴스의 공간적인 이동을 나타내는 선입니다. 모션 경로의 도트(때때로 "트윈 도트" 또는 "프레임 도트"라고도 함)는 긴 트윈 범위를 선택한 경우 타임라인의 프레임 즉, 단일 프레임 또는 프레임 그룹에서 경로를 따라가는 대상 객체를 나타냅니다. 트윈 도트는 프레임을 표시하는 것뿐만 아니라 적용된 부드럽게 또는 3D의 영향을 받을 때 인스턴스의 위치를 확인할 수 있게 합니다.

다음과 같은 방법으로 모션 트윈의 모션 경로를 편집하거나 변경할 수 있습니다.

  • 트윈 범위의 프레임에서 객체의 위치를 변경합니다.

  • 전체 모션 경로를 스테이지의 다른 위치로 이동합니다.

  • 선택 도구, 세부 선택 도구 또는 자유 변형 도구를 사용하여 경로의 모양이나 크기를 변경합니다.

  • 변형 패널 또는 속성 관리자를 사용하여 경로의 모양이나 크기를 변경합니다.

  • 수정 > 변형 메뉴의 명령을 사용합니다.

  • 사용자 정의 획을 모션 경로로 적용합니다.

  • 모션 편집기를 사용합니다.

모션 경로 항상 표시 옵션을 사용하여 스테이지에 있는 모든 레이어의 모든 모션 경로를 동시에 표시할 수 있습니다. 이와 같이 표시하면 상호 교차하는 서로 다른 모션 경로에 대해 여러 애니메이션을 디자인할 때 유용합니다. 모션 경로나 트윈 범위가 선택되어 있을 때 속성 관리자 옵션 메뉴에서 이 옵션을 선택할 수 있습니다.

선택 도구 및 세부 선택 도구를 사용하여 모션 경로의 모양 편집

선택 도구 및 세부 선택 도구를 사용하여 모션 경로를 변형할 수 있습니다. 선택 도구를 사용하여 세그먼트를 드래그하여 변형할 수 있습니다. 트윈의 속성 키프레임은 경로에 제어점으로 표시됩니다. 세부 선택 도구를 사용하여 각 위치 속성 키프레임에 해당하는 경로의 제어점 및 베지어 핸들을 표시할 수 있습니다. 이러한 핸들을 사용하여 속성 키프레임 지점 주위 경로를 변형할 수 있습니다.

원과 같이 직선이 아닌 모션 경로를 만드는 경우 경로를 따라 이동 시 트위닝된 객체를 회전해야 할 수 있습니다. 경로를 기준으로 일정 방향을 유지하려면 속성 관리자에서 경로 방향으로 옵션을 선택합니다.

모션 경로(왼쪽) 방향이 아닌 모션 경로(오른쪽)로 트위닝된 객체입니다.

  1. 도구 패널에서 선택 도구를 클릭합니다.

  2. 스테이지에서 모션 경로가 표시되도록 트윈 대상 인스턴스를 클릭합니다.

  3. 선택 도구를 사용하여 모션 경로의 세그먼트를 드래그하여 변형합니다. 먼저 세그먼트를 클릭하여 선택하면 안 됩니다.

  4. 경로에서 속성 키프레임 지점의 베지어 제어점을 표시하려면 세부 선택 도구를 클릭한 후 경로를 클릭합니다.

    속성 키프레임 지점은 모션 경로 위에 제어점(작은 마름모)으로 표시됩니다.

  5. 제어점을 이동하려면 세부 선택 도구를 사용하여 드래그합니다.

  6. 제어점 주위에서 경로의 곡선을 조정하려면 세부 선택 도구로 제어점의 베지어 핸들을 드래그합니다.

    핸들이 확장되어 있지 않으면 Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 상태에서 제어점을 드래그하여 핸들을 확장할 수 있습니다.

  1. 앵커 포인트를 삭제하려면 앵커 포인트 삭제 도구를 사용하여 클릭합니다. 선택 도구로 생성되는 대부분의 앵커 포인트는 둥근점입니다. 앵커 포인트를 변환하려면 앵커 포인트 변환 도구를 사용하여 클릭합니다. 그러면 앵커가 각도 포인트로 변경됩니다.
  1. 일반 앵커 포인트에서와 마찬가지로 포인트에서 새 베지어 핸들을 꺼내서 배치할 수도 있습니다.

참고:

앵커 포인트 추가 도구를 사용하여 경로에 앵커 포인트를 추가할 수는 없습니다.

트위닝된 객체의 위치 변경

모션 경로를 편집하는 가장 간단한 방법은 트윈 범위의 프레임에서 스테이지에 있는 트윈의 대상 인스턴스를 이동하는 것입니다. 현재 프레임에 아직 속성 키프레임이 없으면 Animate에서 속성 키프레임을 추가합니다.

  1. 대상 인스턴스를 이동하려는 프레임에 재생 헤드를 배치합니다.
  2. 선택 도구를 사용하여 대상 인스턴스를 스테이지의 새 위치로 드래그합니다.

새 위치를 포함하도록 모션 경로가 업데이트됩니다. 모션 경로의 기타 모든 속성 키프레임은 원래 위치에 유지됩니다.

스테이지에서 모션 경로의 위치 변경

스테이지에서 전체 모션 경로를 드래그하거나 속성 관리자에서 해당 위치를 설정할 수 있습니다.

  1. [도구] 패널에서 [선택 도구]를 클릭합니다.

  2. 다음 중 하나를 수행하여 모션 경로를 선택합니다.

    • 타임라인에서 트윈 범위를 클릭한 후에 스테이지에서 모션 경로를 클릭합니다.
    • 스테이지에서 트위닝된 객체를 클릭한 후에 모션 경로를 클릭합니다.
    • 윤곽을 모션 경로 및 대상 인스턴스 주위로 드래그하여 모두 선택합니다.
    • (CS5.5만 해당) Shift 키를 누른 채로 편집하려는 각 트윈의 모션 경로를 클릭하여 여러 개의 모션 경로를 선택합니다. 모든 모션 경로 주위의 윤곽을 드래그할 수도 있습니다.

  3. 다음 중 하나를 수행하여 모션 경로를 이동합니다.

    • 스테이지에서 경로를 원하는 위치로 드래그합니다.
    • 속성 관리자에서 경로의 X 및 Y 값을 설정합니다. X 값 및 Y 값은 모션 경로 경계 상자의 왼쪽 위 모서리에 있습니다.
    • 화살표 키를 사용하여 모션 경로를 이동합니다.

    참고:

    모션 경로의 위치를 지정하여 트윈 대상 인스턴스 및 모션 경로를 이동시키려면 인스턴스와 경로를 모두 선택한 다음 속성 관리자에서 X 및 Y 위치를 입력합니다. 모션 경로가 없는 트위닝된 객체를 이동시키려면 해당 객체를 선택한 다음 속성 관리자에서 X 및 Y 값을 입력합니다.

자유 변형 도구를 사용하여 모션 경로 편집

  1. 도구 패널에서 자유 변형 도구를 클릭합니다.
  2. 자유 변형 도구를 사용하여 모션 경로를 클릭합니다. 트윈 대상 인스턴스는 클릭하면 안 됩니다.
  3. 자유 변형 도구를 사용하여 경로를 크기 조절, 기울이기 또는 회전합니다.

참고:

또한 세부 선택 도구로 선택한 다음 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 눌러 모션 경로에서 자유 변형을 수행할 수도 있습니다. 이 키를 누르면 자유 변형 도구와 동일한 컨트롤이 표시됩니다. 그런 다음 키를 누른 상태로 드래그하여 변형을 수행할 수 있습니다.

재생 헤드는 트윈의 첫 번째 프레임에 있기 때문에 크기 조절은 모든 트위닝된 프레임에 적용됩니다. 새로운 속성 키프레임이 만들어지지 않습니다.

트윈에서 모션 경로 삭제

  1. 선택 도구를 사용하여 스테이지에서 모션 경로를 클릭하여 선택합니다.
  2. Delete 키를 누릅니다.

모션 경로를 획으로 복사

  1. 스테이지에서 모션 경로를 클릭하여 선택합니다.
  2. 편집 > 복사를 선택합니다.

그리고 나서 경로를 다른 레이어에 다른 모션 트윈에 대한 모션 경로 또는 획으로 붙여넣을 수 있습니다.

사용자 정의 획을 모션 경로 적용

별도의 레이어 또는 별도의 타임라인의 획을 트윈의 모션 경로로 적용할 수 있습니다.

  1. 트윈 레이어와 별도의 레이어에 있는 획을 선택하고 클립보드에 복사합니다.
    획은 닫혀 있으면 안 됩니다. 끊기지 않은 획만 사용할 수 있습니다.
  2. 타임라인에서 트윈 범위를 선택합니다.
  3. 트윈 범위를 여전히 선택한 상태로 획을 붙여넣습니다.
    Animate에서 이 획을 선택된 트윈 범위에 대한 새로운 모션 경로로 적용합니다. 이제 트윈의 대상 인스턴스가 새로운 획을 따라 이동합니다.
  4. 트윈의 시작점과 끝점을 반대로 바꾸려면 트윈 범위를 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)하고 트윈 범위 컨텍스트 메뉴에서 모션 경로 > 경로 반전을 선택합니다.