멋진 픽셀 아트를 만드는 방법
레트로 게임을 생각하면 아마도 NES와 같은 콘솔에서 출시된 타이틀의 픽셀화된 모양을 생각할 것입니다.
Bomberman 및 Kid Icarus와 같은 게임은 80년대 기술의 한계 내에서 작동했지만 몇 시간 동안의 재미와 상징적인 모습을 제공했습니다.
이 스타일은 더 강력한 게임 콘솔과 3D 그래픽의 개발로 희미해졌지만 최근 Savant: Ascent 와 같은 인디 게임에서 르네상스를 목격했습니다 .
아트는 여전히 제한된 팔레트를 사용하여 픽셀 단위로 그려지지만 1980년대 게임 개발자가 사용할 수 없었던 신중한 음영과 차분한 색조 덕분에 훨씬 더 부드럽습니다.
픽셀 아트의 가장 인기 있는 용도 중 하나는 아이소메트릭 그리드를 기반으로 하는 롤플레잉 게임입니다 . 그런 게임에서 사용할 캐릭터(또는 스프라이트)를 만들 것입니다.
1. 캔버스 준비
무료 이미지 편집 응용 프로그램인 김프 에서 새 이미지를 생성하여 시작합니다 . 캔버스 크기는 100x100픽셀이면 충분합니다. 훨씬 더 큰 픽셀 아트도 가능하고 매우 인상적이지만 완료하는 데 몇 주가 걸립니다.
이제 연필 도구를 선택합니다. 채우기 및 확대/축소는 우리가 사용할 유일한 도구이지만 먼저 개별 픽셀을 그릴 수 있도록 일부 설정을 변경해야 합니다.
2. 연필을 깎습니다.
연필을 선택한 상태에서 브러시 유형을 클릭하고 '1픽셀'을 선택합니다. 크기를 1로 변경하고 역학을 끕니다. 지터 및 부드러운 선 적용을 선택 취소합니다.
도구 상자 하단에 있는 파란색 플로피 디스크 아이콘을 클릭하여 사전 설정으로 저장할 수 있습니다. 새 도구 사전 설정을 클릭하고 '픽셀 아트'와 같은 편리한 이름을 지정한 다음 플로피 디스크 아이콘을 지정하여 저장합니다.
3. 확대
확대/축소 도구를 사용하여 이미지를 자세히 살펴보십시오(모니터 해상도에 따라 다르지만 약 550%가 적당합니다).
각 픽셀을 쉽게 보고 조작할 수 있기를 원합니다. 작품을 실제 크기로 보았을 때 제대로 보이는지 확인하기 위해 작업하는 동안 주기적으로 축소해야 합니다.
4. 회색으로 칠하기
픽셀 아트 캐릭터가 입체적으로 보이도록 그림자와 하이라이트를 신중하게 사용해야 합니다. 버킷 채우기 도구를 선택하고 전체 이미지를 중간 회색으로 만듭니다.
이 중립 배경 음영을 사용하면 하이라이트를 만드는 것이 얼마나 밝은지, 그림자를 만드는 것이 얼마나 어두운지 쉽게 판단할 수 있습니다.
5. 가이드 만들기
이제 픽셀 아트를 만들기 위한 가이드로 아이소메트릭 그리드를 만들 것입니다. 새 레이어를 만들고 이름을 'Grid'로 지정합니다. 연필 도구를 선택하고 다른 회색 음영을 선택합니다.
이제 이미지의 왼쪽 상단 픽셀을 클릭한 다음 [Shift]를 누른 상태에서 마우스 포인터를 오른쪽으로 이동합니다. 왼쪽 하단의 좌표가 '99 49'일 때 클릭하여 선을 그립니다.
6. 줄 세우기
Ctrl + C를 클릭하여 선을 복사하고 Ctrl + V를 클릭하여 붙여넣은 다음 이동 도구를 선택하고 붙여넣은 선을 원본보다 약간 아래로 이동합니다.
배경을 클릭하여 선을 선택 해제한 다음 두 선을 모두 복사하여 붙여넣습니다. 이미지가 균일한 간격의 대각선으로 채워질 때까지 프로세스를 반복합니다.
7. 그리드 구축
이제 모든 대각선을 복사하여 붙여넣되 선택을 취소하지 마십시오. 대신 도구 > 변형 도구 > 뒤집기를 클릭합니다. 복사된 줄을 뒤집으려면 이미지의 아무 곳이나 한 번 클릭합니다.
이것은 아이소 메트릭 그리드를 제공합니다. 자체 레이어에 있기 때문에 작업이 끝나면 쉽게 삭제할 수 있습니다.
8. 주제 선택
새 레이어를 만들고 이름을 '픽셀 아트'로 지정합니다. 다음 단계는 주로 여러분에게 달려 있지만 컴퓨터 게임에서 적이 될 수 있는 거미 같은 생물을 그릴 것입니다.
그리드를 올바른 관점을 얻는 데 도움이 되는 가이드로 사용하고 사용자 정의된 연필 및 채우기 이외의 도구를 사용하지 마십시오.
9. 스케치
클래식 아티스트 스케치북에서 한 장을 꺼내 간단하게 시작하세요. 처음부터 모든 픽셀을 완벽하게 만들려고 하기보다는 아이디어의 대략적인 스케치를 만드십시오. 진행하면서 편집하고 다듬기가 매우 쉽습니다.
아이소메트릭 그리드를 가이드로 사용하고 캐릭터가 3차원 개체라는 점을 항상 염두에 두십시오.
10. 다듬기
대략적인 스케치가 있으면 각 섹션을 다른 색상으로 채워 쉽게 식별할 수 있도록 하십시오. 그런 다음 광원의 위치를 결정하고 그에 따라 음영과 하이라이트를 추가할 수 있습니다.
자유롭게 조정할 수 있습니다. 여기서 우리는 거미의 다리가 안쪽으로 기울어져 더 외계인처럼 보이도록 만들기로 결정했습니다.
11. 텍스처 추가
캐릭터를 균일하게 매끈하게 만들기보다는 질감이 다른 느낌을 주도록 노력해야 합니다. 여기에서 우리는 머리카락 부분을 표현하기 위해 다양한 색조의 '선'을 사용하여 거미의 머리에 약간의 털을 주기로 결정했습니다.
정기적으로 축소하여 100%로 볼 때 텍스처 효과가 작동하는지 확인하십시오.
12. 디더링 시도
초기 비디오 게임에는 가능한 한 적은 색상을 사용하는 픽셀 아트가 필요했습니다. 이러한 한계를 극복하는 한 가지 방법은 디더링을 사용하는 것이었습니다. 디더링은 더 밝은 픽셀과 더 어두운 픽셀이 혼합되어 하나의 중간 톤 색상처럼 보이도록 하는 바둑판입니다. 시도 해봐!
두 색상이 상당히 다른 경우 흥미로운 질감을 만들 수 있습니다.
13. 수출 준비
마음에 들면 오른쪽 팔레트에서 Grid 및 Background 레이어를 클릭하고 삭제합니다. 이제 파일 > 다른 이름으로 내보내기를 클릭합니다.
투명한 배경을 유지하고 싶습니다. 즉, PNG 또는 GIF 형식으로 저장해야 합니다. JPG로 저장하지 마십시오. 이 형식은 투명도를 지원하지 않으며 압축하면 복잡한 아트가 손상됩니다.
14. 투명하게 유지하라
드롭다운 목록에서 파일 형식을 선택하고 이름을 지정합니다. 다음 대화 상자에서 배경색 저장 및 '투명 픽셀의 색상 값 저장'을 선택 취소한 다음 내보내기를 클릭합니다.
완성된 픽셀 아트는 이제 투명한 배경으로 저장되어 게임, 데스크탑 또는 웹 페이지의 아이콘으로 사용할 수 있습니다.
15. ICO 형식으로 변환
픽셀 아트를 사용하는 가장 쉬운 방법 중 하나는 픽셀 아트를 ICO 파일로 변환하여 바탕 화면의 프로그램 아이콘 중 하나를 대체하는 데 사용하는 것입니다.
ConvertICO 라는 웹사이트를 사용하여 이를 수행할 수 있습니다 . 컴퓨터에서 PNG 또는 GIF 파일을 찾은 다음 '이동' 버튼을 클릭하면 즉시 변환됩니다.
16. 데스크탑에서 사용
페이지 오른쪽에 아이콘 미리보기가 표시됩니다. 큰 화살표를 클릭하고 아이콘을 컴퓨터의 편리한 위치에 다운로드합니다.
이제 Windows 바탕 화면으로 이동하여 아이콘을 마우스 오른쪽 버튼으로 클릭하고 속성을 선택합니다. 아이콘 변경을 클릭하고 새로 만든 ICO 파일을 찾아 확인을 클릭합니다. 적용을 클릭하고 즐기세요!