Oy verme işlemi gayet basit: İlk önce üye kayıt formunu dolduruyorsunuz. Ardından e-posta adresinize hesabınızı etkinleştirmeniz için bir e-posta gönderiliyor ve hesabınızı aktifleştiriyorsunuz. Son olarak da Oy Ver sayfasından oyunuzu kullanıyorsunuz. Bu arada ben yarışmaya teknoloji kategorisi altında katıldığımı söylemeliyim.

Ben bu sorunu Firefox’da Web Tasarım ve Sörf adında iki farklı profil oluşturarak ve bir de Web Tasarımla alakalı eklentileri Web Tasarım adlı profile, Web’de sörf için kullanabileceğiniz eklentileri de Sörf isimli profile aktararak aştım. Böylece Firebug, Web Developer Toolbar gibi ağır eklentiler sörf esnasında Firefox’u boşa yere yavaşlatmıyor. Dolayısıyla bu da performans artışına sebep oluyor.

Profil Yöneticisini Etkinleştirin

İlk olarak Firefox’da profil oluşturmak için profil yöneticisini etkinleştirmemiz gerekiyor. Bunun için de masaüstünüzdeki Firefox’un kısayol özelliklerine gelip aşağıdaki görüntüdeki gibi Hedef yazan satırın içindeki son çift tırnakdan sonra bir boşluk bırakıp -profilemanager yazıyoruz. Ardından Tamam düğmesine basıp pencereyi kapatıyorsunuz.

Profilleri Oluşturun

Şimdi de masaüstündeki Firefox kısayoluna çift tıklayarak profil yöneticisini açın. Profil yöneticisinde hali hazırda default adında bir tane profil bulunması gerekiyor. O profili seçip sol taraftan Kimliğin Adını Değiş düğmesine basarak Web Tasarım adını verin. Daha sonra yine sol tarafdaki Kimlik Oluştur düğmesine basıp Sörf adıyla yeni bir profil oluşturun. Sonuç olarak profil yöneticiniz aşağıdaki gibi olacak:

Eklentilerinizi Kurun

Son adımımızda da eklentilerimizi kurmamız gerekiyor. İşin bu kısmı tabi ki çok basit. Hangi profilde hangi eklentinin yer almasını istiyorsanız profil yöneticisinden onu seçip Firefox Uygulamasını Başlat düğmesine basarak ardından ilgili eklentileri kurun.

Bookmark Duplicate Detector

Bookmark Duplicate Detector adlı eklenti ile Firefox’unuzda aynı yer iminden (bookmark’lardan bahsediyorum) birden fazla var ise bunları bulabilir, silebilir, veya farklı bir yer imleri klasörüne taşıyabilirsiniz.

Düzenli bir yer imleri sistemi istiyorsanız bence bu eklentiyi kullanmalısınız. Çünkü kimi zaman farkında olmadan aynı yer imini birden fazla eklemiş olabiliyoruz. Bu yüzden bu eklentiyi size öneriyorum. Bookmark Duplicate Detector eklentisini buradan indirebilirsiniz.

Customize Google

Google hizmetlerinden hala yararlanmayanınız var mı? :) Bir çok insan Google‘ın hizmetlerini büyük keyif alarak kullanıyor. Tabi bende öyle… :) Customize Google eklentisi ile Google’ın arama hizmeti en başta olmak üzere Gmail, Google Takvim, Google Reader, Google Video gibi hizmetler için ek ayarlar yapabiliyorsunuz.

Mesela Google hizmetlerinin bazılarında sağda gözüken Google Adsense reklamlarını iptal ettirebiliyorsunuz. Veya bu uygulamalarda Https protokolüne geçebiliyorsunuz (güvenlik açısından). Bunun gibi birtakım ek ayarları yapabiliyorsunuz. Customize Google eklentisini buradan indirebilirsiniz.

DownThemAll!

DownThemAll! ile Flashget veya Getright gibi bir başka indirme yöneticisine gerek duymayacaksınız. Çünkü DownThemAll! bu işi çok iyi yapıyor. DownThemAll! eklentisi yüklendiğinde Firefox’un kendi indirme yöneticisi yerine geçiyor ve kullanıma hazır hale geliyor. Bu eklenti ile web sitesi üzerindeki farklı biçimdeki dosyaları (.jpg, .gif, .png, .mp3, .wav, .mpeg, .avi vs. vs.) kolayca indirebiliyorsunuz.

Ayrıca Firefox’un kendi içinde entegre olan indirme yöneticisinde olmayan tekrar indirme özelliğinden (resume) bu eklenti ile faydalanabilirsiniz. DownThemAll! eklentisini buradan indirebilirsiniz.

FaviconizeTab

Birden çok sekme içinde arasında kaybolan kullanıcıların imdadına FaviconizeTab eklentisi yetişiyor. Kullanımı gayet basit: sekmenin üzerine sağ tıklayıp açılan menüden Faviconize komutuna bastığınızda veya eklentinin seçeneklerine girip özel bir tuş ile aynı komutu verdiğinizde 16×16′lık küçük ikonu (favicon) gösterecek şekilde daralıyor. Böylece sekme çubuğunda karışıklığı önlemiş oluyorsunuz. FaviconizeTab eklentisini buradan indirebilirsiniz.

Go To Selection

Go To Selection eklentisi çok basit işlevi olmasına rağmen, kimi zaman çok işe yaradığını söylemeliyim. Web sitesi üzerinde yer alan bağlantı adreslerinde kimi zaman tıklanabilir bağlantı yapılmadığı için o bağlantı adresini seçip kopyalamamız, sonra yeni sekme açmalı ve arından da Firefox’un adres satırına yapıştırmalıyız ki bağlantıya ulaşmış olalım. Nasıl? Tam bir eziyet değil mi? xD

İşte bu eklenti sayesinde bu eziyetten kurtarmış oluyoruz. Bağlantı yazısını seçip ardından sağ tıklayıp New Tab komutunu vermemiz sayfayı açmamız için yeterli oluyor. Go To Selection eklentisini buradan indirebilirsiniz.

Google Not Defteri

Google Not Defteri hizmetini daha önce kullandınız mı bilmiyorum ama benim olmazsa olmaz diyebileceğim bir hizmet. Ve bu hizmeti Firefox tarayıcısı ile beraber kullanmak gerçekten çok işe yarıyor.

Bu eklenti ile web sayfasının herhangi bir yerini seçip Google Not Defteri’ne kaydedebiliyorsunuz. Öte yandan sörf yaparken bazı ufak tefek notlar almak için de oldukça ideal! Google Not Defteri eklentisini buradan indirebilirsiniz.

Line Marker

