bildirgec.org - TegMenTM - beğendikleri

Photoshop ile fotoğrafımızı Suya yansıtalım!

TegMenTM — Sun, 15 May 2011 08:47:00 GMT

Photoshop ile fotoğrafımızı Suya yansıtalım!

Bu çalışmamızda gerçeğe yakın su yansıması efekti uygulaması yapacağız. Derse başlamadan önce sabırlı olmanızı, dersin sonunda sabrınızın karşılığını alacağınızı belirtmek isterim:)
Çalışmamıza başlayalım.
Öncelikle çalışma yapmak istediğiniz herhangi bir fotoğraf seçin. Eğer elinizde uygun bir fotoğraf yoksa bu bağlantıdaki fotoğrafı bilgisayarınıza kaydedin.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Seçtiğimiz resmi Photoshop programımıza aktaralım. Suya yansımasını istediğimiz alanı seçelim. Seçim için “Polygonal Lasso Tool-Çokgen kement aracı”nı kullanıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Seçtiğimiz alanın bir kopyasını oluşturalım (CTRL J). Daha sonra bu görüntüyü dikey olarak ters çevirelim(Düzen > Dönüştür > Dikey çevir/ Edit> Transform> Flip Vertical)Bu uygulamayı menülerle ya da elle yapabilirsiniz. Bundan sonra bu kopyaladığımız alan üzerinde çalışacağız.

Photoshop ile fotoğrafımızı Suya yansıtalım!

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.

Photoshop ile fotoğrafımızı Suya yansıtalım!

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.
Polygonal Lasso Tool-Çokgen kement aracını kullanarak bahsettiğimiz adayı aşağıdaki gibi seçelim, daha sonra Ctrl Shift J kısayol tuşları ile seçtiğimiz alandan yeni bir katman-layer oluşturalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Bu katmanı aşağı doğru hareket ettirelim. Yani üst alandaki adacığın yansıması olacak şekilde ayarlayalım.
Edit> Transform> Warp/Düzen>Dönüştür>Çarpıt menüsünü kullanarak ince ayar da yapabilirsiniz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

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 “katmanları birleştir” menüsüne tıklıyoruz.
Yansıma olarak belirlediğimiz alana su içindeymiş hissi vermek, o alanı biraz dalgalandırmak için bazı işlemler yapacağız.
Ş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 D’ye tıklayalım. Daha sonra
Filter> Sketch> Halftone Pattern
Filtre> Taslak> Yarı ton desen menülerini takip ederek aşağıdaki ayarları yapalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Aşağıdaki gibi bir görüntü elde etmiş olmalıyız:

Photoshop ile fotoğrafımızı Suya yansıtalım!

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.
Yansıma olarak oluşturduğumuz katmanı seçili iken Select> Load Selection/Seç> Seçimi Yükle menülerini takip ediyoruz ve açılan pencereye tamam diyerek kapatıyoruz. Şimdi ise
Filter> Distort> Ripple/Filtre> Deforme et> Dalgacık menülerini takip ederek açılan pencerede aşağıdaki ayarları yapalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Aşağıdaki gibi bir görüntü elde etmiş olmalıyız:

Photoshop ile fotoğrafımızı Suya yansıtalım!

Şimdi ise
Filter> Distort> Displace
Filtre> Deforme et> Ötele menüsünü kullanalım, açılan pencerede aşağıdaki ayarları yapıp tamam diyelim.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Daha sonra bizden dosya isteyecek program, biraz önce kaydettiğimiz Lines.psd dosyasını seçiyoruz ve tamam diyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Şimdi Ctrl T kısayol tuşlarını kullanarak yansıma resminin boyunu alt taraftan biraz kısaltalım ve Enter tuşuna tıklayalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Şu ana kadar aslında yansımış bir görüntü elde ettik ancak biz bunu daha da geliştirmek istiyoruz.
Öncelikle seçimi yok etmek için Ctrl D kısayol tuşlarını kullanalım. Daha sonra Degrade aracı’nı kullanarak aşağıdaki gibi geçişli bir efekt verelim.

Photoshop ile fotoğrafımızı Suya yansıtalım!

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

Photoshop ile fotoğrafımızı Suya yansıtalım!

Katmanın opaklık derecesini 50% olarak ayarlayalım. Daha sonra
Filter> Blur> Motion Blur
Filtre> Bulanıklaştır> Hareket bulanıklığı
Menülerini kullanarak katmanı bulanıklaştırmak için aşağıdaki ayarları yapıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Aşağıdaki gibi bir sonuç elde etmiş olmalısınız:

Photoshop ile fotoğrafımızı Suya yansıtalım!

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.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Daha sonra renk ayarını açıp renk olarak #022149 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.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Daha sonra
Filter> Blur> Motion Blur
Filtre> Bulanıklaştır> Hareket bulanıklığı
Ayarlarını aşağıdaki gibi yapalım. Su üstüne oluşturduğumuz dalga ve gölgeleri bulanıklaştırıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Son işlem olarak da karıştırma modunu Soft Light/Yumuşak Işık olarak ayarlıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

