[포토샵] Shape Tool(쉐이프 툴)로 벡터 도형을 만들기

[o암흑o채찍o]

Shape Tool(쉐이프 툴)로 손쉽게 벡터 도형을 만들어 보자

툴박스의 6개의 쉐이프 툴을 이용하여 드래그 하면 손쉽게 원형, 사각형, 화살표 등의 벡터 도형을 만들 수 있습니다. 또한 앞서 펜툴의 옵션을 배우면서 알았듯이 쉐이프 툴의 옵션바와 펜툴의 옵션바를 이용하여 다양한 모양으로 벡터 도형을 만들 수 있습니다.
또한 만들어진 쉐이프는 스타일 팔레트를 이용하여 벡터 도형에 다양한 효과를 적용할 수 있습니다.

우선 아래와 같이 툴박스에서 Ellipse Tool을 선택을 하고 상단 옵션에서 "Shape Layer"를 체크합니다.

이미지 창에서 "1"번 볼의 크기만큼 드래그 합니다.

레이어 팔레트의 변화
쉐이프 툴을 이용하여 벡터 도형을 만들면 레이어 팔레트에 쉐이프 레이어 및 벡터 마스크가 생성됩니다. 따라서 원본 이미지를 손상시키지 않고도 쉐이프 레이어를 쉽게 제거 및 수정이 가능합니다.

패스 팔레트의 변화
펜툴을 이용하여 패스를 만들면 패스 팔레트에 "Work Path"가 생성이 되지만 옵션에서 "Shape Layer"를 체크하고 드래그 하면 "쉐이프 벡터 마스크"가 생성이 됩니다.

자유로운 모양 수정
쉐이프로 만들어진 오브젝트는 툴박스에서 "Direct Selection Tool(직접 선택툴)"로 앵커 포인트를 움직여서 마치 일러스트 오브젝트를 수정하듯이 모양을 변경할 수 있습니다. 또한 펜툴을 이용해 앵커 포인트 추가및 삭제하여 자유롭게 변형이 가능합니다.

- 직접 선택툴로 변경할 앵커 포인트 선택

- 앵커 포인트를 이동한 결과

다양한 스타일 적용
스타일 팔레트에서 쉐이프에 다양한 효과를 적용할 수 있습니다.

- 스타일이 적용된 결과

다양한 모양의 쉐이프 프리셋
포토샵CS2는 다양한 모양의 쉐이프 프리셋을 제공합니다. 따라서 아이콘이나 버튼 또는 문양을 제작하기 위하여 일러스트를 이용하여 제작하지 않아도 포토샵에서 제공하는 벡터 쉐이프를 이용하여 다양한 모양의 쉐이프를 만들 수 있습니다.

지금까지 쉐이프 툴의 기본 특징에 대하여 알아 보았습니다. 지금부터는 각 쉐이프 툴의 사용법을 알아 보겠습니다.

쉐이프 툴의 사용법
툴박스의 6개의 쉐이프 툴에 대한 기본 사용법을 알아 보겠습니다. 각각의 쉐이프 툴을 선택하고 옵션바의 [Geometry Option] 화살표를 클릭하면 각각의 쉐이프 모양을 설정할 수 있습니다.

1. 사각형 툴과 Geometry Option
Rectangle Tool(사각형 툴)은 사각형 모양의 벡터 도형 및 패스를 제작할 수 있는 툴입니다. 이미지 창에서 마우스를 드래그 하여 원하는 크기의 사각형을 만들 수 있습니다. 또한 기본적으로 전경색의 색상이 채색되어 집니다.

Geometry Option : 옵션바의 삼각형을 클릭하여 옵션을 설정할 수 있습니다.

- Unconstrained : 마우스를 드래그 하여 자유롭게 사각형의 쉐이프를 만들 수 있습니다.
- Square : 정사각형의 쉐이프를 만들 수 있습니다.
- Fixed Size : 가로(W), 세로(H)의 크기를 직접 입력을 하여 만들어질 쉐이프의 크기를 미리 설정할 수 있습니다.
- Proportional : 사각형의 가로(W), 세로(H)의 비율을 입력하여 쉐이프를 만들 수 있습니다.
- From Center : 체크되면 사각형이 만들어 질 때 클릭한 부분이 중심점이 되어 사각형이 만들어 집니다.
- Snap to Pixels : 체크되면 펙셀에 맞게 사각형 쉐이프가 만들어 집니다.

2. 둥근 사각형 툴과 Geometry Option
Rounded Rectangle(둥근 사각형 툴)은 모서리가 둥근 사각형의 벡터 오브젝트를 만듭니다. 옵션바에서 Radius 값을 입력 하여 모서리의 둥근 정도를 설정합니다.

Geometry Option 은 사각형 툴과 동일합니다.

