도형 구성 도구 사용 방법

도형 구성 도구(Shape Builder Tool Options)는 오브젝트를 합치거나 지워 새로운 도형을 만들 때 사용하는 도구입니다.

 

 

 

 

아래와 같이, 별도로 존재하는 '도형'을 이어서 하나의 도형이 되게 만들어주는 기능이죠.

 

 

 

 

도형 자체가 아니라, 다른 도형에 포함된 부분을 제외한 도형만을 제거하는 기능도 '도형 구성 도구' 기능의 일부입니다.

 

 

 

 

정교하게 그림을 그릴 줄 몰라도, 도형 구성 도구를 이용하면 여러 도형을 결합하고 편집하여 간단하게 일러스트를 완성할 수 있습니다.

 

자동차 일러스트를 간단하게 그려보면서 도형 구성 도구 사용 방법을 알아보겠습니다.

 

 

---

 

▣ 도형 구성하기

① 둥근 사각형 두 개를 만들어줍니다.

 

 

 

둥근 사각형 도구 선택하고, 드래그하여 두 개를 만들어주면 됩니다.

 

 

 

선택 도구로 둥근 사각형의 크기를 조절해주고요.

 

 

 

 

위쪽의 둥근 사각형은 조금 더 둥글게 만들어줄게요.상자 구석에 있는 '모퉁이 위젯'을 클릭해 안쪽으로 드래그해주면 모퉁이 반경이 넓어지면서 더 둥근 모양이 됩니다.

 

 

 

 

아래쪽 둥근 사각형은 조금 좁게 만들어주기 위해서, 상자 선택한 뒤 하단 선분을 클릭해 위쪽으로 드래그해줍니다.

 

 

 

 

② 창문을 그려줄게요. 색상을 변경하고, 위쪽 상자 위에 드래그하여 창문으로 넣을 둥근 사각형을 그려줍니다.

 

 

 

 

이 사각형은 모서리가 너무 둥그니까, 모퉁이 위젯을 바깥쪽으로 드래그해서 좀 더 뾰족하게 만들어줍니다.

 

 

 

사각형을 선택한 상태에서 Alt 키를 누르고 오른쪽으로 드래그하면, 같은 크기, 모양, 색상의 사각형이 복제됩니다.

적당한 곳에 위치시킨 뒤에 둥근사각형을 한 번 더 선택해, 가운데 넣을 창문을 만들어줍니다.

 

 

이 사각형도 Alt 키 눌러 복제하여 오른쪽에 하나 더 만들어줍니다.

 

 

 

옮길 때 삐뚤게 옮겨졌을 수도 있으니까, 제어판에 있는 정렬 도구를 이용해 사각형 위치를 정돈합니다.

 

 

 

 

③ 바퀴 자리를 만들기 위해 원 두 개를 만들어줍니다.

 

 

 

 

④ 선택 도구를 누르거나, 단축키 V를 누른 뒤 도형이 모두 포함되게 드래그하여 전체 도형을 선택합니다.

 

 

 

 

⑤ Alt 키를 누른 상태로, 제거하려는 부분을 클릭합니다.

   그러면 아래와 같이 아까 그렸던 '하늘색 둥근사각형' 전체가 삭제되는 것이 아니라, 다른 도형과 겹쳐지는 부분을 제외한 영역의 둥근사각형만 지워집니다.

 

 

 

 

다른 부분도 Alt 키 누른 채로 클릭하여 지워줍니다.

 

 

 

 

⑥ 파란색 두 개의 둥근 사각형은 색상은 동일하지만 '테두리'에 의해 분리돼 있는 사각형인데요. 두 사각형을 합치는 작업을 해 볼게요.

 

 

300x250

 

 

먼저 '선택 도구'를 클릭합니다.

 

 

 

위쪽의 둥근 사각형을 클릭하고, Shift를 누른 상태로 아래 있는 둥근 사각형을 선택합니다.

 

 

두 개의 사각형만 선택된 상태입니다.

 

⑦ 이제 '도형 구성 도구'를 선택합니다.

 

 

 

위쪽 사각형에서부터 아래쪽 사각형까지, 드래그해 줍니다.

 

 

 

 

중간에 있던 선이 없어지고, 두 개의 도형이 합쳐집니다.

 

 

 

 

