Animate의 3D 그래픽

Animate CC(이전의 Flash Professional CC)에서는 스테이지의 3D 공간에서 동영상 클립을 이동하고 회전하여 3D 효과를 만들 수 있습니다. Animate에서는 각 동영상 클립 인스턴스의 속성에 Z축을 포함하여 3D 공간을 나타냅니다. [3D 평행 이동 도구] 및 [3D 회전 도구]를 사용하여 동영상 클립 인스턴스를 X축을 따라 이동하거나 X 또는 Y축을 기준으로 회전하여 해당 인스턴스에 3D 원근감 효과를 추가합니다. 3D 공간에서 객체를 이동하는 것을 3D 용어로 평행 이동이라고 하고, 3D 공간에서 객체를 회전하는 것을 변형이라고 합니다. 동영상 클립에 이러한 효과 중 하나를 적용한 경우 Animate는 이 효과를 3D 동영상 클립으로 고려하므로 동영상 클립을 선택할 때마다 색상 축 표시기가 동영상 클립에 오버레이되어 표시됩니다.

객체가 뷰어에서 가깝게 또는 멀게 나타나도록 하려면 [3D 평행 이동 도구] 또는 속성 관리자를 사용하여 Z축을 따라 객체를 이동합니다. 뷰어에서 객체를 기울이려면 [3D 회전 도구]를 사용하여 Z축을 중심으로 동영상 클립을 회전합니다. 이러한 도구를 조합하여 사용하면 실감나는 원근감 효과를 만들 수 있습니다.

[3D 평행 이동 도구]와 [3D 회전 도구] 모두 전역 또는 로컬 3D 공간에서 객체를 조작할 수 있습니다. 전역 3D 공간은 스테이지 공간으로, 전역 변형 및 평행 이동은 스테이지를 기준으로 합니다. 로컬 3D 공간은 동영상 클립 공간으로, 로컬 변형 및 평행 이동은 동영상 클립 공간을 기준으로 합니다. 예를 들어, 여러 개의 중첩된 동영상 클립이 포함된 동영상 클립이 있으면 중첩된 동영상 클립의 로컬 3D 변형은 컨테이너 동영상 클립 내부의 드로잉 영역을 기준으로 합니다. [3D 평행 이동 도구]와 [3D 회전 도구]의 기본 모드는 전역입니다. 로컬 모드에서 사용하려면 [도구] 패널의 [옵션] 섹션에서 [전역] 전환 버튼을 클릭합니다.

FLA 파일에서 동영상 클립 인스턴스의 3D 속성을 사용하면 라이브러리에서 동영상 클립을 복제하지 않고 다양한 그래픽 효과를 만들 수 있습니다. 그러나 라이브러리에서 동영상 클립을 편집하면 적용된 3D 변형 및 평행 이동이 표시되지 않습니다. 동영상 클립의 내용을 편집하면 중첩된 동영상 클립의 3D 변형만 표시됩니다.

dr_global_3d_space
전역 3D 공간에서 회전하는 동영상 클립이 있는 스테이지

dr_local_3d_space
로컬 3D 공간에서 회전하는 중첩된 동영상 클립을 포함하는 스테이지

참고:

동영상 클립 인스턴스에 3D 변형을 추가한 경우 [제자리에서 편집] 모드에서 해당 부모 동영상 클립 심볼을 편집할 수 없습니다.

스테이지에 3D 객체가 있는 경우 FLA 파일의 [원근감 각도] 및 [소실점] 속성을 조정하여 특정 3D 효과를 이러한 모든 객체에 그룹으로 추가할 수 있습니다. [원근감 각도] 속성은 스테이지 보기를 확대/축소하는 효과가 있고, [소실점] 속성은 스테이지에서 3D 객체를 패닝하는 효과가 있습니다. 이러한 설정은 3D 변형 또는 평행 이동이 적용된 동영상 클립의 모양에만 영향을 줍니다.

Animate 제작 도구에서는 하나의 뷰포인트 또는 카메라만 제어할 수 있습니다. FLA 파일의 카메라 보기는 스테이지 보기와 동일합니다. 각 FLA 파일에는 하나의 원근감 각도 및 소실점 설정만 있습니다.