3. 타원 툴과 Geometry Option
Ellipse Tool(타원 툴)은 원형 및 타원형의 벡터 오브젝트를 만들 수 있습니다. Shift를 누르고 드래그 하면 정원을 만들 수 있습니다.

Geometry Option : 아래와 같이 "Circle"이 체크되면 Shift를 누르고 쉐이프를 만들때와 같이 정원을 만들 수 있습니다.

4. 다각형 툴과 Geometry Option
Polygon Tool(다각형 툴) 은 옵션바에서 Radius 값을 이용하여 다각형의 벡터 오브젝트를 만들 수 있습니다.

Geometry Option

- Radius : 만들어질 다각형의 반지름 값을 입력하여 원하는 크기의 다각형을 만들 수 있습니다.

- Smooth Corners : 채크되면 중심을 기준으로 꼭지점들이 둥근 다각형 쉐이프가 만들어 집니다.

- Star : 체크되면 별 모양의 쉐이프를 만들 수 있습니다. Indent Slides By값이 높을수록 폭이 좁아져 날카로운 별 모양이 되며 Smooth Indent 를 체크하면 안쪽으로 들어간 부분을 부드럽게 표시합니다.

5. 라인 쉐이프 툴과 Geometry Option
Line Tool(라인 툴)은 옵션바의 Weight값을 이용하여 다양한 라인의 굵기와 벡터 라인을 제작할 수 있습니다. 또한 Geometry Option에서 화살표가 있는 라인을 만들 수 있습니다.

- 선의 두께만 지정된 경우

Geometry Option

- Start : 체크후 라인툴로 드래그 하면 라인의 시작점에 화살표를 만듭니다.
- End : 체크후 라인툴로 드래그 하면 라인의 끝점에 화살표를 만듭니다.
- Width : 선의 두께를 기준으로 화살표 길이 비율을 정합니다.

- Length : 선 두께를 기준으로 화살표 길이 비율을 설정합니다.

- Concavity : -50%~50% 사이의 값을 입력할 수 있으며 화살표 머리의 날카로움을 설정합니다.

6. 커스텀 쉐이프 툴과 Geometry Option
Custon Shaper Tool(커스텀 쉐이프 툴)은 펜 툴 옵션 설명시 잠시 알려 드렸던것과 같이 사용자가 원하는 모양이나 포토샵에서 제공하는 쉐이프 프리셋을 불러와 쉐이프를 만들 수 있습니다. 옵션바의 삼각형을 클릭하면 다양한 쉐이프 모양이 나타납니다.

Geometry Option

- Define Proportions 가 체크되면 커스텀 쉐이프에서 선택한 모양의 비율을 그대로 유지하면서 크기를 변경할 수 있습니다.

사용자 커스텀 쉐이프 만들기
포토샵에서 제공하는 쉐이프 프리셋에서 원하는 쉐이프를 선택하여 적용할수도 있지만 사용자의 만든 모양을 쉐이프로도 만들 수 있습니다.

1. 툴박스에서 다각형 쉐이프 툴을 선택을 하고 상단 옵션에서 아래와 같이 설정합니다.

2. 이미지창에 적당히 드래그 하여 아래와 같이 만듭니다.

3. 같은 방법으로 다시 이미지 창에 드래그 하여 아래와 같이 만듭니다.
옵션에서 Add to shape Area 버튼을 체크하였으므로 새로운 쉐이프 레이어가 생성이 되지 않고 기존 쉐이프에 추가되는것을 알 수 있습니다.

※ 도형 제작시 위치 옮기기
아래와 같이 쉐이프를 만드는 도중 쉐이프 오브젝트의 위치가 맞지 않은 경우가 있습니다.

이 때는 마우스 왼쪽 버튼을 떼지 않은 상태에서 Space Bar를 누르고 드래그 하면 그려질 쉐이프의 위치를 옮길 수 있습니다.

4. "Edit>Define Custom Shape.."를 선택합니다.
대화상자가 나타나면 원하는 쉐이프의 이름을 설정한 뒤 [OK]버튼을 누릅니다.

5. 쉐이프가 등록이 되었습니다. 상단 옵션바에서 Shape의 삼각형을 클릭하면 하단에 "4"번 과정에서 등록한 쉐이프가 등록이 된 것을 알 수 있습니다.

※ Define Custom Shape.. 명령이 비활성화 되는 경우

쉐이프를 만들고 "Edit>Define Custom Shape.."를 선택하였을 때 "Define Custom Shape.. "명령이 비활성화 되는 경우가 있습니다.
이러한 이유는 레이어 팔레트에서 쉐이프 레이어의 벡터 마스크가 활성화 되어 있어 있지 않기때문입니다.

이 때는 다시 레이어 팔레트의 벡터 마스크를 클릭하여 벡터 마스크를 활성화 시킨 뒤 다시 "Edit>Define Custom Shape.."를 선택하면 활성화 됩니다.