Mata seni piksel. Seni piksel: karya dan ilustrator terbaik

Istilah "grafis piksel" tidak asing lagi bagi semua orang, juga bukan bahasa gaul bawah tanah. Wikipedia akan membantu Anda mengetahui apa ini. Hal utama yang harus dipahami adalah itu grafis piksel ditentukan oleh cara gambar itu dibuat (piksel demi piksel), bukan oleh hasilnya. Oleh karena itu, gambar yang diperoleh dengan menggunakan filter atau penyaji khusus juga tidak termasuk di dalamnya. Pada bagian pertama artikel, dan mungkin bahkan rangkaian artikel yang didedikasikan untuk seni ini, saya akan menunjukkan beberapa karya yang saya sukai.

Ilustrasi luar biasa, karya bayangan luar biasa. (Seni Piksel Polyfonken).

Topiknya cukup luas. Ada variasi dadu.

Ilustrasi Rod Hunt sangat berwarna dan realistis. Seniman menggabungkan grafik vektor dengan seni piksel.

Blogger Brasil-Jerman Thiago, Pi, Jojo dan Mariana menampilkan diri mereka sebagai karakter pixelated yang menyenangkan dan tertawa.

Lukisan ini dibuat oleh Juan Manuel Daporta hanya dengan menggunakan MS Paint! Pengerjaannya memakan waktu 8 bulan. Menakjubkan.

Piksel juga hidup di luar layar komputer. Sungguh menakjubkan betapa jelasnya plot gambar berpiksel.

Perang luar angkasa ala Super Robot Wars. Dalam dunia grafis piksel, Roberson memiliki gaya uniknya sendiri.

Kota boneka gila. Ilustrasinya, meski digambar dalam bentuk vektor, tetap terlihat seperti seni piksel. Pekerjaan yang menarik.

Arah seni piksel ini sangat menarik minat saya. Lukisan-lukisan ini tidak dilukis di atas layar, melainkan di atas kanvas dengan cat akrilik. Karya besar ini dibuat oleh Ashley Anderson.

Kota piksel adalah topik besar yang terpisah. Biasanya ada banyak detail dan alur cerita di sini. Dalam gambar ini terdapat tanggul dan bola warna-warni serta bar sushi bahkan pengunjuk rasa.

Seni piksel(ditulis tanpa tanda hubung) atau grafis piksel- arah seni digital yang melibatkan pembuatan gambar pada tingkat piksel (yaitu, unit logis minimum yang membentuk sebuah gambar). Tidak semua gambar raster adalah seni piksel, meskipun semuanya terdiri dari piksel. Mengapa? Karena pada akhirnya, konsep seni piksel tidak hanya mencakup hasil melainkan proses pembuatan ilustrasi. Piksel demi piksel, dan hanya itu. Jika Anda mengambil foto digital, memperkecilnya (sehingga pikselnya terlihat) dan mengklaim bahwa Anda menggambarnya dari awal, ini benar-benar pemalsuan. Meskipun mungkin akan ada orang-orang bodoh yang naif yang akan memuji Anda atas kerja keras Anda.

Saat ini tidak diketahui kapan tepatnya teknik ini berasal; akarnya hilang sekitar awal tahun 1970-an. Namun, teknik menyusun gambar dari elemen-elemen kecil berasal dari bentuk seni yang jauh lebih kuno, seperti mosaik, jahitan silang, tenun karpet, dan manik-manik. Ungkapan “seni piksel” sebagai definisi seni piksel pertama kali digunakan dalam artikel Adele Goldberg dan Robert Flegal di jurnal Communications of the ACM (Desember 1982).