Animate의 3D 기능을 사용하려면 FLA 파일의 제작 설정을 Flash Player 10 및 ActionScript 3.0으로 설정해야 합니다. 동영상 클립 인스턴스만 Z축을 따라 회전하거나 평행 이동할 수 있습니다. 일부 3D 기능은 각 동영상 클립에 대한 별도의 카메라 및 여러 소실점과 같이 Animate 사용자 인터페이스에서 직접 사용할 수 없는 ActionScript를 통해 사용할 수 있습니다. ActionScript 3.0을 사용하면 객체(예: 텍스트, FLV Playback 구성 요소 및 버튼) 및 동영상 클립에 3D 속성을 적용할 수 있습니다.

참고:

3D 도구는 마스크 레이어의 객체에 사용할 수 없으며 3D 객체가 포함된 레이어는 마스크 레이어로 사용할 수 없습니다. 마스크 레이어에 대한 자세한 내용은 마스크 레이어 사용을 참조하십시오.

3D 공간에서 객체 이동

[3D 평행 이동 도구] 를 사용하여 3D 공간에서 동영상 클립 인스턴스를 이동시킬 수 있습니다. 도구로 동영상 클립을 선택하면 X축, Y축 및 Z축이 스테이지의 객체 위에 나타납니다. X축은 빨강, Y축은 녹색, Z축은 파랑입니다.

[3D 평행 이동 도구]의 기본 모드는 전역입니다. 전역 3D 공간에서 객체를 이동하는 것은 스테이지를 기준으로 이동하는 것과 같고, 로컬 3D 공간에서 객체를 이동하는 것은 해당 부모 동영상 클립(있는 경우)을 기준으로 이동하는 것과 같습니다. [3D 평행 이동 도구]를 전역 모드와 로컬 모드 간에 전환하려면 [3D 평행 이동 도구]를 선택한 채로 [도구] 패널의 [옵션] 섹션에서 [전역] 전환 버튼을 클릭합니다. [3D 평행 이동 도구]를 사용하여 드래그하는 동안 D 키를 눌러 일시적으로 전역에서 로컬로 모드를 전환할 수 있습니다.

3D 평행 이동 도구와 3D 회전 도구는 [도구] 패널에서 같은 공간을 차지합니다. [도구] 패널에서 현재 비활성인 3D 도구를 선택하려면 활성 3D 도구 아이콘을 클릭하여 누릅니다.

기본적으로 3D 평행 이동이 적용된 선택한 객체가 3D 축 오버레이로 스테이지에 표시됩니다. Animate [환경 설정]의 [일반] 섹션에서 이 오버레이를 해제할 수 있습니다.

dr_3d_translation_overlay
3D 평행 이동 도구 오버레이

참고:

3D 동영상 클립의 z축 위치를 변경하면 동영상 클립의 x 및 y 위치가 변경된 것처럼 보일 수 있습니다. 3D 소실점(3D 심볼 인스턴스 속성 관리자에서 설정)에서 스테이지 가장자리까지 걸쳐 있는 보이지 않는 원근선 뒤에서 z축을 따라 이동이 발생하기 때문입니다.

3D 공간에서 단일 객체 이동

  1. [도구] 패널에서 [3D 평행 이동 도구] 를 선택하거나 G 키를 눌러 선택합니다.
  2. 도구를 [로컬] 또는 [전역] 모드로 설정합니다.

    [도구] 패널의 [옵션] 섹션에서 [전역] 전환 버튼을 선택하여 도구가 원하는 모드에 있는지 확인합니다. 모드를 전환하려면 버튼을 클릭하거나 D 키를 누릅니다.

  3. [3D 평행 이동 도구] 를 사용하여 동영상 클립을 선택합니다.
  4. 도구로 드래그하여 객체를 이동하려면 X축, Y축 또는 Z축 컨트롤 위로 마우스 포인터를 이동합니다. 컨트롤 위로 이동하면 마우스 포인터가 변경됩니다.

    X축 및 Y축 컨트롤은 각 축에 있는 화살표 끝입니다. 이러한 컨트롤 중 하나를 화살표 방향으로 드래그하여 선택한 축을 따라 객체를 이동합니다. Z축 컨트롤은 동영상 클립의 가운데에 있는 검정 점입니다. Z축 컨트롤을 위나 아래로 드래그하여 Z축에서 객체를 이동합니다.

  5. 속성 관리자를 사용하여 객체를 이동하려면 속성 관리자의 [3D 위치 및 보기] 섹션에서 X, Y 또는 Z 값을 입력합니다.

    Z축에서 객체를 이동하면 외관상 크기가 변경됩니다. 외관상 크기는 속성 관리자의 [3D 위치 및 보기] 섹션에서 [폭] 및 [높이] 값으로 속성 관리자에 나타납니다. 이러한 값은 읽기 전용입니다.

