Animate 제작 패널 사용

Animate 작업 영역의 제작 패널에는 환경 설정에 따라 배열할 수 있는 저작 및 제작 컨트롤이 포함되어 있습니다. 임의의 패널을 원래 위치가 아닌 곳으로 드래그하고, 크기를 조정하고, 쉽게 액세스할 수 있도록 화면의 원하는 곳에 배치할 수도 있습니다. 또한 Animate 팝업 메뉴는 화면의 특정 위치에 패널을 잠글 수 있는 옵션을 제공합니다. 패널을 잠그면 작업하는 동안 패널을 실수로 드래그해도 패널이 움직이지 않습니다. 

속성 관리자를 사용하면 스테이지나 타임라인에서 현재 선택된 항목의 가장 일반적으로 사용되는 특성에 쉽게 액세스할 수 있습니다. 해당 특성을 제어하는 메뉴나 패널에 직접 액세스하지 않고 속성 관리자에서 객체나 문서 특성을 수정할 수 있습니다.

선택한 항목에 따라 현재 문서, 텍스트, 심볼, 모양, 비트맵, 비디오, 그룹, 프레임 또는 툴에 대한 설정과 정보가 속성 관리자에 표시됩니다. 다른 유형의 객체가 여러 개 선택된 경우에는 속성 관리자에 선택한 객체의 수가 표시됩니다.

속성 관리자를 표시하려면 윈도우 > 속성을 선택하거나 Ctrl+F3(Windows) 또는 Command+F3(Macintosh)을 누릅니다.

Animate 2020 릴리스에서는 4개 탭(도구, 개체, 프레임, 문서)이 포함된 최신형 속성 관리자가 제공됩니다.  각 탭은 현재 선택 항목의 속성에 해당합니다. 

도구 -  현재 선택되어 있는 도구를 나타냅니다. 도구에 유효한 PI가 없으면 문서 PI가 표시되며 도구 PI 탭은 비활성화됩니다. 이 탭에는 현재 선택되어 있는 도구의 속성이 표시됩니다.

객체 - 스테이지에서 현재 선택되어 있는 객체를 나타냅니다. 선택된 객체가 없으면 이 탭은 비활성화됩니다. 이 탭에는 현재 선택되어 있는 객체의 속성이 표시됩니다.

프레임 - 타임라인에서 현재 선택되어 있는 프레임을 나타냅니다. 선택된 프레임이 없으면 이 탭은 비활성화됩니다. 이 탭에는 현재 선택되어 있는 프레임의 속성이 표시됩니다.

문서 - 현재 작업 중인 문서를 나타냅니다. 이 탭에는 현재 열려 있는 문서와 관련된 속성이 간략하게 표시됩니다.

속성 패널의 추가 속성

업데이트된 다각형 별, 직사각형, 타원, 텍스트 및 자동 선택 도구 속성

속성 관리자 패널이 최신식으로 개선되어 다각형 별 도구, 직사각형 도구, 타원 도구, 텍스트 도구 및 자동 선택 도구가 추가되었습니다. 따라서 이러한 도구에 쉽게 액세스할 수 있으며 깔끔한 사용자 인터페이스에서 효율적으로 작업을 할 수 있습니다.

라이브러리 패널

라이브러리 패널(윈도우 > 라이브러리)은 Animate에서 만든 심볼을 저장하고 구성하는 곳입니다. 비트맵 그래픽, 사운드 파일 및 비디오 클립을 포함하여 가져온 파일을 저장할 수도 있습니다. 라이브러리 패널에서 라이브러리 항목을 폴더로 구성할 수 있습니다. 또한 항목이 문서에서 사용되는 빈도를 확인하고 이름, 유형, 날짜, 사용 횟수 또는 ActionScript® 링크 식별자를 기준으로 정렬할 수 있습니다. 예를 들어 애니메이션 GIF를 가져오는 경우 루트 폴더 아래에 GIF라는 이름의 폴더가 만들어지고 해당 파일이 여기에 배치됩니다. 검색 필드에 심볼 이름 또는 링크 이름을 입력하여 라이브러리 패널을 검색할 수도 있습니다. 대부분의 다중 객체 선택에 대해 속성을 설정할 수도 있습니다.

액션 패널

[액션] 패널을 사용하여 객체나 프레임에 대한 ActionScript 코드를 만들고 편집할 수 있습니다. 프레임, 버튼 또는 동영상 클립 인스턴스를 선택하면 [액션] 패널이 활성화됩니다. [액션] 패널 제목은 선택한 항목에 따라 [버튼 액션], [동영상 클립 액션] 또는 [프레임 액션]으로 변경됩니다.

액션 패널을 표시하려면 윈도우 > 액션을 선택하거나 F9 키를 누릅니다. [액션] 패널에 대한 자세한 내용은 액션 패널 개요를 참조하십시오. 

동영상 탐색기 사용(Animate에서는 사용되지 않음)

[동영상 탐색기]를 사용하여 문서의 내용을 보고 구성할 수 있으며 문서에서 수정할 요소를 선택할 수 있습니다. 여기에는 현재 사용 중인 요소의 표시 목록이 탐색할 수 있는 계층 구조 트리로 배열되어 있습니다.

[동영상 탐색기]를 사용하여 다음 액션을 수행합니다.

• [동영상 탐색기]에 표시되는 문서의 항목 범주를 필터링합니다.

• 선택한 범주를 장면, 심볼 정의 또는 둘 다로 표시합니다.

• 탐색 트리를 확장하고 축소합니다.

• 문서에서 요소를 이름으로 검색할 수 있습니다.

