3D 프리미티브로 도시 픽셀 아트 만들기
소개
안녕하세요! 내 이름은 Hira Karmachela a.k.a BABE ODED입니다. 이 게시물에서는 CLIP STUDIO PAINT에서 3D 프리미티브를 사용하여 도시 픽셀 아트를 만드는 팁을 공유합니다. 이 기사를 읽고 있는 여러분 모두는 다른 그래픽 소프트웨어에 비해 CSP의 장점에 대해 잘 알고 있을 것입니다.
CSP를 전문적으로 사용한 경험을 바탕으로 이 소프트웨어는 드로잉 및 디자인에 대한 모든 그래픽 요구 사항을 완전히 충족했습니다. 뿐만 아니라 CSP는 웹툰, 만화, 애니메이션 제작에도 능합니다. 이는 모두 이와 같은 자산, 자료 및 튜토리얼을 개발하는 매우 활발한 커뮤니티의 지원 덕분입니다.
이 게시물이 CSP를 사용할 때 더 효과적이고 효율적으로 작업 시간을 해킹할 수 있는 팁을 찾고 있는 분들에게 흥미로운 팁이 되기를 바랍니다.
어반 픽셀 아트 소개
Urban Art는 다양한 관점과 스타일로 도시의 분위기를 묘사하는 시각 예술입니다. 이 경우 픽셀 아트 기법을 사용하여 도시적인 분위기를 표현했습니다.
나는 원치 않는 왜곡이 발생하지 않도록 올바른 관점을 결정하는 도시 예술을 만드는 데 어려움을 느낀다. 운 좋게도 CSP는 간단하고 사용하기 쉬운 3D 프리미티브를 제공합니다.
아이디어는 3D 프리미티브를 사용하여 레이아웃을 만들고 블록 쌓기와 같은 프리미티브를 정의하는 것입니다. 그런 다음 픽셀 브러시를 사용하여 정렬된 3D 레이아웃을 쉽게 추적할 수 있습니다.
#1 파일 설정
새 파일을 만드는 것으로 시작합니다. 픽셀 아트를 만들 때 일반적으로 72dpi의 해상도와 128px x 128px 크기의 캔버스를 사용합니다. 이 크기는 픽셀을 배열하기에 너무 좁거나 너무 넓지 않은 충분히 상세한 이미지를 만드는 데 적합합니다.
파일 > 새로 만들기로 이동합니다. 그러면 팝업 대화 상자가 나타납니다.
CSP에서 픽셀 아트를 만드는 다음 중요한 단계는 "그리드"를 설정하고 표시하는 것입니다. 보기 메뉴 > 그리드로 이동합니다.
캔버스에 격자선이 표시됩니다. 그러나 표시되는 격자는 픽셀 아트 요구 사항과 일치하지 않습니다. 따라서 먼저 조정해야 합니다. 보기 메뉴 > 격자/눈금자 막대 설정...으로 돌아가십시오.
대화 창이 나타납니다. 시작점을 가운데로 설정하고 Gap(D)를 1px로 설정합니다. 캔버스에 작은 사각형을 형성하는 캔버스에 격자선이 표시됩니다.
#2 3D 프리미티브 추가하기
캔버스가 준비되면 3D 프리미티브를 캔버스로 가져올 차례입니다. 화면 오른쪽 패널의 재료 섹션에서 3D 프리미티브를 찾을 수 있습니다. 처음에는 "평면"을 캔버스에 끌어다 놓습니다.
3D 프리미티브가 캔버스에 배치되면 해당 위치가 캔버스를 덮으므로 필요에 따라 조정해야 합니다. 3D 개체 아래의 속성 탭에서 "중심 개체"를 클릭하면 캔버스 중앙에서 바로 3D 개체를 볼 수 있습니다.
이 경우 "평면"이 접지선과 평행하기를 원합니다. 작업(개체) 도구를 사용하여 좌표선이 나타날 때까지 3D 개체(평면)를 클릭합니다.
물체가 지면과 평행하게 누운 상태가 될 때까지 가운데에 있는 원형 축을 당깁니다.
이러한 3D 개체의 축은 놀랍고 3D 소프트웨어에서와 같이 작동합니다. 객체 변환을 위한 기능인 세 가지 유형의 축이 있습니다.
가장 바깥쪽 축에는 개체의 크기를 조정하는 기능을 가진 큐브 모양의 화살표가 있습니다. 두 번째 축은 객체를 회전시키는 기능을 하는 원형 선 형태입니다. 가장 깊은 축에는 물체를 움직이는 기능을 가진 원추형 화살표가 있습니다.
3D 개체를 재정렬하고 원근을 조정할 수 있습니다. 주의를 기울이면 물체의 표면에 절단선이 있습니다. 이것을 와이어프레임이라고 합니다. 와이어프레임의 수는 화면 왼쪽 창에 있는 도구 속성 [개체]의 "하위 분할" 섹션에서 늘릴 수 있습니다.
#3 3D 프리미티브 스태킹
다음 단계는 블록과 같은 3D 프리미티브를 쌓는 것입니다. 세세한 정리를 하기 위해 너무 복잡하게 생각하지 마세요. 처음에는 기본 레이아웃에 대해 큐브 또는 블록만 정렬하면 됩니다.
큐브를 블록으로 만들고 원근감을 조정하여 건물처럼 보이게 했습니다. 레이어의 위치를 조정하여 일부 블록을 정렬합니다.
배경을 위한 일부 블록을 조립했으면 전경 개체에 대한 일부 3D 기본 요소를 다시 조립합니다. 예를 들어, 나는 자동차를 만들기 위해 몇 개의 블록과 튜브를 함께 묶습니다.
그런 다음 나는 또한 우리가 일반적으로 보도에서 볼 수 있는 현수막으로 프리즘을 기둥으로, 비행기를 배치했습니다.
나머지는 요구 사항에 따라 다른 3D 기본 시퀀스를 추가할 수 있습니다. 내 작업에서 이것이 도시 경관 뷰를 만들기 위해 조립하는 3D 프리미티브를 쌓는 방법입니다.
#4 3D 프리미티브를 래스터 이미지로 변환
3D 프리미티브 스택이 레이아웃으로 조합되면 다음 단계는 3D 프리미티브 레이어 위에 새 레이어에 이미지를 생성하는 것입니다. 하지만 이 경우에는 3D 프리미티브 레이어를 래스터 레이어로 직접 변환하려고 합니다.
3D 프리미티브 레이어 중 하나를 선택한 다음 마우스 오른쪽 버튼을 클릭 > 래스터화합니다.
변환 결과는 캔버스에 다음과 같이 표시됩니다.
이 경우 3D 프리미티브를 사용하여 만든 기본 도면을 활용하여 더 자세한 이미지를 생성하기 위해 픽셀을 계속 그립니다.
#5 픽셀 아트용 도구 설정
특별한 설정으로 픽셀 아트를 만드는 데 사용할 수 있는 몇 가지 도구가 있습니다. 첫 번째 도구인 선, 곡선 및 모양 도구와 같은 "도형 도구"를 사용하여 정확한 픽셀 개체를 만들 수 있습니다.
그림 도구를 사용하여 픽셀 아트를 만들려면 앤티앨리어싱 기능을 꺼야 합니다. 앤티앨리어싱은 디지털 이미지 개체 주변의 샘플 픽셀 색상을 추가하고 조작하여 디지털 이미지 개체의 가장자리를 매끄럽게 만드는 기능입니다.
물론 앤티 앨리어싱을 사용하면 픽셀 아트가 좋아 보이지 않습니다. 따라서 왼쪽의 도구 속성 패널에서 이 기능을 비활성화해야 합니다. "앤티 앨리어싱"섹션에는 여러 수준이 있으며 "없음"을 선택하십시오.
두 번째 도구는 "펜 도구"와 하위 도구 마커 및 도트 펜 유형을 사용할 수 있습니다. 이 유형의 펜은 1px 두께의 선 그리기를 생성하므로 유기적 픽셀 개체를 쉽게 만들 수 있습니다.
세 번째 도구는 "채우기 도구"를 사용하여 픽셀 필드를 쉽게 채울 수 있습니다. 다른 레이어를 참조하더라도 겹치는 필드를 채울 수 있도록 다른 레이어 참조 유형을 선택합니다. 그런 다음 도구 속성에서 "앤티 앨리어싱" 및 "영역 크기 조정"을 선택 취소합니다(이 기능은 픽셀 개체에 노이즈를 생성하는 앤티 앨리어싱과 거의 유사함).
네 번째 도구는 물론 작업에서 불필요한 픽셀을 지우는 "지우개 도구"가 필요합니다. 흔적을 남기지 않고 픽셀을 지우려면 "벡터" 유형을 선택하고 "앤티 앨리어싱" 섹션에는 여러 수준이 있으며 "없음"을 선택합니다.
나머지는 필요에 따라 다른 도구를 사용할 수 있습니다.
#6 그리기 픽셀
이제 픽셀 파티를 합시다. 다채로운 픽셀로 기존 레이아웃을 개발하는 것으로 시작합니다. 3D 프리미티브를 사용하여 미리 만들어진 레이아웃으로 픽셀 배열 프로세스를 보다 쉽게 특정 원근감을 만듭니다.
위의 예와 같이 기존 레이아웃 선을 따라 픽셀을 그려 건물과 인도를 배경으로 형성합니다.
배경을 그린 후 그 앞에 있는 개체에 대한 픽셀을 계속 그립니다. 그림자의 색과 밝은 색을 지정하여 색 구성표를 설정합니다.
#7 렌더링
이 애니메이션을 렌더링하고 게시하기 전에. 이 애니메이션의 크기는 128px x 128px입니다. 그래서 우리가 그것을 즉시 렌더링하면 우리가 볼 수 있는 결과는 이 크기가 될 것입니다.
이를 위해서는 먼저 크기를 조정해야 합니다. 편집 > 이미지 이미지 해상도 변경으로 이동합니다. 해상도 설정 창이 나타납니다.
너비를 1024px로, 높이를 1024px로 변경합니다. 그런 다음 보간 방법을 하드 에지로 변경합니다. 그러면 이미지가 픽셀 배열을 손상시키지 않고 확대됩니다.
이제 이 이미지를 렌더링합니다. 파일 > 내보내기(단일 레이어)로 이동하고 필요한 파일 형식/확장자를 선택합니다. 스토리지 디렉토리를 지정하십시오.
다음과 같은 애니메이션이 될 때까지 이 작품을 계속 발전시키려고 합니다.
확인! 그게 내가 공유할 수 있는 전부야. 도움이 되기를 바라며 더 많은 팁을 얻을 수 있도록 지원해 주십시오.
댓글