본문 바로가기
컴퓨터 사용 설명서/포토샵 독학기

[포토샵 기초] 패스(Path) 만들기 ③ 펜 도구로 모양(Shape) 만드는 방법

by 칼랭 2023. 5. 21.
반응형

펜 도구를 활용한 모양 만들기를 해볼게요.

펜 도구의 '모양' 옵션 바 소개는 맨 아랫부분에 있습니다. 참고하세요.

 

▣ 노란색 삼각형 만들기

① 패스 옵션이 선택된 상태에서 삼각형 만들기  

  ⓐ 펜 도구를 선택한 뒤, 캔버스의 중간 부분을 클릭해 기준점을 만듭니다.

  ⓑ 왼쪽 부분을 클릭해 두 번째 기준점을 만듭니다.

  ⓒ 오른쪽 부분을 클릭해 세 번째 기준점을 만듭니다.

  ⓓ 시작 기준점을 클릭해 패스를 닫습니다.

  ⓔ 패스 패널에서 '채우기' 아이콘을 클릭해 노란색 삼각형을 완성합니다.

 

 

펜 툴로 삼각형 만드는 방법

 

 

ⓔ 패스 패널에서 '채우기' 아이콘을 클릭해 노란색 삼각형을 완성합니다.

 

 

패스 채우기

 

 

 모양 옵션이 선택된 상태에서 삼각형 만들기

 

 

 

 

ⓐ 펜 도구를 선택하고, 옵션바에서 선택 도구를 '모양'으로 설정합니다.

  ⓑ 칠을 클릭해 모양을 채울 색상을 선택합니다.

  ⓒ획을 클릭해 색상 없음을 선택합니다.

 

 

 

 

  ⓓ 기준점을 클릭해 삼각형을 만듭니다.

       세 번째 기준점이 생성되어 '면'이 만들어지면 곧바로 '칠'이 적용됩니다.

 

 

 

 사각형 틀 만들기

① 패스 옵션이 선택된 상태에서 삼각형 만들기  

  ⓐ 바른 모양의 사각형을 만들기 위해, 단축키 Ctrl + '(Enter키 왼쪽의 작은 따옴표 키)를 클릭해서 '격자'를 볼 수 있게 설정한 뒤 작업을 시작합니다.

 

 

격자

 

 

격자 명령은 '보기' 메뉴의 '표시' 항목에서도 찾을 수 있습니다.

 

 

 

 

 

ⓑ 왼쪽에 한 지점을 클릭해 기준점을 만듭니다.

  ⓒ 아래로 내려 가서 한 번 더 클릭해 두 번째 기준점을 만듭니다. 선분이 만들어집니다.

  ⓓ 오른쪽 지점을 클릭해 기준점을 더 만듭니다.

  ⓔ 위로 올라가서 네 번째 기준점을 만듭니다.

  ⓕ 시작 기준점을 클릭해서 패스를 닫습니다.

 

 

펜툴로 사각틀 만들기

 

 

ⓖ 패스 패널에 패스 모양이 생성됩니다. '획 칠하기' 아이콘을 클릭해 획을 만들어줍니다.

 

 

패스 획 칠하기

 

 

노란색 사각 틀이 만들어졌습니다.

 

모양 옵션이 선택된 상태에서 사각 틀 만들기

ⓐ 펜 도구 옵션바를 모양으로 설정합니다.

 

 

칠 색상 설정하기

 

 

ⓑ 칠을 클릭해 색상 없음을 선택합니다.

 

 

획 색상 선택하기

 

 

ⓒ 획을 클릭해 색상을 선택합니다.

 

 

 

 

  ⓓ 획의 픽셀을 1픽셀에서 10픽셀로 변경합니다. (획 픽셀이 1일 경우, 패스선도 1픽셀이기 때문에 패스선을 감추지 않는 한, 색상이 적용된 획이 보이지 않습니다.)

 

 

 

 

ⓔ 기준점을 클릭해 사각형을 만듭니다.

      선분이 나타나기 시작하는 시점부터 '획'이 표시됩니다. 

 

 

 

 

 

 

원형(동그라미) 선택 영역 만들기 

  ⓐ 곡률펜 도구를 선택합니다.

  ⓑ 한 지점을 클릭해 시작 기준점을 만듭니다.

  ⓒ 왼쪽 9시 방향의 한 지점을 클릭해 두 번째 기준점을 만듭니다.

  ⓓ 시작점과 대칭되는 지점을 클릭합니다. 첫 번째로 만든 직선이 '곡선'로 바뀌고, 두 번째 직선도 '곡선'으로 바뀝니다.

  ⓔ 오른쪽 3시 방향의 지점을 클릭합니다. 

 

 

곡률펜 도구로 원형 선택 영역 만들기

 

 

시작 기준점을 클릭해 패스를 닫습니다. 원형 패스가 만들어졌습니다.

 

 

패스로 선택영역 설정하기

 

 

ⓖ 패스 패널에서 '선택 영역 설정하기' 아이콘을 클릭합니다. 원형 패스 모양의 선택 영역이 만들어집니다.

    칠이나 획 옵션을 설정하면 '원형' 모양이 됩니다.

 

 

 

▣  펄럭이는 깃발 모양 만들기

  ⓐ 펜 도구가 선택된 상태에서 일곱 번을 클릭해 아래와 같이 깃발 모양을 만듭니다.

  ⓑ 기준점 추가 도구를 선택하고, 윗선분 중간 지점을 클릭해 기준점을 추가합니다.

       아랫선분에도 중간 지점에 기준점을 추가해 줍니다.

  ⓒ 윗선분의 추가된 기준점을 클릭해서 아래로 드래그해줍니다. 이때, 기준점이 너무 중간에 있다면 왼쪽으로 약간 옮기듯이 드래그해서 내려줍니다. 아랫선분의 추가 기준점도 클릭해서 아래로 드래그해줍니다.

  ⓓ 윗선분과 아랫선분 오른쪽 지점에 각각 기준점을 추가해줍니다.

  ⓔ 윗선분과 아랫선분의 추가된 기준점을 클릭해서 위로 드래그합니다.

       펄럭이는 깃발 모양이 완성되었어요.

 

 

펄럭이는 깃발 모양 만들기

 

 

  ⓕ 패스 패널에서 채우기 아이콘을 클릭해서 노란색을 채워줍니다.

 

 

 

 


 

 

▣ 펜 도구의 '모양' 옵션바 살펴보기

 

 

펜 도구 - 모양 옵션바

 

 

① 도구 선택 : '펜 도구'를 사용중일 때는 '패스'와 '모양' 둘 중 하나를 선택할 수 있습니다.

② 칠(Fill) : 면을 채울 색상을 설정합니다.

③ 획(Stroke) : 획을 채울 색상을 설정합니다.

④ 획 두께(Stroke Width) : 획의 두께를 설정합니다.

⑤ 획 옵션(Stroke Options) : 획의 모양을 설정합니다.

 

 

획 옵션

 

 

 

 

옵션 확장을 누르면, 점선의 간격이나 두께 등을 임의로 설정할 수도 있습니다.

 

 

획 옵션 확장

대시(Dash) 값이 작을수록 '대시(선)'의 폭은 좁아져서 점에 가까워집니다.

간격(Gap) 값은 작을수록 대시와 대시 사이의 간격이 좁아지게 됩니다.

 

■ 맞춤(Align) : 패스선을 기준으로 획이 칠해지는 위치를 설정합니다.

▷안쪽 : 패스선보다 안쪽

중앙 : 패스선의 중앙

▷바깥쪽 : 패스선 바깥쪽

 

단면(Caps) : 선의 끝부분 모양을 설정합니다.

▷ 버트(Butt) : 선 끝이 각진 모양으로 설정됩니다.

'butt'는 '맨 앞' 또는 '맨 끝'이란 뜻으로, 패스선을 '획'이 감싼다고 했을 때, 획의 끝과 패스선의 끝이 일치하는 모양으로 점선이 그려진다는 뜻으로 보입니다. (이게 한글 포토샵에서는 '단면'으로만 나와서 옵션 이해가 어려운데, Caps라는 용어를 보면 '덮다'라는 뜻이고, 또 이미지를 보면 패스선 끝 모양처럼 보이는 것을 무언가가 덮고 있으니, 제 설명이 얼추 맞을 것 같아요. ^^;;;)

 

 

 

 

 

 

▷ 원 : 선 끝이 둥근 모양으로 설정됩니다.

 

 

 

 

▷ 정사각형 : 패스선 끝을 '정사각형' 획이 감싸는 구조이다 보니, 획과 획 사이의 간격이 좁아집니다.

 

 

 

 

모서리(Corners) : 모서리 모양을 설정합니다.

▷ 마이터(Miter) : 모서리가 직각으로 꺾입니다.

 

*miter는 목공·건축 용어로 액자 모서리처럼 2등분각으로 잇는 것을 말합니다.

 

 

miter

 

 

결과적으로 겉보기에는 모서리가 뾰족한 모양이 됩니다.

 

 

 

 

 

Shift + Ctrl + H 단축키로 패스선을 감춰본 뒤, '모서리 모양'을 살펴볼게요.

 

▷ 원 : 모서리가 둥글게 꺾입니다.

 

 

 

 

▷ 경사 : 모서리에 경사가 만들어지면서 꺾입니다.

 

 

 

 

⑥ 가로 크기 / 세로 크기 : 선분을 추가할 때마다, 가로/세로 크기가 옵션바에 나타납니다.

 

 

 

 

모양은 그대로 두고 크기만 바꾸고 싶을 때, W, H 값을 수정해서 모양의 크기를 바꿉니다.

 

 

모양 크기 변경하기

 

 

링크 아이콘을 클릭하면, 가로값과 동일한 세로값이 저절로 입력됩니다.

 

 

 

 

이 글에서 소개되지 않은 '옵션 기능'은 펜 도구 사용법을 다룬 아래 글에서 확인해주세요.

 

패스(Path) 만들기 ② 펜 도구 옵션바와 패널, 그리고 단축키

 

[포토샵 기초] 패스(Path) 만들기 ② 펜 도구 옵션바와 패널, 그리고 단축키

6. 펜 도구 옵션바 살펴보기 ◈ 펜 도구 - 패스 사용시 옵션바 ① 도구 선택(Pick tool mode) : 펜 도구로 만들 수 있는 모양의 옵션을 설정합니다. '패스'로 선택된 상태로 패스를 만들면, '패스'가 만

giznote.tistory.com

 

 

 

감사합니다!

728x90
반응형

댓글