Bagaimana cara membuat gambar tampak pixelated, seperti grafik arcade jadul?


20

Saya ingin mengambil beberapa karya seni (bisa dari berbagai dimensi) dan membuatnya terlihat pixelated, seperti video game Mario Brothers lama sekitar tahun 80-an. Bagian dari manipulasi gambar akan membutuhkan penskalaan.

Video game Mario Brothers

Inilah yang saya mulai dengan.

masukkan deskripsi gambar di sini

Apakah ada filter atau beberapa langkah Photoshop yang dapat saya gunakan untuk membuat efek ini?

Saya mencoba dasarnya menggunakan filter "Pixelate" tetapi itu menciptakan transisi piksel antara tepi warna. Saya juga baru saja mencoba memperkecil ukuran gambar menjadi 40 x 35 piksel dan inilah yang saya lihat.

masukkan deskripsi gambar di sini

Bagaimana cara mendapatkan piksel penuh warna yang jernih seperti ikon Mario Brothers.


12
Saya pikir bagian dari masalah, adalah bahwa video game tahu sebelumnya kendala media. Semua ikon di atas dirancang pada grid piksel 100 x 100 atau apa pun itu. Jika Anda ingin keranjang Anda sebagai ikon 8bit, Anda mungkin harus mendesainnya dari awal dengan ilustrator pada kisi 100x100 piksel.
Maks.

Atau mungkin ada fitur, yang akan dijawab seseorang di bawah ini, tempat Anda mengambil semua piksel dalam rentang warna, dan memaksanya untuk menjadi versi cerah dari warna itu.
Maks.

Saya merasa seperti saya pernah melihat ini bertanya di sini sebelumnya, tetapi saya tidak dapat menemukannya. Saya akan terus mencari.
Manly


Saya akan merekomendasikan memulai kembali, tetapi pastikan untuk mencoba dan menjaga seluruh gambar pada grid pixel 8 oleh 8 atau 16 oleh 16, meningkatkannya nanti

Jawaban:


28

Berikut adalah metode yang agak mudah untuk mengonversi gambar ukuran penuh ke grafik piksel.

Mulai gambar

Gambar Berukuran Penuh

Untuk memulai, buka Gambar -> Ukuran Gambar. Ubah metode Resample ke Nearest Neighbor , ini akan menjaga tepi yang sulit. Anda dapat memperbesar tampilan pratinjau di sebelah kiri untuk mendapatkan gambaran yang baik tentang seperti apa hasil akhir Anda nantinya. Anda dapat melihat saya berada di 500% dalam contoh ini. Selanjutnya atur lebar / tinggi ke ukuran yang Anda inginkan dan tekan OK.

Ukuran bawah

Langkah selanjutnya ini opsional

Kembali ke ukuran gambar dan tingkatkan ukuran gambar Anda menjadi spesifikasi yang dibutuhkan. Pastikan untuk menjaga Nearest Neighbor on. Tekan OK saat selesai.

Upsize

Di sini akan terlihat seperti apa hasil akhir Anda (Tergantung pada seberapa banyak Anda menurunkan ukuran aslinya.)

Pixelated


2
ProTip: Ada beberapa penskalaan piksel grafis khusus (meskipun kebanyakan wikipedia berbicara tentang peningkatan skala juga alat kelas bawah yang lebih baik) alat yang melakukan pekerjaan lebih baik daripada tetangga terdekat.
joojaa

4
Pendekatan lain yang bermanfaat jika seseorang misalnya penskalaan dengan faktor empat adalah untuk pertama kali memasang gambar empat kali di setiap arah dengan spasi yang lebih besar dari kelipatan empat. Itu akan menghasilkan 16 gambar yang diperkecil sedikit berbeda. Dalam banyak kasus, fitur dari grafik asli mungkin dirender jauh lebih baik dalam beberapa versi yang diperkecil daripada yang lain, sehingga kemampuan untuk mengambil fitur dari 16 versi yang berbeda dapat meminimalkan jumlah penyesuaian tangan tambahan yang akan diperlukan.
supercat

1
Anda juga dapat mengurangi palet warna - batasan lain dari sistem permainan awal - dengan mengubahnya menjadi warna yang diindeks dan mengurangi jumlah warna yang tersedia menjadi 16, 8, atau 4.
Rob Craig

27

Ketika Anda bekerja dengan sangat sedikit piksel, Anda harus menghitung setiap piksel. Saya ragu scaler otomatis akan mencapainya dengan kualitas memuaskan.

Saran saya adalah turunkan ke ukuran yang diperlukan seperti biasa (atau mungkin menggunakan opsi tetangga terdekat), lalu perbesar, nyalakan kisi dan buka piksel gambar Anda dengan piksel membersihkannya. Untuk meningkatkan tampilan retro Anda juga harus bekerja dengan palet terbatas dengan warna yang kuat.


2
Ini adalah cara yang lebih baik untuk melakukannya. Buat grafik dari awal dengan pixel art dan medium dan dimensi terbatas dalam pikiran.
Sam Weaver

2
Membatasi palet warna adalah hal yang bagus.
Eneko Alonso

1

Sebelum memulai, lihat grafik asli yang ingin Anda tiru. Anda akan melihat area warna rata dan cerah karena bentuknya sendiri - percaya atau tidak! - adalah area bermata lurus. Satu-satunya saat Anda mendapatkan efek pixellating adalah ketika garis sedikit tidak lurus, miring.

Jadi, Anda memerlukan program yang mengemulasi ini dari awal - saya baru saja melakukan ini jadi saya tahu itu berfungsi - Anda menggunakan Paint. Itu benar, freebie terlupakan yang datang dengan Windows. Itu ada di Accessories on XP, tidak tahu di mana itu ada di versi lain tapi ini bermasalah. ada di suatu tempat. Bahkan jika itu berarti melakukan salinan layar kemudian memotong keranjang setelah itu (jika Anda perlu melakukannya, letakkan salinan layar di jendela, gunting keranjang, buka contoh baru, tempel keranjang di contoh baru.)

Kemudian lihat gambarnya. Anda akan melihat di mana keranjang itu sedikit TERPICAN. Di situlah Anda ingin menonjolkan efeknya. Anda melakukannya dengan memperbesar besar (CTRL-Page Down atau menggunakan View / Zoom dari menu) dan menggunakan alat penghapus pada mode persegi terkecil (ada daftar kotak di sisi kiri layar) untuk hanya mengambil sebuah piksel tambahan di sana-sini di mana garis-garisnya sudah ter-pixellated. Anda tidak perlu mengeluarkan piksel yang garis-garisnya vertikal atau horizontal karena, jika Anda perhatikan, Anda akan melihat tidak ada piksel yang hilang dari garis lurus di dokumen aslinya. Anda harus mencabut satu piksel dari setiap sudut bagian depan kotak. Itu metode 1.

Metode 2 dimulai dengan cara yang sama (menggunakan Paint, menempelkan dalam gambar) tetapi kemudian hanya menyimpan gambar dalam format yang sangat buruk. Plobrem dengan Metode 2 adalah SEGALA SESUATU akan terlihat buram dan ter-pixelell. Jangan lupa, mengapa Mario bekerja adalah karena garis tegak dan warnanya rata dan bagus, hanya garis dan sudut yang tidak lurus. Jika saya melakukannya, saya akan menggunakan Metode Satu. Karena saya baru saja melakukannya dan itu berhasil! Saya bahkan senang mengirimi Anda versi saya jika ada yang bisa memberi tahu saya cara melakukannya.

Chris


Selamat datang di GD.SE. Sementara ini menjawab judul pertanyaan, itu tidak membahas fakta bahwa OP ingin menemukan metode otomatis , bukan yang manual.
Luciano

-1

Saya akan menggunakan imagemagick , alat baris perintah open source gratis yang tersedia untuk MacOS, Windows dan tentu saja Linux. Cukup unduh, instal, dan gunakan baris perintah di terminal.

convert -scale 10% -scale 1000% parrot.jpg parrot-pixel.jpg

burung beo asli Gambar burung beo asli

burung beo pixeled Gambar burung beo yang sudah di-pixel

Dengan sedikit eksperimen, Anda dapat memvariasikan ukuran piksel. Tentu saja, karena dengan semua jawaban lain, jarak tempuh Anda akan bervariasi sesuai dengan seni dan itu adalah ide yang baik untuk kembali dan memperbaikinya dengan tangan.

FYI, tanpa waktu untuk mengunduh dan menginstal imagemagick, saya dapat menjalankan pixelation dalam waktu kurang dari 5 detik.

Script bash sederhana kemudian dapat dijalankan melalui seluruh folder dan melakukan ini sebagai batch tanpa mimpi buruk klik runcing.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.