포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi


[포토 강좌] 14-1. 포토샵에서 벡터 도형 다루기 - Shape Layers




포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi


위에 보이는 4가지의 툴이 

포토샵에서 벡터방식의 도형들을 

다룰 수 있는 도구들입니다.





Vector Shape이란... 

일러스트레이터에서 그림을 그릴때 사용하는 방식.





펜툴로 패스(Path)를 그릴때...

펜툴로 도형(Shape)을 그릴때...

주의 : Rasterize를 실행하지 마세요!



선택할때는

어떤 레이어가 선택되어 있는지 확인하고 

도형을 선택합니다. 

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

검정색 화살표(선택툴)는 도형의 전체를 선택합니다.


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

하얀색 화살표(직접선택툴)는 도형의 일부를 선택합니다.




여러개의 도형을 하나의 레이어에 그려야 할경우...

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi





사용해보셔서 알겠지만

포토샵에서 벡터방식의 도형들을 다루는건 

이래저래 불편합니다.


그런데도 불구하고

벡터방식의 장점이 있기 때문이죠




선 그리기...

주의 : 라인 툴의 두께를 조절하는 것은 [Stroke]값이 아니라, [Weight]입니다.



선을 그려보면 선의 두께가 이상해 보일때가 있습니다.

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

선이 패스의 어느 한쪽으로 두께가 조절이 되는 현상입니다.

[Stroke Option]에서 하단의 [Align]의 정렬 방식을 중앙으로 선택해 주세요.


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi





점 선 그리기...


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

[Stroke Option] --> [More Option] --> [Stroke]패널에서 [Dashed Lien]을 체크해주고

[Dash]와 [Gap]값을 조절해서 점선을 만들어 줍니다.





Custom Shape Tool...


다양한 벡터형태의 도형들을 활용할 수 있습니다.

크기에 영향받지 않고 말이죠....




https://www.flaticon.com





일러스트 도형을 포토샵에 등록하기...


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi


등록할 Shape Layer를 선택하고서

[Edit] --> [Define Custom Shape]를 실행합니다.




Shape Layers를 이용한 아이콘 아이콘 만들기


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi


도형들을 차곡 차곡 쌓아 주면서 다듬어 나갑니다.

말로는 참 간단하죵...ㅎㅎ 

자세한 내용은 영상으로 봐주세요.







포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

후원 받아요 

공유하기

게시글 관리

구독하기그레이몬스터의 포토일러

저작자표시 비영리 변경금지

'포토샵 메뉴얼 > 기본도구 설명편' 카테고리의 다른 글

[포토샵 강좌] 13-1. 스트로크 패스 - Stroke Path  (0)2017.10.14[포토샵 강좌] 12-2. 브러쉬 만들기/설치/관리 - Brush Presets  (0)2017.10.14[포토샵 강좌] 12-1. 브러쉬 패널 살펴보기 - Brush Panel  (0)2017.10.09[포토샵 강좌] 11-4. 스마트 오브젝트와 레스터라이즈 - Smart Object & Rasterize  (0)2017.09.07[포토샵 강좌] 11-3. 그룹 마스크 이해하기 - Group Mask  (0)2017.09.07

728x90

포토샵 Shape / Path / Pixel 그리기모드 (펜툴/도형/패스선택툴) 옵션 바

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
Shape 모드 선택 시 옵션바

1. Shape 그리기 모드 선택

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
ShapePathPixels
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

 

2. Shape 면 색상 지정

3. Shape 선 색상 지정

4. Shape 선 두께 지정

5. Shape 선 모양 지정

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
  
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
  
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
  
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
  

 

 

6. Shape 너비 값 지정

7. Shape 너비/높이 비율 유지(선택 시)

8. Shape 높이 값 지정

9. Shape 그리기 모드 설정★

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
New Layer
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
Combine SpapesSubtract FrontIntersect ShapesExclude OverlappdingMerge Shape
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

 

10. Shape 정렬

11. Shape 교차 순서 지정

12. Shape 추가 옵션

13. 선택한 도형에 따라 다른 옵션 

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

  * 모서리 둥근 도형(Rounded Ractagle)의 경우 Radius : 값이 클 수록 모서리가 둥글다.

 

 

 

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

폴리곤 도형(Polygon)의 경우 Side : 면 개수 설정

 

 

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi

기타 도형 툴(Custom Shape Tool)의 경우 Shape : 다양한 포토샵 제공 도형을 그릴 수 있다.(GTQ 시험 시 주로 사용)

14. 그리드에 맞춰 도형 그리기


9. Shape 그리기 모드 설정

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
9. Shape 그리기 모드 설정 ★

1. 도형 새로 그리기

2. 기존 도형에 합쳐 그리기

3. 기존 도형 위 새로 그리는 영역만큼 제거하기

4. 기존 도형과 새로 그리는 영역의 교차 영역만 남기기

5. 기존 도형과 새로 그리는 영역의 교차 지점만 제거하기

6. 위 1~5번까지 작업한 도형들을 Shape 도형 1개로 인식하도록 정리하기

 


10. Shape 정렬 

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
11. Shape 교차 순서 지정 ★

1~3. 왼쪽 / 가운데 / 오른쪽 정렬 (선택한 2개 이상의 도형이 있을 시)

4~6. 위 / 중앙 / 아래 정렬 (선택한 2개 이상의 도형이 있을 시)

7~8. 너비 / 높이 크기 맞추기

9. 선택한 도형 기준으로 정렬(1~8 대상 기준)

10. 캔버스 크기 기준으로 정렬(1~8 대상 기준)


11. Shape 교차 순서 지정

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
11. Shape 교차 순서 지정 ★

1. 맨 위로 

2. 한단계 앞으로

3. 한단계 뒤로

4. 맨 뒤로


12. Shape 추가 옵션

포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
12. Shape 추가 옵션 ★

1. 패스 미리보기

2. 선 두께

3. 선 색상

4. 자유로운 형태 그리기

5. 사각형 그리기

6. 정해진 크기(W, H 입력)정해서 그리기

7. 정해진 크기(W, H 입력)정해서 그리기

8. 중심부터 그리기

 


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
Path 옵션

1. 패스 그리기 모드

2. 패스 선택 영역 만들기

3. 패스 마스크 만들기

4. 패스 Shape 도형 만들기

5. 패스 그리기 모드(위 9번과 동일)

6. 패스 정렬 모드(위 10번과 동일)

7. 패스 순서 모드(위 11번과 동일)

8. 패스 추가 옵션(위 12번과 동일)

9. 패스 도형 툴에 따라 다른 옵션(위 13번과 동일)


포토샵 펜툴 도형 그리기 - potosyab pentul dohyeong geuligi
Pixel 옵션

1. 픽셀 그리기 모드

2. 블렌딩 모드

3. 투명도 0~100%

4. 외곽선 부드럽게 표현하기

5. 픽셀 추가 옵션(위 12번과 동일)

6. 픽셀 도형 툴에 따라 다른 옵션(위 13번과 동일)

728x90

공유하기

게시글 관리

구독하기@web's Tutorial by.yuna