Mengapa Pixel Art Boleh Menjadi Tempat Latihan yang Sempurna untuk Reka Bentuk Grafik

Walaupun anda tidak pernah mengalami keajaiban permainan video klasik dari tahun 1970-an hingga 1990-an, tidak pernah terlambat untuk mengembangkan penghargaan terhadap bentuk seni yang berbeza yang berkembang untuk memenuhi keperluan permainan ini. Ini adalah bentuk seni yang kita kenal sekarang sebagai seni piksel, dan ini adalah salah satu kaedah terbaik untuk mendapatkan jalur anda dalam reka bentuk grafik 2D komputer.

Sebabnya adalah bahawa seni piksel memberikan tuntutan berat kepada artis. Ia memerlukan lebih banyak disiplin dan lebih kaku daripada kebanyakan bentuk seni yang lain. Pixel art memaksa anda untuk memfokuskan dan mengasingkan apa yang paling penting dalam gambar dan hanya menggunakannya, tanpa memberikan kawalan yang lebih baik yang dapat anda terapkan dengan gaya lukisan yang lebih terperinci. Ini adalah pendekatan "kurang lebih banyak" untuk melukis, dan ini menjadikan anda lebih baik dalam melukis.

Seni Pixel memerlukan masa untuk dikuasai. Lagipun, anda membuat gambar anda satu piksel pada satu masa, dan setiap gambar memerlukan perancangan yang teliti. Anda perlu belajar bekerja dengan palet terhad, dan tanpa kelebihan lengkung semula jadi. Anda juga akan bekerja secara eksklusif dalam persekitaran 2D, di mana jika anda memerlukan paparan 3D, anda perlu membuatnya menggunakan helah seperti perspektif isometrik dan tatal paralaks.

Belajar menghidupkan sprite dan latar belakang juga merupakan kaedah terbaik untuk meningkatkan kemahiran pengaturcaraan anda jika anda mengendalikan keseluruhan projek permainan sendiri. Sekarang bahawa peranti mudah alih lebih tersambung dan biasanya tidak mempunyai keupayaan untuk permainan 3D yang berterusan, Permainan 2D membuat kebangkitan, dan anda benar-benar dapat menggunakan kemahiran ini untuk mendapatkan wang tambahan apabila kerja reka bentuk tidak mengalir secara bebas ke pintu rumah anda.

Pixel art tidak memerlukan perisian khas. Anda boleh membuat seni piksel dalam mana-mana program lukisan asas. Banyak seniman piksel memulakan kerajinan mereka dengan alat mudah seperti MS Paint, tetapi lebih baik menggunakan perisian yang lebih canggih yang menggunakan lapisan dan grid tersuai, sehingga anda benar-benar dapat menyesuaikan reka bentuk anda dengan sempurna. Inkscape sangat baik untuk tujuan ini. Ia percuma, mempunyai grid isometrik terbina dalam, dan berfungsi dengan sempurna untuk seni piksel.

doc88img02

Mengenai perkakasan, anda boleh menggunakan tetikus, tetapi saya lebih mudah menggunakan tablet grafik kerana saya cenderung mendapatkan "tangan tetikus" ketika melakukan kerja seni terperinci, jadi saya akan mengesyorkan menggunakan sekurang-kurangnya tablet grafik asas.

Mengapa seni piksel sesuai

Terlalu banyak orang menggunakan perkataan ilustrator dan pereka secara bergantian. Sungguh ilustrator jauh di bawah tahap pereka. Ilustrator hanya menarik sesuatu mengikut permintaan pelanggan mereka. Pereka merancang sesuatu mengikut keperluan pelanggan mereka. Ini adalah perbezaan besar.

Belajar membuat seni piksel bermaksud belajar bagaimana membuat inovasi penyelesaian kreatif untuk memenuhi keperluan yang sangat spesifik. Ia lebih daripada sekadar melukis. Perancangan, perhatian terhadap perincian, kemampuan untuk bekerja dalam batasan teknologi, dan merancang strategi untuk mengatasi batasan-batasan tersebut, inilah yang menjadikan seorang seniman piksel yang hebat dan juga perancang yang hebat.

