Pixel Art | Noktalardan Resim Çizenler

Tek tek nokta koyarak resim çizdiniz mi hiç? Bilgisayarda özellikle Paint programı ile kutu kutu resim çizen sanatçılar var. Bu çılgın işin uzmanları, yaptıkları işe Pixel Art, Pixel Sanatı diyorlar.


Pixel, bir ekrandaki en küçük görüntüleme birimidir. Şu an izlediğiniz ekranın binlerce ışık / renk noktasından oluştuğunu söylemeliyiz ilk olarak. Görüntüleme birimine göre daha canlı olabilen bu noktacıkların, birim yüzeyde fazla olmaları cam gibi görüntünün ilk kriteridir.

Peki bir resmi pixellerden oluşturmak da nedir? Kimin aklına gelmiştir ve nasıl bir sabırdır bu iş?

Keyifle meseleye bakalım,

ÖNCE MOTİVASYON!

Meseleyi önce sevdirmeli değil mi? 🙂 Haydi sırayla Pixel Art’ın en güzel örneklerine bakalım.

1) Dünyanın En Yüksek Sanal Binası Pixel Art’la.
Her katı dünyanın her yerinden bir sanatçı yaptı. Bu enfes proje sanatın ne kadar sıradışı olduğunu tüm dünyaya duyurdu. Bir bakın muhteşem değil mi?

http://www.mrwong.de/myhouse/

2) Büyük Bir Şehir Görüntüsü
http://www.pixelfreak.com/en/pixel.html (Üstteki resimde her bir alan devasa bir fotoğraftır. Tıklayın ve şaşırın 🙂

3) Pixel Art Film Konu Bayağı Ciddi!
http://movie.nascimpact.com/
(Filmin kısa başlangıcı burada devam edildiği söyleniyor)

pixelavengersfounders.gif

4) Micro HEROES denilen Pixel Art ile Çizilmiş Süper Kahramanlar Çok Eğlenceli
http://jerome.galica.free.fr/
http://www.angelfire.com/comics/ryans_marvel_world/
http://microheroes.virtuaboard.com/
http://lilithvonsilver.com/dolls/micro/fiends.htm
http://kat.of-the-night.com/front.html

Tüm liste Wikipedia sayfasında

5) Türkiye’den bir pixel sanatçısının yaptığı (neurovit- Gerçek ismini çok aradım bulamıyorum) Kız Kulesi evet yanlış okumadınız Kız Kulesi 🙂


http://neurovit.deviantart.com/art/Kiz-Kulesi-Maiden-s-Tower-29742971
Açılan sayfadaki görsele tıklayıp büyütmeyi unutmayın

ve bu da Sultanahmet Camisi. ile Roma Tapınağı.

6) En güzelini sona sakladım 🙂 Pixel York (New York gibi üye olunuyor pixel nesneler ekleniyor. Yaşanıyor.

Reklam alanlarına reklam veriliyor. Bir bakmalı buna da üstelik her şey hareketli. Arabalar gelip gidiyor. Hayat var yani. 🙂 Haritada istenen noktalara tıklanabilir.
http://www.citypixel.com/city/newyork.php

 

PIXEL ART TARİHİ

Wikipedia bize ilk pixel art sanatçılarının Adele Goldberg ve Robert Flegal olduklarını söylüyor. Zerox firmasının Palo Alto araştırma merkezinde 1982 yılında çalıştıkları açıklanıyor. Ancak bundan 10 yıl önce 1972’de Richard Shoup’un SuperPaint sistemini yine Xerox PARC’ta geliştiği de kayıtlara geçmiş.

Pixel sanatı tüm yardımcı fırçaların, filtelerin anti-aliasing (kırılmaları düzelten sistem) kullanılmadığı resme yaklaştığınızda tek tek noktacıkların görüldüğü inanılmaz bir sanattır. Sanatçılar genelde çizim programlarında “kalem” aracı ile 1pxlik kalınlığı seçer ve çember, kare, eğri gibi tüm şekilleri bu kalemle çizer. Ancak kişiye temel parçaları çizdikten sonra kopyalayıp tekrarlama hakkı verilir. Yani bir duvar varsa ve kişi birkaç tuğla çizmişse bu tuğlaları tek tek çizmek yerine çizdiklerini ileriye doğru çoğaltıbilir.

pixelmicroherotemplates.gif

PİXEL ART Teknikleri

Şimdi insan düşünüyor. Böylesine detaylı bir işin yapılmasında nasıl taktikler hazırlanmıştır?

İzometrik / Isometrik Pixelart

Bir 3 boyutlu tasarım programı kullanmadan sahneye üst çapraz köşeden baktığımız bir perspektifle hazırlanan sahneler daha hoş ve gerçekçi görünür. Bu açı, özellikle strateji oyunlarından alışık olduğumuz bir açıdır. Tam tepeden görüntüleme estetik değildir, bir haritaya bakmak gibi görünür. İzometrik açı, ufka göre 30 derecelik bir açıdır ( Tam olarak aslında 26,565°’dir)

İzometrik olmayan çalışmalar, en çok ikon dediğimiz web sitelerinde kullanılan sembollerde kullanılır. Burada nesneler; karşıdan, yandan, önden, arkadan kısacası açısız görüntülenir. Diğer adı “Planometric” görünümdür.

PIXEL ART Çalışmalar Hangi Resim Formatında Saklanır?

Kayıpsız sıkıştırma formatlarının anlamı ekranda gördüğünüz görüntüdeki her noktanın dosyaya aynen aktarılmasıdır. Görüntü aslına sadık kalır. Ancak hiçbir sıkıştırma içermediğinden bu format harddiskte daha fazla yer kaplar. Özellikle Windows Paint’ten alışık olduğumuz BMP bu formatın en yaygın temsilcisidir. Ancak farklı bilgisayar sistemlerinde çok yaygın kullanılmaz.

Sıkıştırmalı formatları ise JPEG, JPG gibi uzantılarda görürüz. Sanatçılar yaygın kullanımı nedeniyle GIF ve PNG formatlarını seçmişlerdir.

Pixel Art Nerelerde Kullanılır?

1) Oyunlarda, en çok video ve bilgisayar oyunlarında görürüz bu tekniği -gerçi 3D oyunların ezici kullanımı ile azalmış olsalar da – mobil telefonlar, taşınabilir cihazlar gibi ekran çözünürlüğü ve hafızası, işlemci gücü düşük cihazlar için halen uygundur.

