안녕하세요 여러분, 이 튜토리얼에서 저는 미래 지향적인 도시 경관을 만드는 방법에 대해 이야기할 것입니다. 나는 나의 스케치 과정, 라인 아트와 채색을 그리는 쉬운 방법, 그리고 몇 가지 미니 애니메이션을 다룰 것입니다.

스케치

다양한 구도와 원근법을 미리 스케치하는 것으로 시작합니다. 아직 시작 단계라 자세한 설명은 생략하고 옆에 있는 일러스트에 담고 싶은 내용을 적어봅니다. 나는 2-3개 이상의 데모 스케치를 그리지 않으려고 노력한다.

 

나는 이 단계를 수행하여 일러스트레이션의 윤곽과 전체 모양이 더 나은지 확인합니다.

 

------미래 지향적인 것을 그리려면 두 가지 방법이 있습니다.

 

1. 중력을 이기는 건물을 그리고 논리적/건축학적으로 건축이 불가능해 보이는 건물을 그립니다.

 

 

 

 

 

2. 이미 존재하는 것을 가져다가 업그레이드 하다.

 

예: 여기 왼쪽에서 저는 일반 자판기를 가져왔습니다. 오른쪽에는 일부 로봇 팔과 센서 눈을 부착한 업데이트가 있습니다.

 

스케치 1을 그리기로 결정했습니다. 이제 새 캔버스를 만들고 전체 스케치를 그리고 분할 화면에서 참조로 사용하기 위해 측면에 데모 스케치를 유지합니다. 나는 스케치에 부드러운 펜을 사용하고 스케치 과정에서 자를 사용하지 않습니다. 나는 스케치를 자유롭게 그린 다음 나중에 원근법 실수를 지우기 위해 원근감을 사용하는 것을 좋아합니다.

 

나는 스케치 과정에서 세부 사항을 추가하는 것을 좋아하지 않습니다. 왜냐하면 적절한 관점에서 볼 수 없기 때문입니다. 그래서 데모 스케치 과정에서 그리고 싶은 것들을 적습니다.

라인 아트

-----------------------------------LAYER(메뉴) > RULER/FRAME > CREATE PERSPECTIVE RULER로 이동합니다.

 

 

2점 투시도를 선택하고 '새 레이어 만들기'가 활성화되어 있는지 확인한 다음 확인을 클릭하면 "원근감 눈금자 만들기" 대화 상자가 나타납니다.

 

레이어에 퍼스자 아이콘이 보이면 "2포인트 퍼스자"를 성공적으로 생성한 것입니다.

 

-----------------------------------메뉴 아이콘 > 레이어 변환으로 이동

"레이어 변환" 대화 상자가 나타나면 '벡터 레이어'를 클릭한 다음 확인을 클릭합니다. 이제 레이어에서 벡터 레이어 아이콘을 볼 수 있습니다. 이는 벡터 레이어로 성공적으로 변환되었음을 의미합니다.

퍼스자로 이동합니다. 이제 캔버스에 퍼스자가 있습니다.

 

1. 눈금자 핸들 : 자를 클릭하고 드래그하여 전체 눈금자를 이동할 수 있습니다.

2. 소실점 - 소실점을 조정하고 이동할 수 있습니다.

3. 아이 레벨 핸들 - 아이 레벨을 움직일 수 있습니다.

 

이제 원하는대로 투시선을 조정하고 그리기 시작합니다.

퍼스자가 켜져 있으면 캔버스에 무엇을 그려도 퍼스에 첨부됩니다.

 

따라서 원근감이 없는 무언가를 그리고 싶다면 "특수 레이어에 맞추기"를 비활성화하면 됩니다. 이제 원근감 없이 그릴 수 있고 원근감 있는 드로잉으로 돌아가려면 "특수 눈금자에 맞추기"를 활성화하기만 하면 됩니다.

 

더 나은 지침을 얻으려면 그리드를 활성화합니다. 그리드는 소실점에서 가이드라인을 제공합니다. 그리드를 활성화하려면 (1) 작업 > 도구 속성 아래에서 > (2) 그리드를 클릭하십시오.

 

 

