일러스트 하트그리기 - illeoseuteu hateugeuligi

쵸니쵸니 2020. 9. 15. 09:28

일러스트 하트 그리는 방법

소개 입니다. ^_^

보통.. 하트 모양을 그렇게

많이 쓸까.. 싶지만

알게 모르게 사용하더라구요;

그래서 이번에~ 일러스트에서

제가 알고 있는 방법 5가지를

소개드리고자 합니다. ^_^

1~4 번째 방법까지는 모든버전

일러스트에서 사용가능하며,

5번은 CC 2018 이후 버전에서

사용할 수 있는 방법이랍니다.


일러스트 하트 만들기 1

1. Ellipse Tool (단축키 L) 이용

2. Direct Select Tool 활용

일러스트 하트그리기 - illeoseuteu hateugeuligi

첫번째 만드는 하트는..

가장 손이 많이 갑니다.

하지만, Direct Select Tool

사용하는 방법에 대해서

이런 방법이 있었구나...

라는 것을 알 수 있답니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi

먼저, Ellipse Tool 을

이용하여, 원을 만듭니다.

Shift를 누른채로 원을

만드면 둥글고 둥근 원을

만들 수 있답니다. ^_^

일러스트 하트그리기 - illeoseuteu hateugeuligi

원형을 만들었다면, 이젠

Direct Select Tool(단축키 A)

활용하여 원 중앙의 윗에 있는

포인터에 클릭하여 활성화

한뒤 위치를 내려주면

아래 스샷처럼 모양이 나옵니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고 방금 내렸던 포인터

에서 Direct Select Tool

상태로 한쪽 핸들을 꺽어주세요

그리고 반대쪽 핸들은 Alt 키를

누른 상태로 아래와 같이 꺽어

주면 어느정도 하트의 모양

가깝게 나오게 된답니다. ^_^

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고~ 위스샷 처럼

원형 하단 포인터를

이용해서 어느정도 틀을

잡고, 위에서 했던 방법

처럼 하단 포인터 핸들을

이용하여, 안쪽으로 꺽어

주면 아래와 같은 하트

모양이 나오게 된답니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

뭔가 하트가 짜리몽땅하고

옆으로 너무 퍼졌다면

크기조절하여 모양을

다듬으면 짜잔~ 하고 아래와

같이 이쁜 모양의 하트가

완성된답니다. ^_^

일러스트 하트그리기 - illeoseuteu hateugeuligi

일러스트 하트 만들기 2

1. Rounded Rectangle Tool

2. Reflect Tool

3. Divide & Unite (*Path Finder)

3개의 기능으로 간단하게

일러스트에서 하트를 만들어

볼 수 있답니다~ 더블어 2번째

적어놓았던 패스파인더 외에

Shape Builder Tool을 사용하면

더 금방 끝나긴하는데 그건

5번째 하트 만드는 항목에

추가를 했답니다~ 일러스트에서

패스 파인더가 안나오면 뭔가

허전~해서 말이죠 ㅎㅎㅎ

일러스트 하트그리기 - illeoseuteu hateugeuligi

Rounded Rectangle Tool을

이용해서 모양을 잡고

45도 돌린 뒤 Reflect Tool

사용해서 대칭으로 모양을

복사해주세요 ^_^

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고 아래와 같이 두개의

오브젝트르 포갠 뒤에

패스파인더를 이용하여

Divide 로 모든 면을 나누면

이제 작업의 거의 끝~입니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

패스 파인더에서 Divide를

하면 그룹화 되어 있으므로,

그룹을 풀고 불필요한 부분

삭제 및 남은 부분은 Unite

로 하나의 오브젝트로 만들면

하트 모양 끝~~ 이랍니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi


일러스트 하트 만들기 3

1. Line Secment Tool

2. Stroke Round Cap

3. Reflect Tool

4. Expand

3번째 방법은.. 그다지 추천

하고 싶은 방법은 아니예요;

다만, 선을 이용해서 이렇게

만들 수 있다.. 정도로만

개념만 이해하면 좋을듯..

하는 바람으로 넣었습니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

Line Segment Tool 을

이용해서 선을 긋고 적당한

굵기와 그리고 선에 색을

넣은뒤, Stroke 패널에서

선의 끝면을 동글 동글하게

Round Cap을 적용해주세요.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고 오브젝트 각도를

조정한 뒤에 Reflect Tool

대칭되는 오브젝트를 복사

한 뒤에 둘을 하단 꼭지점을

맞춘뒤 선 두깨 조정하면 끝

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고 그대로 사용해도

되지만, 크기조절할 때에

오브젝트가 Stroke 상태라면

모양이 깨질 수 있으므로,

되도록 Expand 를 사용해서

Stroke 를 Fill (선 -> 면)으로

바꾼 뒤 사용하는 게 낫답니다.

다만, 이건 그다지 모양내기

어렵고 불편해서 추천하진

않아요 ^_^;; 이런 방법으로도

하트를 만들 수 있다 정도

이해하시면 좋을듯 합니다.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi


일러스트 하트 만들기 4

1. 텍스트 기호 ♥ (ㅁ+한자키)

2. Create Outlines (Shift + Ctrl + O)

이번 방법은.. 엄청 간단한

방법중 하나인데요.

이 방법은 이미 완성된 기호를

Text -> Fill 로 활용하는 방법

이랍니다. ^_^ 참 쉽겠죠?

일러스트 하트그리기 - illeoseuteu hateugeuligi

먼저 텍스트란에 ㅁ(미음)을

키보드에서 입력한 뒤

한자키를 누르면 나오는

기호중 ♥ 를 선택해주세요

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고 색상을 입혀주고

Menu -> Type -> Create Outlines

를 통해 해단 텍스트를 면으로

변환한 뒤 크기 조절하면 끝~!

이랍니다... 엄청 간단하죠? ^_^;

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

저는 기존 하트 기호가 너무

길쭉해보여서 살짝 옆으로

늘려서 통통하게 만든 뒤에

변환을 해줬답니다. ^_^

참고로 폰트에 따라 하트의

모양이 다를 수 있으니까

폰트를 바꿔가며 이쁜 모양의

하트로 변경해보세요 ^_^

일러스트 하트그리기 - illeoseuteu hateugeuligi

일러스트 하트 만들기 5

1. Illustrator CC2018 버전 이상

2. Rectangle Tool + Corner Widget

3. Reflect Tool

4. Shape Builder Tool

쉐이프 빌더 툴은 패스파인더

기능 일부를 대체하기에 무척

편리한 기능 중 하나인데요.

하트 만들기 2번에서도

쉐이프 빌더 툴을 이용해서

면을 자르고 합치는 등의 방법

활용이 가능하답니다. ^_^

CC2018 버전부터 AI에는

코너 위젯이라는 기능이

생기게 되었는데요.

라는 건.. CC2018 이전 CS6,CS5 등..

코너 위젯 미지원이랍니다

일러스트 하트그리기 - illeoseuteu hateugeuligi

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

Rectangle Tool 을 이용해서

사각 오브젝트를 만들어준 뒤

Select Tool 로 해당 오브젝트를

보면 양 모서리 끝쪽에 ◎ 으로

표시된 부분이 있답니다.

그게 바로 이번 하트 만들기 5

핵심 기능인 코너 위젯인데요.

이 부분을 이용해서 라운드를

유저가 원하는 모양으로 만들 수

있답니다. ^_^

굳이 Rounded Rectangle Tool

사용하지 않아도 이젠 손쉽게

만들 수 있다는 거죠 ㅎㅎ

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

여튼, 위와 같이 코너 위젯을

이용해서 라운드 처리했다면,

ReFlect Tool 을 이용해서

대칭되게 오브젝트를 복사한 뒤

하트 모양 나오게 포게주세요.

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

그리고 두개의 오브젝트를

선택한 뒤에 Shape Builder Tool

을 선택하여 삭제할 면은

Alt 키를 눌러서 지워주고

하나로 합칠 면은 Shift 키를

누른채 드래그하면 끝!!

일러스트 하트그리기 - illeoseuteu hateugeuligi
일러스트 하트그리기 - illeoseuteu hateugeuligi

참고로 Shape Builder Tool은

CS6에서도 사용할 수

있는 기능 중 하나랍니다.

하트 만들기 5에서 설명 드렸던

기능 중에 코너 위젯 외에는

CS6에서도 활용가능해요.

일러스트 하트그리기 - illeoseuteu hateugeuligi