3D 공간에서 여러 객체 선택 이동

여러 동영상 클립을 선택하면 [3D 평행 이동 도구] 를 사용하여 선택한 객체 중 하나를 이동시킬 때 다른 객체도 동일한 방식으로 이동합니다.

  • 그룹 내 모든 객체를 전역 3D 공간에서 같은 방식으로 이동하려면 [3D 평행 이동 도구]를 전역 모드로 설정한 다음 축 컨트롤을 사용하여 객체 중 하나를 드래그합니다. Shift 키를 누른 상태에서 선택한 객체 중 하나를 두 번 클릭하여 축 컨트롤을 해당 객체로 이동합니다.

  • 그룹 내 모든 객체를 로컬 3D 공간에서 같은 방식으로 이동하려면 [3D 평행 이동 도구]를 로컬 모드로 설정한 다음 축 컨트롤을 사용하여 객체 중 하나를 드래그합니다. Shift 키를 누른 상태에서 선택한 객체 중 하나를 두 번 클릭하여 축 컨트롤을 해당 객체로 이동합니다.

Z축 컨트롤을 두 번 클릭하여 축 컨트롤을 여러 선택 항목의 가운데로 이동할 수도 있습니다. Shift 키를 누른 상태에서 선택한 객체 중 하나를 두 번 클릭하여 축 컨트롤을 해당 객체로 이동합니다.

3D 공간에서 객체 회전

[3D 회전 도구] 를 사용하여 3D 공간에서 동영상 클립 인스턴스를 회전시킬 수 있습니다. 스테이지의 선택된 객체 위에 3D 회전 컨트롤이 나타납니다. X 컨트롤은 빨강, Y 컨트롤은 녹색, Z 컨트롤은 파랑입니다. 주황색 자유 회전 컨트롤을 사용하면 X축과 Y축을 동시에 회전할 수 있습니다.

[3D 회전 도구]의 기본 모드는 전역입니다. 전역 3D 공간에서 객체를 회전하는 것은 스테이지를 기준으로 이동하는 것과 같습니다. 로컬 3D 공간에서 객체를 회전하는 것은 해당 부모 동영상 클립(있는 경우)을 기준으로 이동하는 것과 같습니다. [3D 회전 도구]를 전역 모드와 로컬 모드 간에 전환하려면 [3D 회전 도구]를 선택한 채로 [도구] 패널의 [옵션] 섹션에서 [전역] 전환 버튼을 클릭합니다. [3D 회전 도구]를 사용하여 드래그하는 동안 D 키를 눌러 일시적으로 전역에서 로컬로 모드를 전환할 수 있습니다.

3D 회전 도구와 3D 평행 이동 도구는 [도구] 패널에서 같은 공간을 차지합니다. [도구] 패널에서 현재 비활성인 3D 도구를 선택하려면 활성 3D 도구 아이콘을 클릭하여 누릅니다.

기본적으로 3D 회전이 적용된 선택한 객체가 3D 축 오버레이로 스테이지에 표시됩니다. Animate [환경 설정]의 [일반] 섹션에서 이 오버레이를 해제할 수 있습니다.

dr_global_3d_rotation_overlay
전역 3D 회전 도구 오버레이

dr_local_3d_rotation_overlay
로컬 3D 회전 도구 오버레이

