Piksel sanatı, modern bağımsız video oyunlarında tüm öfkedir. Sanatçının, 3B nesneleri modellemek veya karmaşık konuları elle çizmek için sayısız saat harcamak zorunda kalmadan bir oyun için çok fazla karakter vermesini sağlar. Bir piksel sanatçısı olmak istiyorsanız, ilk adım bir hareketli grafik oluşturmaktır. Sprite yaratma konusunda kendinizi rahat hissettiğinizde, canlandırma yapmaya ve becerilerinizi potansiyel işverenlere satmaya başlayabilirsiniz.
adımlar
Bölüm 1 / 7: Aletlerinizi Toplama
Adım 1. İyi bir resim düzenleme yazılımı indirin
Paint ile piksel sanatı oluşturabilseniz de, bunu zor bulacaksınız. En popüler piksel sanatı programlarından bazıları şunlardır:
- Photoshop
- Paint.net
- GIMP
- Pixen
- aseprit
- pixilart
Adım 2. Bir çizim tableti alın
Elle çizilmiş sanatı izlemek istiyorsanız veya ekranda çizim yapmak için fareyi kullanmayı gerçekten sevmiyorsanız, bir tablet ve ekran kalemi kullanabilirsiniz. Wacom, en popüler tablet üreticilerinden biridir.
Adım 3. Düzenleme yazılımınızda ızgara görünümünü açın
Hangi yazılımı seçerseniz seçin ızgara modunu etkinleştirmek isteyeceksiniz. Bu, her pikselin nereye gideceğini açıkça görmenizi sağlar. Izgara görünümüne genellikle Görünüm menüsünden erişebilirsiniz.
Muhtemelen ızgarayı, her kare bir pikseli temsil edecek şekilde yapılandırmanız gerekecektir. Bunu yapmanın yöntemi programdan programa değişir. GIMP'de bunu Görüntü menüsünden değiştirebilirsiniz ("Izgarayı Yapılandır…" seçeneğini seçin)
Adım 4. Tek pikselli bir kalem seçin
Düzenleme yazılımınızda Kurşun Kalem aracını seçin. Kurşun Kalem seçeneklerinde tek pikselli fırçayı seçin. Bu, tek piksellerde çizim yapmanızı sağlar.
Bölüm 2 / 7: Temelleri Uygulamak
Adım 1. Yeni bir resim oluşturun
Piksel düzeyinde çalışacağınız için görüntü boyutunun büyük olması gerekmez. Orijinal Super Mario Bros. oyunundaki tüm ekran sadece 256 x 224 pikseldir. Mario'nun kendisi sadece 12 x 16 pikseldir!
Adım 2. Yakınlaştırın
Tek tek piksellerle çalışacağınız için, ızgarayı ve her bir pikselin nereye yerleştirildiğini görebilmek için çok yakınlaştırmak isteyeceksiniz. Izgaradaki pikselleri net bir şekilde görmek için %800'den fazla yakınlaştırmanız gerekebilir.
Adım 3. Düz bir çizgi çizme alıştırması yapın
Bu basit bir kavram gibi görünebilir, ancak çizgi ortada bir piksel bile olsa fark edilir. Fareniz veya ekran kaleminizle düz çizgiler çizme alıştırması yapın, böylece her seferinde çizgi aracına geçmek zorunda kalmazsınız.
Adım 4. Eğri çizgiler çizme alıştırması yapın
Eğriler, piksel çizgisinde düzenli kesintilerle oluşmalıdır. Örneğin, iyi bir eğri, altı piksellik bir kesinti ile başlar, ardından üç piksellik bir kesinti, ardından iki piksellik bir kesinti ve ardından bir piksellik kesintiler gelir. Kırılmalar daha sonra eğrinin diğer ucunu yapmak için tersine dönecektir. Kötü bir eğri, üç piksellik bir kesintiyle başlar, ardından bir piksellik bir kesinti, ardından üç piksellik bir kesinti veya başka herhangi bir garip ilerleme izler.
Adım 5. Hataları düzeltmek için Silme aracını kullanın
Kurşun Kalem aracı gibi, silgiyi her seferinde bir pikseli silecek şekilde ayarlamak isteyeceksiniz. Silgi çok büyükse pikselleri hassas bir şekilde silmek zor olacaktır.
Bölüm 3 / 7: İlk Sprite'ınızın Ana Hatlarını Çıkarma
Adım 1. Sprite'ın kullanımını belirleyin
Hareketli mi yoksa statik mi olacak? Statik bir hareketli grafiğin içine daha fazla ayrıntı koyabilirsiniz, ancak animasyon için parçaları yeniden çizmeniz gerekeceğinden hareketli bir hareketli grafiği daha basit tutmak isteyebilirsiniz. Sprite diğer sprite'larla kullanılacaksa, her şeyi birbirine bağlayan sanatsal bir stil sürdürmek isteyeceksiniz.
Adım 2. Herhangi bir sınırlama olup olmadığını öğrenin
Bir proje için hareketli grafik oluşturuyorsanız, herhangi bir boyut veya renk sınırlaması olup olmadığını belirleyin. Birçok farklı sprite ile daha büyük projeler üzerinde çalışmaya başladığınızda bu daha önemli olacaktır.
Çoğu modern sistem, hareketli grafik boyutu ve renk karmaşıklığı konusunda gerçekten herhangi bir sınırlamaya sahip değildir. Özellikle daha eski bir sistem için bir oyun geliştiriyorsanız, daha fazla sınırlamayla karşılaşabilirsiniz
Adım 3. Çizin
Sprite'ın temel konseptini bir kağıda çizmeye çalışın. Bu, hareketli grafiğin nasıl görüneceğini görmenize ve poz veya diğer özelliklerde ayarlamalar yapmanıza olanak tanır. Bir tabletiniz varsa, bu çizimi daha sonra izlemenizin kaynağı olarak kullanabilirsiniz.
Krokiyi ayrıntılı hale getirin. Dahil etmek istediğiniz tüm özellikleri yerleştirin, böylece hareketli grafiğin bitmiş bir ürün olarak nasıl görüneceğine dair bir fikir edinebilirsiniz
Adım 4. Düzenleme programınızda taslağı oluşturun
Ya referans olarak çizilmiş taslağı kullanın ya da pedinizi kullanarak taslağı çizin. Anahat oluşturmak için tıklayıp çizebilir veya her pikseli ayrı ayrı yerleştirebilirsiniz, seçim sizin.
İlk hareketli grafiğinizi oluştururken anahat renginiz olarak düz siyah kullanın. Bu ayırt etmeyi kolaylaştıracaktır. Anahat rengini daha sonra manuel olarak değiştirebilirsiniz
Adım 5. Anahattı temizleyin
Yakınlaştırın ve fazla pikselleri silmeye ve çizgileri düzeltmeye başlayın. Hareketli grafiğin geri kalanı için daha kalın bir anahat tutmadığınız sürece, anahat yalnızca bir piksel kalınlığında olmalıdır. Hataları düzeltmeye yardımcı olacak pikseller eklemek için Kurşun Kalem aracınızı kullanın.
Anahat oluşturma sürecinde büyük ayrıntılara odaklanın. Geri dönüp küçük dokunuşları daha sonra ekleyebilirsiniz
Bölüm 4/7: Sprite'ınızı Renklendirme
Adım 1. Temel renk teorisini tazeleyin
Hangi renkleri kullanmanız gerektiğini belirlemenize yardımcı olması için renk tekerleğine bakın. Çark üzerinde karşılıklı renkler çok belirgin olurken, birbirine yakın renkler yan yana güzel görünecektir.
Çok sarsıcı olmadan hareketli grafiğinize farklı bir görünüm kazandıran bir dizi renk seçin. Tüm proje bu stili kullanmadıkça, mümkünse pastel renklerden kaçının
Adım 2. Sadece birkaç renk kullanın
Ne kadar çok renk eklerseniz, sprite'ınız o kadar dikkat dağıtıcı görünecektir. En ikonik spritelardan bazılarına bir göz atın ve genellikle sadece birkaç renk kullandıklarını göreceksiniz.
- Mario - Klasik Mario sprite, hepsi birbiriyle yakından ilişkili olan yalnızca üç renk kullanır.
- Sonic - Sonic, orijinal Mario'dan daha fazla ayrıntıya sahiptir, ancak yine de değişen tonlarda yalnızca dört renkten oluşur.
- Ryu - Klasik dövüş oyunu spritelarından biri olan Ryu, tanım için hafif gölgeleme ile basit renklerden oluşan geniş alanlar kullanır. Ryu'nun çeşitli tonlarda beş temel rengi vardır.
Adım 3. Renklerinizi uygulayın
Renk seçimlerinizi hareketli grafiğinize uygulamak için Doldurma aracını kullanın. Bu noktada sadece temel rengi uyguluyorsunuz, bu yüzden ne kadar düz göründüğü konusunda endişelenmeyin. Doldurma aracı, tıkladığınız pikselle eşleşen tüm pikselleri sınırlara ulaşılana kadar seçtiğiniz renkle değiştirir.
Bölüm 5 / 7: Gölgeleme Uygulaması
Adım 1. "Işık kaynağını" belirleyin
Işığın hareketli grafiğe çarptığı açı, daha gerçekçi ve inandırıcı bir etki için gölgelendirmenin nereye uygulanacağını belirlemenize yardımcı olacaktır. Aslında bir ışık olmayacak olsa da, ışığın parladığı yönü bilmek çok önemlidir.
Hafif sağdan veya hafif soldan, hareketli grafiğin çok uzaklarından gelen ışık kaynağı ile gölgeleme yapmak en kolayı olabilir
Adım 2. Temel rengin biraz daha koyu bir tonunu kullanarak gölgeleme uygulayın
Işık kaynağı yukarıdan geliyorsa, gölgeleme hareketli grafiğin "alt tarafında" gerçekleşmelidir. Direkt ışıktan etkilenmeyecek alanları gölgeleyin. Gölgeleme eklemek için anahatların üstüne veya altına birkaç piksel katmanı eklemeniz yeterlidir.
- İyi bir gölgeleme rengi elde etmek için temel renginizin "lum" değerini azaltabilir ve "ton" değerini biraz artırabilirsiniz.
- Gradyanları asla kullanmayın. Çok sahte ve profesyonelce görünecekler. Degradeleri taklit etmek için renk taklidi kullanabilirsiniz (aşağıya bakın).
Adım 3. Bazı yumuşak gölgeler ekleyin
Gölgenin koyuluğu ile orijinal temel renk arasında bir gölge seçin. Gölgelendirme ile temel renk arasına başka bir gölge katmanı eklemek için bu gölgeyi kullanın. Bu, karanlıktan aydınlığa geçişin etkisini verecektir.
Adım 4. Birkaç vurgu uygulayın
Bunlar, ışıkla en çok etkilenen sprite noktalarıdır. Temel renkten biraz daha açık olan bir gölge kullanarak vurgular ekleyebilirsiniz. Dikkati dağıtabilecekleri için vurguları dikkatli kullanın.
Bölüm 6 / 7: Gelişmiş Teknikleri Kullanma
Adım 1. Biraz taklidi deneyin
Bu, sanatçının gölgedeki bir değişimi temsil etmesine izin veren bir efekttir. Geçişleri oluşturmak için piksel yerleşimini değiştirerek yalnızca birkaç renkle degrade efekti oluşturmanıza olanak tanır. Bir desende iki farklı piksel renginin miktarı ve yerleşimi, gözü kandırarak farklı tonları görebilir.
Titreme, yeni başlayanlar tarafından aşırı kullanım eğilimindedir, bu nedenle nadir durumlar dışında kullanmaktan kaçının
Adım 2. Kenar yumuşatma uygulayın
Piksel sanatı, göze çarpan piksellerle tanımlanır, ancak bazen her şeyin biraz daha pürüzsüz görünmesi için çizgileri karıştırmak istersiniz. Kenar yumuşatma, bunu yapmanıza izin veren tekniktir.
- Bir eğri üzerindeki kıvrımlara ara renkler ekleyin. Yumuşatmak istediğiniz eğrinin ana hatlarının etrafına bir ara renk katmanı ekleyin. Hala pürüzlü görünüyorsa, daha açık bir gölgeden başka bir katman ekleyin.
- Sprite'ınızın herhangi bir renkli arka planda canlı görünmesini istiyorsanız, anahattın dış kenarını yumuşatmayın.
Adım 3. Seçici anahat uygulayın
Bu, taslağı doldurmak için kullanılan renklere benzer şekilde renklendirmek için kullanılan terimdir. Bu, anahat biraz daha doğal olacağından, hareketli grafiği biraz daha az "çizgi film" görünümü verecektir. Giysilerde geleneksel anahatları kullanırken, çıplak teni seçmeye çalışın.
- Seçici ana hatlarını çizdiğiniz bölümün temel renginden daha koyu bir gölge kullanın. Ana hatlarınızı çizerken gölgeyi değiştirmek için ışık kaynağını kullanın ve hareketli grafiğinize daha doğal bir görünüm kazandırın. Bu özellikle cilt ve kas tonusu için faydalı olabilir.
- Hareketli bir arka plan üzerinde farklı kalmak için hareketli karaktere ihtiyacınız varsa, geleneksel anahatlar iyidir.
Bölüm 7 / 7: Son Rötuşları Ekleme
Adım 1. Sprite'a iyi bir göz atın
Bir adım geri atın ve bu noktaya kadar sprite'ınıza bakın. Herhangi bir şeyin uygun olup olmadığını belirleyin ve ardından bu tutarsızlıkları veya hataları düzeltin.
Adım 2. Ayrıntıları ekleyin
Renklendirmeyi ve gölgelendirmeyi bitirdikten sonra, yazı, gözler, ek özellikler ve hareketli grafiğinizi bir sonraki seviyeye taşıyabilecek diğer her şey gibi ayrıntıları ekleyebilirsiniz. Sonunda ayrıntılara gösterilen özen, amatörleri profesyonel piksel sanatçılarından ayıran şeydir.
Adım 3. Sprite'ınızı canlandırın
Yukarıdaki adımları izlediyseniz, tek bir statik hareketli grafiğiniz olur. Bu bir sanat eseri olarak iyidir, ancak oyunlar için sprite yapmak istiyorsanız, muhtemelen canlandırılmaları gerekir. Bu, her animasyon karesinin önceki kareden küçük değişikliklerle kendi hareketli grafiğine sahip olması gerektiği anlamına gelir. Bir animasyonda kullanılan tüm hareketli görüntülerin koleksiyonuna "hareketli grafik sayfası" denir.
- GIMP'de hareketli grafik sayfası canlandırmanın ayrıntıları için bu kılavuza bakın.
- Spritelar için benzersiz ve çekici animasyonlar oluşturmak, usta piksel sanatçılarının kendilerini amatörlerden ayırmasının bir yoludur. İyi bir animasyon, bir sprite'a tonlarca hayat verebilir.
Adım 4. Bir portföy oluşturun
Piksel sanatı becerilerinizi video oyunu geliştirme dünyasına taşımak istiyorsanız, potansiyel işverenlere gösterilecek sağlam bir portföyünüz olmasını isteyeceksiniz. En iyi sprite'larınızdan birkaçını ve varsa bazı animasyonları ekleyin. Karakterler, manzara, sahne malzemeleri ve daha fazlası dahil olmak üzere çeşitli konular ekleyin.