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

잠금 옵션이 포함된 Animate 패널
잠금 옵션이 포함된 Animate 패널

속성 관리자

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

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

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

라이브러리 패널

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

오디오 클립이 선택된 라이브러리 패널
오디오 클립이 선택된 라이브러리 패널

액션 패널

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

프레임의 stop() 액션을 표시하는 액션 패널.
프레임의 stop() 액션을 표시하는 액션 패널.

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

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

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

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

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

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

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

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

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

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

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

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

참고:

스크린을 사용하여 작업할 경우 [동영상 탐색기]의 기능은 약간 달라집니다.

동영상 탐색기 보기

  1. 윈도우 > 동영상 탐색기를 선택합니다.

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

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

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

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

참고:

동영상 요소 옵션과 심볼 정의 옵션을 동시에 활성화할 수 있습니다.

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

  1. [찾기] 상자에 항목 이름, 글꼴 이름, ActionScript 문자열 또는 프레임 번호를 입력합니다. [찾기] 기능을 사용하면 동영상 탐색기에 표시된 항목을 모두 검색할 수 있습니다.

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

  1. 탐색 트리에서 항목을 클릭합니다. 항목을 둘 이상 선택하려면 Shift 키를 누른 상태에서 클릭합니다.

    선택한 항목의 전체 경로는 [동영상 탐색기] 아래에 표시됩니다. [동영상 탐색기]에서 장면을 선택하면 해당 장면의 첫 프레임이 스테이지에 표시됩니다. [동영상 탐색기]에서 요소를 선택하면 요소가 포함된 레이어가 잠기지 않은 경우 스테이지에서 해당 요소가 선택됩니다.

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

  1. 다음 중 하나를 수행합니다.
    • [패널] 메뉴를 보려면 [동영상 탐색기] 패널에서 패널의 메뉴 컨트롤을 클릭합니다.

    • 컨텍스트 메뉴를 보려면 [동영상 탐색기] 탐색 트리에서 항목을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태에서 클릭(Macintosh)합니다.

  2. 메뉴에서 다음 옵션 중 하나를 선택하십시오.

    위치로 이동

    문서에서 선택한 레이어, 장면 또는 프레임으로 이동합니다.

    심볼 정의로 이동

    [동영상 탐색기]의 [동영상 요소] 영역에서 선택한 심볼에 대한 심볼 정의로 이동합니다. 심볼 정의에는 심볼과 관련된 파일이 모두 나열됩니다. 이때 [심볼 정의 표시] 옵션이 선택되어 있어야 합니다. 이 목록에서 정의를 참조하십시오.

    심볼 인스턴스 선택

    [동영상 탐색기]의 [심볼 정의] 영역에서 선택한 심볼의 인스턴스가 들어 있는 장면으로 이동합니다. 이때 [동영상 요소 표시] 옵션이 선택되어 있어야 합니다.

    라이브러리에 표시

    문서의 라이브러리에서 선택한 심볼이 강조 표시됩니다. ([라이브러리] 패널이 아직 표시되지 않은 경우 Animate에서 열립니다.)

    세트

    선택한 요소에 대해 새 이름을 입력합니다.

    제자리에서 편집

    스테이지에서 선택한 심볼을 편집합니다.

    새 윈도우에서 편집

    새 윈도우에서 선택한 심볼을 편집합니다.

    동영상 요소 표시

    장면으로 구성된 해당 문서의 요소가 표시됩니다.

    심볼 정의 표시

    심볼과 관련된 요소가 모두 표시됩니다.

    전체 텍스트를 클립보드에 복사

    선택한 텍스트를 클립보드로 복사합니다. 맞춤법 검사나 다른 편집 작업을 위해 외부 텍스트 편집기에 텍스트를 붙여넣습니다.

    잘라내기, 복사, 붙여넣기 및 지우기

    선택한 요소에 대해 이러한 일반적인 기능을 수행합니다. 표시 목록에서 항목을 수정하면 문서의 해당 항목이 수정됩니다.

    하위 항목 확장

    선택한 요소에서 탐색 트리가 확장됩니다.

    하위 항목 축소

    선택한 요소에서 탐색 트리가 축소됩니다.

    기타 축소

    선택한 요소를 포함하지 않는 탐색 트리의 하위 항목이 축소됩니다.

    인쇄

    [동영상 탐색기]에 표시된 계층적인 표시 목록을 인쇄합니다.

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

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

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

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

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

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

  1. 윈도우 > 구성 요소 패널을 선택합니다.

  2. [구성 요소] 패널에서 구성 요소 인스턴스를 선택하고 이를 [스테이지] 또는 [라이브러리] 패널로 드래그합니다. 구성 요소가 라이브러리에 추가되면 여러 인스턴스를 스테이지로 드래그할 수 있습니다.
  3. 속성 관리자나 구성 요소 관리자를 사용하여 필요에 따라 구성 요소를 구성합니다. 구성 요소에서 사용하는 매개 변수에 대한 자세한 내용은 Animate 문서에서 사용하는 ActionScript 버전의 해당 구성 요소 설명서를 참조하십시오.

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

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

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

매개 변수 표시 버튼
매개 변수 표시 버튼
구성 요소 매개 변수 패널
구성 요소 매개 변수 패널

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

웹 서비스 패널

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

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

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책