본문 바로가기

웹디자인관련

[일러스트레이터] 일러스트 찌그러지지 않는 둥근모서리 도형 만들기

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

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

 

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

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

둥근 사각형 도구

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

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

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

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

 

 

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

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

 

 

스타일화(Stylize) 메뉴 이용

두번째 방법입니다.

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

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

 

 

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

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

 

 

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

 

 

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

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

 

 

 

Illustrator CC 사용자의 경우

둥근 사각형 도구를 사용해도

한쪽을 잡아늘려서 모서리가 찌그러졌어도 Radius수정으로

다시 보기좋게 수정할 수가 있답니다.

아래 링크된 페이지를 참고하시기 바랍니다.

영문 웹페이지이지만, 그림만 보셔도 이해가 되실겁니다.^^

 

http://graphicdesign.stackexchange.com/questions/5472/how-to-modify-the-corner-radius-on-rounded-rectangle-in-illustrator