Line Marker eklentisi ile web sayfasındaki istediğiniz bir metini farklı renklerde boyayabiliyorsunuz. Bu eklentiyi bazı sayfaların tamamını okuyamadığımda, en son kaldığım yeri işaretlemek için kullanıyorum. Tabi siz daha farklı işler için de kullanabilirsiniz. Line Marker eklentisini buradan indirebilirsiniz.

Paste Go

Paste Go, az önce tanıtımı yaptığım Go To Selection eklentisine çok benziyor. Belki de ondan daha da iyi sayılabilir. Çalışma mantığı yine çok basit. Bağlantı verilmemiş adresi seçip kopyalıyorsunuz, ardından Araçlar menüsünden Paste Go komutuna tıklayarak kopyalanan adresi yeni sekmede açmış oluyorsunuz.

Daha kolay bir yöntem için Paste Go düğmesini araç çubuklarınıza da ekleyebilirsiniz. Paste Go eklentisini buradan indirebilirsiniz.

Resizeable Textarea

Bu eklenti ile Safari’deki metin kutularının boyutlarını fare ile yeniden boyutlandırma özelliğini Firefox’a da kazandırmış oluyorsunuz. Bazı bloglarda yorum yazarken yorum kutularının veya bazı formlarda yine metin kutularının boyutları küçük olması canınızı sıkıyorsa (bu durum kimi zaman benim canımı çok sıkıyor) büyük ihtimalle bu eklenti işinize yarar. Resizeable Textarea eklentisini buradan indirin.

Shareacolic

Shareacolic harika bir Firefox eklentisi! Ben sevdiğim web sayfalarını del.icio.us veya ma.gnolia (şimdiki tercihim ma.gnolia) gibi yer imleri hizmetlerine kaydetmeyi seviyorum. Bu eklenti ile del.icio.us ve ma.gnolia’nın dışında digg, tumblr gibi popüler hizmetlere de beğendiğiniz sayfaları ekleyip insanlarla paylaşabiliyorsunuz. Kısaca olmazsa olmaz bir eklenti bu. Shareacolic eklentisini buradan indirebilirsiniz.

StumbleUpon Toolbar

StumbleUpon Toolbar ile bir başka popüler yer imleme sitesi olan StumbleUpon‘da belli konu başlıkları altında rastgele gezinebiliyorsunuz. Yeni web sitelerini keşfetmek için oldukça ideal bir eklenti.

Eklentiyi kullandıkdan sonra onu kullanabilmeniz için StumbleUpon’a üye olmanız gerekmekte. StumbleUpon eklentisini buradan indirebilirsiniz.

Tab Mix Plus

Tab Mix Plus ile Firefox’un sekme sistemini kendinize göre özelleştirebiliyorsunuz. Ayrıca araç çubuğuna ekleyebileceğiniz bir düğme ile en son kapanan sekmeleri tekrar geri çağırabiliyorsunuz. Bu eklenti de yine olmazsa olmaz eklentilerden. Mutlaka kullanmalısınız. Tab Mix Plus eklentisini buradan indirebilirsiniz.

Tab Scope

Tab Scope eklentisi ile sekmeleri açmadan, sekmenin üstüne geldiğinizde sayfanın görüntüsünü küçük bir şekilde görebiliyorsunuz. Kimi zaman işe yarayabiliyor. Tab Scope eklentisini buradan indirebilirsiniz.

Üstteki görsellerin soldakine dikkatlice bakın. Alias kelimesindeki l harfi i harfine göre biraz daha yukarıya kaymış. Yine aynı şekilde Alias kelimesinin sonundaki s harfi de yukarıya doğru kaymış.

Şimdi üstteki görsellerin sağdakine dikkatlice bakın. Soldaki gibi harf oynamaları yok. Çünkü Character paletindeki Anti-Alias yöntemi olarak Smooth seçilmiş durumda.

Benim gibi ayrıntılara önem veren bir kişiyseniz bu ipucu işinize yarayabilir. Zira ayrıntılar önemlidir. :)

Bu mimin konusunu başlıkdan muhakkak anlamışsınızdır ama ben yine de Süleyman Sönmez’in kendi anlatımıyla tekrar edeyim:

En sevdiğiniz filmden, sevdiğiniz sahneyi bulup ekliyorsunuz, fotoğraf olabilir, video olabilir. Elbette “fair use /centilmence kullanım” başlığıyla. İşi abartmadan uzun bir parça koymadan, telif haklarını çiğnemeden. (Mesela şarkıların bile 20 - 30 sn’si uluslararası anlaşmalarla tanıtım için çaldırılabiliyor.)

Benim Tercihim

Çağan Irmak‘ın yönettiği Babam ve Oğlum adlı film gerçekten harikaydı. Ben sinemada çok severek izlemiştim. Bence bu filmin en etkileyic sahnesi aşağıdakiydi. Çetin Tekindor‘un o ağıtındaki sesi ne kadar etkileyici… İzleyin:

Başka, Başka?

Umudunu Kaybetme‘deki baba ve oğulun imkansızlıklardan dolayı şehirdeki bir tuvalette kaldıkları sahne etkileyiciydi. Will Smith ve küçük partneri bu filmde gerçekten iyi iş çıkarmışlar. :)

Sonra, Kanlı Elmas adlı filmde çocukların eline tutuşturulan silahlarla bir köyü basması bu filmin en etkileyici sahnesiydi. Bu tür olaylar gerçek hayatta da Afrika’da oluyor mu bilemiyorum ama eğer oluyorsa çok vahim bir durum olduğu gerçek.

Aslında aklımdaki sahnelerin video ve fotoğraflarını bulabilsem daha güzel olacakdı ama sadece Babam ve Oğlum filmindeki sahnenin videosunu Youtube‘da bulabildim. Diğerlerini bulamadım.

Gitsin Paslar, Gelsin Mimler :)

Bu yazımın sonunda ben de bir kaç arkadaşıma pas atmak istiyorum: Muhammet Sevim, İsmail Altuntaş, Erhan Burhan, Eray Endeş.

Sınavdan sonra görüşmek üzere… :)

Tekrar Eden Eklem İncinmesi (RSI) Nedir?

Türkçe Wikipedia’da bu hastalığı araştırdım fakat herhangi bir bilgi bulamadım (İngilizce Wikipedia’da ayrıntılı bilgi mevcut). Yine de Ekşi Sözlük’de yazılan maddelerden alıntılar yaparak sanırım size bu hastalığın ne olduğunu anlatabilirim. xD

repeated strain injury. cok mouse/klavye kullanan veya cok yazi yazan insanlarda gorulen hastalik. el ve bilekte sizi, uyusma veya bu eylemlerin yapildigi zamanlarda siddetli agri baslica semptomlaridir. #