그리드 아래에는 3가지 유형의 그리드가 있습니다.

(a) xy 평면 - 왼쪽 소실점에서 그리드 제공

(b) yz 평면 - 오른쪽 소실점에서 그리드 제공

(c) xz 평면 - 두 소실점에서 그리드를 제공합니다.

 

 

(3) "+"를 클릭하고 값을 변경하여 그리드의 크기를 변경할 수도 있습니다.

 

(4) Snap to grid- 이것을 활성화하면 . 캔버스에 그리는 것은 무엇이든 그리드에 맞춰집니다.

이 모든 도구를 사용하여 선화를 그립니다.

빠른 작업을 위한 팁과 요령

도시 경관을 더 쉽고 빠르게 만드는 과정을 만들기 위해 나는 그 도구를 사용하여 내가 좋아하는 도구와 트릭을 나열했습니다. 이러한 트릭의 대부분은 레이어가 벡터 레이어인 경우에만 작동합니다.

 

1. 도구 속성 사용

 

"특수 자에 맞추기"를 활성화하고 그림 도구를 선택하여 캔버스에 그리면 자동으로 퍼스자에 스냅됩니다. 이것을 사용하여 라인 아트를 빠르게 작업할 수 있습니다.

 

--------------------------------------------------

2. 통제 지점

 

이것은 레이어가 벡터 레이어인 경우에만 작동합니다.

 

도구 모음에서 '올바른 선' > '제어점'을 클릭합니다.

 

제어점을 사용하면 이미 그려진 선을 이동, 추가, 삭제 및 더 많은 조정 작업을 수행할 수 있습니다. 제어점을 사용하여 어려운 모양을 만듭니다. 특히 도시 풍경을 그리는 동안 추상적이고 곡선적인 디자인이 많이 있으므로 이 기능을 사용하여 다양한 구조를 만들 수 있습니다.

3. 핀치 벡터 라인

 

 

이것은 레이어가 벡터 레이어인 경우에만 작동합니다.

 

도구 모음에서 '올바른 선' 클릭 > 벡터 선 핀치

 

이렇게 하면 이미 그려진 선을 꼬집을 수 있습니다. 나는 보통 마지막 순간의 디테일링에 핀치를 사용하고 손으로 그린 곡선이 흔들리고 지저분해 보일 수 있으므로 핀치 도구를 사용하여 수정할 수 있습니다.

4. 벡터 라인 다시 그리기

 

이것은 레이어가 벡터 레이어인 경우에만 작동합니다.

 

도구 모음에서 '올바른 선' 클릭 > 벡터 선 다시 그리기

 

이 도구를 사용하여 그려진 벡터 선을 다시 그릴 수 있습니다. 나는 일반적으로 선을 지우고 다시 그리고 싶지 않을 때 최종 터치를 위해 이것을 사용합니다.

 

 

이것들은 내가 도시 경관 일러스트레이션을 위해 라인 아트를 할 때 사용하는 도구 중 일부입니다. 이는 내 프로세스를 훨씬 쉽고 빠르게 만듭니다. 특히 벡터 레이어를 사용하면 품질 저하 없이 크기 조정 및 조정과 같은 변경을 수행할 수 있습니다.

 

 

 

 

결과 :

-------------------------------------------------- -------------------

착색

먼저 배경을 채색하고 이를 위해 gradient 를 사용합니다.

 

도구 모음에서 그라디언트 > 전경에서 배경을 선택합니다. 일러스트레이션이 밤에 진행되기 때문에 밤색과 보라색을 선택하겠습니다. 그라디언트 도구를 사용하여 드래그하면 색상이 적용됩니다.

------------------------ 

이제 위에 새 레이어를 생성하겠습니다. 밑면을 채우는 가장 쉬운 방법 중 하나는 (도구 모음) 채우기> 둘러싸고 채우기 아래에 있는 " 둘러싸고 채우기"를 사용하는 것입니다.

 

