엣지 애니메이트 구성 개요 - 애니메이션

비디오: [SOLID EDGE ST6 동영상 강좌] Section 33 - Animation(애니메이션) 2024

Edge Animate 컴포지션을 만드는 과정은 다른 유형의 내용을 만드는 과정과 크게 다르지 않습니다. 시작할 때, 무엇을, 어디서, 그리고 어떻게 애니메이션을 나타낼 지 고려해야합니다. 애니메이션이 기존 웹 사이트의 일부가 될 것입니까? 책을 보완 할 애니메이션을 추가하고 있습니까? 귀하의 고객이 새로운 애니메이션 로고를 요청합니까?

아마도 웹상에 광고를 게재하고 싶습니까? Edge Animate를 사용하여 이러한 모든 프로젝트를 만들 수 있습니다.

Edge Animate 컴포지션 만들기에 대한 기본 개요는 다음과 같습니다.

자신과 관객이이 애니메이션을 사용하는 방법을 결정합니다.
이미지 및 기타 자산을 수집합니다.
개요를 작성하십시오.
나중에 재사용 할 수 있도록 버튼과 같이 일반적으로 사용되는 요소를 생성하고 저장합니다.
애니메이션 시작.
완성 된 애니메이션을 저장하고 내보내기하십시오.

장치와 상관없이 HTML5 및 JavaScript를 지원하는 경우 Edge Animate 프로젝트가 원활하게 실행됩니다.

저작물 수집

제작하고자하는 것이 무엇인지, 어디에서 나타낼 지 알고 나면

저작물 - 전자적으로 그려진 이미지, 사진, 텍스트 단락 또는 모든 세 가지의 조합 - 그것은 최종 애니메이션을 구성합니다. Edge Animate를 사용하면 이러한 자산을 쉽게 가져 오거나 만들 수 있습니다.

애니메이션에 대한 윤곽선이있는 접근법 만들기

이제 애니메이션의 목적과 예술을 아름답게 정의했습니다. 이제

와이어 프레임, 본질적으로 애니메이션 재생 방법에 대한 개요를 만들어야합니다. 물론, 날개를 휘감고 따라갈 수 있지만 훌륭한 아이디어는 애니메이션을 머리 속에 그려 넣은 다음 종이에 애니메이션을 처음부터 끝까지 재생하는 방법을 생각해 보는 것입니다. 이 개요는 귀하가 일할 수있는 기반을 제공합니다.

자주 사용되는 요소에 대한 심볼 만들기

애니메이션에 많은 유사한

요소, 또는 같은 요소가 반복해서 반복 될 경우 해당 요소를 먼저 만들고 싶습니다. 요소는 애니메이션을 구성하는 다른 부분입니다. 요소는 그리는 상자, 지정한 텍스트 상자, 가져 오는 이미지 등이 될 수 있습니다. 재사용 할 수있는 요소는 버튼이나 애니메이션을 통해 재사용 할 수있는 자산 또는 잠재 고객이 사용할 수있는 모든 유형의 탐색 일 수 있습니다.

이 요소를 생성하고 원하는대로 동작 시키면

기호로 저장할 수 있습니다. 이 심볼을 다른 프로젝트에서 사용할 수 있도록 내보낼 수 있습니다. 이렇게하면이 애니메이션이 일련의 애니메이션 중 일부가되어 동일한 심볼을 다시 사용하려는 경우 실제 애니메이션을 만들 때 이미 저장된 일부 자산을 저장하고 준비 할 수 있으므로 게임보다 앞서 나갈 수 있습니다. 전체 애니메이션 프로젝트를 심볼로 저장할 수도 있습니다. 예를 들어 슬라이드 쇼 애니메이션을 만들면 전체 슬라이드 쇼를 심볼로 저장 한 다음 Edge Animate에서 내보내고 다른 Edge Animate 프로젝트로 가져올 수 있습니다.

애니메이터, 애니메이션 시작

애니메이션 용도로 모든 자산이 정렬되어 준비가되어 있고 여러 가지 요소를 기호로 저장했으면 애니메이션을 시작할 시간입니다.

애니메이션을 시작하려면 에셋을 스테이지로 가져옵니다. 그런 다음 타임 라인을 사용하여 키 프레임을 만듭니다.

키 프레임 은 애니메이션 시퀀스를 나타냅니다. 예를 들어 스테이지의 한면에서 다른면으로 움직이는 상자에 애니메이션을 적용하면 해당 애니메이션이 타임 라인에 키 프레임으로 표시됩니다. 거기에서 상호 작용을위한 요소에 작업을 추가합니다. 애니메이션을 만들 때 미리보기를 통해 애니메이션이 예상대로 작동하는지 확인할 수 있습니다.

애니메이션 저장 및 내보내기