Pelajari cara membuat buatan tangan pixel art menggambar di photoshop

Ilustrasi piksel sangat bagus untuk membuat ikon komputer, gambar isometrik, dan bahkan seluruh pemandangan. Mereka dapat dibuat dengan cepat dan mudah menggunakan Photoshop dengan beberapa penyesuaian cepat pada preset.

Satu-satunya downside, bagaimanapun, adalah bahwa pixel art terlihat paling baik dengan setiap piksel yang ditempatkan dengan tangan dibandingkan dengan menggunakan filter Photoshop. Itu benar, ditempatkan dengan tangan - Saya tahu itu terdengar sedikit gila, terutama ketika beberapa adegan piksel berisi ribuan piksel. Tapi tanpa penempatan tangan, milikmu bisa pixel art terlihat seperti gambar lo res yang buruk jadi berhati-hatilah!

Saya pikir aturan praktis yang baik sebelum Anda mulai adalah bahwa Anda harus dapat melihat kreasi Anda dengan jelas sebagai sekelompok batu persegi berwarna yang berbeda, tetapi jika Anda kemudian menyipitkan mata dan mengaburkan mata Anda, Anda dapat melihatnya sebagai gambar yang dikenali. Bayangkan membuat mosaik ubin, hanya Anda tidak perlu nat.

Di bawah ini adalah karya seni piksel penuh, kami akan membuat beberapa bagian yang lebih mendasar dalam pekerjaan ini.

Perangkat lunak

Oke, mari kita bersiap untuk menggambar. Jika Anda tidak memiliki salinan Photoshop, ada beberapa program menggambar piksel khusus gratis yang tersedia untuk diunduh gratis:

• Piksel (Mac)
• Gale Grafis (Kemenangan)
• Lebih banyak aplikasi dapat ditemukan di sini.

Saya telah bermain-main dengan kedua program tetapi telah beralih kembali ke Photoshop karena saya terbiasa dengan pintasan keyboard.

Oke, mari kita siapkan halaman

1. Pertama, buka preferensi di Photoshop dan atur interpolasi gambar ke Nearest Neighbor.
2. Buat halaman baru berukuran 300px kali 300px pada 72 dpi.
3. Pilih alat Pensil pada 1 piksel. Alat pensil dan penghapus adalah satu-satunya alat yang benar-benar Anda butuhkan.
4. Kadang-kadang Anda dapat menggunakan Tongkat Sihir untuk memilih area yang akan diisi, tetapi pastikan Anti-Alias ​​dimatikan.

Jika Anda telah menggunakan alat kuas dengan 9 piksel kekalahan bukannya 1, maka anti-aliasing terjadi, yang merusak efek piksel keras. Jadi tetap pada 1 piksel. "Tetap kurus, tetap jahat," seperti yang biasa ibuku katakan.

Saat gambar piksel Anda ditampilkan pada 100% (ukuran sebenarnya), Pen Tool sangat kecil dengan lebar 1 piksel, sehingga mungkin sulit untuk dilihat dan diedit. Satu ide adalah untuk memperbesar hingga 800% sehingga Anda dapat melihat apa yang Anda lakukan. Saya sering membuka jendela kedua di Photoshop dengan tampilan layar yang sama pada 200% sehingga saya dapat dengan cepat melihat bagaimana gambar saya terlihat dari dekat dan pada saat yang sama dari sedikit lebih jauh.

Kami dapat menyimpan dokumen kerja kami sebagai file PSD dan kemudian mengekspornya sebagai file GIF untuk penggunaan web. Kami juga selanjutnya dapat memperbesar file dan mengubahnya menjadi TIF untuk pencetakan CMYK.

Ayo mulai menggambar

Oke, mari kita coba menggambar sesuatu seperti buku terbuka ini. Gambarlah di sekitar tepi dengan Pen Tool untuk membuat garis hitam Anda. Kemudian isi warna datar halaman dan bookmark.

Buat ide teks pada halaman dengan beberapa garis piksel tunggal. Lihat bagaimana kami menambahkan sedikit kerutan pada garis untuk memberi kesan sedikit lengkungan pada halaman.

Terakhir, tambahkan beberapa penanda di tengah halaman dan di samping penanda. Sentuhan kecil yang bagus adalah sorotan piksel tunggal di sudut luar bawah setiap halaman, itu hanya memberikan sedikit batas halaman daripada menjadi blok padat.

Setelah Anda menguasai dasar-dasar kerangka, warna, sorotan, dan bayangan, Anda dapat mencoba membuat bentuk sederhana lainnya.

Garis piksel miring

Simbol piksel seperti di atas dapat dirancang sebagai rangkaian garis yang hanya berjarak 90º satu sama lain dan sangat banyak persegi dan persegi panjang. Namun, terkadang Anda mungkin membutuhkan garis miring.

Sesuatu yang perlu diperhatikan adalah bahwa garis miring terlihat paling baik ketika polanya teratur. Jika tidak beraturan (seperti yang ditunjukkan di bawah), mereka dapat tampak kental dan kasar jika dilihat kecil. Contoh kedua di bawah ini adalah sudut isometrik yang jauh lebih halus yang terlihat bagus dengan seni piksel, tetapi itu bukan sudut 30º "Iso" yang Anda gunakan di kelas menggambar teknik - ini sebenarnya sedikit lebih dekat ke 26,5º. Sayangnya, 30º memberikan garis yang tidak rata pada 100%. Jika Anda menggambar garis yang secara teratur naik 2 poin ke atas dan 1 poin ke atas, Anda mendapatkan 26,5º.