3D 공간에서 단일 객체 회전

  1. [도구] 패널에서 [3D 회전 도구] 를 선택하거나 W 키를 누릅니다.

    [도구] 패널의 [옵션] 섹션에서 [전역] 전환 버튼을 선택하여 도구가 원하는 모드에 있는지 확인합니다. 전역 모드와 로컬 모드 사이를 전환하려면 버튼을 클릭하거나 D 키를 누릅니다.

  2. 스테이지에서 동영상 클립을 선택합니다.

    3D 회전 컨트롤이 선택한 객체에 겹쳐 나타납니다. 컨트롤이 서로 다른 위치에 나타나면 컨트롤 중심점을 두 번 클릭하여 선택한 객체로 이동합니다.

  3. 마우스 포인터를 네 개의 회전 축 컨트롤 중 하나의 위에 놓습니다.

    네 개의 컨트롤 중 하나의 위로 이동하면 마우스 포인터가 변경됩니다.

  4. 축 컨트롤 중 하나를 드래그하여 해당 축을 기준으로 회전하거나 자유 회전 컨트롤(외부 주황색 원)을 드래그하여 X 및 Y를 동시에 회전합니다.

    X축 컨트롤을 왼쪽이나 오른쪽으로 드래그하여 X축을 기준으로 회전합니다. Y축 컨트롤을 위나 아래로 드래그하여 Y축을 기준으로 회전합니다. Z축 컨트롤을 원형 모션으로 드래그하여 Z축을 기준으로 회전합니다.

  5. 동영상 클립을 기준으로 회전 컨트롤 중심점을 재배치하려면 중심점을 드래그합니다. 중심점 이동을 45° 증분으로 제한하려면 Shift 키를 누른 상태에서 드래그합니다.

    회전 컨트롤 중심점을 이동시키면 객체 및 객체 모양에 대한 회전 효과를 제어할 수 있습니다. 중심점을 두 번 클릭하여 선택한 동영상 클립의 가운데로 다시 이동합니다.

    선택한 객체에 대한 회전 컨트롤 중심점의 위치는 [변형] 패널에서 [3D 중심점] 속성으로 나타납니다. [변형] 패널에서 중심점의 위치를 수정할 수 있습니다.

3D 공간에서 여러 객체 선택 회전

  1. [도구] 패널에서 [3D 회전 도구] 를 선택하거나 W 키를 누릅니다.

    [도구] 패널의 [옵션] 섹션에서 [전역] 전환 버튼을 선택하여 도구가 원하는 모드에 있는지 확인합니다. 전역 모드와 로컬 모드 사이를 전환하려면 버튼을 클릭하거나 D 키를 누릅니다.

  2. 스테이지에서 여러 동영상 클립을 선택합니다.

    3D 회전 컨트롤이 가장 최근에 선택한 객체에 겹쳐 나타납니다.

  3. 마우스 포인터를 네 개의 회전 축 컨트롤 중 하나의 위에 놓습니다.

    네 개의 컨트롤 중 하나의 위로 이동하면 마우스 포인터가 변경됩니다.

  4. 축 컨트롤 중 하나를 드래그하여 해당 축을 기준으로 회전하거나 자유 회전 컨트롤(외부 주황색 원)을 드래그하여 X 및 Y를 동시에 회전합니다.

    X축 컨트롤을 왼쪽이나 오른쪽으로 드래그하여 X축을 기준으로 회전합니다. Y축 컨트롤을 위나 아래로 드래그하여 Y축을 기준으로 회전합니다. Z축 컨트롤을 원형 모션으로 드래그하여 Z축을 기준으로 회전합니다.

    선택한 동영상 클립 모두 회전 컨트롤의 가운데에 나타나는 3D 중심점을 기준으로 회전합니다.

  5. 3D 회전 컨트롤 중심점을 재배치하려면 다음 중 하나를 수행합니다.
    • 중심점을 임의의 위치로 이동하려면 중심점을 드래그합니다.

    • 중심점을 선택한 동영상 클립 중 하나의 가운데로 이동하려면 Shift 키를 누른 상태에서 동영상 클립을 두 번 클릭합니다.

    • 중심점을 선택한 동영상 클립의 그룹 가운데로 이동하려면 동영상 클립을 두 번 클릭합니다.

    3D 회전 중심점의 위치를 변경하면 객체에 대한 회전의 영향을 제어할 수 있습니다.

    선택한 객체에 대한 회전 컨트롤 중심점의 위치는 [변형] 패널에서 [3D 중심점]으로 나타납니다. [변형] 패널에서 중심점의 위치를 수정할 수 있습니다.

변형 패널을 사용한 선택 영역 회전

  1. [변형] 패널([윈도우] > [변형])을 엽니다.
  2. 스테이지에서 동영상 클립을 하나 이상 선택합니다.
  3. [변형] 패널의 3D 회전 X, Y 및 Z 필드에 원하는 값을 입력하여 선택 영역을 회전합니다. 이러한 필드는 핫 텍스트를 포함하므로 값을 드래그하여 변경할 수 있습니다.

    참고:

    3D 회전은 [도구] 패널의 현재 [3D 회전 도구] 모드에 따라 전역 또는 로컬 3D 공간에서 발생합니다.

  4. 3D 회전점을 이동하려면 3D 중심점 X, Y 및 Z 필드에 원하는 값을 입력합니다.

