[일러스트레이터] 도형/패스 따라 글자 쓰기로 원형 텍스트를 만들어보자.(패스 상의 문자 도구, Type on a path tool)

[일러스트레이터] 도형/패스 따라 글자 쓰기로 원형 텍스트를 만들어보자.(패스 상의 문자 도구, Type on a path tool)

 

안녕하세요. 당근입니다.

오늘은 스티커 등에서 흔히 볼 수 있는 디자인인 동그라미 안에 텍스트가 둥글게 삽입되어있는 이미지를 만들어볼게요.

이렇게 원형안에 위 아래로 글자 두 줄을 굴려서 넣어볼겁니다.

이렇게 말이죠

패스 따라 문자 삽입하는건 엄청 간단하지만 익숙하지 않으면 엥?? 이게 왜이래? 하면서 버벅거리실 수 있어요.

미리 방법을 숙지해두시면 나중에 다시 찾아보더라도 빠르게 작업하실 수 있겠죠?

 

 

일러스트에서 Ellipse tool로 동그라미를 하나 만들었습니다.

동그라미를 그리세요.

저는 이 동그라미는 배경으로 할 거니까 배경안에 들어갈 작은 동그라미를 복사해서 하나 더 만들어줍니다.

바로 이 동그라미가 글자가 쓰이는 가이드가 되는 거예요.

문자용 패스를 하나 더 만듭니다.

타입툴을 꾹 누르시면 Type on a path tool이 나올거예요. 그걸 클릭합니다.

type on a path tool

그리고 위에다 글자를 쓸 도형위에다 마우스를 갖다놓으면 물결 모양이 달린 입력 커서가 나타날 거예요.

type on a path tool

이렇게 원에다 대고 시작점을 클릭해주면 샘플 텍스트가 채워집니다. 원하시는 글자로 바꾸시고 정렬도 설정해보세요.

저는 아래 가운데부터 해서 패러그래프를 가운데 정렬 해줬습니다.

이렇게 해야 글자를 최대한 많이 쓸 수 있어요. 시작점을 애매한데서 하면 글자가 잘리는 경우도 있거든요. 

도형에 글자 쓰기

많이 사용하는 디자인 형태로 테두리 색상과 폰트를 수정했어요. 

이제 아래에 "친절한 당근 블로그"라는 텍스트를 마찬가지로 둥글게 쓸건데요.

위에 있는 텍스트를 그대로 복사해서 쓰고 회전시키면 이렇게 거꾸로 보이는 글자가 됩니다.

이걸 뒤집는 방법도 설명하기 어려워서 움짤로 알려드릴게요.

패스 글자 뒤집기

글자가 올라간 패스에 마우스를 갖다댔을 때

마우스 포인터가 이런 모양으로 변할때 안으로 드래그 합니다.

그럼 글자가 뒤집히는 걸 보실 수 있어요.

그리고 크기와 위치를 조정해줍니다.

완성

이 파일은 샘플로 만든김에 공유를 해드리려고해요.

아래 파일을 다운받으셔서 폰트 등 바꿔서 자유롭게 써보세요.

원형글자삽입샘플_친절한당근블로그.ai

0.67MB