Fantastik nasıl oluşturulur Pixel Art oyunlarınız ve uygulamalarınız için

nasıl başlarsın pixel art üzerinde? Neyse ki pixel art gerçekten göründüğü kadar kolay olduğu ender durumlardan biri. Bu piksel sanatı...

Pixel Art 8, 16 ve 32-bit konsol çağına geri dönen belirli bir retro çekiciliği var. Ancak bugün, çeşitli bağımsız ve mobil oyunlarda bulunma olasılığı daha yüksektir ve şu anda yeniden canlanmanın keyfini çıkarıyor. Bağımsız bir geliştirici ve mobil donanım olmanın getirdiği teknolojik sınırlamaları aşmanın harika bir yolu. Bu şekilde daha az iş yapabilir ve dosya boyutlarınızı küçültebilirsiniz - ancak ucuz görünmek yerine bilinçli bir stil seçimi gibi geliyor. Biraz chiptune müziği ve benzersiz bir renk paleti ekleyin ve Play Store'da dikkatleri üzerine çekecek harika bir estetiğe sahip olun.

Bir başka cazibe pixel art kendi sınırları içinde çalışmanız için size nasıl meydan okuduğudur. Görüntüler çok küçük olduğundan, bu biraz izlenimci bir yaklaşımı zorlar. Bir veya iki pikseli, karizmatik bir gülümseme ya da rakibin içinden çıkan bir hançer olarak anında tanınabilir hale nasıl getirebilirsiniz? İşte formatın gerçek sanatı burada yatıyor ve bu nedenle oyunlardaki bazı başarıların nedeni budur. Süper Kardeşler: Kılıç ve Kılıç veya daha yenisi Hiper Işık Drifter  çok etkileyici.

nasıl başlamalı

Bunu göz önünde bulundurarak karar verebilirsiniz. pixel art kendi projeniz için iyi bir yön olacaktır. Bu durumda, nasıl başlayacaksınız? Neyse ki pixel art gerçekten göründüğü kadar kolay olduğu ender durumlardan biri. Bu piksel sanatı...

Başlangıçta sadece seçtiğiniz bir çizim programını seçmeniz yeterlidir. GIMP'yi ücretsiz olduğu için kullanıyorum, ancak Photoshop'u ve hatta MS Paint'i kolayca kullanabilirsiniz. Bununla birlikte, katmanlar ve asetatlar gibi özelliklere erişmek kullanışlı olabileceğinden (daha sonra göreceğimiz gibi) MS Paint'ten daha karmaşık bir şey kullanmanızı tavsiye ederim. Birlikte çalışabileceğiniz bazı özel piksel sanatı programları da vardır, ancak bunlar genellikle gerekli değildir. Ancak, Aseprite iyi bir seçenektir.

Yazılım seçiminizden bağımsız olarak, kalem aracını seçecek ve %100 opaklıkta tek tek pikseller çizecek şekilde ayarlandığından emin olacaksınız. Şimdi resminizi, çizerken kare pikselleri açıkça görebileceğiniz noktaya yakınlaştırın. Gerçekten bu kadar kolay!

Artık serbest çizim yapmaya başlayabilir veya her pikseli ayrı ayrı yerleştirebilirsiniz. Daireler gibi şeyler çizerken, piksellerinizin desenlerine (iki üstte, bir çaprazda, üç üstte bir çaprazda, dört üstte bir çaprazda, vb.) dikkatle bakmanın işe yarayabileceğini unutmayın. daha tutarlı ve kontrollü bir görünüm Görüntü. İyi haber şu ki, yaptığınız hataları geri almak çok kolay, bu yüzden denememek için hiçbir neden yok.

Sonuçta elde ettiğiniz şey, bloklu piksellerde çizmeye çalıştığınız şey için temel bir taslaktır. Daha sonraya kadar çok fazla ayrıntı ekleme konusunda endişelenmeyin - sadece önce şekli ve oranları elde etmeyi deneyin. Bu, özellikle çok sayıda karakterle en zor kısımdır.

Resimlerim için bir taslak kullanmayı severim, ancak birçok insan rahatsız etmez ve blok renklerle çizmez. Sizin için neyin işe yaradığını yapın, ancak her yöntemin artıları ve eksileri olduğunu unutmayın; Ana hatlar ayrıntıları ayırt etmeyi kolaylaştırır, ancak resimleriniz küçüldükçe ve pikselleri tükendikçe can sıkıcı olabilir!

Ayrıntılar ve gölgeleme ekleme

Konturunuzdan veya silüetinizden memnun kaldığınızda, tam bir resim elde edene kadar ayrıntıları tek tek ekleyebilirsiniz. Ne kadar çok ayrıntı eklerseniz, karakterleriniz o kadar etkileyici görünecektir. Ancak aynı zamanda, görüntünüzü çok sıkışık göstermekten de kaçınmalısınız. Doğru boyutta bir taslakla başlamanız önemlidir - ve oyun dünyanızdaki diğer nesnelerin de göreceli olması gerektiğini unutmayın.

