http://www.bildirgec.org/ tr-tr 40 bildirgec.org - cokasi - beğendikleri cokasi <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim.jpg' alt="Photoshop’ta gözyaşı çizimi" border="0"><br>Photoshop’ta gözyaşı çizimi</div><br>Bu dersimizde seçmiş olduğumuz bir resme göz yaşı çizeceğiz. Burada temel amaç gözyaşı çizerken Photoshop’un belli araçlarının ne şekilde, nerede, nasıl kullanılacağını öğrenmektir. Araçların fonksiyonlarını öğrendiğimizde farklı yerlerde farklı işlemler için rahatça kullanabiliriz. Şimdiden kolay gelsin!<br>1. Çalışmak için önce iyi bir resim seçelim. Yakın çekim bir portre olursa iyi olur. internetten üzerinde çalışmak istediğiniz hoşunuza gidecek bir resim seçebilirsiniz. <br>Resmi bulduğunuzu ve Photoshop’ta açtığınızı varsayarak derse başlayalım. Önce Pen Tool aracını kullanacak bir göz yaşı alanı çizelim. Aşağıda resimdekine benzer bir alan belirleyebilirsiniz. <p><!-- buradan kes --><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim1.jpg' alt="Photoshop’ta gözyaşı çizimi" border="0"><br>Photoshop’ta gözyaşı çizimi</div></p> <p>2. Gerçekçi bir gözyaşı oluşturmak için gözyaşının çıktığı noktayı ve bitiş noktasını iyi ayarlamalıyız. Daha sonra layer-katman özelliklerini aşağıdaki gibi ayarlayalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim2.jpg' alt="Drop Shadow" border="0"><br>Drop Shadow</div></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim3.jpg' alt="Inner Shadow" border="0"><br>Inner Shadow</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim4.jpg' alt="Inner Glow" border="0"><br>Inner Glow</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim5.jpg' alt="Bevel and Emboss" border="0"><br>Bevel and Emboss</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim6.jpg' alt="Gradient Overlay" border="0"><br>Gradient Overlay</div><br>3. aşağıdaki gibi bir görüntü elde etmiş olmalıyız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim7.jpg' alt="Photoshop’ta gözyaşı çizimi" border="0"><br>Photoshop’ta gözyaşı çizimi</div> <p>4. Şu an için normal görünüyor. Ancak görüntüyü daha da gerçekçi hale getirmemiz gerekiyor. Yeni bri layer/katman oluşturalım ve Pencil Tool aracını elimize alalım, boyutunu 1 px yapalım. Gözyaşı üzerine belli alanlara aşağıdaki gibi beyaz çizgiler koyalım. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim8.jpg' alt="Pencil Tool" border="0"><br>Pencil Tool</div></p> <p>5. Daha sonra Blur Tool aracı ile beyaz çizgilerimizi bulanıklaştıralım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim9.jpg' alt="Blur Tool" border="0"><br>Blur Tool</div></p> <p>Bu şekilde dersimizi tamamlamış oluyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/photoshopta-gozyasi-cizelim10.jpg' alt="İşte size gerçekçi bir göz yaşı" border="0"><br>İşte size gerçekçi bir göz yaşı</div><br>Bu sayede Photoshop’un bazı araçlarının ve özelliklerinin ne şekilde nasıl kullanılacağını da öğrenmiş olduk. <br><a href="http://www.photoshopstar.com/photo-effects/realistic-view-tears-on-face/">Kaynak: photoshopstar</a></p> <p>Tercüme: <a href="http://kerimsarigul.bildirgec.org/">kerimsarigul</a><br>Faydalı olması dileğiyle…</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ta-gercekci-bir-gozyasi-cizelim ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 24 May 2011 07:16:00 GMT 243472@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-gercekci-bir-gozyasi-cizelim cokasi <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-23.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Bu çalışmamızda <strong>gerçeğe yakın su yansıması efekti uygulaması</strong> yapacağız. Derse başlamadan önce sabırlı olmanızı, dersin sonunda sabrınızın karşılığını alacağınızı belirtmek isterim:)<br><strong>Çalışmamıza başlayalım.</strong><br>Öncelikle çalışma yapmak istediğiniz herhangi bir fotoğraf seçin. Eğer elinizde uygun bir fotoğraf yoksa <a href="http://www.photoshopstar.com/wp-content/uploads/2010/01/water_reflection_water.jpg">bu bağlantıdaki fotoğrafı</a> bilgisayarınıza kaydedin. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-01.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Seçtiğimiz resmi Photoshop programımıza aktaralım. Suya yansımasını istediğimiz alanı seçelim. Seçim için <strong>“Polygonal Lasso Tool-Çokgen kement aracı”</strong>nı kullanıyoruz. <br><!-- buradan kes --><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-02.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Seçtiğimiz alanın bir kopyasını oluşturalım <strong>(CTRL J)</strong>. Daha sonra bu görüntüyü dikey olarak ters çevirelim<strong>(Düzen > Dönüştür > Dikey çevir/ Edit> Transform> Flip Vertical)</strong>Bu uygulamayı menülerle ya da elle yapabilirsiniz. Bundan sonra bu kopyaladığımız alan üzerinde çalışacağız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-03.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Eğer bizim verdiğimiz resmi kullanıyorsanız sağ tarafta su kenarında bir düzensizlik göreceksiniz. Dikkat ederseniz sağ tarafta bir adacığımız var. Üst taraftaki resmimizin alanına kayan yansıma alanındaki sağ köşedeki fazlalığı silgi aracı ile dikkatle siliyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-04.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Resimden de görebileceğiniz gibi sağ taraftaki adacığımızın suya yansıması mevcut değil. Bu işlem için bu alanı da seçerek bir kopyasını oluşturacağız ve dikey olarak çevirerek suda yansımasını yapacağız.<br><strong>Polygonal Lasso Tool-Çokgen kement aracını </strong>kullanarak bahsettiğimiz adayı aşağıdaki gibi seçelim, daha sonra <strong>Ctrl Shift J</strong> kısayol tuşları ile seçtiğimiz alandan yeni bir katman-layer oluşturalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-05.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Bu katmanı aşağı doğru hareket ettirelim. Yani üst alandaki adacığın yansıması olacak şekilde ayarlayalım. <br><strong>Edit> Transform> Warp/Düzen>Dönüştür>Çarpıt</strong> menüsünü kullanarak ince ayar da yapabilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-06.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Bu katmanı diğer yansıma katmanı ile birleştirelim. Birleştirme işlemi için katmanlar alanından iki katmanı seçip, katman üzerine sağ tıklayarak <strong>“katmanları birleştir”</strong> menüsüne tıklıyoruz.<br>Yansıma olarak belirlediğimiz alana su içindeymiş hissi vermek, o alanı biraz dalgalandırmak için bazı işlemler yapacağız.<br>Şu an çalışmakta olduğumuz büyüklükte yeni bir sayfa açalım. Renk alnından siyah-beyazı seçmek için <strong>D</strong>’ye tıklayalım. Daha sonra<br><strong>Filter> Sketch> Halftone Pattern<br>Filtre> Taslak> Yarı ton desen </strong>menülerini takip ederek aşağıdaki ayarları yapalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-07.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Aşağıdaki gibi bir görüntü elde etmiş olmalıyız:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-08.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Bu sayfayı Lines.psd diye veya başka bir isimle kaydediyoruz. Daha sonra bu bize lazım olacak çünkü. Bu sayfayı kaydettikten sonra asıl çalışma sayfamıza dönüyoruz.<br>Yansıma olarak oluşturduğumuz katmanı seçili iken <strong>Select> Load Selection/Seç> Seçimi Yükle </strong>menülerini takip ediyoruz ve açılan pencereye tamam diyerek kapatıyoruz. Şimdi ise<br><strong>Filter> Distort> Ripple/Filtre> Deforme et> Dalgacık</strong> menülerini takip ederek açılan pencerede aşağıdaki ayarları yapalım. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-09.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Aşağıdaki gibi bir görüntü elde etmiş olmalıyız:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-10.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Şimdi ise <br><strong>Filter> Distort> Displace<br>Filtre> Deforme et> Ötele</strong> menüsünü kullanalım, açılan pencerede aşağıdaki ayarları yapıp tamam diyelim. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-11.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Daha sonra bizden dosya isteyecek program, biraz önce kaydettiğimiz Lines.psd dosyasını seçiyoruz ve tamam diyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-12.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Şimdi <strong>Ctrl T</strong> kısayol tuşlarını kullanarak yansıma resminin boyunu alt taraftan biraz kısaltalım ve Enter tuşuna tıklayalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-13.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Şu ana kadar aslında yansımış bir görüntü elde ettik ancak biz bunu daha da geliştirmek istiyoruz.<br>Öncelikle seçimi yok etmek için <strong>Ctrl D</strong> kısayol tuşlarını kullanalım. Daha sonra <strong>Degrade</strong> aracı’nı kullanarak aşağıdaki gibi geçişli bir efekt verelim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-14.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Normal moda dönüyoruz. Seçilmiş bir alanımız mevcut ve içindeki görüntüyü yok etmek için sil diyoruz..<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-15.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Katmanın opaklık derecesini 50% olarak ayarlayalım. Daha sonra<br><strong>Filter> Blur> Motion Blur<br>Filtre> Bulanıklaştır> Hareket bulanıklığı</strong><br>Menülerini kullanarak katmanı bulanıklaştırmak için aşağıdaki ayarları yapıyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-16.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Aşağıdaki gibi bir sonuç elde etmiş olmalısınız:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-17.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div> <p>Son bir işimiz daha kaldı. Dalgalanma eklemek. Bu işlem için önce yeni bir layer ekleyelim ve elimize bir fırça aralım. Renk ayarını da beyaz yaparak aşağıda resimdekilere benzer beyaz küçük dalgalar çizelim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-18.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>Daha sonra renk ayarını açıp renk olarak <strong>#022149 </strong>bu rengi seçiyoruz ve az önce oluşturduğumuz dalgaların yanına yeni dalgalar, aslında bu dalgaların gölgelerini çiziyoruz. Aşağıdaki resimden nasıl bir işlem yaptığımıza bakabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-19.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div> <p>Daha sonra<br><strong>Filter> Blur> Motion Blur<br>Filtre> Bulanıklaştır> Hareket bulanıklığı</strong><br>Ayarlarını aşağıdaki gibi yapalım. Su üstüne oluşturduğumuz dalga ve gölgeleri bulanıklaştırıyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-20.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div></p> <p>Son işlem olarak da karıştırma modunu <strong>Soft Light/Yumuşak Işık </strong>olarak ayarlıyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-21.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br>İşte sonuç. Siz daha iyisini yapmışsınızdır:)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-22.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/water-reflection-23.jpg' alt="Photoshop ile fotoğrafımızı Suya yansıtalım!" border="0"><br>Photoshop ile fotoğrafımızı Suya yansıtalım!</div><br><a href="http://www.photoshopstar.com/effects/realistic-view-water-reflection/">Photoshopstar</a> kaynağından <a href="http://kerimsarigul.bildirgec.org/">Kerim Sarıgül tarafından</a> tercüme edilmiştir.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ile-fotografimizi-suya-yansitalim ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sun, 15 May 2011 08:47:00 GMT 243345@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ile-fotografimizi-suya-yansitalim cokasi <p><strong><a href="http://www.adobe.com">photoshop</a></strong> 1990'da ilk versiyonunda tarayıcı yoluyla alınan resimlerin düzenlenmesi niyetiyle yapılmış bir programdı. bu niyetini de adında taşıyor zaten. her ne kadar yeni versiyonlarında <a href="http://www.bildirgec.org/yazi/photoshop-ta-yazilara-sihirli-dokunuslar"><strong>yazılara</strong></a> çeşitli efektler uygulayabiliyor olsak da bu yazımız temel amacına hizmet edecek. <br>cilt üzerinde yer alan geçici ya da kalıcı bir takım izler vardır. bunlar sivilce, yara ya da ben izleri olabilir ve fotoğraflarda bazen hoş durmayabilirler. işte biz de fotoğraflarımıza nasıl ipeksi ciltler kazandırılabileceğinin basit bir yolunu öğreneceğiz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/alicia-silverstone-without-make-up.jpg' alt="çalışmamızın ilk hali" border="0"><br>çalışmamızın ilk hali</div><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/alicia-silverstone-with-make-up.jpg' alt="çalışmamızın son hali" border="0"><br>çalışmamızın son hali</div><br><!-- buradan kes --><br><strong>başlayalım</strong><br>resmimizi açtıktan sonra bu katmanımızı bir kez çoğaltıyoruz. isterseniz bu katmana sağ tıklayıp "<strong>duplicate layer</strong>" yolunu izleyebilir, ya da bu katmanımızı <strong>layer palet</strong>in en altındaki <strong>new layer</strong> butonunun üzerine sürükleyebilirsiniz. bütün çalışmamızı bu yeni katman üzerinde gerçekleştireceğiz.</p> <p><strong>adım 1</strong><br>bu yeni katmanımızın <strong>blend modu</strong>nu <strong>vivid light</strong> olarak değiştiriyoruz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/vividlight.jpg' alt="blend modu vivid light olarak değiştiriyoruz" border="0"><br>blend modu vivid light olarak değiştiriyoruz</div></p> <p><strong>adım 2</strong><br>şimdi resmimize <strong>invert</strong> uygulayacağız. <strong>Image</strong> > <strong>Adjustments</strong> > <strong>Invert</strong> yolunu izleyebilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/inverted-image.jpg' alt="invert uyguladığımız resim" border="0"><br>invert uyguladığımız resim</div></p> <p><strong>adım 3</strong><br>bu adımda da aynı katmanımıza <strong>gaussian blur</strong> uyguluyoruz. yolumuz şu şekilde: <strong>filter</strong>><strong>blur</strong>><strong>gaussian blur</strong>. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/after-gaussian-blur-2.jpg' alt="gaussian blur uyguladığımız resim" border="0"><br>gaussian blur uyguladığımız resim</div><br>bunu uygularken de oranımız resmin ana hatlarının belirginleşmeye başladığı orandır.</p> <p><strong>adım 4</strong><br>artık resmimizi biraz yumuşatalım. <strong>Filter</strong> > <strong>Other</strong> ><strong>High Pass</strong> yolunu izleyelim. burada oranımızı da cildin görünümüne göre ayarlıyoruz. çene, kaş ve gözlerin hayalet gibi görünmesine aldırmayın ve cildin yeterince pürüzsüz olduğunu düşündüğünüz yerde bırakın.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/yumusatilmisresim.jpg' alt="çalışmanın high pass sonrası durumu" border="0"><br>çalışmanın high pass sonrası durumu</div></p> <p><strong>adım 5</strong><br>şimdi sıra <strong>mask</strong> uygulamaya geldi. <strong>layer palet</strong>in altında bulacağınız <strong>add layer mask</strong> butonuna tıklıyoruz.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/addlayermask.jpg' alt="add layer mask" border="0"><br>add layer mask</div></p> <p><strong>adım 6</strong><br><strong>d</strong> ve <strong>x</strong> tuşlayarak siyah rengimizi seçiyoruz ve <strong>araçlar paleti</strong>mizden <strong>paint bucket tool</strong>u seçerek katmanımızı siyahla dolduruyoruz. sanki resmimiz ilk haline döndü diye paniklemeyin, sorun yok.</p> <p>ve son olarak da yumuşak bir fırça seçiyoruz <strong>d</strong> tuşlayarak seçtiğimiz beyaz renkle cildin ipeksi görünmesini istediğimiz yerlerini boyuyoruz. yani boyama derken beyaz bir renk göremeyeceksiniz ama değişim gözle görülür olacak ve gerekli yerlerde bence muhteşem de olacak:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/alicia-silverstone-with-make-up.jpg' alt="son durum" border="0"><br>son durum</div></p> <p>emeğe saygı diyerek <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/quick-tip-how-to-smooth-skin-without-losing-texture-in-photoshop/">kaynak</a>...</p> <p>photoshopla ve diğer birkaç konuyla alakalı olarak <strong><a href="http://tegmentm.bildirgec.org/">diğer yazılarım</a></strong>...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ile-ipeksi-ciltler ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 09 May 2011 10:19:00 GMT 243344@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ile-ipeksi-ciltler cokasi <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/bcom-small.gif' alt="\"\"" border="0"><br></div> <p><a href="http://www.boston.com/bigpicture/">Big Picture:</a></p> <p>güncel olaylarla ilgili çekilmiş birbirinden güzel ve anlamlı fotoğrafların paylaşıldığı bir site. Bu da kesinlikle tavsiye ettiğim sitelerden.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/logo-12.png' alt="\"\"" border="0"><br></div> <p><a href="http://rrrewind.com/">rrrewind</a><br>Sosyal medyada kaçırdığınız şeyleri yakalamak için güzel düşünülmüş bir site. En popüler videolar, Google trendleri, haberleri bu site sayesinde takip edebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/music-alerts-logo.gif' alt="\"\"" border="0"><br></div> <p><a href="http://www.music-alerts.com/">Music Alerts</a><br>Takip ettiğiniz yabancı sanatçıların ne zaman albüm çıkarttıklarını takip etmek zor olabiliyor. Bu site sayesinde sevdiğiniz sanatçıların isimlerini yazıp kendinize bir feed yaratabilir ve hızlıca takip edebilirsiniz.<br><!-- buradan kes --><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/rainymood-background1.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.rainymood.com">Rainy Mood</a><br>Günümüz insanı rahatlamanın yollarını da bilgisayarda aramak zorunda artık. Alıp başımızı doğaya, kıra gidemiyoruz. Ama artık sesi bize gelebiliyor. Bu site ile 30 dakikalık yağmur sesini dinleyebilirsiniz. Eşsiz bir melodi.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/web2print-logo.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.sciweavers.org/free-online-html-to-pdf">HTML to PDF:</a><br>Bazen bir şeyler gözümüze çarpıyor ve onları hemen okumak fırsat olmuyor, ya da o şeyi direkt çıktı almak istiyor olabiliriz. Kopyalama-yapıştırma-çıktı alma işlemlerini direkt çıktı almak şeklinde kısaltmak da istiyor olabiliriz. İşte bu site sayesinde bir sayfadaki ilgilendiğiniz yazıyı doğrudan pdfye çevirebilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/yeni-siteler-kesfedelim-xxiii ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 08 Apr 2011 07:14:00 GMT 243343@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yeni-siteler-kesfedelim-xxiii cokasi <p><a href="http://www.google.com">google</a>'ın bedava hizmetlerinden birisi olan <a href="http://www.google.com/analytics/">analytics</a> ile ziyaretçilerinizin sitenizde neler yaptıklarını takip edebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/google.gif' alt="google analytics" border="0"><br>google analytics</div> <p>sitenizin popüler olup olmadığını, en çok hangi sayfalarının izlendiğini nasıl öğrenebilirsiniz? Bedava sayaç servisleri var ama bunlar ayrıntılı istatistikler konusunda yetersiz kalıyor. ayrıca hosting şirketiniz de size bir istatistik programı sağlıyor olabilir. ancak sitenize ekleyeceğiniz küçük bir javascript koduyla daha fazla bilgi edinmeniz mümknün.</p> <p>gelişmiş istatistik servisleri bu yöntemi kullanırlar ve ücretlidir. ama google'un servisi ücretsizdir. bu servisi kullanmak için kaydolmanız, ayar yapmanız ve verilen kodu sitenize eklemeniz yeterlidir.</p> <p>bu yazımızda, google analytics'e kaydolup sitenize eklemeyi ve bu servisin raporlarının nasıl kullanıldığını anlatacağız.</p> <p>ilk olarak <a href="http://www.google.com/analytics/">google analytics</a> sayfasına gidiniz. <a href="http://www.gmail.com">gmail</a> hesabınızla giriş yapabilirisiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/google-analytics-login.png' alt="google analytics" border="0"><br>google analytics</div></p> <p><!-- buradan kes --></p> <p><strong>1 - profilinizi oluşturun:</strong> giriş yaptıktan sonra kaydol'a tıklayın ve açılan sayfadan sitenizin adresini ve bu site izlemesi için hatırlarıcı bir isim seçin. alttan türkiye'yi de seçin ve bir sonraki aşamaya geçin.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/google-analytics-kayit.png' alt="yeni hesap kaydı" border="0"><br>yeni hesap kaydı</div></p> <p><strong>2 - iletişim bilgileri:</strong> bu adımda isminizi girmeniz isteniyor.</p> <p><strong>3 - izleme kodu:</strong> açılan sayfada izleme kodunuz size sunulur. bu kodu kopyalayıp web sitenize yapıştırmanız gerekiyor. bu kodu sitenizin her sayfasına "body" kodunun hemen üstüne gelecek şekilde eklemelisiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/google-izleme-kodu.png' alt="izleme kodu" border="0"><br>izleme kodu</div> <p><strong>4 - hedeflerinizi tanımlayın:</strong> sitenizin isminin yanında "düzenle" linkine tıklayarak siteniz için 4 tane hedef tanımlayabilirsiniz. hedef, ziyaretçinin satın alma, kaydolma, dosya indirme gibi bir işlem tamamlanınca ulaştığı sayfadır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/hedefler-4-tane.png' alt="hedefler" border="0"><br>hedefler</div></p> <p><strong>5 - Hedefleri geliştirin:</strong> sitenizde satın alma gibi adım adım yapılan işlemler varsa huni tanımlayın ve işlemin hangi adımda terk edildiğine ulaşın.</p> <p><strong>6 - Bekleme vakti:</strong> izleme kodunu siteye ekledikten sonra profilde "izleme kodu yüklendi. veriler bekleniyor" yazacaktır. rapor sonuçlarını 24 saat sonra bildirecektir.</p> <p><strong>7 - Ayarları düzenleyin:</strong> profilinizin yanındaki düzenle linkine tılayarak bilgilerinizi güncelleyebilirsiniz.</p> <p><strong>8 - trafik kaynakları:</strong> raporlara bakmak için raporları görüntüle linkine tılayın. sol menüden trafik kaynaklarına ulaşarak ziyaretçi sayısı, nerelerden geldikleri, arama motorlarında hangi anahtar kelimlerle sitenizi bulduğu gibi bilgilere ulaşabilrsiniz.</p> <p><strong>9 - içerik raporu:</strong> içerik menüsünde en popüler sayfalarınızı görebilirsiniz. ve bir de hemen çıkma oranını görebilirsiniz. hemen çıkma siteye gelen ziyaretçinin bir sayfaya bakıp başka sayfaya bakmadan sitenizden çıkmasıdır. bu oran yüksek ise siteniz ilgi çekici değil demektir.</p> <p><strong>10 - teknik analiz:</strong> ziyaretçi sayısı > tarayıcı yetenekleri altında ziyaretçilerinizin kullandığı tarayıcıları, işletim sistemleri ve daha fazla bilgiye ulaşabilirsiniz.</p> <p><strong>11 - site yerleşimi:</strong> en etkileyici özelliklerden birisi de budur. içerik > site yerleşimi menüsünde yeni pencere de siteniz açılarak her linkin ne kadar tıklandını gösteren bir çubuk belirecektir. bu şekilde kullanıcıları görsel takip edebilirsiniz.</p> <p><strong>12 - ziyaretçi sadakati:</strong> sadakat, sitenize devamlı gelen kullanıcıları ifade eder. ziyaretçiler > ziyaretçi sadakati > sadakat raporundan kimlerin yüzlerce kez geldiğini görebilirsiniz. eğer böyle bir durum varsa siteniz başarılı demektir.</p> <p><strong>13 yetki dağıtımı:</strong> başkalarının da bu servisteki bilgilere ulaşmalarını istiyorsanız profil ayarlarından kullanıcı yöneticisine tılayıp ekleme yapabilirsiniz. yeni kullanıcının emailinin google hesabı olması gerekir. bu kişiye yönetici yada rapor zleyici gibi yetkiler verebilirsiniz.</p> <p><strong>raporlar nasıl kullanılır:</strong></p> <p><strong>a) dışa aktar:</strong> raporları reklam verenlere yada patrona göndermek için çeşitli formatlarda kaydetme sunar.</p> <p><strong>b) rapor türü:</strong> 4 farklı dala ayrılır; raporlar, ziyaretçiler, trafik kaynakları, içerik ve hedefler.</p> <p><strong>c) tarih aralığı:</strong> sadece istediğiniz günlerin raporunu alabilirsiniz.</p> <p><strong>d) grafik:</strong> raporun grafiğini gün, hafta, ay olarak ayarlayabilirsiniz.</p> <p><strong>e) yardım kaynakları:</strong> bir raporun ne işe yaradığını öğrenmek için "bu rapor hakkında" linkinden öğrenebilirsiniz.</p> <p><strong>izleme kodunun, <a href="http://www.joomlatr.org">joomla</a> veya <a href="http://www.wordpress-tr.com">wordpress</a> sitelerine eklenmesi</strong></p> <p><strong>joomla'ya eklemek:</strong> yönetim panelinden eklentiler > şablon yöneticisi girin ve kullandığınız şablonun üzerine tıklayın. üstten html düzenleye tılayın. kodların en sonuna gidin ve izleme kodunuzu "body" satırının üstüne ekleyin.</p> <p><strong>wordpress'e eklemek:</strong> yönetim panelinden görünüm > editör açın ve footer.php linkine tıklaın. kodların en sonunda "body" kodunu görün ve bunun üstüne izleme kodunuzu ekleyin.</p> <p><strong><em>popüler yazılarım:</em></strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/internet-ten-telefonla-gorusun"><strong>internet'ten telefonla görüşün</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/ucretsiz-oyun-sunucusu"><strong>ücretsiz oyun sunucusu</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/adim-adim-google-docs"><strong>adım adım google docs</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/evinizden-tv-kanali-kurun"><strong>evinizden tv kanalı kurun</strong></a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/adim-adim-google-analytics ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 18 Apr 2011 08:08:00 GMT 243283@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/adim-adim-google-analytics cokasi <p>daha önce yayınlanan ;</p> <p><strong>&#x261E;</strong><a href="http://www.bildirgec.org/yazi/photoshop-ta-hizinizi-artiracak-5">photoshop'ta hızınızı artıracak 5 ipucu</a><br><strong>&#x261E;</strong><a href="http://www.bildirgec.org/yazi/photoshop-ta-kullanabileceginiz-az-bilinen">photoshop'ta kullanabileceğiniz az bilinen kısayollar</a></p> <p>yazılarına devam niteliğinde birkaç madde daha yazmak istedim. devam niteliğinde bir yazı olduğundan girizgahı geçip yazıya giriş yapıyorum.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/photoshopteknikleri.JPG' alt="\"\"" border="5"><br></div> <p><strong>Projeye özel çalışma alanı</strong><br>Photoshop belirli bir projede ihtiyaç duyduğunuz paletlerden oluşan çalışma alanları oluşturmanıza olanak tanır. Örneğin yazı bazlı bir çalışmanız var. Bu durumda “<strong>paragraph</strong>” ve “<strong>character</strong>” paletlerinin açık olmasını isteyeceksiniz. Ama aynı zamanda düzenlemeniz gereken bazı resimler de var. Onlar için de açık olan paletleri kapatıp “<strong>brushes</strong>” veya “<strong>color swatches</strong>” gibi işinize yarayacak başka paletlere yer açmanız gerekir. Bunun yerine çalışma alanları oluşturarak bu çalışma alanları arasında hızlıca geçiş yapabilirsiniz.</p> <p><!-- buradan kes --><br>Çalışma alanını bir kez düzenledikten sonra <strong>window>workspace>save workspace</strong> yolunu izleyerek kullandığınız çalışma alanına dilediğiniz ismi vererek kaydedebilrsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/saveworkspace.jpg' alt="çalışma alanını kaydedilmesi" border="0"><br>çalışma alanını kaydedilmesi</div></p> <p><strong>Aynı resmi iki ayrı pencerede gösterme</strong><br>Bazen resimlerle çalışırken resmi büyüterek deyim yerindeyse piksel piksel çalışmak gerekebilir. Fakat aynı zamanda resmin normal boyutlarında yapılan değişikliklerin nasıl göründüğünü de kontrol etmemiz gerekir ki yakın plan çalışmada mükemmel görünen çalışma saatler süren çalışmanın sonunda gerçek boyutlarına dönüldüğünde hayal kırıklığına sebep olabilir. İşte burada basit ipucumuz devreye giriyor: <strong>window>arrange>new window</strong>. Aynı resim ikinci bir pencerede açılacaktır. Birini %100 boyutunda tutarken diğerini istediğiniz gibi yakınlaştırarak çalışabilir, iki görüntüyü de kolayca kontrol etmiş olursunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/2image1workspace.jpg' alt="farklı boyutlarda 2 resimle çalışma" border="0"><br>farklı boyutlarda 2 resimle çalışma</div></p> <p><strong>Seçim çizgilerini yok etmek</strong><br>Bir objeyi seçtiğimiz zaman objenin çevresinde yanıp sönen noktalardan oluşan bir seçim çizgisi (orijinal dilinde buna marching ants- yani yürüyen karıncalar- diyorlar) belirir. Ama bu çizgi bazen görüntü yanılgısına ya da kaybına neden olduğundan rahatsız edici olabilir. Bu seçim çizgisini<strong> ctrl+</strong> kombinasyonuyla kolaca yok edebiliriz. Eğer tekrar ihtiyacımız olursa aynı kombinasyonla tekrar geri getirebiliriz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/selectedarea.jpg' alt="selected area" border="0"><br>selected area</div></p> <p><strong>Renk karelerinin kontrolü</strong><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/TegMenTM/color-squares.gif' alt="renk kareleri" border="0"><br>renk kareleri</div>Çok gereksiz gibi görünse de bu küçük iki kare çoğu zaman çok faydalı olabiliyor. Bunların kontrolü için iki güzel kısayol vardır: renklerini ilk hallerine yani siyah-beyaz haline döndürebilmek yani resetleyebilmek için “<strong>d</strong>” tuşuna basmanız yeterli, bu kareler arasında geçiş yapmak için de “<strong>x</strong>” tuşunu kullanabilirsiniz.</p> <p><strong>katmandaki objenin seçim</strong> <br>bir katmandaki (layer) objeyi seçili hale getirmek için kısaca "layers" paletindeki simgeye (thumbnail) ctrl tuşunu basılı tutarak tıklanız yeterli. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/thumbnail.jpg' alt="layer paleti- thumbnail" border="0"><br>layer paleti- thumbnail</div></p> <p>bu yazıyı faydalı bulduysanız <a href="http://www.bildirgec.org/yazi/photoshop-ile-kaliteli-ve-cekici">photoshop ile kaliteli ve çekici resimler</a><br><a href="http://www.bildirgec.org/yazi/ogrenilesi-birkac-photoshop-teknigi">öğrenilesi birkaç photoshop tekniği</a><br><a href="http://www.bildirgec.org/yazi/ogrenilesi-birkac-photoshop-teknigi-daha">Öğrenilesi birkaç photoshop tekniği daha</a><br><a href="http://www.bildirgec.org/yazi/ogrenilesi-birkac-photoshop-teknigi-daha-1">Öğrenilesi birkaç photoshop tekniği daha -2-</a><br><a href="http://www.adobe.com/">photoshop -1</a><br><a href="http://commons.wikimedia.org/wiki/Main_Page">photoshop -2</a><br><a href="http://tr.wikipedia.org/w/index.php?title=%C3%96zel%3AAra&redirs=0&search=geometrik+%C5%9Fekil&fulltext=Search&ns0=1" title="%C3%96zel%3AAra&redirs=0&search=geometrik+%C5%9Fekil&fulltext=Search&ns0=1\"">link</a></p> <p>yazıları da ilginizi çekebilir.</p> <p>ayrıca yazıda kullanılan simgelerle alakalı:<br><a href="http://www.bildirgec.org/yazi/html-rezerve-karakterlerin-html-entities">html rezerve karakterlerin (html entities) kullanımı</a><br>yazıma bakabilirsiniz.<br>faydalı olabilmek dileğiyle...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ta-pratiklik-adina-birkac ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 28 Apr 2011 10:51:00 GMT 243282@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-pratiklik-adina-birkac cokasi <p>yazılara verilen hoş görünümlerin çekiciliğini anlatmaya gerek yok sanırım. örneğin hoş ve sade bir logonun bazen ziyaretçide bıraktığı intiba onun siteye bakışını değiştirebilir. benim de bu konuda araştırmalarımda yararlandığım, eğitimlerden seçtiğim birkaçının burada paylaşılmasının iyi olacağını düşündüm. <a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/">Şurada</a> gördüğüm bir <a href="http://www.adobe.com">photoshop</a> eğitimini ve kullanılan tekniklerin çok kullanışlı ve yararlı olduğunu düşündüm. aynı teknikleri kullanarak siz istediğiniz her objeye gayet hoş bir gerçeklik kazandırabilirsiniz. İçinde öğrenebileceğimiz birçok şey var. İsterseniz <a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/">link</a>i takip ederek eğitimi orijinalinden de takip edebilirsiniz ama ben de bu yazıyı yazarken adım adım uygulayacağımdan orijinalinde yaşayabileceğiniz eksiklikler ya da atlamalar yaşanmayacaktır. Öyleyse yazımıza başlayalım:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/son.jpg' alt="çalışmamızın son hali bu şekilde olacak" border="0"><br>çalışmamızın son hali bu şekilde olacak</div></p> <p><strong>Başlarken</strong><br>En başta ışık ve gölgeyle alakalı aşağıdaki basit resmi incelemekte fayda var. Işığın vuruş yönü, gölge ve gölgenin düşüşü hakkındaki mantığımızı netleştirmek için bir göz atıp eğitime başlayalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/lightdiagram.jpg' alt="light diagram" border="0"><br>light diagram</div><br><!-- buradan kes --><br><strong>Adım 1</strong><br>İstediğimiz boyutlarda çalışma sayfamızı açtıktan sonra koyu griden daha koyu griye giden bir <a href="http://en.wikipedia.org/wiki/Gradient">gradient</a> oluşturacağız. Bunun için araçlardan “<strong>gradient tool</strong>” u (kısayol “g”) seçiyoruz. Opsiyonlarda “<strong>linear gradient</strong>” seçiyoruz. Gradientin bir ucunu koyu gri diğer ucunu daha koyu bir griye ayarlıyoruz.<br>Resim>gradient<div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/gradient.jpg' alt="gradient" border="0"><br>gradient</div></p> <p><strong>Adım 2</strong><br>Şimdi çalışma alanımıza yeni bir layer (katman) ve bu layer’a da bir yazı yerleştireceğiz. Bu yazıda biz “<strong><a href="http://www.fonts.com/findfonts/searchresults.htm?kid=agency+">agency fb</a></strong>” yazı tipini kullanacağız. Siz isterseniz burada başka bir yazı tipi ya da bir obje kullanabilirsiniz. Bizim bu yazı fontunu tercih etmemizin sebebi daha köşeli ve net hatlara sahip olması. Ve yazımıza grimsi mavi bir renk (mesela #c2c8d4) vereceğiz.<br>Resim>adım2<div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim2.jpg' alt="2.adımda yazımızın rengi" border="0"><br>2.adımda yazımızın rengi</div></p> <p><strong>ADIM 3</strong><br>Bu adımda yazımıza açıktan koyuya giden bir renk vermeye çalışacağız. Önce “<strong>layer</strong>” paletinde (açık değilse <strong>view>layers</strong> yolunu izleyebilirsiniz) yazımızın bulunduğu katmandaki simgeye <strong>ctrl</strong> tuşunu basılı tutarak tıklıyouz. Böylece bu katmandaki yazımız seçili hale gelmiş oluyor. Sonra bu katmanın üstünde yeni bir katman daha oluşturalım. Bu yeni katmanımızda oluşturduğumuz gradientle yazımıza birazcık derinlik vereceğiz. Yukarıda izlediğimiz yolla <strong>gradient paneli</strong>ne girelim ve <strong>#495a79</strong> renginden transparana giden bir <strong>gradient</strong> oluşturalım. Ve bu gradientin şeffaf tarafı sol üste gelecek şekilde bu yeni katmanımıza uygulayalım. Şuna benzer bir görüntü elde etmiş olmamız lazım:<br>RESİM>ADIM3<div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim3.jpg' alt="3.adımda yazımıza gradient uyguladık" border="0"><br>3.adımda yazımıza gradient uyguladık</div></p> <p><strong>ADIM 4</strong><br>Foreground rengini siyaha çevirelim (kısaca “d”). <br>Şimdi tekrar yazımızın bulunduğu katmana <strong>ctrl</strong> tuşunu basılı tutarak tıklayalım. Ve yazı katmanının altında yeni bir katman daha oluşturalım. Bu yeni oluşturduğumuz katman seçiliyken klavyeden bir kez<strong> aşağı tuş</strong> na ve bir kez de <strong>sağ ok</strong> tuşuna basalım. Ve “<strong>alt+backspace</strong>” tuşlayarak seçili alanın içini siyah renkle dolduralım. Ardından tekrar bir kez aşağı ve bir kez sağ ok tuşuna basalım ve “<strong>alt+backspace</strong>” tuşlayarak buranın içini de siyahla dolduralım. Bu yaptığımız işlemi çalışmamızın büyüklüğüne göre 15- 30 kez civarında tekrar edelim. Ortaya şöyle basit bir 3 boyutlu yazı çıkmış olmalı:<br>Resim>adım4<div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim4.jpg' alt="3 boyutlu yazımız" border="0"><br>3 boyutlu yazımız</div></p> <p><strong>Adım 5</strong><br>Şimdi bu oluşturduğumuz gölgenin katmanı seçiliyken ve objemizin seçimini kaldırdıktan sonra (<strong>select</strong>><strong>deselect</strong> yolunu izleyebilirsiniz ya da kısaca <strong>ctrl+d</strong>) <strong>filter>blur>motion blur</strong> yolunu izliyoruz <strong>-45</strong> derece ve <strong>30px</strong> değerlerini girip onaylıyoruz. Ardından katmanımızın özelliğini “<strong>multiply</strong>” olarak değiştirip <strong>opacity</strong>’i <strong>%40</strong> a indiriyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/multiplyopacity.jpg' alt="multiply ve opacity ayarları" border="0"><br>multiply ve opacity ayarları</div><br>Ve şöyle bir görüntümüz oldu:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim5b.jpg' alt="bu adımdan sonra ortaya çıkan görüntü" border="0"><br>bu adımdan sonra ortaya çıkan görüntü</div></p> <p><strong>Adım 6</strong><br>Sırada biraz temizlik var. Malum bu son uyguladığımız adımdan sonra gölgemiz istediğimiz yönlerin dışına da taştı. Bu yüzden ışığın vurduğu yöndeki yani harflerimizin üst ve sol taraflarına taşan gölge izlerini sileceğiz. Uygun büyüklükte Yumuşak bir silgi seçelim ve biraz temizlik yapalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim6.jpg' alt="yazının silgiyle temizlenmesi" border="0"><br>yazının silgiyle temizlenmesi</div></p> <p><strong>Adım 7</strong><br>Şimdi de gölgemize biraz daha çeki düzen vereceğiz. Gölgemizin bulunduğu katman seçiliyken sağ tıklayıp “<strong>duplicate layer</strong>” tıklayarak katmanı çoğaltıyoruz. “<strong>v</strong>” tuşuna basarak bu katmanımızdaki öğemizi seçili hale getirdikten sonra <strong>shift</strong> tuşunu basılı tutarak bir kez <strong>aşağı ok</strong> tuşuna ve bir kez de <strong>sağ ok</strong> tuşuna basıyoruz. Katmanımızın özelliğinin “<strong>multiply</strong>” olduğunu kontrol ediyoruz ve “<strong>opacity</strong>”i <strong>%20</strong>’ye ayarlıyoruz. Ve yukarıdaki aynı yolu izleyerek <strong>-45</strong> ve <strong>50px</strong> değerlerinde “<strong>motion blur</strong>” uyguluyoruz:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim7.jpg' alt="gölge düzenlemesi" border="0"><br>gölge düzenlemesi</div></p> <p><strong>Adım 8</strong><br>Bu adımda diğer bütün katmanların üstünde yeni bir katman daha oluşturuyoruz. <strong>Ctrl </strong>tuşubasılıyken temel yazımızın bulunduğu katmanın simgesine (<strong>thumbnail</strong>) tıklayarak seçim alanı oluşturuyoruz. Araçlar paletinden “<strong>paint bucket tool</strong>”u seçerek bir kez “<strong>d</strong>” ve bir kez de “<strong>x</strong>” tuşluyoruz. Şu anda beyaz renk seçili halde. Oluşturduğumuz yeni katman seçiliyken seçim alanımıza tıklayarak yazımızın üzerini beyazla dolduruyoruz. “nasıl yani?” dediğinizi duyar gibiyim. Sabrederseniz çok hoş bir tekniğe geldik. Birkez aşağı ve bir kez sağa tuşluyoruz yine ve “<strong>del</strong>” tuşuna basıyoruz. Ve bu pratik tekniği benim gibi yeni öğreniyorsanız hayran kalıyoruz. Bu katmanımızın “<strong>opacity</strong>”sini <strong>%80</strong>’e ayarlayarak parlama efektimize daha gerçekçi bi görünüm kazandırıyoruz. Şimdiki görüntümüz şu:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim8.jpg' alt="parlama efektimizin eklendiği yazımız" border="0"><br>parlama efektimizin eklendiği yazımız</div></p> <p><strong>Adım 9</strong><br>Yazımızın üzerine biraz ışık düşürme adımına geldik. Işığımız hem doğal görünecek hem de pencereden sızan bir ışık gibi görünecek.<br>Yine tüm katmanlarımızın üstünde yeni bir katman oluşturuyoruz. Bu katmanımızda yukarıdan aşağıya doğru kalınlaşan bir kaç tane yatay beyaz çubuk çiziyoruz:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim9.jpg' alt="yatay beyaz çizgilerimiz az sonra ışık hüzmesi olacaklar" border="0"><br>yatay beyaz çizgilerimiz az sonra ışık hüzmesi olacaklar</div><br>Eğer çubuklarınız farklı katmanlarda oluştuysa <strong>ctrl</strong> tuşunu basılı tutarak tüm bu katmanları seçelim ve sağ tıklayıp “<strong>merge layers</strong>” seçerek aynı katmanda toplayalım. <strong>Ctrl+t</strong> tuşlayarak girdiğimiz menuden çubuklarımıza <strong>45</strong> derecelik bir açı verelim. Fakat onaylamadan evvel çubuklarımıza sağ tıklayıp “<strong>perspective</strong>” seçeneğini tıklayalım. Sonra da çubuklarımızın köşelerindeki tutma noktaları yoluyla biraz <a href="http://tr.wikipedia.org/wiki/Perspektif">perspektif</a> uygulayalım. Benimki şu şekilde:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim9b.jpg' alt="çizgilerimizin son şekli" border="0"><br>çizgilerimizin son şekli</div></p> <p>Adım 10<br>Artık sol yukarıdan gelen perspektifi olan ışık çizgilerimiz var ama pek de ışığa benzemiyorlar. Öyleyse bu çubukların olduğu katmanımızın özelliğini “<strong>overlay</strong>”, “<strong>opacity</strong>”sini <strong>%20</strong> olarak değiştirelim. Daha sonra da <strong>filter>blur>gaussian blur</strong> yolunu izleyerek <strong>6px</strong> değerini uyguluyoruz:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/adim10.jpg' alt="ışık çizgilerimiz" border="0"><br>ışık çizgilerimiz</div><br>biraz daha sıcaklık katmak için küçük bir rötuş yapalım. Işık çizgilerimizin olduğu katmanın simgesine <strong>ctrl</strong> tuşuna basılı tutarak tıklıyoruz. <strong>Layers paleti</strong>nin alt kısmında bulunan simgelerden “<strong>add layer mask</strong>” butonuna tıklayarak biraz daha gerçeklik katıyoruz.</p> <p><strong>Son adım</strong><br>Eğer isterseniz burada bitirebilirsiniz. Ama biraz daha sabrınız kaldıysa son bir kaç rötuş daha yapalım. En alttaki (gri arkaplan rengimizin bulunduğu) katmanımızın hemen üstüne bir katman daha ekleyelim. Ve bu katmanı pembemsi bir renkle (<strong>#9d506c</strong> olabilir) dolduralım:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/pemberenk.jpg' alt="pembe renk de fena değil aslında" border="0"><br>pembe renk de fena değil aslında</div></p> <p>Pembe renkle doldurduğumuz katmanımızın özelliğini “<strong>color</strong>” olarak ve <strong>opacity</strong> özelliğini de <strong>%20</strong> olarak değiştirelim. Bu değişikliklerden sonra arkaplanımız daha sıcak bir görünüme kavuştu. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/reddish.jpg' alt="evet griye göre daha sıcak bir arkaplan" border="0"><br>evet griye göre daha sıcak bir arkaplan</div></p> <p>Şimdi de pembe renkle doldurduğumuz katmanın üstünde bir katman daha oluşturalım. Bu katmanı beyaz renkle dolduralım. <strong>Filter>render>lighting effects</strong> yolunu izliyoruz. <strong>Style</strong> kısmını “<strong>2 o’clock spotlight</strong>” olarak değiştirelim. Ancak eğer bilgisayarınıza güvenmiyorsanız bu pencerenin sol altındaki “<strong>preview</strong>” tikini kaldırmanız bütün çalışmanızın boşa gitmemesi için yararınıza olacaktır. Bu işlemden sonra da katmanımızın özelliğini “<strong>overlay</strong>” ve <strong>opacity</strong> özelliğini de <strong>%40</strong> olarak değiştirelim. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/son.jpg' alt="çalışmamızın son hali" border="0"><br>çalışmamızın son hali</div></p> <p>işte bitti!<br>umarım faydasını görmüşsünüzdür. <br>photoshopla ilgili daha fazlası için:<br><strong>&#xBB; photoshop katmanlarında 5 ipucu<br></strong><a href="http://www.bildirgec.org/yazi/photoshop-katmanlarinda-5-ipucu"></a><br><strong>&#xBB; photoshop'ta hızınızı artıracak 5 ipucu</strong><a href="http://www.bildirgec.org/yazi/photoshop-ta-hizinizi-artiracak-5"></a><br>gibi yazılarımın <a href="http://tegmentm.bildirgec.org/">tümü burada</a>...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ta-yazilara-sihirli-dokunuslar ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 02 May 2011 07:29:00 GMT 243281@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-yazilara-sihirli-dokunuslar cokasi <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/01.png' alt="\"\"" border="0"><br></div><br><a href="http://corkboard.me/">Corkboard</a>: Gerçek hayatta kullanılan mantar tahtalarını bilgisayarınıza getiren bir site. Mantar tahtanıza notlarınızı alabilir ve bunları paylaşabilirsiniz. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/fotofuze-logo4.gif' alt="\"\"" border="0"><br></div><br><a href="http://fotofuze.com/">Fotofuze:</a>Ücretsiz olarak kullanabileceğiniz güzel bir fotoğraf düzenleme sitesi. Bu site sayesinde fotoğraflarınızdaki bazı hataları dijital olarak düzeltebiliyorsunuz, 2d fotoğrafınızı 3d haline getirebiliyorsunuz. Çok da başarılı bulduğumu belirtmek isterim, özellikle karanlık çıkan fotoğrafları düzeltme konusunda. <p><!-- buradan kes --><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/logo-10.png' alt="\"\"" border="0"><br></div><br><a href="http://www.postpost.com/">Postpost:</a>Facebook görünümünden bıktıysanız, ideal bir site. Facebook’a girdiğinizde alt alta çıkan haberleri bu site sayesinde bir gazete sayfası gibi düzenleyip okuyabilir – izleyebilirsiniz. (Site harici olduğundan var olan facebook hesabınıza bir şey yapmıyor. Görüntü sadece sizin görmeniz için)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/logo-11.png' alt="\"\"" border="0"><br></div><br><a href="http://www.passplex.com/">Passplex:</a>Günümüzün geldiği güvenlik noktasında şifreler önemli yeri tutuyor. Bazı zamanlar aklımıza gelmediği için kolay şifrelerle işi bitirmek istesek de bu iyi değil. Bu site size istediğiniz zorluk ve biçimde şifre önerilerinde bulunuyor. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Atomic Bomb/05.png' alt="\"\"" border="0"><br></div><br><a href="http://www.medicinenet.com">medicinenet:</a>Bazı zamanlar tıp terimleriyle karşılaşıyoruz ve eğer tıp eğitimi almamışsak ya da özel ilgimiz yoksa kelimeleri anlayamıyoruz. İşte bu site tıp dilini size anlaşılır şekilde açıklıyor. <p><strong><a href="http://atomic-bomb.bildirgec.org/">diğer yazılarım ve tanıttığım siteler</a></strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/yeni-siteler-kesfedelim-xxi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 28 Feb 2011 12:49:00 GMT 243140@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yeni-siteler-kesfedelim-xxi cokasi <p><a href="http://www.blogdesignblog.com/blog-design/how-to-blog-design-style-guide">Blogdesingblog.com</a> blog tasarlerken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatıyor. Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.<br>Bu dokuz alt başlık şöyle.</p> <p><strong>Başlık</strong> (Header)<br><strong>İçerik Alanı</strong> (Content Area)<br><strong>Birincil yönlendirici </strong>(primary navigation)<br><strong>İkincil yönlendirici</strong>(secondary navigation)<br><strong>Manşetler</strong> (Headlines)<br><strong>Yorumlar</strong> (Comments)<br><strong>Makale Sonu</strong> (Post’s Footer)<br><strong>Sayfa Altı</strong> (Footer)<br><strong>Reklamlar</strong> (Advertisements)</p> <p><strong>HEADER</strong> - başlık</p> <p>Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar. Blog başlığı tasarımını populer kılmak için Vinh Le'nin kaleme aldığı <a href="http://www.blogdesignblog.com/blog-design/5-simple-ways-to-make-your-blog-design-pop/">şu makaleye</a> göz gezdirmekte fayda var.</p> <p><em>not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu <a href="http://www.blogdesignblog.com/blog-design/how-to-blog-design-style-guide">makalenin orjinalinin yayınlandığı siteye giderek</a> orada kaydedilmiş olan örnekleri inceleyebilirsiniz.</em></p> <p><strong>Birkaç mükemmel header örneği</strong></p> <p>1.<a href="http://www.octwelve.com/">Octwelve</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/octwelve.jpg' alt="octwelve" border="0"><br>octwelve</div><br>octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek. <br><!-- buradan kes --><br>2.<a href="http://www.cult-f.net/">Cult-foo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/cultfoo1.jpg' alt="cult foo" border="0"><br>cult fo</div><br>cult foo header köşelerindeki başarılı tasarımıyla dikkat çekiyor.</p> <p>3.darkmotion<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/darkmotion2.jpg' alt="darkmotion" border="0"><br>darkmotion</div><br>darkmotion'un header tasarımı kullanıca eğlenceli görünüyor ve kullanıcıyı siteye çekiyor.</p> <p><strong>Header nasıl tasarlanmalı?</strong></p> <p>Blog tasarımına öncelikle header'dan başlayın. Photoshop'da tasarımı yapmadan önce header içerisinde vermek istediğiniz mesaj, site ismi ve slogan gibi metinlere önceden karar verin.<br>Header tasarlamanın pek çok yolu olmakla birlikte tasarım yapılırken dikkat edilmesi gereken en önemli noktalardan biri sitenin geri kalanıyla ve konusuyla ilgili olmasıdır. Header siteye ilk kez giren ziyaretçiye bile olabildiğince çabuk bir şekilde sitenin amacını aktarabilmelidir.<br>Yaratıcı olun ve farklı tasarımlar denemekten korkmayın. ilk kez denenmiş benzersiz bir tasarım her zaman ziyaretçiler tarafından hatırlanabilir.</p> <p><strong>Content Area</strong> - içerik alanı</p> <p>Content area içeriği taşıyan bölgedir. Bu sebeple bloğu ziyaret eden kullanıcıların en çok zaman harcayacakları yer de burasıdır. bu bölge ziyaretçilerin dikkatini dağıtacak tüm unsurlardan arındırılmış olmalı, içerisinde barındırdığı metinler son derece okunaklı ve gözü yormayacak olacak şekilde yerleştirilmelidir. Bu yüzden içerik alanında sadelik önemlidir.</p> <p><strong><br>Harika içerik alanlarından örnekler</strong></p> <p>1.<a href="http://www.simplebits.com/">Simplebits</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/simplebits1.jpg' alt="simplebits" border="0"><br>simplebits</div><br>simplebits okuması son derece kolay ve linklerin olduğu bölgeler yeteri kadar belirginleştirilmiş.</p> <p>2.<a href="http://www.welovewp.com/">We love wp</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/welovewp1.jpg' alt="we love wp" border="0"><br>we love wp</div><br>Karanlık temalardaki en büyük sorunlardan biri yazıların okunabilir kılınmasındaki zorluktur. Ancak we love wp bu sorunun üstesinden gelmiş.</p> <p>3.<a href="http://blog.webreakstuff.com/">we break stuff</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/webreakstuff.jpg' alt="we break stuff" border="0"><br>we break stuff</div><br>Renk kombinasyonu başarılı. Linklerin altlarını noktalarla çizme fikri güzel.</p> <p><strong>Başarılı içerik alanı nasıl tasarlanır?</strong></p> <p>Hiyerarşiye dikkat edilmeli. Vurgular başlık, metin ve geri kalan ögelere doğru azalarak inmeli. Örneğin her zaman başlıklar metinden daha vurgulu ifade edilmeli.</p> <p>İçerikler aktarılan konular açısından birbirine yakın olmalı. Okuyucu bir içerikle ilgileniyorsa yakınlarda o konuyla ilgili başka içerikleri de görebilmeli.</p> <p>Linkler yeteri kadar belirgin olmalı ancak okuyucunun dikkatini dağıtmayacak kadar da tasarımla bütünleşmeli.</p> <p><strong>Primary Navigation</strong> - Birincil Yönlendirici</p> <p>Bu yönlendirici ziyaretçileri blogun farklı bölümlerine yönlendirmek için kullanılır. Genellikle header'ın üstünde bulunur. Orada olması gerekmez ancak çoğu ziyaretçi bu yönlendiricinin orada olmasını bekler ve buna ihtiyaç duyar.</p> <p><strong>Mükemmel Primary Navigation örnekleri</strong></p> <p>1.<a href="http://www.alistapart.com/">A list a part</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/alistapart.jpg' alt="a list a part" border="0"><br>a list a part</div><br>a list a part doğru tasarlanmış navigasyon menüsü için oldukça iyi bir aday.</p> <p>2.<a href="http://www.mindtwitch.com/">Mindtwitch</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/mindtwitch.jpg' alt="mindtwitch" border="0"><br>mindtwitch</div><br>mindtwitch doku kullanarak navigasyonu öne çıkarma üzerine oldukça iyi bir örnek.</p> <p>3.<a href="http://www.jogger.pl/">Jogger</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/jogger.jpg' alt="jogger" border="0"><br>jogger</div></p> <p>jogger'in navigasyon menüsü oldukça basit ve sade fakat tasarım içerisine oldukça iyi adapte edilmiş.</p> <p><strong>Mükemmel bir primary navigation nasıl tasarlanır?</strong></p> <p>Navigasyon linklerini olabildiğince az tutun. 6-7 linki aşmamasını öneririm.<br>primary navigation linkleri için blog tasarımında biraz geniş bir alan sağlayın. Bu linklerin her sayfada görünmesi gerekmiyorsa görünmemesi gereken sayfalarda linkleri secondary navigation bölgesinde vermeyi göz önünde bulundurun.<br>Hakkında ve İletişim linkleri genellikle primary navigation bölgesinde bulunur. Diğer linkler tasarımın nasıl yapıldığına ve kullanıcıya ne verilmek istendiğine göre değişir.</p> <p><strong>Secondary Navigation</strong> - ikincil yönlendirici</p> <p>İkincil yönlendiriciler ziyaretçilerin bloğun diğer kısımlarına kolayca erişebilmesi için kullanılır. Genellikle bu linkler sidebar (yan sütun)'da verilir.<br>Birincil yönlendiricinin içermediği linkler bu bölümde sergilenir. Örneğin popüler makaleler, sayfalar, son yorumlar gibi. Siteyi ziyaret eden kullanıcıların kolayca erişmesi istenen kısımlara bağlantı sağlar.</p> <p><strong>Mükemmel secondary navigation örnekleri </strong></p> <p>1.<a href="http://www.elitistsnob.com/">elitistsnob</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/elitistsnob2.jpg' alt="elitistsnob" border="0"><br>elitistsnob</div></p> <p>temiz tasarımı sayesinde elitistsnob'un navigasyon menülerini okumak çok kolay.</p> <p>2.<a href="http://www.mancub.net/">Manclub</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/mancub1.jpg' alt="manclub" border="0"><br>manclub</div></p> <p>navigasyon menüsü içerik alanının arkasından kayarak çıkıyor ve tüm bölümler rahatlıkla ayırt edilebiliyor.</p> <p>3.<a href="http://wp-themes.designdisease.com/">desingdisease</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/designdisease1.jpg' alt="desingdisease" border="0"><br>desingdisease</div></p> <p>desingdisease turuncu rengin farkı tonlarını navigasyon menüsünde farklı bölgeleri ayırmak için kullanıyor.</p> <p><strong><br>Mükemmel second navigation bölümü nasıl tasarlanır?</strong></p> <p>Primary navigation da olduğu gibi burada da olabildiğince az link verilmesi yararlı olacaktır.<br>farklı linkler için secondary navigation alanını bölün. Bu algılamayı ve kullanımı kolaylaştıracaktır.<br>Secondary navigation alanını karmakarışık yapmayın. Okuyucu için gerçekten gereken nesneler hariç ne varsa çıkarın. Takvim güzel görünebilir ancak gerçekten işlevsel bir amacı yoksa (örneğin rezervasyon tarihi belirleme gibi) hiçbir okuyucunun buna ihtiyacı yoktur.</p> <p><strong>Headlines</strong> - manşetler<br>Manşetler kullanıcının dikkatini ilgili blog yazılarına çekmek için kullanılır. Yazarın ziyaretçiyi diğer blog yazılarından alıp ilgili yazıya yönlendirmek için kullandığı yöntemlerden biridir. Bu yüzden manşetler belirgin yapıda olmalıdır. Bunu yapmanın pek çok farklı yaratıcı yolu var.</p> <p><strong><br>Mükemmel manşet örnekleri</strong></p> <p>1.<a href="http://henryjones.us/">Henry Jones</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/henryjones.jpg' alt="henry jones" border="0"><br>henry jones</div><br>Henry sade tasarımı ve manşetleriyle kullanıcın ilgisini manşete çekebiliyor. ayrıca sevimli ikonlar kullanarak tarih ve yorum bölümüne de dikkat edilmesini sağlamış.</p> <p>2. <a href="http://www.ilovetypography.com/">I love typography</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/ilovetype.jpg' alt="i love typograpy" border="0"><br>i love typograpy</div><br>Bu font ve renkleri kullanarak nasıl ilgi çekici bir manşet yaratabileceğinizi gösteren mükemmel bir örnek.</p> <p>3.<a href="http://blogsolid.com/">blogsolid</a><br><div class="imajorta"><br><img src='http://www.bildirgec.org/imaj/maxhoper/blogsolid1.jpg' alt="blog solid" border="0"><br>blog solid</div><br>Blog solid başlık kenarında garip bir tasarım kullanarak kullanıcın ilgisini başlığa çekiyor.</p> <p><strong>Manşetler nasıl dikkat çekici yapılır?</strong></p> <p>Bunu yapmanın en kolay yolu manşet renklerini ana metin renginden farklı seçmektir. İçerik ve manşet için farklı fontlar kullanılabilir. Genellikle manşetler için serif fontlar ve içerik için non-serif fontlar kullanılır.</p> <p>Daha büyük puntolar kullanmak manşetleri belirginleştirir. içerikle aynı büyüklükte fontlar içerikle manşetin ayırt edilmesini zorlaştırır. Manşet puntoları içerik puntosundan büyük olmalıdır.</p> <p>Manşetleri belirginleştirmek için kullanılabilecek bir başka yol makale gönderim tarihi gibi bilgileri manşetin dışında bırakmaktır. (Bu makalenin orjinalinin bulunduğu blog bunu kullanmaktadır)</p> <p><strong>Comments</strong> - yorumlar</p> <p>Yorum sekmesi blog içerisindeki iletişimi güçlendirmek için oldukça önemli yer tutar. Yorum kenarlarına numara vermek. Yorumcuların birbirlerini kolayca tanımlamalarını sağlar.<br>Yazarın yorumlarını daha belirgin yapmak bir ziyaretçiye yazarın yorumlarını sayfa içinde hızla ararken kolaylık tanıyacaktır.</p> <p><strong><br>Mükemmel yorum sekmesi tasarım örnekleri<br></strong></p> <p>1.<a href="http://www.shiflett.org/">Chris Shifflet</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/f.jpg' alt="chris shifflet" border="0"><br>chris shifflet</div><br>Chris'in yorum alanını okumak oldukça kolay. Sade tasarımı ve yazarla yorumunu farklı bölümlere ayırması ilgi çekici.</p> <p>2.Darkmotion<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/fr.jpg' alt="darkmotion" border="0"><br>darkmotion</div><br>Yazar bilgilerinin ayrı tutulması oldukça hoş. Ayrıca yorum alanları da birbirinden ayrı görünüyor. Genel olarak sanki birisiyle sohbet halindeymiş gibi bir izlenim uyandırıyor.</p> <p>3.<a href="http://www.blogdesignblog.com/">Blog Desing Blog</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/fra.jpg' alt="blog desing blog" border="0"><br>blog desing blog</div><br><em>(Bu makalenin orjinalinin yer aldığı bloga ait olan yorum paneli. Makale yazarı ziyaretçilerinden oldukça olumlu eleştiriler aldığı için kendi bloğunun yorum bölümünü de makalesine eklemiş)</em></p> <p><strong>Mükemmel yorum bölümü tasarımı nasıl yapılır?</strong></p> <ol> <li>Yorumları birbirinden ve ana alandan ayırmanın en kolay yolu tasarımı alt alta gelen yorumları farklı renklerde olacak şekilde yapmaktır.</li> <li>Yazarın yorumlarının diğer ziyaretçilerin yorumlarından daha belirgin kılınması faydalı olacaktır. Ancak bu yapılırken bütünlüğü bozacak kadar belirginleştirme yapmak da negatif yönde etki edecektir. Renklerde küçük değişiklikler bu belirginleştirme işi için ideal olacaktır.</li> <li>İsim, tarih gibi bilgileri esas yorum metninden ayırmak ziyaretçilerin yorumları gözleriyle hızla tararken rahat etmesini sağlayacaktır. Böylece istediklerini daha hızlı bir şekilde bulabilirler.</li> </ol> <p><strong>Post's footer</strong> - içerik sonu</p> <p>post's footer bölgesi içerikten sonra yorum bölümü başlamadan önce ziyaretçilere bir takım refereans linkler verebileceğeniz bir bölgedir. Bu bölüm gülünç bir şekilde sıklıkla tasarımcılar tarafından atlanır. Aslında oldukça kıymetlidir. Ziyaretçilerin içeriği okuduktan sonra dikkatini diğer önemli makalelere çekmesi için bir şans verir.<br>İnsanlar bloglarında diğer elementlerin dizaynı için oldukça zaman harcarlar ancak sıra page's footer a geldiğinde şablon temanınkine benzer sıradan bir dizayn hazırlayıp geçerler. Bu yeterli olmaz.</p> <p><strong>Mükemmel post's footer örnekleri<br></strong></p> <p>1.<a href="http://www.freelanceswitch.com/">Freelanceswitch</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/freelanceswitch2.jpg' alt="freelanceswitch" border="0"><br>freelanceswitch</div><br>Oldukça keskin, temiz ve okuyucunun dikkatini okuyucu içeriği okuduktan sonra nazikçe burada sergilenen linklere çekiyor.</p> <p>2.<a href="http://www.psdtuts.com/">PSDTuts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/psdtuts.jpg' alt="psdtuts" border="0"><br>psdtuts</div><br>okuyucaların oylayabilecekleri ve eğer makaleyi beğendilerse paylaşım ağlarına gönderebilecekleri linklerin mevcut olduğu bir post's footer tasarlanmış. Farklı renk kombinasyonu kullanılarak kullanıcının dikkati içeriği okuduktan sonra buraya kaydırılıyor.</p> <p>3.Standarts of Life<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/standardsforlife2.jpg' alt="standarts of life" border="0"><br>standarts of life</div><br>Oldukça temiz bir post's footer bölgesine sahipler. Benzeri makalelere verilen linklerin bulunduğu bölgede linkleri birbirinden ayırmak için alt alta gelen linklerin arkası farklı renklerde tasarlanmış.</p> <p><strong>Mükemmel post's footer nasıl tasarlanır?</strong></p> <p>Footer's post içeriğin sergilendiği bölümden kesin bir farklılıkla ayrılmalı. Okuyucu bunun içeğe ait olmadığını, ona yardımcı olmak için sayfaya eklenmiş olduğunu ilk görüşte anlayabilmeli. Bunun için farklı bir arkaplan rengi kullanmak farklılığı yaratabilmek için ideal yollardan birisidir.<br>Tasarıma başlamadan önce post's footer bölümünde ne istediğinize karar verin. Böylece bu bölgenin çöplük haline gelmesini önlemiş olursunuz ayrıca tasarımınız da daha hoş görünür.<br>Post's footer a koyabileceğiniz en iyi içeriklerden biri "benzer sayfalar" linkleridir. bu okuyucuya ilgilendiği konuyla ilgili daha çok makaleye kolayca ulaşma imkanı sağlar. Kullacının blogda sıkılmadan daha fazla vakit geçirmesi için önemlidir.</p> <p><strong><br>Footer</strong> - taban</p> <p>Pek çok insan footer'ı sadece klasik telif hakkı yazısı için kullanır. Ancak footer sidebar'ı dolup taşırmadan fazladan link verebileceğiniz önemli bir alandır. daha çok secondary navigation linki burada tutulabilir. Ziyaretçiler makaleyi bitirip sayfanın altına indiklerinde sayfa sonuyla karşılaşacaklar. Burası aslında onları blogdaki diğer makalelere yönlendirmek için verimli bir alan olabilir. Buradaki secondary navigation linklerinde popüler makaleler, son makaleler, öne çıkan makaleler gibi farklı dallarda linkler vererek ziyaretçileri sitede yayınlanan diğer ilginç içeriklere gönderebilirsiniz.</p> <p><strong>Mükemmel footer tasarımlarına örnekler </strong></p> <p>1.<a href="http://www.designshack.co.uk/">Desingshack</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/designshack.jpg' alt="desingshack" border="0"><br>desingshack</div><br>Sidebar kullanmadan secondary navigation linklerini footera aktarmayı denemişler. İncelenebilir.</p> <p>2.<a href="http://www.webdesignerwall.com/">Web Desingner Wall</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/webdesignerwall2.jpg' alt="webdesingnerwall" border="0"><br>webdesingnerwall</div><br>Nick sanırım header tasarımına harcıdığı zaman kadar footer da zaman ayırmış. Footer tasarımındaki detaylar dikkat çekici.</p> <p>3.<a href="http://shiflett.org/">Chriss Shiflett</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/shiflett1.jpg' alt="Chriss Shiflett" border="0"><br>Chriss Shiflet</div></p> <p>Gerçekten temiz ve işlevsel bir footer için iyi bir örnek. Tam olarak yapması gerekeni yapıyor.</p> <p><strong>Mükemmel footer tasarımı nasıl yapılır?</strong></p> <p>Footer'ı tasarımın geri kalanına biraz daha karşıt şekilde tasarlayın. Bu kullanıcının footer bölümüne geldiğini ve sayfanın sonuna yaklaştığını hissettirir.</p> <p>Okuyucuların gerçekten nelerden hoşlanacağını tahmin ederek okuyucaları o konulara yönlendirmeye çalışın. Burayı gereksiz bilgilerle doldurmak okuyuculara yardımcı olmaz.<br>Basit ve kullanışlı olmayı burada da sürdürün. Kullanıcıların kolayca algılayabileceği şekilde tasarlayın.</p> <p><strong>Advertisement</strong> - reklam</p> <p>reklamlar pek çok blogger için oldukça önemlidir. Ancak reklamlar çoğu zaman sayfanın korkuç gözükmesine yol açar ve bu kullanıcıların içeriği okuyamamasıyla sonuçlanabilir. Bir süre sonra kullanıcılar sitenizi ziyeret etmeyi bırakacaklardır. <br>Eğer reklamları doğru şekilde yerleştirmeyi başarır ve makaleyi reklamdan daha önde tutmanın yolunu bulursanız bu sorunu ortadan kaldırabilirsiniz. Sitenizi ziyaret etmeye devam eden kullanıcılar da böylece daha çok para kazanmanızı sağlar.</p> <p><strong>Mükemmel reklam bölümü tasarım örnekleri</strong></p> <p>1.<a href="http://www.copyblogger.com/">Copyblogger</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/copyblogger.jpg' alt="copyblogger" border="0"><br>copyblogger</div><br>copyblogger 125*125 boyutlarında oldukça büyük bir banner ı sayfasının üstüne yerleştirmiş fakat sponsorlarımız bölümü altında ve içeriğe dahil olmadığı kolayca ayırt edilecek şekilde konumlandırmış. İçeriği okumada her hangi bir sıkıntı yaratmıyor.</p> <p>2.<a href="http://www.webdesignerwall.com/">webdesingerwall</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/webdesignerwall1.jpg' alt="webdesingerwall" border="0"><br>webdesingerwall</div><br>webdesingerwall standart bir reklam görüntülemiyor. Ayrıca bunu içeriğin yanına eklemiş. ancak içerikle arasında bir ayıraç kullanarak bu reklamın içeriğe dahil olmadığını fark ettiriyor. böylece kullanıcıyı rahatsız etmemeyi amaçlamış.</p> <p>3.<a href="http://www.problogger.net/">problogger</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/problogger.jpg' alt="problogger" border="0"><br>problogger</div></p> <p>problogger kendi logosu yanında standar bir reklam banner'ı kullanıyor. Ancak bu hem logosunun hem de içeriğinin gerisinde kalıyor ve ziyaretçinin dikkatini dağıtmıyor.<br><strong><br>Reklam bölümü nasıl tasarlanır?</strong></p> <p>Eğer blogunuza reklam koymayı düşünüyorsanız, blogunuzun tasarımı daha taslak halindeyken reklamları nereye yerleştireceğinizi tasarlayın. Bu blogunuza daha fazla esneklik kazandıracaktır.<br>reklam vermekte en popüler yöntemlerden biri 125*125 boyutlarında google adsense bannerlerını kullanmaktır. google adsense pek çok farklı boyutta ve şekilde reklam veriyor olsa da 125*125 pixel boyutlarındaki reklamlar sidebar için uygundur.</p> <p>Reklam almadan önce reklamların sitede nasıl görüneceğini anlamak için bir kaç reklam örneği bulup bunları siteye ekleyerek deneyebilirsiniz.<br>Reklamlar görülecek kadar dikkat çekmeli ancak içeriğin önüne geçecek kadar da dikkat toplamamalı. Sidebar reklamları konumlandırmak için en iyi yerlerden birisidir. fakat sidebar'daki navigasyon menülere ulaşımı engellememelidir.</p> <p>Bol tasarımlı günler...</p> <p><em>not: ingilizceden türkçeye çevirileri birebir yapmak yerine yeni cümleler kurdum. Bazı noktalarda ek bilgiler verdim. Bu yüzden bire bir çeviri değildir. Makalenin orijinalini ziyaret ederek orijinali de incelenebilir.</em></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/blog-tasarimi-nasil-yapilir ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 01 Feb 2011 09:08:00 GMT 242762@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/blog-tasarimi-nasil-yapilir cokasi <div class="imajorta"><img src='http://www.bildirgec.org/imaj/cherry blossom girl/wp-2.jpg' alt="\"\"" border="0"><br></div>Blog motor veya CMS, ne demek isterseniz deyin ama şunu kesinlikle söyleyebiliriz ki <a href="http://www.wordpress-tr.com/">WordPress</a> web tasarımcıları için büyük bir araç. Eğer kodlara çok hakim değilseniz ve temalarda gelişmiş şeyler yapmak istiyorsanız bazen çok zor olabilir ve sizi sıkabilir. İşte hepimize yardımcı olabilecek 8 özellik: <p><strong>1. RSS ekleme</strong><br>Eğer <a href="http://www.wordpress-tr.com">WordPress</a> tema kullanıyorsanız, sizde RSS eklemek isteyebilirsiniz. Bunu yapmak için sadece function.php dosyasında aşağıdaki kodları yazmanız yeterli.<br>............................<br><em>function insertThumbnailRSS($content) {<br>global $post;<br>if ( has_post_thumbnail( $post->ID ) ){<br>$content = '<p>' . get_the_post_thumbnail( $post->ID, 'medium' ) . '</p>' . $content;<br>}<br>return $content;<br>}<br>add_filter('the_excerpt_rss', 'insertThumbnailRSS');<br>add_filter('the_content_feed', 'insertThumbnailRSS');</em><br>........<a href="http://cdharrison.com/2009/12/16/the_post_thumbnail-for-rss-feeds/">burada</a>..........</p> <p><strong>2.Önceki ve sonraki yazı başlıkları</strong><br>önceki yazılar ve başlıklar için aşağıdaki kodu kullanabiliriz..<br>............................<br><em><?php previous_post_link('%link »','%title', TRUE); ?><br><?php $prevPost = get_previous_post(true); $prevthumbnail = get_the_post_thumbnail($prevPost->ID, array(150,150) ); echo $prevthumbnail; ?></em><br>............................<br>sonraki yazılar ve başlıklar için aşağıdaki kodu kullanabilirsiniz.<br><em><?php next_post_link('&laquo;&nbsp;%link','%title', TRUE); ?><br><?php $nextPost = get_next_post(true); $nextthumbnail = get_the_post_thumbnail($nextPost->ID, array(150,150) ); echo $nextthumbnail; ?></em><br>........<a href="http://wordpress.org/support/topic/next-amp-previous-post-titles-with-thumbnails">burada</a>........</p> <p><!-- buradan kes --></p> <p><strong>3. WordPress özel aram</strong><br>...<br><strong>4. En iyi 10 yazarın son yazıları</strong><br>Takip ettiğiniz beğendiğiniz yazarların son yazılarını takip etmek isteyebilirsiniz. archive.php ya da kendinizin isimlendirdiği bir dosyaya aşağıdaki kodu eklemeniz yeterli olacaktır.<br>............................<br><em><?php<br>$uc=array();<br>$blogusers = get_users_of_blog();<br>if ($blogusers) {<br>foreach ($blogusers as $bloguser) {<br>$post_count = get_usernumposts($bloguser->user_id);<br>$uc[$bloguser->user_id]=$post_count;<br>}<br>arsort($uc); //use asort($uc) if ascending by post count is desired<br>$maxauthor=2;<br>$count=0;<br>foreach ($uc as $key => $value) {<br>$count++;<br>if ($count <= $maxauthor) {<br>$user = get_userdata($key);<br>$author_posts_url = get_author_posts_url($key);<br>$post_count = $value;<br>echo 'User ID ' . $user->ID . ' ' . $user->user_firstname . ' ' . $user->user_lastname . ' number of posts: ' . $post_count . ' author posts url: ' . $author_posts_url .'';<br>$args=array(<br>'showposts'=>1,<br>'author'=>$user->ID,<br>'caller_get_posts'=>1<br>);<br>$my_query = new WP_Query($args);<br>if( $my_query->have_posts() ) {<br>while ($my_query->have_posts()) : $my_query->the_post(); ?><br><?php endwhile; } } } } ></em><br>........<a href="http://wordpress.org/support/topic/list-of-top-10-authors-in-the-blog-with-some">burada</a>........<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/useair/wplogoblue-stacked-rgb.jpg' alt="\"\"" border="0"><br></div>...<br><strong>5. Rss otomatik olarak içerik ekleme</strong><br>...<br><strong>6. Listede gösterilen yorum sayısı</strong><br>...<br><strong>7. Kenar çubuğunda en çok yorum alan yazıyı gösterme</strong><br>Yazılarınızın daha fazla yorum alması için kenar çubuğunda göstermek güzel bir yol olabilir. Bunun için sidebar.php dosyasına aşağıdaki kodu eklemeniz yeterli olacaktır.<br>............................<br><em><h2>Popular Posts</h2><br><ul><br><?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5");<br>foreach ($result as $post) {<br>setup_postdata($post);<br>$postid = $post->ID;<br>$title = $post->post_title;<br>$commentcount = $post->comment_count;<br>if ($commentcount != 0) { ?><br><li><a href="\"<?php">" title="<?php echo $title ?>"><br><?php echo $title ?></a> {<?php echo $commentcount ?>}</li><br><?php } } ?><br></ul></em><br>........<a href="http://www.wprecipes.com/how-to-display-your-most-popular-content-in-your-blog-sidebar">burada</a>........<br>...<br><strong>8. Excluding Posts from Your WordPress Feed</strong><br>...<br><a href="http://www.designer-daily.com/8-useful-receipes-to-improve-your-wordpress-theme-8824">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/cokasi">cokasi</a> tarafından <a href=" http://www.bildirgec.org/yazi/wordpress-temanizi-gelistirmek-icin-8 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 27 Aug 2010 07:00:00 GMT 239211@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/wordpress-temanizi-gelistirmek-icin-8