Dunia seni piksel

Berbeza dengan yang anda jangkakan, pasaran untuk seni piksel sangat besar dan berkembang. Harapannya pada umumnya bahawa seni piksel akan mati begitu teknologi mencapai tahap di mana lebih praktikal dan layak untuk menggunakan seni vektor dan 3D CGI. Pada kenyataannya masih ada permintaan yang tinggi untuk seni piksel dan ia sebenarnya telah mendapat ruang lingkup aplikasi yang lebih luas. Di mana dulu seni piksel hanya terbatas pada permainan, kini digunakan dalam aplikasi praktikal yang sangat luas.

Beberapa kawasan di mana seni piksel dijual termasuk:

  • Permainan mudah alih dan permainan bertema retro
  • maklumat grafik
  • Reka bentuk laman web
  • Reka bentuk antara muka
  • Reka bentuk yang digunakan pada pakaian, tanda kunci, dll.
  • Grafik televisyen (contohnya: The IT Crowd, Good Game)
  • Komik seni Pixel (mis.: Diesel Sweeties, Kid Radd)
  • Filem (contohnya: Wreck It Ralph, Pixels)
  • Pameran seni Pixel dan koleksi peribadi

Mungkin ada pasaran lain yang berpotensi muncul dari semasa ke semasa. Dalam beberapa cara, anda juga boleh menganggap batu bata Lego sebagai sejenis seni piksel, dan sebenarnya boleh membuat seni piksel 3D dengan Lego. Tetapi itu tidak akan berlaku melainkan anda pertama kali menjadi artis piksel utama, jadi mari kita ketahui lebih lanjut mengenai bagaimana anda melakukannya.

Bermula dalam reka bentuk seni piksel

Cara terbaik untuk masuk ke dunia ini adalah dengan memasukkan beberapa pertandingan seni piksel dan belajar semasa anda pergi. Sudah tentu ketika membincangkan pertandingan, kami bermaksud pertandingan yang bebas dan tidak mengusahakan karya anda secara komersial dengan meminta anda menandatangani semua hak anda kepada penganjur pertandingan.

Pertandingan seni piksel yang baik menetapkan cabaran yang mengharuskan anda menggunakan kemahiran anda sebagai pereka yang inovatif untuk mencapai matlamat. Kadang-kadang ini hanya menetapkan tema, tetapi juga termasuk aturan seperti membatasi jumlah warna yang dapat Anda gunakan atau menetapkan jumlah piksel maksimum. Ini adalah semua kekangan yang terpaksa dilakukan oleh pereka permainan. Apabila anda mempelajari teknik yang sama, dalam keadaan yang sama, anda mengembangkan kemahiran yang kuat dan semoga pemahaman yang lebih baik mengenai keseluruhan proses reka bentuk.

Latihan

Terdapat banyak tutorial dalam talian percuma dan anda boleh membeli buku mengenai seni piksel or reka bentuk permainan untuk membuat anda pergi. Untuk pengenalan yang lebih mendalam, anda boleh mempertimbangkan untuk mengambil kursus udemy dalam seni pixel. Dengan harga hanya $ 35 dan diajar oleh seorang artis permainan pakar (Marco Vale, yang kini merupakan Pengarah Seni di Indot Studios), ia adalah nilai yang sangat baik.

Proses seni piksel