Haruskah kita mencoba menggambar sesuatu yang lain yang sedikit lebih geometris dan menggunakan lebih banyak pola garis itu?

Garis tidak beraturan terlihat menggumpal pada 100%.

Pola garis halus pada sudut yang berbeda.

Mari menggambar log piksel

Garis sepanjang itu mudah, kita tahu bagaimana melakukannya sekarang, tetapi bagaimana dengan ujung yang membulat itu?

Keduanya adalah pola biasa tetapi berubah dari garis horizontal lebar menjadi kotak dan kemudian garis vertikal. Kelihatannya compang-camping tetapi jika Anda menggeser mata Anda tampaknya baik-baik saja!

Kurva kanan atas di ujung bagasi juga merupakan pola kebalikan dari bagian kiri bawah. Saya sering menghitung piksel atau menghafal kombinasi tertentu. Kombinasi piksel pada lingkaran adalah…

• 3 kotak (melintasi)
• 2
• 111
• 222 (tidak ada)
• 6
• 2
• Erste

Agak sulit untuk memahami pada awalnya, seperti menggunakan kurva Bezier di Illustrator, tetapi Anda akan segera mendapatkan "rasa" untuk itu. Panjang lognya mudah, kita hanya menggunakan sistem 2 sepanjang 1 ke atas dan membuat log sepanjang atau sesingkat yang kita inginkan.

Lingkaran konsentris yang lebih kecil di bagian akhir menciptakan pola cincin yang bagus dan beberapa area dengan bayangan yang lebih gelap di bagian bawah batang pohon memberikan kedalaman. Pertama-tama kita beri batang pohon warna fir yang datar, kemudian untuk menciptakan kedalaman, kita bisa membuat dithering dengan menempatkan piksel warna kontras di kedua sisi garis high light/low light kita.

Anda dapat membangun pola dan membuatnya lebih kompleks. Namun berhati-hatilah - semakin realistis dan rumit Anda mencoba, semakin buram gambar yang muncul saat gambar tersebut dimaksudkan untuk direproduksi dalam ukuran kecil.

Saya menambahkan beberapa piksel acak lagi ke dalam log #3 karena saya ingin itu terlihat kasar dan sedikit menonjol dari tupai.

Untuk log terakhir saya bekerja di area dengan kulit kayu yang dikupas dan cabang kecil. Saya menemukan yang terbaik untuk menyelesaikan area atau gaya terlebih dahulu dan kemudian mengerjakannya dengan lebih detail. Saya tidak berpikir saya bisa menggambar batang kulit kayu yang dilucuti dengan pola dithering dari awal - alih-alih saya terus menambahkan lapisan dan lapisan. Tahap sederhana bekerja paling baik!

Gambar piksel tidak beraturan

Mari kita beralih ke sesuatu yang lebih tidak teratur, seperti tupai yang bertengger di batang kayu kita. Untuk sesuatu yang rumit seperti ini, yang terbaik adalah memulai dengan pensil dan kertas.

Pertama saya menggambar persegi isometrik di halaman saya untuk mendapatkan dimensi yang tepat. Karena kami menggunakan contoh ini untuk tujuan editorial, saya menggunakan foto sebagai sumber inspirasi. Kemudian saya mulai membuat sketsa. Saya memberikan perhatian khusus pada sudut pada kedua telinga dan kaki karena saya ingin mereka mengikuti garis isometrik.

Seperti yang Anda lihat, detailnya sangat minim - saya hanya ingin mengetahui bentuk dasar dan sudut yang tepat terlebih dahulu. Kami melakukan sisanya di Photoshop.

Bawa sketsa, pasang layer baru dan nyalakan opacity sehingga Anda dapat melihat dengan jelas piksel yang ingin Anda buat. Ini bukan aturan yang keras dan cepat, tetapi saya menemukan bahwa seni piksel terlihat paling baik jika memiliki garis hitam.

Di sini saya berkeliling tupai saya dengan Pen Tool dan membuat garis hitam. Satu hal yang harus dihindari adalah penggumpalan, di mana piksel garis menyentuh lebih dari satu sisi. Jika Anda menggambar persegi ekstra, hapus saja dengan penghapus Anda (juga tetap dengan lebar 1px, lihat lingkaran merah), itu akan terlihat lebih rapi dan audiens Anda akan berterima kasih.

Masih terlihat sedikit berantakan, tetapi akan terbentuk! Keylines dalam ilustrasi juga membantu memberikan tampilan yang berani. Pastikan warnanya gelap bukan hitam untuk menambahkan kontras. Sebut saya radikal, tapi saya pilih cokelat.

Saat bentuknya selesai, isi area bagian dalam dengan warna mid-tone yang bagus (coklat lembut) dan mungkin gunakan warna terang untuk menonjolkan beberapa highlight.

Aturan garis hitam tidak sulit dan cepat, saya meninggalkan beberapa garis hitam utama di bawah rahang depan dan kaki karena menjadi sulit untuk melihat apa yang sedang terjadi.

Fazit

Menempatkan, menghapus, dan memanipulasi piksel secara manual adalah tempat keterampilan berperan. Sekali-sekali. Tapi begitu Anda menguasainya, Anda bisa menggambar apa saja - yang Anda butuhkan hanyalah sedikit kesabaran. Saya harap ini membantu dan menginspirasi Anda untuk membuat karya-karya hebat Anda sendiri!