Artık ayrıntılarınızı öğrendiğinize göre, doldurma aracıyla istediğiniz renkleri eklemeniz yeterli. Ancak, bu ilk başta biraz düz görünebilir, bu nedenle büyük olasılıkla daha sonra bir çeşit aydınlatma eklemek isteyeceksiniz.

Bunu yapmak için, karakteriniz için bir ışık kaynağı hayal edin ve ardından renk paletinize eklemek için iki veya daha fazla ek renk seçin. Gölgeler için en az birine ve vurgular için bir taneye ihtiyacınız var. Tüm gölgelemelerin aynı sayfada göründüğünden emin olun ve çizdiğiniz şekillerin XNUMXB olsaydı doğal olarak oluşturacağı anahatları düşünün. Vurguları ortaya çıkarmak için bir tarafta çok fazla gölge, diğer tarafta ise sadece ince bir ışık şeridi kullanıyorum, ancak yine anahtar, kendi kişisel tarzınız için neyin işe yaradığını denemek ve görmek.

Oyunlar için karakterler ve nesneler çizdiğinizi unutmayın. Bu, ışık kaynağınız hakkında dikkatlice düşünmeniz gerektiği anlamına gelir. Sprite'ınızın sağ tarafında çok belirgin bir gölge efekti oluşturmak bazı durumlarda tuhaf görünebilir - özellikle de sprite'ınızı ters yönde giderken çevirirseniz! Resminizi oluştururken bunu aklınızda bulundurun ve bunun yerine aydınlatmanızı daha incelikli hale getirmeyi veya onu tepeye dökmeyi düşünün.

Resminizi dışa aktarın

İşiniz bittiğinde, resminizi kaydedebilir ve dışa aktarabilirsiniz. Elbette bu noktada dikkatli olmalıyız çünkü resim aslında çok küçük olacak . Sanatınızı oyunlarınızda kullanırken aklınızda bulundurmanız gereken birkaç şey daha var.

İlk olarak, kenarlarda beyaz alan kalmayacak şekilde resminizi otomatik olarak kırptığınızdan emin olun. Bu, çarpışma algılamanız için kullanışlıdır ve ayrıca görüntünüzü gereksiz yere büyütmemenize yardımcı olur. Bununla birlikte, bunun yerine bir "hareket grafiği sayfası" oluşturmak isteyebilirsiniz; bu, her bir animasyon karesini tek bir dosyaya ekleyeceğiniz anlamına gelir. Bu, genel dosya boyutunu küçültür ve düzenlemeyi kolaylaştırır. Bu durumda, daha sonra seçtiğiniz IDE'de yapacağınız için kırpma daha az önemlidir.

Ayrıca arka planın şeffaf olduğundan emin olmanız gerekir, böylece karakterler oyun dünyanızda üzerinde karakterler çizilmiş büyük beyaz kareler yerine hareket edebilir. Gimp'te bunu menüden "Katman"ı, ardından "Şeffaflık" ve "Alfa Kanalı Ekle"yi seçerek yapabilirsiniz. Oradan beyaz arka planınızı silebilir ve görüntünüzün hiçbir şeyin üzerinde yüzmesine izin verebilirsiniz.

Resminizi dışa aktarırsanız, bir oyunda kullanmayı planlıyorsanız, bunu gerçek dosya boyutunda yapabilirsiniz. Unity'de, her bir hareketli grafik için 'Birim Başına Piksel'i seçerek, küçük dosya boyutundan yararlanmaya devam ederken görüntünüzü istediğiniz kadar büyütmeyi kolaylaştırabilirsiniz.

Tersine, ancak, resimlerinizi çevrimiçi paylaşmayı planlıyorsanız, daha büyük görünmelerini istersiniz. Öyleyse 'image'e, ardından 'image size' seçeneğine gidin ve boyutu artırın. Enterpolasyonun kapalı olduğundan veya Sert Kenarları Koru'nun seçili olduğundan emin olun (yazılımınıza bağlı olarak). Aksi takdirde resim bulanık görünecektir.

7 Piksel Sanat İpuçları

Son olarak, oyunda ustalaşma yolunda ilerlemenizi sağlayacak birkaç ipucu pixel art yardım etmelisin...

1. Büyük resmi aklınızda tutun

Her pikseli yakınlaştırıp dikkatlice düzenlerken, bittiğinde görüntünüzün nasıl görüneceğini hayal etmek zor olabilir. Bu nedenle, zaman zaman uzaklaştırmak önemlidir. Ya da daha iyisi, tuvalinizde küçültülmüş bir perspektif görmenizi ve ayrıca belirli noktalara atlamanızı sağlayan gezinme aracını (çoğu sanat programında bulunur) deneyin.

2. Sihirli Değnek Aracını kullanın

