Seni piksel sangat populer di video game independen modern. Hal ini memungkinkan seniman untuk memberikan banyak karakter untuk permainan tanpa harus menghabiskan waktu berjam-jam untuk pemodelan objek 3D atau menggambar subjek kompleks dengan tangan. Jika Anda ingin menjadi seniman piksel, langkah pertama adalah membuat sprite. Setelah Anda merasa nyaman membuat sprite, Anda dapat mulai menganimasikan dan membagikan keterampilan Anda kepada calon pemberi kerja.
Langkah
Bagian 1 dari 7: Mengumpulkan Alat Anda
Langkah 1. Unduh beberapa perangkat lunak pengedit gambar yang bagus
Meskipun Anda dapat membuat seni piksel dengan Paint, Anda akan mengalami kesulitan. Beberapa program seni piksel paling populer meliputi:
- Photoshop
- Paint.net
- GIMP
- piksel
- aseprite
- pixilart
Langkah 2. Dapatkan tablet gambar
Jika Anda ingin menjiplak karya seni yang digambar tangan atau tidak terlalu suka menggunakan mouse untuk menggambar di layar, Anda bisa menggunakan tablet dan stylus. Wacom adalah salah satu produsen tablet paling populer.
Langkah 3. Aktifkan tampilan kisi di perangkat lunak pengeditan Anda
Anda ingin mengaktifkan mode kisi di perangkat lunak mana pun yang Anda pilih. Ini akan memungkinkan Anda untuk melihat dengan jelas ke mana setiap piksel akan pergi. Anda biasanya dapat mengakses tampilan grid dari menu View.
Anda mungkin perlu mengonfigurasi kisi sehingga setiap kotak mewakili satu piksel. Metode untuk melakukan ini bervariasi dari program ke program. Di GIMP, Anda dapat mengubahnya dari menu Image (pilih "Configure Grid…")
Langkah 4. Pilih pensil satu piksel
Pilih alat Pensil di perangkat lunak pengeditan Anda. Dalam opsi Pencil, pilih sikat piksel tunggal. Ini akan memungkinkan Anda untuk menggambar dalam piksel tunggal.
Bagian 2 dari 7: Mempraktikkan Dasar-dasarnya
Langkah 1. Buat gambar baru
Karena Anda akan mengerjakan level piksel, ukuran gambar tidak perlu besar. Seluruh layar di game Super Mario Bros asli hanya 256 x 224 piksel. Mario sendiri hanya berukuran 12 x 16 piksel!
Langkah 2. Perbesar
Karena Anda akan bekerja dengan piksel individu, Anda akan ingin memperbesar sangat jauh sehingga Anda dapat melihat kisi dan di mana setiap piksel ditempatkan. Anda mungkin perlu memperbesar lebih dari 800% untuk melihat piksel dalam kisi dengan jelas.
Langkah 3. Berlatih menggambar garis lurus
Ini mungkin tampak seperti konsep sederhana, tetapi jika garisnya bahkan satu piksel di tengahnya, itu akan terlihat. Berlatih menggambar garis lurus dengan mouse atau stylus sehingga Anda tidak perlu beralih ke alat garis setiap saat.
Langkah 4. Berlatih menggambar garis lengkung
Kurva harus terjadi dengan jeda reguler di garis piksel. Misalnya, kurva yang baik akan dimulai dengan jeda enam piksel, diikuti dengan jeda tiga piksel, diikuti dengan jeda dua piksel, diikuti dengan jeda satu piksel. Istirahat kemudian akan berbalik untuk membuat ujung kurva yang lain. Kurva yang buruk akan dimulai dengan jeda tiga piksel, diikuti oleh jeda satu piksel, diikuti oleh jeda tiga piksel, atau perkembangan aneh lainnya.
Langkah 5. Gunakan alat Erase untuk memperbaiki kesalahan
Seperti alat Pencil, Anda ingin mengatur penghapus untuk menghapus satu piksel dalam satu waktu. Jika penghapus terlalu besar, akan sulit untuk menghapus piksel dengan presisi.
Bagian 3 dari 7: Membuat Garis Besar Sprite Pertama Anda
Langkah 1. Tentukan penggunaan sprite
Apakah akan menjadi animasi atau statis? Anda dapat memasukkan lebih banyak detail ke dalam sprite statis, tetapi Anda mungkin ingin membuat sprite animasi lebih sederhana karena Anda perlu menggambar ulang bagian untuk animasi. Jika sprite akan digunakan dengan sprite lain, Anda harus mempertahankan gaya artistik yang menghubungkan semuanya.
Langkah 2. Cari tahu apakah ada batasan
Jika Anda membuat sprite untuk sebuah proyek, tentukan apakah ada batasan ukuran atau warna. Ini akan menjadi lebih penting ketika Anda mulai mengerjakan proyek yang lebih besar dengan banyak sprite yang berbeda.
Kebanyakan sistem modern tidak memiliki batasan pada ukuran sprite dan kompleksitas warna. Jika Anda mengembangkan game khusus untuk sistem yang lebih lama, Anda mungkin mengalami lebih banyak batasan
Langkah 3. Buat sketsa
Cobalah untuk membuat sketsa konsep dasar sprite di selembar kertas. Ini akan memungkinkan Anda untuk melihat bagaimana sprite akan terlihat dan membuat penyesuaian pada pose atau karakteristik lainnya. Anda dapat menggunakan sketsa ini sebagai sumber penelusuran Anda nanti jika Anda memiliki tablet.
Membuat sketsa detail. Tempatkan semua fitur yang ingin Anda sertakan sehingga Anda bisa merasakan bagaimana sprite akan terlihat sebagai produk jadi
Langkah 4. Buat garis besar dalam program pengeditan Anda
Gunakan sketsa garis besar sebagai referensi atau lacak garis besar menggunakan buku catatan Anda. Anda dapat mengklik dan menggambar untuk membuat garis besar atau menempatkan setiap piksel satu per satu, pilihan ada di tangan Anda.
Saat membuat sprite pertama Anda, gunakan hitam pekat sebagai warna garis luar Anda. Ini akan memudahkan untuk membedakannya. Anda dapat mengubah warna garis secara manual nanti
Langkah 5. Bersihkan garis besar
Perbesar dan mulai hapus piksel ekstra dan perbaiki garis. Garis besar seharusnya hanya setebal satu piksel, kecuali jika Anda menyimpan garis yang lebih tebal untuk sisa sprite. Gunakan alat Pensil Anda untuk menyisipkan piksel untuk membantu memperbaiki kesalahan.
Fokus pada detail besar selama proses pembuatan garis besar. Anda dapat kembali dan menambahkan sentuhan-sentuhan kecil nanti
Bagian 4 dari 7: Mewarnai Sprite Anda
Langkah 1. Memoles teori warna dasar
Lihat roda warna untuk membantu menentukan warna mana yang harus Anda gunakan. Warna yang saling berseberangan pada roda akan sangat berbeda, sedangkan warna yang berdekatan akan terlihat bagus jika bersebelahan.
Pilih satu set warna yang memberikan sprite Anda tampilan yang khas tanpa terlalu mencolok. Hindari warna-warna pastel jika memungkinkan, kecuali seluruh proyek menggunakan gaya itu
Langkah 2. Cukup gunakan beberapa warna
Semakin banyak warna yang Anda tambahkan, semakin mengganggu tampilan sprite Anda. Lihatlah beberapa sprite paling ikonik dan Anda akan menemukan bahwa mereka sering hanya menggunakan beberapa warna.
- Mario - Sprite Mario klasik hanya menggunakan tiga warna yang semuanya terkait erat.
- Sonic - Sonic memiliki detail yang lebih dari Mario aslinya, namun tetap hanya terdiri dari empat warna dengan corak yang bervariasi.
- Ryu - Salah satu sprite game pertarungan klasik, Ryu menggunakan area luas dengan warna sederhana, dengan sedikit bayangan untuk definisi. Ryu memiliki lima warna dasar dengan berbagai corak.
Langkah 3. Terapkan warna Anda
Gunakan alat Isi untuk menerapkan pilihan warna Anda ke sprite Anda. Anda hanya menerapkan warna dasar pada saat ini, jadi jangan khawatir tentang tampilannya yang datar. Alat Isi akan mengganti semua piksel yang cocok dengan piksel yang Anda klik dengan warna yang Anda pilih, hingga batas tercapai.
Bagian 5 dari 7: Menerapkan Shading
Langkah 1. Tentukan "sumber cahaya"
Sudut cahaya yang mengenai sprite akan membantu Anda menentukan di mana harus menerapkan bayangan untuk efek yang lebih realistis dan dapat dipercaya. Meskipun sebenarnya tidak ada cahaya, mengetahui arah cahaya itu bersinar sangat penting.
Mungkin paling mudah untuk menaungi dengan sumber cahaya yang datang dari jauh di atas sprite, baik dari sedikit ke kanan atau sedikit ke kiri
Langkah 2. Terapkan shading menggunakan warna yang sedikit lebih gelap dari warna dasar
Jika sumber cahaya datang dari atas, bayangan harus terjadi di "bagian bawah" sprite. Teduhi area yang tidak terkena cahaya langsung. Cukup tambahkan beberapa lapisan piksel di atas atau di bawah garis luar untuk menambahkan bayangan.
- Anda dapat mengurangi nilai "lum" dari warna dasar Anda dan sedikit meningkatkan nilai "hue" untuk mendapatkan warna bayangan yang baik.
- Jangan pernah menggunakan gradien. Mereka akan terlihat sangat palsu dan tidak profesional. Anda dapat menggunakan dithering untuk meniru gradien (lihat di bawah).
Langkah 3. Tambahkan beberapa bayangan lembut
Pilih bayangan antara kegelapan bayangan dan warna dasar aslinya. Gunakan bayangan ini untuk menambahkan lapisan bayangan lain antara bayangan dan warna dasar. Ini akan memberikan efek transisi dari gelap ke terang.
Langkah 4. Terapkan beberapa highlight
Ini adalah titik-titik pada sprite yang paling banyak terkena cahaya. Anda bisa menambahkan highlight dengan menggunakan shade yang sedikit lebih terang dari warna dasar. Gunakan sorotan dengan hemat, karena dapat mengganggu.
Bagian 6 dari 7: Menggunakan Teknik Tingkat Lanjut
Langkah 1. Cobalah beberapa dithering
Ini adalah efek yang memungkinkan artis untuk mewakili pergeseran bayangan. Ini memungkinkan Anda untuk membuat efek gradien hanya dengan beberapa warna dengan penempatan piksel bergantian untuk membuat transisi. Jumlah dan penempatan dua warna piksel yang berbeda dalam suatu pola dapat menipu mata untuk melihat nuansa yang berbeda.
Dithering cenderung terlalu sering digunakan oleh pemula, jadi cobalah untuk menghindari menggunakannya kecuali dalam kasus yang jarang terjadi
Langkah 2. Berlatih anti-aliasing
Seni piksel ditentukan oleh piksel yang terlihat, tetapi terkadang Anda ingin memadukan garis untuk membuat semuanya terlihat sedikit lebih halus. Anti-aliasing adalah teknik yang memungkinkan Anda melakukan ini.
- Tambahkan warna perantara ke kekusutan pada kurva. Tambahkan satu lapisan warna perantara di sekitar garis luar kurva yang ingin Anda lunakkan. Jika masih terlihat kasar, tambahkan lapisan lain dengan warna yang lebih terang.
- Jika Anda ingin sprite Anda terlihat tajam pada latar belakang warna apa pun, jangan anti-alias tepi luar outline.
Langkah 3. Terapkan garis besar selektif
Ini adalah istilah untuk mewarnai garis yang mirip dengan warna yang digunakan untuk mengisi. Ini akan memberikan sprite tampilan yang sedikit kurang "kartun", karena garis luarnya akan sedikit lebih alami. Cobalah menggariskan kulit telanjang secara selektif saat menggunakan garis luar tradisional pada pakaian.
- Gunakan warna yang lebih gelap dari warna dasar bagian yang Anda garis besarkan secara selektif. Gunakan sumber cahaya untuk mengubah bayangan saat Anda membuat garis, memberikan sprite tampilan yang lebih alami. Ini bisa sangat berguna untuk kulit dan otot.
- Garis besar tradisional bagus jika Anda membutuhkan sprite Anda untuk tetap khas di atas latar belakang yang sibuk.
Bagian 7 dari 7: Menambahkan Sentuhan Akhir
Langkah 1. Berikan sprite pandangan yang baik
Mundur selangkah dan lihat sprite Anda sampai saat ini. Tentukan apakah ada yang terlihat salah, lalu perbaiki ketidakkonsistenan atau kesalahan tersebut.
Langkah 2. Tambahkan detail
Setelah Anda selesai mewarnai dan mengarsir, Anda dapat menambahkan detail seperti tulisan, mata, fitur tambahan, dan hal lain yang dapat membawa sprite Anda ke level berikutnya. Perhatian terhadap detail pada akhirnya adalah yang membedakan amatir dari seniman piksel profesional.
Langkah 3. Animasikan sprite Anda
Jika Anda mengikuti langkah-langkah di atas, Anda akan memiliki satu sprite statis. Ini bagus sebagai karya seni, tetapi jika Anda ingin membuat sprite untuk game, mereka mungkin perlu dianimasikan. Ini berarti bahwa setiap frame animasi harus memiliki sprite sendiri, dengan sedikit perubahan dari frame sebelumnya. Kumpulan semua sprite yang digunakan dalam animasi disebut "sprite sheet".
- Lihat panduan ini untuk detail tentang menganimasikan lembar sprite di GIMP.
- Membuat animasi yang unik dan menarik untuk sprite adalah salah satu cara seniman master pixel memisahkan diri dari amatir. Animasi yang bagus dapat menghembuskan banyak kehidupan ke dalam sprite.
Langkah 4. Buat portofolio
Jika Anda ingin membawa keterampilan seni piksel Anda ke dunia pengembangan video game, Anda pasti ingin memiliki portofolio yang solid untuk dipamerkan kepada calon pemberi kerja. Sertakan beberapa sprite terbaik Anda, serta beberapa animasi jika Anda memilikinya. Sertakan berbagai subjek, termasuk karakter, pemandangan, alat peraga, dan banyak lagi.