"Animate CC의 획, 채우기 및 그래디언트"

그래디언트는 여러 색상으로 된 채우기로 한 가지 색상이 점진적으로 다른 색상으로 변화되는 것을 보여 줍니다. Animate CC(이전의 Flash Professional CC)에서는 최대 15개 색상 전환을 그래디언트에 적용할 수 있습니다. 하나 이상의 객체에 걸쳐 매끄러운 색상 그라데이션을 만드는 좋은 방법은 그래디언트를 만드는 것입니다. 여러 객체에 그래디언트를 쉽게 적용할 수 있도록 그래디언트를 견본으로 저장할 수 있습니다. Animate에서는 다음과 같은 두 가지 유형의 그래디언트를 만들 수 있습니다.

선형 그래디언트 - 하나의 축(가로 또는 세로)을 따라 색상이 변화됩니다.

방사형 그래디언트 - 가운데 초점에서 시작되어 바깥쪽으로 색상이 변화됩니다. 그래디언트의 방향, 색상, 초점 위치 및 다른 여러 가지 그래디언트 속성을 조절할 수 있습니다.

Animate CC에서는 Flash Player에 사용할 수 있는 선형 및 방사형 그래디언트 컨트롤을 추가로 제공합니다. 오버플로 모드라고 하는 이러한 컨트롤을 사용하면 그래디언트의 제한을 벗어나 색상을 적용하는 방법을 지정할 수 있습니다.

기존 아트워크에 그래디언트 채우기를 적용하려면 스테이지에서 하나 또는 여러 개의 객체를 선택합니다.

[색상] 패널이 표시되지 않은 경우에는 [윈도우] > [색상]을 선택합니다.

색상 표시 모드를 선택하려면 패널 메뉴에서 RGB(기본 설정) 또는 HSB를 선택합니다.

[유형] 메뉴에서 그래디언트 유형을 선택합니다.

선형

직선의 시작점부터 끝점까지 색상이 변하는 그래디언트를 만듭니다.

방사형

가운데 초점에서 원형 패스를 따라 바깥쪽으로 블렌드되는 그래디언트를 생성합니다.

참고: Flash Player 8 이상 버전용으로 제작하는 경우 선형 또는 방사형 그래디언트를 선택하면 [색상] 패널에 두 가지 다른 옵션이 포함됩니다. 그래디언트 제한을 벗어나 적용된 색상을 제어하는 데 사용할 수 있는 [오버플로] 메뉴가 [유형] 메뉴 아래에 활성화되며 그래디언트 정의 막대도 표시됩니다(막대 아래의 포인터는 그래디언트의 색상을 나타냄).

(선택 사항) [오버플로] 메뉴에서 그래디언트에 적용할 오버플로 모드인 확장(기본 모드), 반사 또는 반복 중 하나를 선택합니다.

(선택 사항) SVG(Scalable Vector Graphics) 호환 선형 또는 방사형 그래디언트를 만들려면 [선형 RGB] 체크 상자를 선택합니다. 그러면 오버플로 모드를 처음 적용한 후 크기를 다르게 조절할 때 그래디언트가 부드럽게 표시됩니다.

그래디언트의 색상을 변경하려면 그래디언트 정의 막대 아래의 색상 포인터 중 하나를 선택합니다(선택한 색상 포인터 위쪽의 삼각형이 검정으로 변함). 그런 다음 그래디언트 막대 아래에 나타나는 색상 영역 창에서 클릭합니다. 색상의 밝기를 조정하려면 [밝기] 슬라이더를 드래그합니다.

그래디언트에 포인터를 추가하려면 그래디언트 정의 막대 또는 그 아래를 클릭합니다. 이전 단계의 설명에 따라 새 포인터의 색상을 선택합니다.

색상 포인터를 15개까지 추가하여 15가지 색상 변화가 있는 그래디언트를 만들 수 있습니다.

그래디언트의 포인터 위치를 변경하려면 그래디언트 정의 막대를 따라 포인터를 드래그합니다. 포인터를 제거하려면 그래디언트 정의 막대의 아래쪽 바깥으로 포인터를 드래그합니다.

