일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

일러스트레이터의 둥근 모서리를 가진 도형에 대해 얘기해 보겠습니다. 각종 버튼, 텍스트 상자 등 둥근 모서리를 사용하는 경우가 많습니다. "둥근 사각형 도구"를 사용하면 원하는 도형 사이즈와 모서리의 사이즈(Radius)를 설정할 수 있습니다. 하지만, 작업중 도형사이즈를 변경하기 위해 가로 혹은 세로방향으로 늘리게 되면 둥근모서리가 한쪽으로 찌그러져 보기 흉한 모습이 되고 맙니다.

오늘은 한쪽방향으로 도형을 늘리거나 줄여도 둥근모서리가 찌그러지지 않는 도형을 생성하는 방법에 대해 얘기해 보겠습니다.

모서리가 둥근 도형 추가 방법

설명에 사용한 프로그램은 Illustrator CS6 이므로 참고하세요.

둥근 사각형 도구

툴 패널의 화살표가 가리키는 사각형 도구를 길게 클릭하고 있으면,

보시는 것처럼 메뉴가 확장는데 "둥근 사각형 도구"를 선택합니다.

도형을 그리기 전에 먼저 모서리의 크기(반경)를 먼저 정합니다.

기본값은 5pt. 인것 같네요.^^ 

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

도형이 예쁘게 만들어졌는데, 아래처럼 한쪽을 잡아늘리면

모서리가 찌그러져서 보기흉하게 되고 맙니다.

스타일화(Stylize) 메뉴 이용

두번째 방법입니다.

원하는 사이즈의 직사각형을 먼저 추가합니다.

다음은 메뉴에서 "효과-스타일화-모퉁이 둥글리기"를 선택합니다.

 사이즈(반경)를 선택하는 창이 나옵니다.

원하는 사이즈를 입력한 후 확인을 누릅니다.

아래를 보시면, 한쪽을 잡아늘려도 모서리가 찌그러지지 않습니다.

모서리의 크기 변경방법은 아래와 같습니다.

"모퉁이 둥글리기"를 선택하면 변경을 원하는 크기를 입력할수 있습니다.

안녕하세요 디자이너 가든입니다!

일러스트에서 가장 많이 사용하고

꼭 무조건알아야 할 일러스트 도형,

그리고 도형 (쉽게) 만드는 법을 알려드릴게요!

일러스트 도형 만들기
일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

도형은 왼쪽 패널에서

'도형 도구'를 찾아야합니다!

보통은 네모(사각형도구)로 표시되어있을텐데

네모(사각형 도구)를 꾸욱 누르면

숨겨져 있는 다양한 도형들이 등장합니다!


사각형, 정사각형 & 원,정원 만들기

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

그냥 네모, 직사각형를 그리고싶으면

사각형 도구를 선택한 뒤 대지 위에 드래그하면 되는데

정사각형을 만들고 싶으면 shift

함께 누르고 드래그합니다!

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

일러스트 도형 만들기에서

SHIFT의 기능은 모든 도형에서 동일하게 적용합니다.

Shift를 누르지 않으면 위 이미지처럼 타원, 긴 원 등

다양하게 내가 원하는대로 만들 수 있지만

Shift를 누르는 순간 정원으로 만들어지는 것!


일러스트에서 둥근 사각형 만들기 / 둥근사각형 모서리 조절
일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

일러스트에서 둥근사각형은 말그대로

모서리가 둥근 사각형인데

CS6이하버전이 아닌 2018CC 버전에선

위 이미지처럼 방향키 없이 '둥근 사각형 도구'로만 제작이 가능합니다.

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

무엇보다도 2019cc 이상 쓰신다면

더욱더욱 편하게 쓸 수 있어요!

그냥 사각형도구로만 도형을 제작하고

도형 안에 있는 나사 모양(모서리) 중

하나를 잡고 안쪽, 바깥쪽으로 드래그하면

도형 모서리 둥글기가 변화하는 것을 볼 수 있어요!

일러스트 삼각형 / 둥근 삼각형 만들기

일러스트 삼각형 만들기 삼각형 모서리 둥글게 둥근삼각형 둥근사각형 만들기 2021CC

안녕하세요! 디자이너 가든입니다! 일러스트 2018년 미만 버전, cs6에서는 모서리가 둥근 사각형을만들때 키보드를 통해서 만들어야했고 2018년 이후버전부터는 도형 도구 중에서 둥근 사각형 도

gardendesign.tistory.com

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

그리고 삼각형 만드는 방법은

윗쪽 글을 확인해주세요 :)

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol

그 외에 정삼각형 직각삼각형

쉽게 만드는 방법은 영상에 담아뒀습니다 :)!


 가든의 일러스트 & 포토샵 온라인 강의 
개인 포트폴리오 만들기까지!

한 번 배우면 평생 써먹는 일러스트 끝내기

실무에서 진짜 쓰는 일러스트 & 포토샵 끝내기

taling.me

일러스트레이터 둥근 사각형 모서리 조절 - illeoseuteuleiteo dung-geun sagaghyeong moseoli jojeol