hastalığın hangi aşamada farkedildiğine bağlı olarak şiddeti ve etkisi değişen, aşırı durumlarda geri dönüşü olmayan, bazı durumlarda senelerce tedavi gerektiren, klavyeden mouse’tan force feedbackli joystickten adamı uzak tutan ve acı çektiren bir hastalık. en kötüsü de çevrenin hastalığı hafife alması veya empati kuramaması sonucu kişinin girdiği bunalım, suçluluk psikolojisi, doğaya ve tendonlara isyan. bu noktada başkasının yalancısıyım. kısaca repetitive strain injury ve fakat repeated da denebilir niçin denmesin, ben olsam derim. #

uzun sureli bilgisayar kullanicilarinin mutlaka dikkat etmesi gerektigi, mesleki hayatlarini iskenceye donusturebilecek cok tehlikeli olmasa da aci cektirici hastalik. sadece bilekte degil parmak, dirsek, omuz, boyun, sirt ve belde olusan rahatsizliklari da kapsar. en iyi cozum daha rahatsizliklar baslamadan workpace, rsiguard, workrave, stretch break tarzi sizi bilgisayar kullanirken kil kil rahatsiz eden ama aslinda her seyi sizin icin yapan programlari kullanmaktir. bende olmaz demeyin, sansinizi denemeyin, rahatsizliklar basladiktan sonra iyilesmek daha zor oluyor ve bu programlarin soylediklerini yapmamak sizi hizla basa donduruyor. #

Nasıl sizce de ciddiye alınacak hastalığa benziyor değil mi? xD

Workrave’de Neyin Nesi?

Workrave daha önce bir Linux dağıtımlarında gördüğüm Typing Break (Yazım Molası) adlı özelliği ile temelde aynı mantığa sahip bir program. Fakat Workrave biraz daha farklı özellikleri bünyesinde barındırıyor.

Workrave ile:

• Kısa süreli molalar verebilir
• Dinlenme molası verebilir
• Günlük kullanma sınırı verebilir
• Molalar arası verilen talimatlar ile egzersiz yapabilir
• Molalar, Fare ve klavye kullanımı hakkında detaylı istatistiklerinize bakabilirsiniz

Workrave’in bütün ayarlarını programı çalıştırdıkdan sonra aşağıda sistem tepsisinde (Windows işletim sisteminde saatin yanında) beliren simgeye sağ tıklayıp Tercihler’e basıp açılan pencereden yapılıyor.

Workrave’i İndirin

Workrave’in şu anda Windows ve Linux sürümleri mevcut. Bu sürümlere download sayfasından erişebilirsiniz. Malesef Mac kullanıcıları için bu program yok ama onun yerine yine Mac’de kullanabileceğiniz Timeout adlı program bulunmakta. Arabirimi daha farklı olmakla beraber programın mantığı yine aynı.

Eleştirilerim

Bir sonraki yıl için tekrar düzenlenmesi düşünülen bu yarışma için bazı eleştirilerim olacak. Umarım bir sonraki yarışma için yaşanan aksilikler tekrarlanmaz. Eleştirilerim ise şunlar:

• Sürekli yapılan takvim değişiklikleri ve verilen tarihlere sadık kalınmaması gerçekten çok can sıkıcıydı.
• Yarışma sitesinin hem tasarımı hem de bilgi olarak çok zayıf kalmış. Bu yüzden bazı basit şeyleri e-posta aracılığıyla sormak zorunda kalmıştım. Halbuki bir sıkça sorulan sorular sayfası yapılsa ve orada basit sorulara cevap yazılsa çok daha iyi olacaktı.
• Eleme aşamasında eğer yanılmıyorsam sitelerin W3C (x)html ve css geçerlilik testinden geçmesi gerekiyordu (büyük bir oranla da olsa). Ama birçoğu web standartlarıyla uzaktan yakından ilişkisi olmamasına rağmen elemeden geçmişti. Hatta birinci seçilen site bile W3C geçerlilik testinden kalıyor (xhtml, css). İkinci seçilen site de yine geçerlilik testlerinden kalıyor (xhtml, css).
• Yarışmaya katılan bazı siteler elemeden geçtikden sonra kapanmış fakat nedense hala listede yer alıyordurlar. Bu tür şeyler yarışmanın ciddiyetini zeddeleyeceğini düşünüyorum.
• Yarışmaya katılan bazı siteler gerçekten çok komikti. Yani kimi site ne ortalama bir görselliğe sahip ne de doğru düzgün kodlanmıştı. Hatta içlerinde ücretsiz alan adlarına sahip siteler de vardı! xD
• Yarışmanın halk oylaması esnasında sunulan oylama arabirimi gerçekten çok kötüydü. Sitelerin en azından bir ekran görüntüsüne sahip olması gerekirdi.
• Şimdi somut bir örnek sunamayacağım fakat bazı siteler hazır şablonlarla yapılmıştı.

Herşeye rağmen böyle bir organizasyonun yapılması iyi olmuş. Ayrıca bana oy veren (vermeyenlerin de canı sağolsun xD) arkadaşların hepsine teşekkür ediyorum. Sağolun, varolun. :)

Firefox 3′ün çıkmasıyla birlikte birçok yenilikde bizlerle buluşuyor. Bu yenilikler arasında CSS için iyileştirmeler de bulunuyor. Bunlar arasında anlayabildiklerimi aşağıda sizin için sıraladım:

• Display özelliğinin inline-block ve inline-table değerleri tamamlandı
• Daha önce sadece Windows’da çalışan the font-size-adjust özelliği artık bütün platformlarda çalışıyor.
• Color özelliği için rgba() ve hsla() desteği eklendi.
• :default pseudo-class eklendi
• Width, min-width ve max-width özelliklerine -moz-max-content, -moz-min-content, -moz-fit-content, ve -moz-available değerleri eklendi.
• HTML için yumuşak tire (­) desteği eklendi
• Ime-mode özellik desteği eklendi.
• Text-rendering adlı CSS özelliği HTML için destekleniyor.
• -moz-border-*-start ve -moz-border-*-end CSS özellikleri tamamlandı.
• Bütün CSS özelliklerinde -moz-initial değeri tamamlandı (quotes ve -moz-border-*-colors hariç).
• Bütün desteklenen CSS özelliklerinde window.getComputedStyle() artık destekleniyor.
• content özelliğinin none değeri tamamlandı

Daha önce söylediğim gibi bunlar sadece CSS için dökümanlaştırılan iyileştirmeler. Firefox 3 ile birlikte çok daha fazla yenilik geliyor. Bütün bu yenilikleri inceleyebilir veya Firefox 3 Beta 2 portatif sürümü yükleyerek bilgisayarınızda Firefox 3′ü daha da yakından deneyebilirsiniz.

