색상 및 획 변경

Illustrator CC에서 색상 작업을 시작하기 위해 획과 칠의 의미와 각 문서에 포함된 색상을 적용하는 방법과 색상 피커를 사용하여 새 색상을 만드는 방법을 살펴보겠습니다. 따라 하려면 보유한 파일을 사용하거나 실습용 파일을 엽니다. 먼저 획과 칠의 의미를 살펴보죠. 아트웍을 선택하기 위해 왼쪽의 툴 패널에서 선택 툴을 선택하고 녹색의 큰 모양을 클릭하여 선택합니다. Illustrator CC에서 벡터 모양은 텍스트와 마찬가지로 칠과 획을 적용할 수 있습니다. 녹색 모양의 경우 녹색은 칠이고 빨간색은 획 즉, 칠 주변의 테두리입니다. 빨간색이나 녹색과 같은 단색이나 한 색상이 다른 색상으로 변하는 효과인 그라디언트나 패턴을 오브젝트의 칠 또는 획에 적용할 수 있습니다. 문서 오른쪽에 있는 속성 패널을 보면 선택한 아트웍의 칠 색상과 획 색상이 표시되어 있습니다. 칠 색상을 클릭하면 기본 저장된 색상을 보여주는 옵션이 표시됩니다. 바로 색상 견본이죠. 또한 색상을 혼합하거나 만들 수 있는 옵션도 있는데 이 경우 견본 옵션을 선택합니다. 새 문서를 만들 때마다 다양한 기본 색상 견본이 포함됩니다. 색상을 몇 개 클릭하여 문서에서 어떻게 보이는지 확인해보죠. 보시다시피 패턴도 있고 그라디언트 색상 견본도 있습니다. 이 경우 모양 전체를 빨간색으로 적용합니다. 선택한 모양의 획 색상을 변경해볼 텐데 이 경우 제거해 보죠. Esc를 눌러 색상 패널을 숨기고 속성 패널에서 칠 색상 아래에 있는 획 색상을 클릭합니다. 견본 옵션이 선택되어 있는지 확인하고 색상을 없음으로 선택하여 빨간색 획을 제거합니다. Esc를 눌러 패널을 숨깁니다. 이처럼 기본 색상을 적용하면 빠르게 디자인할 수 있어 매우 유용합니다. 고유한 색상을 만들려면 Illustrator CC에는 여러 방법 있는데, 그 중 색상 피커를 사용할 수 있습니다. 오른쪽에 있는 빨간색 모양의 새 색상을 만들어 보죠. 이 모양을 클릭하고 선택합니다. 가장 먼저 선택한 아트웍의 칠 또는 획 중 무엇을 변경할지 결정해야 합니다. 왼쪽의 툴 패널 하단을 보면 2개의 상자가 있는데 칠과 획을 나타내죠. 이 경우 칠을 편집하기 위해 칠 상자를 두 번 클릭하여 색상 피커를 엽니다. 색상 피커 대화 상자에서 색상을 다양하게 만들 수 있습니다. 색상을 선택하거나 원하는 색상 값을 입력해도 되고 Illustrator CC에서 제공되는 기존 색상 라이브러리에서 선택할 수 있습니다. 시각적으로 색상을 만들어 보죠. 색상 스펙트럼 막대를 드래그하면 밝은 파란색과 같은 색상을 선택할 수 있습니다. 원하는 색상을 선택하려면 이 색상 필드를 클릭합니다. 선택한 색상은 여기에 표시됩니다. 색상을 선택한 모양의 칠에 적용하려면 확인을 클릭합니다. 색상 피커를 사용하여 색상을 만드는 것은 색상을 빠르게 만드는 탁월한 방법이지만 자동으로 색상이 저장되지 않으므로 다시 사용하기는 어렵습니다. 이 빨간색 모양에 앞서 만든 파란색과 같은 파란색 칠 색상을 적용해 보죠. 파란색 칠 색상과 같이 한 오브젝트의 동일한 서식을 다른 오브젝트에 적용하려면 변경할 모양을 선택한 다음 스포이드 툴로 다른 오브젝트를 클릭하여 동일한 색상을 적용합니다. 빨간색 모양을 클릭하여 선택한 다음 왼쪽의 툴 패널에서 스포이드 툴을 선택합니다. 파란색 모양을 클릭하여 동일한 칠과 획을 빨간색 모양에 적용합니다. 기본적으로 색상을 추출하는 것이죠. 아트웍을 선택 해제하기 위해 선택 메뉴에서 선택 취소를 선택합니다. 색상 사용으로도 평범한 디자인과 탁월한 디자인이 판가름 납니다. 이제 색상을 적용하고 만드는 방법을 이해하셨다면 자유롭게 실험해 보면서 디자인에 필요한 정확한 색상을 찾으시기 바랍니다.

