Loncat ke daftar isi Lewati ke bilah sisi Skip to footer

Cara membuat fantastis Pixel Art untuk game dan aplikasi Anda

bagaimana Anda memulainya? pixel art pada? Untungnya adalah pixel art salah satu kesempatan langka ketika itu benar-benar semudah kelihatannya. Ini adalah seni piksel ...

Pixel Art memiliki daya tarik retro tertentu yang mengingatkan kembali ke era konsol 8, 16, dan 32-bit. Hari ini, bagaimanapun, itu lebih mungkin ditemukan di berbagai game indie dan seluler dan saat ini sedang menikmati kebangkitan. Ini adalah cara yang fantastis untuk melewati batasan teknologi yang datang dengan menjadi pengembang independen dan perangkat keras seluler. Dengan cara ini, Anda dapat melakukan lebih sedikit pekerjaan dan mengurangi ukuran file Anda—tetapi alih-alih terlihat murah, ini terasa seperti pilihan gaya yang sadar. Tambahkan beberapa musik chiptune dan palet warna yang unik dan Anda memiliki estetika hebat yang akan memukau di Play Store.

Daya tarik lain dari pixel art adalah bagaimana dia menantang Anda untuk bekerja dalam keterbatasannya. Karena gambarnya sangat kecil, ini memaksa pendekatan yang agak impresionistik. Bagaimana Anda bisa membuat satu atau dua piksel langsung dikenali sebagai senyum karismatik atau belati yang mencuat dari lawan? Di sinilah letak seni format yang sebenarnya dan itulah sebabnya beberapa pencapaian dalam game seperti Superbrothers: Sword & Sworcery atau yang lebih baru Hyper Cahaya Drifter  sangat mengesankan.

Cara membuat fantastis Pixel Art untuk game dan aplikasi Anda 1

bagaimana memulainya?

Dengan mengingat hal itu, Anda dapat memutuskan itu pixel art akan menjadi arah yang baik untuk proyek Anda sendiri. Dalam hal ini, bagaimana Anda memulai? Untungnya adalah pixel art salah satu kesempatan langka ketika itu benar-benar semudah kelihatannya. Ini adalah seni piksel ...

pixel art untuk game dan aplikasi Anda

Pada awalnya Anda hanya perlu memilih program menggambar pilihan Anda. Saya menggunakan GIMP karena gratis, tetapi Anda dapat dengan mudah menggunakan Photoshop atau bahkan MS Paint. Namun, saya akan merekomendasikan menggunakan sesuatu yang lebih kompleks daripada MS Paint, karena akan berguna untuk memiliki akses ke fitur seperti lapisan dan transparansi (seperti yang akan kita lihat nanti). Ada beberapa program seni piksel khusus yang juga dapat Anda gunakan, tetapi ini umumnya tidak diperlukan. Namun, Aseprite adalah pilihan yang baik.

Terlepas dari pilihan perangkat lunak Anda, Anda kemudian akan memilih alat pena dan memastikan itu diatur untuk menggambar piksel individu pada opacity 100%. Sekarang perbesar gambar Anda ke titik di mana Anda dapat melihat dengan jelas piksel persegi saat Anda menggambar. Ini sangat mudah!

Sekarang Anda dapat mulai menggambar dengan tangan atau menempatkan setiap piksel satu per satu. Perhatikan bahwa ketika menggambar hal-hal seperti lingkaran, ada baiknya untuk melihat dengan cermat pola piksel Anda (dua di atas, satu melintang, tiga di atas satu melintang, empat di atas satu melintang, dll.) karena ini akan menghasilkan tampilan yang lebih konsisten dan terkontrol Gambar. Kabar baiknya adalah sangat mudah untuk membatalkan kesalahan yang Anda buat, jadi tidak ada alasan untuk tidak bereksperimen.

Gimp Orang Android

Apa yang Anda dapatkan adalah garis besar dasar untuk apa pun yang Anda coba gambar dalam piksel kotak-kotak. Jangan khawatir tentang menambahkan banyak detail hingga nanti—cukup bereksperimen dengan mendapatkan bentuk dan proporsi yang benar terlebih dahulu. Ini adalah bagian tersulit, terutama dengan banyak karakter.

Saya suka menggunakan garis besar untuk lukisan saya, tetapi banyak orang tidak peduli dan menggambar dalam warna blok. Lakukan apa yang sesuai untuk Anda, tetapi perhatikan bahwa setiap metode memiliki pro dan kontra; Garis besar memudahkan untuk membedakan detail, tetapi dapat mengganggu karena gambar Anda menjadi lebih kecil dan pikselnya habis!

seni pixek untuk permainan Anda

Menambahkan detail dan bayangan