Karakter Paleti

Type Tool’u kullanırken yazdığınız yazıya dair bir çok seçeneği aşağıdaki görüntüde yer alan Character adlı palet ile ayarlıyoruz. Bu palet eğer sizde kapalı ise Window menüsünden Type-Character veya klavyeden CTRL+T tuşlarına basarak açabilirsiniz.

Karakter paletinde yazı tipini (1), yazı stilini (2), yazı boyutunu (3), satır aralığı (leading) (4), espas (kerning) (5), harf aralığı (tracking) (6), yatay boyutlandırma (7), dikey boyutlandırma (8), referans çizgisi (baseline) (9), karakter döndürme (10) gibi seçenekleri ayarlayabiliyoruz.

Seçenek Paleti

Ayrıca yazımızın rengini (1), kenar çizgisinin rengini (2), kenar çizgisinin kalınlığını (3), yazının şeffaflığının (4) yanısıra az önce yukarıda anlattığım karakter paletindeki seçeneklerin bir kısmını buradan yani ekranın üstünde beliren seçenek paletinden de ayarlayabiliyorsunuz.

Paragraf Paleti

Paragraf paleti ile Illustrator’de tek satır olarak yazdığınız yazıların aksine, paragraf halinde yazdığınız yazıların seçeneklerini ayarlayabiliyorsunuz. Bu palet genellikle karakter paletinin hemen yanında bulunur. Fakat sizde görünmüyorsa Window menüsünden Type-Paragraph komutu ile veya klavyeden ALT+CTRL+T tuşları ile bu paleti açabilirsiniz.

Paragraf paletindeki seçenekler ile paragrafınızı sola hizalayabilir (1), ortaya hizalayabilir (2), sağa hizalayabilir (3), paragrafı her iki tarafa yaslayıp paragrafın son satırını sola hizalayabilir (4), paragrafı her iki tarafa yaslayıp paragrafın son satırını ortaya hizalayabilir (5), paragrafı her iki tarafa yaslayıp paragrafın son satırını sağa hizalayabilir (6) veya bütün paragrafı her her iki tarafa yaslayabilirsiniz (7).

Ayrıca paragrafa soldan (8) ve sağdan (9) girinti vermenin yanısıra ilk satır için de girinti (10) verebilirsiniz.

Type Tool Alt Araçları

Type Tool (1) dışında yine yazı yazma ile alakalı fakat biraz daha farklı fonksiyonlara sahip alt araçlar mevcuttur. Bunlar Area Type Tool (2), Type On A Path Tool (3), Vertical Type Tool (4), Vertical Area Type Tool (5), Vertical Type On A Path Tool (6) araçlarıdır.

Area Type Tool

Bu araç ile ekranda hazır şekillerle (örneğin Rounded Rectangle Tool veya Ellipse Tool ile çizilen şekiller) veya path tool ile birleştirilmiş (veya kapatılmış diye tabir edebiliriz) biçimde çizilen şekillerin içinde yazı yazmamızı sağlar. Type Tool gibi direkt sahneye tıklayıp yazınızı yazamazsınız. Eğer öyle yapmayı denerseniz size hata mesajı olarak “You must click on a non-compound, non-masking path to create text inside a path” belirecektir. Tekrar ediyorum bu aracı kullanabilmeniz için sahnede bir birleştirilmiş bir path olan bir şekil olması veya çizmeniz gerekir.

Yukarıdaki örnekde görüleceği üzere en üstte Ellipse Tool ile çizilen yuvarlak şeklin içi Area Type Tool ile yazı ile doldurulmuş. Hemen altında ise Rounded Rectangular Tool ile çizilmiş oval kutuyu Area Type Tool ile nasıl doldurulacağı gösteriliyor.

Bunu yapmak gayet basit; ilk önce sahneye örneğin Rectangular Tool ile (klavye kısayolu M’dir) bir kutu çizin. Sonra Area Type Tool ile çizdiğiniz kutunun kenar çizgisinin hemen kenarına geldiğinizde fare imleci yukarıdaki görüntüdeki gibi değişecek. Ardından istediğiniz bir yazıyı buraya girebilirsiniz.

Type On A Path Tool

Bu araç ile sahnede çizilmiş herhangi bir path üstünde (pathler nasıl yapılır bilmek istiyorsanız Pen Tool’u tanıtan bir önceki yazımı okuyun) yazı yazabiliriz. Yine bir önceki Area Type Tool gibi sahneye tıklayıp direkt kullanamıyoruz. Bu aracı kullanabilmemiz için sahnede önceden bir path çizmemiz gerekir.

Yukarıdaki örnekde görebileceğiniz gibi path üzerine yazılmış bir yazı bulunmakta. Hemen altında da görebileceğiniz üzere bir path bulunmakta. Bu pathin üzerine geldiğinizde fare imleci şekil değiştirecek ve o anda pathin üzerine tıklarsanız yazınızı artık onun üzerinde yazabileceksiniz. Yine kullanımı gayet kolay değil mi? :)

Vertical Type Tool

Bu araç ile aşağıdaki örnekde de görebileceğiniz üzere dikey olarak yazı yazabiliyoruz.

Kullanımı yine gayet basit. Vertical Type Tool’u seçtikden sonra sahnemizde istediğimiz yere tıklayıp yazımızı dik olarak yazıyoruz.

Vertical Area Type Tool

Bu aracın çalışma mantığı Area Type Tool ile hemen hemen aynı. Tek farkı yazıyı yatay olarak değil dikey olarak yazması.

Kullanımı Area Type Tool’a çok benziyor. Aynı örneği bu araç içinde uygulayabiliriz; Rectangular Tool ile (klavye kısayolu M’dir) bir kutu çizin. Sonra Vertical Area Type Tool ile çizdiğiniz kutunun kenar çizgisinin hemen kenarına geldiğinizde fare imleci yukarıdaki görüntüdeki gibi değişecek. Ardından istediğiniz bir yazıyı buraya dikey olarak girebilirsiniz.

Vertical Type On A Path Tool

Bu araç da az önce anlattığım Type On A Path Tool’a çok benziyor. Tek farkı harfleri farklı bir açıda daha doğrusu path üzerine göre dikey olarak yerleştirmekdedir.

Kullanımına dair Type On A Path Tool’daki örneği vermek istiyorum; ilk önce sahnede bir path çizin. Sonra bu pathin üzerine geldiğinizde fare imleci yukarıdaki görüntüdeki gibi şekil değiştirecek ve o anda pathin üzerine tıklarsanız yazınızı artık onun üzerinde yazabileceksiniz.

Değişikliklerden bahsetmem gerekirse;

