포토샵 패스 만들기 - potosyab paeseu mandeulgi

포토샵에서 패스(Path)로 제작한 이미지를 도형(Shape)으로 등록해서 사용하는 방법을 알아봅시다. 패스로 도형을 만들어서 등록해 놓으면 벡터 이미지로 등록되어 크게 확대해서 깨지지 않는 이미지가 만들어집니다. 한 번 만들어 놓으면 필요할 때마다 꺼내서 사용할 수 있으니 나만의 도형을 원한다면 한 번 만들어 보세요.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
새 레이어

포토샵에서 새 창을 열고 새 레이어를 만들어 줍니다. Background에 바로 패스를 사용하면 Background에 만들어지기 때문에 새 레이어를 만드는 것이 좋습니다.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
패스툴

왼쪽 툴바에서 패스 툴을 클릭하고 원하는 이미지를 그려줍니다.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
fill path

패스를 다 완성했다면 펜툴이 선택된 상태에서 마우스 오른쪽 버튼을 눌러 줍니다. 그리고 "Fill Path"를 클릭합니다. (Fill Path는 패스 안쪽을 색으로 채우는 것이고, Stroke path는 패스 라인을 연필이나 브러쉬로 만들어 주는 것입니다.)

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
fill path

Fill Path창이 뜨면 Contents를 "Foreground Color(전경색)" 으로 맞춰줍니다. 그러면 왼쪽 툴바 밑에 지정되어 있는 색상으로 채워집니다. 

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
fill path

참고로 Contents를 Color로 하면 색상을 지정할 수 있습니다.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
패스 채우기

패스를 검은색으로 채운 모습입니다.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
도형 만들기

여기서 패스를 도형으로 지정하기 위해 Edit > Define Custom Shape 를 클릭합니다. 

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
shape name

그리고 원하는 도형 이름을 적어주고 OK 버튼을 누릅니다. 그러면 패스가 도형으로 등록된 것입니다.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
custom shape tool

등록된 도형을 사용해 보도록 하겠습니다. 왼쪽 툴바에서 "Custom Shape Tool"을 선택합니다.

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
커스텀 도형 툴

1번 "Custom Shape Tool" 을 선택하고 2번 더보기 버튼을 누른 후에 도형 리스트 맨 밑으로 내리면 방금 만든 도형이 등록된 것이 보일 겁니다. 클릭!

 

 

포토샵 패스 만들기 - potosyab paeseu mandeulgi
도형

이제 등록된 도형을 마음대로 사용할 수 있습니다. 도형을 만든 후 Ctrl+T를 눌러 크기를 조절할 수 있고 도형 레이어를 더블클릭해서 색상도 변경할 수 있습니다. 원하는 도형을 등록해서 자유롭게 사용해 보세요.

고정점을 추가하여 패스를 보다 효과적으로 제어하거나 열린 패스를 연장할 수 있습니다. 하지만 필요 이상으로 점을 추가하지 않도록 하십시오. 패스의 점이 적을수록 편집, 표시 및 인쇄가 더 쉬워집니다. 필요 없는 점은 삭제하여 패스의 복잡도를 줄일 수 있습니다.

도구 상자에는 점을 추가하거나 삭제하는 세 가지 도구(펜 도구

포토샵 패스 만들기 - potosyab paeseu mandeulgi
, 고정점 추가 도구 
포토샵 패스 만들기 - potosyab paeseu mandeulgi
및 고정점 삭제 도구 
포토샵 패스 만들기 - potosyab paeseu mandeulgi
)가 포함되어 있습니다.

기본적으로, 펜 도구는 선택한 패스 위에 놓으면 고정점 추가 도구로 바뀌고, 고정점 위에 놓으면 고정점 삭제 도구로 바뀝니다. 펜 도구를 기준점 추가 도구 또는 기준점 삭제 도구로 자동 변경하려면 옵션 막대에서 [자동 추가/삭제]를 선택해야 합니다.

여러 패스를 동시에 선택하여 편집할 수 있습니다. 기준점을 추가하는 중에 기준점을 클릭하고 드래그하여 패스 모양을 변경할 수도 있습니다.

펜 도구나 모양 도구를 사용하여 작업 패스를 만들면 새 패스는 [패스] 패널에 [작업 패스]로 나타납니다. [작업 패스]는 임시 패스이므로 작업 패스의 내용을 보존하려면 저장해야 합니다. 작업 패스를 저장하지 않고 선택을 해제한 다음 다시 패스를 그리면 기존 패스가 사라지고 새 패스가 만들어집니다.

펜 도구나 모양 도구를 사용하여 새 모양 레이어를 만들면 새 패스는 [패스] 패널에 벡터 마스크로 나타납니다. 벡터 마스크는 상위 레이어에 연결되어 있으므로 [패스] 패널에 벡터 마스크가 나타나려면 [레이어] 패널에서 해당 상위 레이어를 선택해야 합니다. 레이어에서 벡터 마스크를 제거하고 벡터 마스크를 래스터화된 마스크로 변환할 수 있습니다. 자세한 내용은 벡터 마스크 추가 또는 편집을 참조하십시오.

이미지와 함께 저장된 패스는 해당 이미지를 다시 열면 나타납니다. Windows의 경우 JPEG, JPEG 2000, DCS, EPS, PDF 및 TIFF 형식이 Photoshop에서 패스를 지원합니다. Mac OS에서는 사용 가능한 모든 파일 형식이 패스를 지원합니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

