Eski okul arcade grafikleri gibi bir görüntünün pikselli görünmesini nasıl sağlayabilirim?


20

Biraz stok sanat almak (herhangi bir boyutta olabilir) ve 80'lerde eski Mario Brothers video oyunları gibi, pikselli görünmesini istiyorum. Görüntü manipülasyonunun bir kısmı ölçeklendirmeyi gerektirir.

Mario Kardeşler video oyunları

Ben bununla başlıyorum.

resim açıklamasını buraya girin

Bu efekti yapmak için kullanabileceğim bir filtre veya bazı Photoshop adımları var mı?

Aslında "Pixelate" filtresini kullanarak denedim ama bu renk kenarları arasında geçiş pikselleri oluşturur. Ayrıca görüntünün boyutunu 40 x 35 piksele düşürmeye çalıştım ve gördüğüm bu.

resim açıklamasını buraya girin

Mario Kardeşler simgeleri gibi net, tam renkli pikselleri nasıl edinebilirim?


12
Bence sorunun bir parçası, video oyunlarının ortamın kısıtlarını önceden biliyor olmasıydı . Yukarıdaki tüm simgeler 100 x 100 piksel ızgarasında veya her neyse tasarlanmıştır. Sepetinizi 8 bitlik bir simge olarak istiyorsanız, 100x100 piksel ızgarada illustrator ile sıfırdan tasarlamanız gerekir.
maxwell

Veya birisinin aşağıda cevaplayacağı, tüm pikselleri bir renk aralığında aldığınız ve onu o rengin parlak versiyonu olmaya zorlayabileceğiniz bir özellik olabilir.
maxwell

Bunu daha önce burada sorduğumu hissediyorum, ama bulamıyorum. Aramaya devam edeceğim.
Manly


Yanıtlar:


28

İşte tam boyutlu görüntüleri piksel grafiklere dönüştürmek için biraz kolay bir yöntem.

Başlangıç ​​resmi

Tam Boyutlu Görüntü

Başlamak için Görüntü -> Görüntü Boyutu'na gidin. Yeniden Örnekleme yöntemini En Yakın Komşu olarak değiştirin , bu sabit kenarları koruyacaktır. Nihai sonucunuzun nasıl görüneceğine dair iyi bir fikir edinmek için soldaki önizlemeyi yakınlaştırabilirsiniz. Bu örnekte% 500 olduğumu görebilirsiniz. Ardından genişliği / yüksekliği tercih ettiğiniz boyuta ayarlayın ve Tamam'a basın.

downsize

Bu sonraki adım isteğe bağlıdır

Görüntü boyutuna geri dönün ve görüntünüzün boyutunu istediğiniz özelliklere göre artırın. En Yakın Komşuyu açık tuttuğunuzdan emin olun . İşlemi tamamladığınızda Tamam düğmesine basın.

upsize

Nihai sonucunuz aşağıdaki gibi görünecektir (Orijinali ne kadar küçülttüğünüze bağlı olarak.)

pixelated


2
ProTip: En yakın komşudan daha iyi bir iş yapan bazı özel piksel grafik ölçeklendirme (wikipedia çoğunlukla yükseltme ölçekleri de daha iyi ölçek araçları var) rağmen var.
joojaa

4
Örneğin dörtlü bir faktörle ölçeklendirme yapılıyorsa diğer bir yararlı yaklaşım, önce görüntüyü her bir yönde dört kattan daha büyük bir aralık ile dört kez döşemektir. Bu, 16 farklı boyutta küçültülmüş görüntü ile sonuçlanır. Birçok durumda, orijinal grafiğin özellikleri bazı ölçeklendirilmiş sürümlerde diğerlerinden çok daha iyi hale getirilebilir, bu nedenle 16 farklı sürümden özellikler elde edebilmek, gerekli olacak ilave el ayar miktarını en aza indirebilir.
supercat

1
Ayrıca, renk paletini - erken oyun sistemlerinin başka bir sınırlaması - dizine alınmış renkle değiştirerek ve mevcut renk sayısını 16, 8 veya 4'e düşürerek azaltabilirsiniz.
Rob Craig

27

Bu kadar az pikselle çalışırken, her pikseli saymanız gerekir. Otomatik bir ölçekleyicinin bunu tatmin edici kalitede başaracağından şüpheliyim.

