16×16 Pikselde Bir Piksel Hayvan Silüetini Tanınabilir Hale Getirme
Bir hayvan sprite'ını küçük bir ızgarada tanınabilir kılmak için ana hatlarına gövdeden belirgin şekilde ayrılan türe özgü bir veya iki özellik kazandırın, ardından doldurulmuş şekli amaçlanan görüntüleme boyutunda kontrol edin. Bu kılavuz, pratik bir başlangıç noktası olarak yandan görünüşlü 16×16 boyutunda bir hayvanı kullanmaktadır; aynı kararlar diğer küçük çalışma alanları için de geçerlidir. Temiz bir silüet faydalı bir testtir ancak her ayrıntıyı taşıyamaz: Seçtiğiniz hayvanı neyin ayırt ettiğine bağlı olarak kafa şekline, kulaklara, gagaya, kuyruğa veya uzuv boşluklarına öncelik verin.
Hayvanın en güçlü görsel ipucunu seçin
Pikselleri yerleştirmeden önce, konunuzu jenerik bir dört ayaklı şekilden en net şekilde ayıran özelliği belirleyin. Bir tavşanın uzun kulaklara; bir kuşun bir gagaya ve kanat profiline; bir kedinin ise sivri kulaklara ve kalkık bir kuyruğa ihtiyacı olabilir. Bir birincil ipucu ve ızgara izin veriyorsa bir destekleyici ipucu seçin. Bunu evrensel bir tür formülü olarak değil, bir tasarım tercihi olarak ele alın: Duruş, bakış açısı ve stil hangi özelliklerin görünür olduğunu değiştirir.
Kelimelerle bir taslak planı yapın: "Yandan görünüşlü tilki, sivri burun, büyük gür kuyruk" veya "önden bakan baykuş, geniş kafa, kısa gaga". Açıklama birçok ayrıntıyı listeliyorsa bunu ana hatları makul şekilde değiştirebilecek iki özelliğe indirin. Bu, sınırlı piksel bütçesini süsleme yerine tanımlamaya odaklanmış halde tutar.
Ayrıntıları çizmeden önce kütleyi kabaca bloklayın
16×16 ızgara üzerinde tek bir düz renkle başlayın. Gövdeyi ve kafayı birbirine bağlı kütleler olarak kabaca yerleştirin, ardından konturu şekillendirmek için pikselleri eksiltin. Basit bir başlangıç yapısı; geniş bir gövde, bakış yönüne doğru uzanan bir kafa ve alt kısım boyunca kısa bacak şekillerinden oluşur. Seçtiğiniz özellik için yer bırakın: Ayrı olarak okunması gereken bir kuyruk gövdenin arkasında alana ihtiyaç duyar; dik kulaklar ise üst kısımda boşluk gerektirir.
Bu aşamada gözleri, çizgileri, kürkü, benekleri ve iç gölgelendirmeleri göz ardı edin. Bu işaretler, birden fazla hayvana ait olabilecek bir konturu düzeltemez. Piksel sanatı eğitimleri, düz bir silüeti erkenden kontrol etmeyi ve sprite'ın gerçek boyutunda kaybolan ayrıntıları basitleştirmeyi önerir. Wayline'ın sprite dersi bu sıralamayı ortaya koyarken, bir hayvan sprite'ı kılavuzu kulaklara, boyun kalınlığına, kuyruklara ve tek bir şekilde birleşen uzuvlara özellikle dikkat çeker. Canavar sprite'ı silüeti eğitimi
Pikselleri ayrım ve negatif alan için harcayın
Ayırt edici bir uzantı, yalnızca izleyici nerede başlayıp nerede bittiğini görebiliyorsa işe yarar. Hayvanın parçaları etrafındaki ve arasındaki boş arka plana bakın. İki bacak arasındaki bir piksellik bir çentik, kalkık bir kuyruğun altındaki bir boşluk veya kulak uçları arasındaki küçük bir ayrım, tek bir lekeyi daha net parçalara dönüştürebilir. Seçilen özellik gövdeye tüm uzunluğu boyunca temas ediyorsa açısını değiştirmeyi veya bir piksel dışa doğru taşımayı deneyin.
Ayrımı seçici bir şekilde kullanın. Küçük boşluklar yapısal piksellere mal olur ve çok geniş olurlarsa bir parçanın kopuk görünmesine yol açabilir. Bir tilki için geniş bir kuyruk silüeti, tek tek ayrılmış ayak parmaklarından daha önemli olabilir. Bir kuş için gaganın çıkıntısı, bacak boşluklarından daha güçlü bir ipucu olabilir. Gövde kütlesini gövde olarak okunabilecek kadar sağlam tutun ve içe doğru kesintileri netleştirdikleri özelliğe saklayın. Canavar sprite'ları üzerine hazırlanan eğitim, gövdeye çok yakın iliştirilmiş bir kuyruğun tek bir kontur içinde kaybolabileceği ve ince formların küçültüldüğünde ezilebileceği konusunda uyarır.
Şekli destekleyen bir piksel ritmi oluşturun
Kaba hatlar okunabilir hale geldikten sonra, basamaklı desenini bilinçli hale getirin. Bir köşegende, rastgele tek piksellik çıkıntılar eklemek yerine kademeli olarak değişen piksel dizileri kullanın. Pürüzsüz bir piksel eğrisi matematiksel olarak kusursuz bir eğri değildir; basamak uzunlukları sprite ölçeğinde kasıtlı görünen bir dizidir. Sivri bir kulak veya gaga gibi bir hayvan özelliğini tanımladıkları yerlerde köşeli adımlar, yuvarlak sırtlar veya butlar için ise daha geniş adımlar kullanın.
Anatomiyi veya silüeti aktarmayan her türlü çıkıntıyı inceleyin. Başıboş bir piksel bir tüy tutamını andırabilir, ancak aynı zamanda parazit veya bozuk bir kenar gibi de görünebilir. Clip Studio'nun piksel sanatı eğitimi, düzensiz çizgi desenlerinin istenmeyen pürüzler (jaggies) olarak algılanabileceğini, kasıtlı düzensizliklerin ise ayrı saç veya şekil parçalarını netleştirebileceğini açıklar. Çizgi çalışması tartışması daha büyük bir karakter sprite'ı hakkındadır; bu nedenle oranlarını kopyalamak yerine piksel akışı fikrini kendi hayvanınızın ölçeğine uygulayın.
Yalnızca belirsizliği çözen iç işaretler ekleyin
Ana hatlar görevini yerine getirdikten sonra az sayıda iç işaret ekleyin. Bir göz kafayı yönlendirebilir; bir kanat sınırı kuşu memeliden ayırt edebilir; açık renkli bir kuyruk ucu tilkinin kuyruğunu daha belirgin kılabilir. Bu işaretleri 1× ekranda kalabilecek kadar büyük tutun. Bir özelliğin görünür olması için renge ihtiyacı varsa komşu piksellere karşı kontrastının yeterli olup olmadığını kontrol edin.
Silüet yararlı bir sadeleştirme testidir, bir nesnenin iç bilgi olmadan her zaman tanımlanabilir olacağının kanıtı değildir. Küçük bir algı çalışması; kısa süreli, maskeli görüntüleme altında silüet, kontur ve yarı tonlu görüntülerden doğal nesne tanımayı karşılaştırmıştır; bu deneyde konturlar silüetlerden daha iyi tanınmıştır. PubMed özeti piksel sanatını test etmemektedir, bu yüzden bir sprite reçetesi sunamaz. Ancak pratik bir uyarıyı destekler: Yalnızca ana hatlar makul alternatifler bıraktığında yararlı bir iç sınırı koruyun.
Sprite'ı gerçek boyutunda test edin
Sprite'ın gerçekte görüneceği boyuta uzaklaşın veya doğal boyutu buysa %100 oranında görüntüleyin. Yalnızca aşırı büyütülmüş haldeyken değerlendirmeyin: Büyütme, tek tek piksel kararlarını görünür kılar ancak tüm şeklin hızla okunup okunmadığını gizler. Sprite'ı, üzerinde duracağı arka plana yakın bir arka planda kontrol edin; dış kenar kayboluyorsa ana hatları veya çevreleyen kontrastı ayarlayın. Piksel sanatı rehberleri de benzer şekilde oyun ölçeğinde sık sık kontroller yapılmasını ve bulamaç haline gelen ayrıntıların kaldırılmasını önerir. Wayline'ın dersi
Üç hızlı kontrol gerçekleştirin. İlk olarak, tüm iç renkleri gizleyin ve ana hatların hâlâ hedeflenen hayvanı çağrıştırıp çağrıştırmadığını sorgulayın. İkincisi, gerçek boyutunda gösterin ve kilit özelliğinin belirgin kalıp kalmadığına bakın. Üçüncüsü, çizimden önce yazılan yalın şekil tanımıyla kısaca karşılaştırın. Sprite farklı bir hayvan olarak okunuyorsa daha fazla işaret eklemeden önce en büyük ipucunu (kafa çıkıntısı, kulak profili veya kuyruk yerleşimi) revize edin. Emin değilseniz küçük sprite'ı adını vermeden birine gösterin ve hangi hayvanı gördüklerini sorun; yanıtlarını resmi bir test olarak değil, yararlı bir geri bildirim olarak değerlendirin.
Izgara çok küçük olduğunda bilinçli bir ödün verin
Bazı tasarımlar 16×16 piksele net bir şekilde sığmaz. Karmaşık bir duruştaki uzun bacaklı bir hayvan bacaklarını kaybedebilir; iki kulak önden görünüşte birleşebilir; kavisli bir kuyruk belirsiz bir çıkıntı haline gelebilir. Duruşu değiştirebilir, ayırt edici bir özelliği abartabilir, daha büyük bir tuval seçebilir veya renk ve bağlamın tanıma işinin daha fazlasını üstlenmesi gerektiğini kabul edebilirsiniz. Bunlar başarısızlık değil, ödünleşimdir: Minik sprite'lar tüm anatomik ayrıntıları aynı anda koruyamaz.
Bitirmeden önce, ne ana hatları güçlendiren ne de önemli bir parçayı ayıran pikselleri kaldırın. Referansa göre oranları daha az gerçekçi olsa bile, doğal boyutta okunan versiyonu koruyun. Amaç, görünen az sayıdaki ipucunun birbiriyle uyum içinde olduğu kompakt bir grafiktir.