Setelah Anda puas dengan garis besar atau siluet Anda, Anda dapat menambahkan detail individu sampai Anda memiliki gambaran yang lengkap. Semakin banyak detail yang Anda tambahkan, karakter Anda akan terlihat semakin mengesankan. Namun, pada saat yang sama, Anda harus menghindari membuat gambar Anda tampak terlalu sempit. Penting bagi Anda untuk memulai dengan garis besar dengan ukuran yang tepat - dan ingat bahwa objek lain di dunia game Anda juga harus relatif.

Sekarang setelah Anda memiliki detail Anda, cukup tambahkan warna yang Anda inginkan dengan alat isian. Namun, ini bisa terlihat agak datar pada awalnya, jadi kemungkinan besar Anda ingin menambahkan semacam pencahayaan setelahnya.

Untuk melakukan ini, cukup bayangkan sumber cahaya untuk karakter Anda, lalu pilih dua atau lebih nuansa tambahan untuk ditambahkan ke palet warna Anda. Anda membutuhkan setidaknya satu untuk bayangan dan satu untuk sorotan. Pastikan semua bayangan muncul di halaman yang sama, dan pikirkan garis besar yang akan dibuat secara alami oleh bentuk yang Anda gambar jika itu XNUMXD. Saya menggunakan banyak bayangan di satu sisi dan kemudian hanya seberkas cahaya tipis di sisi lain untuk menonjolkan sorotan, tetapi sekali lagi, kuncinya adalah bereksperimen dan melihat apa yang cocok untuk gaya pribadi Anda.

Gimp Android Guy 2

Ingatlah bahwa Anda menggambar karakter dan objek untuk permainan. Itu berarti Anda harus berpikir hati-hati tentang sumber cahaya Anda. Membuat efek bayangan yang sangat jelas di tangan kanan sprite Anda dapat terlihat aneh dalam beberapa konteks - terutama jika Anda membalik sprite saat sedang menuju ke arah yang berlawanan! Ingatlah hal ini saat Anda membuat gambar dan pertimbangkan untuk membuat pencahayaan Anda lebih halus atau melemparkannya ke atas.

Ekspor gambar Anda

Setelah selesai, Anda dapat menyimpan dan mengekspor gambar Anda. Tentu saja kita harus berhati-hati pada saat ini karena gambarnya sebenarnya kecil akan . Ada juga beberapa hal lain yang perlu diingat saat menggunakan seni Anda dalam permainan Anda.

Pertama, pastikan untuk memotong gambar Anda secara otomatis sehingga tidak ada area putih di sekitar tepinya. Ini berguna untuk deteksi tabrakan Anda dan juga membantu Anda untuk tidak membuat gambar Anda terlalu besar. Namun, Anda mungkin ingin membuat "sprite sheet", artinya Anda akan menambahkan setiap frame animasi ke satu file. Ini membuat ukuran file keseluruhan lebih kecil dan membuatnya lebih mudah diatur. Dalam hal ini, cropping kurang penting karena Anda akan melakukannya nanti di IDE yang Anda pilih.

Ekspor gambar seni piksel Anda

Anda juga perlu memastikan latar belakang transparan sehingga karakter bergerak di dunia game Anda, bukan kotak putih besar dengan karakter yang digambar di atasnya. Di Gimp Anda melakukan ini dengan memilih "Layer" dari menu, lalu "Transparency" dan "Add Alpha Channel". Dari sana Anda dapat menghapus latar belakang putih Anda dan membiarkan gambar Anda melayang di atas apa-apa.

Jika Anda mengekspor gambar Anda, Anda dapat melakukannya pada ukuran file yang sebenarnya jika Anda berencana untuk menggunakannya dalam permainan. Di Unity Anda dapat memilih 'Pixels Per Unit' untuk setiap sprite individu, membuatnya mudah untuk meledakkan gambar Anda sebesar yang Anda inginkan sambil tetap memanfaatkan ukuran file yang kecil.

Namun sebaliknya, jika Anda berencana untuk membagikan gambar Anda secara online, Anda ingin gambar tersebut tampak lebih besar. Jadi buka 'gambar', lalu ke 'ukuran gambar' dan tambah ukurannya. Pastikan Anda telah menonaktifkan Interpolasi atau Pertahankan Tepi Keras yang dipilih (tergantung pada perangkat lunak Anda). Jika tidak, gambar akan tampak buram.

7 Tips Seni Piksel

Akhirnya, beberapa tips untuk membantu Anda menguasai pixel art harus membantu...

1. Ingatlah gambaran besarnya

Saat Anda memperbesar dan mengedit setiap piksel dengan hati-hati, mungkin sulit untuk membayangkan seperti apa tampilan gambar Anda setelah selesai. Karena itu, penting untuk memperkecil dari waktu ke waktu. Atau lebih baik lagi, coba alat navigasi (tersedia dengan sebagian besar program seni) yang memungkinkan Anda untuk melihat perspektif yang dikurangi pada kanvas Anda dan juga melompat ke titik tertentu.

Ingatlah gambaran besarnya

2. Gunakan Alat Tongkat Sihir

