레이어 심도 및 카메라 Z 심도

이 릴리스에서는 서로 다른 심도에서 여러 객체와 관련된 애니메이션을 만들 수 있습니다. [카메라] 도구를 통해 애니메이션에 시차 효과를 추가할 수 있습니다. 이전에는 [카메라] 도구에서 멀리 있거나 가까이에 있는 객체의 크기를 추측하는 방식으로 시차 효과를 추가해야 했습니다. 

2017년 6월 릴리스에서는 Animate에서 ActionScript 3.0 및 WebGL 플랫폼을 통해 이 기능을 사용할 수 있습니다. 

Animate 디자이너는 여러 평면에 레이어를 배치하여 심도 효과를 만들 수 있습니다. 이전에는 Animate 구성의 레이어가 같은 평면에 있었습니다. 

레이어 심도 패널을 사용하여 레이어의 심도를 동적으로 변경할 수 있습니다. 레이어 심도를 사용하려면 윈도우 > 레이어 심도를 클릭합니다.

위의 스크린샷에 나와 있는 것처럼 지정된 프레임의 각 레이어 이름 옆에 레이어 심도 값이 표시됩니다.

• 각 값 위에 마우스를 놓고 슬라이더를 오른쪽이나 왼쪽으로 드래그합니다.
• 심도를 높이려면 슬라이더를 왼쪽으로 드래그하고 낮추려면 오른쪽으로 드래그합니다. 
• 음수 값을 사용하여 가까이 있는 객체를 표시하고 양수 값을 사용하여 멀리 있는 객체를 표시할 수 있습니다.

각 레이어는 레이어 심도 대화 상자에서 고유한 색상의 선으로 표시됩니다. 타임라인 창에서 각각의 레이어를 나타내는 색상을 확인할 수 있습니다. 

여러 색상으로 된 선을 위나 아래로 이동하여 각 레이어의 객체 심도를 높이거나 낮출 수도 있습니다.

• 레이어의 객체 심도를 높이려면 선을 위쪽 방향으로 이동합니다.
• 레이어의 객체 심도를 낮추려면 선을 아래쪽 방향으로 이동합니다.

다음 그림에서 레이어 심도 기능의 효과를 적용하기 전과 적용한 후의 컨텐츠를 확인할 수 있습니다. 

레이어 심도에 대해 크기 유지

스테이지에서 객체의 크기에 영향을 미치지 않으면서 객체의 레이어 심도를 변경할 수 있습니다. 이 기능을 활성화하려면 레이어 심도 패널의 오른쪽 위 모서리에 있는 크기 유지 버튼을 클릭합니다.

크기 유지 옵션은 다음과 같은 두 가지 모드로 사용할 수 있습니다.

• 크기 유지 버튼을 클릭하고 원하는 레이어의 레이어 심도를 수정합니다. 크기 유지 버튼은 자동으로 전환됩니다.
• Alt 키를 길게 눌러 크기 유지 옵션을 임시로 활성화하면서 레이어 심도 값을 드래그합니다.

레이어 심도의 최소값 및 최대값을 -5000에서 10000 사이로 설정할 수 있습니다. 

카메라 Z 심도를 사용한 시차 효과

카메라에서 레이어 심도 기능을 사용하여 객체에 대한 시차 효과를 만들 수 있습니다.

카메라에 가까이 있는 객체와 카메라에서 멀리 있는 객체가 각기 다른 속도로 이동하므로 시차 효과가 생성됩니다.

이 효과를 통해 객체의 심도와 원근을 확인할 수 있습니다.

• 카메라에 가까이 있는 객체가 카메라에서 멀리 있는 객체보다 빠르게 이동합니다.
• 카메라에 가까이 있는 객체는 레이어 심도 값이 큰 음수이고 카메라에서 멀리 있는 객체는 레이어 심도 값이 큰 양수입니다.

 객체의 크기는 심도 변경 중에 변경되지 않습니다. 이 기능을 사용하면 개체를 적절한 순서로 배치한 다음 [카메라 팬]을 사용하여 시차 효과를 시뮬레이션할 수 있습니다.