Share via


이동 패스 만들기, 수정 또는 삭제

This page applies to WPF projects only

패스 형식(선 또는 타원, 사각형과 같은 도형의 경계)에 관계없이 아트보드에서 패스를 따라 대상 개체가 이동하도록 하는 이동 패스로 변환 도구를 사용하면 자동으로 애니메이션 타임라인을 생성할 수 있습니다. 그런 다음 이동 패스를 수정하고 이동 경로, 반복 횟수 및 패스에 대한 개체의 방향을 변경할 수 있습니다.

이동 패스 만들기

  1. 이동 패스를 따라 이동하도록 설정할 개체가 아직 없으면 개체를 만든 다음 이름을 지정합니다. 이동 개체를 반드시 먼저 만들어야 하는 것은 아니지만 먼저 만들 경우 더 간편한 작업을 할 수 있습니다. 또한 개체에 이름을 지정하지 않아도 되지만 이름을 지정할 경우 후반 단계에서 이동 패스로 변환 도구를 사용할 때 개체를 더 쉽게 식별할 수 있다는 이점이 있습니다.

    Cc295124.alert_tip(KO-KR,Expression.30).gif팁:

    둘 이상의 개체에 이동 패스를 적용하려면 개체를 패널 개체로 그룹화한 다음 해당 패널에 이동 패스를 적용할 수 있습니다. 개체를 그룹화하려면 개체 및 타임라인 패널에서 개체를 선택하고 선택한 개체를 마우스 오른쪽 단추로 클릭한 다음 그룹으로 묶기를 가리키고 원하는 패널 형식을 클릭합니다. 이때 둘 이상의 개체를 선택하려면 Ctrl 키를 누른 상태에서 선택합니다.

  2. 이동 패스 타임라인을 추가할 스토리보드가 있으면 개체 및 타임라인에서 스토리보드 열기Cc295124.d4531c86-5048-481c-a1ca-29af202d28e7(KO-KR,Expression.30).png를 클릭하여 스토리보드 선택에서 해당 스토리보드를 선택합니다. 그렇지 않으면 새로 만들기Cc295124.86937695-03dd-44ea-aa30-28d4029b3ad0(KO-KR,Expression.30).png를 클릭하여 새 타임라인을 만들고 이름을 지정합니다.

  3. 이동 패스를 시작할 위치로 플레이헤드 Cc295124.5626c9eb-40bb-450a-9ca1-3678e5abe429(KO-KR,Expression.30).png를 이동합니다.

    [!참고]

    응용 프로그램에 기존 스토리보드가 있지만 이동 패스를 만들기 전에 선택하지 않으면 이동 패스가 스토리보드 선택에 나열된 첫 번째 타임라인에 추가됩니다. 응용 프로그램에 스토리보드가 없는 경우 이동 패스를 만들면 기본 이름으로 스토리보드가 만들어집니다.

  4. 도구 패널에서 이동 개체가 따라 이동할 패스를 생성할 수 있는 그리기 도구를 선택합니다.

    • 개체가 원형 또는 사각형으로 이동하도록 하려면 타원Cc295124.8938cfdf-9b75-4a33-bc88-b0636e114a0d(KO-KR,Expression.30).png 또는 사각형Cc295124.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(KO-KR,Expression.30).png을 선택합니다. 선택 도구 Cc295124.2ff91340-477e-4efa-a0f7-af20851e4daa(KO-KR,Expression.30).png를 사용하여 개체 주위에 나타나는 파란색 표시기를 끌거나 속성 패널의 변형 범주에서 속성을 변경하면 아트보드에서 도형을 수정할 수 있습니다.

      Cc295124.alert_tip(KO-KR,Expression.30).gif팁:

      기본적으로 이동 패스는 사각형의 왼쪽 위 모퉁이, 타원의 오른쪽에서 시작됩니다. 시작점을 다르게 설정하려면 이동 패스를 만들기 전에 도형을 회전하십시오. 또한 이동 패스는 시계 방향으로 실행되므로 이동 패스를 시계 반대 방향으로 실행하려면 이동 패스를 만들기 전에 도형을 대칭 이동(개체 메뉴에서 대칭 이동 클릭)하십시오.

    • 그린 패스를 따라 개체가 이동하도록 하려면 Cc295124.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(KO-KR,Expression.30).png 또는 연필Cc295124.509dc167-734f-46c9-b012-987ee63450cd(KO-KR,Expression.30).png을 사용합니다. 직접 선택Cc295124.6dd6571f-c116-451d-8dd2-1f88b8406362(KO-KR,Expression.30).png을 사용해 각 점을 이동하여 그린 패스를 수정할 수 있습니다.

      Cc295124.alert_tip(KO-KR,Expression.30).gif팁:

      기본적으로 이동 패스는 그린 패스의 원점(첫 번째 점)에서 시작됩니다.

  5. 아트보드에 패스 개체를 그립니다.

    Cc295124.alert_tip(KO-KR,Expression.30).gif팁:

    펜 도구, 복합형 패스 및 클리핑 도구를 사용하여 보다 복잡한 도형과 패스를 만들 수 있습니다.

    자세한 내용은 다음 항목을 참조하십시오.

  6. 개체 및 타임라인 패널에서 패스 개체를 선택하고 속성 패널의 브러시 범주에서 Fill 속성을 브러시 없음Cc295124.706bbd5c-c0e0-43a1-9604-297f019d0275(KO-KR,Expression.30).png으로 설정하고 Stroke 속성을 단색 브러시Cc295124.3a66ec96-47bb-47fc-8876-6b9456feec3a(KO-KR,Expression.30).png로 설정합니다. 이 단계를 반드시 수행할 필요는 없지만 수행할 경우 패스 개체의 윤곽선이 더 명확하게 표시됩니다.

  7. 개체 및 타임라인 패널에서 패스 개체를 선택하고 개체 메뉴에서 패스를 가리킨 다음 이동 패스로 변환을 클릭합니다.

    이동 패스로 변환 대화 상자가 나타납니다.

  8. 이동 패스의 대상은 이동 개체입니다. 목록에서 이동 개체의 이름을 선택한 다음 확인을 클릭합니다.

    [!참고]

    개체 및 타임라인 패널에서 이동 개체의 이름을 지정하지 않은 경우에는 해당 형식이 이동 패스로 변환 대화 상자에 표시됩니다. 이동 패스를 만들면 이동 개체의 이름이 자동으로 지정됩니다. 응용 프로그램의 다른 위치에서 참조하려면 개체에 이름이 있어야 하기 때문입니다.

    확인을 클릭하면 패스를 따라 개체의 움직임을 나타내는 이동 패스 타임라인이 생성됩니다. 열려 있는 스토리보드나 새 스토리보드에 타임라인이 추가됩니다.

  9. 이제 이동 패스를 생성하는 데 사용된 도형이나 그린 패스는 타임라인의 일부가 아니므로 삭제할 수 있습니다.

  10. 이동 패스의 재생 시간을 수정하려면 개체 및 타임라인 패널에서 이동 패스 노드가 표시될 때까지 이동 개체의 노드를 확장한 다음 타임라인에서 음영 시간 범위 막대의 끝에 있는 파란색 막대를 끕니다. 이동 패스의 반복 횟수를 수정할 수도 있습니다.

    반복 기간 설정에서 예를 참조하십시오.

  11. 재생Cc295124.64ad8e84-1eec-4154-9d0c-11fef322c0bf(KO-KR,Expression.30).png을 클릭하여 새 이동 패스를 테스트합니다.

