[기초38] 포토샵, 모양 도구(Shape Tool) 알아보기

[기초 38] 포토샵, 모양 도구(Shape Tool) 알아보기

 -  사각형, 모서리가 둥근 직사각형, 타원, 삼각형, 다각형, 선, 사용자 정의 모양 도구에 대해 알아보자.

 

---

 

도형 도구

• 사각형 도구(Rectangle Tool) [U] : 사각형 모양 레이어를 만드는 도구입니다.
• 모서리가 둥근 직사각형 도구 [U] : 모서리가 둥근 직사각형 모양 레이어를 만드는 도구입니다.
• 타원 도구(Ellipse Tool) [U] : 타원 모양 레이어를 만드는 도구입니다.
• 삼각형 도구(Triangle Tool) [U] : 삼각형 모양 레이어를 만드는 도구입니다.
• 다각형 도구(Polygon Tool) [U] : 다각형 모양 레이어를 만드는 도구입니다.
• 선 도구(Line Tool) [U] : 선 모양 레이어를 만드는 도구입니다.
• 사용자 정의 모양 도구(Custom Shape Tool) [U] : 사용자가 임의로 만든 형태로 모양 레이어를 만드는 도구입니다.

---

 

모양 레이어와 일반 레이어 차이

 

모양은 래스터 그래픽스가 아닌 벡터 그래픽스 기반으로 생성되어 이미지의 크기 수정이나 변형 시 손상이 되지 않습니다. 패스 선으로 형태를 만들고 거기에 획과 칠을 하는 개념이라고 생각하면 편합니다.

 

레이어 패널

레이어 패널을 보면 모양 레이어는 일반 레이어와 다르게 섬네일에 모양 아이콘 표시가 되어 있습니다. 모양 레이어는 모양만 레이어 안에 만들 수 있고, 브러시 작업과 같은 다른 편집을 하기 위해서는 '레이어 래스터화'로 일반 레이어로 변환해야 합니다.

 

↓ 래스터(비트맵)와 벡터의 차이 ↓

[알게 된 것들 ] 👀 Potoshop/기초] - [기초01] 벡터(Vactor)와 비트맵(Bitmap)의 차이

[기초01] 벡터(Vactor)와 비트맵(Bitmap)의 차이

 

사각형 도구(Rectangle Tool) [U]

사각형 도구 설정바

사각형 도구(Rectangle Tool) [U] : 사각형 형태의 모양을 만드는 도구입니다.

 

[1]

사각형 도구 사용하기

 

칠과 획 등 설정바에서 원하는 값을 선택한 뒤 마우스로 작업 공간에 드래그하여 만들거나 마우스 왼 클릭하여 정확한 폭과 높이를 설정한 뒤 확인을 누르면 모양이 생성됩니다. 

모양 생성

 

마우스로 패스를 잡고 드래그하여 크기를 수정할 수 있습니다.

크기 수정

 

[Ctrl] 키를 누르면서 마우스로 드래그하면 모양이 이동됩니다.

이동

 

[Shift] 키를 누르면서 드래그하면 정사각형으로 수정할 수 있습니다.

정사각형

 

[Alt] 키를 누르면서 마우스로 드래그하면 중심을 기준으로 수정할 수 있습니다.

[Shift]+[Alt] 키를 동시에 누르면 정사각형의 모양으로 중심부에서 크기를 수정할 수 있습니다.

정 도형 + 중심부 수정

 

[Ctrl] 키를 누르면서 마우스로 드래그하면 자유롭게 모양을 수정할 수 있지만 사각형 형태의 패스는 없어지게 됩니다.

자유 변형

 

[Shift] 키를 누르면서 마우스로 드래그하여 모양에 추가적인 영역을 생성할 수 있습니다.

('모양 결합'과 같습니다.)

[Alt] 키를 누르면서 마우스로 드래그하여 영역을 제외시킬 수 있습니다.

('전면 모양 빼기'와 같습니다.)

 

* 모양 결합 *

모양 결합

 

* 전면 모양 빼기 *

전면 모양 빼기

 

[Shift]+[Alt] 키를 누르면서 마우스 드래그하여 겹치는 영역만을 남길 수 있습니다.

('모양 영역 교차'와 같습니다.)

모양 영역 교차

 

대각선에 있는 각도 조절 점을 이용하여 사각형 모서리를 둥글게 만들 수 있습니다.

'사각형 도구'보다 '모서리가 둥근 직사각형 도구'를 이용하면 더 빠르고 편리하게 만들 수 있습니다.

('모서리가 둥근 직사각형 도구'는 포토샵 2022부터 사각형 도구로 편입되고 사라지게 됩니다.)

모서리 조절

 

[Enter] 키를 누르면 모양을 완성하고 새로운 모양 레이어를 만들 수 있습니다.

[Del] 키를 누르면 모양을 삭제할 수 있습니다.

 

[2]

설정바1

• 모양(Shape) : 선택한 형태를 모양으로 만듭니다.
• 패스(Path) : 선택한 형태를 패스로 만듭니다.
• 픽셀(Pixels) : 선택한 형태를 래스터 이미지로 만듭니다.

 

[3]

설정바2

획 옵셜

• 칠(Fill) : 모양 안의 색을 설정합니다.
• 획(Stroke) : 모양의 선 유,무 혹은 색을 설정합니다.
• 픽셀 값 : 획의 두께를 설정합니다.
• 획 옵션 : 획의 형태를 설정합니다.

↓ 획 옵션 자세히 알아보기 ↓

[알게 된 것들 ] 👀 Potoshop/기초] - [기초15] 펜 도구 (Pen Tool) [P] 알아보기

[기초15] 펜 도구 (Pen Tool) [P] 알아보기

 

[4]

설정바3

모양의 크기를 설정할 수 있습니다.

 

[5]

설정바4

패스 작업(Path Operations) : 패스가 2개 이상일 때, 작업 방식을 설정합니다.

패스 맞춤(Path Alignment) : 패스의 위치를 조절합니다.

패스 배열(Path arrangement) : 패스가 2개 이상일 때, 패스의 우선순위를 설정합니다.

 

↓ 자세히 알아보기 ↓

[알게 된 것들 ] 👀 Potoshop/기초] - [기초15] 펜 도구 (Pen Tool) [P] 알아보기

[기초15] 펜 도구 (Pen Tool) [P] 알아보기

 

[6]

설정바5

패스 옵션 : 패스 선의 두께나 색상 등을 설정할 수 있습니다.

 

[7]

설정바6

가장자리 맞춤(Align Edges) : 픽셀의 가장자리를 정렬합니다.

 

* 가장자리 X / O 예시 이미지 *

예시 이미지

 

나머지 설정들

* 모서리가 둥근 직사각형, 타원, 삼각형, 다각형, 선, 사용자 정의 모양 도구의 설정들은 아래 설정을 제외한 사각형 도구와 같습니다 *

 

[8]

면

면 아이콘 : 다각형의 각의 개수를 설정합니다.

(다각형 도구일 때 활성화)

 

* 면 예시 이미지 *

예시 이미지

 

[9]

두께

두께(Weight) : 선 도구의 선 두께를 설정합니다.

(선 도구일 때 활성화)

 

* 두께 예시 이미지 *

10px / 30px

예시 이미지

 

[10]

모양

모양(Shape) : 모양 프리셋을 선택 또는 추가합니다.

(사용자 정의 모양 도구일 때 활성화)

모양 설정

• 모양 이름 바꾸기(Rename Shape) : 모양 프리셋의 이름을 바꿉니다.
• 모양 삭제(Delete Shap) : 모양 프리셋을 삭제합니다.
• 텍스트 전용(Text Only) : 모양 프리셋의 섬네일을 숨기고 이름만을 보여줍니다.
• 작은 축소판(Small Thumbnail) : 모양 프리셋의 이름을 숨기고 섬네일을 작은 크기로 보여줍니다.
• 큰 축소판(Large Thumbnail) : 모양 프리셋의 이름을 숨기고 섬네일을 큰 크기로 보여줍니다.
• 작은 목록(Small List) : 모양 프리셋의 이름과 섬네일을 작은 크기로 보여줍니다.
• 큰 목록(Large List) : 모양 프리셋의 이름과 섬네일을 큰 크기로 보여줍니다.
• 기본 모양 첨부(Append Default Shapes) : 최초 포함되어 있던 모양 프리셋을 가져옵니다.
• 모양 가져오기(Import Shapes) : 사용자의 모양 파일을 가져옵니다.
• 선택한 모양 내보내기(Export Selected Shapes) : 사용자가 선택한 모양을 파일 형태로 내보냅니다.

 

 

섬네일