İşte sonuç. Siz daha iyisini yapmışsınızdır:)

Photoshop ile fotoğrafımızı Suya yansıtalım!

Photoshopstar kaynağından Kerim Sarıgül tarafından tercüme edilmiştir.

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

photoshop'ta yazılara sihirli dokunuşlar

TegMenTM — Mon, 02 May 2011 07:29:00 GMT

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. Şurada gördüğüm bir photoshop 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 linki 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:

çalışmamızın son hali bu şekilde olacak

Başlarken
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.

light diagram

Adım 1
İstediğimiz boyutlarda çalışma sayfamızı açtıktan sonra koyu griden daha koyu griye giden bir gradient oluşturacağız. Bunun için araçlardan “gradient tool” u (kısayol “g”) seçiyoruz. Opsiyonlarda “linear gradient” seçiyoruz. Gradientin bir ucunu koyu gri diğer ucunu daha koyu bir griye ayarlıyoruz.
Resim>gradient

gradient

Adım 2
Şimdi çalışma alanımıza yeni bir layer (katman) ve bu layer’a da bir yazı yerleştireceğiz. Bu yazıda biz “agency fb” 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.
Resim>adım2

2.adımda yazımızın rengi

ADIM 3
Bu adımda yazımıza açıktan koyuya giden bir renk vermeye çalışacağız. Önce “layer” paletinde (açık değilse view>layers yolunu izleyebilirsiniz) yazımızın bulunduğu katmandaki simgeye ctrl 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 gradient paneline girelim ve #495a79 renginden transparana giden bir gradient 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:
RESİM>ADIM3

3.adımda yazımıza gradient uyguladık

ADIM 4
Foreground rengini siyaha çevirelim (kısaca “d”).
Şimdi tekrar yazımızın bulunduğu katmana ctrl 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 aşağı tuş na ve bir kez de sağ ok tuşuna basalım. Ve “alt+backspace” 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 “alt+backspace” 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ı:
Resim>adım4

3 boyutlu yazımız

Adım 5
Şimdi bu oluşturduğumuz gölgenin katmanı seçiliyken ve objemizin seçimini kaldırdıktan sonra (select>deselect yolunu izleyebilirsiniz ya da kısaca ctrl+d) filter>blur>motion blur yolunu izliyoruz -45 derece ve 30px değerlerini girip onaylıyoruz. Ardından katmanımızın özelliğini “multiply” olarak değiştirip opacity’i %40 a indiriyoruz.

multiply ve opacity ayarları

Ve şöyle bir görüntümüz oldu:

bu adımdan sonra ortaya çıkan görüntü

Adım 6
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.

yazının silgiyle temizlenmesi

Adım 7
Şimdi de gölgemize biraz daha çeki düzen vereceğiz. Gölgemizin bulunduğu katman seçiliyken sağ tıklayıp “duplicate layer” tıklayarak katmanı çoğaltıyoruz. “v” tuşuna basarak bu katmanımızdaki öğemizi seçili hale getirdikten sonra shift tuşunu basılı tutarak bir kez aşağı ok tuşuna ve bir kez de sağ ok tuşuna basıyoruz. Katmanımızın özelliğinin “multiply” olduğunu kontrol ediyoruz ve “opacity”i %20’ye ayarlıyoruz. Ve yukarıdaki aynı yolu izleyerek -45 ve 50px değerlerinde “motion blur” uyguluyoruz:

gölge düzenlemesi

Adım 8
Bu adımda diğer bütün katmanların üstünde yeni bir katman daha oluşturuyoruz. Ctrl tuşubasılıyken temel yazımızın bulunduğu katmanın simgesine (thumbnail) tıklayarak seçim alanı oluşturuyoruz. Araçlar paletinden “paint bucket tool”u seçerek bir kez “d” ve bir kez de “x” 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 “del” tuşuna basıyoruz. Ve bu pratik tekniği benim gibi yeni öğreniyorsanız hayran kalıyoruz. Bu katmanımızın “opacity”sini %80’e ayarlayarak parlama efektimize daha gerçekçi bi görünüm kazandırıyoruz. Şimdiki görüntümüz şu:

parlama efektimizin eklendiği yazımız

Adım 9
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.
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:

yatay beyaz çizgilerimiz az sonra ışık hüzmesi olacaklar

Eğer çubuklarınız farklı katmanlarda oluştuysa ctrl tuşunu basılı tutarak tüm bu katmanları seçelim ve sağ tıklayıp “merge layers” seçerek aynı katmanda toplayalım. Ctrl+t tuşlayarak girdiğimiz menuden çubuklarımıza 45 derecelik bir açı verelim. Fakat onaylamadan evvel çubuklarımıza sağ tıklayıp “perspective” seçeneğini tıklayalım. Sonra da çubuklarımızın köşelerindeki tutma noktaları yoluyla biraz perspektif uygulayalım. Benimki şu şekilde:

çizgilerimizin son şekli

