변경 효과에 애니메이션 적용

효과 속성에 애니메이션을 적용할 수 있습니다. 예를 들어 그림자의 Direction 속성에 애니메이션을 적용하여 그림자가 개체 뒤에서 원형으로 움직이도록 할 수 있습니다.

이 애니메이션이 응용 프로그램에서 서로 다른 조건 하에 실행되도록 할 수 있습니다. 예를 들어 단추 템플릿에 효과를 추가하고 템플릿 범위에서 효과에 애니메이션을 적용한 다음 사용자가 단추를 클릭하면 애니메이션이 실행되도록 템플릿을 구성할 수 있습니다. 자세한 내용은 스토리보드의 실행 시점 제어를 참조하십시오.

단순한 스토리보드에서 효과 속성에 애니메이션 적용

1. 프로젝트의 개체에 효과를 적용합니다. 자세한 내용은 효과 적용, 수정 또는 삭제를 참조하십시오.

2. 개체 및 타임라인 패널에서 효과에 애니메이션을 적용할 스토리보드를 열거나 새로 만들기를 클릭하여 새 스토리보드를 만듭니다.

3. 타임라인 플레이헤드 를 1초 표시로 이동합니다.

   팁:
   스토리보드가 열려 있는 동안 프로젝트에 적용하는 모든 변경 내용은 타임라인 플레이헤드 위치에서 키 프레임 으로 기록됩니다. 키 프레임은 만든 후에 언제든지 이동할 수 있으며 복사, 붙여넣기 또는 삭제할 수도 있습니다. 자세한 내용은 키 프레임 붙여넣기 또는 이동 및 키 프레임 삭제를 참조하십시오.

4. 다음 작업 중 하나를 수행합니다.

   • 개체 및 타임라인 패널에서 효과가 적용된 개체를 확장하고 효과를 선택합니다.

     속성 패널에는 기타 범주만 표시되고 효과 속성이 나열됩니다.

   • 아트보드 또는 개체 및 타임라인 패널에서 효과가 적용된 개체를 선택합니다.

     속성 패널의 모양 범주에서 Effect 속성 옆의 확장을 클릭하여 해당 속성을 표시합니다.

5. 효과에 새 값을 입력하고 아트보드의 변경 내용을 확인합니다. 예를 들어 그림자가 개체 뒤에서 원형으로 움직이도록 하려면 Direction 속성 값에 360을 더하거나 값에서 360을 뺍니다.

6. 애니메이션을 테스트하려면 타임라인 위에 있는 재생을 누릅니다.

참조

작업

효과 적용, 수정 또는 삭제

개체 추가 또는 수정

개념

개체에 애니메이션 적용