Membuat sebarang karya seni piksel mengikuti proses linear dari konsep hingga selesai:

  • Ideanya - anda memutuskan apa yang akan anda buat, atau dapatkan arahan
  • Perancangan - anda membuat pilihan tentang bagaimana anda akan membuat gambar
  • Pemilihan grid - anda memilih jenis grid yang betul untuk gambar yang anda buat
  • Pemilihan palet - anda menyediakan palet warna untuk gambar
  • Prototaip - langkah pilihan untuk memberi anda kerangka asas untuk garis besar
  • Menggariskan - anda membuat garis besar asas bahagian utama gambar
  • Melicinkan - anda memperbaiki "jaggies" atau penyelewengan untuk membuat garis besar yang lebih baik
  • Pewarnaan - anda menambah warna pada gambar menggunakan palet yang anda sediakan
  • Bayangan - anda menambah sorotan dan bayangan untuk menjadikan gambar anda lebih realistik
  • Dithering - langkah pilihan untuk meniru nuansa retro sebenar dalam situasi palet terhad
  • Garis besar selektif - anda menggunakan garis padat pada bahagian gambar yang dipilih untuk memberi definisi
  • Anti-aliasing - langkah penghalusan terakhir di mana anda menggunakan warna untuk meningkatkan realisme
  • Pengaturan - jika gambar yang anda buat adalah sebahagian kecil dari pemandangan yang lebih besar, anda memasukkannya ke dalam tetapannya

Beberapa langkah seperti dithering dan anti-aliasing dapat dikendalikan secara automatik oleh perisian lukisan anda. Itu bergantung pada apa yang anda gunakan dan pilihan apa yang anda pilih.

Idea

Sebilangan orang menganggap ini sebagai langkah paling sukar dalam membuat karya baru, tetapi sebenarnya mungkin tidak. Matlamat anda adalah untuk memutuskan apa yang akan anda buat, atau dalam beberapa kes untuk mengambil arahan dari klien berkenaan dengan apa yang mereka mahukan. Inspirasi boleh datang dari dunia nyata di sekitar anda, atau dari filem, permainan, buku, dan apa sahaja yang dapat membantu anda menggambarkan objek yang akan muncul di tempat kejadian anda. Untuk contoh ini, kami akan membuat pot bunga yang akan menjadi penopang dalam pemandangan yang lebih besar.

Perancangan

Dalam langkah ini, anda sudah tahu apa yang akan anda buat, jadi sekarang anda memikirkan bagaimana anda akan membuatnya. Keputusan utama pertama adalah sama ada anda akan merancang gambar rata atau memberikan perspektif 3D. Anda juga akan menentukan seberapa terperinci atau realistik gambar itu, sama ada ia memerlukan penampilan retro, dan perkara lain seperti itu.

Semakin realistik anda mahu gambar itu, semakin banyak piksel dan warna yang perlu anda gunakan, dan semakin lama masa yang diperlukan untuk membuatnya. Sekiranya anda merancang untuk pertandingan, beberapa pilihan ini sudah dibuat untuk anda, tetapi anda masih perlu mencari kaedah terbaik untuk mencapai hasilnya.

Perkara yang wajar dilakukan ialah mencetak grid yang akan anda bekerjasama dan menggunakannya untuk membuat lakaran kertas gambar komputer yang sudah siap. Ini akan menjadi rujukan untuk bitmap yang anda buat, untuk membantu anda menjaga perspektif dan skala tetap.

Pemilihan grid

Ini ditentukan oleh sifat karya yang anda buat. Untuk gambar rata, anda akan menggunakan grid standard di mana semua garis bersilang pada sudut tepat.

doc88img03

Dalam pemandangan 3D, anda mempunyai pilihan antara menggunakan grid isometrik (pilihan paling umum) atau grid serong. Grid isometrik mempunyai garis yang bersilang pada 30 darjah:

doc88img04

Grid serong mempunyai garis yang bersilang pada 45 darjah:

doc88img05

Lukisan serong bagus ketika anda ingin memasukkan banyak perincian yang baik, tetapi secara amnya isometrik memberikan pandangan yang lebih baik dan terasa lebih realistik. Ini gaya lukisan yang lebih banyak dipilih dengan alasan yang baik.

Pemilihan palet

Anda boleh meninggalkan langkah ini sehingga anda bersedia untuk mewarnai, tetapi sebenarnya dapat membantu sepanjang prosesnya jika anda menentukan warna anda sejak awal.

prototaip

