Büyük 2D sidecroller seviyesi arazi çizimi


12

Nispeten iyi bir programcıyım ama şimdi 2D oyunuma bazı temel seviyeler eklemek geldiğinde biraz takılıp kaldım.

Ne yapmak istiyorum: Oyunum için kabul edilebilir, büyük (8000 * 1000 piksel) "yeşil tepeler" test seviyesi.

  • Bunu yapmanın en iyi yolu nedir?

Harika görünmek zorunda değil, sadece MS boyada çizgi ve boya kovası aracıyla yapılmış gibi görünmemelidir.

Temel olarak, tepesinde çim şeklinde, bazı tepelerde şekillendirilmiş çamur olmalıdır.

Ama bunu nasıl çizmeliyim, sadece kalem aracını çıkarıp piksel başına piksel çizmeye başlayamıyorum, değil mi?


2019, soru hala gerçek :)
Город

Yanıtlar:


20

Photoshop, iyi görünümlü seviyeleri gerçekten hızlı çizmek için kullanılabilen katman efektlerine sahiptir. Bunun GIMP ile çalışıp çalışmayacağını bilmiyorum, ancak Photoshop'u kullanarak ekranda bir şeyi hızlı bir şekilde nasıl alacağınızla ilgili bazı adımlar:

Talimatlar

  1. Bazı kir ve çim dokuları alın. Örneğimde kullandığım bu freetexture setindendir .
  2. Photoshop'ta bir kir dokusu açın. Tümünü seç Ctrl-Ave kopyala Ctrl-C. Ardından Edit > Define Pattern...Menü'den seçin . Deseninizi "Kir" olarak adlandırın.
  3. Çim dokusu için de aynısını yapın, "Çim" olarak adlandırın.
  4. Photoshop'ta yeni bir Katman oluşturun Pattern Overlayve Strokekatmanınıza ve Efekti uygulayın. Kaplama için "Kir" desenini ve Konturunuz için "Çimen" desenini seçin (aşağıdaki resimlere bakın).
  5. Katmanınızdaki herhangi bir fırçayla boyayın ... sıkıcı tek bir renge sahip olmak yerine, katman efektleri sayesinde bir manzara olarak işlenmelidir. Bunun güzelliği, fırça veya silgi gibi düzenli çizim araçlarını kullanarak manzaranızın parçalarını özgürce ekleyebilmeniz / kaldırabilmenizdir.
  6. (isteğe bağlı) Gökyüzünüzün arka plan katmanında koyu mavi (üst) ile açık mavi (alt) arasında bir degrade çizin (bunun için katman efektleri de kullanabilirsiniz).
  7. (isteğe bağlı) Daha iyi bir görünüm elde etmek için "yatay" katmanınıza bir degrade ve gölge gibi katman efektleri ekleyin.

Görüntüler

Desen Kaplama ayarları

Photoshop desen yer paylaşımı ayarları

Kontur ayarları

Photoshop kontur ayarları

Son sonuç

Bazı katman efektleri ve arka plan ile.

son görüntü

PSD dosyasını bir göz atmak için buradan indirebilirsiniz .


1
ve tüm seviye için büyük bir resminiz var mı?
Spooks

1
Evet, tüm seviye için saklayabilirsiniz; Arka planı, nesneleri, vs. gerçek tepelerden ayırırdım. Çarpışma tespiti için alfa katmanını kullanabilirsiniz. Şaşırtıcı teknik sanat için +1 :)
ashes999

4

Her çeşit platform ve oyun, her seviyenin bazen birden fazla katmandaki bir karo ızgarasından oluştuğu karo tabanlı bir seviye sistemi kullanır. Birkaç "çim yüzeyi" fayansınız, birkaç çamur fayansınız vb. Olabilir. Ardından, büyük bir resim çizmek yerine, döşemeleri bir haritaya yerleştirirsiniz. Diğer şeylerin yanı sıra doku alanından tasarruf etme eğilimindedir.

Daha gelişmiş 2D oyunlar da benzer bir yaklaşıma sahiptir, ancak bir seviyeyi oluşturmak için serbestçe hareket ettirilebilen, döndürülebilen ve / veya ölçeklendirilebilen ve karo tabanlı teknikte olduğu gibi bir ızgaraya yapışmamış büyük "pullar" ile. Aquaria bu yöntemi kullanır.


2

Biraz sıkıcı görünmesinin sakıncası yoksa, düz bir çizgi boyunca (yer düzleminiz) değişen boyutlarda bir sürü daire çizebilir ve selleri doldurabilirsiniz. Sonra geri dönebilir ve kahverengi bir kutu çizebilirsiniz. haritanın "yeraltı" kısmını ve daha sonra dairenin üst eğrilerini karşılamak için toprağa küçük dokunuşlar ekleyin. Daha sonra çim veya herhangi bir şey eklemek için ayrıntılı bir geçiş yapabilirsiniz (farklı fırçalarla Photoshop'unuz varsa çok kolay).

Bu yardımcı olur?


2

Paint.NET'in bir kopyasını ücretsiz ve MS Paint'ten 100 kat daha iyi almanızı şiddetle tavsiye ederim - aradığınız anlamda sanat oluşturmayı kolaylaştırmak için bazı temel araçlara sahip.

Örneğin, bir seçim yapmanıza ve tüm seçimi belirli bir renk / gradyanla doldurmanıza izin verir; bu, kalem aracını kullanmanıza ve piksel piksel çizmenize engel olur.

Photoshop'a bile yakın değil, ancak temel stil sanatı aradığınız bu tür kullanım için mükemmel.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.