Karelerle Doku Yaratalım

Kare DokuMerhaba arkadaşlar;

Hemen belirteyim, daha önce buna benzer bir konuyu işlemiştik. Fakat doku, arkaplan ve buton istekleri o kadar çok geliyor ki, hergün doku yaratsak sanırım ancak yetişebileceğiz.

Evet yine bizi takip eden bir arkadaşımızın isteği üzerine, ( oyun sitesinde banner olarak kullanacakmış ) karelerle bir doku yaratıyoruz..

1) İlk önce 12*12 piksel ölçülerinde bir çalışma alanı açıyoruz.

2) Her zaman yaptığımız gibi detaylı ve düzgün çalışmak için büyüteç büyüteç (zoom tool) ile %1600 civarında yakınlaştırın.

3) Şimdi de kalem kalem (pen tool) yardımıyla, aşağıdaki gibi çalışma alanımıza kareler çiziyoruz.

karekare.gif

4) Yukarıdaki gibi bir şekil oluşturduktan sonra, Edit > Define Pattern yolunu kullanarak, şeklimizi doku olarak kaydetmiş oluyoruz..

5) Şimdi sıra geldi bu dokuyu kullanacağımız alanı yaratmaya.. Yine yeni bir çalışma alanı açıyoruz. Ben 520*106 gibi bir saçma ölçü kullandım 🙂 İstediğiniz boyutta bir çalışma alanı açabilirsiniz arkadaşlar.

Paint Bucket Tool’a Boya Kutusu tıklayıp;

pattern.gif

Yukarıdaki Paint Bucket Tool ayarlarımızdan Fill kısmını pattern olarak seçiyoruz.

Ve çalışma alanımızı dolduruyoruz..

Farklı renklerde yada katman (layer) ayarlarından color overlay özelliğini kullanarak farklı farklı sonuçlar elde edebilirsiniz.

karekare1.gif

karekare3.gif

İyi çalışmalar arkadaşlar. Kolay gelsin.

Bu yazıyı

Bu konuda toplam 20 yorum var. Siz de yorum yapın, sorularınızı hemen yanıtlayalım

  1. ya kardeş ben kaydettiğim patterni bulamadım :S
    anlatırsan sevinirim

  2. ben yapamadımm nasıl yapılıyorvallla yapmak istiyorum bilen varsa lütfen söylesinnnn …

  3. ya bunu rengi nasıl veriliyor bi türlü yapamadım yardım edermisiniz,,son 3 resimdeki renkler nasıl verilyor?

  4. Ya ben yaptım bunu dun akşam ama şimdi unuttum yapamadım şimdi anlatımdakı gibi 520*106 lık arka planı siyah olan sayfa açıyorum sonra pattern fln hepsını yaptım paint bucket tool ile boyuyorum beyaz renge o kareyı gozukmuyor nedense yenı layer açıyorum sonra layerda da arka planı ıstedıgım gıbı degıstıremiyorum

  5. Gerçekten çok güzel çalışmalar yapıyorsunuz. Bizlere de fikir bulmaya teşvik ediyorsunuz. Çok Teşekkür Ederim

  6. Sonuna kadar geldim fakan şu desenden syah tona geçme işlemini yapamadım onu bir söylermisiniz?

  7. asaidaki orneklere kadar tamam super, patterle ilgilide problem yok ama o ornekleri nasil tamamlicass yafff…

  8. ilk 3 aşamayı yaptım ama 4. aşama bende seçili deil yani Edit > Define Pattern kullanılabilir deil bir yardım lütfen

  9. Kezoş kardeşim dediğin tam olarak şöyle olacak pen tooldan ziyade
    yapmış olduğumuz patterni resime uygulayacağız. o da şu şekilde oluyor.
    Paint Bucket Tool’

    tıklayıp üst taraftanda fill yazan yeri pattern olarak seçmen gerekmekte sonra kenarda açılan kutunun içinden de çizmiş olduğumuz patterni seçmemiz gerekmekte bundan sonrası kolay yeni bir layer açıp içini doldurmamız gerekiyor.

  10. ya oradaki gibi layeri nasıl karelerle dolduracaz bi yardım edin lütfen pen tool la yapacam ama orada arkaplandaki kareleri nasıl yapacaz

  11. süper oldu teşekkürler.. bildiğim bilgiler ama doğru yerde doğru bileşenlerle kullanılınca neler çıkıyor ortaya. çok sağol !..

  12. valla her şeyi yaptım ama iki ayrı çalışma sayfası açınca ikisi nasıl bir doku oluşturacak anlamadım…

  13. beyler ben herşeyi yaptım fakatresmimi o en alttaki 3 resim gibi nasıl yaparım orasını bilmiyorum….

  14. sanırım yeni bir layer daha açmamız gerekiyor. çünkü blend ayarlarını ana layerdan yapamıyoruz.. ana layerı istediğiniz renge boyayıp, 2. layerın blend ayarlarından doku renklendirilebiliyor..

  15. ya abi kusura bakmayin ama ben ben herşeyi bitirdim sadece renk veremedim ya :(:( bi yardım ederseniz cok sevinecegim

  16. 5. aşamayı dikkatli oku yapacaksın sanırım. Paint Bucket Tool’a tıkladıkdan sonra yukarıdan Fill ayarını pattern olarak seç.

  17. Dediğini yaptığımda seniin sonucnla aynı olmuyor… yaptığımız calışmayıı 2. alanaa nası döeyebilirim onuu bilmiyorum olmadı sanırım (:

  18. Hayalet; 3. aşamanın sonuna kadar çalışmayı tamamla. Daha sonra bunu background.gif olarak kaydet ve sitenin arkaplanı olarak kullan.

    Bunu yapamayacak bir html bilgisine sahipsen, yine yorumunu bildir, yardımcı olalım.

  19. Benn bunu yapamadm yawu…. Tammda benm siteme arka plan yaparım diyordum, 2 tane çalışma alanıı açtımm dediklerinizi uyguladmda sonraa napıcam..

  20. Sağol üstadım çok güzel oluyor bu 🙂

    Site de harika 🙂

Yorum yapın

Bu konuya link verip, sayfanızın aşağıda gözükmesini sağlayın.
Sağ tıkla > Bağlantı Adresi Kopyala >> Karelerle Doku Yaratalım