일러스트레이터 도형 모양으로 이미지 만들기

 

 

일러스트레이터는 벡터 기반의 프로그램으로 비트맵 기반의 포토샵과 차이가 있습니다. 포토샵만큼 사진을 다루는데 자유롭지 않고 제약이 있는 편인데요. 요즘은 포토샵과 일러스트레이터의 호환성이 좋아서 바로바로 수정이 가능하긴 합니다. 일러스트레이터에서 사진을 원하는 모양으로 만드는 방법을 알아보겠습니다. 예시용으로 인스타 모바일 페이지를 일러스트레이터로 연출했습니다. 회색 원의 프로필 사진 부분과 하단의 회색 사각형에 사진을 넣어보겠습니다. 

 

 

1.  클리핑 마스크로 사진 자르기

먼저 사진을 가져옵니다. 폴더에서 사진을 찾아 드래그 앤 드롭으로 끌어다 놓으면 간편하게 가져올 수 있습니다. 프로필 사진을 넣을 원의 크기가 작으니 사진의 크기를 작게 조정합니다. 클리핑 마스크를 적용하기 위해 도형을 사진 위로 위치를 이동시킵니다. 원을 선택한 상태에서 우 클릭 Arrange-Bring to front(맨 앞으로 가져오기)를 클릭합니다. 또는 단축키 ctrl+shift+]를 사용합니다. 클리핑 마스크의 원리를 알면 사용하고 기억하기 한결 쉽습니다. 

 

클리핑 마스크란?

영어사전의 정의를 보면 clip에는 가위나 뾰족한 물체로 잘라낸다는 뜻이 있습니다. 마스크는 우리가 요즘 매일 사용하는 마스크를 생각하시면 되는데요. 얼굴의 일부를 가리는 물건이죠. 클리핑 마스크는 마스크가 씌어진 모양(도형)만 남기고 잘라낸다고 생각하시면 됩니다.

 

clip verb 
to cut something with scissors or a similar sharp tool, especially. to make it tidier.

출처: dictionary.cambridge.org

 

도형 맨 앞으로 가져오기

 

도형을 맨 앞으로 가져오면 사진의 남겨질 부분이 어떨지 도형에 가려 보이지 않겠습니다. 이때 도형을 선(stroke)으로 변경해 주거나 투명도를 적용해 줍니다. 투명도는 Window-Transparency(창-투명도)에서 Opacity를 낮게 조정합니다.

 

투명도 조정창

 

사진 크기를 알맞게 조정했다면, 직접 선택 도구를 선택하고 ctrl 키를 누른 채 사진과 도형을 클릭하여 다중 선택합니다. crtl 키를 누르고 클릭하면 여러 개의 오브젝트를 중복해서 선택할 수 있습니다. 잘릴 사진과 도형을 선택한 상태에서 우 클릭 Make Clipping Mask(클리핑 마스크 만들기)를 클릭합니다. 단축키 ctrl+7

 

클리핑 마스크 적용하기

 

클리핑 마스크를 적용했는데 수정하고 싶다면, 실행 취소해야 할까요? 클리핑 마스크는 마스크가 적용된 오브젝트를 수정할 수 있습니다. 이런 장점 때문에 포토샵에서는 사진을 잘라낼 수 있지만, 클리핑 마스크를 사용해서 작업을 많이 합니다. 고양이 얼굴이 더 크게 나오고 발이 안 나오게 수정해 보겠습니다. 클리핑 마스크가 적용된 원형 사진을 더블클릭합니다. 격리 모드(isolation mode)가 실행되면 사진을 선택합니다. 사진이 선택되면서 전체 테두리가 보입니다. 사진의 크기와 위치를 수정하고 수정을 끝내고 싶으면 상단에 표시된 격리 모드의 계층, 제일 왼쪽 화살표를 눌러 격리모드를 해제합니다. 격리 모드가 어렵게 느껴진다면 마스크가 적용된(원형 사진) 사진을 선택하고 Object-Clipping mask-Edit contents를 적용해서 사진을 수정하셔도 됩니다. 

 

격리모드에서 사진 수정하기

 

마스크를 적용한 도형을 해제하고 싶다면 마스크 적용된 도형을 선택하고 우클릭 Release Clipping Mask (클릭핑 마스크 해제) 또는 ctrl+alt+7을 적용합니다.

 

 

2.  클리핑 마스크로 오브젝트 모양 자르기

클리핑 마스크는 사진뿐 아니라 도형, 텍스트에도 적용 가능합니다. 연출 컷 하단의 댓글 달기 앞에 도형으로 만든 빈 프로필 사진 부분에 동일하게 마스크를 적용해 보겠습니다. 아래 오른쪽과 같이 뒷면 회색 배경도 필요하기 때문에 회색 원을 복사(ctrl+c) 하고 앞에 붙여넣기(ctrl+f) 합니다. 원 바로 위로 복사가 되기 때문에 그 상태에서 맨 앞으로 가져오기 하여 사람 아이콘 위로 올립니다. 클리핑 마스크를 적용하면 아래 그림과 같이 됩니다.

(좌) 자를 도형 상단으로 올리기 (우) 잘려진 모습