베지에 곡선 공략 - 2차 베지에 편

41,164 view
ClipStudioOfficial

ClipStudioOfficial

베지에 곡선은 "어느 정도의 커브를 가진 곡선인가"를 몇 개의 제어점(과 방향점)을 사용해 만든 곡선입니다.

프리 핸드로 그리는 곡선보다 매끄러운 곡선을 그리고 싶을 때 등에 도움이 됩니다.


CLIP STUDIO PAINT에서는 베지에 곡선을 작성할 때 [2차 베지에]와 [3차 베지에]를 사용할 수 있습니다.

이번에는 [2차 베지에]의 구조와 사용법을 소개합니다.


https://tips.clip-studio.com/ko-kr/articles/1030


[1] 2차 베지에의 구조

2차 베지에는 복수의 제어점과 방향점으로 구성되는 곡선입니다.


제어점이 2개인 경우(①→② 순서의 클릭으로 점을 지정합니다), 선은 시작점 ①과 ②를 최단으로 잇는 선(즉, 직선)이 그려지므로 곡선이 되지는 않습니다.


제어점이 3개인 경우(①→②→③의 순서로 제어점을 지정합니다), ①와 ③을 잇는 선을 그리지만 ②의 제어점에 영향을 받고 선이 구부러집니다.


여기까지 중요한 것은 "선이 지나가지 않는 점(방향점)이 있다"는 것입니다.

2차 베지에 곡선은 적어도 "2개의 제어점과 1개의 방향점"으로 곡선이 그려집니다.


제어점이 4개가 있는 경우는 시작점인 ①과 끝점인 ④의 제어점을 잇는 곡선이 그려집니다.

시작점 ①과 끝점 ④가 다른 위치가 될 경우, ②와 ③은 커브를 제어하는 "방향점"이 됩니다.


[2차 베지에]에서의 방향점은 선을 고무줄로 잡아당기는 모습을 생각하면 됩니다.

베지에 곡선은 머리로 생각하면 조금 복잡하기 때문에, 어떤 조작이 되는지 실제로 사용하고 시험해 보세요.


[2] 2차 베지에의 사용법

[도구] 팔레트에서 [도형] 도구를, [보조 도구] 팔레트에서 [연속 곡선] 도구를 선택합니다.

[도구 속성] 팔레트의 [곡선] 옵션에서 [2차 베지에]를 선택합니다.


【POINT】

CLIP STUDIO PAINT Ver.1.5.5부터 곡선의 미리 보기 방법이 바뀌었습니다. 그리는 중에도 선 색이나 폭 등이 반영됩니다.

이전과 같은 간이표시로 돌아가고 싶은 경우는 [파일] 메뉴 → [환경 설정] 다이얼로그 → [도구] → [도형 도구에서 작성중인 선은 간이표시]에 체크합니다.



■ 단순한 커브를 그리는 법


[연속 곡선]으로 단순한 커브를 그려봅시다.


①시작점 → ②방향점 → ③끝점의 세 점을 지정합니다.

어떤 곡선을 그릴 수 있을지 미리보기가 표시되므로 참고하면서 지정합니다.

②의 위치에서 클릭하면 방향점이 설정됩니다.

③의 위치에서는 [Enter] 키로 끝점을 설정합니다. ②처럼 클릭해 버리면 끝점이 아니라 방향점으로 설정되므로 커브의 모양이 미리 보기와 달라지게 됩니다.

※ 끝점은 [Alt] 키를 누른 상태에서 더블 클릭하는 것으로도 설정할 수 있습니다.



■ 각 만들기


제어점을 지정할 때 [Alt] 키를 누른 상태에서 클릭하면 각을 만들 수 있습니다. [Alt] 키를 누른 상태에서 클릭한 포인트는 직선으로 연결됩니다.


예를 들어 [연속 곡선]의 [2차 베지에]에서 아래 그림의 끝점(⑤)을 시작점과 같은 포인트로 지정하면, 모든 점이 방향점이 되고, 커브를 제어하기 위해서 이용되므로 둥근 모양의 도형이 그려집니다.


여기서 마지막 포인트에서 [Alt] 키를 누른 상태로 지정하면, 그 부분만 "각"이 되고 물방울 같은 모양이 됩니다.


【POINT】

가장 먼저 지정하는 포인트는 [Alt] 키를 누른 상태에서 지정할 수 없습니다.


시작점과 끝점의 포인트가 같은 지점에 있는 경우, 필요하면 끝점을 지정할 때 [Alt] 키를 누른 상태에서 클릭합니다.


[3] 2차 베지에가 유용한 도형