그래디언트를 저장하려면 [색상] 패널의 오른쪽 위 모서리에 있는 삼각형을 클릭하고 메뉴에서 [견본 추가]를 선택합니다.

현재 문서의 [견본] 패널에 그래디언트가 추가됩니다.

수평 그래디언트 대신 수직 그래디언트를 만드는 것과 같이 그래디언트를 변형하려면 [그래디언트 변형 도구]를 사용합니다. 자세한 내용은 그래디언트 및 비트맵 채우기 변형을 참조하십시오.

[도구] 패널의 [획 색상] 및 [채움 색상] 컨트롤을 사용하거나 속성 관리자의 [획 색상] 및 [채움 색상] 컨트롤을 사용하여 그래픽 객체 및 모양의 획 색상과 채움 색상을 지정할 수 있습니다.

[도구] 패널의 [획 색상] 및 [채움 색상] 섹션에는 [획 색상] 및 [채움 색상] 상자를 활성화하기 위한 컨트롤이 포함되어 있습니다. 이러한 상자는 선택된 객체의 획 또는 채우기가 색상 선택의 영향을 받는지 여부를 결정합니다. 또한 [색상] 섹션에는 색상을 신속하게 기본값으로 재설정하고, 획 색상 및 채움 색상 설정을 [없음]으로 설정하고, 채움 색상 및 획 색상을 교체하는 컨트롤이 있습니다.

속성 관리자에서는 그래픽 객체 또는 모양의 획 색상과 채움 색상을 선택할 수 있을 뿐만 아니라 획의 두께 및 스타일을 지정하는 컨트롤도 사용할 수 있습니다.

이러한 컨트롤을 사용하여 기존 객체의 페인팅 특성을 변경하려면 먼저 스테이지에서 객체를 선택합니다.

참고 항목: 실시간 색상 미리 보기.

[도구] 패널의 [획 색상] 및 [채움 색상] 컨트롤은 드로잉 및 페인팅 도구로 만드는 새 객체의 페인팅 특성을 설정합니다. 이러한 컨트롤을 사용하여 기존 객체의 페인팅 특성을 변경하려면 먼저 스테이지에서 객체를 선택합니다.

[획 색상] 또는 [채움 색상] 컨트롤을 클릭하고 색상 견본을 선택합니다.
팝업 윈도우에서 [시스템 색상 선택기] 버튼을 클릭하고 색상을 선택합니다. 또한 포인터를 다른 색상 위로 이동하여 모양에 대한 색상의 효과를 미리 볼 수 있습니다.
색상의 16진수 값을 해당 상자에 입력합니다.
기본 색상 설정(흰색 채우기와 검정 획)으로 되돌리려면 [도구] 패널에서 [흑백] 버튼을 클릭합니다.
획 또는 채우기를 모두 제거하려면 [색상 없음] 버튼을 클릭합니다.

참고: [색상 없음] 버튼은 타원형 또는 사각형을 만드는 경우에만 나타납니다. 새로운 객체는 획이나 채우기를 사용하지 않고 만들 수 있지만 기존 객체에는 [색상 없음] 버튼을 사용할 수 없습니다. 대신 기존 획이나 채우기를 선택한 후 삭제합니다.
채우기와 획 간에 색상을 교체하려면 [도구] 패널에서 [색상 교체] 버튼을 클릭합니다.

Animate CC에서는 획 또는 채움 색상을 색상 견본에서 변경할 때 실시간으로 미리 볼 수 있습니다. 자세한 내용은 실시간 색상 미리 보기를 참조하십시오.

스테이지에서 하나 또는 여러 개의 닫힌 객체를 선택합니다.

[윈도우] > [속성]을 선택합니다.

색상을 선택하려면 [채움 색상] 컨트롤을 클릭하고 다음 중 하나를 수행합니다.

팔레트에서 색상 견본을 선택합니다.

색상의 16진수 값을 해당 상자에 입력합니다.

선택한 객체의 획 색상, 스타일 및 두께를 변경하려면 속성 관리자의 [획 색상] 컨트롤을 사용합니다. 획 스타일의 경우 Animate에 미리 로드되는 스타일에서 선택하거나 사용자 정의 스타일을 만듭니다. 단색 채우기를 선택하려면 속성 관리자의 [채움 색상] 컨트롤을 사용합니다.

스테이지에서 객체를 선택합니다. 심볼의 경우에는 먼저 두 번 클릭하여 심볼 편집 모드로 전환합니다.

[윈도우] > [속성]을 선택합니다.

획 스타일을 선택하려면 [스타일] 메뉴를 클릭하고 옵션을 선택합니다. 사용자 정의 스타일을 만들려면 속성 관리자에서 [사용자 정의]를 클릭한 다음 [획 스타일] 대화 상자에서 옵션을 선택하고 [확인]을 클릭합니다.

참고:

실선이 아닌 획 스타일을 선택하면 파일 크기가 커질 수 있습니다.

획 두께를 선택하려면 [획] 슬라이더를 설정하거나 텍스트 상자에 값을 입력합니다.

획 힌팅을 활성화하려면 [획 힌팅] 체크 상자를 선택합니다. 획 힌트 기능은 전체 픽셀에서 선과 곡선 앵커를 조절하여 흐릿한 수평선이나 수직선이 생기지 않도록 합니다.

패스 끝 스타일을 설정하려면 다음 중 한 가지 캡 옵션을 선택합니다.

없음

패스 끝 부분이 밋밋합니다.

원형

획 폭의 반 정도만큼 패스 끝이 확장되는 둥근 끝을 추가합니다.

사각형

획 폭의 반 정도만큼 패스가 확장되는 사각형 끝을 추가합니다.

(선택 사항) 드로잉 모드를 [매끄럽게]로 설정한 상태에서 [연필] 또는 [브러시 도구]를 사용하여 선을 그릴 경우 [매끄러움] 슬라이더를 사용하여 Animate에서 선을 매끄럽게 만드는 정도를 지정합니다.

기본적으로 [매끄러움] 값은 50으로 설정되어 있지만 0에서 100 사이의 값을 지정할 수 있습니다. 매끄러움 값이 클수록 선이 더 매끄러워집니다.

참고:

드로잉 모드가 [곧게] 또는 [잉크]로 설정되어 있으면 [매끄러움] 슬라이더는 사용할 수 없습니다.

두 개의 패스 선분이 만나는 방법을 정의하려면 [연결] 옵션을 선택합니다. 열린 패스나 닫힌 패스에서 모서리를 변경하려면 패스를 선택하고 다른 연결 옵션을 선택합니다.

이음, 원형 및 경사 연결.

이음 연결이 경사지지 않도록 하려면 이음 제한을 입력합니다.

선 길이가 이 값을 초과하면 끝이 뾰족해지지 않고 각이 집니다. 예를 들어, 3포인트 획에 대해 [이음 제한]을 2로 지정할 경우 점의 길이가 획 두께의 2배가 되면 Animate에서 제한 포인트를 제거합니다.

이음 제한 적용.

하나 이상의 선 또는 모양 외곽선의 획 색상, 폭 및 스타일을 변경하려면 [잉크 병 도구]를 사용합니다. 선 또는 모양 외곽선에는 단색만 적용할 수 있고 그래디언트나 비트맵은 적용할 수 없습니다.

개별 선을 선택하지 않고 [잉크 병 도구]를 사용하면 여러 객체의 획 특성을 한꺼번에 쉽게 변경할 수 있습니다.

[도구] 패널에서 [잉크 병 도구]를 선택합니다.

획 색상을 선택합니다.

속성 관리자에서 획 스타일 및 획 높이를 선택합니다.

획 수정 사항을 적용하려면 스테이지에서 객체를 클릭합니다.

[스포이드 도구]를 사용하면 한 객체의 채우기 및 획 특성을 복사한 후 곧바로 다른 객체에 적용할 수 있습니다. 또한 [스포이드 도구]를 사용하면 비트맵 이미지를 샘플로 만들어 채우기로 사용할 수 있습니다.

획 또는 채워진 영역의 특성을 다른 획 또는 채워진 영역에 적용하려면 [스포이드 도구]를 선택하고 적용할 특성이 있는 획 또는 채워진 영역을 클릭합니다.

획을 클릭하면 [스포이드 도구]가 자동으로 [잉크 병 도구]로 변경됩니다. 또한 채워진 영역을 클릭하면 [스포이드 도구]가 자동으로 [페인트 통 도구]로 변경되고 [채우기 잠금] 수정자가 켜집니다.

다른 획 또는 채우기 영역을 클릭하여 새 특성을 적용합니다.

[페인트 통 도구]는 막힌 영역을 색상으로 채웁니다. 이 도구를 사용하면 다음을 수행할 수 있습니다.

빈 영역을 채우고 이미 칠해진 영역의 색상 변경
단색, 그래디언트 및 비트맵 채우기로 칠하기
[페인트 통 도구]를 사용하여 완전히 막히지 않은 영역 채우기
[페인트 통 도구]를 사용할 때 Animate에서 모양 윤곽선의 틈 닫기

[도구] 패널에서 [페인트 통 도구]를 선택합니다.

채움 색상 및 스타일을 선택합니다.

[도구] 패널의 아래에 표시되는 [틈 크기] 수정자를 클릭하고 틈 크기 옵션을 선택합니다.

[틈 닫지 않음] - 모양을 채우기 전에 틈을 수동으로 닫습니다. 복잡한 드로잉의 경우에는 사용자가 직접 틈을 닫는 것이 더 빠를 수 있습니다.

[닫기] - Animate에서 자동으로 모양의 틈을 채웁니다.

참고:

틈이 너무 큰 경우에는 사용자가 직접 틈을 닫아야 합니다.

채울 모양 또는 막힌 영역을 클릭합니다.

[페인트 통] 도구를 클릭하여 객체 윤곽을 가로질러 드래그하면 선택한 색상으로 윤곽을 채울 수 있습니다. 도구를 클릭하여 윤곽을 가로지르도록 아무 방향으로나 드래그하면 됩니다. [페인트 통] 도구는 윤곽에서 도트가 캡처되는 모든 위치를 해당 색상으로 채웁니다.

페인트 통 속성

모든 영역 채우기 확인란을 선택하면 선택한 모든 영역이 드래그하는 동안 색상으로 채워집니다.

기본적으로, 모든 영역 채우기 옵션은 선택되어 있지 않습니다. 이 모드에서는 [페인트 통] 도구가 특정 색상만 채웁니다.

모든 영역 채우기가 선택되어 있지 않은 경우(기본값)

이 모드에서는 사용자가 페인트 통으로 마우스를 클릭하면 색상이 바뀌는 것을 확인할 수 있습니다. 이 경우에는 녹색이 이제 빨간색으로 바뀌는 것을 알 수 있습니다.
사용자가 아트워크를 가로질러 드래그하면 이 옵션에 따라 해당 녹색으로 채워진 윤곽선만 바뀝니다.
사용자가 비어 있는 닫힌 윤곽선을 가로질러 드래그하면 윤곽선이 빨간색으로 채워집니다.
마우스 클릭 시 기본 윤곽선이 비어 있으면 사용자가 페인트 통 도구를 드래그할 때 이 옵션에 따라 비어 있는 윤곽선이 채워집니다.

모든 영역 채우기가 선택되어 있는 경우

모든 영역이 선택한 색상으로 채워집니다. 위의 그림에서는 빨간색입니다.

채우기의 크기, 방향 또는 중심을 조절하여 그래디언트 또는 비트맵 채우기를 변형할 수 있습니다.

[도구] 패널에서 [그래디언트 변형 도구]

를 선택합니다. [도구] 패널에 [그래디언트 변형 도구]가 없는 경우 [자유 변형 도구]를 클릭하여 누르면 나타나는 메뉴에서 [그래디언트 변형 도구]를 선택합니다.