Cara Membuat Seni Piksel Menggunakan Photoshop

Tidak seperti seni biasa, seni piksel terdiri dari pengisian warna per piksel, sehingga menghasilkan tingkat detail yang rendah. Namun meski begitu, hal itu tidak mengganggu banyaknya alur cerita yang dapat dikomunikasikan.

Dalam tutorial ini, saya akan menunjukkan cara membuat Pixel Art sederhana menggunakan Photoshop (Saya akan menggunakan Photoshop Elements tetapi langkah-langkahnya harusnya hampir sama untuk Photoshop versi lengkap).

Anda juga dapat menggunakan teknik ini untuk pengembangan game, saat membuat sprite level atau karakter game.

Jadi mari kita mulai!

Langkah 1: Membuat Gambar Baru

• Di Photoshop klik File -> Baru -> File Kosong...

• Atur Lebar dan Tinggi menjadi sesuatu yang kecil (Dalam kasus saya, saya akan mulai dengan membuat ubin dasar, sehingga Lebar dan Tinggi diatur ke 16)
• Atur Mode Warna ke Warna RGB lalu klik Ok

• Akan muncul gambar kosong baru (Anda dapat memperbesar dengan menekan Ctrl dan +)

• Pilih Pencil Tool dan atur Size menjadi 1 px dan Opacity menjadi 100%

Langkah 2: Melukis Piksel

• Sekarang kita siap mengecat (saya akan mulai dengan membuat ubin tanah dengan rumput di atasnya)

Seperti yang Anda lihat, gambar yang dihasilkan cukup kecil (saya akan membahas cara membuat ubin lebih besar di akhir artikel)

• Sementara itu, saya mengulangi proses yang sama untuk 3 elemen karya seni saya yang lain (Rumah, Pagar, dan Pohon)

• Sekarang saatnya menggabungkan gambar-gambar tersebut, berikut hasil akhirnya:

Untuk menskalakan gambar tanpa kehilangan pikselasi, Anda perlu melakukan langkah berikutnya:

• Buka Gambar -> Ubah Ukuran -> Ukuran Gambar...

• Atur Lebar ke nilai yang lebih besar (Dalam kasus saya, saya akan mengaturnya menjadi 784 px), tingginya harus berskala proporsional.

Nah jika klik Ok gambar akan terlihat buram, itu karena kita perlu mengubah algoritma penskalaan menjadi "Nearest Neighbor" seperti ini:

Dan inilah Gambar yang diperkecil (Tips: Klik gambar untuk meluaskannya):

Bonus: Mengisi Area Piksel

Katakanlah Anda selesai menggambar karakter piksel dan perlu mengisi bagian dalamnya dengan warna solid.

Biasanya Anda melakukannya dengan Paint Bucket Tool, namun Anda akan melihat beberapa piksel menonjol:

Untuk menghindari hal ini, kita perlu menonaktifkan Anti-aliasing di Paint Bucket Tool:

Jauh lebih baik!