도형 및 벡터 관련 도구를 사용한 일러스트레이션

24,921

meomeongungu

meomeongungu

여러분 안녕하세요! 오늘의 팁은 플랫 스타일 일러스트레이션에 관한 것입니다. 이 스타일은 오늘날 매우 인기가 있으며 웹 사이트, 서적, 프레젠테이션 및 제품 포장에 널리 사용되며 기본적으로 상상할 수있는 모든 곳에서 사용됩니다. 깨끗하고 바삭하고 균일 한 테두리가 주요 특징이며 Clip Studio Paint의 벡터 관련 도구를 사용하여 쉽게 얻을 수 있습니다.

 

1. 플랫 스타일 일러스트레이션 고장

참고 : 이것은 단순한 규칙이 아니라 단순한 관찰입니다. 또한 참조에 사용되는 도구를 나열하므로이 자습서의 뒷부분에서 해당 도구에 대해 자세히 알아볼 수 있습니다.

이 스타일의 대부분의 그림은 작은 모양으로 나뉘어져 있으며 각 모양마다 고유 한 색상이 있기 때문에 쉽게 알아볼 수 있습니다.

각 부분에는 질감 또는 손으로 그린 요소가 있거나 간단한 음영이있을 수 있습니다.

 

 색상 모양 대신 일부 부품을 선화로 대체 할 수 있습니다. 대부분의 경우 선 너비는 일정합니다.

마지막으로 전체 도면 위에 필터 레이어 / 노이즈 / 종이 같은 질감을 배치 할 수 있습니다. 이 샘플에서는 잉크 스 플래트 효과 레이어를 사용했습니다.

 

2. 유용한 도구 및 기능

참고 : 아래의 모든 도구 설명을 읽으면 압도적 일 수 있습니다. 먼저 도구를 익히려면 연습을하려면 3 부로 넘어가십시오!

 

래스터 및 벡터 그리기 도구는 모두 스타일에 적합합니다. 벡터 기반 도구는 다양한 크기로 도면의 선명도를 유지하면서 (다양한 용도로 여러 크기의 이미지가 필요한 경우에 적합) 래스터 도구는 더 많은 유연성을 제공합니다. 운좋게도 CLIP STUDIO PAINT와 결합 할 수 있습니다.

 

벡터 레이어

벡터 레이어에 그려진 모든 것은 품질을 잃지 않고 크기를 조정할 수 있으므로 스타일에 매우 적합합니다. 그러나 벡터 레이어는 채우기 도구와 같은 일부 도구에서는 작동하지 않으므로 일반 레이어 (래스터 레이어)를 사용하거나 다른 해결 방법을 사용해야합니다.

레이어 탭에서 새 벡터 레이어 버튼을 클릭하여 벡터 레이어를 만듭니다. 벡터 레이어는 이름 왼쪽에 큐브 아이콘이 있습니다.

벡터 레이어에 그려진 모든 것은“보이지 않는”제어점이 서로 연결되어 선을 형성합니다. 그림을 그리는 동안 (특정 도구 사용) 또는 개체 도구 [O] 또는 제어점 도구 (하위 도구 올바른 선 [Y]에서)로 그려진 요소를 클릭하면 볼 수 있습니다. 이 제어점은 도면을 부드럽고 선명하게 만듭니다.

다음은 다른 도구를 사용하여 벡터 레이어에 그려진 요소의 예입니다. 하단에는 제어점이 표시됩니다.

 

래스터 레이어

드로잉 프로그램에서 일반적으로 사용되는 일반적인 레이어입니다. 다재다능하고 다양한 방법으로 편집 할 수 있습니다. 그러나 스케일을 조정하면 특히 스케일 업하면 품질이 떨어집니다. 품질 저하를 피하기 위해 항상 더 크게 그릴 수 있지만 프로그램과 컴퓨터의 기능에 따라 달라집니다. 그럼에도 불구하고 때로는 좋은 올 스터 래스터 레이어에 의존해야하지만 모든 것이 벡터 레이어에서 달성되는 것은 아닙니다.

