Menggambar medan level sidescroller 2D besar

12

Saya seorang programmer yang relatif baik tetapi sekarang setelah itu untuk menambahkan beberapa level dasar ke game 2D saya, saya agak macet.

Apa yang ingin saya lakukan: Level uji "bukit hijau" yang dapat diterima, besar (8000 * 1000 piksel) untuk game saya.

  • Apa cara terbaik bagi saya untuk melakukan ini?

Itu tidak harus terlihat hebat, itu seharusnya tidak terlihat seperti itu dibuat dalam cat MS dengan alat garis dan ember cat.

Pada dasarnya itu hanya lumpur dengan rumput di atasnya, dibentuk dalam beberapa bentuk bukit.

Tetapi bagaimana saya harus menggambarnya, saya tidak bisa begitu saja mengeluarkan alat pensil dan mulai menggambar pixel per pixel, bukan?


sumber
2019, pertanyaannya masih aktual :)
Город

Jawaban:

20

Photoshop memiliki efek lapisan yang dapat digunakan untuk menggambar tingkat ketampanan sangat cepat. Saya tidak tahu apakah itu akan bekerja dengan GIMP, tetapi berikut adalah beberapa langkah cara mendapatkan sesuatu di layar dengan cepat menggunakan Photoshop:

Instruksi

  1. Dapatkan beberapa tekstur tanah dan rumput. Yang saya gunakan dalam contoh saya adalah dari set freetexture ini .
  2. Buka tekstur kotoran di Photoshop. Pilih semua Ctrl-Adan salin Ctrl-C. Kemudian pilih Edit > Define Pattern...dari Menu. Beri nama Pola Anda "Kotoran".
  3. Lakukan hal yang sama untuk tekstur Rumput, beri nama "Rumput".
  4. Buat Layer baru di Photoshop dan terapkan Pattern Overlaydan StrokeEfek ke layer Anda. Pilih pola "Dirt" untuk overlay dan pola "Grass" untuk Stroke Anda (lihat gambar di bawah).
  5. Melukis dengan kuas apa pun pada layer Anda ... alih-alih memiliki warna tunggal yang membosankan, itu harus dirender sebagai lanskap, berkat efek layer. Keindahan ini adalah, Anda dapat dengan bebas menambah / menghapus bagian lanskap Anda dengan menggunakan alat gambar biasa seperti kuas atau penghapus.
  6. (opsional) Gambarkan gradien dari biru tua (atas) ke biru muda (bawah) pada lapisan latar belakang untuk langit Anda (Anda juga bisa menggunakan efek layer untuk itu).
  7. (opsional) Tambahkan beberapa efek layer seperti gradien dan drop-shadow ke layer "landscape" Anda untuk mendapatkan tampilan yang lebih baik.

Gambar-gambar

Pengaturan Pola Overlay

Pengaturan overlay pola Photoshop

Pengaturan stroke

Pengaturan stroke Photoshop

Hasil akhir

Dengan beberapa efek layer dan latar belakang.

gambar akhir

Anda juga dapat mengunduh file PSD di sini untuk melihatnya.

bummzack
sumber
1
dan Anda hanya memiliki satu gambar besar untuk seluruh level?
Spooks
1
Ya, Anda dapat menyimpannya untuk seluruh level; Saya akan memisahkan latar belakang, objek, dll. Dari bukit yang sebenarnya. Untuk mendeteksi tabrakan, Anda dapat menggunakan lapisan alfa. +1 untuk seni teknis luar biasa :)
ashes999
4

Banyak platformer dan game dari semua jenis menggunakan sistem level berbasis ubin, di mana setiap level terdiri dari kotak ubin, kadang-kadang dalam beberapa lapisan. Anda mungkin memiliki beberapa ubin "permukaan rumput", beberapa ubin lumpur, dan sebagainya. Kemudian, alih-alih menggambar gambar besar, Anda meletakkan ubin ke peta. Ini cenderung menghemat ruang tekstur, antara lain.

Game 2D yang lebih maju mengambil pendekatan yang serupa, tetapi dengan "prangko" besar yang dapat dipindahkan, diputar, dan / atau diskalakan secara bebas untuk meningkatkan level dan tidak terjebak pada kisi-kisi seperti dalam teknik berbasis ubin. Aquaria menggunakan metode ini.

Gregory Avery-Weir
sumber
2

Jika Anda tidak keberatan itu terlihat sedikit membosankan, Anda bisa menggambar sekelompok lingkaran dengan berbagai ukuran di sepanjang garis datar (bidang tanah Anda) dan mengisinya. Lalu Anda dapat kembali dan menggambar kotak cokelat yang menutupi "Bawah tanah" bagian dari peta, dan kemudian tambahkan sedikit sentuhan tanah untuk memenuhi kurva atas lingkaran. Maka Anda bisa melakukan pass detail untuk menambahkan rumput atau apa pun (sangat mudah jika Anda memiliki Photoshop dengan kuas yang berbeda).

Bantuan itu?

ChrisE
sumber
2

Saya akan sangat menyarankan Anda mengambil salinan Paint.NET gratis, dan 100x lebih baik daripada MS Paint - ini punya beberapa alat dasar untuk memfasilitasi menghasilkan seni dalam arti yang Anda cari.

Sebagai contoh, ini akan memungkinkan Anda untuk membuat pilihan dan mengisi seluruh pilihan dengan warna / gradien yang diberikan, ini akan menyelamatkan Anda dari menggunakan alat pena dan menggambar piksel demi piksel.

Bahkan tidak dekat dengan photoshop, tetapi sangat baik untuk jenis penggunaan-case, di mana Anda mencari seni gaya dasar.

Nate
sumber