본문 바로가기
디자인/스킬 노트

[일러스트 글자테두리] 글자 수에 따라 글상자(텍스트박스) 자동으로 조절하는 방법

by S.W 와이 2025. 2. 12.
반응형

 

 

 

 

일러스트 글상자
텍스트 테두리 이렇게 만들어보세요!

 

 

 

 

 

   글상자 자동 조절하는 방법

일러스트로 브로셔나 리플렛을 작업하다보면 소제목 텍스트에 글상자를 넣어 꾸미는 경우가 많은데요. 이 과정을 "자동"으로 하는 방법이 있다는 것 알고 계시나요? 

 

 

 

글자 수에 따라 알아서 글상자가 조절되기 때문에 한번 알아두면 작업하는데 매우 매우 유용할 거예요!!😊 

 

 

 

 

 

 

 


   수작업 할 자신이 없다면

텍스트 글상자
이 디자인을 만들어볼게요

 

위와 같은 이미지를 만든다고 가정해볼게요.  그렇다면 텍스트, 사각테두리, 글박스(사각형)가 필요하겠죠? 아마 지금까지는 하나씩 만드셨을거에요. 뭐 오래 걸리는 작업은 아니니깐요.🙄

 

 

 

하지만 저런 디자인이 여러개 필요하다면 어떨까요? 그것도 텍스트 길이가 제각각인......😭 그러면 테두리와 글박스를 텍스트 수만큼 일일이 만들어야할거에요. (생각만 해도 피곤....) 

 

 

수작업에 자신 있으신다면 뭐, 굳이 말리지는 않겠습니다 😯 하지만 5분만 투자해서 다음 글을 읽으신다면, 아마 작업 속도가 2배는 빨라지실 거에요!   

 

 

 


   그래서 어떻게 하면 되는데? 

다음의 순서를 그대로 따라하시면 됩니다.

 

 

 

 

우선 원하는 텍스트를 기재해주세요. 저는 즐거운 디자인으로 할게요. 

텍스트 쓰기
텍스트를쓰고

 

 

 

 

 

 

 

상단 창(W)메뉴에서 모양패널을 엽니다. 단축키는 Shift+F6이예요.  

모양패널열기
단축키 shift+F6

 

 

 

 

 

 

 

좌측 하단에 있는 새 칠 추가 아이콘을 두 번 눌러주세요.

새칠추가
두 번 누릅니다

 

 

 

 

 

 

 

그럼 아래 이미지처럼 획 1개, 칠 2개가 보일 거예요. 각각 해당되는 걸 표기해보았어요. 

글상자 설정 설명
잘 봐주세요!

 

 

 

 

 

 

자, 이제 (★중요)텍스트를 선택하고, 첫번째에 있는 획을 클릭하세요. 

좌측 하단 효과에서 도형으로 변환 > 사각형을 눌러주세요

도형으로 변환
획부터 바꿉니다

 

 

 

 

 

 

그럼 수치를 조절할 수 있는 창이 나올거예요. 미리보기를 눌러 적당한 크기를 찾아주세요. 테두리는 이렇게 완성되었어요. 

미리보면서 설정해요!

 

 

 

 

 

 

※ 획이 보이지 않는다면, 굵기를 지정하지 않았을거에요. 

획굵기설정
굵기를 꼭 지정해주세요!

 

 

 

 

 

글상자(사각형배경)도 같은 과정을 진행하면 됩니다. (★중요)작성한 텍스트를 먼저 선택하고 첫번째 칠이 아니라 두 번째 칠을 선택 후, 원하는 색상으로 바꿔주세요.

두번째 칠
두번째칠을 선택하세요!

 

 

 

사각형 변환
동일한 과정으로 진행하면 됩니다!

 

 

 

 

 

 

그리고 도형으로 변환 > 사각형을 눌러주세요. 미리보기를 눌러 원하는 수치를 맞춰주세요. 전 테두리보다 좀 더 크게 진행해볼게요. 

칠 수치 변경
미리보면서 진행해주세요!

 

 

 

 

 

 

텍스트 색상까지 바꾸니, 완성되었습니다!!! 

 

일러스트 글상자 완성
완성되었습니다 :)

 

 

 

마치 그룹이 되어 있는 것처럼 텍스트 길이와 크기에 따라 글상자가 같이 움직이는 걸 확인할 수 있어요!

 

 

일러스트 텍스트상자
텍스트를 바꿔보세요!

 

 

 

 

 

 

 

 


   모양 바꿀 수 있어요!

테두리와 글박스는 사각뿐 아니라 원형 둥근사각형으로도 바꿀 수 있어요 :) 

글박스 원형
원형
텍스트 상자 둥근사각형
둥근사각형

 

 

 

 

단축키

  • Ctl+ T = 텍스트 입력
  • Shift + F6 = 모양패널 

 

 

 

 

 

 

 

오늘의 기록은 여기까지 입니다

다음엔 더 쓸모있는 경험을 가져올게요

🫰

 

 

 

 


   작업 속도가 빨라지는 디자인 Tip

[일러스트 단축키] 바운딩박스가 사라졌을 때 해결방법 세 가지

 

[일러스트 단축키] 바운딩박스가 사라졌을 때 해결방법 세 가지

바운딩박스가 대체 뭔데일러스트에서 오브젝트(개체)를 선택하면 나타나는 사각형틀을 바운딩박스(크기조절박스)라고 하는데요, 이 바운딩박스는 크기,회전, 변형 작업을 하기 위해 꼭 필요해

cream-bread.tistory.com

 

[일러스트 선두께축소문제] 축소 시 선두께 달라지면 이렇게 해결하세요!

 

[일러스트 선두께축소문제] 축소 시 선두께 달라지면 이렇게 해결하세요!

01. 오브젝트를 축소했는데, 선 두께가 왜 얇아지는 거야?  안녕하세요. 솔로워커,와이🧑‍💻입니다. 일러스트에서 개체 크기를 조정할 때 선 두께가 같이 변경된 경험 다들 있으시죠? 이 문제

cream-bread.tistory.com

 

 

 

 

 

 

 

 

 

 

 

 

728x90
반응형
LIST

댓글