Tavsiyem, normal olarak gerekli olan boyuta küçültmek (veya muhtemelen en yakın komşu seçeneğini kullanmak), daha sonra yakınlaştırmak, ızgarayı açmak ve görüntü pikselinizi temizleyerek pikselin üzerinden geçmek olacaktır. Retro görünümü geliştirmek için sınırlı bir güçlü renk paleti ile çalışmalısınız.


2
Bu ise bunu yapmak için daha iyi bir yolu. Piksel resmi ve sınırlı ortam ve boyutları göz önünde bulundurarak en başından grafikler oluşturun.
Sam Weaver

2
Renk paletini kısıtlamak harika bir noktadır.
Eneko Alonso

1

Başlamadan önce, taklit etmeye çalıştığınız orijinal grafiklere bakın. Renk alanlarının düz ve parlak olduğunu göreceksiniz, çünkü şekillerin kendileri - ister inanın ister inanmayın! - düz kenarlı alanlar. Pikselleme efektini elde etmenin tek zamanı, çizgiler biraz düz, eğimli olduğundadır.

Bu yüzden bunu en baştan taklit eden bir programa ihtiyacınız var - bunu yeni yaptım, böylece işe yaradığını biliyorum - Paint kullanıyorsunuz. Bu doğru, Windows ile birlikte gelen unutulmuş freebie. XP'de Aksesuarlar, diğer sürümlerde nerede olduğunu bilmiyorum ama prob. orada bir yerlerde. Bir ekran kopyası yapmak ve daha sonra sepeti kesmek anlamına gelse bile (bunu yapmanız gerekiyorsa, ekranın bir kopyasını pencereye koyun, sepeti kesin, yeni bir örnek açın, sepeti yeni örneğe yapıştırın.)

O zaman resme bakın. Sepetin YÜKSEK pikselli nerede olduğunu göreceksiniz. Etkiyi vurgulamak istediğiniz yer burası. Bunu, yakınlaştırmak için (CTRL-Sayfa Aşağı veya menüden Görünüm / Yakınlaştırma özelliğini kullanarak) ve silgi aracını en küçük kare modunda (ekranın sol tarafında karelerin bir listesi vardır) kullanarak yapabilirsiniz. burada ve çizgilerin zaten belirsiz bir şekilde pikselleştirildiği ekstra bir piksel var. Çizgilerin dikey veya yatay olduğu herhangi bir pikseli çıkarmanıza gerek kalmayacaktır, çünkü bakarsanız, orijinallerdeki düz çizgilerden eksik piksel olmadığını görürsünüz. Sepetin kare önünün her köşesinden bir piksel kesmeniz gerekecek. Bu yöntem 1.

Yöntem 2 aynı şekilde başlar (Paint'i kullanarak, resmi yapıştırarak), ancak yalnızca resmi gerçekten kötü bir biçimde kaydeder. Yöntem 2 ile plobrem HER ŞEY bulanık ve pikselli görünecektir. Unutmayın, Mario neden çalışır, direkler ve renkler düz ve iyidir, sadece düz olmayan çizgiler ve köşelerdir. Eğer yapsaydım, Birinci Yönteme giderdim. Çünkü ben sadece DID ve işe yaradı! Biri bana bunu yapmanın bir yolunu söyleyebilirse size sürümümü göndermekten bile mutluyum.

Chris.


GD.SE'ye Hoşgeldiniz. Bu soru başlığını cevaplarken, OP'nin manuel değil otomatik bir yöntem bulmak istediği gerçeğini ele almıyor.
Luciano

-1

MacOS, Windows ve tabii ki Linux için ücretsiz, açık kaynak kodlu bir komut satırı aracı olan imagemagick kullanırım . Sadece bir terminaldeki komut satırını indirin, kurun ve kullanın.

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

papağan orijinal Orijinal papağan resmi

papağan pikselli Pikselli papağan resmi

Biraz deneme yaparak piksel boyutlarını değiştirebilirsiniz. Elbette, diğer tüm cevaplarda olduğu gibi, kilometreniz sanata göre değişecektir ve geri dönüp bunları elle düzeltmek iyi bir fikirdir.

FYI, imagemagick'i indirmek ve yüklemek için zaman olmadan, piksellemeyi 5 saniyeden daha kısa sürede gerçekleştirebildim.

Daha sonra basit bir bash betiği tüm bir klasörden geçebilir ve bunu sivri tıklamaların kabusu olmadan toplu olarak yapabilir.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.