Animate의 워크플로우와 작업 영역

Animate는 무엇입니까?

Animate 애플리케이션을 제작하려면 일반적으로 다음과 같은 기본 단계를 수행합니다.

응용 프로그램을 계획합니다.

애플리케이션에서 수행할 기본 작업을 결정합니다.

미디어 요소를 추가합니다.

이미지, 비디오, 사운드, 텍스트 등의 미디어 요소를 만들고 가져옵니다.

요소를 정렬합니다.

스테이지와 타임라인에 미디어 요소를 배치하여 언제 어떻게 애플리케이션에 나타날지 정의합니다.

특수 효과를 적용합니다.

그래픽 필터(예: 흐림, 광선, 경사), 블렌드 및 기타 특수 효과를 원하는 대로 적용합니다.

ActionScript를 사용하여 비헤이비어를 제어합니다.

요소가 사용자 상호 작용에 응답하는 방식을 포함하여 미디어 요소의 작동 방식을 제어하는 ActionScript® 코드를 작성합니다.

응용 프로그램을 테스트하고 제작합니다.

FLA 파일을 테스트하여([제어] > [동영상 테스트]) 응용 프로그램이 의도대로 작동하는지 확인하고 발견되는 버그를 찾아 해결합니다. 제작 과정 중 여러 차례 애플리케이션을 테스트해야 합니다. Animate와 AIR Debug Launcher에서 파일을 테스트할 수 있습니다.

웹 페이지에 표시하고 Flash® Player를 통해 재생할 수 있는 SWF 파일로 FLA 파일을 제작합니다([파일] > [제작]).

프로젝트와 작업 스타일에 따라 이러한 단계의 순서가 달라질 수 있습니다.

작업 영역 개요

패널, 막대 및 창과 같은 다양한 요소를 사용하여 문서 및 파일을 만들고 조작합니다. 이러한 요소의 배열을 작업 영역이라고 합니다. Adobe® Creative Suite® 5에 있는 여러 애플리케이션의 작업 영역은 모양이 동일하므로 애플리케이션 간에 쉽게 이동할 수 있습니다. 몇 가지 사전 설정 작업 영역 중에서 선택하거나 사용자 고유의 작업 영역을 만들어 모든 애플리케이션에 같은 작업 방식을 적용할 수도 있습니다.

기본 작업 영역 레이아웃은 제품마다 다르지만 어느 프로그램이든 요소를 조작하는 방법은 거의 같습니다.

• 맨 위의 애플리케이션 모음에는 작업 영역 변환기, 메뉴(Windows만 해당) 및 기타 애플리케이션 컨트롤이 포함되어 있습니다. Mac에서 사용하는 일부 제품에서는 [창] 메뉴로 애플리케이션 모음을 표시하거나 숨길 수 있습니다.

• 도구 패널에는 이미지, 아트워크, 페이지 요소 등을 만들고 편집할 수 있는 도구가 있습니다. 관련 도구는 그룹화되어 있습니다.

• 컨트롤 패널에는 현재 선택된 도구의 옵션이 표시됩니다. Illustrator의 경우 [컨트롤] 패널에는 현재 선택된 객체의 옵션이 표시됩니다. (Adobe Photoshop®에서는 옵션 막대라고 합니다. Adobe Animate®, Adobe Dreamweaver® 및 Adobe Fireworks®에서는 속성 관리자라고 하며, 현재 선택된 요소의 속성이 포함됩니다.)

• 문서 창에는 작업 중인 파일이 표시됩니다. [문서] 창은 탭이 지정될 수 있으며 일부의 경우 그룹화되거나 고정될 수도 있습니다.

• 패널을 사용하여 작업을 쉽게 모니터링하고 수정할 수 있습니다. Animate의 타임라인, Illustrator의 [브러시] 패널, Adobe Photoshop®의 [레이어] 패널 및 Dreamweaver의 [CSS 스타일] 패널을 예로 들 수 있습니다. 패널은 그룹화, 스택에 누적 또는 도킹에 고정될 수 있습니다.