• 다른 개발자가 만든 Animate 문서의 구조를 쉽게 익힐 수 있습니다.

• 특정 심볼이나 액션의 인스턴스를 모두 찾을 수 있습니다.

• [동영상 탐색기]에 표시된 탐색 가능한 표시 목록을 인쇄할 수 있습니다.

[동영상 탐색기]에는 선택한 항목에 대한 작업 수행이나 [동영상 탐색기] 표시 수정에 사용할 수 있는 옵션을 가진 컨텍스트 메뉴 외에도 패널 메뉴가 있습니다. 패널 메뉴는 [동영상 탐색기] 패널에서 그 아래에 삼각형 모양의 체크 표시로 나타납니다.

동영상 탐색기 보기

동영상 탐색기에 표시되는 항목의 범주 필터링

• 텍스트, 심볼, ActionScript, 가져온 파일 또는 프레임과 레이어를 표시하려면 [표시] 옵션 오른쪽에 있는 필터링 버튼을 하나 이상 클릭합니다. 표시할 항목을 사용자 정의하려면 [사용자 정의] 버튼을 클릭합니다. 이러한 요소를 보려면 동영상 탐색기 설정대화 상자의 표시 영역에서 옵션을 선택합니다. 

• 장면의 항목을 표시하려면 [동영상 탐색기] 패널 메뉴에서 동영상 요소 표시를 선택합니다.

• 심볼에 대한 정보를 표시하려면 [동영상 탐색기 패널] 메뉴에서 [심볼 정의 표시]를 선택합니다.

찾기 상자를 사용하여 항목 검색

동영상 탐색기에서 항목 선택

동영상 탐색기 패널 메뉴 또는 컨텍스트 메뉴 명령 사용

Animate 구성 요소 및 구성 요소 패널 사용

Animate 구성 요소는 Animate 문서에 특정 기능을 추가하는 재사용 가능한 패키지된 모듈입니다. 구성 요소는 그래픽과 코드를 포함할 수 있는 미리 만들어진 기능으로 Animate 프로젝트에 쉽게 추가할 수 있습니다. 예를 들어 라디오 버튼, 대화 상자 또는 미리 로드 막대가 구성 요소에 해당합니다. 타이머, 서버 연결 유틸리티 또는 사용자 정의 XML 파서처럼 그래픽을 전혀 포함하지 않는 요소일 수도 있습니다.

ActionScript 작성에 익숙하지 않다면 속성 관리자 또는 구성 요소 관리자에서 문서에 구성 요소를 추가하고 해당 매개 변수를 설정할 수 있습니다. 비헤이비어 패널을 사용하여 해당 이벤트를 처리합니다. 예를 들어 버튼 구성 요소에 웹 페이지로 이동 비헤이비어를 연결할 수 있습니다. 버튼은 ActionScript 코드를 작성하지 않아도 클릭하면 웹 브라우저에서 URL을 열 수 있습니다.

더 강력한 애플리케이션을 원한다면 구성 요소를 동적으로 만들 수 있습니다. ActionScript를 사용하여 속성을 설정하고 런타임에 메서드를 호출하며 이벤트 수신기 모델을 사용하여 이벤트를 처리합니다.

구성 요소 패널을 사용하여 구성 요소 삽입

문서에 구성 요소를 처음 추가할 때 Animate에서 해당 구성 요소를 라이브러리 패널에 동영상 클립으로 가져옵니다. 구성 요소 패널에서 라이브러리 패널로 구성 요소를 직접 드래그한 후 스테이지에 해당 구성 요소의 인스턴스를 추가할 수도 있습니다. 어느 방법을 사용하든 구성 요소의 클래스 요소에 액세스하려면 먼저 구성 요소를 라이브러리에 추가해야 합니다.

구성 요소 매개 변수 패널 사용

Animate 디자이너는 자신이 보유한 외부 구성 요소를 Animate로 가져오고 이를 사용하여 애니메이션을 만들 수 있습니다. 이 작업 과정을 보다 간단히 만들기 위해 Animate에는 구성 요소 매개 변수 섹션이 패널로 제공됩니다. 이 기능을 사용하면 Animate 스테이징 환경에서 패널의 크기를 조절하거나 패널을 이동할 수 있습니다. 패널의 오른쪽 위 모서리에 있는 햄버거 아이콘을 클릭하여 패널을 잠글 수도 있습니다. 메뉴에서 잠금 옵션을 선택합니다.

속성 관리자에서 매개 변수 표시 버튼을 사용하거나 윈도우 > 구성 요소 매개 변수를 사용하여 이 패널을 열 수 있습니다. 대화 상자에서 매개 변수의 값을 추가할 수 있습니다. 

또한 HTML5 사용자 정의 구성 요소 개발자는 TML/CSS 기반 사용자 인터페이스를 해당 매개 변수로 사용할 수 있습니다.

웹 서비스 패널

(Animate에서는 사용되지 않음) 웹 서비스 패널에서 웹 서비스 목록 확인, 웹 서비스 새로 고침, 웹 서비스 추가/제거 작업을 수행할 수 있습니다. 윈도우 > 기타 패널 > 웹 서비스를 클릭합니다. [웹 서비스] 패널에 웹 서비스를 추가하면 새로 만드는 모든 애플리케이션에서 해당 웹 서비스를 이용할 수 있습니다.

웹 서비스 새로 고침 버튼을 클릭하면 웹 서비스 패널을 사용하여 모든 웹 서비스를 한꺼번에 새로 고칠 수 있습니다. 스테이지를 사용하지 않지만 ActionScript 코드를 작성하는 중이라면 웹 서비스 패널을 사용하여 웹 서비스를 관리할 수 있습니다.