• Artık yorum yazdıkdan sonra önizleme yapabiliyorsunuz
• Alt kısımdaki bölümlerin başlıklarına ilgili hesaplarıma bağlantı koydum ve isimlerini daha açıklayıcı biçimde yazdım
• Alt kısımdaki Bildirgeç yazılarımı kaldırıp onun yerine en son dinlediğim 4 müzik parçasını gösteren listeyi koydum
• Alt kısımdaki fotoğraflarımı blogumdan ayrılmadan artık görebiliyorsunuz
• Sağda yer alan kenar notlarının Rss beslemesini tekrar çalışır hale getirdim (lütfen tekrar abone olunuz xD)

Oh be! Dünya varmış! xD Bütün bu sıkıntıları atlattığıma göre artık blogumda yeni yazılar yazmaya devam edebilirim.

Daha önceden de farklı yerlerde bu yarışmaya üç adet çalışma ile katıldığımı söylemiştim. Birinci gönderdiğim çalışma şu anda üzerinde bulunduğunuz bu blog, ikinci gönderdiğim çalışma İmaj Digital Fotoğrafçılık adlı web sitesi, üçüncü ve son olarak da geçenlerde burada tanıttığım Xhtmlmutfağı adlı projemizi gönderdim.

Şimdi efendim bu üç çalışmayı eğer beğendiyseniz sizden onlara güzelce puanlar vermenizi istiyorum. :) Bunu yapmak için ilk önce yarışmanın yer aldığı web sitesine uğruyorsunuz. Ardından Yeni Kayıt yazan bağlantıya basıp hemen üye oluyorsunuz ve sonra e-posta adresinizle giriş yapıp Halk Oylaması bağlantısı ile oy vereceğiniz sayfaya gelip istenilen çalışmaya (benim çalışmalarımın sıra numarası şöyle: 33, 48 ve 97) istenilen puanı veriyorsunuz. Durum bundan ibaret. :)

Pen Tool Neden Bu Kadar Önemli?

Pen Tool Illustrator’un (ve diğer vektörel/raster 3çizim programlarının) olmazsa olmaz bir aracı. Çünkü serbest formdaki çoğu çizimler bu araç ile yapılıyor. Illustrator’de bir logo veya vektörel türde çizim yapmak istiyorsanız Pen Tool’a iyi derecede hakim olmalısınız. Örneğin en son yaptığım vektörel çizimimini dış çizgi kipinde (outline mode) bakınca bütün çizgilerin Pen Tool ile çizildiğini göreceksiniz.

Pen Tool Nasıl Kullanılır?

Illustrator’de Pen tool ile çizim yaparken bir kalem gibi sürekli çizgi çizerek değil, bağlantı noktaları (anchor point), yön noktaları ve çizgiler aracılığıyla çizimleri oluşturuyoruz (aşağıdaki görselde bunu gösterdim).

1. Bağlantı Noktası

Bağlantı noktası (anchor point) diye tabir ettiğim noktalar yukarıda da görüldüğü gibi çizgileri (yani Path’leri) oluşturan noktalardır. Bu noktaların iki farklı çeşidi vardır. Birincisi köşe noktalarıdır. Bunlar çizginin yönünü belirler. Diğer ikincisi ise yumuşak noktalardır. Bunlar ise çizginin eğim noktasını yani eğimin hangi noktada oluşacağını belirler. Aşağıdaki görüntüde bu iki bağlantı noktası tipini görebilirsiniz:

Herhangi bir köşe noktasını yumuşak noktaya dönüştürmek için CONVERT ANCHOR POINT TOOL aracını (klayveden SHIFT+C ile) kullanabilirsiniz. Aşağıdaki görüntüdeki gibi bu aracı seçip (SHIFT+C) ile köşe noktasının üzerine gelip hangi yönde eğim vermek istiyorsanız o yönde farenizi çekiyorsunuz.

2. Yön Noktası

Yön noktası bir önceki maddede açıkladığım yumuşak noktaların hangi yöne doğru ve ne kadar eğim verileceğini belirleyen noktalardır. Yön noktasını kullanmak için araç kutusundan DIRECT SELECTION TOOL’u (klavyeden A tuşu ile) seçip ardından hangi yumuşak noktanın eğimini ayarlamak istiyorsanız o noktayı seçiyoruz ve sonra aşağıdaki göründüdeki gibi hangi yönde ve ne kadarlık eğim vermek istiyorsak fare ile yön noktasını eğimi veriyoruz.

3. Çizgi (Path)

En az iki bağlantı noktası ile oluşan çizgilere denir. Çizgileri eğer dolguya (fill) dönüştürmek istiyorsanız ilk bağlantı noktası ile son bağlantı noktasını birbirine bağlamanız gerekmektedir. Aşağıdaki görüntüdeki gibi bu işlemi en son bağlantı noktasının üzerine PEN TOOL ile gelip işaretçinin yanında yuvarlak simgesi geldiğinde tıklayarak yapabilirsiniz.

Önerilerim

Pen tool ile daha iyi çizim yapabilmek için bol bol pratik yapmak gerekiyor. Bunu herhangi bir ücretsiz stok fotoğraf sitesinden alabileceğiniz fotoğraf üzerinde veya çizim yeteneğiniz var ise kendi çiziminizi tarayıcı ile bilgisayara aktarıp üzerinde pen tool ile çalışabilirsiniz. Belki bazı eğitselleri uygulayarak da pratik yapabilirsiniz. Yeterki bol bol pratik yapın. Unutmayın ne kadar çok pratik yaparsanız Pen tool’a o kadar hızlı alışırsınız.

Projemizin tasarımını ve genel işleyişini Web 2.0 özütüne uygun olarak yapmaya çalıştık. Altyapısını da kendi yapımımız olan bir CMS ile yaptık. Arkadaşlarla ilk projemiz olduğu için sistemde ufak tefek hatalar olabileceğini belirtmek isterim. Eğer sizin de gözünüze çarpan herhangi bir hata var ise bize iletişim formu aracılığıyla bunu bildirebilirsiniz. Ayrıca bu çalışma ile W’07 web tasarım yarışmasına katılıyorum. :)

Bizimle Çalışırken Elde Edeceğiniz Avantajlar

Aslında yukarıda da birazcık değindiğim avantajlara ek olarak bizimle çalışırsanız şu avantajları elde edebileceğinizi söyleyebilirim:

• Güncel tarayıcılarda uyumlu sayfalar
• Arama motorları için optimize edilmiş sayfalar
• El ile yazılılarak düzenli kodlanmış sayfalar
• Size sunduğumuz özel panel ile siparişlerinizi rahatça takip edebilirsiniz

Ayrıca bu konu hakkında daha fazla bilgiye XHTMLMUTFAĞI üzerinden de erişebilirsiniz.