Pot bunga pada contohnya pada dasarnya adalah bentuk kerucut yang terdistorsi, dan seperti semua tiruan kerucut 2D, kita membuat bentuk asas itu dengan menggunakan elips bertumpuk. Ini menjimatkan masa dan juga menunjukkan nilai penggunaan Inkscape, kerana ia mempunyai algoritma untuk menghasilkan garis yang lebih halus pada tepi melengkung daripada banyak program lukisan lain. Kita hanya perlu memastikan elips sejajar dengan grid.

doc88img06

Kemudian gunakan beberapa garis lurus untuk menyambungkannya (garis melengkung lembut akan lebih realistik jika anda mempunyai kesabaran untuk melukisnya).

doc88img07

Menggariskan

Pada langkah ini, kami melukis garis besar gambar yang ingin kami pikselkan. Sekiranya anda membuat prototaip gambar, bahagian ini mudah. Pertama buat lapisan gambar baru dan susun di atas lapisan lain (di Inkscape, lapisan baru secara automatik mempunyai latar belakang yang telus). Kunci lapisan prototaip, kemudian pilih lapisan baru dan gunakan untuk menelusuri prototaip anda dengan alat pensil. Lumpuhkan pemotongan grid semasa mengesan garis lengkung.

doc88img08

Sekiranya anda menghadapi kesukaran untuk melihat garis baru anda, cukup mengurangkan kelegapan lapisan prototaip sehingga lebih mudah untuk melihat garis lapisan garis besar anda. Jangan jejak semua garis, hanya yang akan masuk akal.

doc88img09

Anda boleh menghapus lapisan prototaip setelah menyelesaikan garis besar, jika anda mahu, atau membuatnya tidak kelihatan.

doc88img10

Melicinkan

