Adobe Edge Animade에서 색상 그래프 사용 -

이 그림과 같이 Adobe Edge Animate CC에서 몇 가지 다른 지점에서 배경색과 테두리 색상을 선택할 수 있습니다. 도구 모음의 기본 메뉴 또는 속성 패널의 색상 섹션에서 배경과 테두리 색상을 위로 설정할 수 있습니다.

속성 패널이나 주 메뉴 근처에서 색상 속성을 엽니 다.

색상을 변경하기 위해 테두리를 선택할 필요가 없습니다. 배경색을 설정하는 것처럼 테두리 색을 설정합니다. 테두리 색상 아이콘은 배경 색상의 오른쪽에 있습니다.

외관 또는 숫자 값으로 색상을 선택할 수 있습니다.

배경색 아이콘이나 테두리 색상 아이콘을 클릭하면 그림과 같이 색상 그래프가 나타납니다. 이 그래프에서 요소의 배경색이나 테두리 색을 선택할 수 있습니다.

컬러 그래프 사용.

컬러 그래프는 다양한 색상 선택 옵션을 제공합니다. 처음으로 색상 그래프를 열면 왼쪽 상단의 상자가 회색으로 표시됩니다. 새 색상을 선택하면 상자가 두 개로 나뉘어 왼쪽에 현재 색상이 표시되고 오른쪽에 원래 색상이 표시됩니다.

원래 색상으로 되돌리려면 상자의 오른쪽을 클릭하기 만하면됩니다. 원하는 색상을 찾으면 저장된 색상 근처의 + 아이콘을 클릭하여 나중에 사용할 수 있도록 저장할 수 있습니다 (그림 참조).

실제로 색을 선택하려면 그래프 주위를 클릭하고 드래그하거나 첫 번째 슬라이더를 사용하여 색조를 변경할 수 있습니다. 두 번째 슬라이더는 밝거나 어두운 색상이 나타나는 방식에 영향을줍니다. 세 번째 슬라이더는 투명도에 영향을 미치므로 색을 추가 할 요소 아래에 배치 될 수있는 다른 요소를보고 싶을 때 유용합니다.

또 다른 옵션은 텍스트 상자에 특정 RGBa, Hex 또는 HSLa 색상 값을 입력하여 색상을 변경하는 것입니다.

스테이지에서 사용할 색상이있는 이미지 나 기타 요소가있는 경우 [스포이드 도구]를 사용하여 선택한 요소에서 사용할 색상을 샘플링 할 수 있습니다. 스포이드 도구를 선택하면이 그림과 같이 주위에 큰 링이있는 대상이 보입니다.

대상이 스테이지 위로지나 가면 샘플링 할 색이 링에 표시됩니다. 원하는 색상을 지나칠 때 마우스 오른쪽 버튼을 클릭하면 해당 색상이 선택한 요소에 자동으로 적용됩니다. + 아이콘을 눌러이 색상을 저장할 수도 있습니다.

스포이드를 사용하여 스테이지에서 색상을 샘플링합니다.

키 프레임 다이아몬드가있는 것처럼 배경색과 테두리 색상을 애니메이션으로 만들 수 있습니다.예를 들어 직사각형에 애니메이션을 적용하여 배경이 빨간색에서 검정색으로 바뀔 수 있습니다. 다음은 색상에 애니메이션을 적용하는 빠른 절차입니다.

1. 사각형과 같은 요소를 스테이지에 그립니다. 자동 키 프레임 모드가 켜져 있는지 확인하십시오 (스톱워치는 빨간색 임).

2. 속성 패널의 색상 그래프를 사용하여 빨간색과 같은 배경색을 선택합니다.

3. 애니메이션을 지속 시키려면 재생 헤드를 타임 라인 아래로 이동하십시오. 4. 색상 그래프를 사용하여 파란색과 같은 새 색상을 선택하십시오.

4. 스톱워치가 빨간색이면 직사각형의 배경색이 빨간색에서 파란색으로 천천히 바뀌는 애니메이션을 만들었습니다.

   • 마지막으로 시퀀스를 충분히 길게 만들면, 색상이 빨간색에서 파란색으로 바뀌면서 애니메이션 중에 요소가 자주색으로 변합니다.

   • 사용하려는 색상을보다 정확하게 제어하려면 그림과 같이 RGBa, Hex 또는 HSLa 값의 숫자 값을 직접 입력 할 수 있습니다.