래스터 레이어를 만들려면 레이어 탭에서 새 래스터 레이어 버튼을 클릭하거나 Ctrl + Shift + N을 누릅니다.

 

하위 도구 그림 [U]> 직접 그리기

그림 도구는 벡터 레이어에 사용될 때 나중에 편집 할 수있는 벡터 모양을 만들었습니다. 물론 래스터 레이어에서도 사용할 수 있습니다. 도형 도구의 한 가지 장점은 스타일러스 대신 전화 / iPad에서 마우스 나 손가락으로 그릴 수 있다는 것입니다.

 

직선, 곡선, 사각형, 타원 및 다각형의 경우 실행 및 도구 속성이 비슷합니다. 마우스 버튼을 클릭 한 상태에서 스타일러스를 누른 다음 마우스를 끌어 모양을 만듭니다. 그런 다음 필요한 경우 마우스를 약간 움직여 곡선을 회전 / 정의하십시오.

 

폴리 라인의 경우 드래그 할 필요없이 클릭하여 연속적인 선을 만듭니다. 첫 번째 점을 클릭하여 경로를 닫습니다.

 

참고 : 도구 속성 패널에 위의 옵션 중 일부가 표시되지 않으면 [하위 도구 세부 사항 팔레트 표시] 단추를 클릭하여 표시 할 값 / 상태를 선택하십시오.

연속 곡선 / 베 지어 곡선을 사용하여 자유형 모양을 그립니다.

 

도형 도구를 사용하여 연속 곡선을 그릴 때 (큐빅) 베 지어 곡선을 사용합니다. 전용 벡터 드로잉 소프트웨어를 얻을 수있는 가장 가까운 거리이며 정확하고 다목적입니다.

 

마우스 / 스타일러스로 클릭하면 선형 선이 만들어집니다. 클릭 한 후 드래그하여 커브를 만듭니다. [Enter] 키를 눌러 종료하거나 시작점을 클릭하여 커브를 닫습니다. iPad에서 캔버스 외부를 클릭하십시오 (베 지어 곡선 도구 또는 다른 곡선을 그리거나 다른 작업을 수행하는 다른 도구가 바람직 함).

 

베 지어 곡선을 그리는 동안 취소하려면 [Delete] 또는 [Backspace] 키를 누르십시오. iPad 사용자는 두 손가락으로 가볍게 두드리면 정상적으로 실행을 취소 할 수 있습니다.

 

방향 키를 0 / 45 / 90 / 135 / 180 / etc 정도로 드래그하려면 [Shift] 키를 누른 채로 있습니다.

 

새 점을 그리는 동안 [Ctrl] 키를 눌러 이전 점을 수정할 수 있습니다.

 

[Alt] 키는 방향 전환에 도움이됩니다.

iPad 사용자를위한 참고 사항 : 수정 자 키 작업에는 가장자리 키보드를 사용하십시오. 왼쪽 가장자리 또는 오른쪽 가장자리를 밀어서 빼냅니다 (스 와이프 대신 단추로 설정을 변경했습니다).

 

또는 대략 앵커 포인트를 배치 한 다음 나중에 올바른 선 도구로 전환하여 미세 조정할 수 있습니다.

 

이차 베 지어 곡선 :

이것은 CSP에서 벡터 곡선을 만드는 오래된 방법입니다. 나는 그것들을 사용하지 않지만 일부 미리 만들어진 재료에 사용됩니다 (나중에 자세히 설명합니다). 나는 그것들을 수정하기 위해 점을 드래그한다는 것을 알고있다 : D

 

나중에 앵커 포인트와 방향 포인트를 조정하려면 벡터 레이어에 그려야합니다.

작동 [O]> 개체

이것을 사용하여 벡터 선 / 곡선을 선택하면 숨겨진 앵커 포인트와 방향 포인트가 표시됩니다. 전체 커브뿐만 아니라 점을 이동하고 경계 상자를 사용하여 크기를 조정하거나 회전 할 수 있습니다. 점의 작업은 베 지어 곡선 도구를 사용할 때와 동일합니다.

 

도구 속성 [개체] 탭에서 색상, 브러쉬 크기 및 모양 등을 변경하십시오.

 

[Ctrl + C]와 [Ctrl + V]를 사용하여 커브를 복제하고 [Delete] 키를 누를 때 해당 커브를 삭제할 수도 있습니다.

 

올바른 선 [Y]

이 도구를 사용하여 벡터 앵커 포인트를 수정하십시오.

 

점령 지점

포인트를 마우스 오른쪽 버튼으로 클릭하기 만하면 데스크탑 사용자가 더 쉬워집니다. iPad를 사용하는 경우 다른 도구를 사용하여 그림을 그린 후 올바른 선 도구로 전환하십시오.

[이미지] + 짧은 이미지 설명

 

풍선 [T]

벡터 레이어는 컬러 영역을 포함 할 수없고 선만 포함 할 수 있습니까? 다시 생각 해봐! 풍선 도구로 그렇게 할 수 있습니다! 의도 된 용도는 아니지만 작업을 완료 한 이유는 무엇입니까?

 

풍선에는 자체 풍선 레이어가 있습니다. 이들은 채우기 (컬러 영역)를 허용하는 하위 유형의 벡터 레이어와 같습니다. 그러나이 둘은 섞이지 않습니다. 또한 두 개의 품번 기호를 같은 도면층에 나란히 배치하면 병합됩니다.

타원 풍선 / 둥근 풍선

이름에도 불구하고 두 가지 모두 직사각형, 타원 및 다각형 그림 도구와 유사하게 작동하지만 중요한 차이점은 선 / 채우기 토글을 사용할 수 있습니다 (그림 도구는 벡터 레이어에 선 / 곡선 만 허용 함). 둥근 풍선은 둥근 모서리 매개 변수를 추가합니다.

 

곡선 풍선

큐빅 베 지어를 선택하면 풍선 레이어에 채우기를 허용하면서 베 지어 곡선 도구와 똑같이 동작합니다. 자세한 내용은 위의 베 지어 곡선 섹션을 참조하십시오.

 

재료

매우 게으른 느낌이 드는 경우 재질 탭에는 수많은 사전 제작 풍선이 장착되어 있습니다. 캔버스로 드래그 앤 드롭하고 선을 변경하고 원하는 색상을 채울 수 있습니다. 객체 도구를 사용하여 기준점과 방향 점을 수정합니다.

 

룰러 [U]

눈금자를 만드는 방법은 도형 도구와 비슷합니다. 래스터와 벡터 레이어 모두에 부드러운 연속 선 / 곡선을 만들려는 경우 눈금자를 그림 도구의 대안으로 사용할 수 있으며 나중에 다시 사용할 수 있습니다. 그러나 눈금자를 사용하여 그리면 제어점이 너무 많아 선을 수정하기가 더 어렵습니다.

 

펜 / 브러쉬 / 에어 브러쉬 / 장식 [P] [B] (안정화 포함) + 채움 [G]

 

때로는 앵커 포인트가있는 벡터 선 대신 브러시로 직접 그리는 것이 더 빠릅니다. 안정화를 매우 높은 수로 늘리면 선이 매우 매끄러 워집니다. 손으로 그린 음영 / 텍스처에도 사용됩니다.

채우기 도구를 사용하는 동안 간격을 피하려면 영역 크기 조정 수를 브러시 크기의 ⅓-¼로 늘리십시오 (래스터 레이어에서만 사용 가능).

3. 미리 만들어진 그림을 사용한 간단한 그림

도구가 함께 작동하는 방법을 보여주는 간단한 예입니다.

재질 [풍선] 탭을 엽니 다. Vibration_01 풍선 (CSP의 기본 재료)을 캔버스 또는 레이어 탭으로 끌어다 놓습니다 (도구는 자동으로 개체 도구로 전환되므로 벡터 개체를 쉽게 선택하고 수정할 수 있습니다).

 

도구 속성 [개체] 탭에서 채우기 작성을 선택하십시오. 채우기 색상을 녹색으로 변경하십시오. 기본 (없음)이 약간 거칠어 보이기 때문에 앤티 앨리어싱에 중간을 선택합니다. 또한 경계 상자의 노드를 사용하여 조금 확장합니다.

 

커브 풍선 도구로 전환합니다. 도구 속성 [곡선 풍선] 탭에서 채우기 작성, 선택한 도면층에 추가를 선택합니다 (새 풍선이 같은 풍선 도면층에있게됩니다. 아직 선택된 도면층이없는 경우 새 도면층이 작성됩니다). 첫 번째 풍선), 큐빅 베 지어, 중간 앤티 앨리어싱. 갈색을 선택하십시오.

 

나무 줄기의 삼각형을 만들기 위해 세 번 클릭 한 다음 시작점을 클릭하여 모양을 닫습니다.

 

3 단계를 반복하여 3 개의 가지를 그립니다. 풍선이 한 레이어에 겹치므로 서로 병합됩니다.

 

이제 벡터 트리가 생겼습니다. 약간 부드러워 보이지만 "텍스처"를 추가하겠습니다.

 

“트리 트렁크”풍선 레이어 위에 새 벡터 레이어를 만듭니다.

 

그림 도구> 직선으로 전환하십시오. 드래그하여 수직선을 만듭니다.

이 간단한 선을 사용하여 나무 줄기를 장식 할 수는 있지만 더 멋진 것을 사용하고 싶습니다. 개체 도구로 선을 선택하고 브러시 모양 드롭 다운으로 이동하여 원하는 브러시를 선택하십시오.

 

예를 들어 장식 도구에서 브러시를 원할 경우 원하는 브러시가 여기에 나타나지 않으면 해당 브러시의 도구 속성 탭으로 이동하십시오.

 

오른쪽 하단에서 [보조 도구 상세 정보 팔레트 표시] 버튼을 클릭하십시오. 팝업 패널에서 브러시 모양으로 이동하고 사전 설정에 등록 버튼을 클릭하십시오. 이제 브러시 모양이 브러시 모양 드롭 다운 목록에 나타납니다.

 

거친 모서리 브러시를 선택하고 브러시 크기를 늘리고 색상을 변경합니다.

 

여전히 개체 도구를 사용하여 선을 선택하고 Ctrl + C를 사용하여 Ctrl + V를 사용하여 여러 인스턴스로 복제합니다. 개체 도구를 사용하여 패턴을 만들기 위해 개체 도구를 사용합니다.

 

그런 다음 벡터 레이어를 선택하고 "아래 레이어로 클리핑"버튼을 클릭합니다. 나무 줄기의 지그재그 패턴이 생겼습니다.

 

나무의 캐노피에 다른 방법을 사용할 것입니다. 재질 탭에서 일본어 크레스트 패턴을 레이어 탭으로 끌어다 놓아 캐노피의 풍선 레이어 위에 놓습니다. 레이어 속성 탭에서 레이어 색상 효과를 선택하고 패턴 색상을 연두색으로 변경하십시오. 그런 다음 패턴 레이어를 품번 기호 레이어에 자릅니다.

 

나무는 거의 완성되었습니다. 머티리얼 탭으로 다시 가서 40 % 40/0 노이즈 모노크롬 레이어를 다른 레이어 위로 드래그 앤 드롭하고 불투명도를 약 30 %로 낮추십시오.

 

또 다른 예 :이 집들과 포장 도로는 다각형 도구와 거품 재료로만 만들 수 있습니다!

4. 베 지어 곡선으로 복잡한 곡선과 도형 그리기

편안한 브러시를 사용하여 래스터 레이어에 그림을 스케치하십시오.

스케치의 불투명도를 낮 춥니 다. 다른 레이어 위에있을 것입니다.

 

커브 풍선 도구를 사용하여 붉은 꽃잎을 그립니다.

 

클릭하여 시작한 다음 드래그하여 커브를 만들고 클릭하여 코너를 만드는 등을 클릭하십시오. 베 지어 커브 사용 방법에 대한 자세한 내용은 2 부를 참조하십시오.

나뭇잎의 색이 다르기 때문에 빨간 꽃과 같은 층에 풍선을 놓고 싶지 않을 수 있으므로 나중에 다른 음영 / 직물을 사용할 수 있습니다. 이렇게하려면 곡선 풍선 도구를 선택할 때 첫 번째 리프를 그릴 때 새 레이어 만들기를 선택한 다음 선택한 레이어에 추가로 다시 전환하여 모든 나뭇잎을 동일한 레이어에 배치하십시오.

 

그림 도구> 베 지어 곡선을 사용하여 꽃 줄기를 그리는 새 벡터 레이어를 만듭니다. 수술을위한 또 다른 벡터 레이어. 일반적으로 커브 / 모양의 색상 및 / 또는 브러시 모양이 다른 경우 다른 레이어로 분리해야합니다.

 

모양이 너무 많으면 레이어 순서에주의하십시오. 또한 동일한 유형의 레이어 만 병합합니다 (일명 벡터 레이어 만 서로 풍선 레이어 및 래스터 레이어와 병합합니다. 다른 유형을 혼합하면 결과 레이어가 래스터 레이어로 바뀌고 나중에 벡터 곡선을 편집 할 수 없음).

 

신중하게 계획하면 매우 복잡한 이미지를 그릴 수 있습니다.

위의 예에서는 "곱하기"모드에서 설정된 따뜻한 회색 모양을 사용하여 그림자를 추가하기도합니다. 색상도 계획하십시오!

5. 음영 및 질감

이 단계는 매우 간단하지만 그림을 다음 단계로 바꿀 수 있습니다. 하나 이상의 질감 브러시 / 에어 브러시 / 장식 브러시 / 펜 / 연필 / 파스텔-기본 모양과 다른 색상을 선택하고 그 위에 그립니다. 이를 수행하는 두 가지 방법이 있습니다.

 

1-기본 모양 레이어 위에 새 래스터 레이어를 만들고 새 레이어를 그 위에 자릅니다. 이 레이어에서 음영 처리를하십시오. 이 방법은 3 가지 유형의 레이어 (래스터, 벡터 및 풍선)로 수행 할 수 있으며 벡터 / 풍선 모양은 편집 가능한 상태를 유지하지만 많은 추가 레이어를 만들 수 있습니다.

 

2-필요한 경우 기본 도형의 레이어를 래스터 화 (오른쪽 클릭하고 래스터 화 선택) 한 다음 투명 픽셀을 잠급니다. 래스터 화 된 레이어에 직접 그립니다. 파일이 클러스터되지는 않지만 나중에 편집하기가 어렵습니다.

 

드라이 구 아슈 브러시와 스프레이 페인트 에어 브러쉬로 꽃을 음영 처리하고 질감이있는 풍선 재질의 배경을 추가했습니다 (빛은 위의 그림에서 비롯됩니다).

 

CLIP STUDIO PAINT는 이미 다양한 브러시를 제공하지만, CLIP STUDIO Asset으로 이동하여 더 많이 다운로드 할 수 있습니다. 꽃의 예는 일반적으로 보일지 모르지만 멋진 질감 브러시와 세련된 색상 팔레트는 평평한 모양을 기대 이상으로 변형시킬 수 있습니다! 아래는이 스타일이 얼마나 다재다능한지를 보여주기위한 일부 삽화입니다!

 

내 튜토리얼에서 유용한 것을 찾을 수 있기를 바랍니다! 튜토리얼이 마음에 들면 내 페이지를 방문하십시오! 채팅을하자 : D

댓글

신착

공식 신착