Sihirli Değnek veya Renk Seçimi araçlarını kullanarak tüm bölgeyi veya rengi seçebilirsiniz. Bu şekilde sadece o alan üzerinde çizim yapabilirsiniz. oldu sırayla, çizgileri geçme konusunda endişelenmeden özgürce çizim yapabilmenizi sağlar. Alpha Lock, bunu yapmak için kullanabileceğiniz başka bir araçtır.

3. Kenar yumuşatma ekleyin

Kenar yumuşatma, genellikle kontrastı azaltarak ve daha fazla geçiş rengi ekleyerek piksellerin görünümünü yumuşatmayı amaçlayan bir bilgisayar grafiği terimidir. PC oyuncuları bunu performansı artırmak için açılıp kapatılabilen bir grafik seçeneği olarak görecektir.

Bizim durumumuzda, kenar yumuşatma, görüntülerimizin biraz daha gerçek görünmesini sağlamak için taklit edebileceğimiz bir efekttir. Efekti oluşturmak için, ani bir kontrastın olduğu noktaları bulun ve ardından bu geçiş renklerini kenarlara uygulayın. Buradaki fikir, düzgün bir gradyan yapmak değil, sadece geçişin biraz daha az güçlü görünmesini sağlamak. Farkı görebilmeniz için buradaki Link'e biraz kenar yumuşatma ekledim:

Burada ayrıca hakkında bir şeyler öğreneceksiniz Pixel Art: Çok sabır gerektirir!

4. Seviyeleri kullanın

Çoğu sanat programı, katmanları kullanmanıza izin verir; bu, görüntülerin arka planda görünmesini ve bu katmanı etkilemeden üzerlerinde çizim yapabileceğiniz anlamına gelir. Ayrı ayrı katmanların vb. şeffaflığını da değiştirebilirsiniz.

Bu, birlikte çalışmak istediğimiz bir görüntüyü çekmemize, tamamen küçültmemize (doğru en boy oranını koruyarak) ve ardından kalem aracıyla izlememize olanak tanır. Gary'nin bu portresini böyle yaptım...

5. Filtreleri deneyin

en iyisi iken pixel art %99 elle düzenlendi, isteklerinize bağlı olarak hayatınızı biraz daha kolaylaştırabilecek birkaç filtre var. Örneğin, Gimp'in "Pixelize" adlı bir bulanıklık filtresi vardır ve bu, kutuda tam olarak ne yazıyorsa onu yapar. Bunu, mevcut görüntünüze ekstra kenar yumuşatma eklemek için kullanabilir veya "hile yapmak" ve normal bir görüntüyü biraz daha benzer bir şeye dönüştürmek için kullanabilirsiniz. pixel art görünüyor. Bileme aracı da kullanışlı bir kaynak olabilir.

6. İlham arayın

için en iyi yol pixel art Daha iyi olmak, çoğu şey gibi, denemeye devam etmekle ilgilidir. Bununla birlikte, biraz araştırma yapmak ve ilham almak için çevrimiçi arama yapmak da çok yardımcı olabilir. Özellikle, sandıklar, ağaçlar ve benzerleri gibi öğeleri hızlı bir şekilde oluşturmak istiyorsanız, mevcut "referans sprite" örneklerine bakmak yardımcı olabilir. 'Spriter's Resource', tüm favori eski oyunlarınızdan hareketli grafik sayfaları bulmak için harika bir sitedir. Hareketli grafik sayfalarına bakmak, karakterlerinizi canlandırmaya çalışırken de çok kullanışlı olabilir, çünkü size yürüme, koşma ve zıplamanın biyomekaniği için bir referans verir (biyomekanik, kollarımızın ve bacaklarımızın hareket etme şeklini ifade eder). biz hareket ederken bacaklar da hareket eder. ).

Ve elbette Play Store'da bir sürü harika oyunun yanı sıra Deviant Art ve Pinterest'te bolca ilham kaynağı var. Bazı mükemmel örnekler: Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (tabiri caizse), Kirpi Sonic 1, 2 & CD ve Teraryum.

7. Orijinal olun

Während pixel art düzenli olarak harika görünüyor ve deneme potansiyeli sonsuzdur, sizinkinin yapmacık görünmediğinden emin olmak için çalıştığınızdan emin olmanız önemlidir. şu an biri var çok pixel art, bu yüzden sadece genel bir tane kullanmak çok kolay pixel art-Bir görünüm oluşturun ve buna etiket deyin. Oyununuzun benzersiz görünmesini istiyorsanız, kutunun dışında düşünmeniz ve kendi tarzınızı bulmaya çalışmanız gerekir. Peki ya pixel art siberpunk gibi başka bir tarzla birleştirmek için? Deneyin, yeni şeyler deneyin ve yaratın pixel artbu bir şekilde sana özel. kullanmak pixel art Kendinizi ifade etmenin ve hayal gücünüzü hayata geçirmenin bir aracı olarak - sonuçta sanatın anlamı bu!

Düşüncelerinizi bizimle paylaşın!