http://www.bildirgec.org/ tr-tr 40 bildirgec.org - mentor - beğendikleri mentor <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/mentor">mentor</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 243461@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-gercekci-bir-gozyasi-cizelim mentor <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuviyazibildirgec.jpg' alt="Photoshop'ta Bisküvi Yazı" border="0"><br>Photoshop'ta Bisküvi Yazı</div><br>Bu dersimizde yazılarımıza bisküvi efekti vermeyi öğreneceğiz. Photoshop’u az çok bilenler için ortalama 30 dakika sürecek bir çalışma. <br><strong>1. Adım</strong><br>Programımızı başlatalım ve 2560x1440 рixel boyutlarında bir çalışma sayfası açalım. Daha sonra Layers/Katmanlar alanındaki “Background” katmanına çipt tıklayalım ve açılan pencereye tamam diyelim. Yani katmanımızı üzerinde uygulamalar yapabileceğimiz hale getiriyoruz. Şimdi üst menüden <strong>Layer>Layer Style>Gradient Overlay (Katman>Katman Stili>Degrade Kaplama) </strong>yolunu takip edelim ve açılan pencerede <br>Gradient renklerini- <strong>#fdebc2</strong> ve<strong> #f7efe</strong> ,<br>Gradient stilini – <strong>Radial </strong>olarak ayarlayalım. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi1.jpg' alt="Photoshop'ta Bisküvi Yazı" border="0"><br>Photoshop'ta Bisküvi Yazı</div><br><!-- buradan kes --><br><strong>2. Adım</strong><br>Şimdi istediğimiz bir yazıyı yazalım. Burada istediğiniz yazı stilini kullanabilirsiniz, ancak eğer bizim çalışmamızda kullandığımız yazı stilini <strong>(Cooper Std Black) </strong>kullanmak istiyorsanız <a href="http://www.azfonts.net/load_font/cooperblackstd.html">buradan </a>indirebilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi2.jpg' alt="Photoshop'ta Bisküvi Yazı" border="0"><br>Photoshop'ta Bisküvi Yazı</div> <p><strong>3. Adım</strong><br>Şimdi ise yazı metnimiz için bisküviye ihtiyacımız var. Elinizde bisküvi resmi varsa onlardan birini kullanabilirsiniz. Eğer yoksa internetten bulabilirsiniz ya da bizim çalışmamızda kullandığımız <a href="http://www.kerimsarigul.com/dosyalar/bizkuviresmi.png">bu resmi</a> kullanabilirsiniz. <br>Resmimizi çalışma alanımıza alalım ve yazımızın üstünü kapatacak şekilde uygulayalım. Eğer yazınız çok veya büyükse bisküvi resmi katmanını çoğaltarak yazımızın üstünü tamamen örtmeye çalışalım. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi3.jpg' alt="Photoshop'ta Bisküvi Yazı" border="0"><br>Photoshop'ta Bisküvi Yazı</div></p> <p><strong>4. Adım</strong><br>Katmanlar/Layers alanımızda en son eklediğimiz bisküvi katmanı ve altında da yazı katmanımız mevcut. Şimdi maskeleme işlemini yapacağız. Maskeleme için birkaç yöntem var ancak biz en kolay olanını yapmaya çalışacağız. <br>Önce maske uygulanması gereken alanı seçiyoruz. Biz yazı içerisine uygulama yapacağımıza göre burada dikkatli olmamız gerekiyor, yazı alanının tamamının seçilip seçilmediği önemli. Bu işlemi Shift tuşuna basılı olarak <strong>Magic Wand Toll (Sihirli Değnek Aracı)</strong> ile yazımızın tamamını seçtikten sonra bisküvi katmanına tıklıyoruz ve <strong>Layer>Layer Mask>Reveal Selection (Katman>Katman maskesi>Seçimi göster)</strong> işlemini gerçekleştiriyoruz. 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/biskuvi4.jpg' alt="Photoshop'ta Bisküvi Yazı" border="0"><br>Photoshop'ta Bisküvi Yazı</div></p> <p><strong>5. Adım</strong><br>Şimdi maske katmanımız seçili iken <strong>Filter>Brush Strokes>Sprayed Strokes (Filtre>Fırça darbeleri >püskürtülmüş konturlar) </strong>penceresini açalım. Ayarları aşağıdaki gibi düzenleyelim.<br>Sprayed Stokes Ayarları<br>Stroke Length : 12<br>Spray Radius : 0<br>Stroke Direction : Horizontal<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi5.jpg' alt="Sprayed Stokes Ayarları" border="0"><br>Sprayed Stokes Ayarları</div></p> <p><strong>6. Adım</strong><br>Yine maskemiz seçili iken <strong>Filter>Blur>Gaussian Blur (Filtre>Bulanıklaştır>Gauss bulanıklığı)</strong> menülerini kullanarak açılan pencerede Radius değerini <strong>2 рiхel</strong> yapalım. Bu ayar sizin yazı boyutunuza göre değişebilir. Siz kendiniz göz kararı ile bir değer verebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi6.jpg' alt="Filter - Blur - Gaussian Blur " border="0"><br>Filter - Blur - Gaussian Blur </div></p> <p><strong>7. Adım</strong><br>Şimdi de <strong>Image>Adjustments>Levels (Görüntü>Ayarlamalar>Düzeyler) </strong> penceresini açalım ve ayarları aşağıdaki gibi yapalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi7.jpg' alt="Image - Adjustments - Levels " border="0"><br>Image - Adjustments - Levels </div></p> <p><strong>8. Adım</strong><br>Aşağıdakine benzer bir görüntü elde etmiş olmalısınız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi8.jpg' alt="Photoshop’ta Bisküvi görünümlü yazı" border="0"><br>Photoshop’ta Bisküvi görünümlü yazı</div></p> <p><strong>9. Adım</strong><br>Buraya kadar basit bir maskeleme işlemini yapmış olduk aslında. Bundan sonrası biraz detay ve görüntüyü güzelleştirmek. Yazı alanımızı (Shift + seçim aracı) seçerek seçili alanın bir kopyasını yani yeni bir katman <strong>(Ctrl+Shift+N)</strong> oluşturalım. Daha sonra <strong>Layer>Layer Style>Blending Options</strong> penceresini açalım ve Fill ayarını 0 % yapalım ve aşağıdaki ayarları adım adım uygulayalım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi9.jpg' alt="Blending Options" border="0"><br>Blending Options</div></p> <p><strong>10. Adım</strong><br><strong>Inner Shadow: </strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi10.jpg' alt="Inner Shadow Ayarları" border="0"><br>Inner Shadow Ayarları</div></p> <p><strong>11. Adım</strong><br>Inner Glow:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi11.jpg' alt="Inner Glow Ayarları" border="0"><br>Inner Glow Ayarları</div></p> <p><strong>12. Adım</strong><br>Drop Shadow:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi12.jpg' alt="Drop Shadow Ayarları" border="0"><br>Drop Shadow Ayarları</div></p> <p><strong>13. Adım</strong><br>Katman stilleri uygulandıktan sonra ortaya çıkacak olan görüntü<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi13.jpg' alt="Photoshop’ta bisküvi görünümlü yazı" border="0"><br>Photoshop’ta bisküvi görünümlü yazı</div></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi16.jpg' alt="Photoshop’ta bisküvi görünümlü yazı" border="0"><br>Photoshop’ta bisküvi görünümlü yazı</div> <p><strong>Kaynak:</strong> Bu dersin <a href="http://demiart.ru/forum/index.php?showtopic=168868">Rusçasına buradan</a>, <a href="http://abduzeedo.com/yummy-cookies-typography-photoshop">İngilizcesine ise buradan</a> ulaşabilirsiniz...</p> <p>Yapılan çalışmalardan Örnekler:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi17.jpg' alt="Photoshop’ta bisküvi görünümlü yazı" border="0"><br>Photoshop’ta bisküvi görünümlü yazı</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi18.jpg' alt="Photoshop’ta bisküvi görünümlü yazı" border="0"><br>Photoshop’ta bisküvi görünümlü yazı</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi19.jpg' alt="Photoshop’ta bisküvi görünümlü yazı" border="0"><br>Photoshop’ta bisküvi görünümlü yazı</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kerimsarigul/biskuvi21.jpg' alt="Photoshop’ta bisküvi görünümlü yazı" border="0"><br>Photoshop’ta bisküvi görünümlü yazı</div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mentor">mentor</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ta-biskuvi-gorunumlu-yazi ">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> Sat, 28 May 2011 10:55:00 GMT 243460@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-biskuvi-gorunumlu-yazi mentor <div class="imajsol"><img src='http://www.bildirgec.org/imaj/lazaronnie/2350574456-dc2e2ca4ce.jpg' alt="jQuery" width="260" border="0"></div><a href="http://jquery.com/">jquery</a> <a href="http://www.bildirgec.org/ara/jquery">+</a> çıktığından beri <a href="http://www.kodaman.org/ara/jquery">web</a> siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar <a href="http://www.bildirgec.org/ara/eklenti">eklenti</a>ler bulmak kolay olmuyor. <a href="http://www.bildirgec.org/ara/ücretsiz">ücretsiz</a> olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi. <p>-----------------------------------<br>jquery'nin <a href="http://jqueryui.com/">ui (user interface) projesi </a>kapsamında geliştirmeye tabi bulunan bu uygulama bir <a href="http://www.bildirgec.org/ara/işletim+sistemi">işletim sistemi</a>ninki kadar görsel bir <a href="http://www.kodaman.org/ara/takvim">takvim</a> uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.<br><!-- buradan kes --><br><div class="imajorta"><a href="http://marcgrabanski.com/pages/code/jquery-ui-datepicker"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-ui-datepicker.jpg' alt="1. jquery Hover Sub Tag Cloud " border="0"></a><br>5. jQuery UI Datepicker Project </div><br>----------------------------------------</p> <p>bu kıymetli uygulama ise <a href="http://www.flicker.com">flicker </a>isimli ünlü <a href="http://www.bildirgec.org/ara/fotoğraf">fotoğraf</a> paylaşım sitesinden albümleri alıp sitenizde yayınlamanıza olanak veriyor. resimlerin bulunması ve sayfanıza taşınması sırasında flicker'ın sunduğu <a href="http://www.kodaman.org/ara/api">api</a> hizmetinden faydalanılmış.<br><div class="imajorta"><a href="http://www.projectatomic.com/2008/04/jquery-flickr/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-flickr.jpg' alt="2. jQuery Flickr " border="0"></a><br>6. jQuery Flickr </div><br>-------------------------------------</p> <p>jquery ile istemci tarafında <a href="http://www.bildirgec.org/ara/ön+izleme">thumb</a> (ön izleme) oluştuyrma işini halletmek istiyorsanız bu ufak boyutlu eklenti tam size göre.<br><div class="imajorta"><a href="http://joanpiedra.com/jquery/thumbs/"><img src='http://www.bildirgec.org/imaj/lazaronnie/pic.png' alt="jQuery Thumbs" border="0"></a><br>3. jQuery Thumbs</div><br>-----------------------------------------</p> <p>resimlerinizi kullanışlı bir <a href="http://www.bildirgec.org/ara/animasyon">animatör</a> penceresi içinden sunsaydınız nasıl olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdiği ekran içinde bir sağa bir sola kaydırarak küçücük bir alanda göstermenizi sağlıyor.<br><div class="imajorta"><a href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-image-strip.jpg' alt="4. jQuery Image Strip" border="0"></a><br>2. jQuery Image Strip</div><br>--------------------------------</p> <p>hemen anlaşıldığı gibi bu bir <a href="http://www.bildirgec.org/ara/renk">renk</a> seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sağlıyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediğiniz formatta <a href="http://www.bildirgec.org/ara/renk+kodu">renk kodu</a> verebiliyor. (hex, rgb, hsb vs)<br><div class="imajorta"><a href="http://eyecon.ro/colorpicker/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-color-picker.jpg' alt="5. Color Picker - jQuery plugin " border="0"></a><br>3. Color Picker - jQuery plugin </div><br>--------------------------------</p> <p>sayfanızda sık aranan kelimeleri sunmayı anlıyoruz. peki ya bunları da kategoriler şeklinde yapılandırabilsek? kelimenin üzerine gelindiğinde alt kategorisine dahil bulunan diğer kelimeler <a href="http://www.kodaman.org/ara/pop-up">pop-up</a> içinde görüntüleniyor. böylelikle takdir edersiniz ki azıcık bir yere yüzlerce kelimelik <a href="http://www.kodaman.org/yazi/siteniz-icin-etiket-bulutu-flash">etiket bulutu</a> yerleştirmeniz mümkün oluyor.<br><div class="imajorta"><a href="http://www.noupe.com/css/jquery-hover-sub-tag-cloud.html"><img src='http://www.bildirgec.org/imaj/lazaronnie/tagcloud.jpg' alt="6. jquery Hover Sub Tag Cloud " border="0"></a><br>4. jquery Hover Sub Tag Cloud </div><br>------------------------------</p> <p>geliştiricisinin iddiasına göre bu uygulama mükemmel web formları inşaa etmenize yardımcı oluyormuş. nedir o mükemmel olan derseniz, herhangi bir form elemanına tıkladınız diyelim. bu elemanın dahil olduğu grubu komple parlatıyor. <br><div class="imajorta"><a href="http://www.jankoatwarpspeed.com/post/2008/06/09/Building-a-better-web-forms-Context-highlighting-using-jQuery.aspx"><img src="http://www.jankoatwarpspeed.com/image.axd?picture=WindowsLiveWriter/BuildingabetterwebformsContexthighlighti_BFD3/highlight row_3.png" alt="7. jQuery Flickr " width="350" border="0"></a><br>7. Building better web forms </div><br>-----------------------------------</p> <p>web sitenize giren kişilerin birbirinden haberdar olması ne güzel olurdu değil mi? sayfanızı bir anda kahvehane ortamına çevirmenize yardımcı olan bu uygulamayı php desteği veren sunucunuza yönlendirerek kullanabilirsiniz.<br><div class="imajorta"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-simple-web-based-chat-application/"><img src='http://www.bildirgec.org/imaj/lazaronnie/final.png' alt="8. Web-based Chat Application with PHP and jQuery" border="0"></a><br>8. php ve jquery ile Web tabanlı chat uygulaması</div><br>--------------------------------</p> <p>kategori sisteminizi işletim sistemlerinden aşina olduğumuz dosya seçici ağaç biçiminde sunmak istiyorsanız bu uygulama işinizi görecektir. insanlara alışık olduğu bir <a href="http://www.kodaman.org/yazi/arayüz">arayüz</a> üzerinden içerik sunmak akıllıca bir yöntem olacaktır.<br><div class="imajorta"><a href="http://abeautifulsite.net/notebook_files/58/demo/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-file-tree.jpg' alt="9. jQuery File Tree Demo" border="0"></a><br>9. jQuery File Tree Demo</div><br>-----------------------------------</p> <p>bir çok <a href="http://www.bildirgec.org/yazi/sosyal+platform">sosyal platform</a>dan <a href="http://www.facebook.com">+</a> <a href="http://www.twitter.com">+</a>, özellikle de google'dan aşina olduğumuz otomatik form tamamlama özelliğini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazırlanmış olsa da <a href="http://www.kodaman.org/yazi/json">json</a> formatına uygun olarak veri işaretleyebildiğiniz sürece her türlü <a href="http://www.kodaman.org/yazi/sunucu+tarafli">sunucu taraflı</a> platform ile sorunsuz kullanabilirsiniz.<br><div class="imajorta"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-auto-complete.jpg' alt="10. jQuery plugin: Autocomplete " border="0"></a><br>10. jQuery plugin: Autocomplete </div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mentor">mentor</a> tarafından <a href=" http://www.bildirgec.org/yazi/10-harika-jquery-uygulamasi ">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, 10 Jun 2011 10:35:00 GMT 243459@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/10-harika-jquery-uygulamasi mentor <p><a href="http://feedburner.google.com">feed burner</a>'a derin bir giriş yapalım ve nasıl çalıştığını öğrenerek ne amaçla da kullanabileceğimize bir bakalım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/feed-burner.gif' alt="feed burner" border="0"><br>feed burner</div> <p>feed burner google tarafından satın alınıp ücretsiz olarak internet kullanıcılarının hizmetine sunulan bir servisdir. daha çok webmaster aracı oalrak da anılır.</p> <p><strong>üye olmak:</strong></p> <p>öncelikle google hesabına ihtiyacınız var. <a href="https://www.google.com/accounts/ServiceLogin?service=feedburner&continue=http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmyfeeds">şu</a> adresten giriş yapabilirsiniz. “burn a feed right this instant. type your blog or feed address here:” yazısı karşınızda belirecektir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/feed-burner2.png' alt="feed burner" border="0"><br>feed burner</div><br><!-- buradan kes --><br>yazı giriş kutusuna sitenizin feed adresini girerek sitenizi bu sisteme kayıt edebilirsiniz. www.siteadi.com/feed gibi. "next" tuşuna basınız ve sonraki adıma geçiniz. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/feed-burner3.png' alt="feed burner" border="0"><br>feed burner</div> <p>açılan sayfaya sitenizi hatırlatıcı bir başlık yazabilirsiniz. title bu sisteme giriş yapınca listelenen isimdir. adres ise feedburner.com/adres şeklnde bu servisin adresinden sonra sizin sitenizin adıdır. next diyerek devam ediyoruz.</p> <p>tebrik mesajı ekranı gelir. sizin için oluşturulan link gösterilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/feed-burner4.png' alt="feed burner" border="0"><br>feed burner</div> <p>next e tıklayarak devam ediyoruz. bazı bilgiler gösterilir ama başlangıç seviyesi için gerek yok yine bir sonraki adıma geçebilriz.</p> <p>size sunulan ek seçenekleri işaretleyerek fazladan istatistik bilgisine de sahip olma imkanınız var.</p> <p>şu an itibariyle kayıt işlemi bitmiştir. malesef tr dil desteği yok. şimdi bu sistemdeki bazı bölümleri anlatalım:</p> <p><strong>eadline animator:</strong> sitenizdeki konu başlıklarını çevirir.</p> <p><strong>buzzboost:</strong> iframe ile beslmelerinizi başka sitelerde göstermeye yarar.</p> <p><strong>springwidgets skin:</strong> flash ile rss okumak için</p> <p><strong>pingshot:</strong> yeni giriş yaptığınızda sunucuları haberdar eder.</p> <p><strong>feedcount:</strong> eklediğiniz sitenizin rss akışına kaç kişinin abone olduğunu gösterir.</p> <p><strong>feed burner kodunu siteye ekleme:</strong></p> <p>bu kod ile sitenize gelen insanların mail adreslerini alabilirsiniz. takipçi sayısı gibi bilgileri de ekleyebilirsiniz. önce abonelik kodlarına baklaım:</p> <p>sisteme giriş yapın ve kullanacağınız siteyi seçin. publicize sekmesine gelin. sol menüden email subscriptions menüsünü açın. activate butonuna tılayın. işte kodunuz karşınızda. bu kodu sitenizde istediğiniz yerde kullanabilrsiniz.</p> <p><strong><em>popüler yazılarım:</em></strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/adim-adim-google-analytics">adım adım google analytics</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/adim-adim-google-docs">adım adım google docs</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/evinizden-tv-kanali-kurun">evinizden tv kanalı kurun</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/12-faydasi-bol-wordpress-eklentisi">12 faydası bol wordpress eklentisi</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/mentor">mentor</a> tarafından <a href=" http://www.bildirgec.org/yazi/adim-adim-feed-burner ">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> Sat, 14 May 2011 08:14:00 GMT 243378@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/adim-adim-feed-burner mentor <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/mentor">mentor</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 243377@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ile-fotografimizi-suya-yansitalim mentor <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/mentor">mentor</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 243302@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ile-ipeksi-ciltler mentor <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/mentor">mentor</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 243301@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-pratiklik-adina-birkac mentor <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/mentor">mentor</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 243300@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ta-yazilara-sihirli-dokunuslar mentor <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/mentor">mentor</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 243238@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/adim-adim-google-analytics mentor <p><strong>1 - <a href="http://www.adhood.com/">adhood</a>:</strong> 86 binden fazla yayıncısı bulunmaktadır. kendilerinin geliştirdiği reklam modelleri ve yöntemleri vardır. reklamverenler ve yayıncılar için adserver adını verdikleri güçlü bir altyapısı vardır. internet reklamcılığında toolbarsite reklam modelini geliştirmişlerdir. siteye özgü kategori bazlı reklamlıcık yapılır. adhood, turkticaret.net'in bir parçasıdır. istanbul merkezlidir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/adhood.gif' alt="adhood" border="0"><br>adhood</div><br><!-- buradan kes --><br><strong>2 - <a href="http://www.adtech.com.tr">adtech</a>:</strong> 100 binden fazla web sitesi ile çalışmaktadır ve günlük 100 milyondan fazla reklam gösterimi gerçekleştirmektedir. <p><strong>özellikleri:</strong></p> <p><strong>cpa:</strong> sitenizdeki reklamlara tıklayarak reklama giden kullanıcının üye olması veya alışveriş yapması durumunda size belirlenen miktarın ödenmesi.</p> <p><strong>cpc:</strong> her bir tıklama için ödeme yapılmasıdır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/adtech.png' alt="adtech" border="0"><br>adtech</div> <p><strong>3 - <a href="http://www.adnet.com.tr/">adnet</a>:</strong> adtext, adpop ve adbanner modelleri tıklama başına ödemenin yapıldığı sistemleri vardır.</p> <p><strong>adtext:</strong> reklamlar tıklama adedi üzerinden açık artırma ile ücretlendirlir.</p> <p><strong>adpop ve adbanner:</strong> tıklama adedi üzerinden sabit ücretlendirilir.</p> <p><strong>reklamların 4 farklı çeşit kullanımı vardır:</strong></p> <p><strong>a -</strong> metin</p> <p><strong>b -</strong> görsel + metin</p> <p><strong>c -</strong> flash</p> <p><strong>d -</strong> video</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/adnet.png' alt="adnet" border="0"><br>adnet</div> <p><strong>4 - <a href="http://adpartner.mynet.com/">adpartner</a>:</strong> mynet.com'un reklam servisidir. site içeriğine uygun olarak adklik üyesi reklamveren ve reklam ajanslarının verdiği reklamların gösterilmesini sağlayan sistemdir. tıklama başına para kazandıran bir sistemdir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/adpartner.gif' alt="adpartner" border="0"><br>adpartner</div> <p><strong>5 - <a href="http://www.reklamstore.com/">reklamstore</a>:</strong> minimum işlem maliyetleri ile maksimum faydaya ulaşılabilecek reklam platformlarından biridir. çok sayıda reklam seçeneği vardır. yayıncılar reklam alanları için talep ettikeleri fiyatları belirleyebilirler. ödeme konusunda güvenlik amacıyla, kredi karıtyla yapılan ödemelerden sonra sunucudan kart bilgileri silinir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/reklamstore.jpg' alt="reklamstore" border="0"><br>reklamstore</div> <p><strong>6 - <a href="http://www.google.com/adsense">adsense</a>:</strong> google'nin reklam servisidir. dünya da en çok kullanılan servistir. <a href="https://adwords.google.com.tr">adwords</a> ile verilen reklamların yayınlanmasını yapan sistemdir. gmail hesabınızla giriş yapabilirsiniz. içerikle alakalı reklamlar görüntüleyerek gelir elde etmenizi sağlayan ücretsiz bir programdır. geçerli tıklamalar veya gösterimlerden kazanç elde edebilrsiniz. ayrıca, özel bir arama motorunu sitenize kolaylıkla ekleyerek arama sonucu sayfalarındaki reklamlardan da kazanç elde edebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/silver530/adsense.gif' alt="adsense" border="0"><br>adsense</div> <p><strong><em>popüler yazılarım:</em></strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/masaustunuzu-internete-tasimaya-ne-dersiniz"><strong>masaüstünüzü internete taşımaya ne dersiniz?</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/en-iyi-10-medya-oynatici"><strong>en iyi 10 medya oynatıcı</strong></a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/7-puf-nokta-ile-hitinizi"><strong>7 püf nokta ile hitinizi artırın</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/mentor">mentor</a> tarafından <a href=" http://www.bildirgec.org/yazi/siteniz-icin-reklam-platformlari ">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, 24 Apr 2011 06:23:00 GMT 243237@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/siteniz-icin-reklam-platformlari