2) Reklamcılıkta, şirin gözüktükleri için pixelartla hazırlanmış eğlenceli videolar, grafikler daha etkilidir. Bir dönem ülkemizden Turkcell, Shubuo kampanyasında kullanmıştı. Yurt dışında Wired, Popular Science ve Fortune 500 dergileri gibi büyük dergilerde kullanılmıştır.

3) Özellikle bir çok işletim sisteminin masaüstlerindeki desktop ikonlar da pixelart ürünlerdir. (16×16 ve 24×24 ölçekleriyle kullanılırlar)

4) Web sitelerinde çok sevimli bir arabirim sağlarlar. Ülkemizde IETT sitesinin zamanında Pixelart’la hazırlanması e-devlet uygulamaları içinde çok övülmüştü. (PC World “2003 yılı en iyi kamu kurumu sitesi” seçmişti.. Sonra ne akla hizmet değiştirildi. Şu an ki tasarımı da kodlamasını da uzman gözüyle beğenmiyorum. Hem renk paleti hatalı, hem SEO olarak, hem table ile tasarım yapıldığı için, hem engelli vatandaşlarımızın siteye girince web standartlarına uyumsuz bu site ile şaşkına dönecekleri için, resimlerin alt tagleri yazılmadığı için ve daha bir çok hata. Kısacası bir önceki tasarımı kaldırıp bu tasarıma geçmek çok kötü bir kararmış. Eğer belediyemiz isterse, ücretsiz şekilde IETT sitesinin düzeltilmesi için gerekenleri rapor halinde sunabilirim. Bir vatandaş olarak bu hizmetten onur duyarım.)

5) Sadece sanat zevkiyle yarışmalar ve ortak çalışmalar yapılır. Şimdi ona değineceğim.

pixelart2.jpg

 

TÜRKİYE’DE PIXEL ART

Malina’yı tanır mısınız? Ülkemizin Internette en çok sevilen nadide şahsiyetlerinden birisi Vildan Ablamızdır. 🙂 Daha Türkiye’de Photoshop, Web tasarım nedir bilinmezken, yıl daha 199x şeklinde giderken, ardı ardına bunları öğreten, ücretsiz, müthiş siteler açmış, gruplar kurmuş ve güzel organizasyonları devam ettirmiştir.

En çok tanınan siteleri Webdersleri.com, Agaclar.net, Yasamdersleri.com … şeklinde gider.

Gelelim bu konuyla bağlantısına, bu güzel pixel sanatını ilk kez ondan okumuştum.
Webdersleri’nde harika bir yazı dizisi var. Tıklayıp okumanızı hararetle tavsiye ediyorum. 🙂

1-Pixel ART
2-Pixel ART (ev yapımı)
3-Kendi Fırçalarınızı Yapın
4-Hazır Fırçaları indirin
5-Fırçaları Nasıl Kullanacaksınız?
6-Çizgi tipleri ve alanlar
7-Renk paleti hazırlama
8-Çizmek ve temizlemek

PSistan

Bununla da kalmadı ülkemizin sanatçılarını kendilerini göstermeye çağırmıştı ve harika bir katılım olmuştu. Amaç büyük bir evin her odasının bir sanatçı tarafından tasarlanıp çizilmesiydi. Böylece Psistan kurulmuş oldu. (Şu an sanırım bir server problemi var. Bende açılmadı ama favorilerinize ekleyin ve mutlaka görün bizde ne yetenekler varmış diyeceksiniz 🙂 )

