소개!
이 튜토리얼에서는 Clip Studio Paint에서 원근 자 설정 및 스케치부터 색상, 효과 및 마무리 터치에 이르기까지 사이버펑크 스타일 표지 일러스트레이션을 만드는 방법을 보여드리고자 합니다. 제가 현재 작업 중인 소설의 표지 일러스트레이션을 만드는 단계별 과정을 배우게 될 것입니다.
안녕하세요, sunnysora입니다! 글을 쓰던 중 표지 일러스트레이션에 대한 아이디어가 떠올라 이 게시물을 통해 제 과정을 여러분과 공유하기로 결정했습니다 (●'◡'●)
이전 이야기들을 위해 여러 표지를 만들었지만, 이런 분위기의 표지를 만드는 것은 이번이 처음입니다.
이 튜토리얼에서 사용한 펜 ↓↓↓
다음 튜토리얼에서 배우게 될 내용!
‣ Clip Studio Paint에서 원근 자를 설정하는 방법
‣ 배경 구성에 3D 소재 사용하기
‣ 단계별 표지 일러스트레이션 작업 흐름
‣ 조명 및 레이어 보정 효과 적용
↬ "사이버펑크"란 무엇인가?
사이버펑크 비주얼은 첨단 기술과 도시의 퇴락이 대담한 대비를 이루며 혼합되어 있습니다. 더러운 거리 위로 빛나는 네온사인, 붐비는 빈민가 위로 그림자를 드리우는 우뚝 솟은 고층 빌딩이 특징입니다.
사이버펑크 도시는 눈길을 끄는 구성으로 가득하며, 거리와 레일이 대담한 유도선을 형성하여 직선을 사용하여 한 요소에서 다른 요소로 시선을 이끌어냅니다.
하늘 높이 솟아오른 고층 빌딩과 거대한 건물은 특정 요소의 지배력을 강화하기 위해 날카로운 수직 스케일을 만들어냅니다.
그리고 다양한 요소를 계층화하고 쌓아 복잡한 환경을 만드는 계층적 깊이가 있습니다.
↬ 원근법 이해하기
사이버펑크 테마 일러스트레이션에 원근법이 필수적인 이유
사이버펑크 장르는 혼돈이 아니라 시스템에 관한 것입니다. 처음에는 혼란스러워 보일 수 있지만, 실제로는 구조화된 깊이를 가지고 있으며 모든 것이 제자리에 있고 우리가 생각하는 것만큼 무작위적이지 않습니다!
표지는 몇 초 안에 시선을 사로잡아야 합니다
강력한 원근법은 명확한 깊이감을 만들어내고, 작은 크기에서도 이미지를 읽을 수 있도록 유지합니다.
사이버펑크 테마 일러스트레이션에서 좋은 원근법은 많은 세부 사항을 정리하는 데 도움을 줄 수 있습니다!
1점 투시도
1점 투시도는 장면을 정면으로 볼 때 사용되며, 모든 깊이선이 수평선상의 하나의 소실점에 모입니다.
이 기법은 안정적이고 중앙에 위치한 구성을 만들어내며, 시청자의 주의를 자연스럽게 앞으로 향하게 하는 장면에 이상적입니다.
▸복도, 도로, 터널 또는 대치 상황에 자주 적용되어 특정 인물이나 사물에 주의를 집중시킵니다.
▸ 불필요한 시각적 혼란 없이 강력한 중심점을 만드는 데 이상적입니다.
2점 투시도
2점 투시도는 모퉁이 각도에서 물체를 볼 때 사용됩니다.
선들은 반대편에 위치한 두 개의 소실점을 향해 모입니다.
▸도시 경관, 거리, 건물 또는 실내를 강조합니다.
▸ 시청자를 압도하지 않으면서 깊이와 스케일을 도입합니다.
3점 투시도
3점 투시도는 극단적인 높은 또는 낮은 각도에서 장면을 볼 때 사용되며, 수평선 위 또는 아래에 세 번째 소실점을 추가합니다.
수직선이 모여들며, 스케일감을 강화하고 극적인 효과를 만들어냅니다.
▸우뚝 솟은 고층 빌딩, 위협적인 캐릭터 또는 인상적인 환경이 특징인 극적인 장면에 자주 사용됩니다.
▸압도적인 웅장함, 위험 또는 경외감을 전달할 수 있습니다.
모든 일러스트레이션은 이야기를 전달합니다.
사이버펑크는 또한 다양한 장르를 혼합할 수 있습니다! 예를 들어, 로맨스, 공포, 미스터리, 판타지, 공상 과학 또는 액션 요소가 있습니다. 이러한 다양성은 단어 이상의 것으로 우리의 세계를 소개하는 데 좋은 선택이 됩니다!
표지 일러스트레이션 만들기
이제 표지를 만들어 봅시다! \^o^
표지에서는 구도가 가장 중요합니다! 나중에 제목이나 로고를 쉽게 추가할 수 있도록 충분한 공간을 남겨두세요!
저는 여러분의 이야기를 위한 표지 일러스트레이션을 만드는 데 사용할 수 있는 다양한 효과, 재료, 블렌딩 모드 및 기타 유용한 기능들을 강조하며 각 단계를 자세히 안내할 것입니다!
↬ 준비 (스케치, 3D 구성, 원근 자)
제 캔버스는 940px x 1440px입니다 (제 선호)
단계 1) 먼저 Clip Studio Assets 스토어에서 기본적인 1점 투시도 격자를 추가하여 스케치를 위한 간단한 가이드로 사용합니다.
단계 2) 별도의 레이어에 개요를 아주 대략적으로 스케치합니다.
단계 3) 대략적인 스케치의 불투명도를 낮춘 다음, 새 레이어에 조금 더 자세한 스케치를 추가하고 두 개를 병합합니다.
원근 가이드의 방향을 이미 따르고 있는지 확인하여 나중에 선화를 더 쉽게 할 수 있도록 하세요!
단계 4) 3D 오브젝트 또는 건축 자재를 사용하여 거리와 타워의 윤곽을 잡습니다. 구조 계획에 도움이 필요하다면 다양한 재료들이 많이 있습니다. 사용하기 매우 쉽고, 제가 여기에서 사용한 것의 경우 3D 건물을 분리하고 원하는 대로 조정할 수도 있습니다!
CLIP STUDIO ASSETS 스토어에서 더 많은 것을 찾아보세요
CSP 원근 자
클립 스튜디오 페인트의 원근 자를 사용하면 완벽하게 정렬된 원근선을 자동으로 쉽게 그릴 수 있습니다.
모든 브러시나 펜은 자에 스냅되어, 그리는 모든 것이 '가이드 선'의 방향을 따르므로, 스스로 완벽하게 직선을 그리느라 추측하고 시간을 낭비할 필요 없이 건물이나 거리를 만들 수 있습니다.
레이어 → 눈금자/프레임 → 원근 자 만들기로 이동
단계 5) 다음으로 원근 자를 설정합니다. 스케치에 맞게 수평선과 가이드 선을 이동하고 조정할 수 있습니다.
레이어 속성을 통해 예를 들어 가이드를 추가하거나 삭제할 수도 있습니다. 저는 몇 개의 가이드 선을 더 추가했습니다.
— 채워진 원: 모든 가이드 선을 함께 이동
— 빈 원: 하나의 가이드 선만 이동
— <|> 기호: 가로/세로 가이드를 비활성화하며, 펜이 가이드 방향을 따르지 않음
— 다이아몬드 기호: 가이드를 비활성화하며, 펜이 가이드 방향을 따르지 않음
저는 선화를 벡터 레이어에서 하는 것을 좋아해서 벡터 레이어로 변환했습니다.
레이어 → 레이어 변환 → 종류: 벡터 레이어로 이동
모든 가이드가 활성화되었을 때 vs 비활성화되었을 때 ↓↓↓
↬ 그리기 시작 (선화, 캐릭터, 색상)
시작하기 전에 '자석에 스냅' 기호가 활성화되어 있는지 확인하고, 펜에서 '스냅 활성화'를 클릭했는지 확인하십시오.
단계 6) 선화를 추가하기 시작합니다. 나중에 재료를 넣을 빈 공간을 남겨두었습니다.
단계 7) 이것은 선택 사항이지만, 표지 아트를 만들고 있기 때문에 캐릭터의 대략적인 스케치도 만들었습니다!
저는 캐릭터가 자연스럽게 맞도록 원근법을 따르려고 노력했습니다. 상체는 배경과 소실점을 향해 갈수록 더 작게 나타나고, 전경의 다리는 조금 더 넓게 그렸습니다.
캐릭터 그리기에 도움이 필요하면 3D 모델을 사용할 수도 있으며, 3D 모델을 클릭 → 렌치 아이콘(오브젝트 목록 표시) → 만화 원근법을 클릭하여 신체 비율을 조절할 수 있습니다.
단계 8) 어두운 배경색을 추가한 다음, 표준 에어브러시 펜을 사용하여 가운데에 더 밝은 색상을 적용합니다.
단계 9) 동일한 색상으로 그라디언트 맵 레이어를 추가하고 "오버레이"로 설정했습니다. 주 색상은 더 어두운 색조로, 보조 색상은 더 밝은 색상으로 설정해야 합니다. 하반부가 '전경'이므로 더 어두운 색상이 '배경'에 더 많은 깊이를 더합니다.
**단계 10) 더 많은 색상 \^o^
**주 색상의 다양한 색조로 그림을 채웁니다. 각 섹션에 나중에 다른 효과를 추가할 수 있도록 별도의 레이어에 배치했습니다.
단계 11) 색상을 별도의 레이어에 두었기 때문에 이제 원하는 섹션에 그라디언트 맵을 사용하여 빠르고 쉽게 대비를 줄 수 있습니다!
다양한 그라디언트에서 색상을 쉽게 조정하고 변경할 수 있습니다!
↬ 세부 사항 (효과, 재료)
단계 12) 시안색 부분에 글리치 효과를 추가하고, 블렌딩 모드를 "하드 라이트"로 설정하고 불투명도를 65%로 낮춥니다.
단계 13) 사이버펑크 도시에는 종종 작고 네모난 창문이 특징이므로, Clip Studio Assets 스토어에서 받은 이 브러시로 한 번의 스트로크로 추가할 수 있습니다!
단계 14) 다른 브러시를 사용하여 창문을 더 추가합니다!
단계 15) 바닥에 이 예쁜 네온 워터 브러시를 사용하여 소실점을 향해 검은색을 추가하는 것으로 시작합니다. 그리고 별도의 레이어에 더 밝은 시안색을 적용하고, 레이어를 "글로우 닷지"로 설정하고 불투명도를 85%로 낮춥니다.
단계 16) 간단한 사이버펑크에서 영감을 받은 재료를 만들었습니다! 그냥 캔버스 위로 드래그하여 빈 공간에 배치하세요!
일러스트레이션에 사용할 수 있는 더 많은 재료들이 있습니다!
↓↓↓
참고: 이전 단계의 모든 것을 폴더(폴더 1)에 넣었습니다.
단계 17) 글리치 효과를 강화하기 위해 레이어를 복사하여 메인 폴더 위, 즉 선화 레이어 위에 드래그합니다. 그런 다음 모션 블러 필터를 추가하고 블렌딩 모드를 "스크린"으로 설정합니다.
단계 18) 더 많은 글리치 효과! 이번에는 분홍색 부분에 동일한 재료를 사용하고, 블렌딩 모드를 "선명한 라이트"로 설정하고 불투명도를 50%로 낮춥니다.
단계 19) 해당 레이어를 복제한 다음 다시 메인 폴더 위로 드래그하고 블렌딩 모드를 "추가(글로우)"로 설정합니다.
글리치 효과 레이어 색상이 더 돋보이도록 아래에 검은색 레이어를 추가했습니다! (네온사인이 있는 상단 부분은 이미 해당 폴더에 발광 효과가 있는 별도의 레이어가 있기 때문에 지웠습니다.)
단계 20) 새 레이어에 푸르스름한 색조를 추가하고 블렌딩 모드를 "밝게"로 설정하고 불투명도를 45%로 낮춥니다.
단계 21) 이전에 사용한 세트에서 회색 정적 효과 레이어를 위에 추가하고 블렌딩 모드를 "선형 번"으로 설정하고 불투명도를 45%로 낮춥니다.
↬ 다양한 색상 구성
색상 구성을 변경하거나 현재 색상에 약간의 조정을 하고 싶다면, 여기 몇 가지 쉬운 방법이 있습니다!
레이어 → 신규 보정 레이어 → 톤 커브
"톤 커브"를 사용하여 일러스트레이션의 주요 색상을 조금 조정하고 보정합니다.
레이어 → 신규 보정 레이어 → 색조/채도/명도
레이어 → 신규 보정 레이어 → 그라디언트 반전
**동일한 일러스트레이션이지만 다른 색상 \^o^
**
↬ 캐릭터 추가하기
이야기의 캐릭터 아트를 완성하고 방금 만든 디테일한 도시 일러스트레이션 위에 배치했습니다!
자세히 보면, 배경과 어울리도록 네온 핑크 하이라이트를 추가하고 핑크와 블루 톤으로 음영을 주었습니다!
마지막 단계) 이제 스토리 제목이나 로고를 추가하기만 하면 끝입니다! \^o^
완성!
나란히!
캐릭터가 표지 아트의 주요 초점이 되기를 원했기 때문에 배경은 대부분 가려져 있습니다. 하지만 특정 공간을 통해 배경의 일부가 미묘하게 보이는 방식이 전체 구성에 깊이를 더하는 점이 마음에 듭니다!
결론!
이번이 사이버펑크 테마 일러스트레이션을 배경이든 캐릭터든 이런 분위기로 만드는 것은 처음이었는데, 도전적이었지만 정말 즐거웠습니다! (●'◡'●)
읽어주셔서 감사합니다. 작업하는 동안 저만큼 즐거우셨기를 바랍니다!
이 게시물에 '좋아요!'를 누른 사용자
댓글