포토샵(Adobe Photoshop CS6) 따라하기 - 톨 패널의 활용 : 펜 툴(Pen Tool)

 

 

 

 

 

 

 

 

 

 

 

01. 펜 툴(Pen Tool)

 

 

 

펜 툴(Pen Tool)은 패스를 그리는 툴이다.

 

 

1. 메뉴 바(Menu Bar)에서 File - New...를 클릭하여 'New' 윈도우 창이 뜨면 Width : 1024, Hight : 640 값으로 입력하고 OK 버튼을 크릭한다.

 

 

2. 하얀색 Canvas가 형성되면 Tool Panel에서 펜 툴(Pen Tool)을 선택하고 Canvas의 왼쪽 윗부분의 임의의 지점으로 마우스 포인터를 이동한 다음 마우스 왼쪽 버튼을 클릭한다. Canvas에 앵커 포인터 하나가 형성됨을 볼 수 있다.

 

 

3. 마우스 포인터를 Canvas의 오른쪽으로 이동한 뒤 Shift Key를 누른채 마우스 왼쪽 버튼을 클릭한다. Canvas의 오른쪽에서도 앵커 포인트가 생성되면서 왼쪽 앵커 포인트와 오른쪽 앵커 포인트를 이어주는 직선이 형성됨을 볼 수 있다. 여기서 Shift Key는 수직/수평으로 직선을 형성하기 위한 역할을 한다.

 

 

4. 위의 이미지처럼 마우스 포인터를 각각 우측 하단, 좌측 하단으로 이동하면서 Shift Key를 누른 채 마우스 왼쪽 버튼을 클릭해 보자. 상기의 이미지와 같이 선이 형성됨을 알 수 있다.

 

 

5. 마지막으로 마우스 포인터를 처음으로 클릭했던 앵커 포인트로 이동시킨다. 마우스 포인터의 끝부분에 조그만한 원이 형성되면서 마우스 왼쪽 버튼을 클릭하면 첫 번째 앵커 포인트와 마지막 앵커 포인트를 이어주는 선이 형성됨과 동시에 패스가 닫히는 것을 볼 수 있다.

 

 

6. 이번에는 상기의 이미지와 같이 펜 툴(Pen Tool)을 이용하여 'W'자 모양을 형성해 보자. 설명을 위하여 오른쪽 윗쪽부터 1번 마지막 왼쪽 아래쪽이 5번이라고 지정하고, 마우스 포인터를 3번의 앵커 포인트로 이동시켜 보자. 포인터의 끝에 '-'가 나타나게 되는데 이것은 앵커 포인트을 없앤다는 의미이다. 3번 앵커 포인트에서 마우스 왼쪽버튼을 클릭해 보자.

 

 

7. 기존의 이미지의 3번이 없어지면서 2번과 3번의 앵커 포인트를 서로 이어서 직선을 형성하는 것을 볼 수 있다.

 

 

8. 화면의 오른쪽에 있는 히스토리 패널(History Panel)을 활성화하여 맨위의 'New'를 클릭한다. 화면에 형성되어 있던 패스들이 사라짐을 확인할 수 있다.

 

 

9. Tool Panel에서 펜 툴(Pen Tool)을 선택하고 Canvas의 왼쪽 윗부분의 임의의 지점으로 마우스 포인터를 이동한 다음 마우스 왼쪽 버튼을 클릭한다. 그리고 두 번째 앵커 포인트를 마우스 왼쪽 버튼으로 클릭하고 드래그 하여 화면의 오른쪽 윗방향 대각선으로 이동하여 보자. 방향선이 나타나면서 첫 번째 앵커 포인트와 두 번째 앵커 포인트 사이에 곡선이 형성이 됨을 확인할 수 있다.

 

 

10. 마우스 포인터를 세번째 앵커 포인트로 이동한 뒤 클릭을 하게 되면 첫 번째 앵커 포인트와 두 번째 앵커 포인트를 이어준 모양과 비슷한 곡선이 형성이 됨을 알 수 있다. 여기서는 클릭을 하고 드래그를 하지 않았으므로 다음에 클릭을 하면 직선이 형성이 된다. 계속해서 곡선을 형성하고 싶다면 클릭후 드래그하여 곡선을 형성해 가야 한다. Alt Key를 누른채 방금 클릭한 앵커 포인트를 다시 클릭하면 한쪽 방향선이 없어지면서 그 다음은 직선이나 곡선 어느 것이나 그릴 수 있게 된다.

 

 

11. 마우스 포인터를 두번째에 있는 앵커 포인트로 이동하여 CTRL Key를 눌러보자. 마우스 포인터가 화살표 모양으로 변하게 되는데 이때에는 앵커 포인트의 위치를 변경가능한 형태로 바뀐다. 두 번째 앵커 포인트에서 클릭하여 드래그한다음 아래로 이동하여 마우스 왼쪽 버튼을 해제해 봐자. 두 번째 앵커 포인트의 위치가 변경됨과 동시에 곡선의 모양도 같이 변경됨을 알 수 있다. Delete Key는 마지막으로 생성하거나 수정한 앵커포인트를 삭제하는 기능이다.

 

 

 

02. 프리폼 펜 툴(Freeform Pen Tool)

 

 

 

프리폼 펜 툴(Freeform Pen Tool)은 펜 툴 만큼 정교하지는 않지만 연필로 그림을 그리듯이 손 가는대로 패스를 그린다.

 

 

 

03. 앵커 포인트 추가 툴(Add Anchor Point Tool)

 

 

 

그린 패스 위에 행커 포인트를 추가한다.

 

 

 

04. 앵커 포인트 삭제 툴(Delete Anchor Point Tool)

 

 

 

그린 패스에 있는 앵커 포인트를 삭제한다.

 

 

 

05. 포인트 변환 툴(Convert Point Tool)

 

 

 

곡선 형태의 패스는 직선으로, 직선 형태의 패스는 곡선으로 바꾼다.

 

 

 

 

 

 

 

 

 

 

 

Set Shape Fill Type : Shape 면의 색상을 지정한다.

 

Set Shape Stroke Type : Shape 선의 색상을 지정한다.

 

Set Shape Stroke Width : Shape 선의 두께를 지정한다.

 

Set Shape Stroke Type : Shape 선의 모양을 지정한다.

 

Set Shape Width : Shape 너비의 값을 지정한다.

 

Ling Shape Width and Height : Shape  너비 / 높이 비율을 유지한다.

 

Set Shape Height : Shape 높이의 값을 지정한다.

 

 

Path Operations : Shape의 그리기 모드를 설정한다.

 

      - New Layer : 새로운 도형 그리기를 한다.

 

      - Combine Shapes : 기존 도형에서 합쳐 그리기를 한다.

 

      - Subtract Front Shape : 기존 도형 위에 새로 그리는 영역만큼 제거한다.

 

      - Intersect Shape Areas : 기존 도형과 새로 그리는 영역의 교차 영역만 남긴다.

 

      - Exclude Overlapping Shapes : 기존 도형과 새로 그리는 영역의 교차 지점만 제거한다.

 

      - Merge Shape Components : 여러 개의 작업한 도형들을 Shape 도형 1개로 인식하도록 정리한다.

 

 

Path Alignment : Path Shape의 정렬을 지정한다.

 

      - Left Edges : 선택한 두 개 이상의 Shape가 있을 때 왼쪽 정렬을 한다.

 

      - Horizontal Centers : 선택한 두 개 이상의 Shape가 있을 때 가운데 정렬을 한다.

 

      - Right Edges : 선택한 두 개 이상의 Shape가 있을 때 오른쪽 정렬을 한다.

 

      - Top Edges : 선택한 두 개 이상의 Shape가 있을 때 윗쪽 정렬을 한다.

 

      - Vertical Centers : 선택한 두 개 이상의 Shape가 있을 때 중간 정렬을 한다.

 

      - Bottom Edges : 선택한 두 개 이상의 Shape가 있을 때 아랫쪽 정렬을 한다.

 

      - Distribute Widths : Shape의 너비 크기를 맞춘다.

 

      - Distribute Heights : Shape의 높이 크기를 맞춘다.

 

      - Align to Selection : 선택한 Shape를 기준으로 정렬한다.

 

      - Align to Canvas : 캔버스의 크기를 기준으로 정렬한다.

 

 

Path Arrangement : Path Shape의 교차순서를 지정한다.

 

      - Bring Shape To Front : 맨위로 이동시킨다.

 

      - Bring Shape Forward : 한 단계 앞으로 이동시킨다.

 

      - Send Shape Backward : 한 단계 뒤로 이동시킨다.

 

      - Send Shape To Back : 맨 뒤로 이동시킨다.

 

 

Make Selection : Path 선택 영역 만들기를 한다.

 

Mask Vector New Mask : Path Mask 만들기를 한다.

 

Make New Shape Layer : Path Shape 도형 만들기를 한다.