Animate의 스테이지 및 도구 패널 사용

문서를 열지 않은 상태로 Animate(이전 명칭 Flash Professional CC)를 실행하면 시작 화면이 나타납니다. 시작 화면은 다음과 같은 네 개의 영역으로 구성되어 있습니다.

가장 최근 문서를 열 수 있습니다([열기] 아이콘 클릭).

Animate 문서 및 ActionScript® 파일 같은 Animate 파일 유형을 나열합니다.

Animate 문서를 만드는 데 가장 일반적으로 사용되는 템플릿을 나열합니다.

도우미 애플리케이션, 확장 및 관련 정보를 다운로드할 수 있는 Animate Exchange 웹 사이트로 연결됩니다.

시작 화면에서도 도움말 리소스에 신속하게 액세스할 수 있습니다. Animate를 둘러보고, 설명서 리소스에 대해 알아보고, Adobe Authorized Training 기능을 확인할 수 있습니다.

• 시작 화면을 숨기려면 [다시 표시 안 함]을 선택합니다.

• 시작 화면을 표시하려면 [편집] > [기본 설정](Windows®) 또는 [Animate] > [환경 설정](Macintosh®)을 선택하고 [일반] 범주의 [시작 시] 메뉴에서 [시작 화면]을 선택합니다.

스테이지 사용

스테이지는 Animate 문서를 만들 때 그래픽 내용을 배치하는 사각형 영역입니다. 제작 환경에서 스테이지란 재생 중인 문서가 표시되는 Flash Player 또는 웹 브라우저 윈도우의 사각형 공간을 말합니다. 기본 검정색 윤곽선은 스테이지의 윤곽선 보기를 나타냅니다.

작업하는 동안 스테이지 보기를 확대하거나 축소할 수 있습니다. 스테이지에서 항목을 효과적으로 배치하기 위해 격자, 안내선 및 눈금자를 사용할 수 있습니다.

스테이지 확대/축소

화면에서 전체 스테이지를 보거나, 그림의 특정 영역을 크게 확대하여 보려면 확대/축소율을 변경합니다. 최대 확대/축소율은 모니터와 문서 크기에 따라 달라집니다. 스테이지에서 축소할 수 있는 최소값은 8%이고, 확대할 수 있는 최대값은 2000%입니다.

 호환되는 디바이스에서는 다중 터치 제스처를 사용할 수도 있습니다.

• 특정 요소를 확대하려면 [도구] 패널에서 [돋보기 도구] 를 선택한 다음 요소를 클릭합니다. [돋보기 도구]의 확대/축소를 전환하려면 [돋보기 도구]가 선택된 상태로 [도구] 패널의 옵션 영역에서 [확대] 또는 [축소] 수정자를 사용하거나, Alt 키(Windows) 또는 Option 키(Macintosh)를 누른 상태에서 클릭합니다.

• 드로잉의 특정 영역을 창 크기에 맞게 확대하려면 [돋보기 도구]로 스테이지에서 사각형 선택 영역을 드래그합니다.

• 전체 스테이지를 확대하거나 축소하려면 [보기] > [확대] 또는 [보기] > [축소]를 선택합니다.

• 백분율을 지정하여 확대하거나 축소하려면 [보기] > [확대/축소율]을 선택한 후 하위 메뉴에서 비율을 선택하거나, 문서 윈도우의 오른쪽 위 모서리에 있는 [확대/축소] 컨트롤에서 비율을 선택합니다.

• 애플리케이션 윈도우 공간에 맞게 스테이지의 크기를 조절하려면 [보기] > [확대/축소율] > [윈도우에 맞춤]을 선택합니다.

• 스테이지 외부로 벗어난 컨텐츠를 자르려면 [스테이지 외부 컨텐츠 클리핑] 아이콘 을 클릭합니다.
• 현재 프레임의 내용을 표시하려면 [보기] > [확대/축소율] > [모두 표시]를 선택하거나 애플리케이션 윈도우의 오른쪽 위에 있는 [확대/축소] 컨트롤에서 [모두 표시]를 선택합니다. 장면이 빈 상태이면 전체 스테이지가 표시됩니다.

• 전체 스테이지를 표시하려면 [보기] > [확대/축소율] > [프레임 표시]를 선택하거나 문서 윈도우의 오른쪽 위 모서리에 있는 [확대/축소] 컨트롤에서 [프레임 표시]를 선택합니다.

• 스테이지 주위의 작업 영역을 표시하거나, 장면에서 스테이지 영역의 일부이거나 스테이지 영역 외부에 있는 요소를 보려면 [보기] > [페이스트보드]를 선택합니다. 페이스트보드가 밝은 회색으로 나타납니다. 예를 들어, 새가 스테이지 안으로 날아오도록 하려면 새의 처음 위치를 페이스트보드에서 스테이지 외부에 지정한 후 스테이지 영역으로 들어오도록 애니메이션을 만듭니다.

페이스트보드 색상

이전에는 페이스트보드 색상이 사용자 인터페이스 테마에 따라 고정되었습니다. 2017년 1월 릴리스부터는 페이스트보드 색상을 스테이지 색상과 동일하게 설정할 수 있습니다. 이 기능을 사용하면 무한한 크기의 캔버스에서 작업할 수 있습니다. 

 스테이지 콘텐츠만 최종 출력에 표시됩니다.

