[어도비 일러스트_영문] 패스파인더와 클리핑 마스크를 활용한 하트 프레임 만들기-!

안녕하세요, 사비입니다!
오늘은 디자인 툴 정보를 가지고 왔어요 :)

1. 일러스트레이터에서 하트 쉐입을 만드는 법

2. 클리핑 마스크를 활용해 하트 쉐입 안에 이미지 넣는 법

지금부터 시작할게요 😜

---

1. 일러스트레이터에서 하트 쉐입을 만드는 법

일단 대지 위에 원형 툴을 활용해 정원을 그려 주세요! (저는 면 속성은 끄고 진행하였어요-!)
그려둔 원을 선택한 뒤 comd(ctrl)+C, comd(ctrl)+F를 눌러 앞으로 붙여 넣기를 해 줍니다.
복사된 원 오브젝트를 미리 그려둔 원의 절반 사이즈로 줄여 주세요.

마우스만으로 정확한 사이즈 제어가 힘드실 때는 상단에서 수치를 직접 입력해 주시면 된답니다!
절반 사이즈의 원 오브젝트를 위의 사진과 같이 중심선을 맞춰 나란히 붙여 주세요.

패스 파인더를 활용할 때는, 오브젝트가 제대로 맞물려 있지 않으면 수식이 어긋날 수 있습니다!
comd(ctrl)+Y를 눌러 위치를 정확하게 한 번 더 확인해 주세요.

위치 확인이 끝났다면 세 개의 오브젝트를 전체 선택한 후
Pathfinder -> Divide 버튼을 탭해 주세요!
아이콘 모양은 위 사진을 참고해 주세요 :)

패스 파인더로 디바이드 기능을 사용할 경우에는 반드시 Ungroup을 해 주셔야 합니다!
전체 선택 후 우클릭하여 언그룹해 주세요!

언그룹을 해 주면 접해 있던 선을 따라 오브젝트가 분리된 것을 확인하실 수 있습니다.
가장 상단에 있는 뚜껑을 분리하여 삭제해 주세요.

이제 다시 합쳐 줄 차례입니다!

Pathfinder -> Unit 버튼을 탭 하여 오브젝트를 하나로 합쳐 주세요.
아이콘의 모양은 위의 이미지를 참고해 주세요 :)

다시 Comd(ctrl)+Y로 확인해 보면 합쳐진 상태를 보다 정확하게 확인하실 수 있습니다.
하지만 이 상태만으로는 하트가 너무 뚱뚱하네요..!

펜 툴의 하위 목록에 배치돼 있는 앵커 포인트 툴을 활용하여 모서리를 뾰족하게 만들어 줍니다.
하단 중앙에 점을 한 번 찍어 주기만 하면 끝이에요 ^^

짠-! 하트 완성입니다 :>
사이즈는 자유롭게 조절하실 수 있고요, 직접 선택 툴을 활용해 좀 더 세밀하게 쉐입을 만져 주실 수도 있겠죠?

---

2. 클리핑 마스크를 활용해 하트 쉐입 안에 이미지 넣는 법

이제 이미지를 불러 올 차례인데요, 오픈으로 열어 줘도 되지만 일러스트에서는 Place로 불러오는 게 더 편하더라고요!

원하는 이미지를 원하는 사이즈로 드래그해 불러와 주면 됩니다 :)

일러스트에서 클리핑 마스크를 사용할 때는
배경이 될 쉐입 오프젝트가 앞, 배경 안에 넣은 이미지가 뒤예요! (순서 꼭 기억하기!!)
포토샵은 레이어 패널로 순서를 제어하지만, 일러스트는 레이어 패널은 잘 활용하지 않아요.
우클릭하여 Arrange에서 순서를 변경해 줘도 되지만 이 경우에는 겹쳐진 오브젝트의 수가 많지 않기 때문에
그냥 단순히 맨 뒤로 보내 주기만 하면 되겠죠?!
단축키 Comd(ctrl)+Shift+[ 를 눌러 이미지를 맨 뒤로 보내 주세요.

*Comd +[ = 뒤로 보내기
*Comd + Shift + [ = 맨 뒤로 보내기
*Comd + ] = 앞으로 보내기
Comd + Shift + ] = 맨 앞으로 보내기

어레인지 관련 단축키는 정말 자주 쓰이기 때문에 외워 두시면 좋아요 😝

하트 쉐입을 선 속성으로 바꿔 원하는 위치를 맞춰 주세요.

위치를 잡았다면 전체 선택 후 우클릭하여 Make Clipping Mask를 탭해 주세요!
(이 때는 오브젝트의 속성을 다시 면으로 바꿔 주지 않아도 상관없습니다!)

쨘-! 완성 :)
이미지, 그림, 패턴, 무엇이든! 클리핑 마스크로 원하는 쉐입의 오브젝트에 넣어 주실 수 있답니다-!

작업하는 과정을 빠른 영상으로 공유드려요 :)

하트와 구독은 저에게 큰 힘이 됩니다 ❤️