원근감 각도 조정

FLA 파일의 [원근감 각도] 속성은 스테이지의 3D 동영상 클립 보기에 대한 외관상 각도를 제어합니다.

[원근감 각도]를 늘리거나 줄이면 3D 동영상 클립의 외관상 크기 및 스테이지의 가장자리를 기준으로 한 위치에 영향을 줍니다. [원근감 각도]를 늘리면 3D 객체가 뷰어와 가깝게 나타나고, [원근감 각도] 속성을 줄이면 3D 객체가 멀게 나타납니다. 이 효과는 렌즈를 통해 보기의 각도를 변경하는 카메라 렌즈를 사용한 확대/축소와 유사합니다.

dr_perspective_angle_55
원근감 각도가 55인 스테이지

dr_perspective_angle_110
원근감 각도가 110인 스테이지

[원근감 각도] 속성은 3D 평행 이동 또는 회전이 적용된 모든 동영상 클립에 영향을 줍니다. [원근감 각도]는 다른 동영상 클립에 영향을 주지 않습니다. 기본 [원근감 각도]는 일반 카메라 렌즈와 같은 55°입니다. 값의 범위는 1°에서 180° 사이입니다.

속성 관리자에서 [원근감 각도]를 보거나 설정하려면 스테이지에서 3D 동영상 클립을 선택해야 합니다. [원근감 각도]를 변경하면 스테이지에 즉시 표시됩니다.

스테이지 크기를 변경하면 3D 객체의 모양이 바뀌지 않도록 자동으로 [원근감 각도]가 변경됩니다. [문서 속성] 대화 상자에서 이 비헤이비어를 해제할 수 있습니다.

원근감 각도를 설정하려면

  1. 스테이지에서 3D 회전 및 평행 이동이 적용된 동영상 클립 인스턴스를 선택합니다.
  2. 속성 관리자에서 [원근감 각도] 필드에 새 값을 입력하거나 핫 텍스트를 드래그하여 값을 변경합니다.

소실점 조정

FLA 파일의 [소실점] 속성은 스테이지의 3D 동영상 클립 Z축에 대한 방향을 제어합니다. FLA 파일에서 모든 3D 동영상 클립의 Z축은 소실점을 향해 오목하게 표시됩니다. 소실점을 재배치하여 Z축을 따라 평행 이동할 때 객체가 이동하는 방향을 변경할 수 있습니다. 소실점의 위치를 조정하면 스테이지에서 3D 객체 및 애니메이션의 모양을 정밀하게 제어할 수 있습니다.

예를 들어, 스테이지의 왼쪽 위 모서리(0, 0)에 소실점을 배치한 후 동영상 클립의 Z 속성 값을 늘리면 동영상 클립이 뷰어에서 멀어져 스테이지의 왼쪽 위 모서리를 향해 이동합니다.

소실점은 모든 3D 동영상 클립에 영향을 주므로 소실점을 변경하면 Z축 평행 이동이 적용된 모든 동영상 클립의 위치도 변경됩니다.

[소실점]은 Z축 평행 이동 또는 회전이 적용된 모든 동영상 클립에 영향을 주는 문서 속성입니다. [소실점]은 다른 동영상 클립에 영향을 주지 않습니다. 소실점의 기본 위치는 스테이지의 가운데입니다.

속성 관리자에서 [소실점]을 보거나 설정하려면 스테이지에서 3D 동영상 클립을 선택해야 합니다. [소실점]을 변경하면 스테이지에 즉시 표시됩니다.

소실점을 설정하려면

  1. 스테이지에서 3D 회전 및 평행 이동이 적용된 동영상 클립을 선택합니다.
  2. 속성 관리자에서 [소실점] 필드에 새 값을 입력하거나 핫 텍스트를 드래그하여 값을 변경합니다. 핫 텍스트를 드래그하는 동안 스테이지에 소실점 위치를 나타내는 안내선이 나타납니다.
  3. 소실점을 스테이지의 가운데로 다시 이동하려면 속성 관리자에서 [재설정] 버튼을 클릭합니다.

참고:

스테이지 크기를 조절한 경우 [소실점] 필드는 자동으로 업데이트되지 않습니다. 특정 위치의 소실점에 따라 만들어진 3D 모양을 유지하려면 새 스테이지 크기에 상대적인 위치에 소실점을 다시 배치해야 합니다.

AnimateCCBanner

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

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