이동 패스의 경로 수정

  1. 이동 패스가 포함되어 있는 스토리보드를 엽니다.

    자세한 내용은 스토리보드 열기 또는 닫기를 참조하십시오.

  2. 도구 패널에서 직접 선택Cc295124.2ff91340-477e-4efa-a0f7-af20851e4daa(KO-KR,Expression.30).png을 선택합니다.

  3. 개체 및 타임라인 패널에서 이동 개체를 선택합니다. 이동 패스를 나타내는 점(꼭지점)이 있는 파선이 아트보드에 나타납니다.

  4. 다음 방법 중 하나를 사용하여 패스를 이동합니다.

    • 점을 끕니다.

    • Cc295124.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(KO-KR,Expression.30).png을 선택한 다음 파선을 클릭하여 패스에 새 점을 추가합니다.

    • 곡선을 끌어 두 점 사이의 곡선을 이동합니다.

    • Alt 키를 누른 채로 곡선을 끌어 두 점 사이의 곡선 모양을 변경합니다.

    • 패스를 변형 또는 대칭 이동하여 애니메이션 방향을 반전합니다.

    • 점을 클릭한 다음 접선 끝점 중 하나를 끕니다.

    Cc295124.d91d85ca-603a-4451-8870-7dab7077028d(KO-KR,Expression.30).png

    패스 수정 기능에 대한 자세한 내용은 직접 선택 도구 보조 키펜 도구 보조 키를 참조하십시오.

이동 패스의 지속 시간 수정

  1. 개체 및 타임라인 패널에서 이동 패스 노드가 표시될 때까지 이동 개체의 노드를 확장합니다.

  2. 타임라인에서 음영 시간 범위 막대의 끝에 있는 파란색 막대를 끕니다. 이동 패스의 반복 횟수를 수정할 수도 있습니다.

    반복 기간 설정에서 예를 참조하십시오.

이동 개체의 원점이 계속 패스에 있도록 유지

  1. 개체 및 타임라인 패널에서 이동 패스 노드가 표시될 때까지 이동 개체의 노드를 확장합니다.

  2. 이동 패스 노드를 마우스 오른쪽 단추로 클릭한 다음 패스 방향으로를 선택합니다.

이동 패스 삭제

  • 스토리보드에 이동 패스 외에 다른 타임라인이 없으면 스토리보드를 삭제할 수 있습니다.

    자세한 내용은 스토리보드 만들기, 수정 또는 삭제를 참조하십시오.

  • 스토리보드에 이동 패스 외의 다른 타임라인이 있으면 이동 패스 타임라인만 삭제할 수 있습니다. 개체 및 타임라인 패널에서 이동 개체의 노드를 확장하여 이동 패스 노드를 선택한 다음 Delete 키를 누릅니다.

참조

작업

패스에서 점 추가 또는 제거