대형 2D 사이드 롤러 레벨 지형 그리기


12

나는 비교적 좋은 프로그래머이지만 이제는 2D 게임에 몇 가지 기본 수준을 추가하게 되었기 때문에 다소 어려움을 겪고 있습니다.

내가 원하는 것 : 내 게임에 허용되는 크고 (8000 * 1000 픽셀) "그린 힐"테스트 레벨.

  • 이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

멋지게 보일 필요는 없으며 선 및 페인트 통 도구를 사용하여 MS 페인트에서 만든 것처럼 보이지 않아야합니다.

기본적으로 언덕 위에 잔디 모양의 진흙이 있어야합니다.

그러나 어떻게 그려야합니까? 연필 도구를 꺼내 픽셀 당 픽셀 그리기를 시작할 수는 없습니다.


2019, 질문은 여전히 ​​실제입니다 :)
Город

답변:


20

Photoshop에는보기 좋은 수준을 실제로 빠르게 그리는 데 사용할 수있는 레이어 효과가 있습니다. 김프에서 작동하는지 모르겠지만 Photoshop을 사용하여 화면에 빠르게 무언가를 얻는 방법은 다음과 같습니다.

명령

  1. 먼지와 잔디 질감을 얻으십시오. 내 예제에서 사용하고있는 것은이 freetexture set 에서 온 것 입니다 .
  2. Photoshop에서 먼지 텍스처를 엽니 다. 모두 선택 Ctrl-A하고 복사하십시오 Ctrl-C. 그런 다음 메뉴 Edit > Define Pattern...에서 선택하십시오 . 패턴의 이름을 "먼지"로 지정하십시오.
  3. 잔디 질감에 대해서도 동일한 작업을 수행하십시오. 이름은 "잔디"입니다.
  4. Photoshop에서 새 레이어를 만들고 레이어에 Pattern OverlayStroke효과를 적용하십시오 . 오버레이의 "먼지"패턴과 스트로크의 "그라스"패턴을 선택하십시오 (아래 이미지 참조).
  5. 지루한 단일 색상 대신 레이어에 브러시로 페인트하십시오. 레이어 효과 덕분에 가로로 렌더링해야합니다. 이것의 장점은 브러시 또는 지우개와 같은 일반 그리기 도구를 사용하여 풍경의 일부를 자유롭게 추가 / 제거 할 수 있다는 것입니다.
  6. (선택 사항) 하늘의 배경 레이어에 짙은 파란색 (위)에서 밝은 파란색 (아래)으로 그라디언트를 그립니다 (그에 대한 레이어 효과도 사용할 수 있음).
  7. (선택 사항) 더 나은 모양을 얻으려면 그래디언트 및 그림자와 같은 레이어 효과를 "가로"레이어에 추가하십시오.

이미지

패턴 오버레이 설정

Photoshop 패턴 오버레이 설정

스트로크 설정

Photoshop 획 설정

최종 결과

더 많은 레이어 효과와 배경.

최종 이미지

여기 에서 PSD 파일을 다운로드하여 볼 수도 있습니다 .


1
전체 레벨에 대해 하나의 큰 이미지가 있습니까?
Spooks

1
예, 전체 레벨에 저장할 수 있습니다. 실제 언덕에서 배경, 물체 등을 분리합니다. 충돌 감지에는 알파 레이어를 사용할 수 있습니다. 놀라운 기술을 위해 +1 :)
ashes999

4

모든 종류의 플랫 포머와 게임은 타일 기반 레벨 시스템을 사용하는데, 각 레벨은 때때로 여러 레이어의 타일 그리드로 구성됩니다. 여러 개의 "잔디 표면"타일, 여러 개의 진흙 타일 등이있을 수 있습니다. 그런 다음 큰 이미지를 그리는 대신 타일을지도에 배치합니다. 텍스처 공간을 절약하는 경향이 있습니다.

보다 진보 된 2D 게임은 비슷한 접근 방식을 취하지 만 레벨을 구성하기 위해 자유롭게 이동, 회전 및 / 또는 확장 할 수있는 큰 "스탬프"를 가지고 있으며 타일 기반 기술과 같이 그리드에 고정되지 않습니다. 아쿠아 리아 는이 방법을 사용합니다.


2

조금 지루한 것이 마음에 들지 않으면 평평한 선 (지평면)을 따라 다양한 크기의 원을 그려서 채울 수 있습니다. 그러면 되돌아 가서 갈색 상자를 그릴 수 있습니다 지도의 '지하'부분을 클릭 한 다음 원의 상단 곡선을 만나기 위해지면을 조금만 터치합니다. 그런 다음 잔디 또는 기타를 추가하기 위해 디테일 패스를 수행 할 수 있습니다 (다른 브러시를 사용하는 Photoshop이있는 경우 매우 쉽습니다).

도움이 되셨습니까?


2

Paint.NET 의 사본을 무료로 그리고 MS Paint보다 100 배 더 좋습니다. 원하는 의미에서 예술을 쉽게 생성 할 수있는 몇 가지 기본 도구가 있습니다.

예를 들어, 선택하고 주어진 색상 / 그라데이션으로 전체 선택을 채울 수 있습니다. 이렇게하면 펜 도구를 사용하고 픽셀 단위로 그리는 것을 막을 수 있습니다.

포토샵과는 거리가 멀지 만 기본적인 스타일 아트를 찾고있는 이러한 유형의 유스 케이스에는 탁월합니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.