스테이지 보기 이동

스테이지가 확대되는 경우 스테이지 전체를 보지 못할 수도 있습니다. 확대/축소율을 변경하지 않고 보기를 변경하려면 [손 도구]를 사용하여 스테이지를 이동합니다.

 호환되는 디바이스에서는 다중 터치 제스처를 사용할 수도 있습니다.

• [도구] 패널에서 [손 도구]를 선택하고 스테이지를 드래그합니다. 임시로 [손 도구]와 다른 도구 사이에서 전환하려면 스페이스바를 누른 채 도구 패널에서 해당 도구를 클릭합니다.

스테이지 회전

Animate에는 스테이지 보기를 일시적으로 회전할 수 있는 새로운 회전 도구가 도입되었습니다. 이 도구를 사용하면 자유 변형 도구처럼 스테이지의 실제 객체를 영구적으로 회전하지 않고도 특정 각도로 그리기와 칠하기를 수행할 수 있습니다. 현재 선택한 도구에 상관없이 Shift 및 Space 키를 함께 누른 상태로 보기를 회전하기 위해 마우스를 드래그하여 스테이지를 신속하게 회전할 수 있습니다.

회전 도구를 사용하여 스테이지를 회전하려면

스테이지 크기에 맞게 내용 크기 조절

PI의 내용 크기 조정 옵션을 사용하면 스테이지 크기에 따라 스테이지에 있는 내용의 크기를 조절할 수 있습니다. 이 옵션을 선택한 상태에서 스테이지의 크기를 조절하면 스테이지와 동일한 비율로 내용의 크기가 조절됩니다.

스테이지 크기 조절

[고급 설정]의 [내용 크기 조절] 옵션을 이제 PI에서 직접 액세스할 수 있습니다. 이 옵션을 선택한 상태에서 스테이지의 크기를 조절하면 스테이지와 동일한 비율로 내용의 크기가 조절됩니다.

PI 및 [문서 설정] 대화 상자에는 스테이지 크기를 비례하여 늘릴 수 있는 [링크] 옵션이 포함되어 있습니다. 기본적으로 스테이지의 높이 및 폭 속성은 링크가 해제되어 있습니다. [링크] 버튼을 클릭하여 링크를 활성화하는 경우, 높이 또는 폭 속성의 값을 수정하면 나머지 속성의 값이 비례하여 변경됩니다.

[내용 크기 조절] 옵션을 선택하는 경우, 스테이지 크기가 자동으로 링크되고 비활성화됩니다. 스테이지 크기가 비례하여 수정되는 경우 내용 크기 조절이 의미가 있기 때문입니다.

캔버스 투명도 설정

색상 견본에서 백분율로 표시된 알파 색상 범위를 선택하여 캔버스를 투명 모드로 설정할 수 있습니다. 이렇게 하려면 [캔버스] > [속성] > [스테이지] > [알파 %]를 선택합니다.

선택된 앵커에 따라 스테이지 크기 조절

[문서 설정]에서 앵커 포인트를 선택하고, 높이 및 폭을 지정하며, 해당 크기에 맞춰 스테이지의 크기를 조절할 수 있습니다. '내용 크기 조정'이 비활성화된 경우, 다음 이미지에 자세히 나와 있는 것처럼 선택한 앵커 포인트에 따라 해당 방향으로 스테이지가 확장됩니다.

스테이지 크기 조절: 예

다음 예에서는 550x400 크기의 스테이지가 스테이지 오른쪽 아래에 있는 앵커 포인트를 기준으로 750x600으로 크기가 비례하여 조절됩니다.

 호환되는 디바이스에서는 다중 터치 제스처를 사용할 수도 있습니다.

눈금자 사용

눈금자는 문서의 왼쪽 위에서부터 시작하여 표시됩니다. 눈금자에 사용되는 측정 단위를 기본값인 픽셀에서 다른 단위로 변경할 수 있습니다. 눈금자가 표시된 스테이지에서 요소를 이동하면 요소의 크기를 나타내는 선이 눈금자에 표시됩니다.

• 눈금자를 표시하거나 숨기려면 [보기] > [눈금자]를 선택합니다.

• 문서에 대한 눈금자의 측정 단위를 지정하려면 [수정] > [문서]를 선택하고 [눈금자 단위] 메뉴에서 단위를 선택합니다.

안내선 사용

눈금자가 표시되면([보기] > [눈금자]) 수평 및 수직 안내선을 눈금자에서 스테이지로 드래그할 수 있습니다.

중첩된 타임라인을 만들 경우 안내선이 만들어진 타임라인이 활성화된 상태에서만 스테이지에 드래그할 수 있는 안내선이 나타납니다.

사용자 정의 안내선 또는 불규칙한 안내선을 만들려면 안내 레이어를 사용합니다.

• 드로잉 안내선을 표시하거나 숨기려면 [보기] > [안내선] > [안내선 표시]를 선택합니다.

   안내선을 만들 때 격자가 표시되어 있고 [격자에 물리기]가 켜져 있으면 안내선은 격자에 물립니다.

• 안내선에 물리기를 켜거나 끄려면 [보기] > [물리기] > [안내선에 물리기]를 선택합니다.

   안내선이 격자선 사이에 있는 경우에는 안내선에 물리기가 격자에 물리기보다 우선 순위가 높습니다.

• 안내선을 이동하려면 선택 도구를 사용하여 눈금자의 아무 곳이나 클릭한 후 안내선을 스테이지에서 원하는 위치로 드래그합니다.

• 안내선을 제거하려면 안내선 잠금이 해제된 상태에서 [선택 도구]를 사용하여 수평 또는 수직 눈금자로 안내선을 드래그합니다.

• 안내선을 잠그려면 [보기] > [안내선] > [안내선 잠금]을 선택하거나 [안내선 편집]([보기] > [안내선] > [안내선 편집]) 대화 상자의 [안내선 잠금] 옵션을 사용합니다.

• 안내선을 지우려면 [보기] > [안내선] > [안내선 지우기]를 선택합니다. 문서 편집 모드에 있는 경우 문서의 모든 안내선이 지워집니다. 심볼 편집 모드에서 작업하는 경우에는 심볼에 사용된 안내선만 지워집니다.

안내선 환경 설정

격자 사용

격자는 문서에서 모든 장면의 아트워크 뒤에 선으로 표시됩니다.

드로잉 격자 표시 또는 숨기기

격자선에 물리기를 켜거나 끄려면

격자 환경 설정

기본 툴바 및 편집 막대

애플리케이션 윈도우 위에 있는 메뉴 모음에는 기능을 제어하는 명령으로 이루어진 메뉴가 있습니다.

스테이지 위에 있는 편집 막대에는 장면 및 심볼을 편집하고 스테이지 확대 수준을 변경하기 위한 컨트롤 및 정보가 들어 있습니다.

사용자 정의 툴바

Animate 2020 릴리스에서는 도구를 원하는 방식으로 추가/제거/결합/재배치할 수 있는 기능이 제공됩니다. 이 기능을 사용하려면 툴바에서 기타 옵션 아이콘(...)을 클릭하여 도구 팔레트를 엽니다. 

도구 논리적 그룹화

툴바 분할

하위 툴바 옵션

채움 색상 및 획 색상

툴바의 채움 색상 및 획 색상 섹션이 제품 간의 일관성을 유지하고 더욱 쉽게 액세스할 수 있도록 Photoshop 및 Illustrator 도구 패널과 비슷하게 수정되었습니다. 

브러시 및 지우개 모드 액세스

이제는 브러시 모드 및 지우개 모드에도 키보드 단축키를 추가할 수 있습니다. Mac에서는 키보드 단축키를 만들고 Animate > 키보드 단축키를 클릭합니다. Windows에서는 편집 > 키보드 단축키를 클릭합니다. 도구가 활성화되면 단축키를 한 번 눌러 이러한 옵션에 액세스할 수 있습니다.

도구 패널 사용

[도구] 패널에 있는 도구를 사용하면 아트워크의 드로잉, 페인팅, 선택 및 수정 작업은 물론 스테이지의 보기도 변경할 수 있습니다. [도구] 패널은 다음과 같이 네 부분으로 구분되어 있습니다.

• 도구 영역에는 드로잉, 페인팅 및 선택 도구가 들어 있습니다.
• 보기 영역에는 애플리케이션 윈도우에서 확대/축소 및 패닝하기 위한 도구가 들어 있습니다.
• 색상 영역에는 획 및 채움 색상에 대한 수정자가 들어 있습니다.
• 옵션 영역에는 현재 선택된 도구에 대한 수정자가 들어 있습니다. 수정자는 도구의 페인팅 또는 편집 작업에 영향을 줍니다.

도구 패널을 표시하거나 숨기려면 윈도우 > 도구를 선택합니다.

도구 선택

페인트 브러시의 압력 및 기울기

Animate는 페인트 브러시 툴을 사용하여 그린 획에 대해 압력 및 기울기를 지원합니다. 적용되는 스타일러스의 압력에 따라 폭이 변경되는 아트 및 패턴 획을 그릴 수 있습니다. 더 세밀하게 조정하려면 폭 툴을 사용하여 폭 포인트를 조정하십시오.

자세한 내용은 페인트 브러시를 사용한 작업을 참조하십시오. 

 툴바의 압력 및 기울기 아이콘은 Wacom 감압식 태블릿을 컴퓨터에 연결한 경우에만 표시됩니다.

컨텍스트 메뉴 사용

컨텍스트 메뉴에는 현재 선택한 항목과 관련된 명령이 들어 있습니다. 예를 들어, 타임라인 윈도우에서 프레임을 선택하면 프레임과 키프레임 만들기, 삭제 및 수정 명령이 컨텍스트 메뉴에 표시됩니다. 스테이지, 타임라인, [라이브러리] 패널 및 [액션] 패널을 포함하여 다양한 위치의 여러 항목 및 컨트롤에 대해 컨텍스트 메뉴가 표시됩니다.