Penerapan seni piksel yang paling luas adalah dalam permainan komputer, yang tidak mengejutkan - ini memungkinkan untuk membuat gambar yang tidak memerlukan sumber daya dan terlihat sangat indah (pada saat yang sama, gambar tersebut menghabiskan banyak waktu dari senimannya dan memerlukan kepastian tertentu. keterampilan, dan karena itu diperlukan upah yang baik). Masa kejayaan, titik tertinggi dalam perkembangan, secara resmi disebut video game di konsol generasi ke-2 dan ke-3 (awal tahun 1990-an). Kemajuan lebih lanjut dalam teknologi, munculnya warna 8-bit pertama, dan kemudian True Color, pengembangan grafik tiga dimensi - semua ini seiring waktu mendorong seni piksel ke latar belakang dan tempat ketiga, dan kemudian seni piksel mulai terlihat. telah berakhir.

Anehnya, Tuan Kemajuan Ilmiah dan Teknologi lah yang mendorong grafis piksel ke posisi terakhirnya di pertengahan tahun 90an, dan kemudian mengembalikannya ke permainan - memperkenalkan perangkat seluler ke dunia dalam bentuk ponsel dan PDA. Lagi pula, betapapun bergunanya perangkat bermodel baru, Anda dan saya tahu bahwa jika Anda tidak bisa setidaknya bermain solitaire di perangkat tersebut, itu tidak ada gunanya. Nah, di mana ada layar beresolusi rendah, di situ ada pixel art. Seperti kata mereka, selamat datang kembali.

Tentu saja, berbagai elemen retrograde berperan dalam kembalinya grafis piksel, mereka suka bernostalgia dengan game-game masa lalu yang bagus, dengan mengatakan: “Eh, mereka tidak melakukan itu lagi”; estetika yang bisa mengapresiasi keindahan seni piksel, dan pengembang indie yang tidak memahami keindahan grafis modern (dan terkadang, meskipun jarang, tidak tahu cara menerapkannya dalam proyek mereka sendiri), itulah sebabnya mereka membuat seni piksel. Tapi jangan mengabaikan proyek komersial murni - aplikasi untuk perangkat seluler, periklanan, dan desain web. Jadi sekarang seni piksel, seperti yang mereka katakan, tersebar luas di kalangan sempit dan telah mendapatkan semacam status sebagai seni “bukan untuk semua orang” . Dan ini terlepas dari kenyataan bahwa ini sangat mudah diakses oleh rata-rata orang, karena untuk bekerja dalam teknik ini, cukup memiliki komputer dan editor grafis sederhana! (Ngomong-ngomong, kemampuan menggambar juga tidak ada salahnya) Cukup kata-katanya, langsung saja ke intinya!

2. Alat.

Apa yang Anda perlukan untuk membuat seni piksel? Seperti yang saya katakan di atas, komputer dan editor grafis apa pun yang mampu bekerja pada tingkat piksel sudah cukup. Anda dapat menggambar di mana saja, bahkan di Game Boy, bahkan di Nintendo DS, bahkan di Microsoft Paint (hal lainnya adalah menggambar di Game Boy sangat merepotkan). Ada berbagai macam editor raster, banyak di antaranya gratis dan cukup fungsional, sehingga setiap orang dapat memutuskan sendiri perangkat lunaknya.

Saya menggambar di Adobe Photoshop karena nyaman dan karena saya sudah melakukannya sejak lama. Saya tidak akan berbohong dan memberi tahu Anda, sambil menggumamkan gigi palsu saya, bahwa “Saya ingat Photoshop masih sangat kecil, ada di Macintosh, dan diberi nomor 1.0.” Tapi saya ingat Photoshop 4.0 (dan juga di Mac). Oleh karena itu, bagi saya pertanyaan tentang pilihan tidak pernah menjadi pertanyaan. Oleh karena itu, tidak, tidak, tetapi saya akan memberikan rekomendasi mengenai Photoshop, terutama yang kemampuannya akan membantu menyederhanakan kreativitas secara signifikan.