1.  포토샵을 실행시키고  File > New 를 클릭합니다.  [  Ctrl + N  ]

포토샵 패스 만들기 - potosyab paeseu mandeulgi

포토샵 패스 만들기 - potosyab paeseu mandeulgi

 

▲ Preset : Web 을 선택하고  Size : Medium Rectangle, 300 x 250 을 선택하고 OK를 클릭합니다.

    어떤 사이즈를 선택해도 상관은 없습니다.  연습이라서 웹용 작은 사이즈를 선택해 보았습니다.

 

    선택물을 패스로 만드는 것이라서  인쇄용은 해상도 300 dpi에 실사이즈로 작업해야 합니다. 

    낮은 해상도로 작업을 하게 되면  가장 자리에 계단현상이 생길 수도 있습니다. 

 

    선택물을 채널( Channel )로 저장해도 되지만( psd, tiff 등의 포맷으로 저장해야 채널이 저장됨 ) 

    패스( Path )로 저장하면 jpg, eps 등으로 저장할 수 있고,  패스모양으로 오려내기( Clipping Path ) 를 적용할 수도 있고, 

    그리고,  선택물을 일러스트로 보낼 수도 있습니다.  ( 캘리그라피나 붓터치 등 )

 

 

2.  원을 여러개 그려 구름 모양을 만들 것입니다.  원형 마퀴툴을 선택합니다.  마퀴툴 선택  [  M  ] 

    사각형 마퀴툴이 나타나 있다면,  사각형 마퀴툴을 2초 정도 눌러 부메뉴를 띄웁니다.

    원형 마퀴툴( Elliptical Marquee Tool )을 클릭합니다. 

    사각형과 원형 마퀴툴을 번갈아 가며 선택  [  Shift + M  ]

포토샵 패스 만들기 - potosyab paeseu mandeulgi

 

 

3.  도큐멘트에 드래그하여 원을 하나 그립니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ Shift 키를 누르면서 드래그하면 정원을 그릴 수 있습니다.

 

 

4.  선택물을 하나 그렸을 때 

    Shift 키를 누르면 마우스 포인터에 +가 붙으며 합집합이 선택되어 선택물이 추가되고,

    Alt 키를 누르면 마우스 포인터에 -가 붙으며 차집합이 선택되어 선택물을 빼주고,

    Shift + Alt 키를 누르면 마우스 포인터에 x가 붙으며  교집합이 선택되어 교차되는 선택물만 남습니다.

 

여기에선 합집합만 사용됩니다. 

상단 옵션바에 합집합 아이콘을 클릭하거나,  Shift 키를 누르고  두 번째 원을 그려 줍니다.

Shift 키를 누르면 상단 옵션바의 합집합 아이콘이 선택되어 집니다. 

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 위의 화면은 Shift 키를 계속 누른 상태에서 드래그한 것입니다.  정원이 그려지지 않습니다.

    계속 정원을 그리려면 상단 옵션바에서 합집합 아이콘을 클릭한 후 ( Shift 키를 누르지 않아도 합집합이 선택되어 있어야 함 )  Shift 키를 누르고 드래그합니다.

 

 

5.  세 번째 원을 그립니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 네 번째 원을 그립니다.

 

 

6.  패스( Paths ) 패널의 오른쪽 부메뉴를 클릭하여  Make Work Path 를 클릭합니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

 

 

※  Tolerance : 0.5 를 준 예

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 허용값( Tolerance ) : 0.5 Pixels ( 최소 수치 )를 입력합니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 선택물과 모양이 거의 같지만  가장자리를 보면 거칩니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 선택툴로 선택해 보면 기준점이 많이 있습니다.  그 만큼 선이 거칠다는 뜻이예요.

 

 

※  Tolerance : 2.0 을 준 예

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 허용값( Tolerance ) : 2.0 Pixels ( 기본 수치 )를 입력합니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 선택물과 모양이 약간 다릅니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ 선택툴로 선택해 보면 0.5 를 준 것 보다 기준점이 많이 적어 졌습니다.  조금 더 부드러운 선이 됐습니다.

 

 

※  패스에 스트록( Stroke )을 준 비교 예시입니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ ( Tolerance : 0.5 Pixels )  :  가장자리가 약간 거칩니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ ( Tolerance : 2.0 Pixels )  :  0.5 를 준 것보다 가장자리가 조금 부드럽습니다.

 

 

7.  Paths 패널의  패스를 더블 클릭하여 이름을 입력하고 저장합니다.

포토샵 패스 만들기 - potosyab paeseu mandeulgi

포토샵 패스 만들기 - potosyab paeseu mandeulgi

▲ Work Path 상태로 두고 다른 패스 작업을 하면 처음 패스가 지워집니다. 

    Work Path는 항상 더블 클릭하여 저장하는 습관을 들이세요.

 

 

공유하기

게시글 관리

구독하기미투리

저작자표시 비영리 동일조건

'포토샵 > 따라하며 배우기' 카테고리의 다른 글

포토샵 클리핑 패스( Clipping Path ) 이미지를 일러스트로 옮기기  (0)2013.11.26포토샵 입체글자 만들기_텍스트 효과( Effect )  (0)2013.10.27포토샵 패스( Path )를 일러스트로 옮기기  (0)2013.09.30