아이소메트릭 일러스트레이션을 만드는 단계별 가이드!
안녕하세요, 여러분! 제 이름은 Sasha입니다. 이 튜토리얼에서는 클립 스튜디오 페인트에서 매우 간단한 방법으로 아이소메트릭 드로잉을 처음부터 끝까지 만드는 방법을 설명합니다! 여러분이 참고하실 수 있도록 비디오와 단계별 설명 가이드를 포함했습니다. 즐겁게 봐주세요!
아이소메트릭 드로잉 만들기 단계
1단계: 아이소메트릭 아트 이해하기
2단계: 조사부터 러프 스케치까지 드로잉 시작하기
3단계: 러프 스케치에서 아이소메트릭 드로잉으로
4단계: 아이소메트릭 스케치에서 최종 채색으로
1단계: 아이소메트릭 아트 이해하기
아이소메트릭 드로잉은 2차원 표면에 3차원 물체를 표현한 것입니다. 아이소메트릭 드로잉의 특징은 어떤 왜곡도 영향을 받지 않는 물체의 표현이라는 점입니다.
아이소메트릭 드로잉과 원근 드로잉의 비교
렌즈를 통해 사물을 보면 현실이 왜곡됩니다. 우리는 큐브의 특징이 두 모서리가 평행하다는 것을 모두 알고 있습니다. 하지만 큐브 사진을 찍으면 이 모서리들이 연장되면 어딘가에서 만나 평행하지 않게 보인다는 것을 알 수 있습니다. 이들은 소실점이라고 부르는 한 지점에서 만납니다. 우리의 눈도 카메라 렌즈와 똑같이 작동하며, 그래서 멀리 있는 물체일수록 더 작게 보이는 것입니다!
원근법 드로잉은 최대 6개의 소실점을 가질 수 있으며, 소실점이 많을수록 왜곡이 심해집니다. 아이소메트릭 드로잉은 소실점이나 수평선이 없으니 얼마나 더 쉬울까요!
아이소메트릭 드로잉과 다른 축측 투영법의 비교
잠깐, 아이소메트릭 드로잉을 선형 원근법 드로잉과 구별했지만, 원근법이 없는 모든 드로잉이 반드시 아이소메트릭인 것은 아닙니다. 아이소메트릭 드로잉은 더 큰 범주인 축측 투영법(Axonometric projection)에 속합니다. 이 복잡한 단어에 속지 마세요! 실제로는 매우 간단한 개념입니다. 축측 투영법은 물체와 그림 평면 사이의 선이 평행한 모든 표현을 말합니다! 다시 말해, 소실점이 무한대로 설정된 투영법입니다!
축측 투영법에는 3가지 유형이 있습니다. 비디오 게임에서 가장 흔히 사용되는 이등축 투영법(dimetric projection), 삼등축 투영법(trimetric projection), 그리고 아이소메트릭 투영법(Isometric projection)입니다. 아이소메트릭 투영법의 특징은 x, y, z 세 축이 모두 동일하게 단축된다는 것입니다. 모든 축이 동일하게 단축되려면 아이소메트릭 형태의 모든 모서리가 아래 그림과 같이 30도 각도로 동일하게 기울어져야 합니다. 이 유형의 드로잉은 엔지니어와 건축가가 종종 사용하며, 일러스트레이터도 많이 사용합니다! 제 생각에는 그림을 미래적으로 보이게 하고 싶다면 아주 좋은 방법입니다!
이제 드로잉 부분으로 넘어가겠습니다!
2단계: 조사부터 러프 스케치까지 드로잉 시작하기
이 단계는 종종 간과되지만, 사실 매우 중요한 단계입니다! 이 튜토리얼은 아이소메트릭 일러스트를 만드는 방법에 초점을 맞추고 있으므로 간략하게 설명했습니다.
이 단계에서는 아이소메트릭처럼 보이게 하려고 애쓰지 말고, 최대한 자유롭게 그리세요!
가장 먼저 아이디어를 떠올려야 합니다. 그림을 통해 어떤 이야기를 하고 싶으신가요?
영감이 떠오르지 않는다면 사진 웹사이트를 찾아보거나, 소셜 미디어의 사진, 영화 스크린샷(filmgrab.com)을 볼 수 있습니다. 심지어 산책을 하거나, 오래된 사진을 훑어보거나, 시를 읽는 등 무엇이든 영감이 될 수 있습니다!
자신에게 물어봐야 할 질문들은 다음과 같습니다:
분위기는 어떤가요? 행복한, 무서운, 신비로운…?
몇 월인가요?
하루 중 언제인가요?
캐릭터는 누구인가요?
어떤 메시지를 전달하고 싶으신가요?
무엇을 표현하고 싶은지 알았다면, 다음 단계는 머릿속에 떠오르는 모든 것을 스케치하는 것입니다! 어떤 사람들은 첫 번째 단계와 동시에 이 작업을 하는 것을 좋아하지만, 이는 여러분에게 달려 있습니다. 이 단계에서는 자신의 작업에 대해 너무 비판적이지 말고, 브레인스토밍 단계라고 생각하세요. 그림의 구도에 대해 생각하기 시작할 수 있습니다.
자신에게 물어볼 수 있는 질문들은 다음과 같습니다:
그림의 초점, 즉 주의의 중심은 어디인가요?
어떤 구도가 이야기를 더 잘 전달하나요?
어떤 종류의 형태가 이 감정을 가장 잘 전달하나요?
동시에, 작업을 더 쉽게 하기 위해 참고 자료를 찾아볼 수도 있습니다.
특정 사물이 어떻게 생겼는지 살펴보면 그리기 더 쉬울 수 있습니다:
작은 유럽식 집은 어떻게 생겼을까요?
이 특정 기후에서 어떤 종류의 나무와 식물이 자라나요?
유럽 정원사는 어떤 종류의 옷을 입을까요?
여름철에 흔히 사용되는 색상 팔레트는 무엇인가요?
이 단계가 끝날 때쯤에는 최종 드로잉이 어떻게 보일지에 대한 아이디어를 가지고 있어야 합니다. (여러분의 드로잉이 최종적으로는 매우 다르게 보일 수도 있다는 점을 명심하는 것이 중요하다고 생각합니다!) 핵심은 최종 구도의 러프 스케치를 만드는 것이며, 채색 유무는 여러분에게 달려 있습니다! 러프 스케치는 아이소메트릭일 필요는 없지만, 그 개념을 염두에 두어야 합니다. 예를 들어, 극단적인 로우 샷 대신 물체의 3면을 보여주는 하이 샷을 목표로 하세요.
3단계: 러프 스케치에서 아이소메트릭 드로잉으로
상기시켜 드리면, 아이소메트릭 드로잉을 할 때 명심해야 할 사항은 다음과 같습니다:
선은 서로 평행해야 합니다
모서리는 30도 각도로 기울어져야 합니다
세 면은 동일한 단축을 가져야 합니다
클립 스튜디오 페인트에서 아이소메트릭 드로잉을 만드는 데 사용할 수 있는 여러 가지 방법이 있습니다. 잠시 찾아본 결과, 클립 스튜디오 페인트에서 아이소메트릭 드로잉을 만드는 방법에 대한 기존 튜토리얼을 찾았으며, 아래 링크로 첨부했습니다. Steele은 아이소메트릭 드로잉에 접근하는 훌륭한 방법을 공유했으며, 꼭 살펴보시길 강력히 추천합니다.
제가 사용하는 방법은 조금 다르며, 좀 더 간단한 것을 찾고 있다면 여러분에게 더 적합할 수 있습니다!
가장 먼저, 그리드를 켜는 것을 추천합니다. 시각화하는 데 도움이 됩니다! 이렇게 할 수 있습니다:
설정을 변경하려면 파일 – 환경설정 _자/단위 로 이동하세요.
그런 다음, 러프 드로잉 레이어를 레이어 계층 구조의 맨 위에 낮은 불투명도로 켜두세요. 이렇게 하면 과정이 100배 더 쉬워집니다!
다음으로, 드로잉의 지배적인 형태가 무엇일지 고려하세요. 이것이 드로잉을 구축하는 기본이 될 것입니다. 제 예시에서는 집입니다.
모든 설정이 완료되면, 이제부터 건물을 짓기 시작할 수 있습니다!
기본적으로 네 가지 단계가 있습니다:
첫 번째는 다각형을 설정하는 것입니다.
다음으로 평행 자를 배치합니다.
그런 다음 배치한 자를 사용하여 도형을 그립니다.
마지막 단계는 브러시 도구를 사용하여 구조의 보이는 선을 윤곽선으로 만들어 스케치를 매우 쉽게 읽을 수 있도록 하는 것입니다.
이보다 더 간단할 수는 없습니다!
[도형 도구] 메뉴에서 [다각형] 도구를 엽니다. [도구 속성]에서 가로와 세로가 같도록 종횡비 유형이 설정되어 있는지 확인하세요. 이렇게 하면 큐브의 모든 모서리가 같은 길이임을 보장합니다!
준비가 되면, 지배적인 형태에 맞게 새 레이어에 다각형 모양을 배치하세요. 물론, 원근법을 변경할 수 있으므로 정확히 일치하지는 않을 것입니다. 저는 이 레이어를 '베이스'라고 불렀습니다.
이제 다각형 도구가 아이소메트릭 드로잉을 만드는 데 정말 훌륭한 이유는, 모든 모서리 길이가 같은 다각형 형태가 아이소메트릭 투영의 모든 조건을 만족하는 완벽한 3차원 큐브이기 때문입니다!
다음 단계에서는 3개의 새 레이어를 생성할 것입니다. Z축, X축, Y축 각각 하나씩입니다. 각각 다른 색상과 연결하면 도움이 될 수 있습니다.
각 레이어에 해당 축에 맞는 평행 자 도구를 할당할 것입니다. [평행 자] 도구는 [자 도구] – [특수 도구] – [평행선] 아래에서 찾을 수 있습니다. 또 다른 유용한 기능은 [평행 도구 속성]에서 각도 단계를 30으로 설정하는 것입니다. 이렇게 하면 자가 30도 각도에서 스냅되어 각도를 30도로 측정하는 데 매우 정확해집니다.
세 개의 자를 배치했다면, 이제 이 레이어들 사이를 오가며 펜/브러시/연필 도구로 드로잉의 구조적 형태를 만들면 됩니다. 각 축에 특정 색상을 할당하면 도움이 됩니다. 예를 들어, 모든 수직선에 대해 Z축 레이어로 가서 모든 수직선을 그립니다. 평행 자 도구가 켜져 있으므로 이 과정은 매우 쉽습니다!
제 드로잉의 구조는 다음과 같았습니다:
그런 다음 브러시 도구를 사용하여 새 레이어에 드로잉의 모든 중요한 보이는 선을 검은색으로 윤곽을 그렸습니다. 펜 도구로 직선을 만들기 위해 Shift 키를 누른 다음 놓는 기능을 사용했습니다.
자, 이제 완성입니다! 이 단계를 따르면 아이소메트릭 드로잉의 구조가 설정되어 다음 단계인 채색을 진행할 준비가 됩니다. 보시다시피 제 드로잉의 구조에는 세부 사항이 포함되어 있지 않습니다. 채색하는 동안 참고 자료로 사용하기 위해 러프 레이어에 세부 사항을 남겨두었습니다.
4단계: 아이소메트릭 스케치에서 최종 채색으로
저는 선 없는 채색이 아이소메트릭 드로잉의 미학과 매우 잘 어울린다고 생각하며, 기하학적 형태를 사용하는 것도 이 접근 방식을 선택한 이유입니다. 제 채색 과정은 매우 간단하며, 원하는 모든 종류의 채색에 적용할 수 있습니다.
제가 가장 많이 사용하는 도구는 다음과 같습니다:
- [선택 영역] - [다각형] 메뉴 아래에 있는 다각형 선택 도구입니다. 매우 다재다능한 도구이며 실수를 아주 쉽게 수정할 수 있습니다!
- 메뉴에 있는 채우기 도구입니다. 단축키는 G이지만 저는 Alt+Delete를 사용하는 것을 좋아합니다. 같은 기능을 하지만 좀 더 깔끔하다고 생각합니다.
- 레이어 메뉴 위에 있는 아래 레이어에 클리핑 도구 (생명의 은인!) 입니다.
- 그리고 마지막으로 투명 픽셀 잠금 도구입니다!
- 그리고 텍스처를 위해 브러시 도구도 사용합니다.
채색의 첫 단계는 모든 주요 형태의 주된 색상을 각각 다른 레이어에 블록으로 채우는 것입니다. 구조 레이어의 불투명도를 낮게 설정하여 참조용으로만 존재하고 압도적이지 않도록 합니다.
새로운 색상 레이어를 생성하고, 채색하는 개체에 따라 이름을 지정하여 시작하세요.
그런 다음, 다각형 도구를 사용하여 채색할 개체의 윤곽선을 선택합니다.
다음으로, 원하는 색상을 선택합니다. (나중에 아주 쉽게 변경할 수 있다는 점을 명심하세요)
마지막으로 Alt+Delete를 눌러 모양을 채웁니다!
첫 번째 모양이 완성되었습니다! 이제 각 모양에 대해 동일한 작업을 할 수 있습니다!
겹치는 모양의 경우, 이전 모양 주변을 정확하게 선택하는 대신 시간을 절약하는 방법은 아래 레이어에 클리핑 도구를 사용하는 것입니다!
색상을 매우 빠르게 변경하는 또 다른 팁은 모양을 선택하고 투명 픽셀 잠금 도구를 누른 다음 Alt-Delete 단축키를 사용하여 색상을 전환하는 것입니다.
이 단계가 끝나면 다음과 같은 결과물을 얻을 수 있습니다:
작업이 끝나고 색상이 마음에 들면, 동일한 과정으로 세부 사항을 적용할 수 있습니다. 나중에 색상 변경을 쉽게 하려면 각 색상 모양을 고유한 레이어에 두는 것을 잊지 마세요. 과정을 더 자세히 보고 싶다면 제가 만든 타임랩스 비디오를 자유롭게 살펴보세요!
동시에 채색에 효과를 적용할 수도 있습니다. 다양한 브러시와 질감을 사용하고, 곱하기, 추가, 오버레이 등 페인팅 레이어에 다양한 모드를 시도하여 쉽게 이 작업을 수행할 수 있습니다.
세부 사항과 몇 가지 효과를 추가한 후 제 그림은 이렇게 보였습니다:
그리고 마지막으로 완전히 선택 사항인 단계는 색상을 수정하기 위한 필터를 추가하는 것입니다. 제가 자주 사용하는 것은 색상 균형(Color Balance)과 색조/채도 및 대비(Hue/Saturation and contrast)입니다. 이 필터들은 상단 메뉴 바 [레이어] – [새 보정 레이어] 아래에서 찾을 수 있습니다.
이것으로 끝입니다! 효과 필터 적용 전후의 최종 아이소메트릭 채색 모습입니다.
작가의 말
이 튜토리얼을 읽어주셔서 감사합니다. 만드는 동안 정말 즐거웠습니다! 이 튜토리얼을 통해 몇 가지를 배우셨기를 바라며, 여러분 모두 아름다운 그림을 그리시기를 바랍니다.
클립 스튜디오 페인트는 정말 사용자 친화적인 소프트웨어이며 다루기 매우 쉽습니다. 많이 실험해 보시기를 권장합니다.
혹시 팁이 있으시거나 질문이 있으시면 아래 댓글로 자유롭게 메시지를 남겨주세요.
그리고 여러분의 아이소메트릭 드로잉을 보고 싶습니다!
다시 한번 감사합니다!
댓글