색상을 선택하고 색상을 채우려는 영역에 동그라미를 칠 수 있습니다. 하지만 라인 아트에 디자이너 펜을 사용했기 때문에 '묶고 채우기'가 제대로 작동하지 않습니다.

'enclose and fill'은 기본 G-pen에서 더 잘 작동합니다.

따라서 이 경우 선화의 브러시를 변경합니다.

 

이것을하기 위해 ,

 

1. 브러시를 변경하려는 라인 아트 레이어에 있는지 확인하십시오.

2. 그런 다음 작업 > 브러시 모양 > g-pen 선택을 클릭합니다.

 

디자인 펜이 G펜으로 전환됩니다.

 

 

이제 'enclose and fill'을 사용하여 색칠할 수 있습니다.

이제 G-pen을 다시 디자이너로 변경하기 위해 색칠한 후 다시 작업으로 이동하고 브러시 유형에서 디자이너 펜을 선택하기만 하면 됩니다.

노트 :

브러시를 변경하려면 먼저 브러시를 목록에 추가해야 합니다. 하기 위해서

 

1. 브러시 모양에 추가할 펜을 선택합니다.

2. 설정 클릭

3. "보조 도구" 대화 상자가 나타납니다.

4. "브러시 모양"을 선택합니다.

5. "선물에 추가" 클릭

 

선택한 브러시가 '브러시 모양'에 추가됩니다.

이제 이것을 사용하여 기본 색상을 채울 것입니다.

이제 기본 색상 레이어에 있는지 확인하고 레이어 아이콘에서 사용할 수 있는 "투명 픽셀 잠금" 아이콘을 클릭합니다.

'투명 픽셀 잠금'을 활성화하면 색상 영역을 잠그고 외부에 색상을 지정할 수 없습니다.

이것을 사용하여 그림의 나머지 부분을 채색할 것입니다.

 

이제 광원이 어느 방향에서 올지 결정합니다. 이 그림의 경우 바퀴 사이를 통과하는 건물 뒤에서 광원이 들어오기를 원합니다.

미래 지향적 느낌 을 주기 위해 일러스트 의 메인 컬러 를 파란색 과 보라색 으로 유지 하겠습니다 . 그래서 조명을 위해 이전 레이어 위에 새 레이어를 만들고 레이어 모드를 "글로우 추가"로 변환하고 조명에 부드러운 브러시와 색상 및 노란색을 사용합니다.

그림자의 경우 위에 새 레이어를 만들고 레이어 모드를 "곱하기"로 변경하고 불투명도를 50%로 낮추고 그림자가 떨어지는 영역에 색상을 지정합니다.

기본 채색을 위해 부드러운 브러시를 사용하고 나머지 그림을 만듭니다.

 

 

 

 

결과 :

단편 애니메이션

일러스트레이션의 특정 개체에 간단한 애니메이션을 추가하려면 ClipStudio Paint : Keyframes를 사용할 수 있습니다.

 

1. 애니메이션을 적용할 레이어를 선택합니다.

2. 필요한 프레임 속도와 재생 시간으로 새 타임라인을 만듭니다.

 

참고: 재생 시간을 24fps 이상으로 늘리는 것은 Clip Studio Paint EX에서만 사용할 수 있는 기능입니다.

 

3. 해당 레이어의 키프레임을 활성화하고 보간 방법을 선택합니다.

 

 

4. 한 번에 한 프레임씩 선택하여 타임라인에 키프레임을 추가합니다.

 

각각을 선택하고 다음 아이콘을 클릭하여 키프레임을 삭제할 수 있습니다.

 

5. 애니메이션에 도움이 되는 가이드 만들기

 

6. 개체 도구를 사용하여 레이어를 조작합니다. 각 키 프레임을 선택하고 위치를 편집하거나 불투명도를 조정하거나 변형 설정 등을 사용하십시오.

7. 애니메이션을 동영상이나 GIF 또는 스티커로 내보냅니다.

 

 

8. 프레임 속도를 애니메이션의 프레임 속도로 설정하고 확인 을 클릭합니다. 내보내기 준비가 완료되었습니다!

 

 

결과: