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… 🙂

37 YORUM VAR

  1. İnternet üzerinde hiçbir çalışmam yok ama, siyah beyaz ekranlı telefonda yaptığım eğlenceli çalışmalarımı anlatabilirim:

    İlk başlarda kendi imzamı çizmek için hayli uğraş verdim. Tıpa tıp aynı olması için tuşları ve ardından prangaları eskittim. Tabi ki, özgün halinin doğrusal haliydi ama tabi, çevremden büyük ilgi gördüm, alkış bile aldım 😛 Sonra işte, gazetelerde yer alan logo reklamlarını taklit ettim. Önce ayı resimlerini çizdim, sonra da hayvanat bahçesindeki diğer arkadaşlarını… Tam bir hayvan albümü oluşturacakken, malesef yeni bir telefon aldım kendime. (Hala pişmanım, evet.)

    Şimdi bu yaptıklarımla kendimi bir “pixel art” sanatçısı sayabilir miyim?

  2. Merhaba Deniz, yazıyı beğenmene sevindim evet herkes küçük bir evle başlar sonra kendi kentini kurmak ister. Çok güzel bir sanat.

    Masal Abi, (çok güzel bir takma isim / nick) gerçekten de, yeni telefon sizin sanatınızı baltalamış 😀

    Ama vazgeçmek yok! Bakın halen heves orada. Orijinal çizimler yapın, bizim tarihi kişilerimizi pixelart yapın ya da destanlarımızı masal kahramanlarımızı…. işlenecek konu çok.

    Çizdikçe buraya linkini ekleyebilirsiniz. Destek bizden 🙂

  3. Süleyman abi ellerine sağlık. Öncelikle psistan.com açılmayacak gibi. Onun yerine okuyuculara arşivden bakmalarını tavsiye ediyorum.

    http://web.archive.org/web/20070813052858/http://www.psistan.com/
    http://web.archive.org/web/20070810215018/www.psistan.com/pixelart/pixelart.html

    Yapmak istediğim o kadar çok şey var ki aralarına pixel art’ı da ekledim 🙂 İnşallah birgün düzgün bir işim ve kendime ayıracağım uzun zamanlar olduğunda bunları yapacağım. Senden de bir tane pixel art bekliyoruz 🙂

  4. Uğur, ben en iyisi Vildan Abla’ya bir sorayım, Psistan ne olacak diye….

    Sağ olsun webarchive.org 🙂

    Aslında ben de tutkunuyum ama bilemiyorum becerebilir miyim? Hem ciddi sabır hem perspektif bilgisi hem de özel teknikler istiyor. İş göründüğü gibi değil yani.

    Ama ufak bir şeyler deneme hevesim var 🙂

    Yorumun için teşekkür ederim.

  5. Benim de gönlümü çalmışlığı vardır kendisinin. Ama uğraş uğraş beceremeyince ustaların eserlerine bakmakla yetiniyorum artık. Güya okulda perspektif dersi aldım ama nafile, hiç göründüğü gibi kolay değilmiş 🙂

    Bu arada mükemmel bir yazı, her zaman olduğu gibi.

  6. Süleyman Hocam ellerine aklına sağlık. Yaramı da deştin bu yazı ile bu arada.

    199x li yıllarda win 3.1 yüklü bilgisayarımda Doğan slx marka aracımı modifiye ederek çizmiştim Paint’te. Hem de basettiğiniz izometrik açıdan (veya ona yakın bir açıdan). (o açıdan daha iyi göründüğü için o açıdan çizmiştim ben) senelerdir CD arşivlerimde arıyorum o çizimleri. Saklamıştım oysa ki 🙁

  7. Ortaokuldayken çok güzel bir pixel sokağım vardı 🙂
    Çok severdim pixeller ile çalışmayı. Tabii ki o zaman yaygın değildi, Paint’de çalışırdım :))

    Yazı çok güzel Süleyman Bey eski günlerime döndüm. Tebrikler !

  8. Ömer, okuduğunuz için teşekkür ederim.

    Mesut Bey, Doğan SLX çizmek bence harika fikir. Çünkü pixelart sanatçılarının en sevdiği şey gerçekçi bir sahneyi veya nesneyi şirin şekilde sunmak. Nesne ne kadar gerçekse sanat o kadar ileri taşınmış oluyor. Eğer o çizminizi bulamadıysanız yeniden çizmenin zamanıdır.

    Aybar Dumlu, eski günler diyoruz da aslında eskimiyor. Tüm dünyada birşeyi sevenler zamanı umursamıyor ancak Türkiye’de inanılmaz bir yeni modası var. Eskiye bakmak suç gibi. Hatta artık tüm reklamcılar mutlaka bir “yeni” kelimesi kullanıyor. Yeniyi denemek için herkes çırpınıyor.

    Eskinin kötü olduğunu neden düşünüyoruz ki 🙂

    Şu sanatın şirinliğine bakın. Bu sanat eskir mi?

  9. Vay vay vay 🙂 Yazıyı yazalı tam 1 yıl olmuş Malina / Vildan Ablam, nerelerdesin? 🙂

    Linke çok çok teşekkür ederim. Şimdi yazıda düzelteceğim. Meraklıları zaten bu makaleyi çokça okuyor. İşlerine yarayacak pek çok şey bulacaklar. Görüşmek üzere.

  10. benim de painti kullanarak müthiş işler çıkarttığım söylenir ama ben daha çok rötuş yapıyorum..asıl bunun gerçekte yapılanı var o gerçek bir sanat:adamlar giysiyi onarıyor..biryerinden iplik çekip hasarlı bölgeyi tekrar örüyorlar..neyse konuyu daha fazla dağıtmayayım.

  11. Güzel paylaşım olmuş, Bu uygulamayı hazır olarak yapan programlarda mevcut. Ülkemizde pek bilinmese de yurt dışında popüler bir grafik konusu. Nostalji açısından da faydalı. 1990 lardaki oyunları hatırlatmıyorr değil.

  12. 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)

Yorum Yazın

Please enter your comment!
Please enter your name here