Ini adalah langkah yang sukar. Untuk ini anda memperbesar lengkung dalam gambar dan cuba membetulkan garis bergerigi yang menjadikan gambar kelihatan kurang semula jadi. Bergantung pada tahap gambar, anda mungkin tidak perlu melakukan ini (jika gambar anda berukuran 32 × 32 piksel atau kurang, ada sedikit yang dapat anda lakukan untuk memperbaikinya dengan melicinkan.

Cara untuk melakukan kelancaran pertama anda adalah dengan memperbesar gambar sehingga anda dapat melihat di mana lengkung tidak ditentukan dengan baik, atau di mana terdapat jurang (jurang) pada garis padat. Sebilangan jurang akan menyebabkan pendarahan warna jika anda menggunakan baldi, jadi adalah idea yang baik untuk menghilangkan jurang. Ingat bahawa anda hanya melakukan satu piksel pada satu masa, di mana tablet menjadikan tugas lebih mudah daripada tetikus.

doc88img11

Mewarna

Inilah yang biasa anda lakukan untuk bersenang-senang ketika anda berusia lima tahun, kecuali sekarang ini jauh lebih mudah. Anda boleh mengisi kawasan dengan warna yang besar dengan baldi, dan banyak program menggambar membolehkan anda menetapkan kecerunan yang mungkin atau tidak memberi anda penampilan yang realistik. Jika tidak, ini sama dengan melicinkan: zum masuk dan tetapkan piksel anda satu demi satu. Jangan buat lapisan warna yang berasingan, kerana perisian anda mungkin tidak mengenali batas dari lapisan yang berbeza ketika melakukan pengisian baldi.

doc88img12

Shading

Warna pepejal mudah, tetapi untuk mendapatkan penampilan yang realistik, anda perlu menggunakan warna. Lebih mudah melakukan bayangan pada gambar yang lebih besar kerana mempunyai lebih banyak piksel untuk anda kerjakan. Langkah pertama dalam bayangan adalah mengetahui bagaimana cahaya memukul objek atau pemandangan anda, dan kemudian menerapkan sorotan dan bayangan dengan cara yang realistik. Mula-mula ini akan menjadi sukar, tetapi dengan pengalaman dan maklum balas daripada rakan artis, anda akan dapat memanfaatkannya. Di sini saya hanya akan membayangi dinding belakang periuk, tetapi lebih baik menerapkan beberapa sorotan di dinding depan.

doc88img13

penggetaran

Dengan palet terhad, anda tidak selalu dapat memperoleh setiap warna dan warna yang anda mahukan, dan membuat perubahan halus di antara kawasan bersebelahan sukar dilakukan tanpa mereda. Ini bukan sesuatu yang diperlukan pada perkakasan moden, tetapi sering digunakan untuk situasi di mana anda mahukan penampilan retro 90-an atau di mana dengan pelbagai alasan anda dikehendaki bekerja dengan palet terhad. Sebilangan perisian dapat mengatasi dithering untuk anda secara automatik, atau anda mungkin harus membuat dithering anda sendiri. Gambar ini terlalu mudah untuk memerlukan dithering, tetapi berikut adalah tutorial yang menerangkan cara membuat kesan dithering palsu di Inkscape.

doc88img14

Garis besar selektif

Ini bermaksud menggantikan garis hitam pada kawasan dalaman dengan warna yang lebih semula jadi dan hanya menggariskan bahagian-bahagian yang perlu digariskan untuk definisi. Dalam kehidupan nyata, urat pada daun tidak berwarna hitam, jadi ia juga tidak sesuai dengan gambar anda.

doc88img15

Anti-aliasi

Ini mirip dengan melicinkan, kecuali anda melihat lebih dekat kawasan warna yang mungkin memerlukan "bumping" untuk melembutkan garis sedikit sehingga kelihatan lebih realistik. Menggabungkan warna hanya bermaksud memilih warna warna untuk piksel antara warna piksel di kedua sisi itu. Kekaburan yang disengajakan menjadikan garis kurang tajam. Seperti dithering, perisian anda secara automatik dapat menggunakan anti-aliasing untuk anda.

Menetapkan

Menempatkan objek selesai anda ke pemandangan yang lebih besar disebut pengaturan. Anda tidak perlu melakukan ini dengan sprite watak atau objek yang boleh bergerak. Anda boleh melakukannya kemudian dengan kod. Gunakan tetapan untuk objek tetap yang tidak bergerak. Objek animasi harus ditukar menjadi sprite, yang menjadi topik untuk hari lain.

Apa yang perlu dilakukan sekiranya gambar anda tidak cukup piksel

Salah satu masalahnya adalah bahawa program Inkscape dan vektor serupa hanya berfungsi dengan baik untuk mengisi baldi, jadi warna kelihatan sangat halus dan vektor. Sekiranya anda mahukan tampilan piksel, maka anda perlu mengeksport gambar ke png, membukanya di GIMP, dan menerapkan penapis Pixelize, yang akan anda dapati di bahagian Kabur. Ini akan memberi anda hasil seperti ini (yang mungkin anda perlukan untuk anti-alias):

doc88img16

Mengakhiri ucapan

Seni pixel jauh dari mati, dan seniman piksel yang baik masih mendapat banyak penghormatan dalam komuniti reka bentuk daripada mereka yang memahami dedikasi yang diperlukan untuk menjadi master. Belajar membina gambar piksel demi piksel menjadikan anda perancang yang lebih baik, dan mungkin juga jurutera yang lebih baik. Masih terdapat permintaan pasaran yang kuat untuk seni piksel dan relatif sedikit artis piksel berbakat yang melayani keperluan tersebut. Anda boleh menjana wang dalam seni piksel, atau menggunakannya sebagai cara untuk meningkatkan kemahiran anda. Walau apa pun, ia menyeronokkan dan bermanfaat, wajar dilakukan.

Bogdan Rancea

Bogdan adalah ahli pengasas Inspired Mag, yang telah mengumpulkan hampir 6 tahun pengalaman dalam tempoh ini. Pada masa lapang dia suka belajar muzik klasik dan mendalami seni visual. Dia juga taksub dengan fixies juga. Dia sudah memiliki 5 orang.