Jadi, Anda memerlukan editor grafis apa pun yang memungkinkan Anda menggambar dengan alat satu piksel persegi (ada juga piksel non-persegi, misalnya piksel bulat, tetapi kami tidak tertarik padanya saat ini). Jika editor Anda mendukung rangkaian warna apa pun, bagus. Jika itu juga memungkinkan Anda menyimpan file, itu bagus. Alangkah baiknya jika dia tahu cara bekerja dengan lapisan, karena ketika mengerjakan gambar yang cukup rumit, akan lebih mudah untuk mengatur elemen-elemennya ke dalam lapisan yang berbeda, tetapi pada umumnya ini adalah masalah kebiasaan dan kenyamanan.

Bagaimana kalau kita mulai? Apakah Anda mungkin menunggu daftar beberapa teknik rahasia, rekomendasi yang akan mengajari Anda cara menggambar seni piksel? Namun kenyataannya, pada umumnya, tidak ada yang seperti itu. Satu-satunya cara belajar menggambar pixel art adalah dengan menggambarnya sendiri, coba, coba, jangan takut dan bereksperimen. Jangan ragu untuk mengulang karya orang lain, jangan takut terkesan tidak orisinal (asal jangan menganggap karya orang lain sebagai milik Anda, hehe). Analisislah dengan cermat dan penuh pertimbangan karya-karya para master (bukan milik saya) dan menggambar, menggambar, menggambar. Beberapa tautan bermanfaat menanti Anda di akhir artikel.

3. Prinsip umum.

Namun, ada beberapa prinsip umum yang perlu diketahui. Jumlahnya sangat sedikit, saya menyebutnya “prinsip” dan bukan undang-undang, karena lebih bersifat rekomendasi. Pada akhirnya, jika Anda berhasil menggambar seni piksel yang brilian dengan mengabaikan semua aturan - siapa yang peduli?

Prinsip paling dasar dapat dirumuskan sebagai berikut: satuan minimum suatu gambar adalah piksel, dan jika memungkinkan, semua elemen komposisi harus proporsional dengannya. Izinkan saya menguraikannya: semua yang Anda gambar terdiri dari piksel, dan piksel tersebut harus dapat dibaca dalam segala hal. Bukan berarti gambar tidak boleh memuat elemen sama sekali, misalnya 2x2 piksel, atau 3x3. Namun tetap lebih baik untuk membuat gambar dari piksel individual.

Goresan dan, secara umum, semua garis gambar harus setebal satu piksel (dengan pengecualian yang jarang terjadi).

Saya tidak mengatakan sama sekali bahwa ini salah. Tapi itu masih belum terlalu cantik. Dan untuk membuatnya indah, ingat satu aturan lagi: menggambar tanpa kekusutan, bulatkan dengan lancar. Ada yang namanya kekusutan - fragmen yang keluar dari urutan umum, memberikan garis tampilan yang tidak rata dan bergerigi (dalam lingkungan seniman piksel berbahasa Inggris, garis tersebut disebut jaggies):

Fraktur menghilangkan kehalusan dan keindahan alami gambar. Dan jika fragmen 3, 4 dan 5 jelas dan dapat dengan mudah diperbaiki, dengan yang lain situasinya lebih rumit - di sana panjang satu bagian dalam rantai putus, tampaknya sepele, tetapi hal sepele itu terlihat. Dibutuhkan sedikit latihan untuk belajar melihat tempat-tempat ini dan menghindarinya. Kink 1 dikeluarkan dari garis karena merupakan satu piksel - sedangkan pada area penyisipannya, garis terdiri dari segmen 2 piksel. Untuk menghilangkannya, saya memperhalus masuknya kurva ke dalam tikungan, memanjangkan segmen atas menjadi 3 piksel, dan menggambar ulang seluruh garis menjadi 2 segmen piksel. Istirahat 2 dan 6 identik satu sama lain - ini sudah merupakan fragmen sepanjang 2 piksel di area yang dibuat oleh piksel tunggal.

Serangkaian contoh dasar garis lurus miring, yang dapat ditemukan di hampir setiap manual seni piksel (tidak terkecuali milik saya), akan membantu Anda menghindari kekusutan seperti itu saat menggambar:

Seperti yang Anda lihat, garis lurus terdiri dari segmen-segmen dengan panjang yang sama, digeser satu piksel saat digambar - hanya dengan cara inilah efek linearitas dapat dicapai. Metode konstruksi yang paling umum adalah dengan panjang segmen 1, 2 dan 4 piksel (ada metode lain, tetapi opsi yang disajikan harus cukup untuk mengimplementasikan hampir semua ide artistik). Dari ketiganya, yang paling populer dapat dengan yakin disebut segmen dengan panjang 2 piksel: gambar satu segmen, gerakkan pena sebanyak 1 piksel, gambar segmen lainnya, gerakkan pena sebanyak 1 piksel, gambar segmen lainnya:

Tidak sulit, bukan? Yang Anda butuhkan hanyalah kebiasaan. Kemampuan menggambar garis lurus miring dengan penambahan 2 piksel akan membantu dalam isometri, jadi kita akan melihatnya lebih detail di lain waktu. Secara umum, garis lurus itu bagus - tetapi hanya sampai muncul tugas untuk menggambar sesuatu yang ajaib. Di sini kita memerlukan kurva, dan banyak kurva yang berbeda. Dan kami memperhitungkan aturan sederhana untuk membulatkan garis lengkung: panjang elemen kurva harus berkurang/bertambah secara bertahap.

Keluar dari garis lurus ke pembulatan dilakukan dengan lancar, saya tunjukkan panjang setiap segmen: 5 piksel, 3, 2, 2, 1, 1, lagi 2 (sudah vertikal), 3, 5 dan seterusnya. Kasing Anda belum tentu menggunakan urutan yang sama, semua tergantung kelancaran yang dibutuhkan. Contoh pembulatan lainnya:

Sekali lagi, kami menghindari kekusutan yang terlalu merusak gambar. Jika Anda ingin mengecek materi yang telah Anda pelajari, berikut saya memiliki skin untuk Winamp yang digambar oleh penulis yang tidak dikenal, kosong:

Ada kesalahan besar dalam gambar, dan pembulatan yang gagal, dan ada kekusutan - coba perbaiki gambar berdasarkan apa yang sudah Anda ketahui. Hanya itu yang saya miliki tentang garisnya, saya sarankan Anda menggambar sedikit. Dan jangan biarkan kesederhanaan contohnya membingungkan Anda, Anda hanya bisa belajar menggambar dengan menggambar – bahkan hal yang paling sederhana sekalipun.

4.1. Ambillah sebotol air hidup.

1. Bentuk bendanya, untuk saat ini Anda tidak harus menggunakan warna.

2. Cairan berwarna merah.

3. Ubah warna kaca menjadi biru, tambahkan area yang diarsir di dalam gelembung dan area terang pada permukaan cairan yang diinginkan.

4. Tambahkan highlight putih pada gelembung, dan bayangan merah tua selebar 1 piksel pada area cairan yang berbatasan dengan dinding gelembung. Kelihatannya cukup bagus, ya?

5. Demikian pula, kita menggambar botol dengan cairan biru - di sini warna kacanya sama, ditambah tiga warna biru untuk cairannya.

4.2. Menggambar semangka.

Mari menggambar lingkaran dan setengah lingkaran - ini akan menjadi semangka dan potongan.

2. Mari kita tandai potongan pada semangka itu sendiri, dan pada irisan tersebut – batas antara kulit dan daging buahnya.

3. Mengisi. Warna dari palet, hijau medium adalah warna kulit buah, merah medium adalah warna daging buah.

4. Mari kita tandai daerah peralihan dari kerak ke daging buah.

5. Garis-garis tipis pada semangka (akhirnya terlihat seperti itu sendiri). Dan tentu saja – benih! Jika Anda menyilangkan semangka dengan kecoa, mereka akan merangkak pergi dengan sendirinya.