Not: Web arşivlerinden sitenin nasıl olduğunu görebiliriz. (VPN Kullanmanız gerekebilir.)  Buyrun görmüş olun.

Sonradan Not: Malina bize sitenin şu andaki adresini yolladı. Üstteki linkler yerine bu adrese tıklayabilirsiniz. PSistan / Web Dersleri http://www.webdersleri.com/sayfa.asp?id=698

SİZ DE ÇİZİN!

http://pixelarts.6x.to/ adresine girin. Web üzerinden hemen bir pixelart yapın.

Burada da daha kaliteli hazırlanmış bir online çizim ortamı var: ( Bu demoyu izleyin anlayacaksınız kullanımı)
http://www.halfshag.com/iso/

Çizmeyi Öğrenin
http://www.pixelfreak.com/en/tutorial0.html

İzometrik Açı Nasıl Verilir?

http://pixel.nascimpact.com/tut_iso.php?PHPSESSID=62f47337246cf1df3c40ce29e22f6d78

Piramit Nasıl Çizilir?
http://pixel.nascimpact.com/tut_pyramide.php?PHPSESSID=62f47337246cf1df3c40ce29e22f6d78

Saksıda Çiçek
http://pixel.nascimpact.com/tut_plante.php?PHPSESSID=62f47337246cf1df3c40ce29e22f6d78

Silindir Çizimi
http://pixel.nascimpact.com/tut_cylindre.php?PHPSESSID=62f47337246cf1df3c40ce29e22f6d78

Ev Çizimi
http://pixel.nascimpact.com/tut_house.php?PHPSESSID=62f47337246cf1df3c40ce29e22f6d78

Gölgeler Nasıl Yapılır?
http://shonegold.deviantart.com/art/Creating-Shadows-in-PixelArt-70098689

Hazır Pixel Art Nesneler
http://www.mrwong.de/index1.htm Sayfanın en altında Goodies bölümünde dünya kadar nesne var.

HANGİ ÇİZİM PROGRAMINI KULLANMALIYIZ?

pixelgalecap1.jpg

Ustaların bir kısmı Paint kullansa da bazı özelliklerin zayıf kalması ileride işleri zorlaştırıyor. Photoshop daha yaygın ama ayarları düzgün yapmanız lazım yoksa otomatik olarak bulanıklık oluşturur. (Anti-aliasing ve ölçeklendirme sorun yaratabilir. Üstte verdiğim Webderslerindeki Pixel Art derslerinde ayarlar anlatılıyor)

Ama en çok tavsiye edilen profesyonel çözüm GraphicsGale
http://www.humanbalance.net/gale/us/

Programın iki versiyonu var. Bazı özellikleri eksik ama ücretsiz model ve ufak bir ücretle tam sürüm. http://www.humanbalance.net/gale/us/download.html

Diğer bir profesyonel program da COSMIGO
Bu adrese tıklayıp indirebilirsiniz. (Dediğim gibi Ücretli ve profesyonel bir yazılımdır ve bu deneme versiyonudur. Bir ay boyunca tam çalışacak sonra satın almazsanız kapanacaktır.)
http://www.cosmigo.com/promotion/

http://psd.tutsplus.com/articles/techniques/learn-how-to-draw-hand-crafted-pixel-art-in-photoshop/

WEBDEKİ GÜZEL PIXEL ART SİTELERİ

Amsterdam gibi ama Pixeldam!
http://pixeldam.net/
Mesela Star Wars Müzesi, Geleceğin Evi, Cyrstal Park Mall

AVATARLAR, SİMGELER
http://www.pixeljoint.com/projects/lildudes/
http://www.lovepixel.idv.tw/page/main.htm

Pixellerden Şehir Yapın!
http://www.citycreator.com/

Pixel Joint
http://www.pixeljoint.com/

Mr. Wong
http://www.mrwong.de/index1.htm

HabboTimes
http://www.habbotimes.de/

Kaynakça:
http://en.wikipedia.org/wiki/Pixel_art Ağırlıklı olarak Türkçe’ye çevrilip GPL lisansına dayalı olarak yazıda kullanılmıştır.
http://pixelarts.6x.to/
http://forum.zoque.net/luna-grafik-forumu-2d/12229-pixel-cizim-nasil-yapilir/
http://forum.zoque.net/luna-grafik-forumu-2d/22631-isometrikl-pixel-cizimler/
Spriting
Adele Goldberg ve Robert Flegal, “ACM president’s letter: Pixel Art”, Communications of the ACM, Vol. 25, Issue 12, Dec. 1982.

Not: Bu konuyu sizler için en detaylı olacak şekilde hazırladım. Dostlarınıza önerin, yazıdan alıntı yapın aman tamamını almayın, destek verin, yorum yazın çevrenizdekilereiyidavranınsevinsevmektenkorkmayınaffedineluzatınyolverinöfkenizi yutun… 🙂

PAYLAŞ: