일러스트의 패스파인더는 사용하기 쉬운데, 포토샵의 패스파인더는 어떻게 사용하는지 모르시는 분들이 많이 있더라고요. 그래서 오늘은 포토샵에서 패스파인더를 사용하는 방법을 알려드릴게요. 01. 패스파인더란 무엇인가?패스파인더는 벡터 형태의 오브젝트끼리 결합, 빼기, 교차, 제외를 해서 다양한 형태로 만들 수 있는 기능입니다. 패스파인더 종류란?  포토샵과 일러스트의 패스파인더 차이점은? 일러스트는 다른 레이어에 있는 벡터 오브젝트끼리도 패스파인더를 사용할 수 있지만 포토샵은 같은 레이어에 있는 벡터 오브젝트끼리만 패스파인더를 사용할 수 있어요. 즉, 패스파인더를 사용할 레이어들은 Merge된 상태에서 사용할 수 있어요! 02. 패스파인더 사용법 - 1방법 : 벡터 오브젝트 그린다 > 원하는 패스파인더 선택 > 벡터 오브젝트를 그린다 -> 적용 완료 Tip : 단축키를 사용하면 더 편리하게 사용할 수 있어요. - 모양 결합(Combin Shapes) : Mac, Windows- Shift - 전면 모양 빼기(Subtract Froint Shape) : Mac -Option, Windows- Alt - 모양 영역 교차(Intersect Shape Areas) : Mac -Option, Windows- Alt + Shift 03. 패스파인더 사용법 - 2방법 : 벡터 오브젝트를 그린다 -> 패스파인더를 적용할 오브젝트를 그린다 -> 선택 툴로 패스파인더 적용할 오브젝트 선택 후 복사 -> 패스파인더 적용할 오브젝트 삭제 후 하단 오브젝트 선택(오브젝트 레이어 선택) -> 복사한 오브젝트를 같은 레이어에 붙여 넣기 -> 선택 툴로 패스파인더 적용할 오브젝트를 선택 후 원하는 패스파인더 적용 Tip : 2개의 벡터 레이어를 선택 후, 단축키 Ctrl + E 누르시면 1개의 레이어로 Merge 됩니다.(단축키를 사용하는 것이 가장 쉽고 빠릅니다) 패스파인더 원리만 이해하시면 다양한 방법으로 패스파인더를 활용할 수 있어요!
포토샵 도형툴에 대해 자세히 알아보자 꽁순쌤의 포토샵강좌 포토샵을 사용하다보면 개인적인 작업물이나 리플렛, 홍보포스터 등 도형을 삽입하고자 할 경우가 자주 발생하죠? 이번 강좌에서 포토샵도형그리기부터 포토샵도형옵션, 그리기모드, 수정하기, 패스파인더 까지 자세하게 알려드릴테니 꼼꼼하게 숙지 후, 활용하시길 바랍니다.
1 포토샵 도형 그리기 기본적인 도형그리기 방법과 단축키
포토샵에서 도형툴은 핸드툴 위 사각형으로 생긴 모양인데요, 마우스로 꾹 눌려보시면 사각형 외 원이나 다각형 등 다른 형태의 도형도 존재합니다. 우선 사각형도형으로 실습해볼게요.
포토샵 새문서만들기 File > New 임의의 사이즈(800*800px)의 파일을 하나 열어줄게요.
새문서(PSD파일)에서 여러가지 포토샵단축키를 이용하여 도형을 그려봅시다.
도형툴을 선택한 후, 작업파일 공간에서 클릭 앤 드래그 하면 원하는 크기에 맞게 도형이 그려집니다. 여기서 포토샵단축키를 활용하여 그릴 수 있는 방법은 정비율그리기, 중심에서 그리기가 있는데요,
Shift키와 Alt키를 함께 사용하는 방법이 있습니다. 포토샵도형툴 처음 사용해보신다면 Shift키도 눌려보고 Alt키도 눌려보며 연습해보시길 추천드려요. 포토샵도형정비율그리기, 중심에서그리기 등 단축키를 활용하여 그리는 방법은 아래의 영상을 참고해주세요.
2 포토샵 도형 그리기모드 Shape / Path / Pixel
포토샵에서 도형툴을 선택하면 상단바에 위와 같은 메뉴가 있어요. 이게 바로 포토샵도형그리기모드인데요, 도형을 그리기 전 꼭! 체크해야 할 사항 중 하나입니다. 그리기모드의 종류는 Shape, Path, Pixels 3가지가 있는데요, 포토샵 버전에 따라 그리기모드의 형태 아이콘이나 혹은 저처럼 텍스트로 보일 수 있습니다. 버전이 달라도 기능은 똑같기때문에 걱정은 금물 : ) 그럼 그리기모드 3가지에 대해 알아봅시다. ⑴ 포토샵도형그리기모드 Shape
면색이 존재하는 도형을 그릴 때 적합한 그리기모드 포토샵도형그리기모드 Shape가 선택되어 있는 상태에서 도형을 그려보면 도형의 테두리에 선이 생깁니다. 이 선은 Path선인데요, Path선에 대해 쉽고 간략하게 설명드리자면 도형 수정 및 저장이 가능합니다. 처음 접하신 분들이 오해하기 쉬운 점은 이 선이 작업 시 보인다하더라도 이미지저장이나 출력했을 땐 존재하는 선이 아닙니다. 작업 시 나에게만 보이는 선! 도형 수정 및 저장을 도와주는 선! 이라고 생각하시면 됩니다. Shape도형 수정하는 방법은 아래에서 다뤄볼게요.
Path선 숨기기 Shape도형을 그릴 때, 따라 붙어나오는 검정색테두리선(Path선)이 보기 불편하다면 Shape도형레이어 말고 다른 레이어를 선택하시면 사라집니다. 반대로 선을 다시 보고싶다면 Shape도형레이어를 선택하시면 되겠죠?
포토샵에서 무언가 작업할 경우, 제일 먼저 레이어를 추가해야하는데요, Shape도형을 그릴 땐, 레이어가 자동으로 생성되기 때문에 따로 레이어를 추가하지 않아도 됩니다. ⑵ 포토샵도형그리기모드 Path
영역을 만들거나 마스크 사용 시 적합한 그리기모드 Path그리기모드는 도형을 그릴 때 보다는 영역을 만들거나 마스크 작업 시 사용하기 좋은 그리기모드인데요, Path를 선택한 상태에서 도형을 그려보면 Path선만 보일거에요. 이 선은 위에서도 말씀드렸듯이 출력했을 때 보이는 선이 아닙니다. 패스그리기모드 활용범위는 Paths패널과 함께 사용할 수 있는데요, Paths패널에 그려준 Path를 저장하여 언제든 이 도형을 불러올 수 있다는 장점이 있습니다. 물론 위에서 다룬 Shape그리기모드도 Path가 존재하기 때문에 패스패널과 함께 활용할 수 있습니다. 그럼 Shape모드와 Path모드의 차이는 뭐냐? 도형의 면색이 존재하냐, 존재하지않느냐의 차이라고 말할 수 있습니다.
Path모드에서 도형을 그렸을 때, 레이어패널을 확인해보면 Shape도형처럼 자동으로 레이어가 추가되지 않고 아무런 변화가 없습니다. 왜냐? 페이지에 아무것도 생성되지 않았으니까요.
Path그리기모드를 선택하면 메뉴바 밑에 Selection, Mask, Shape가 있습니다. 하나하나 알아볼게요. ① Selection 영역 만들기
포토샵Path모드에서 도형을 그린 후, Selection을 누르면 Make Selection 설정창이 생깁니다. 이 설정창을 쉽게 설명드리면 '이 Path를 영역으로 만들껀데, 페더값 얼마 줄래?' 라고 생각하시면 됩니다 : ) * '페더' : 가장자리 흐린효과
Selection설정창에서 OK를 누르면 Path 상태에서 영역으로 바뀐 걸 확인할 수 있습니다. 그래서 Path모드는 도형그릴 때 보단 펜툴로 누끼딸 때 많이 사용됩니다. ② Mask
Path그리기모드의 Mask는 그려준 Path영역 만큼 마스크를 씌우겠다는 기능인데요, 이번 강좌에서 다루기엔 내용이 광범위해서 이 부분은 차 후, 다시 한번 강좌를 만들어볼게요 : ) ③ Shape Shape도형으로 전환
Path그리기모드의 Shape는 1 에서 다루었던 Shape도형으로 변경하겠다는 기능입니다. Shape를 클릭해보시면 면색이 존재하는 도형으로 바뀌는 걸 확인할 수 있습니다.
레이어패널을 확인해보시면 1 처럼 Shape도형레이어가 생성되었죠? 그래서 Path그리기모드로 도형을 그렸다가 면색이 존재하는 도형으로 바꾸고 싶을 땐, 상단메뉴바에서 Shape로 바꿔주시면 됩니다. ⑶ 포토샵도형그리기모드 Pixel
Anti-alias & alias의 선택이 가능한 그리기모드 포토샵도형그리기모드 Pixels를 선택한 상태에서 도형을 그리려고하면 도형이 그려지지않고 경고창이 뜹니다. Pixels모드 사용법은 레이어를 추가하여 영역을 지정한 후, 색상을 넣는 방식과 동일하게 레이어를 하나 추가해줘야 합니다.
새로 추가한 레이어에 도형이 그려졌죠? 이렇게 포토샵도형그리기모드의 Pixels는 자동으로 레이어가 생성되는 Shape모드와 달리 레이어를 직접 추가하여 작업해야하는 번거로움이 있는데요, 여기까지만 보면 Pixels그리기모드는 불필요한 모드 같죠? 하지만 Pixels그리기모드에는 포토샵에서 꼭 필요한 기능!! Anti-alias & alias 가 있습니다. 포토샵 도형툴 Pixels모드 Anti-alias & alias
포토샵 도형툴 그리기모드 Pixels를 선택하면 상단바에 Anti-alias가 활성화됩니다. 우측은 Anti-alias가 체크 된 상태로 그려준 안티앨리어스 도형이고, 좌측은 Anti-alias가 언체크 된 상태로 그려준 앨리어스 도형입니다. * alias : 계단현상 / Anti-alias : 계단현상완화
안티앨리어싱은 포토샵에서 꼭! 알아야 할 지식 중 하나죠? 안티앨리어스를 어떻게 활용해야하는지, 포토샵안티앨리어스에 대해 자세한 강좌는 포스팅 하단에 첨부해둘테니 이해가 부족하신 분들은 하단 링크를 참고해주세요 : ) Shape그리모드와 Pixel그리기모드는 비슷한 것 같으면서도 비슷하지 않답니다. 비교를 해보자면,
쉽게 팩트만 정리하자면 Shape모드는 도형그릴 때, Path모드는 영역을 만들고자 할 때, Pixels모드는 앨리어스상태의 도형을 그릴 때. 사용하시면 됩니다. 3 포토샵 도형툴 종류와 옵션 ⑴ 포토샵 도형툴 종류
포토샵도형툴 중 사각형과 원형툴 외 나머지 툴은 옵션값이 존재하는데요, 빠르게 짚고 넘어가볼게요. Rounded Rectangle Tool 모서리 둥근 사각형 Radius값
Radius값은 모서리 코너의 반지름값입니다. 수치가 높을수록 코너의 둥근형태가 커지겠죠? Polygon Tool 다각형과 별 그리기 옵션
Side : 다각형 수 포토샵다각형툴 옵션에는 별그리기 옵션도 있답니다. 별을 그리고자 할 경우, 톱니바퀴 아이콘(옵션) 클릭 후, Star 체크한 상태에서 그려주면 됩니다. (Smooth Corner 바깥모서리 라운드, Smooth Indents 안쪽모서리 라운드, Indent Sides by 높을수록 뾰족해짐) Line Tool 화살표 그리기
Weight : 선 굵기 포토샵 라인툴 옵션에는 화살표그리기 옵션이 있습니다. (Start 시작 화살표, End 끝 화살표, Width 두께 비율, Length 길이 비율, Concavity 높을수록 오목해진 화살표) Custom Shape Tool : 다양한 도형
커스텀쉐이프툴은 다양한 도형들이 모여있습니다. GTQ포토샵자격증에서도 필수로 나오는 도형들이죠 : ) ⑵ 포토샵 도형툴 옵션
4 포토샵 도형 수정하기
도형 수정 및 변형은 Path Selection Tool, Direct Selection Tool로 할 수 있는데요, 이 두가지 툴은 쉐이퍼레이어의 도형에만 적용 가능합니다. 쉐이퍼레이어도형이란? 위에서 공부한 그리기 모드 중 Shape모드와 Path모드로 그린 도형을 말합니다. 두가지 모드는 도형을 그리고 난 후, Path선이 생겼었죠? 바로 그 Path선을 수정 및 변형하여 도형을 완성시킬 수 있습니다.
Path Selection Tool은 Move Tool처럼 도형을 이동하거나 복사할 때 그리고 하나의 쉐이퍼도형레이어에서 여러가지도형이 있을 경우 정렬 시 사용하면 되구요, Direct Selection Tool은 도형의 점이나 선을 선택하여 부분수정이 가능합니다. 그럼 Direct Selection Tool로 포토샵도형수정하기 해볼게요 : ) Direct Selection Tool로 부분 점 이동하기
임의의 Shape 사각형 도형을 그려준 후, Direct Selection Tool로 왼쪽 위아래점을 다중 선택해줍니다. * 포토샵 단축키 '다중선택' : Shift 누른 상태에서 클릭
점이 선택된 상태에서 점을 잡고 아래로 내려보면 도형수정이 가능합니다.
Direct Selection Tool은 일러스트에서도 정말 유용하게 잘 사용되는데요, 포토샵 커스텀쉐이프툴 안에 있는 도형들 중 부분적으로 수정을 요할 때도 유용하게 사용할 수 있습니다. 예를 들어 위 화살표모양을 그렸을 때, 조금 더 뾰족했으면 좋겠다~ 싶으면 점수정툴로 점을 당겨주면 되겠죠? 5 포토샵 도형 패스파인더 합치기 / 자르기 / 겹치는 부분만 남기기 등 포토샵에서의 패스파인더는 도형툴 뿐 만 아니라 다양한 영역툴에도 존재할 만큼 유용한 기능이랍니다.
포토샵 도형툴 패스파인더의 위치는 상단 상태바의 우측에 있는데요, 클릭하면 6가지의 종류가 있습니다. 패스파인더 사용방법과 6가지의 차이점에 대해서는 아래 동영상에서 자세히 설명해두었으니 참고하세요.
|
포토샵 패스 파인더 - potosyab paeseu paindeo
관련 게시물
저작권 © 2024 ko.ketajaman Inc.