6. Kami mengingatnya. Kami menggunakan warna merah muda pucat untuk menunjukkan sorotan di atas benih di bagian tersebut, dan dengan meletakkan piksel dalam pola kotak-kotak, kami mencapai kemiripan volume dari segmen yang dipotong (metode ini disebut dithering, lebih lanjut tentang itu nanti ). Kami menggunakan warna merah tua untuk menunjukkan area yang diarsir di bagian semangka, dan warna hijau tua (sekali lagi, piksel kotak-kotak) untuk memberi volume pada semangka itu sendiri.

5. Keragu-raguan.

Dithering, atau blending, adalah teknik mencampurkan piksel pada dua area bersebelahan dengan warna berbeda dengan cara yang terurut secara pasti (tidak selalu). Cara paling sederhana, paling umum, dan efektif adalah dengan mengganti piksel dalam pola kotak-kotak:

Teknik ini lahir berkat (atau lebih tepatnya meskipun) keterbatasan teknis - pada platform dengan palet terbatas, dithering memungkinkan, dengan mencampurkan piksel dari dua warna berbeda, untuk mendapatkan piksel ketiga yang tidak ada dalam palet:

Kini, di era dengan kemungkinan teknis yang tidak terbatas, banyak yang mengatakan bahwa kebutuhan akan keragu-raguan telah hilang dengan sendirinya. Namun, penggunaannya yang tepat dapat memberikan karya Anda gaya retro yang khas, yang dapat dikenali oleh semua penggemar video game lama. Secara pribadi, saya suka menggunakan dithering. Aku tidak terlalu pandai dalam hal itu, tapi aku tetap menyukainya.

Dua opsi gentar lagi:

Apa yang perlu Anda ketahui tentang dithering untuk dapat menggunakannya. Lebar minimum zona pencampuran harus minimal 2 piksel (garis kotak-kotak). Lebih banyak hal yang mungkin dilakukan. Lebih baik tidak berbuat lebih sedikit.

Di bawah ini adalah contoh dithering yang gagal. Terlepas dari kenyataan bahwa teknik serupa sering ditemukan pada sprite dari video game, Anda perlu menyadari bahwa layar televisi menghaluskan gambar secara signifikan, dan sisir seperti itu, dan bahkan saat bergerak, tidak terlihat oleh mata:

Yah, cukup teorinya. Saya sarankan Anda berlatih lebih banyak.

Seni piksel dapat digambar dalam program apa pun untuk bekerja dengan grafik raster; ini masalah preferensi dan pengalaman pribadi (serta kemampuan finansial, tentu saja). Beberapa orang menggunakan Paint yang paling sederhana, saya melakukannya di Photoshop - karena, pertama, saya sudah lama mengerjakannya, dan kedua, saya lebih nyaman di sana. Setelah saya memutuskan untuk mencoba Paint.NET gratis, saya tidak menyukainya - seperti halnya dengan mobil; jika Anda mengenali mobil asing dengan transmisi otomatis, kecil kemungkinan Anda akan masuk ke Zaporozhets. Majikan saya memberi saya perangkat lunak berlisensi, jadi hati nurani saya bersih di hadapan perusahaan Adobe... Meskipun mereka mengenakan harga yang tidak terbayangkan untuk program mereka, dan mereka akan terbakar habis karenanya.

1. Persiapan kerja.

Buat dokumen baru dengan pengaturan apa pun (biarkan lebarnya 60, tinggi 100 piksel). Alat utama seniman piksel adalah pensil ( Alat Pensil, dipanggil dengan tombol pintas B). Jika kuas (dan ikon kuas) diaktifkan di toolbar, arahkan kursor ke atasnya, klik dan tahan L.M.B.– menu tarik-turun kecil akan muncul di mana Anda harus memilih pensil. Atur ukuran pena menjadi 1 piksel (di panel kiri atas terdapat menu drop-down Sikat):