프로토타입 애니메이트

시작하기에 앞서 다음과 같은 간단한 규칙을 통해 애니메이션이 진행되는 동안 오브젝트가 처리되는 방식에 대해 이해하시기 바랍니다.

• 대상 아트보드에 오브젝트가 표시되지 않는다면 이는 페이드 인 상태입니다.
• 소스 아트보드에 오브젝트가 표시되지 않는다면 이는 페이드 아웃 상태입니다.
• 오브젝트가 해당 레이어 이름 및 그룹과 일치한다면 속성에 애니메이션이 적용된 것입니다. 지원되는 속성 및 전환의 전체 목록은 오브젝트 속성에서 확인할 수 있습니다.
• 가로 또는 세로 스크롤 효과의 프로토타입을 제작하려면 스크롤 그룹을 사용하십시오.
  

프로토타입 모드에서 아트보드를 와이어 연결합니다. 

커넥터를 클릭하여 속성 관리자에서 인터랙션 패널이 표시되도록 하고 다음 옵션을 설정합니다.

• 트리거: 애니메이션을 트리거할 옵션을 선택합니다. 예를 들어 카드 태핑 경험을 시뮬레이션하려면 탭을 선택합니다.
• 액션: 자동 애니메이트를 선택합니다. 이제 탭과 같은 하나의 트리거에 두 가지 액션을 할당할 수 있습니다. 이렇게 하려면 속성 관리자에서 첫 번째 액션 + 버튼을 전환, 자동 애니메이트, 오버레이, 스크롤 위치 또는 이전 아트보드로 설정하고 두 번째 액션 + 버튼을 오디오 재생 또는 음성 재생과 같은 비전환 액션으로 설정하십시오. 첫 번째 액션으로 오디오 재생 또는 음성 재생을 선택하는 경우 두 번째 액션을 추가할 수 없다는 점을 참고하십시오.
  
• 대상: 애니메이션을 전환할 대상 아트보드를 선택합니다.
• 이징: 이징 효과를 시뮬레이션할 옵션을 선택합니다. 예를 들어 프로토타입에서 애니메이션이 서서히 끝나도록 하려면 서서히 끝내기를 선택합니다.

오브젝트에 대한 더 많은 인터랙션을 정의하려면 이미 정의된 인터랙션이 있는 오브젝트를 선택하고 아트보드에서 + 버튼을 클릭합니다. 또는 속성 관리자에서 +를 클릭할 수도 있습니다.

 탭, 드래그, 호버 및 시간 트리거는 한 번만 적용하고 음성, 키 및 게임패드는 여러 번 적용할 수 있습니다. 

지원되는 브라우저에서 애니메이션 미리보기( )를 선택합니다. 

 XD는 자동 애니메이션이 적용된 아트보드를 미리 볼 때 스크롤 기능을 지원하지 않습니다.