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

38,043 view
ClipStudioOfficial

ClipStudioOfficial

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

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


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


[1] 3차 베지에의 구조

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


벡터 레이어를 사용하여 일단 선을 그린 후 제어점, 방향점을 조정합니다. 래스터 레이어를 사용한 경우, 한번 그린 선의 제어점과 방향점은 조정할 수 없습니다.

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

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


※ 보조 도구 [연속 곡선]은 초기 설정의 지정 방법이 [드래그로 지정]으로 되어 있습니다.

[클릭으로 지정]으로 되어 있는 경우, 2차 베지에와 같은 조작이 되므로 본 강좌와 같은 조작을 할 수 없습니다.


【POINT】

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

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


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

<1. 제어점과 방향점 설정하기>


3차 베지에에서는 아래의 조작 방법으로 제어점을 지정합니다.


■ 클릭으로 제어점 지정하기

클릭으로 제어점을 지정하면 제어점 사이가 직선으로 이어집니다.


■ 드래그로 제어점 지정하기

드래그로 제어점을 지정하면 드래그의 시작점이 제어점, 드래그의 끝점이 방향점이 되고, 선의 커브의 방향과 크기가 결정됩니다.



<2. 기본적인 선을 그리는 법>


■ 직선 · 꺾은선

제어점을 클릭으로 지정하면 제어점의 사이가 직선으로 이어집니다. 마지막 제어점 ④를 클릭하고 [Enter] 키를 눌러서 확정합니다.


■ 간단한 커브

드래그로 제어점을 지정하면 방향점을 설정할 수 있습니다.

①제어점에서 뻗은 선은 방향점의 방향과 길이에 따라 커브를 그립니다.

②의 제어점을 클릭한 후 [Enter]로 선화를 확정합니다.


■ 시작점과 끝점에서의 방향이 다른 커브

시작점의 제어점과 끝점의 제어점을 드래그하여 방향점을 설정하면 제어점마다 커브를 설정할 수 있습니다.

이 예에서는 ②제어점에서 아래로 드래그하여 방향점을 설정한 후, [Enter]를 눌러 선화를 확정합니다.

②의 제어점에서는 드래그한 반대쪽 선대칭에 방향점이 설정되어 있는 것에 주목합시다.


■ 각이 있는 커브

①제어점에서 드래그하여 방향점을 설정하고 다음의 ②제어점에서 클릭한 후 다음의 ③제어점에서 드래그하여 방향점을 설정하면 "각"이 있는 커브를 만들 수 있습니다.

③의 제어점을 설정한 후 [Enter]를 눌러 선화를 그립니다.


[3] 방향점의 조정

벡터 레이어 위에 선화를 그리는 경우, 나중에 제어점이나 방향점을 조정하여 선의 모양을 조절할 수 있습니다.

[조작] 도구의 보조 도구 [오브젝트]를 사용해 선화를 선택하면 제어점과 방향점을 재조정할 수 있습니다.


■ 곡선의 조정

곡선과 곡선의 사이에 있는 제어점에는 좌우에 방향점이 뻗어 있습니다.

한쪽 방향점의 위치를 조정하면 반대쪽의 방향점이 점을 대상으로 움직입니다.

방향점은 곡선의 정점 위치를 표시합니다.


■ 직선의 조정

직선의 끝에 있는 제어점을 이동하면 직선의 길이와 방향을 조정할 수 있습니다.


[원을 그려봅시다]

그리드를 표시하여 큰 정사각형의 변을 이용합니다.

※ 그리드의 표시 방법: [표시] 메뉴 → [그리드]


정사각형의 변의 중간에 방향점을 그림과 같이 설정합니다.


나머지 변에도 차례로 방향점을 설정합니다. 그림을 참고로 방향점의 위치를 설정해 선화를 만들어 보세요.


마지막은 시작점의 위치를 클릭하여 선을 닫습니다.


원은 제어점으로부터 뻗어 있는 두 개의 방향점을 같은 거리로 조정하는 것이 요령입니다.


[4] 모서리 전환

제어점은 나중에 모서리 전환이 가능합니다. 모서리 전환을 하면 제어점에서 뻗어 있는 좌우의 방향점을 따로 컨트롤할 수 있게 됩니다.

[조작] 도구 → 보조 도구 [오브젝트]에서 원 윗부분의 제어점을 클릭하여 선택합니다.


제어점이 빨간색으로 선택된 상태로 오른쪽 클릭으로 메뉴를 표시하고 [모서리 전환]을 선택합니다.


[원에서 하트 만들기]

모서리 전환으로 원을 하트로 변형해 봅시다.


원의 맨위의 제어점을 아래로 이동시킵니다.


따로 드래그하여 [V자]가 되도록 조정합니다. 두 개의 방향점을 선대칭되게 합니다.


그다음 아래의 제어점을 이동합니다.


[모서리 전환]을 하여 방향점을 조정하고 아랫부분(하트의 꼬리)의 모양을 조절합니다.


[5] 프리 핸드로 그린 일러스트의 트레이싱

3차 베지에 곡선으로 섬세한 커브의 조정이 가능합니다. 프리 핸드로 그린 일러스트를 트레이싱하여 깔끔한 곡선으로 바꿀 수 있습니다.


①밑그림을 래스터 레이어로 자유롭게 그려 둡니다.


②트레이싱용 벡터 레이어를 위에 만들고, 밑그림 선을 참고하여 [연속 곡선] 도구로 선을 그려나갑니다.

벡터 레이어 위에 작성된 연속 곡선은 나중에 재조정이 가능하므로 밑그림에서 다소 벗어나도 문제없습니다.


③선화를 확정하려면 [조작] 도구의 보조 도구 [오브젝트]를 사용하여 그린 선화를 선택합니다.


④제어점(빨간점)과 방향점(파란점)을 적절히 사용해 가면서 선화를 미세 조정 합니다.

커브 상태를 조정하고 싶으면 방향점을, 선 자체를 이동시키고 싶으면 제어점을 드래드하여 조정합니다.


⑤제어점이 너무 많은 경우는 제어점을 줄입니다.

불필요한 제어점을 선택하고 메뉴를 표시하여 [제어점 삭제]를 선택합니다.

다른 제어점이나 방향점을 조정하여 선화를 정돈합니다.


⑥형태가 갖추어지면 선화를 선택하여 [도구 속성] 팔레트에서 [메인 컬러]나 [브러시 크기(선 두께)] 등을 조정합니다.


팝 일러스트 등 매끄러운 선을 요하는 경우는 베지에 곡선이 매우 도움이 됩니다.

일러스트의 터치에 따라 도구를 구별해 사용할 수 있습니다.


【POINT】

베지에의 조작은 되돌릴 수 없습니다.

베지에 곡선을 조작 중에는 [Delete]/[BackSpace] 키, 또는 오른쪽 클릭으로 제어점의 설정을 하나씩 되돌릴 수 있습니다.

댓글

관련 기사

신착

공식 신착