⑧ 바퀴를 추가할게요.

     검정색 동그라미 하나 그린 뒤에, 복제하여 두 개로 만들어줍니다.

 

 

 

 

바퀴가 차체 밑으로 가야 하기 때문에, 뒤쪽으로 옮길게요.

레이어 패널에서 두 개의 원형을 선택해준 뒤(파란색 박스가 표시돼 있어야 합니다.) 드래그하여 밑으로 옮깁니다.

 

 

 

 

바퀴가 차체 뒤로 이동합니다.

 

728x90

 

바깥쪽 창문 두 개를 좌우로 드래그하여 살짝 빼줍니다.

 

 

 

 

다른 도형의 영향 하에서 편집이 되긴 했지만, 각각의 도형은 별도로 존재합니다.

그래서 아래와 같이 표현될 수 있습니다.

 

 

 

 

⑨ 글자를 입력해 완성합니다.

 

 

 

 

그림 그릴 줄 모르고, 디자인 실력도 없지만 뭔가 그럴듯한(??) 이미지가 완성되었습니다.

 

---

 

▣ 도형 구성 도구 옵션 살펴보기

도구바에서 도형 구성 도구를 더블클릭하면 아래와 같은 '옵션' 대화상자가 표시됩니다.

 

 

 

 

① 간격 감지(Gap Length) : 지정된 간격 길이에 가까운 간격만 찾게 하는 설정입니다. 이 기능을 체크해 둔 뒤, 설정된 간격 길이와 상이한 도형을 결합하려고 하면, 해당 도형을 감지하지 못할 수 있습니다.

 

 

 

 

② 열린 칠 패스를 닫힌 것으로 간주(Consider Open Filled Path as Closed) : 열린 패스로 된 도형을 다른 도형과 결합하거나 도형 일부를 제거할 때, 닫힌 패스로 된 것으로 간주하는 기능입니다.

 

 

 

 

이 항목을 체크하고 도형을 결합하면, 아래와 같이 결합 후에 패스를 자동으로 닫아줍니다.

 

 

체크하지 않은 상태로 결합하면 열린 패스인 상태로 결합이 되기 때문에 비정상적으로 결합됩니다.

 

 

 

 

도형을 지울 때에도 이 항목이 체크되어 있으면, 정상적으로 지워지지만 체크되어 있지 않으면 아예 지워지지 않습니다.

 

 

 

 

③ 병합 모드에서 선을 클릭하여 패스 나누기(In Merge Mode, Clicking Stroke Splits the Path) : 이 항목을 체크하면, 선에 마우스 포인터를 가져다 놓았을 때 아래와 같은 모양으로 포인터 모양이 바뀝니다. 선들을 클릭한 뒤, 선택 도구를 이용해 패스를 분리할 수 있습니다.

 

 

 

 

이 도구가 어떤 때 가장 유용한지는, 몇 시간 동안 고민을 해 봐도, 잘 알 수가 없네요. :)

 

※ 선택 도구로 전체 도형 선택한 뒤, 도형 구성 도구로 경계선이 사라지도록 병합하고, 다시 선택 도구로 개별 도형을 이동시키면 두 도형이 분리됩니다.

 

 

 

 

④ 다음에서 색상 선택(Pick Color From) : 색상 견본, 아트웍 중에서 오브젝트 색상을 선택합니다.

 

 

 

색상 견본을 선택해 두면, '전경색'으로 채워집니다.

아트웍으로 해 두면, 먼저 선택한 도형의 색으로 결합 도형의 색이 채워집니다.

 

⑤ 칠(Fill) : 선택 도구로 도형을 선택해 둔 상태에서, '도형 구성 도구'를 선택하면, 마우스를 '선택된 도형' 위에 놓았을 때, 회색으로 표시됩니다. 칠을 체크해 두지 않으면, 회색 표시 없이 그대로 나타납니다.

 

 

Fill

 

 

⑥ 편집 가능한 경우 선 강조(Highlight Stroke when Editable) : 편집할 수 있는 도형의 선을 지정한 색으로 표시합니다. 

 

Hightlight stroke when editable

 

 

 

    ※ 마우스 포인터를 선택한 패스 위에 두면 회색 표시가 되고, 패스나 도형을 드래그하면 편집 가능한 선이 지정된 색으로 표시됩니다.

 

 

 

 

 

 

※ 본 콘텐츠 내용(글, 이미지)의 무단 사용을 금합니다.