XHTMLMUTFAĞI Nasıl Çalışıyor?

İlk önce sipariş formunu doldurarak bize web tasarımınızı ve siparişiniz ile ilgili bilgileri iletiyorsunuz. Ardından biz sipariş bilgilerinizi ve tasarımınızı kontrol ediyoruz. Herşey yolunda ise size siparişinizin onaylandığına dair bir e-posta yollayıp ödemenizi gerçekleştirebileceğiniz banka hesabını veya sipariş verirken Paypal‘ı seçtiyseniz Paypal üzerinden ödeme ekranı için bir bağlantı sunuyoruz. Ödemenizi yapıyorsunuz ve ardından dekont bilgilerinizi bize ulaştırıyorsunuz. Eğer tasarımınız çok karışık veya teknik anlamda herhangi bir eksiklik var ise sizinle iletişime geçip bunu bildiriyoruz.

Sonrasında bize seçtiğiniz zaman tercihine göre (standart süre 3 gün) bir süre veriyorsunuz. Biz de o süre içinde tasarımınızı mutfağımızda pişirip size sunuyoruz. :)

Ya Ücretler Ne Alemde?

XHTMLMUTFAĞI‘ndaki her işi ben ve arkadaşlarımla beraber en üst kalitede yapmaya özen gösteriyoruz. Kaliteden ödün vermemek adına fiyatlarımızı da tatminkar bir seviyede tutmak zorunda olduğumuzu düşünüyoruz. Bu yüzden aşağıdaki fiyat tarifesi ile bu işe başlamayı uygun bulduk:

• XHTML/CSS Çevirimi: 249$
• XHTML/CSS Çevirimi + Wordpress Tema Entegrasyonu: 498$
• XHTML/CSS Çevirimi + XT-Commerce Tema Entegrasyonu: 848$

Ayrıca ilk sayfadan sonraki sayfalar 75$ olarak ücretlendiriliyor.

Söz Sizde…

Biz bu girişimi Türkiye’de başlatmış bulunuyoruz. Peki siz XHTMLMUTFAĞI adlı projemiz hakkında ne düşünüyorsunuz? Hadi bana ne düşündüğünüzü söyleyin. :)

Edebiyat türü, yani klasik türdeki kitaplardan ziyade daha çok politika ve tarih türündeki kitapları okumayı tercih ediyorum. Bu yüzden kitaplığımda daha çok politika ve tarih türünden kitaplar yer alıyor. Bu kitapların arasından Aytunç Altındal‘ın Bilinmeyen Hitler adlı kitabını seçtim. Bu kitap gerçekten çok ilginç. Hitler‘in yükselişini, arkasındaki isimleri (Bilhassa Rudolf Von Sebottendorf‘dan çok bahsediliyor. Zira Hitler’i Hitler yapan adam o…), Thule örgütü, Hitler’in soyağacının aslında yahudiliğe dayanabileceği gibi bir sürü öenmli ayrıntıları anlatıyor. Herneyse… Hemen 187. sayfasının ilk cümlesinden size bahsediyim:

Şurada yedi yıl -şimdi 3 yıl- kaldı, bu belgelerden (İngiliz Kraliyet Arşivindeki) hem Türkiye hem de Hitler’le ilgili çok önemli bilgilerin, en azından iddiaların çıkacağından eminim.

Şimdi ben de pası Erhan, truetypelies, benzinlikteki genç adam ve skyhan‘a atıyorum. Hadi bakalım beyler! Eller yukarı! Mimlendiniz… xD

Geçersiz Yazılmış Ve İmi (”&”)

• Örnek: a href=”foo.php?chapter=1&section=2
• Geçerlilik Testi Rapor Sonucu: Unknown entity (bilinmeyen varlık).
• Çözüm: & karakterinden kaçınıp onun yerine daima & kullanın. Ayrıca diğer karakterlerin yazılışını XHTML Character Entity Reference sayfasında bulabilirsiniz.
• Doğru Kullanım Şekli: a href="foo.php?chapter=1&section=2

Elementlerin Yanlış Yuvalandırılması

• Örnek: <strong><em>…</strong></em>
• Geçerlilik Testi Rapor Sonucu: Missing </em> tag (</em> etiketi kayıp).
• Çözüm: Etiketleri doğru yerde, yani iç içe kapatın.
• Doğru Kullanım Şekli: <strong><em>…</em></strong>

DOCTYPE’ın Küçük Harf Yazılması

• Örnek: <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
  "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd" >
• Geçerlilik Testi Rapor Sonucu: Missing DOCTYPE (DOCTYPE Kayıp).
• Çözüm: DOCTYPE tanımlamasını büyük harfle yazın.
• Doğru Kullanım Şekli: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

Kapanış Etiketi(”/”) Kayıp

• Örnek: <img src="image.gif" width="100" height="100"alt="Logo">
• Geçerlilik Testi Rapor Sonucu: Missing closing tag (kapanış etiketi kayıp).
• Çözüm: img, input, br gibi “boş elementler” olarak çağrılan etiketlerin sonu bir boşluk ve “/” ile kapatılmalı. Bütün XHTML elementlerin kodlarını bu sayfadan görebilirsiniz.
• Doğru Kullanım Şekli: <img src="image.gif" width="100" height="100"alt="Logo" />

Etiketlerin Büyük Harf Yazılması

• Örnek: <STRONG><EM>…</EM></STRONG>
• Geçerlilik Testi Rapor Sonucu: There is no such element (Sözkonusu element orada yok)…
• Çözüm: Bütün element ve özelliklerini küçük harf ile yazın.
• Doğru Kullanım Şekli: <strong><em>…</em></strong>

Tırnaklandırılmamış Özellik Değerleri

• Örnek: <td rowspan=3>
• Geçerlilik Testi Rapor Sonucu: Missing quotation marks (tırnak işaretleri kayıp).
• Çözüm: Bütün özellik değerleri tırnaklandırılmalı.
• Doğru Kullanım Şekli: <td rowspan="3">

Ve Güzel Bir Sürpriz

Şimdi düşünüyorum da güzel bir sürpriz ile karşılaşmayalı uzun zaman olmuş. Sağolsun Fatih abim(aynı zamanda adaş oluyoruz xD) geçen hafta bana sürpriz yaparak Kütahya’dan güzel bir hediye gönderdi: bir duvar saati! Aşağıdaki fotoğraflarda onu görebilirsiniz.

Bunu ilk gördüğümde çok şaşırmıştım. Çok da hoşuma gitti. Seramik ürünler üstüne kaliteli baskı alınabildiğini de görmüş olduk. :)

Son Projelerimiz

