본문 바로가기
카테고리 없음

[디자인_포토샵 GTQ] 포토샵 펜툴로 그리고 클리핑마스크하기

by unplugedboy 2023. 7. 29.
반응형

[디자인_포토샵GTQ] 포토샵 펜툴로 그리고 클리핑 마스크하기

이미지의 표현이 픽셀로 구성되는 비트맵 프로그램인 포토샵에서 펜툴의 작업은 벡터 프로그램인 일러스트보다 표현이 어렵고 각 도형과 패스의 더하고 나누는 작업도 쉽지 않은 경우가 있습니다.

이번에는 포토샵에서 펜툴과 도형툴로 모양을 그리고 합하고 나누는 작업을 해보고자 합니다. 

포토샵 클리핑 마스크
주전자 모양입니다.

위 이미지처럼 펜툴로 모양을 그리고 합하여 주전자 모양을 그리고 난 다음 끓는 물 이미지를 클리핑 마스크해서 주전자 안에 넣는 작업을 해보겠습니다. 

펜툴 사용법은 기준점(앵커포인트)을 만들고 드래그를 하면 양쪽으로 똑같이 핸들이 생성이 됩니다.

포토샵 펜툴
포토샵 펜툴 기준점
왼쪽은 일러스트 펜툴 한쪽 핸들 없앨때이고 오른쪽은 포토샵 핸들 한쪽 핸들 없앨때입니다.

일러스트는 기준점을 클릭하면 진행방향의 한쪽핸들이 없어지지만, 포토샵은 Alt 알트키를 누른채 기준점을 클릭해야 한쪽핸들이 삭제된다는 점이 크게 다른점입니다. 대부분 아시겠지만 모르셨다면 작업하실 때 참고로 해주시기 바랍니다.

자 그럼, 맨위 그림의 주전자를 그리기 위해 먼저 Rectangle tool로 주전자 몸통을 그리고 난 다음 아래부분을 direct selection 툴로 주전자 몸통의 왼쪽 아래부분을 선택하고 왼쪽으로 이동해줍니다.

포토샵 펜툴
왼쪽 아래의 두 꼭지점만 선택해서 왼쪽으로 이동합니다.

그리고 난 다음 반대편 오른쪽 아래의 두 꼭지점도 오른쪽으로 같은 간격 만큼 이동해서 아래쪽으로 퍼지는 모양의 주전자 몸통을 그려줍니다. 그런데 여기서 한가지 주의하실 점은 펜툴로 그릴때 메뉴 아래의 옵션바에서 펜툴이 shape로 되어있는지, path로 되어있는지 확인해야 합니다. 내가 그릴것이 도형인지 패스인지 정하고 그리는 것이 좋습니다. 지금은 선을 보면서 그릴것이니 패스로 선택해놓고 그리겠습니다.

포토샵 펜툴 패스
펜툴의 패스로 주전자를 그렸습니다.
포토샵 펜툴 패스

그리고 난 다음 패스툴로 그림을 모두 선택하고 옵션바의 path operations에서 제일 아래에 있는 merge shape components를 선택해서 그린 패스를 모두 하나로 합치는 작업을 합니다. 그리고 패스패널에서 패스창을 ctrl을 누르고 클릭하여 선택영역으로 바꾼다음,

이제 레이어 패널로 돌아와서 주전자에 들어갈 이미지를 불러온 다음 이미지를 선택해 놓고 레이어 패널 아래의 add layer mask 레이러 마스크 추가 버튼을 클릭하여 이미지를 주전자 안으로 넣습니다.

이렇게 펜툴로 그림을 그리고 합해서 원하는 모양을 만들고 이미지 넣는 작업을 해보았습니다.

여기서 펜툴로 원형이나 곡선을 그릴때 아셔야 할점을 몇가지 적어보겠습니다.

1. 펜툴을 클릭한 다음 마우스 왼쪽버튼을 눌러 첫번째 점을 클릭한 다음, 원하는 위치에 점을 찍으면서 마우스의 손을 떼지 않고 왼쪽버튼을 누른채 원에 맞게 오른쪽 아래로 주욱 당겨줘서 원 모양에 맞춰 줍니다. 타원도 마찬가지 입니다.

포토샵 도형 레이어
원 그리기입니다.

2. 혹시 당기다가 마우스 버튼을 놓쳤을때나 대충 점을 찍어 그렸을 경우, 비뚤어진 점은 direct selection 툴로 클릭해서 맞추는 수정작업을 하면 됩니다. 이 부분 연습이 많이 필요할 것입니다.   direct selection 툴(직접 선택도구)를 눌러 원하는 점을 선택한 다음 마우스를 누른채 움직이지 않고 당겨가면서 원하는 라인에 맞춰 수정작업을 합니다. 주의할 점은 꼭지점과 꼭지점 사이가 너무 멀면 라인에 안 맞춰질 경우가 있습니다. 이럴때는 꼭지점과 꼭지점 중간 라인에 펜툴로 점을 찍어 추가해주면 꼭지점이 하나 더 생깁니다. 그걸 선택해서 원하는 위치를 잡아 수정 작업을 해주면 됩니다. 

3. 그 다음 꼭지점을 만들때  direct selection 툴로 꼭지점을 선택해서 원하는 위치를 맞춥니다. alt를 누르고 있는 상태에서 펜툴로 가운데의 꼭지점을 클릭하면 꼭지점이 제거됩니다. 원하는 위치에 꼭지점을 추가하거나 제거해서 원하는 도형으로 수정작업을 할 수 있습니다. 

 

반응형