개요

Adobe Animate CC(이전의 Flash Professional CC)의 애니메이션 안내선은 애니메이션을 만들 객체의 경로를 정의함으로써 더욱 향상된 애니메이션을 만드는 데 유용한 기능입니다. 안내선은 직선이 아닌 패스를 사용하여 애니메이션을 만들 때 유용합니다. 애니메이션을 수행하기 위해 이 프로세스에서는 2개의 레이어가 필요합니다.

  • 애니메이션을 만들 객체가 포함된 레이어
  • 애니메이션을 만드는 동안 객체에 적용할 패스 정의 레이어

애니메이션 안내선은 클래식 트윈에 대해서만 작동합니다.

애니메이션 안내선에 대한 자세한 내용은 클래식 트윈 애니메이션을 사용한 작업을 참조하십시오.

가변 획 두께 기반 애니메이션 안내선

안내선 패스의 가변 획 두께를 기반으로 객체에 애니메이션을 적용할 수 있습니다.

객체의 처음과 끝 위치에 대한 키프레임을 제외한 다른 키프레임은 획 두께 변형을 표시하는 데 필요하지 않습니다.

  1. 가변 획 두께를 기준으로 객체에 애니메이션을 적용하려면 이전 섹션에서 설명한 대로 패스를 먼저 만들고 패스를 따라 객체에 애니메이션을 적용해야 합니다. 
  2. 타임라인에서 선택한 트윈의 첫 번째 키프레임에서 [속성 관리자]의 패스 체크 박스와 함께 [크기 조절] 및 [경로에 따른 크기 조절] 옵션을 선택합니다. 이제 획 두께를 기준으로 객체의 크기를 조절할 수 있는 준비가 되었습니다.
  1. 다음 방법 중 하나를 사용하여 획 두께를 정의합니다.
  • 도구 상자에서 폭 도구(U)를 선택하고, 패스 아무 곳이나 클릭하여 드래그하면서 패스의 두께를 조절합니다.
  • 도구 상자에서 선택 도구(V)를 사용하여 패스를 선택하고, [속성 관리자]의 폭 드롭다운 옵션에서 획의 폭 프로파일을 선택합니다.

가변 폭 획에 대한 자세한 내용은 가변 폭 획을 참조하십시오.

가변 폭 획을 패스로 정의했으면, 모션 트윈을 실행할 경우 패스 경로뿐 아니라 획 두께 변형에 따른 크기 변경도 확인 할 수 있습니다.

다음은 가변 폭 획으로 된 애니메이션 안내선을 사용한 하나의 예입니다.

 

아래에서 보듯이 모션 안내선 패스는 여러 다른 가변 폭 프로파일로 지정되어 있는 연결된 각 세그먼트에 따라 여러 세그먼트를 가질 수 있습니다. 객체의 추가 키프레임이 없는 경우에는 각 세그먼트의 폭 프로파일이 애니메이션 과정에서 적용됩니다.

획 색상 기반 애니메이션 안내선

이 외에도 애니메이션 안내선을 사용하면 안내선 패스 자체의 색상을 기반으로 객체의 색상을 변경하여 패스와 함께 객체를 트위닝할 수 있습니다. 이 변형이 가능하려면 패스에 적어도 2개 이상의 세그먼트가 있어야 합니다. 즉, 최소 3개의 노드 또는 포인트가 패스의 일부로 필요합니다. 이를 위해서는 이전 섹션에서 설명한 대로 클래식 모션 트윈을 만들고 안내선 패스를 그립니다. 아래와 같이 펜 도구를 사용하여 안내선 패스를 그리면 됩니다. 이 경로는 3개의 세그먼트에 4개의 노드/포인트를 가집니다.

획 색상 변형을 표시하기 위해 객체의 처음과 끝 위치에 대한 키프레임을 제외한 다른 추가 키프레임을 생성할 필요가 없습니다.

  1. 클래식 모션 트윈을 만들었으면 타임라인에서 트윈의 첫 키프레임을 선택합니다. [속성 관리자]에서 패스 체크 박스와 함께 [색상]을 선택합니다. 이제 안내선 패스에 따라 색상 변형을 수행할 할 수 있습니다.
  1. 이제 도구 상자에서 선택 도구(V)를 사용하여 안내선 패스의 두 번째 세그먼트를 선택하고 다른 색상을 선택합니다. 패스의 세 번째 세그먼트도 이와 같이 반복하시면 됩니다.

이제 애니메이션을 실행해 보십시오. 트윈 과정에서 객체 자체에 적용된 안내선 패스의 색상 변화를 확인할 수 있습니다. 단지 색상에 대한 변화뿐 아니라 안내선 패스의 획 세그먼트에 대한 알파/불투명도 값의 변화도 확인할 수 있습니다.

다음은 색상 변형이 적용된 애니메이션 안내선을 사용한 하나의 예입니다.

 

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

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