Anda dapat memilih seluruh wilayah atau warna menggunakan alat Tongkat Ajaib atau Pemilihan Warna. Dengan cara ini Anda hanya bisa menggambar di area itu adalah pada gilirannya, memastikan Anda dapat menggambar dengan bebas tanpa khawatir melewati batas. Alpha Lock adalah alat lain yang dapat Anda gunakan untuk melakukan ini.

3. Tambahkan antialiasing

Antialiasing adalah istilah grafik komputer yang dimaksudkan untuk memperhalus tampilan piksel, biasanya dengan mengurangi kontras dan menambahkan lebih banyak warna transisi. Gamer PC akan mengenali ini sebagai opsi grafis yang dapat diaktifkan dan dinonaktifkan untuk meningkatkan kinerja.

Dalam kasus kami, antialiasing adalah efek yang dapat kami tiru untuk membuat gambar kami terlihat sedikit lebih otentik. Untuk menciptakan efek, temukan titik di mana Anda memiliki kontras mendadak, lalu perkenalkan warna transisi tersebut di sepanjang tepinya. Idenya di sini bukan untuk membuat gradien halus, hanya membuat transisi tampak sedikit kurang kuat. Saya menambahkan beberapa antialiasing ke Tautan di sini sehingga Anda dapat melihat perbedaannya:

Di sini Anda juga akan belajar sesuatu tentang Pixel Art: Ini membutuhkan banyak kesabaran!

4. Gunakan level

Sebagian besar program seni memungkinkan Anda menggunakan lapisan, yang berarti Anda dapat membuat gambar muncul di latar belakang dan menggambar di atasnya tanpa memengaruhi lapisan itu. Anda juga dapat mengubah transparansi setiap lapisan, dll.

Ini memungkinkan kita untuk mengambil gambar yang ingin kita kerjakan, menurunkan skalanya (menjaga rasio aspek yang benar), dan kemudian melacaknya dengan alat pena. Begitulah cara saya membuat potret Gary ini...

Gary pixel art

5. Coba filter

sedangkan yang terbaik pixel art Diedit 99% dengan tangan, ada beberapa filter yang dapat membuat hidup Anda sedikit lebih mudah tergantung pada ambisi Anda. Misalnya, Gimp memiliki filter blur yang disebut "Pixelize" yang melakukan persis seperti yang tertulis di kaleng. Anda dapat menggunakan ini untuk menambahkan antialiasing ekstra ke gambar yang ada, atau Anda dapat menggunakannya untuk "menipu" dan mengubah gambar biasa menjadi sesuatu yang lebih mirip pixel art terlihat. Alat mengasah juga bisa menjadi sumber yang berguna.

Coba filter pixel art

6. Cari inspirasi

Cara terbaik untuk pixel art Menjadi lebih baik, seperti kebanyakan hal, adalah tentang terus mencoba. Namun, melakukan riset dan mencari inspirasi secara online juga bisa sangat membantu. Secara khusus, melihat contoh "sprite referensi" yang ada dapat membantu, terutama jika Anda ingin membuat item dengan cepat seperti peti, pohon, dan sejenisnya. 'The Spriter's Resource' adalah situs yang bagus untuk menemukan spritesheets dari semua game lama favorit Anda. Melihat lembar sprite juga bisa sangat berguna ketika mencoba untuk menganimasikan karakter Anda karena memberi Anda referensi untuk biomekanik berjalan, berlari dan melompat (biomekanik mengacu pada cara lengan dan kaki kita bergerak), kaki bergerak saat kita bergerak).

Dan tentu saja ada banyak inspirasi di Deviant Art dan Pinterest, serta banyak game hebat langsung di Play Store. Beberapa contoh yang sangat baik adalah: Saudara Super: Pedang & Sworcery, Pewdiepie: Legenda Brofist, VVVVVV (boleh dikatakan), Sonic si Landak 1, 2 & CD dan terarium.

7. Jadilah asli

sementara pixel art terlihat luar biasa secara teratur dan potensi eksperimen tidak terbatas, penting untuk memastikan Anda bekerja untuk memastikan milik Anda tidak dibuat-buat. Ada satu saat ini banyak pixel art, jadi terlalu mudah untuk menggunakan yang generik pixel art-Buat tampilan dan beri nama tag. Jika Anda ingin gim Anda terlihat unik, Anda harus berpikir di luar kebiasaan dan mencoba tampil dengan gaya Anda sendiri. Bagaimana tentang, pixel art untuk menggabungkan dengan gaya lain, seperti cyberpunk? Eksperimen, coba hal baru, dan ciptakan pixel artyang entah bagaimana unik untuk Anda. menggunakan pixel art sebagai media untuk mengekspresikan diri dan menghidupkan imajinasi Anda – lagi pula, itulah seni!

Bagikan pemikiran Anda dengan kami!

Apa reaksi Anda?
1Tersenyum0lol0Wah0Kasih0Sedih0marah