Illustrator CC에서 스마트하게 작업하기 위한 팁을 드리자면 문서에서 만든 색상을 색상 견본으로 저장해 두면 빠른 적용과 색상의 일관성을 위해 나중에 재사용할 수 있습니다. 이 디자인을 완성하기 위해 문서에서 만든 색상을 색상 견본으로 저장하는 방법을 살펴본 다음 해당 색상을 아트웍에 적용해 보겠습니다. 보유한 파일을 열거나 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 선택 툴을 선택하고 녹색 빌딩 모양을 클릭합니다. 이 모양의 칠 색상을 다른 빌딩 모양과 같은 다른 오브젝트에 손쉽게 적용하기 위해 문서의 이 녹색을 색상 견본으로 저장해 보겠습니다. 오른쪽의 속성 패널에서 칠 색상을 클릭하고 이 견본 옵션을 선택한 다음 이 문서에서 색상 견본으로 저장된 다양한 색상을 확인합니다. 새 색상을 견본으로 저장하기 위해 패널 하단에 있는 새 견본 버튼을 클릭합니다. 새 견본 대화 상자가 열리면 색상 이름을 지정합니다. 예를 들어 Buildings라고 해보죠. 나중에도 알아볼 수 있는 이름으로 지정합니다. 이 색상은 빌딩 모양뿐만 아니라 앞으로 다른 콘텐츠에도 사용할 수 있습니다. 전체 옵션이 기본적으로 선택되어 있는데 나중에 이 색상 견본을 변경하면 이 색상이 적용된 모든 콘텐츠가 업데이트됩니다. 내 라이브러리에 추가를 선택 해제합니다. 이 색상을 Creative Cloud Libraries에 저장하지 않을 겁니다. 확인을 클릭합니다. 이제 패널에서 이 색상은 색상 견본으로 표시됩니다. 테두리가 강조 표시되는 색상 견본은 선택된 아트웍에 적용되어 있음을 나타냅니다. 만든 색상 견본은 열려 있는 문서에만 저장됩니다. 색상을 색상 견본으로 저장했다면 다른 아트웍에 손쉽게 적용할 수 있습니다. 파란색 빌딩 모양 중 하나를 클릭하고 다른 빌딩도 선택하기 위해 Shift 키를 누른 상태에서 다른 두 빌딩을 클릭하여 3개를 모두 선택합니다. Shift 키를 누른 상태에서 아트웍을 선택하면 더 많은 오브젝트를 선택 항목에 추가하거나 제외할 수 있습니다. 이제 만든 색상 견본을 적용해 보죠. 오른쪽의 속성 패널에서 칠 색상을 클릭합니다. 이 견본 모퉁이에 작은 흰색 삼각형이 있는데 전체 견본을 나타냅니다. 이 색상을 편집하면 이 견본이 적용된 모든 콘텐츠가 편집됩니다. 만든 색상 견본을 선택하여 선택한 모든 모양에 적용합니다. Esc를 눌러 이 패널을 숨긴 다음 빈 영역을 클릭하여 빌딩 모양을 선택 해제합니다. 녹색 견본을 편집해 보죠. 기본적으로 만든 전체 견본을 편집하면 모든 빌딩 모양을 선택하지 않아도 한 번에 업데이트됩니다. 선택 툴을 선택하고 녹색 모양 중 하나를 클릭하면 속성 패널에서 색상을 볼 수 있습니다. 녹색을 편집하기 위해 속성 패널에서 칠 색상을 클릭하고 만든 녹색 견본을 두 번 클릭합니다. 견본을 만들 때 보통 다양한 색상을 혼합합니다. 인쇄 프로젝트용으로 만든 색상은 일반 인쇄업체에서 사용하는 네 개의 인쇄 잉크를 결합합니다. 청록색, 마젠타색, 노란색, 검은색으로 CMYK로 알려져 있죠. 색상 견본을 변경하기 위해 CMYK 색상을 개별적으로 편집할 수 있습니다. 각 색상을 추가하거나 빼면서 전체 색상을 만들 수 있죠. 노란색과 같은 슬라이더를 드래그하여 추가하거나 빼면서 전체적으로 혼합합니다. 특정 색상 값을 알고 있다면 입력할 수 있습니다. 청록색 또는 파란색 슬라이더를 왼쪽으로 드래그하여 청록색을 제거해 황록색을 만듭니다. 아트웍의 변경 내용을 보려면 미리보기를 선택합니다. 이 대화 상자 상단에 있는 제목 막대를 옆으로 드래그해 보면 모든 빌딩 모양에 이 견본이 적용되어 변경되었습니다. 확인을 클릭한 다음 모두 선택 해제하기 위해 빈 영역을 클릭합니다. 직접 만든 색상 견본을 저장하면 작업 효율성을 높일 수 있고 아트웍의 색상을 보다 일관되게 유지할 수 있습니다. 직접 시간을 내어 이 아트웍 색상이나 나만의 색상을 사용해 보십시오.

로고 디자인을 완성하기 위해 오브젝트의 획을 사용하는 방법을 살펴보고 선에 점선을 추가하고 편집하는 방법을 확인한 다음 화살표를 패스에 추가해보겠습니다. 따라 하려면 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 먼저 이 모양의 획 또는 테두리 모양을 변경해 보죠. 툴 패널에서 선택 툴을 선택하고 파란색 원을 클릭하여 선택합니다. 문서 오른쪽에 있는 속성 패널에는 획의 두께 또는 크기가 있는데 15pt입니다. 획 두께를 변경하려면 숫자 왼쪽에 있는 화살표를 클릭하거나 메뉴에서 값을 선택하거나 입력하면 됩니다. 획을 작게 만들기 위해 두께를 13pt로 변경하려면 아래쪽 화살표를 몇 번 클릭합니다. 획 두께를 변경하는 것 외에도 획의 다른 모양 속성을 변경할 수 있습니다. 속성 패널에서 획 단어를 클릭하여 획 패널을 표시합니다. 여기에 획을 위한 다양한 옵션이 있는데 획을 패스에 맞게 정렬하거나 점선, 화살표를 추가하는 등 많은 작업이 가능합니다. 다양한 방법으로 패스 가장자리에 획을 정렬하려면 바깥쪽으로 선 정렬을 클릭합니다. 패스 바깥쪽으로 선을 정렬하면 획이 모양 바깥쪽에 놓이게 되므로 모양 안에 공간이 더 많이 생겨 예를 들어 모양 안에 텍스트를 추가할 수 있습니다. 가운데로 선 정렬을 클릭하여 원 가장자리에 있는 획을 다시 가운데로 정렬합니다. 점선을 선택된 아트웍에 적용하려면 점선을 선택합니다. 다양한 유형의 점선을 만들 수 있고 점선은 패스를 따라 반복하는 패턴을 형성합니다. 예를 들어 점선을 7pt로 변경한 다음 오른쪽에 있는 간격 필드를 클릭합니다. 그러면 Illustrator CC는 길이가 7pt인 점선을 만들고 7pt의 간격을 추가하고 패스의 길이에 따라 반복하게 됩니다. 간격을 클릭하고 9를 입력한 다음 다음 필드를 클릭하여 모양이 어떻게 바뀌는지 보시죠. 7pt의 점선이 9pt 간격으로 나열되어 있으며 이 모양으로 반복되어 있습니다. 획을 작게 만들기 위해 획 두께를 1pt로 변경하고 Esc를 눌러 이 패널을 숨깁니다. 이 모양의 칠을 없애기 위해 속성 패널에서 칠 색상을 클릭하고 상단에 견본 옵션이 선택되어 있는지 확인한 다음 [없음]을 선택합니다. 또한 아트웍에 화살표를 추가할 수 있습니다. 이 선들의 시작 부분과 끝부분에 화살표를 추가해 보죠. 두 선을 모두 선택하기 위해 선택 툴이 선택된 상태에서 가운데에 있는 선 하나를 클릭하고 Shift를 누른 채 다른 선을 클릭해 모두 선택합니다. 화살표를 추가하려면 오른쪽의 속성 패널에서 획 단어를 클릭하여 다시 획 패널을 표시합니다. 이제 패스 시작 부분이나 끝부분 또는 모두에 화살표를 추가할 수 있습니다. 왼쪽에 있는 화살표 메뉴를 클릭하고 화살촉을 패스의 시작 부분에 주가합니다. 패스를 그리기 시작한 부분이죠. 그러면 다양한 옵션이 제공되는데 화살표 14를 선택하겠습니다. 기본적으로 화살표의 크기가 100%로 되어 있는데 획 두께를 3pt로 변경하면 획 두께에 비례하여 화살촉도 커집니다. 화살촉을 작게 또는 크게 하려면 아래에 있는 크기 조절을 변경하면 됩니다. 이 선들의 양쪽 부분에 화살촉을 추가해 보죠. 오른쪽에 있는 화살표 메뉴를 클릭하고 화살표 18을 선택합니다. 화살표가 의도한 패스 끝의 반대로 놓인 경우 이 버튼을 클릭하여 교체할 수 있습니다. 현재 화면과 같은 모양인지 확인하시기 바랍니다. Esc를 눌러 획 패널을 숨기고 문서의 빈 영역을 클릭하여 모든 아트웍을 선택 해제합니다. 이제 획의 모양을 변경하는 방법을 살펴봤으므로 직접 아트웍에서 다양한 유형의 획을 실험해보시기 바랍니다. 예를 들어 점선을 사용하여 스티치 효과를 만들거나 다이어그램이나 인포그래픽에 화살표를 추가할 수 있습니다.

Illustrator CC에서 색상을 활용하는 크리에이티브한 작업은 무척 다양합니다. 예를 들어 그라디언트를 아트웍에 적용할 수 있죠. 그라디언트는 두 가지 이상의 색상이 혼합되는 효과로 현재 이 모양에 적용되어 있습니다. 이 아이콘 아트웍을 완성하기 위해 기존 그라디언트를 적용해본 다음 해당 그라디언트를 디자인에 맞게 편집해보겠습니다. 따라 하려면 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 먼저 그라디언트로 이 모양을 칠해 보죠. 선택 툴을 선택하고 배경 모양을 클릭하여 선택합니다. 그라디언트로 모양을 칠하기 위해 오른쪽의 속성 패널에서 칠 색상을 클릭하고 견본을 선택하면 사용 가능한 기본 색상 견본이 표시됩니다. Illustrator CC 문서에는 기본으로 저장된 그라디언트 색상 견본이 제공됩니다. 한 번에 하나씩 색상 견본을 클릭하여 이 모양에 칠이 어떻게 적용되는지 확인합니다. 그라디언트로 아트웍에 재미를 더하거나 차원이나 심도도 추가할 수 있습니다. Illustrator CC에서 그라디언트는 대부분 오브젝트의 칠이나 색상에 적용할 수 있습니다. 흑백 그라디언트를 적용해보겠습니다. 그라디언트를 적용한 다음 색상뿐만 아니라 선택된 아트웍에 표시되는 방법을 편집할 수 있습니다. 그라디언트를 편집하려면 패널 하단에 있는 그라디언트 옵션 버튼을 클릭하여 그라디언트 패널을 표시합니다. 그라디언트 패널을 옮기려면 상단의 제목 막대를 드래그합니다. 그라디언트 패널에서는 그라디언트를 편집할 수 있는 다양한 옵션이 제공되며 그라디언트의 색상을 편집하는 데 주력할 수 있습니다. 이 모양의 칠에 그라디언트를 적용했으므로 그라디언트 패널에서 칠을 편집할 수 있으며 획은 해당되지 않습니다. 칠 상자를 클릭하여 위로 오게 합니다. 칠과 획 중 위에 표시되는 상자가 선택한 아트웍에서 변경 사항이 적용됩니다. 이 색상 막대는 아트웍에서 전체 색상 그라디언트의 색상을 나타냅니다. 2개의 작은 원은 색상의 정지점으로 그라디언트의 색상을 나타냅니다. 흑백으로 되어 있는데 흰색 정지점을 오른쪽으로 드래그하면 아트웍이 어떻게 되는지 보시죠. 두 번째 색상 쪽으로 드래그할수록 흰색에서 검은색으로 전환되는 구간이 짧아집니다. 흰색 정지점을 다시 왼쪽 끝으로 드래그해 보죠. 그라디언트의 색상을 변경하려면 각 색상을 개별적으로 편집할 수 있습니다. 흰색 정지점을 두 번 클릭하여 편집합니다. 문서에서 제공되는 색상 견본을 표시하려면 견본 버튼을 클릭하고 크림 색상을 선택하겠습니다. 그라디언트의 다른 색상을 변경하려면 그라디언트 패널을 클릭하고 견본을 숨긴 다음 검은색 정지점을 두 번 클릭하고 패널에서 파랑 색상 견본을 선택합니다. 색상을 설정한 다음에는 그라디언트 툴을 사용하여 모양 속의 그라디언트를 편집할 수 있습니다. 그라디언트 패널 상단에 있는 X를 클릭하여 닫습니다. 왼쪽에 있는 툴 패널에서 그라디언트 툴을 선택하면 막대가 모양의 칠을 가로질러 표시됩니다. 이 막대는 그라디언트 칠의 방향과 길이를 보여줍니다. 양쪽 끝에 두 가지 색상이 보이는데 그라디언트 패널에서 본 색상 정지점입니다. 그라디언트의 방향과 길이를 변경하기 위해 오브젝트를 드래그해 보죠. 모양의 아래에서부터 맨 위까지 드래그하고 마우스를 놓으면 그라디언트의 방향이 변경되고 그라디언트의 길이가 설정됩니다. 크림색에서 파란색으로 혼합되는 길이가 결정됩니다. 아트웍을 선택 해제하려면 선택 메뉴에서 선택 취소를 선택합니다. 아트웍에 그라디언트를 추가하여 창의력을 마음껏 발휘해 보시기 바랍니다. 그라디언트를 사용하면 다양한 요소를 만들 수 있습니다. 예를 들어 버튼에 심도를 추가하거나 포스터에 완벽한 설정을 만들 수 있죠.

아트웍 색상을 조정하려면 예를 들어 포스터의 모든 색상을 밝게 하거나 한 로고의 다른 여러 버전을 만들거나 각 색상을 변경해야 할 때 시간이 많이 걸리고 어려울 수 있습니다. Illustrator CC에서 아트웍 색상 변경 기능을 사용하면 간단하게 수행할 수 있습니다. 따라 하려면 이 튜토리얼에서 제공하는 실습용 파일을 엽니다. 아트웍 색상을 변경하려면 먼저 이 로고와 같이 색상을 변경할 아트웍을 선택해야 합니다. 이 경우 전체 포스터의 색상을 조정해보죠. 포스터의 모든 요소를 선택하기 위해 선택 메뉴에서 모두를 선택합니다. 한 번에 선텍한 모든 콘텐츠의 색상을 변경하겠습니다. 문서 오른쪽에 있는 속성 패널에서 다시 칠하기 버튼을 클릭하여 아트웍 색상 변경 대화 상자를 엽니다. Illustrator CC에서 아트웍 색상 변경은 매우 강력한 기능으로 아트웍의 전체 색상을 변경할 수 있는 간편한 방법입니다. 편집 탭을 클릭하면 색상 휠이 표시됩니다. 색상 휠에는 선택된 아트웍에서 발견된 모든 색상이 이처럼 작은 원으로 표시됩니다. 배경의 보라색, 나뭇잎의 녹색 등이 있습니다. 원하는 방식으로 색상을 변경할 수 있는데 예를 들어 색상을 개별적으로 변경할 수 있죠. 보라색을 색상 휠의 다른 부분으로 드래그하여 놓으면 아트웍의 보라색이 변경됩니다. 이 대화 상자를 옆으로 옮기려면 상단의 제목 막대를 드래그하면 됩니다. 또한 모든 색상을 함께 변경하여 모두 밝게 하거나 동일한 방식으로 색상을 변경할 수 있습니다. 보라색을 변경하기 전으로 모든 색상을 원래대로 되돌리려면 이 스포이드 아이콘을 클릭합니다. 다양하게 실험해 보고 언제든지 원본 색상을 되돌릴 수 있으므로 매우 유용합니다. 모든 색상 중 하나를 드래그할 때 함께 변경되도록 하려면 '조화 색상을 연결합니다.' 버튼을 클릭합니다. 다시 보라색을 색상 휠의 다른 부분으로 드래그하면 모든 색상이 변경됩니다. 보라색을 녹색으로 드래그하면 지금 이 화면처럼 됩니다. 또한 색상의 밝기를 조정하여 전체적으로 어둡게 또는 밝게 만들 수 있습니다. 밝기 슬라이더를 왼쪽 또는 오른쪽으로 드래그하면 됩니다. 포스터의 색상이 마음에 들면 확인을 클릭합니다. 아트웍의 색상을 개별적으로 편집하는 대신 강력한 아트웍 색상 변경 기능을 사용하면 전체 색상을 빠르고 시각적으로 편집할 수 있습니다. 이제 아트웍 색상 변경을 사용하여 프로젝트에서 색상을 편집해보시기 바랍니다. 로고를 여러 색상의 버전으로 만들 수 있습니다.