Adım 10
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 “overlay”, “opacity”sini %20 olarak değiştirelim. Daha sonra da filter>blur>gaussian blur yolunu izleyerek 6px değerini uyguluyoruz:

ışık çizgilerimiz

biraz daha sıcaklık katmak için küçük bir rötuş yapalım. Işık çizgilerimizin olduğu katmanın simgesine ctrl tuşuna basılı tutarak tıklıyoruz. Layers paletinin alt kısmında bulunan simgelerden “add layer mask” butonuna tıklayarak biraz daha gerçeklik katıyoruz.

Son adım
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 (#9d506c olabilir) dolduralım:

pembe renk de fena değil aslında

Pembe renkle doldurduğumuz katmanımızın özelliğini “color” olarak ve opacity özelliğini de %20 olarak değiştirelim. Bu değişikliklerden sonra arkaplanımız daha sıcak bir görünüme kavuştu.

evet griye göre daha sıcak bir arkaplan

Şimdi de pembe renkle doldurduğumuz katmanın üstünde bir katman daha oluşturalım. Bu katmanı beyaz renkle dolduralım. Filter>render>lighting effects yolunu izliyoruz. Style kısmını “2 o’clock spotlight” olarak değiştirelim. Ancak eğer bilgisayarınıza güvenmiyorsanız bu pencerenin sol altındaki “preview” 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 “overlay” ve opacity özelliğini de %40 olarak değiştirelim.

çalışmamızın son hali

işte bitti!
umarım faydasını görmüşsünüzdür.
photoshopla ilgili daha fazlası için:
» photoshop katmanlarında 5 ipucu

» photoshop'ta hızınızı artıracak 5 ipucu
gibi yazılarımın tümü burada...

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Fontlar Nasıl Türkçeleştirilir ?

TegMenTM — Thu, 05 Feb 2009 10:12:00 GMT

Yabancı fontlarda türkçe karakterler bulunmuyor. Ancak bu fontlara türkçe karakterler ekleyebiliriz.
Öncelikle bir font editörüne ihtiyacımız var. Ücretsiz windows ve linux alternatifleri var ancak ben bu konuyu yeteneklerini yeterli bulduğum FontCreator v5.6 programı üzerinden anlatacağım.

1.Adım

high-logic.com adresinden FontCreator programını yüklüyoruz.
Programda düzenlemek istediğimiz fontu açıyoruz.

düzenlenmesi istenen fontu açıyoruz

2.adım

Şimdi türkçe karakterler daha önceden tanımlanmamışsa yeni karakterler oluşturmamız gerekiyor. Her hangi bir karaktere sağ tıklıyoruz buradan "Add" seçeneğine tıklıyoruz. Eklemek istediğimiz yeni karakter için boş bir kutucuk açılıyor. Bu kutucuğa karakterimizi eklemeden önce kutucuğu tanımlamalıyız. Yani klavyedeki hangi tuşa basında bu kutucuğun bir harf olarak ekranda belireceğini ayarlamalıyız. Bunun için oluşturduğumuz bu boş kutucuğa sağ tıklayarak Properties seçeneğine giriyoruz.

yeni harfimizi tanımlıyoruz

Açılan bu pencerede General sekmesi altında Postscript başlığı içerisindeki Name'e eklemek istediğimiz harfin ismini veriyoruz. Sonra Mappings sekmesine geçerek, mappings alanına yeni bir özellik eklemeliyiz. bunun için mappings penceresinin sağ tarafında bulunan Select butonuna tıklıyoruz.

Örneğin eklemek istediğimiz harf yumuşak g (ğ) olsun. Bu harf Latin Extended-A kategorisinde latin small letter g with breve olarak geçiyor. (Eğer harflerin isimlerini bilmiyorsak windowstaki sistem araçları arasında yer alan karakter eşlem aracından isimlerini öğrenebiliriz.)

ğ harfinin mappings sekmesinde tanımlanması

Harf tanımlama işlemleri bu kadar. Sonra Ok butonlarıyla işlemi tamamlıyoruz . Oluşturduğumuz boş kutucuğun üzerinde harfimize ait genel bir görüntü oluşmuş olacaktır. Ancak harfimiz henüz tasarlanmadı.

Adım 3

Fontu türkçeleştirme işleminin püf noktası burada yatıyor. Anlatım için Amaze isimli fontu kullandım. Bu font standart fontlara benzemiyor. Peki ben ğ harfini nasıl tasarlayabilirim? En küçük bir bozukluk diğer karakterler arasında uyumsuzluk yaratacaktır ve göze hoş gelmeyecektir.

Türkçe karakterlerin tasarımı

Ekleyeceğimiz karakterleri diğer karakterlerden kopyalayabiliriz. Örneğin yine (ğ) harfini fonta ekliyor olalım. Bunun için fontta hali hazırda var olan g harfini kopyalayıp eklemek istediğimiz (ğ) harfine yapıştırıyoruz. şimdi üzerinde bir çizgi eksik bunu da varsa diğer karakterlerden yine kopyala yapıştır yöntemiyle elde edip üzerine ekleyebiliriz. ya da kendimiz bir çizgi çizerek kopya g harfini ğ harfine dönüştürebiliriz. Temel mantık bu. Ben diğer karakterlerden aldığım bir çizgiyi biraz değiştirerek g harfine uygun hale getirdim ve fontta hiç bir bozukluk olmadı.

ğ nin üzerindeki çizgiyi oluşturmak için fonttaki bu karakterden yararlanılabilir.

Aldığım çizgideki bir takım oynamalardan sonra ğ harfini elde etmiş oluyoruz.

ğ harfi oluşturuluyor.

Bu işlemi diğer türkçe karakterler için de uyguluyoruz. ç nin altındaki çengeli s yi ş yapmak için kullanabiliyoruz. Bu ve benzeri eklemeler sonucunda türkçe karaktlerin tamamanını oluşturmak mümkün.
FontCreator programında F5 tuşuyla her an fontu test etmek harfler arasında uyumsuzluk olup olmadığını görmek mümkün. Testlerde de olumlu sonuçlar aldıktan sonra fontu ilgili klasöre yükleyebiliriz. Program bunu bizim için "install font" seçeneğiyle yapabiliyor. Ancak bir hatayla karşılaşma ihtimalimiz var. Bunun sebebi orjinal font dosyasının fonts klasöründe bulunmasından kaynaklanıyor. Önce orjinal fontu sistemden tamamen kaldırmalıyız. İşlem burada bitmiyor . Dilersek fontun ismini de değiştirebiliriz.

Fontun görünen ismini veriyoruz

Programda fonta isim vermek için Tools menüsünden Autonaming... seçeneğine tıklamamız gerekiyor. İsim verdikten sonra diğer detayları olduğu gibi bırakabiliriz.

Detaylar

Adım 4

Fontu ister program aracılığıyla ister elle sisteme yükledikten sonra herhangi bir metin editöründe test edebiliriz. Ben bu makaleyi hazırlarken kullandığım Amaze fontunu bilindik ve türkçe karakter içeren birkaç kelimeyle test ettim.

Sonuç

Fontun sisteme dahil olmasıyla tüm işlemler bitiyor. Tasarımlarınızda başarılar...

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

5 iddialı seo programı

TegMenTM — Tue, 28 Sep 2010 07:00:00 GMT

seo işi önemini yitirmiyor, tam aksine her geçen gün önemi artıyor ve bu amaç için de yeni yeni yazılımlar geliştiriliyor. şimdi bunlardan öne çıkan 5 tanesine kısaca göz atalım:

1 - all-in-one search engine submission: sitenizin arama motorlarında ilk 20'ye gireceğine garanti veriyor. indirme sayfası

2 - seo administrator: sitenizi arama motorları için optimize ediyor, sıralama ile ilgili istatistikler veriyor, linklerin popülerliğini kontrol ediyor, arama motoru sonuçlarını analiz ediyor ve alakalı anahtar kelimeler buluyor. ayrıca site içeriğinizi analiz ederek seo açısından ne durumda olduğunuzu anlamanıza yardımcı oluyor. indirme sayfası

3 - weblink seo: çok sayıda ödül almış, yani kendini bu konuda ispatlamış bir yazılım. indirme sayfası

4 - seo suite: sitenizi ilk 10'a sokmak için, içinde 25'ten fazla araç bulunan kombine bir yazılım. indirme sayfası

5 - seo explorer: ücretsiz ama iddialı. indirme sayfası

yazılarımdan bazıları:

- sexybookmarks

- gravatar

- paypal

- picnik

- türkiye.gov.tr

- bedava

- gmail'de iptal

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımlarınız için 60 bedava el yazısı fontu

TegMenTM — Wed, 15 Dec 2010 08:00:00 GMT

bilgisayarlar ve yazıcılar icat edilmeden önce mektuplar, notlar, dökümanlar, reklamlar ve her şey el yazısıyla yazılıyordu. bugün bile yazarlar ve bazı tasarımcılar ilk taslaklarını el yazısı ile yapıyorlar.

bu yazıda el yazısını başarılı uygulamış birkaç site ve 60 adet el yazısı fontu paylaşacağım.

Maria Grossman
bağlantılarınızı canlandırmak için gerçek resimler koyabilir ve el yazısı fontları kullanarak ilgi çekici ve gerçekçi hale getirebilirsiz. tıpkı maria grossman'ın kişisel web sitesinde kullandığı gibi.

www.mariagrossmann.de

mariska
tasarım üzerine kişiliğinizi yansıtmak için el yazısı fontları ve kişisel seçiminiz renkleri kullanabilirsiniz. marisha.com gibi.

www.marisha.com

neighborhood homework house
çocuklar için organizasyonlar yapan bir kuruluşun websitesi. el yazısı sitenin amacına uygun olarak basit ve çocuksu olarak seçilmiş.

www.neighborhoodhomeworkhouse.org

Bootb
bu tasarımda el yazısı fontu ve güzel seçilmiş renkler bir arada kullanılmış. gayet zekice ve yaratıcı bir site yapılmış.

www.bootb.com

sırada tasarımlarınızda çalışabilmeniz için toplanmış 60 adet el yazısı font var. sağdaki linke tıklayarak fontun adresine, soldakine tıklayarak font yaratıcının diğer fontlarına ulaşabilirsiniz.

1. Jellyka – Estrya’s Handwriting - Jellyka Nerevan

2. Waiting for the Sunrise - Kimberly Geswein

3. Gloria Hallelujah - Kimberly Geswein

4. Throw My Hands Up in the Air - Kimberly Geswein

5. Just Me Again Down Here - Kimberly Geswein

6. One Miguel - Miguel Mojica

7. Kaileen - Kreative Korporation

8. Fineliner Script - Drawperfect

9. Dear Joe Five Casual - JOEBOB graphics

10. Rolina - Rodi de Asis

11. Sue Ellen Francisco - Kimberly Geswein

12. Mari & David - Rodrigo German

13. What Do We Do All Day - Heather T.

14. Relaxed - Sabina Nore

15. Ampersand - Denise Chan

16. Note Book Scribble - Elliott Mariess

17. Never Let Go - Kimberly
Geswein

18. Kids Written - Galdino Otten

19. Sakurachan - Federico Canzian

20. Elizane - Kimberly Geswein

21. Yummah Strawberriez - Wizzah

22. Promised Freedom - Kimberly Geswein

23. Popstar Autograph - Dirt2.com – Andrew2

24. Extrafine - Miko Ramirez

25. Prophecy Script - Tension Type

26. Rose DiFont - JptDesign Studio

devamı ve kaynak için tıklayınız

ayrıca:
30 adet ücretsiz graffiti font
25 Premium Benzeri Bedava Blogger Teması
17 Adet Wordpress Tema Düzenleme Dersi
bütün yazılarım rss

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Kasım 2010'un En Popüler jQuery Dersleri

TegMenTM — Sat, 27 Nov 2010 11:30:00 GMT

Bu ayın en popüler jQuery uygulamalarını sizin için derledik. Kullanıcıların kasım ayında en çok takip ettiği uygulamaları inceleyebilir ve bu uygulamaların tümünü ücretsiz olarak kullanabilirsiniz. Ayrıca bazı jQuery uygulamalarında css3 kullanılarak görsel açıdan zenginlik sağlanmış. Kasım ayının en popüler jQuery dersleri :

Super Ajax Polling

Super Ajax Polling, ajax, php ve mySQL ile yapılan bu anket uygulamasıdır. Eşzamanlı olarak oyunuzu sunucuya kaydeder ve sayfa yenilemesi olmadan sonuçları ekrana yansıtır.

Ajax Domain Checker Application with JQuery and PHP

jQuery ve PHP ile hazırlanan bu muhteşem uygulama ile alan adlarını sayfa yenilemenize gerek kalmadan kısa süre içerisinde kontrol edebileceksiniz.

Colourful rating system

Colourful rating system görsel açıdan oldukça tatmin edici bir oylama uygulamasıdır. CSS3'te kullanılarak yapılan uygulamada derecelere notlar da ekleyebilirsiniz. (1-çok kötü 2-kötü gibi)

Inline Validation With jQuery

Bu uygulama ile kullanıcı form bilgilerini sunucuya yollamadan kontrol edebilirsiniz. Eğer istediğiniz şekilde form yollanmaz ise formun sunucuya gitmesini engelleyebilirsiniz. E-mail ayarı, boş form bırakma gibi özellikleri bulunan uygulama istenilen biçimde kişiselleştirilebilir.

Making an Apple-style Splash Screen

Tutorialzine tarafından yapılan bu jQuery uygulamasını birçok web sitesinde tanıtım ve reklam olarak kullanabilirsiniz. Kullanıcıların aklında kalabilecek bir pazarlama tekniği olabilir.

Hover Slide Effect with jQuery

Hover efekti ile yapılan çok başarılı bir jQuery uygulaması. Galerilerde kullanabilirsiniz veya daha küçük olarak farklı web uygulamalarında işe yarar bir uygulama.

Pull Out Content Panel with jQuery

jQuery ile yapılan bu uygulama ile bir kullanıcının eriştiği içeriğe benzer içerikleri farklı bir şekilde kullanıcılarınıza sunabilirsiniz. Yazının en sonuna gelindiğinde çıkan pencerede reklam yapabilir veya uygulamadaki gibi farklı içerikleri yayınlayabilirsiniz.

Slide-Down Mega Drop-Down Menus with Ajax and jQuery

Farklı bir menü uygulaması olan Slide-Down Mega Drop-Down Menus, kategorili sistemi ve farklı menü anlayışı ile kullanılabilir bir uygulama.

jQuery Validation with Regular Expressions

Görsel açıdan pekiştirilmiş bu uygulamayı form kontrollerinizde kullanabilirsiniz. Harf sınırlaması, e-mail kontrolü, sayı/harf seçeneği gibi farklı seçenekleri mevcut.

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımcı ve web master'lar için onlarca iphone uygulaması

TegMenTM — Mon, 25 Oct 2010 09:31:00 GMT

artık herkes iphone'un telefon olarak adlandırılmaması gerektiğini biliyor. bilgisayar gibi kullanabildiğimiz iphone'un diger mobil cihazlara kıyasla wi-fi baglantısındaki kaliteden bahsetmeye de gerek yok. iphone'u bir bilgisayar haline dönüştüren şeyler ise, ister iş için ister eğlence için yükledigimiz uygulamalar. bu yazımızda bahsedecegimiz ise tasarımcıların işine yarayacak olan iphone uygulamaları.

wordpress

wordpress, iphone'da ücretsiz kullanabilecegimiz, son zamanların en revaçta olan yayınlama platformu olarak geçiyor. wordpress sayesinde sitenize yeni yazılar gonderebilir, tasarı olarak daha önceden kaydettiğiniz ya da yayınlanmış yazılarınızda düzenlemeler yapabilir, resim ekleyebilir, yazım kontrolü yapabilir ve html kodları ile uğraşmadan site tasarlayabilirsiniz. en önemlisi de iphone'daki uygulaması sayesinde tüm bunları ev dışından bilgisayara ihtiyaç duymadan yapabileceksiniz.

photoshop

resimlerinizde değişiklikler yapabildiğiniz bu uygulama iphone kullanıcılarına ücretsiz.

database viewer plus

bu uygulama ile masaüstü bilgisayarınızdaki bir veritabanı ile eşzamanlı bir şekilde çalışabileceksiniz. desteklenen uygulamalar access, excel ve benzeri uygulamalar.

camerabag

resimlere efekt verilebilen bir diğer uygulama da camerabag. resim boyutlandırması, kamera davranışları, kesme, kenarlıkların değiştirilmesi gibi düzenlemeler yapılabiliyor. ücreti ise 1.99 $

1password

şifrelerin ve kullanıcı adlarının yönetilmesine yarayan bu uygulamanın 1 milyondan fazla kullanıcısı bulunuyor. ücreti ise 6.99 $

analytics

iphone'dan google analytics hesabının verilerine ulaşılabilen bu uygulama ile web geliştiricilerinin işleri daha da kolaylaşıyor.

pingdom

web siteleri için bir uyarı servisi hizmeti sunan pingdom ile iphone'dan sitenizin ne kadar kapalı kaldığını ve ulaşılabilirlik durumunu devamlı kontrol edebileceksiniz. buradan bilgilendirici bir bildirgeç yazısına bakabilirsiniz.

goodreader

bu uygulama ile çok büyük boyuttaki pdf ve txt dosyalarını iphone'da okuma imkanı bulabiliyorsunuz. ayrıca pdf içinden sade metni çıkarıp alabiliyor ve metin dosyasına çevirebiliyor. bunun yanında tam ekran okuma gibi güzel imkanlar da sunuyor.

paypal

bilgisayar başında olmadığınız bir anda, birine acilen para göndermeniz gerektiğinde, bu paypal uygulaması iphone ile hizmetinize kosuyor.

photobucket

bu uygulama ile photobucket ortam kütüphanesinde arama yapabilir, resim indirebilir ve albümlerinizi düzenleyebilirsiniz.

evernote

bu uygulama ile hızlı ve kolay bir şekilde notlar, şip şak resimler ve sesli kısa notlar oluşturabileceksiniz. oluşturduğunuz bu notlara ister iphpne'dan, ister bilgisayar yerel disklerinden, isterseniz web'den ulaşabileceksiniz. bu uygulama için de ücret ödemenize gerek yok.

ftp on the go

web sitenize dosya "upload" etmek istediğiniz bir sırada bilgisayar başında değilseniz, bu uygulama da işinize yarayacaktır.

ego

ego ile tek merkezden birkaç siteyi birden takip etmeniz kolaylaşıyor. sitenizin ziyaret sayısı, yapılan yorumlar, twitter'da kaç kişi tarafından takip edildiğiniz gibi bilgilere toplu halde erişebiliyorsunuz. ücret olarak 1,99 $ istenen bu uygulama şunları destekliyor: ember, feedburner, google analytics, mint, squarespace, tumblr, twitter ve vimeo.

dropbox

dropbox en revaçta olan çevrim içi yedekleme hizmetlerinden biri. i̇phone'da kullanabileceğiniz bu uygulama ile dropbox hesabınıza girip, döküman, resim ve video galerinizi görebilirsiniz. bunları sosyal paylaşım sitelerinde paylaşabilir ya da e-posta ile arkadaşlarınıza gönderebilirsiniz. linklerini baska uygulamalarda da kullanabildiğiniz bu uygulama için de ücret istenmiyor.

tweetie

tweetie, farklı özellikleri içinde barındıran güzel bir twitter istemcisi. bu uygulama ile birkaç tane twitter hesabına ulaşabilecek, çevrim dışı bir şekilde çalışabileceksiniz.

blogpress

blogpress, wordpress ve blogspot gibi platformları destekleyen gerçek zamanlı bir uygulama. gönderilerinize birden fazla resim ekleyerek gönderebilir, aynı gönderiyi birden fazla blog'da yayınlayabilirsiniz.

brushes

adından da anlaşıldığı gibi brushes isimli uygulama içinde çok gerçekci birkaç tane fırçayı barındıran bir boyama uygulması. çok basit bir arayüze sahip bu uygulama ile birden fazla katman ile çalısabilir, resimlerinize zoom'un kralını yapabilirsiniz.

source viewer

0.99 $ ücret istenen bu uygulama ile sitelerin html, css ve javascript kaynak kodlarını görebilirsiniz.

imy

bir mysql istemcisi olan bu uygulamayı iphone'da kullanmanın bedeli 5.99 $

iwiki

iphone'dan wikipedia'ya girebileceğiniz bu uygulama 32 farklı dili içinde barındırıyor. bu uygulama ile wikipedia içindeki yazıları iphone'a kaydedebilir ve bu sayede internet baglantısı olmadan yazıları defalarca okuyabilirsiniz. ücreti 1.99 $

touchterm

touchterm isimli bu uygulama ssh terminal uygulamasıdır. bu uygulamanın ücreti ise 3.99$

harvest

zaman planlaması yapabileceginiz bu uygulamayı da artık iphone'dan kullanabileceksiniz.

web developer bible

ücretsiz olan bu uygulamanın içinde rgb renk uzayından hex renk kodlarını çıkarabileceğiniz bir çevirici bulunuyor. sessiz mod hatırlatıcı ve vedic matematik araçları gibi uygulamaları da barındırıyor.
cliqcliq colors

resimlerden renk toplamaya yarayan bu programı 2.99 $ ödedikten sonra kullanabiliyorsunuz.

color expert

içinde çok farklı ve kullanışlı renk araçları bulunduran bu uygulama için 9.99 $ ödemek durumundasınız.

color stream

farklı bir renk aracı olan color stream ile resimlerden kopyaladığınız renk tonları arasında kombinasyonlar yaparak oluşturduğunuz renkleri kaydedebilir, farklı renk paletleri oluşturabilir ve bunları ratinglendirebilirsiniz. bunun için 2.99 $ ödemeniz gerekiyor.

what the font

whatthefont ile internette gezerken rastladığınız güzel yazı tiplerini kolayca tanımlayabileceksiniz. bunun için yapmanız gereken yazı tipinin bir görüntüsünü alıp, uygulamaya bu görüntüyü göstermek. uygulama sizin için yazı tipini tanımlayacaktır.

html colors

bu uygulama ile html renklerini ve kodlarını sayfalarınızda kullanmak üzere kolayca seçebilir ve ön izlemesini yapabilirsiniz.

hex rgb colors guide

rgb ve hex renk kodlarını gösteren bu uygulama site tasarımcılarının, blog yazarlarının veya hobi olarak tasarımla ilgilenen herkesin işine yarayabilir. ücreti ise 1.99 $

read it later

bu uygulama ile web sayfalarını cihazınıza kaydedip sonra vakit bulunca okuyabilirsiniz.

things

bir "yapılacaklar" uygulaması olan bu program ile vaktinizi düzenleyebilirsiniz.

pingle

facebook, twitter, myspace, flickr, friendfeed, delicious, tumblr gibi birçok sosyal paylaşım sitesindeki durumunuzu güncellemeye yarayan bu kullanışlı uygulamanın ücreti 1.99 $

network ping

bu uygulama yerel ağ bağlantısındaki sorunların üstesinden geliyor. "lite" sürümü için ücret istemiyorlar ama normal sürümüne 3.99 $ alıyorlar.

twitterrific

twitterrific, tweet'lerinizi takip etmenizi ve yayınlamanızı sağlayan bir uygulamadır.

tap forms

kullanışlı bir veri tabanı uygulaması olan bu uygulama ile sevdiğiniz siteler hakkında notlar tutabilirsiniz. bunun haricinde banka veya kredi kartı hesap bilgilerinizi ya da daha başka özel bilgilerinizi de saklayabilirsiniz. uygulama içinde tuttugunuz verileri mac veya pc'ye aktarmanızı sağlayan bir de ftp sunucusu barındırıyor.

i want my name

bu uygulama bilgisayara gerek kalmadan iphone'dan alan adı almanızı sağlayan ücretsiz bir uygulama.

mint stats

sitenizi gün içinde veya son saatlerde kaç kişinin ziyaret ettiğini izlemenizi sağlayan ücretsiz bir istatistik uygulaması.

ruler

bu uygulama ile ölçülerini ögrenmek istediginiz bir nesnenin boyutlarını, cihazın ekranını kullanarak elde edebileceksiniz.

full screen web browser

web sayfalarındaki düğmelerin, adres ve durum çubuklarının oluşturduğu karmaşayı, %40 oranında fazladan elde ettiği boşluk ile ortadan kaldırıyor. tam sayfa web hizmet veren bu uygulama 0.99 $ değerinde.

web source viewer

adından da anlaşılacağı gibi sayfaların kaynak kodlarını veren bu uygulama için ücret ödemek zorunda değilsiniz.

byline

rss beslemeleri için kullanabileceğiniz bu uygulamayı kullanmak için google reader hesabınızın olması ve 4.99 $ ödeme yapmanız gerekiyor.

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Google'da Yararlı Parametreler

TegMenTM — Tue, 14 Sep 2010 14:17:00 GMT

Dünyadaki bir numaralı arama motoru olan Google'da değişik parametreler kullanılarak daha yararlı sonuçlar elde edebilmek hiç de zor değil.

Diğer bir deyişle, bir arama yapacağınız zaman açılacak olan sayfanın URL'si, bu yeni aramanın özelliklerine göre yeniden adlandırılacaktır. Bazı kısımları ise kendiniz değiştirip sonuçları yeniden düzenleyebilirsiniz. İşte onlardan bazıları:

# Filetype: Bu parametre ile dosya uzantılarına göre arama yapabiliyorsunuz. Örneğin, ticaret ile ilgili PDF dosyalarına ulaşmak istiyorsunuz. Bunun için Google arama kutusuna;
-------------------------------------
filetype:pdf ticaret
-------------------------------------
yazıp aratmamız yeterli olacaktır.

# Inurl : Web sitelerinin adres kısımlarında arama yapılmasına olanak sağlıyor. Bunun için ise;
-------------------------------------
inurl:ticaret
-------------------------------------
yazabiliriz. Bu sayede içinde "ticaret" geçen tüm siteleri listeyebiliriz.

# Site : Bu özelliği kullanarak istediğimiz web sitesi içinde arama yapabiliriz. Örnek olarak;
----------------------------------------
site:www.milliyet.com.tr ticaret
----------------------------------------
yazıp Milliyet'in içinde yer alan ve "ticaret" kelimesi geçen tüm sayfalara ulaşabiliriz.

# Intitle : Arama yapacağımız anahtar kelimeleri sayfa başlıklarında tarar. Şöyle ki,
------------------------------------------
intitle:ticaret
------------------------------------------
yazdığmızda başlık bilgisinde ticaret olan web sitelerini listeletmiş oluyoruz.

# Allintitle : Tüm anahtar kelimeleri sayfanın başlığında arar.
----------------------------------------
allintitle:ticaret
----------------------------------------

# Link : Bu özellik ile bir web sitesine, hangi web sayfaları tarafından link verildiğini öğrenebiliriz. Mesela,
--------------------------------------------
link:www.bildirgec.org
--------------------------------------------

# Cache : Ulaşmak istediğimiz web sayfasının, daha önceden google'ın önbelleğine alındığı görüntüsünü ekrana getirmemizi sağlar. Kullanım şekli ise,
----------------------------------------
cache:www.bildirgec.org
----------------------------------------

# Related : Bu parametreyi kullanarak, herhangi bir web sayfası ile benzer içerikte yayın yapan siteleri görüntüleyebilriz. Bunun için de,
--------------------------------------
related:www.bildirgec.org
--------------------------------------
örneğini kullanabiliriz.

# Define : Tanımlanmasını istediğiniz kelimeyi aratıyorsunuz. bunun için google arama kutucuğuna örnek olarak;
-----------------------------------------
define:modus vivendi
-----------------------------------------
yazabiliyorsunuz.

# allintext : Sayfa içindeki metinde yazacağınız kelimeyi aratır.
------------------------------------------
allintext:ticaret
------------------------------------------
Bu şekilde yapacağınız aramalar, istediğiniz şeyi bulmanızda daha sağlıklı sonuçlar verecektir.

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İlham Kaynağı Tek Sayfalık Web Tasarımları

TegMenTM — Thu, 22 Jul 2010 10:49:00 GMT

Klasik tasarımların aksine tek sayfalık web tasarımları oldukça ilgi çekici ve kalitelidir. Yapılan yaratıcı örnekler css ve jQuery kullanılarak yapılmış ve görsel açıdan oldukça tatmin edicidir. Aşağıdaki tek sayfa ile sınırlandırılmış tasarımları incelip sizde benzer çalışmlarda bulunabilirsiniz. İlham Kaynağı Tek Sayfalık Web Tasarımları;

Jeroen Homan

haatch creative design

Sirulian Design Studios

Conway Anderson

Daniel Moir

MYM Creative

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

ileri seviye freelance web tasarımcılar için 25 ders

TegMenTM — Fri, 05 Dec 2008 14:12:00 GMT

kaliteli ve anlaşılır içerik bulmak bazen gerçekten zordur. işte bundan yola çıkarak freelancefolder, derin bir araştırma sonrasında, bu uzun listeyi oluşturan gerçekten değerli kaynaklar derlemiş.

Bu yazı TegMenTM tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage