본문 바로가기
일러스트레이터

Adobe 일러스트레이터_그라디언트(gradient)

by 헤이튜토리얼 2022. 9. 16.
반응형

그라디언트 도구와 패널
그라디언트 도구와 패널

그라디언트는 색상을 단계로 나눠 혼합한 것으로 2가지 이상의 색상을 사용합니다. 일러스트레이터에서 그라디언트 도구와 그라디언트 패널, 제어 패널에서 그라디언트를 제어할 수 있습니다. 그라디언트 도구아이콘을 클릭하거나 단축키 G로 선택할 수 있습니다. 그라디언트 패널은 상단 메뉴 윈도우 > 그라디언트 또는 윈도우 ctrl + F9  / 맥 ⌘(command)+ F9, 그라디언트 도구를 더블클릭하여 열고 닫을 수 있습니다. 

그라디언트 적용하기

그라디언트는 칠 또는 선 색상에 모두 사용할 수 있습니다. 오브젝트의 칠 또는 선 색상을 선택한 후 그라디언트 도구, 아이콘(단축키), 견본 패널 도는 그라디언트 패널로 적용할 수 있습니다. 기본값은 흰색과 검은색의 선형 그라디언트 입니다. 

1. 그라디언트 도구

그라디언트 도구로 그라디언트 적용하기
그라디언트 도구로 그라디언트 적용하기

그라디언트 도구로 원하는 오브젝트를 클릭하면 적용됩니다. 단일 오브젝트에만 적용됩니다. 이때 적용되는 그라디언트는 그라디언트 패널에 표시되어있는 색상으로 적용됩니다. 클릭해도 적용이 안 된다면 칠 또는 선 색상 아이콘이 제대로 선택되어있는지 확인해주세요. 선 색상에는 그라디언트 도구로 그라디언트를 적용할 수 없습니다. 

2. 아이콘(단축키)

단축키로 그라디언트 적용하기
단축키로 그라디언트 적용하기

도구 모음 하단에 있는 색상, 그라디언트, 없음 아이콘을 사용하여 적용할 수 있습니다. 아이콘을 직접 클릭하거나 색상< , 그라디언트>, 없음/ 로 단축키를 눌러 사용할 수 있습니다. 그라디언트는 단일 오브젝트에만 적용되지만 아이콘 또는 단축키를 사용하면 여러 개의 오브젝트를 선택하여 다중 오브젝트의 칠과 선 색상에 적용시킬 수 있습니다. 이때 적용되는 그라디언트는 그라디언트 패널에 표시되어있는 색상으로 적용됩니다. 

3. 견본 또는 그라디언트 패널

그라디언트 패널과 견본 패널로 그라디언트 적용하기
그라디언트 패널과 견본 패널로 그라디언트 적용하기

오브젝트를 단일 또는 다중 선택 후 견본 패널에 저장되어있는 그라디언트를 선택하거나, 그라디언트 패널에 표시되어있는 색상을 클릭하면 적용됩니다. 또는 견본 패널과 그라디언트의 패널의 그라디언트를 클릭 드래그하여 원하는 오브젝트에 놓아도 적용할 수 있습니다. 

그라디언트 만들기

그라디언트 패널로 만들기

그라디언트 패널로 그라디언트 만들기
그라디언트 패널로 그라디언트 만들기

상단 첫 번째 이미지는 그라디언트가 적용되는 이미지입니다. 새로 수정한 그라디언트 또는 전에 사용한 그라디언트가 활성화되어있습니다. 옆 ▼아이콘을 누르면 기존 그라디언트 목록이 보입니다. 하단에는 칠과 선 아이콘으로 현재 어디에 적용하고 있는지 알 수 있습니다. 칠 색상, 선 색상 아이콘 아래에는 현재 적용된 그라디언트를 반전하는 아이콘이 있습니다. 

1. 그라디언트 유형

유형별 그라디언트
유형별 그라디언트

그라디언트의 유형은 시작점에서 끝점으로 만들어지는 선형, 원의 중심에서 점점 퍼지는 방사형, 원하는 위치에 색상을 정하거나 선으로 연결하는 자유형으로 나눌 수 있습니다. 선에 그라디언트를 적용하는 경우에는 선형방사형만 사용할 수 있고 유형마다 획 안, 획을 따라, 획에 걸쳐3가지 모드를 설정할 수 있습니다. 단, 선 정렬이 가운데로 정렬이 아닌 안쪽 또는 바깥쪽으로 정렬일 경우에는 획 안만 사용할 수 있습니다. 

2. 각도와 종횡비

그라디언트 패널 각도와 종횡비
그라디언트 패널 각도와 종횡비

그라디언트의 각도와 종횡비를 입력할 수 있습니다. 특정한 각도를 입력하거나 사용하고 싶은 종횡비가 있다면 사용합니다. 종횡비는 방사형 그라디언트를 사용할 때 활성화됩니다. 

3. 그라디언트 주석자

그라디언트 패널 - 그라디언트 주석자
그라디언트 패널 - 그라디언트 주석자

그라디언트 주석자에는 그라디언트 중간점과 최소 2개의 색상점이 있습니다. 주석자 아래의 스포이트불투명도, 위치그라디언트를 조절할 수 있습니다. 그라디언트 중간점을 클릭 드래그해서 두 색상이 겹쳐지는 위치를 변경할 수 있으며, 하단에 위치가 활성화되어 백분율을 입력(최소 13%에서 87%까지)하여 조절할 수 있습니다. 

그라디언트 패널로 색상 변경하기
그라디언트 패널로 색상 변경하기

색상점을 클릭하면 색을 수정할 수 있습니다. 색상 패널에서 직접 색상을 수정하거나, 견본 패널에서 미리 정해둔 색상을 사용할 수도 있고, 스포이트 툴로 오브젝트의 색상을 추출하여 적용할 수도 있습니다. 색상점을 더블클릭하면 색상 패널, 견본 패널, 스포이트 툴이 보이므로 따로 색상 패널과 견본 패널을 열어두지 않아도 사용이 가능합니다. 

그라디언트 패널에 색상 추가하기
그라디언트 패널에 색상 추가하기

두 개의 색상점 사이를 클릭하면 그 위치의 색상이 추출되며 색상점으로 표시됩니다. 추출되는 게 아니라 똑같은 색의 색상점을 만들고 싶다면 윈도우 alt  / 맥 ⌥(option)누른 채 드래그하면 같은 색상의 색상점을 만들 수 있습니다. 삭제하려는 색상점을 선택하면 그라디언트 주석자 뒤에 활성화 된 쓰레기통 아이콘을 클릭하거나 backspace키 또는 delet키로 삭제할 수도 있고, 클릭 드래그하여 밑으로 내리면 삭제할 수 있습니다. 색상점클릭 드래그하여 위치를 변경해줄 수 있고, 선택 시 하단의 불투명도와 위치가 활성화되므로 정확한 수치를 입력하여 정교한 그라데이션을 만들 수도 있습니다. 

그라디언트 도구로 만들기

그라디언트 도구로 선형 그라디언트 만들기
그라디언트 도구로 선형 그라디언트 만들기

그라디언트 도구를 사용하면 그라디언트 패널에서 보던 그라디언트 주석자를 볼 수 있습니다. 클릭 드래그로 각도를 지정하며 만들수도 있고 그라디언트 주석자를 길게 만들거나 작게 만들수도 있습니다. 시작점을 잡고 움직이면 시작 위치를 변경할 수 있으며, 끝점을 움직이면 주석자 길이를 조절합니다. 끝점보다 더 옆으로 커서를 가져가면 각도를 조절할 수 있습니다. 그라디언트 패널과 사용방법은 동일합니다. 

그라디언트 도구로 방사형 그라디언트 만들기
그라디언트 도구로 방사형 그라디언트 만들기

방사형 그라디언트도 클릭 드래그로 각도와 크기를 조절하며 만들 수 있습니다. 이때 중심에서부터 그라디언트 주석자가 생성되고 큰 점선 원이 보입니다. 선형 그라디언트처럼 시작점을 잡고 움직이면 시작위치를 변경할 수 있고, 시작점 근처에 커서를 가져가면 그라디언트 자체를 움직일 수 있습니다. 끝점을 움직이거나, 큰 점선원 라인의 작은 검은점으로 크기를 조절할 수 있습니다. 끝점보다 커서를 넘기거나, 큰 점선원의 점선부분 커서를 가져가면 각도를 조절할 수 있습니다. 큰 점섬원 라인의 검은원을 클릭 드래그하면 종횡비를 조절할 수 있습니다. 

 자유형 그라디언트

자유형 그라디언트 만들기
자유형 그라디언트 만들기

자유형 그라디언트를 선택하면 오브젝트에 색상점이 표시됩니다. 그라디언트 패널에 그라디언트 주석자가 없어지고, 그리기와 색상 정지점이 나타납니다. 색상 정지점은 색상점을 클릭하면 활성화됩니다. 다른 그라디언트처럼 클릭하여 점을 추가할 수도 있고, 더블 클릭하여 색상을 변경할수도 있고, 선택한 색상점을 delet로 삭제할 수 있고, 클릭 드래그로 이동도 가능합니다. 색상점에 색상을 스포이트툴로 색을 선택했다면 반드시 esc키를 눌러 종료해줍니다. 

자유형 그라디언트 - 포인트와 선
자유형 그라디언트 - 포인트와 선

자유형 그리기 모드에는 포인트이 있습니다. 포인트는 오브젝트에 색상점의 원형으로 영역을 만들어 색상과 색상 사이의 그라디언트를 만들어줍니다. 이때 원의 영역은 스프레드로 정할 수 있으며, 스프레드는 그라디언트 패널, 제어 패널, 속성 패널에서 을 넣어 수정할 수도 있고 색상점 주위의 점선윈 아래에 검은 점을 클릭 드래그하여 조절할 수 있습니다. 선 모드에는 스프레드가 따로 없고 색상점을 선으로 이어서 선의 모양으로 그라디언트가 표현됩니다. 

그라디언트 저장하기

그라디언트 저장하기
그라디언트 저장하기

다 만들어진 그라디언트는 견본에 저장할 수 있습니다. 단, 저장하는 그라디언트의 종횡비와 각도는 저장되지 않고 자유형 그라디언트는 저장할 수 없습니다. 

  1. 도구 모음 또는 색상, 견본, 그라디언트 패널에서 칠 또는 선 색상 아이콘을 견본 패널로 드래그
  2. 그라디언트 패널에서 그라디언트 이미지 옆 ▼아이콘을 눌러 메뉴를 열고 견본에 추가 버튼 클릭
  3. 견본 패널에새 견본 클릭해서 이름을 지정하여 저장

 

본 데이터는 adobe illustrator 2022를 기준으로 작업되었습니다.  

반응형

댓글