• 애플리케이션을 하나의 단위로 취급할 수 있도록 애플리케이션 프레임에서 모든 작업 영역 요소를 통합된 하나의 창으로 그룹화합니다. 애플리케이션 프레임 또는 그 요소 중 일부를 이동하거나 크기를 조정하는 경우 애플리케이션 프레임 내의 모든 요소가 서로 응답하여 어떤 부분도 겹쳐지지 않도록 합니다. 애플리케이션을 전환하거나 실수로 애플리케이션 밖을 클릭한 경우에도 패널은 사라지지 않습니다. 두 가지 이상의 애플리케이션을 사용하여 작업하는 경우 화면 또는 여러 모니터에 각 애플리케이션을 나란히 놓을 수 있습니다.

  Mac을 사용하는 경우 자유로운 형태의 기존 사용자 인터페이스를 사용하려면 애플리케이션 프레임을 끄면 됩니다. 예를 들어, Adobe Illustrator®의 경우 [창] > [애플리케이션 프레임]을 선택하여 설정을 켜거나 끕니다. (Animate의 경우 Mac에서는 애플리케이션 프레임이 영구적으로 켜져 있고, Mac용 Dreamweaver에서는 애플리케이션 프레임을 사용하지 않습니다.)

모든 패널 숨기기 또는 표시

• (Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) [도구] 패널 및 [컨트롤] 패널 등 모든 패널을 숨기거나 표시하려면 Tab 키를 누르십시오.

• (Illustrator, InCopy, InDesign, Photoshop) [도구] 패널 및 [컨트롤] 패널을 제외한 모든 패널을 숨기거나 표시하려면 Shift+Tab을 누르십시오.

  팁: [인터페이스] 환경 설정에서 [숨겨진 패널 자동 표시]를 선택하면 숨겨진 패널을 일시적으로 표시할 수 있습니다. Illustrator에서는 항상 숨겨진 패널이 자동 표시됩니다. 애플리케이션 창 가장자리(Windows®) 또는 모니터 가장자리(Mac OS®)로 포인터를 이동하여 나타난 스트립을 가리키면 됩니다.

• (Animate, Dreamweaver, Fireworks) 모든 패널을 숨기거나 표시하려면 F4 키를 누르십시오.

패널 옵션 표시

(Illustrator) 패널 밝기 조정

도구 패널 다시 구성

[도구] 패널의 도구를 한 열에 표시하거나 두 열에 나란히 표시할 수 있습니다. (Fireworks 및 Animate의 [도구] 패널에서는 이 기능을 사용할 수 없습니다.)

 InDesign 및 InCopy의 경우 [인터페이스] 환경 설정에서 옵션을 설정하여 1열 표시를 2열(또는 1행) 표시로 전환할 수도 있습니다.

창 및 패널 관리

[문서] 창 및 패널을 이동하고 조작하여 사용자 정의 작업 영역을 만들 수 있습니다. 작업 영역을 저장하고 작업 영역 간에 전환할 수도 있습니다. Fireworks의 경우 사용자 정의 작업 영역의 이름을 변경하면 예상치 못한 동작이 발생할 수 있습니다.

 다음 예제에서는 데모용 Photoshop을 사용합니다. 작업 영역은 모든 제품에서 동일하게 작동합니다.

재배치, 고정 또는 부동 문서 창

여러 개의 파일을 열면 [문서] 창에 탭이 지정됩니다.

• 탭이 지정된 [문서] 창의 순서를 재정렬하려면 창의 탭을 그룹의 새로운 위치로 드래그합니다.

• 창 그룹에서 [문서] 창의 고정을 해제(부동으로 만들거나 탭을 해제)하려면 창의 탭을 그룹 밖으로 드래그합니다.

   Photoshop에서는 [창] > [배열] > [부동 창으로 만들기]를 선택하여 단일 [문서] 창을 부동으로 만들거나 [창] > [배열] > [모든 창을 부동으로 만들기]를 선택하여 모든 [문서] 창을 한꺼번에 부동으로 만들 수도 있습니다. 자세한 내용은 kb405298 기술 문서를 참조하십시오.

   Dreamweaver에서는 [문서] 창을 고정하거나 고정 해제할 수 없습니다. [문서] 창의 [최소화] 버튼을 사용하여 부동 창을 만들거나(Windows), [창] > [세로로 나란히 놓기]를 선택하여 [문서] 창을 나란히 놓습니다. 이 항목에 대한 자세한 내용은 Dreamweaver 도움말에서 "세로로 나란히 놓기"를 검색하십시오. Macintosh 사용자의 경우 작업 과정이 조금 다릅니다.

• 다른 [문서] 창 그룹에 [문서] 창을 고정하려면 창을 그룹으로 드래그합니다.

• 누적된 문서 또는 바둑판식으로 배열된 문서의 그룹을 만들려면 다른 창의 위, 아래 또는 측면을 따라 놓기 영역 중 하나로 창을 드래그합니다. 애플리케이션 모음의 [레이아웃] 버튼을 사용하여 그룹에 대한 레이아웃을 선택할 수도 있습니다.

   제품에 따라 이 기능을 지원하지 않을 수 있습니다. 그러나 [창] 메뉴의 [겹쳐 놓기] 및 [나란히 놓기] 명령을 사용하면 쉽게 문서를 레이아웃할 수 있습니다.

• 선택 항목을 드래그할 때 탭 그룹의 다른 문서로 전환하려면 선택 항목을 잠시 동안 문서 탭 위로 드래그합니다.

   제품에 따라 이 기능을 지원하지 않을 수 있습니다.

패널 고정 및 고정 해제

도킹은 함께 표시되는 패널 또는 패널 그룹 모음으로, 일반적으로 세로 방향으로 표시됩니다. 도킹 내외로 패널을 이동하여 고정시키거나 고정을 해제할 수 있습니다.

• 패널을 고정시키려면 해당 탭을 도킹 내, 위쪽, 아래쪽 또는 다른 패널 사이로 드래그합니다.

• 패널 그룹을 고정시키려면 해당 제목 표시줄(탭 위쪽의 단색 빈 막대)을 도킹으로 드래그합니다.

• 패널 또는 패널 그룹을 제거하려면 해당 탭 또는 제목 표시줄을 도킹 밖으로 드래그합니다. 다른 도킹으로 드래그하거나 부동 상태로 만들 수 있습니다.

 패널이 도킹의 전체 영역에 채워지지 않게 할 수 있습니다. 도킹의 아래쪽 가장자리가 작업 영역의 가장자리에 닿지 않도록 드래그하면 됩니다.

패널 이동

패널을 이동하면 패널을 이동할 수 있는 영역인 밝은 파란색 놓기 영역이 나타납니다. 예를 들어, 패널을 다른 패널의 위나 아래에 있는 좁은 파란색 놓기 영역으로 드래그하여 도킹의 위나 아래로 이동할 수 있습니다. 놓기 영역이 아닌 곳으로 패널을 드래그하면 패널이 작업 영역에서 부동 상태로 표시됩니다.

 마우스의 위치(패널의 위치가 아님)에 따라 놓기 영역이 활성화되므로, 놓기 영역이 보이지 않는 경우에는 놓기 영역이 있어야 할 위치로 마우스를 드래그해 보십시오.

• 패널을 이동하려면 해당 탭을 드래그합니다.

• 패널 그룹을 이동하려면 해당 제목 표시줄을 드래그합니다.

 패널을 이동할 때 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누르면 패널이 고정되는 것을 방지할 수 있습니다. 작업을 취소하려면 패널을 이동하는 동안 Esc 키를 누르십시오.

패널 추가 및 제거

도킹에서 모든 패널을 제거하면 도킹도 제거됩니다. 놓기 영역이 나타날 때까지 작업 영역의 오른쪽 가장자리로 패널을 이동하여 도킹을 만들 수 있습니다.

• 패널을 제거하려면 탭을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 상태로 클릭(Mac)한 다음 [닫기]를 선택하거나 [창] 메뉴에서 선택 해제합니다.

• 패널을 추가하려면 [창] 메뉴에서 패널을 선택하여 원하는 위치에 고정시킬 수 있습니다.

패널 그룹 조작

• 패널을 그룹으로 이동하려면 패널 탭을 그룹의 강조 표시된 놓기 영역으로 드래그합니다.

• 그룹에서 패널을 재정렬하려면 패널의 탭을 그룹의 새 위치로 드래그합니다.

• 그룹에서 패널을 제거하여 부동 상태로 만들려면 해당 탭을 그룹 밖으로 드래그합니다.

• 그룹을 이동하려면 탭 위에 있는 해당 제목 표시줄을 드래그합니다.

부동 패널 누적

패널을 도킹 밖으로 드래그할 때 놓기 영역을 벗어나면 패널이 작업 영역의 어느 위치에나 놓을 수 있는 부동 상태가 됩니다. 부동 패널 또는 패널 그룹을 누적하여 맨 위의 제목 표시줄을 드래그할 때 한 단위로 이동하도록 할 수 있습니다.

• 부동 패널을 누적하려면 패널의 탭을 다른 패널 아래쪽에 있는 놓기 영역으로 드래그합니다.

• 누적 순서를 변경하려면 패널의 탭을 위나 아래로 드래그합니다.

   제목 표시줄의 넓은 놓기 영역이 아니라 패널 사이의 좁은 놓기 영역 위에 탭을 놓아야 합니다.

• 스택에서 패널 또는 패널 그룹을 제거하여 부동 상태로 만들려면 해당 탭 또는 제목 표시줄을 스택 밖으로 드래그합니다.

패널 크기 조정

• 패널, 패널 그룹 또는 패널 스택을 최소화 또는 최대화하려면 탭을 두 번 클릭하거나 탭 영역(탭 옆의 빈 공간)을 두 번 클릭합니다.

• 패널의 크기를 조정하려면 패널의 한쪽 면을 드래그합니다. Photoshop의 [색상] 패널 등 일부 패널은 드래그하여 크기를 조정할 수 없습니다.

패널 아이콘 확장 및 축소

패널을 아이콘으로 축소하여 작업 영역을 정리할 수 있습니다. 경우에 따라 패널은 기본 작업 영역에서 아이콘으로 축소됩니다.

• 열의 모든 패널 아이콘을 축소하거나 확장하려면 도킹 위쪽에 있는 양방향 화살표를 클릭합니다.

• 패널 아이콘을 하나만 확장하려면 해당 아이콘을 클릭합니다.

• 아이콘만 표시되고 레이블은 표시되지 않도록 패널 아이콘의 크기를 조정하려면 텍스트가 보이지 않을 때까지 도킹의 폭을 조정합니다. 아이콘 텍스트를 다시 표시하려면 도킹의 폭을 넓힙니다.

• 확장된 패널을 다시 아이콘으로 축소하려면 해당 탭, 아이콘 또는 패널의 제목 표시줄에 있는 양방향 화살표를 클릭합니다.

  팁: 일부 제품에서는 인터페이스 또는 사용자 인터페이스 옵션 환경 설정에서 아이콘 패널 자동 축소를 선택하면 포커스가 확장된 패널 아이콘 밖으로 이동할 때 자동으로 패널 아이콘이 축소됩니다.

• 부동 패널 또는 패널 그룹을 아이콘 도킹에 추가하려면 해당 탭 또는 제목 표시줄을 도킹 안으로 드래그합니다. 아이콘 도킹에 추가하면 패널이 자동으로 아이콘으로 축소됩니다.

• 패널 아이콘 또는 패널 아이콘 그룹을 이동하려면 아이콘을 드래그합니다. 도킹에서 패널 아이콘을 다른 도킹으로 드래그하여 해당 도킹의 패널 스타일에 나타나게 하거나, 도킹 밖으로 드래그하여 부동 아이콘으로 만들 수 있습니다.

작업 영역 저장 및 전환

현재 패널 크기 및 위치를 명명된 작업 영역으로 저장하면 패널을 이동하거나 닫은 경우에도 해당 작업 영역을 복원할 수 있습니다. 저장된 작업 영역의 이름은 애플리케이션 모음의 작업 영역 전환기에 나타납니다.

사용자 정의 작업 영역 저장

작업 영역 표시 또는 전환

 Photoshop에서 각 작업 영역에 단축키를 지정하여 작업 영역 간에 신속하게 탐색할 수 있습니다.

사용자 정의 작업 영역 삭제

• 애플리케이션 모음의 작업 영역 전환기에서 [작업 영역 관리]를 선택하고 작업 영역을 선택한 다음 [삭제]를 클릭합니다. 이 옵션은 Fireworks에서 사용할 수 없습니다.

• (Photoshop, InDesign, InCopy) 작업 영역 전환기에서 [작업 영역 삭제]를 선택합니다.

• (Illustrator) [윈도우] > [작업 영역] > [작업 영역 관리]를 선택하고 작업 영역을 선택한 다음 [삭제] 아이콘을 클릭합니다.

• (Photoshop, InDesign) [창] > [작업 영역] > [작업 영역 삭제]를 선택하고 작업 영역을 선택한 다음 [삭제]를 클릭합니다.

기본 작업 영역 복원

(Photoshop) 저장된 작업 영역 배치 복원

Photoshop에서는 작업 영역이 마지막으로 배치된 상태로 자동으로 표시됩니다. 하지만 패널의 원래 배치, 저장된 배치를 복원할 수 있습니다.

• 개별 작업 영역을 복원하려면 [창] > [작업 영역] > [작업 영역 이름 다시 설정]을 선택합니다.

• Photoshop과 함께 설치된 모든 작업 영역을 복원하려면 인터페이스 환경 설정에서 [기본 작업 영역 복원]을 클릭합니다.

 애플리케이션 모음에서 작업 영역의 순서를 재정렬하려면 작업 영역을 드래그합니다.