El yapımı yapmayı öğrenin pixel art photoshop'ta çiz

Piksel çizimler, bilgisayar simgeleri, izometrik görüntüler ve hatta tüm sahneler oluşturmak için mükemmeldir. Ön ayarlarda birkaç hızlı ince ayar ile Photoshop kullanılarak hızlı ve kolay bir şekilde oluşturulabilirler.

Ancak tek dezavantajı, pixel art Photoshop filtresi kullanmak yerine elle yerleştirilen her pikselle en iyi şekilde görünür. Bu doğru, elle yerleştirilmiş - Özellikle bazı piksel sahneleri binlerce piksel içerdiğinde bunun biraz çılgınca geldiğini biliyorum. Ama el yerleştirme olmadan, sizinki pixel art kötü bir lo res resmi gibi görünüyor bu yüzden dikkatli olun!

Başlamadan önce iyi bir kural olarak, yaratımlarınızı farklı renkli kare taşlardan oluşan bir grup olarak net bir şekilde görebilmeniz gerektiğini düşünüyorum, ancak daha sonra şaşı ve gözlerinizi bulaştırırsanız, onları tanınan görüntü olarak görebilirsiniz. Bir çini mozaik yaptığınızı hayal edin, sadece harca ihtiyacınız yok.

Aşağıda tam bir piksel resmi var, bu çalışmada daha temel bölümlerden bazılarını oluşturacağız.

Yazılım

Tamam, çizmeye hazırlanalım. Photoshop'un bir kopyasına sahip değilseniz, ücretsiz olarak indirebileceğiniz bazı ücretsiz özel piksel çizim programları vardır:

• Piksel (Mac)
• Grafik Fırtına (Zafer)
• Daha fazla uygulama burada bulunabilir.

Her iki programla da oynuyorum ama klavye kısayollarına alıştığım için Photoshop'a geri döndüm.

tamam hadi bir sayfa kuralım

1. İlk olarak, Photoshop'ta tercihleri ​​açın ve görüntü enterpolasyonunu En Yakın Komşu olarak ayarlayın.
2. 300 dpi'de 300 piksele 72 piksel boyutunda yeni bir sayfa oluşturun.
3. 1 pikselde Kurşun Kalem aracını seçin. Kurşun kalem ve silgi araçları, gerçekten ihtiyacınız olan tek araçtır.
4. Bazen doldurmak için bir alan seçmek için Sihirli Değnek'i kullanabilirsiniz, ancak Anti-Alias'ın kapalı olduğundan emin olun.

Fırça aracını 9 yerine 1 pikselle kullandıysanız, keskin kenarlı piksel efektini bozan kenar yumuşatma oluşur. Bu yüzden 1 piksele sadık kalın. Annemin dediği gibi "Sıska kal, kaba kal".

Piksel çiziminiz %100 (gerçek boyut) olarak görüntülendiğinde, Kalem Aracı 1 piksel genişliğinde çok küçüktür, bu nedenle görülmesi ve düzenlenmesi zor olabilir. Bir fikir, ne yaptığınızı görebilmeniz için %800'e yakınlaştırmaktır. Photoshop'ta genellikle aynı ekran görünümünde %200'lük ikinci bir pencere açtım, böylece çizimimin nasıl yakından ve aynı zamanda biraz daha uzaktan göründüğünü hızlıca görebiliyorum.

Çalışma belgemizi bir PSD dosyası olarak kaydedebilir ve daha sonra web kullanımı için bir GIF dosyası olarak dışa aktarabiliriz. Ayrıca daha sonra dosyayı büyütebilir ve CMYK yazdırma için bir TIF'ye dönüştürebiliriz.

hadi çizmeye başlayalım

Tamam, hadi bu açık kitap gibi bir şey çizmeye çalışalım. Siyah anahatınızı oluşturmak için Kalem Aracıyla kenarı çizin. Ardından sayfanın ve yer iminin düz renklerini doldurun.

Bazı tek piksel çizgileriyle sayfada metin fikrini oluşturun. Sayfada hafif bir eğri izlenimi vermek için çizgiye nasıl hafif bir bükülme eklediğimize bakın.

Son olarak, sayfaların ortasına ve yer iminin yanına bazı işaretçiler ekleyin. Hoş bir küçük dokunuş, her sayfanın alt dış köşesindeki tek bir piksel vurgusudur, katı bir blok olmaktan ziyade sadece bir sayfa kenarlığı ipucu verir.

Ana hatlar, renkler, vurgular ve gölgelemenin temellerinde uzmanlaştıktan sonra başka basit şekiller oluşturmayı deneyebilirsiniz.

açılı piksel çizgileri

Yukarıdaki gibi piksel sembolleri, birbirine sadece 90º olan ve çok fazla kare ve dikdörtgen olan bir dizi çizgi olarak tasarlanabilir. Ancak, bazen açılı bir çizgiye ihtiyacınız olabilir.

Unutulmaması gereken bir şey, açılı çizgilerin normal bir desen olduklarında en iyi şekilde göründüğüdür. Düzensizlerse (aşağıda gösterilenler gibi), küçük görüldüğünde pütürlü ve kaba görünebilirler. Aşağıdaki ikinci örnek, piksel sanatıyla harika görünen çok daha düzgün izometrik açılardır, ancak bu, teknik çizim sınıfında kullandığınız 30º "Iso" açısı değil - aslında 26,5º'ye biraz daha yakın. Ne yazık ki, 30º %100'de topaklı bir çizgi verir. Düzenli olarak 2 puan yukarı ve 1 puan yukarı giden bir çizgi çizerseniz, 26,5º elde edersiniz.

Biraz daha geometrik olan ve bu çizgi desenlerinden daha fazlasını kullanan başka bir şey çizmeyi deneyelim mi?

Düzensiz çizgi %100'de topaklı görünüyor.

Farklı açılarda düz çizgi deseni.

Bir piksel günlüğü çizelim

Uzunluk boyunca çizgiler kolaydır, şimdi nasıl yapacağımızı biliyoruz, peki ya o yuvarlak uçlar?

Bu ikisi düzenli kalıplardır, ancak geniş yatay çizgilerden karelere ve ardından dikey çizgilere dönüşür. Düzensiz görünüyor ama gözlerinizi kaydırırsanız iyi görünüyor!

Gövde ucundaki sağ üst eğri de sol alt bölümün ters modelidir. Genellikle pikselleri sayarım veya belirli kombinasyonları ezberlerim. Daire üzerindeki piksel kombinasyonu…

• 3 kare (karşı)
• 2
• 111
• 222 (aşağıda)
• 6
• 2
• Erste

Illustrator'da Bezier eğrileri kullanmak gibi, ilk başta asmak biraz zor, ancak yakında bunun için "hissi" alacaksınız. Kütüğün uzunluğu kolaydır, biz sadece 2'ye 1 yukarı sistemini kullanıyoruz ve günlüğü istediğimiz kadar uzun veya kısa yapıyoruz.

Uçtaki daha küçük eşmerkezli daireler güzel bir halka deseni oluşturur ve kütüğün altındaki bazı koyu gölgeli alanlar ona biraz derinlik verir. Önce ağaç gövdesine düz bir köknar rengi veriyoruz, sonra derinlik yaratmak için, yüksek ışık/düşük ışık çizgilerimizin her iki tarafına zıt renkte pikseller yerleştirerek renk taklidi oluşturabiliriz.

Kalıpları oluşturabilir ve daha karmaşık hale getirebilirsiniz. Yine de dikkatli olun - ne kadar gerçekçi ve zor denerseniz, görüntü küçük boyutta çoğaltılması gerektiğinde o kadar bulanık görünebilir.

Kaba bir görünüme sahip olmasını ve sincaptan biraz farklı olmasını istediğim için log #3'e birkaç rastgele piksel daha ekledim.

Son kütük için kabuğu soyulmuş ve küçük bir dalı olan bir alanda çalıştım. Önce bir alanı veya stili bitirmeyi ve daha sonra üzerinde daha ayrıntılı çalışmayı buldum. Soyulmuş ağaç kabuğu gövdesini bir renk taklidi deseniyle sıfırdan çizebileceğimi sanmıyorum - bunun yerine katmanlar ve katmanlar eklemeye devam ettim. Basit aşamalar en iyi sonucu verir!

Düzensiz piksel çizimi

Kütüğümüze tünemiş bir sincap gibi daha düzensiz bir şeye geçelim. Böyle karmaşık bir şey için, bir kalem ve kağıtla başlamak en iyisidir.

İlk önce doğru boyutları elde etmek için sayfama izometrik bir kare çizdim. Bu örneği haber amaçlı kullandığımız için, ilham kaynağı olarak bir fotoğraf kullandım. Sonra eskiz yapmaya başlıyorum. İzometrik çizgileri takip etmelerini istediğim için hem kulaklardaki hem de ayaklardaki açıya özellikle dikkat ediyorum.

Gördüğünüz gibi ayrıntılar çok az - Ben sadece önce temel şekli ve dik açıları çözmek istiyorum. Gerisini Photoshop'ta yaparız.

Çizimi getirin, yeni bir katman koyun ve opaklığı açın, böylece oluşturmak istediğiniz pikselleri net bir şekilde görebilirsiniz. Bu zor ve hızlı bir kural değil, ancak piksel sanatının en iyi siyah anahatları olduğunda göründüğünü düşünüyorum.

Burada kalem aracıyla sincapımın etrafından dolaşıp siyah anahattı oluşturuyorum. Kaçınılması gereken bir şey, anahat piksellerinin birden fazla tarafa temas ettiği kümelenmedir. Fazladan bir kare çizerseniz, silginizle silmeniz yeterlidir (1 piksel genişliğinde tutulur, kırmızı daireye bakın), daha düzgün görünecek ve izleyicileriniz size teşekkür edecektir.

Hala biraz dağınık görünüyor, ama şekillenecek! Çizimdeki anahtar çizgiler de ona cesur bir görünüm kazandırmaya yardımcı olur. Sadece biraz kontrast eklemek için siyah olmayan koyu bir renk olduklarından emin olun. Bana radikal diyebilirsin ama ben kahverengiyi seçtim.

Şekil tamamlandığında, iç alanı güzel bir orta ton rengiyle (yumuşak kahverengi) doldurun ve bazı vurguları ortaya çıkarmak için açık bir renk kullanın.

Siyah anahat kuralı zor ve hızlı değil, neler olduğunu görmek zorlaştığı için ön çenenin ve pençenin altında bazı önemli siyah çizgiler bıraktım.

Sonuç

Pikselleri manuel olarak yerleştirmek, kaldırmak ve manipüle etmek, becerinin devreye girdiği yerdir. Arada bir. Ancak bir kez alıştıktan sonra hemen hemen her şeyi çizebilirsiniz - tek ihtiyacınız olan biraz sabır. Umarım bu size yardımcı olur ve kendi harika eserlerinizi yaratmanız için size ilham verir!