Bu ay içinde Trabzon’u turistik açıdan tanıtan bir dergi hazırladık. Daha tam bitmiş sayılmaz ama büyük bir kısmı bittiğini söyleyebilirim. Bu benim InDesign’da ilk ciddi çalışmam oldu. Bakalım herhangi bir aksaklık olmaz ise sonucu göreceğiz. İlk olduğu için bayağı bir acemilik yaşadığımı itiraf etmeliyim. :)

Bir de Temmuz ayından beri üstünde çalıştığımız bir başka projemiz var. Bu da son aşamaya geldi. Ufak tefek eksikleri tamamlanınca hemen açmayı ve sizlere tanıtmayı düşünüyoruz. Şu an için bu konuda başka bir ayrıntı vermek istemiyorum.

Eee Peki Ne Yapabiliriz?

Birazdan kullanımını anlatacağım Dean Edwards‘ın 22KB’lik IE7 adlı Javascript betiği sayesinde Internet Explorer 6 ve aşağı sürümlerinin(5, 5.5 sürümleri) daha fazla web standartlarına uymasını sağlayabilirsiniz.

Bu betik sayesinde Internet Explorer 6 ve aşağı sürümlerinde her element üzerinde CSS ile :hover, :focus, :active gibi pseudo sınıf ve elementlerini kullanabilecek, şeffaf PNG dosyalarını farklı bir Javascript betiği veya CSS hilesine ihtiyaç duymadan kullanabilecek, W3C kutu modelini standart ve garip(quirks mode) modlarının her ikisinde de kullanabileceksiniz.

Bunlar betiğin ilk göze çarpan özellikleri idi. Daha detaylı bilgiye buradan erişebilirsiniz.

Kullanım Kılavuzu

İlk adım olarak IE7_0_9.ZIP dosyasını buradan indirip kullanmak istediğiniz çalışmanızdaki dosya klasörüne atıyorsunuz ve bütün dosyaların ie7 klasöründe olduğundan emin olun(bakınız). Eğer dosyaları farklı bir klasöre atacak olursanız, bir sonraki adımda belirttiğim yolu değiştirmelisiniz.

Sonra bu betiği kullanmak için aşağıdaki kodu meta etiketlerinin hemen sonrasına(eğer sonrasına yerleştirmezseniz bizarre bug denilen bir hata ile karşılaşabilirsiniz) yerleştirin.

<!--[if lt IE 7]>
<script src="/ie7/ie7-standard-p.js" type="text/javascript">
</script>
<![endif]-->

Bu noktada dikkat edecek olursanız Conditional Comments denilen şartlı HTML yorumları ile Internet Explorer 7′nin aşağısındaki sürümlerde(6, 5.5, 5) bu betiğin yüklenmesini söyledik. Böylece sadece Internet Explorer 5, 5.5 ve 6′da bu betik çalışacak. Bu betiğin Internet Explorer 7′de çalışmasının pek bir anlamı yok. Zira Internet Explorer 7 zaten web standartlarını destekliyor. Ayrıca bu şartlı yorumların kullanımını daha sonra ayrıntılı olarak anlatmayı düşünüyorum.

Şeffaf PNG’lerin Kullanımına Dair Küçük Bir Not

Şeffaf PNG dosyalarını kullanırken dosya isimlerinizin sonuna -trans eklemeyi unutmayın. Örneğin elimizde deneme.png adlı dosya var ise deneme-trans.png olarak değiştirmelisiniz.

Sonuç

Son olarak sizin için bir örnek hazırladım(Internet Explorer 6′da betik aktifken bakın ve bir de betik pasifken bakın). Artık web standartlarını daha fazla destekleyen bir Internet Explorer’ımız oldu.

Aardavark

Aardavark eklentisi ile sayfa üzerindeki HTML etiketlerini görebiliyoruz, bunların HTML kodlarını inceleyebiliyoruz ve sayfamızdan geçici olarak HTML etiketlerini kaldırabiliyoruz(R.I.P eklentisi ile HTML etiketlerini tamamen kaldırabilirsiniz). Kullanışı da gayet basit: hangi sayfada kullanmak istiyorsanız, o sayfa da sağ tıklayıp START AARDAVARK komutuna uyguluyorsunuz ve eklenti çalışmaya başlıyor. Ardından da klavyedeki kısayolları kullanarak istediğiniz işlemi yapabiliyorsunuz. Bu kısayolları ve ne işe yaradıklarını öğrenmek için Aardavark eklentisi etkinken klavyeden H düğmesine basmanız yeterli. Eklentiyi kapatmak için de Q kısayol tuşunu kullanabilirsiniz. Aardavark eklentisini bu sayfadan yükleyebilirsiniz.

Colorzilla

Colorzilla eklentisi ile sayfa üzerindeki herhangi bir nesnenin rengini HEX veya RGB kodu olarak alabilirsiniz. Ayrıca COLOR PICKER komutu ile renk seçim penceresini açıp oradan da renk seçimi yapabilirsiniz. Colorzilla eklentisini yüklediğinizde Firefox’un durum çubuğunun solunda simge olarak yerleşecektir. Simge üzerine sol fare tuşu ile birkez basınca renk seçim aracı açılır ve sayfa üzerinde herhangi bir nesneye basarak rengi belirleyebilir, sağ fare tuşuyla basınca da açılan menüden renk kodunu HEX veya RGB olarak alabilirsiniz. Colorzilla eklentisini bu sayfadan yükleyebilirsiniz.

CSS Viewer

CSS Viewer eklentisi de sıkça kullandığım eklentiler arasında. Bu eklenti ile sayfa üzerindeki nesnelerin temel CSS özelliklerini görebilirsiniz. Kullanımı yine çok basit: ARAÇLAR menüsünden CSS VIEWER komutuna birkez basınca CSS Viewer eklentisi aktif hale geliyor ve sayfa üzerinde nesnelerin üzerlerine gelip CSS Viewer kutusunda temel özellikleri görebiliyorsunuz. CSS Viewer’ı kapatmak için yine ARAÇLAR menüsünden CSS VIEWER komutuna basıyoruz. CSS Viewer eklentisini bu sayfadan yükleyebilirsiniz.

Firebug

Firebug benim en sık kullandığım Firefox eklentisidir. Bu eklenti web tasarımcı ve geliştiricileri için adeta bir ilaç! xD Çünkü Firebug sayesinde sayfanızdaki HTML ve CSS etiketlerini görüntüleyebilir, anında düzenleyebilir ve Javascript betiklerinizde yer alan hataları gözlemleyip yok edebilirsiniz. Ayrıca ağ monitörü özelliği(Firebug’daki NET sekmesi) ile sayfanızla ilişik diğer dosyaların yükleniş anında kaç KB olduğunu, kaç saniyede yüklendiğini ve ilişik dosyaların yüklenip yüklenmediğini görebilirsiniz. Firebug eklentisi yüklendiğinde Firefox’un durum çubuğunun sağında simge olarak yerleşecektir. Bu simgeye basarak Firebug penceresini açabilir, aynı zamanda kapatabilirsiniz. Firebug eklentisini bu sayfadan yükleyebilirsiniz.

HTML Validator

HTML Validator eklentisi de bana göre en az Firebug kadar gerekli bir eklentidir. Bu eklenti sayesinde sayfanızın HTML kurallarına uygun olup olmadığını öğrenebilirsiniz. Bu eklenti yüklendiğinde yine Firebug gibi Firefox’un durum çubuğunun sağında simge olarak yerleşecektir. Html Validator eklentisini bu sayfadan yükleyebilirsiniz.

IE Tab

IE Tab eklentisi ile Firefox’dan ayrılmadan sayfanızı Internet Explorer motoru ile aynı veya yeni bir sekmede açabilirsiniz. Bu eklentiyi kurduğunuzda Firefox’un adres satırının yanında simge olarak yerleşecektir. IE Tab eklentisini bu sayfadan yükleyebilirsiniz.

Measure It

Measure It eklentisi ile sayfanızdaki nesnelerin genişlik ve yüksekliğini piksel cinsinden öğrenebilirsiniz. Bu eklenti yüklendiğinde Firefox’un durum çubuğunun solunda simge olarak yerleşecektir. Measure It eklentisini bu sayfadan yükleyebilirsiniz.

Screengrab

Screengrab eklentisi ile sayfanızın bütününü veya görünen kısmını PNG olarak kaydedebilir ya da direkt kopyalayıp hafızaya alabilirsiniz. Bu eklenti kuruldukdan sonra Firefox’un durum çubuğunun sağında ikon olarak yerleşecektir. Simge üzerine basıp SAVE veya COPY menülerinin altındaki komutları uygulayarak bu eklentiyi kullanabilirsiniz. Screengrab eklentisini bu sayfadan yükleyebilirsiniz.

Split Browser

Split Browser eklentisi sayesinde Firefox sayfanızı yatay veya dikey olarak bölümlere ayırabilirsiniz. Bu sayede iki sayfayı karşılıklı görebilme şansına erişeceksiniz. Split Browser eklentisini bu sayfadan yükleyebilirsiniz.

Web Developer Toolbar

Web Developer Toolbar eklentisi yine benim açımdan “olmazsa olmaz” denilebilecek Firefox eklentileri arasına giriyor. Bazı işlevleri açısından Firebug’a benzemesinin yanısıra ondan çok daha fazla işlevi bulunmakta. Bu eklenti yüklendikden sonra Firefox’a yeni bir araç çubuğu olarak yerleşiyor. Web Developer Toolbar eklentisini bu sayfadan yükleyebilirsiniz.

Yet Another Window Resizer

Yet Another Window Resizer eklentisi sayesinde tarayıcınızı 640×480, 800×600 ve 1024×768 gibi boyutlara değişebiliyorsunuz. Bu eklentiyi kullanmak için sayfanızda sağ fare tuşuyla açılan menüden RESIZE WINDOW’ın altındaki komutlardan istediğiniz bir boyutu seçmeniz gerekiyor. Yet Another Window Resizer eklentisini bu sayfadan yükleyebilirsiniz.

Adım-1

İlk adımda kullanmak istediğimiz bir deseni seçiyorsunuz. Ben Kaliber10000 sitesinden bu deseni örneğimizde kullanmak için seçiyorum ve bilgisayarıma kaydediyorum.

Adım-2

Photoshop’a geçip CTRL-O kısayol tuşlarına basarak az önce kaydettiğimiz desen dosyamızı açıyoruz. Sonra CTRL-A kısayol tuşlarına basıp aşağıdaki görüntüdeki gibi desenin tamamını seçili hale getiriyoruz.

Adım-3

Desen seçili iken aşağıdaki görüntüdeki gibi EDIT menüsünden DEFINE PATTERN komutunu uygulayıp desenimize bir isim verdikden sonra OK düğmesi ile desenimizi Photoshop’a aktarmış oluyoruz.

Adım-4

CTRL-SHIFT-N kısayol tuşları ile yeni bir katman(layer) açın. Sonrasında deseni döşeyeceğimiz boş bir dosyayı CTRL-N kısayol tuşları ile açıyoruz. Ardından SHIFT-F5 kısayol tuşlarına basarak FILL penceresini açıyoruz. Buradaki USE listesinden PATTERN’ı seçiyoruz. Ve son olarak aşağıdaki görüntüdeki gibi daha önce seçmiş olduğumuz desene basıp OK düğmesi ile desenimizi arkaplana döşemiş oluyoruz.

Sonuç

Desenimiz aşağıdaki görüntüdeki gibi döşenmiş olacak. Ayrıca burada bir not düşmek istiyorum. Dört maddelik anlattığım bu işlemde deseni bütün bir dosyanın boyutuna döşemiş olduk. Eğer siz istiyorsanız araç kutusundaki RECTANGULAR MARQUEE TOOL(M) ile kendi yaptığınız şekillerede aynı yöntem ile deseninizi döşeyebilirsiniz.

Biraz Daha Ayrıntı İster misiniz?

Desenlerle uğraşmak gerçekten zevk verici bir iş. Hadi bu işe biraz daha ayrıntı katalım.

Adım-5

Desenin bulunduğu katmanın(layer) bir altında bulunan BACKGROUND adlı katmanını PAINT BUCKET TOOL(G) veya farklı bir yöntem ile siyaha(#000000) boyayalım. Ardından aşağıdaki gibi desenin bulunduğu LAYER’ı seçip SHIFT-ALT-H tuşu ile desenin bulunduğu katmanın BLENDING MODE ayarını HARD LIGHT’a çevirelim.

Adım-6

D kısayol tuşuna basarak renkleri standart değere yani siyah ve beyaza çevirin. Sonra araç çubuğundan GRADIENT TOOL(G)’u seçip aşağıdaki görüntüdeki ayarları uygulayın. Yani REFLECTED GRADIENT’i seçin.

Adım-7

Desenin bulunduğu katmanı seçip ardından LAYERS paletinin altında bulunan ADD LAYER MASK düğmesine veya LAYERS menüsünden LAYER MASK-REVEAL ALL komutunu uygulayın. Desenin bulunduğu katmana maskeyi ekledikden sonra aşağıdaki görüntüdeki gibi GRADIANT TOOL(G) ile sayfanın ortasından soluna doğru geçiş oluşturuyoruz.

Sonuç

Böylece desenimiz aşağıdaki gibi sadelikden kurtarmış olup daha farklı bir görünüme kavuşacak.