2차 베지에를 이용한 도형 그리기법을 소개합니다. 2차 베지에의 사용법을 실제로 시험해 봅시다.


· 큰소리 말풍선

큰소리 말풍선 같은 곡선의 조합. 이런 도형도 2차 베지에를 쓰는 편이 빠르게 작성할 수 있습니다.


· 복잡한 모양의 둥근 모서리

모서리가 둥근 도형을 그릴 때, 둥근 모서리의 사각형이라면 [직사각형] 도구의 [모서리에 둥글기] 옵션을 써서 간단히 작성할 수 있습니다만, 복잡한 도형의 각을 둥글게 하고 싶을 때는 2차 베지에를 활용해 봅시다.


아래 그림과 같이 커브는 3개의 포인트를 사용해, 각진 부분의 앞에서 [Alt] 키를 누른 상태로 클릭하는 포인트와, 그대로 클릭하는 포인트의 조합으로 지정해 나갑니다.


아래 그림의 별모양과 같은 복잡한 도형을 그릴 때는 먼저 밑그림을 그려 둡니다.

"커브가 시작하는" 포인트와 "커브가 끝나는" 포인트를 생각하면서 그려 봅시다.


[4] 벡터 레이어로 편집하기

벡터 레이어로 그려진 선이라면 [조작] 도구의 [오브젝트]로 곡선을 지정하거나, 방향점을 드래그해서 나중에 곡선의 모양을 자유롭게 변경할 수 있습니다.


※ 벡터 레이어에 대한 자세한 내용은 아래를 참조하세요.

https://tips.clip-studio.com/ko-kr/articles/532


[오브젝트] 도구로 벡터 레이어를 선택하면 [도구 속성] 팔레트가 이런 표시로 전환됩니다.


[변형 방법] 옵션에서 [제어점 이동, 확대/축소 회전]이나 [제어점 이동]을 선택해 두면, 2차 베지에로 그린 곡선의 커브를 나중에 변경할 수 있습니다.


[오브젝트] 도구로 그린 벡터선을 클릭해서 선택하면 방향점이 표시됩니다.

이 방향점을 드래그해서 커브의 재조정을 할 수 있습니다.


[오브젝트] 도구로 그린 선을 선택하면 선 주위에 가이드선이 표시됩니다.

포인터를 가이드선 위에 맞추고 드래그하면 자유롭게 이동할 수 있습니다.

그리고 윗부분의 컨트롤 포인트(파란색 원 부분)를 드래그하면 각도를 변경할 수 있습니다.

선택된 상태로 [복사][붙여넣기]를 하면 선을 복제할 수 있습니다.


다만 래스터 레이어에 그린 선은 이렇게 편집할 수 없습니다.

편집을 하고 싶은 경우는 반드시 벡터 레이어에 그려 둡시다.


※ Ver.1.9.1부터 조작 핸들의 디자인이 변경되었습니다.
현재 강좌의 화상에는 Ver.1.9.0 이전 화면을 사용하고 있습니다.


[5] 자로 작성

2차 베지에 곡선은 [자]도구에서 작성할 수도 있습니다.

[도형] 도구 → [자 작성]에서 [곡선자]를 선택합니다.

[도구 속성]의 [곡선]옵션에서 [2차 베지에]를 지정하면, 2차 베지에 곡선의 자를 만들 수 있습니다.

※ [도형] 도구 같은 [연속 곡선]이라는 보조 도구는 없지만, [곡선자]에서 연속 곡선을 그릴 수 있습니다.


[자]의 2차 베지에도 벡터 레이어 위에 그린 [연속 곡선]과 마찬가지로 [오브젝트] 보조 도구로 나중에 편집할 수 있습니다.


자로 곡선을 작성하면 나중에 선호하는 도구로 곡선을 그릴 수 있다는 장점이 있습니다.

[펜]뿐만 아니라 [연필]이나 [붓], [수채] 도구 등 선의 강약이나 농담 등의 터치를 표현하고 싶은 장면에 활용할 수 있습니다.


【POINT: 곡선자를 그리드에 스냅하기】

[곡선자]로 자를 작성한 경우, 초기 설정에서는 그리드 등에 스냅하지 않도록 설정되어 있습니다.


[도구 속성] 팔레트의 왼쪽 아래에 있는 [보조 도구 상세] 팔레트 표시 버튼을 클릭하여 [보조 도구 상세] 팔레트 표시하고 [보정 카테고리]의 [스냅 가능]을 ON하면, 자 도구에서도 그리드 등에 스냅할 수 있게 됩니다.

댓글

관련 기사

신착

공식 신착