Adobe Edge 애니메이션 CC : 상호 작용 및 적응 기능 - 인형

Adobe Edge Animate CC는 화면에서 요소를 움직이는 것보다 훨씬 중요합니다. 많은 기능을 사용하여 청중을위한 상호 작용 기능을 만들 수 있으며, 원하는대로 소프트웨어를 구성 할 수 있습니다.

상호 작용: 버튼과 같은 컨트롤과 동작을 통해 완벽한 대화 형 애니메이션을 제작할 수 있습니다., 링크 및 루프.
기호: 사용자가 만든 요소 (예: 단추)를 저장하고 다른 애니메이션에서 다시 사용할 수 있습니다.
->
반응이 빠른 웹 디자인: Edge Animate를 사용하면 브라우저 및 장치 창 크기에 반응하는 구성을 만들 수 있습니다.
다중 게시 옵션: Edge Animate는 다양한 웹 브라우저 및 iBook과 같은 다양한 응용 프로그램에서 애니메이션을 게시 할 수있는 다양한 방법을 제공하거나 Adobe Edge Animation을 InDesign 또는 Muse와 같은 다른 Adobe 제품으로 가져올 수 있습니다.
-
글꼴 선택: Edge Animate는 다양한 글꼴 선택을 제공합니다. 특정 글꼴에 대해 까다로운 사람이라면 좋은 소식은 웹에서 글꼴을 찾을 수 있다면 애니메이션에서 글꼴을 사용할 가능성이 높다는 것입니다.
귀하의 언어를 선택하십시오: 영어가 모국어가 아니며 독일어, 스페인어, 프랑스어 또는 일본어로 일하기를 원한다면, Edge Animate이 적용되었습니다.

지능적으로 상호 작용 기능 구현

Adobe Edge Animate CC를 사용하면 요소를 그리거나 애니메이트하는 것 이상의 기능을 수행 할 수 있습니다. 또한 해당 요소를 대화식으로 만들 수있어 잠재 고객이 항목을 클릭하여 다른 작업을 수행 할 수 있습니다.

예를 들어, 대화 형 슬라이드 쇼의 중지, 재생 및 일시 중지 단추를 만들 수 있습니다. 또한 잠재 고객이 애니메이션의 다른 부분 또는 완전히 다른 웹 페이지로 이동할 수있는 링크를 추가하여 메뉴를 만들 수 있습니다.

관객이 애니메이션 주위로 커서를 움직일 때 커서가 특정 영역 위로 움직일 때 다른 동작을 만들 수 있습니다. 이러한 종류의 커서 이동을 마우스 오버라고합니다. 또는 잠재 고객이 태블릿이나 스마트 폰을 사용하여 애니메이션을 보는 경우 단순히 요소를 탭하여 조치를 취하도록 허용 할 수 있습니다.

심볼을 사용하여 재사용 가능한 객체 만들기

처음에는 심볼을 사용하는 것이 다소 어려울 수 있지만, 경험을 쌓은 후에는 필수 요소가됩니다.

그렇다면 Symbol은 정확히 무엇입니까? 기본적으로 독립적 인 타임 라인 및 대화 형 기능을 가진 중첩 된 애니메이션입니다.예를 들어, 많은 다른 프로젝트에서 동일한 액션을 반복하면서 동일한 요소를 반복해서 만들 수 있다고 생각해보십시오. 해당 되풀이 요소를 기호로 저장하면 모든 프로젝트에 해당 요소를 다시 사용할 수 있습니다.

심볼의 대표적인 예는 버튼입니다. 동일한 버튼 (예: 슬라이드 쇼의 재생 버튼)을 재생성하는 경우 나중에 다시 사용하기 위해 재생 버튼을 심볼로 저장할 수 있습니다.

그림과 같이 [라이브러리] 패널에서 심볼을 찾을 수 있습니다.

반응 형 웹 디자인 통합

HTML5와 함께 반응 형 웹 디자인 은 웹 개발과 관련하여 최신 유행어 용어입니다. 반응 형 웹 디자인을 사용하면 브라우저 창의 크기에 따라 애니메이션 크기를 적절하게 조정할 수 있습니다.

이것은 많은 것을 의미 할 수 있습니다. 예를 들어 누군가 데스크톱 컴퓨터에서 애니메이션을보고 있다고 가정 해보십시오. 사용자가 브라우저 윈도우의 크기를 크거나 작게 조정하면 애니메이션의 요소가 새 크기가 백분율을 기준으로 적절하게 조정됩니다.

예를 들어, 브라우저 창이 100 %로 최대화되면 애니메이션의 이미지 등이 100 %로 표시됩니다. 브라우저 창이 크기의 50 %로 줄어들면 이미지도 보통 크기의 50 %로 축소됩니다.

요즘에는 매우 다양한 화면 크기가 있기 때문에 매우 강력한 기능입니다. 관객이 60 인치 디스플레이, 4 인치 iPhone 또는 그 중간에있는 애니메이션에서 애니메이션을보고 있는지 여부를 알 수 없습니다. 태블릿은 화면 크기의 다양성을 높입니다.

여러 게시 옵션 계산하기

요즘에는 애니메이션을 게시하는 방법이 여러 가지 있습니다. Adobe Edge Animate CC는 다양한 옵션을 제공합니다 (그림 참조). 애니메이션을 독립형 웹 페이지로 게시하거나 기존 웹 페이지에 삽입 할 수 있습니다.

iBook에서 사용할 애니메이션을 내보낼 수있는 옵션도 있습니다. HTML5 또는 애니메이션을 지원하지 않는 구형 웹 브라우저에서 사용할 수 있도록 정적 HTML 페이지로 애니메이션을 게시 할 수도 있습니다.

Adobe Edge Animate의 글꼴

웹에서 다양한 글꼴을 사용할 수 있으며 Adobe Edge Animate CC에서 다뤘습니다. 사용 가능한 기본 글꼴 목록 (그림 참조) 외에도 Edge Animate를 사용하면 웹에서 글꼴을 가져올 수 있습니다.

이러한 글꼴 중 어느 것도 사용자의 요구를 충족시키지 못하는 경우 Google 웹 글꼴을 비롯한 다양한 소스에서 글꼴을 가져올 수 있습니다. Animate에 내장 된 Adobe Edge Web Fonts를 사용할 수도 있습니다. Typekit (또 다른 무료 글꼴 도구)에 익숙하다면 Edge Animate와 함께 작동한다는 것을 알 수 있습니다.

원하는 언어로 작업

Adobe Edge Animate CC는 메뉴 및 패널에 표시되는 언어를 비롯하여 다양한 측면에서 세계적입니다. 영어 이외의 언어로 작업하는 것이 더 편하다고 느끼면 Edge Animate를 사용하여 소프트웨어에서 사용되는 언어를 많은 대중 언어 중 하나로 쉽게 변경할 수 있습니다.

이 그림과 같이 도움말 메뉴에서 여러 언어 중에서 선택할 수 있습니다. 도움말 메뉴에서 언어를 선택하면 해당 언어가 소프트웨어에 나타납니다. 선택할 수있는 언어로는 독일어, 영어, 스페인어, 프랑스어 및 일본어가 있습니다.