Best PS Tutorials TR: TutsNOW Logo Text Effects v1
468x60 Banner

Golden Aliminium Text Effect

Golden Aliminium Text Effect - designed by haziran

Arkadaşlar merhaba, bu sefer biraz daha basit ve kısa ama yararlı olduğuna inandığım bir ders hazırladım, umarım yararlı olur. Dersi .psd dosyasını dersin sonundaki linkten indirebilirsiniz.

Crease Golden Aliminium Text Effect - by haziran

Logo Text Effect v1

Logo Text Effect Versiyon 1 - designed by haziran

Arkadaşlar merhaba, yine sizler için Logo mantıklı Text Effect dersi hazırladım, umarım işinize yarar. Dersin sonunda .psd dosyasını indirebilirsiniz ama önce çalışmanızı tavsiye ediyorum tabi :) İlk olarak çalışmamızda kullanacağımız Century Gothic Fontumuzu aşağıdan indirelim ve yükleyelim, arkasından Arka Planımız için aşağıdaki özelliklerde yeni bir belge açalım

Logo Text Effect Versiyon 1 - by haziran

Profesyonel Web Site Tasarımı Versiyon 1

Web Site Tasarımı Versiyon 1 - designed by haziran

Bu dersimizde adım adım web sitesi yapacağız, PS de görsel aşamasından tutun, bölümlemesi, CSS ve html kodları dahil herşeyini anlatmaya çalışıcam tabi vaktim olduğu sürece, şimdilik PS kısmını anlattım sonraki aşamada nasıl bölümleyeceğimizi, PS de nasıl export edeceğimizi dahasında Dreamweaver ile nasıl işleyeceğimizi anlatıcam, adresimizi sık kullanılanlarınıza alırsanız ve takip ederseniz tüm gelişmelerden haberdar olabilirsiniz.

Web Site Tasarımı Versiyon 1 - designed by haziran

The Fallen Transformers Logo

The Fallen Transformers Logo - designed by haziran

Arkadaşlar mailden gelen istekler doğrultusunda böyle bir ders hazırlama ihtiyacı hissettim, yine bu derstede herzaman olduğu gibi yeni başlayan arkadaşlarımızı göz önünde bulundurarak anlatmaya çalıştım, umarım beğenirsiniz, hazırsanız başlayalım. Not: Çalışmanın .PSD dosyasını dersin sonunda indirebilirsiniz.

The Fallen Transformers Logo - designed by haziran

iPhone Tasarımı

iPhone Tasarımı - designed by haziran

Sanıyorum bu ders Türkiyede ilk olacak, yalnız bu dersi biraz orta seviye kullanıcılar için anlattım ama yinede yeni başlayacak olan arkadaşlarımızında anlayacağı şekilde anlatmaya çalıştım, eğer çok ince ayrıntılara girecek olsaydım bu ders 2 yada 3 part olarak ancak tamamlanabilirdi, zaten bu haliyle bile 90 ekran görüntüsü aldım yani sabırla çalıştım umarım sizlerde sabırla çalışırsınız :) Dersin .PSD dosyasını dersin sonunda indirebilirsiniz.

iPhone Tasarımı - designed by haziran

Mac OS X Wallpaper Design

Mac OS X Wallpaper Design - designed by haziran

Daha önce Vista Wallpaper ve Logosunun yapımını anlattım ve gelen maillerde Mac Leopard Wallpaperi neden yapmıyorsunuz gibi istekler geldi bende değerlendireyim dedim :) Sonuç olarak yine daha detaylı hazırlayabileceğimiz bu çalışmayı yeni kullanıcılarımızıda düşünerek hazırlamayı uygun gördüm, bunuda herkes yapabilecek hadi başlayalım :) Not: Dersin .psd dosyasını dersin sonunda indirebilirsiniz.

Mac OS X Wallpaper Design - designed by haziran

Askeri Dünya Haritası Wallpaper Design

Askeri Dünya Haritası Wallpaper Design - designed by haziran

Burada Vista Wallpaper ve Logosunun yapımını anlattım ve gelen maillerde Mac Leopard Wallpaperi neden yapmıyorsunuz gibi istekler geldi bende değerlendireyim dedim :) Sonuç olarak yine daha detaylı hazırlayabileceğimiz bu çalışmayı yeni kullanıcılarımızıda düşünerek hazırlamayı uygun gördüm, bunuda herkes yapabilecek hadi başlayalım :) Not: Dersin .psd dosyasını dersin sonunda indirebilirsiniz.

Askeri Dünya Haritası Wallpaper Design - designed by haziran

PC Monitor Design

PC Monitor Design - designed by haziran

Merhaba arkadaşlar bu sefer biraz basit bir çalışma hazırladım, sebebi her zaman düşündüğüm gibi yeni başlayanlarında anlamasını sağlamak, bunu yaparkende farklı çalışmalar hazırlamaya özen gösteriyorum. Dersin .PSD dosyasını anlatımın sonundaki linkten indirebilirsiniz.

PC Monitor Design - designed by haziran

Wood Text Effect v1

Wood Text Effect Versiyon 1 - designed by haziran

Birgün belki kendinize yada şirketiniz için kart bastırmak isteyebilirsiniz, işte bu noktada size fikir olması açısından bir çalışma hazırladım, yalnız baskı için gereken orjinal kart boyutlarında ve özelliklerinde çalışmayacağız çünkü böyle çalışmaları satmaya çalışanları gördüm, şaka gibi değilmi :D neyse devam edelim ve hazırsanız başlayalım :)

Wood Text Effect Versiyon 1 - designed by haziran
Arkadaşlar merhaba, yine sizler için Logo mantıklı Text Effect dersi hazırladım, umarım işinize yarar. Dersin sonunda .psd dosyasını indirebilirsiniz ama önce çalışmanızı tavsiye ediyorum tabi :)

Ön izleme (Preview)



İlk olarak çalışmamızda kullanacağımız Century Gothic Fontumuzu buradan indirelim ve yükleyelim, arkasından Arka Planımız için aşağıdaki özelliklerde yeni bir belge açalım.



Şimdi Layer alanımıza gelen Bacground isimli layerimizin kilidini açmak için sağ tarafında bulunan Kilit işaretine çift tıklayıp açalım, karşımıza gelen diyalog penceresinden ismini Arka Plan 1 olarak değiştirelim. Devamında Gradinet Overlay efekti vereceğiz, ayarlar aşağıdaki ekran görüntüsünde görülüyor.





Şimdi ise Arka Planımıza uygulayacağımız Patternimizi yapmaya geldi sıra. Bunun için 3x3 px özelliklerinde yeni Transparan bir belge açalım ve %3200 kadar zoom yapalımki rahat çalışabilelim. Bu işlemleri bitirdikten sonra klavyemizden D tuşuna bir kere basalım ve renkleri default haline getirelim, daha sonra 1 px olarak ayarladığımız Pencil Tool ile aşağıdaki gibi önce siyah, sonra altına beyaz (beyaz renk için klavyeden X tuşuna basarsak beyazı üste çıkarabilirsiniz) gelecek şekilde birerkere dokunarak işaretleyelim. Arkasından Edit/Define Pattern komutunu uygularsak karşımıza Pattern ismi vereceğimiz diyalog penceresi çıkar, buradan Pattern 1 isimini koruyalım ve ok diyerek çıkalım, bu işlem bize yeni bir Pattern oluşturmamızı sağladı, Blendign Options ayarlarından Pattern seçeneğine giderseniz az önce oluşturduğumuz Patterni görebilirsiniz, birazdan onu Arka Planımız için kullanacağız.





Aşağıdaki sonucu elde etmiş olmalıyız.



Artık ikini Arka Planımızı yapabiliriz, bunun içinde öncelikle Cetvel (Rules - CTRL+R) Çizgilerimizden faydalanabiliriz, (Çizgileri çekebilmeniz için kenarlardaki saysal değerlerin üzerine basılı tutarak sürüklemeniz gerekiyor.) daha sonra klavyemizden U tuşuna basalım ve Rounded Rectangle Tool aracımızı seçelim. Devamında kenarlardan 2 şer cm boşluk kalacak şekilde aşağıda Ekran Görüntüsünde görüldüğü gibi bir alan oluşturalım. Kenarların Oval değeri 10 px ayrıntılar aşağıda açıkca görülüyor.



Devamında aşağıdaki efektleri uygulayalım ve bize istediğimiz sonucu elde edelim.









Arka Plan ile genel olarak işimiz bitti sayılır, öncelikle Foreground rengimizi #45494D olarak ayarlayaım ve sol kenardaki çizgiyi çizmemiz için yine klavyemizden U tuşuna basalım, sol paneldeki araçlarda seçili alana basılı tutarak bu sefer Line Tool aracımızı seçelim, devamında aşağıdaki Ekran Görüntüsünde görüldüğü gibi yukarıdan aşağı yöne bir çizgi oluşturalım. (1 px)



Çizgimizi oluşturduğumuza göre artık yazımızı yazabiliriz, bunun içinde öncelikle T tuşuna basarak Text Tool aracımızı seçelim ve daha önce yukarda verdiğim Century Gothic Reqular fontumuzu seçelim, font rengi çizgimiz ile aynı renk #45494D (Aşağıdaki seçimi birebir yaparsanız çizgiye fazla yapışmaz)



Arkasından aşağıdaki Ekran Görüntüsünde görüldüğü gibi Text Tool aracımız seçili iken çizginin üstüne gidersek imlecin değiştiğini göreceksiniz, işte tam o noktada üzerine bir kere tıklarsanız yazınızı çizgi hizasında (çizgiye yapışık olarak) yazabildiğinizide göreceksiniz. (Ben imlecin Ekran Görüntüsünü alamadım, sebebi Snapshot programımın imleci göstermemesidir, dediğim gibi siz text aracınız seçili iken çizginin üstüne giderseniz imlecin değiştiğini göreceksiniz ve o noktada üzerine tıklamanız gerekiyor ancak o zaman yazınızı yazabilirsiniz, yanlız dikkat etmeniz gereken unsur tıklayacağınız yer doğru yer olmalıdır yani yazının başlaması gereken yer.) Ben adresimizi yazdım, sizde çalışma sırasında benim yaptıklarımın aynısını yaparsanız daha sonra kendinize göre değiştirirsiniz, öncelikle farklı şeyler yapayım derken aklınız karışmasın adına söylüyorum, neyse sonuçta aşağıdaki sonucu elde etmiş olmalıyız.



Bu yazımıza son olarak çok hafif Drop Shadow vereceğiz, dediğim gibi çok hafif olacak ve çokta belli olmayacak ama gözün algılama noktasından bu kaçmaz o bakımdan buna ne gerek vardıki demeyin.



Şimdi Sol Çizgi isimli layerimizi seçili hale getirelim ve üzerine sağ tıklayarak gelen seçeneklerden Rasterize Layer diyelim. Bu işlem Arka Plan 2 dışında kalan bölümleri silebilmemiz için Shape (Şekil) olan layeri Resim layerine dönüştürecektir. Rasterize ettikten sonra yine Sol Çigi isimli layerimiz seçili iken bir alttaki Arka Plan 2 isimli layerimizin Thumbnail kısmına bir kere sol tıklarsan o alanı seçili hale getirebiliriz ama biz Arka Plan isimli layerimizin içini değilde dışını temizlemek istediğimiz için CTRL+SHIFT+I ile seçimi ters çevirmemiz gerekiyor, bu işlemin arkasından Delete ile etrafını temizleyebiliriz.





Yine aynı font ile 9 pt ölçüsünde ve #45494D renginde 2009 yazımızı yazalım devamında sırasıyla Edit/Transform/Rotate 90 CCW komutu ile yazımızın yönünü değiştirelim, daha sonra aşağıdaki gibi hizalarsak son olarak Drop Shadow efekti ile bu işlemimizide bitirelim.





Şimdi Asıl yazımıza sıra geldi. Yine Aynı Fontla #45494D renginde ama bu sefer 12 pt ölçüsünde aşağıdaki gibi örnek yazımızı yazalım. Şimdi burayı yani aşağıdaki sıralamayı dikkatli takip edelim.

1- Yazdığımız TUTSNOW yazımızın layerine çift tıklayalım ve içeriği tümüyle seçili hale getirelim.
2- Mausumuzla sadece NOW kısmını seçili hale getirelim ve indirdiğimiz fontlardan Century Gothic Bold olanını seçerek bu üç harfi kalınlaştıralım.
3- Bu sefer sadece O harfini seçili hale getirelim ve rengini beyaz olarak değiştirelim.

Sonuç olarak bunu elde etmiş olmalıyız.



Çok fazla birşey beklemeyin, bunada sadece Drop Shadow vereceğiz :) (Çalışma sitilimize göre, bazen sadelik üzerinde çok uğraşılmış çalışmalardan daha kaliteli ve cezbedici olabilir.)





Şimdi yazımızın NOW kısmındaki O harfinin hemen altındaki mavi alanı yapabiliriz, bunun için 63 pt değerinde yine Century Gothic Reqular fontumuz ile bir nokta koyalım :) evet bir nokta ama büyükçe bir nokta :D daha sonra layer Nokta layerimizi layer alanımızdan TUTSNOW layerimizin altına taşımamız gerekiyor ki O harifmizin altına götürdüğümüzde O harfimizin altında kalsın, daha sonra Gradient Overlay efektini aşağıdaki ayarları ile verelim.





Aşağıdaki sonucu elde etmiş olmalıyız.



Bu ana kadar beraber aynı işlemleri uyguladıysak son olarak BESTPSTUTORIALS-TR.BLOGSPOT.COM yazımızıda 2.97 pt ve yine #45494D rengimiz ile yazarsak TUTSNOW yazımızın altına uygun olacak. Bu yazımızada sadece bir Drop Shadow yeterli tabi buda final demek oluyor, kolay gelsin arkadaşlar.)



Final


Alternatif Final


.PSD dosyasıTutsNOW_Text_Effects_v1.psd.zip

Share this post!

  • Technorati
  • Google
  • Tweet this
  • Tweet this
  • Tweet this



Your thoughtsz: 

4 Response to "TutsNOW Logo Text Effects v1"

  1. Tarık Said,

    Bitti,fakat bir kaç sorunu uzun yolla çözerek bitirdim :)

    TUTSNOW layerında sadece NOW kısmını seçiyorum,bold dediğimde bütün yazı bold oluyor.Bende tek tek yazarak yaptım.

    NOKTA yı 63 pt yaptığım zaman ortadan kayboluyor.Bende "O" nun içini doldurdum.

    bunlar ufak sorunlar.

    Birde noktanın Gradient Gverlay değerleri yoktu

    sol : #035BAD
    sağ : #0B2B6B

    Gri olan arkalanında Gradient Overlay değerleri yok.

    sol : #FFFFF
    sağ : 837F7F

    nedense çoğu sitedeki çalışmalarda,makaleyi hazırlayan kişi bazı renk değerlerini koymayı unutuyor,çok çalışmaktan mı bilmiyorum ama,nedense bana zevk veriyor :D

    iyi çalışmalar.

    sizinki kadar iyi olmasada elimden gelenin en iyisi bu :

    http://img268.imageshack.us/i/logotexteffect.jpg/

    bu arada,o doldurduğum yerin etrafı tırtıklı,bazı çalışmalarımda buna benzer şeyler oluyor ve bu beni çok rahatsız ediyor.Bu pürüzlü,tırtıklı yerleri nasıl yok edebiliriz?

     

  2. Güzel çalışma çıkarmışsın aslında, bir tek detay O harfinin iç kenarları pürüzlü kalmış, bunu sende farketmişsin zaten, bu yazı katmanlarında olmaz, resim katmanlarında olur, sen noktayı O harfinin içini kapatacak şekilde büyütmek için 63 pt yapmadığını ama içini doldurduğunu söylemişsin, işte bunu yaparken birşeyler olmuş, böyle durumlarda iç yada dış kenarlarda oluşacak, pürüzleri gidermenin iki basit yolu vardır, birincisi ilgili katman seçili iken, sırasıyla Layer/Matting/Defringe uygulaman yeterli gelebilir, bir başkayolda ilgili katman yine seçili iken üzerine CTRL tuşuna basılı tutarak üzerine bir kere tıklarsın ve alan seçilmiş olur, bu noktada Select/Modify/Contract değerini 1 olarak ayarlarsın ve dışta kalan kısımları Delete ile silebilirsin.

    Gradiend Renk dedeğerlerini vermediğimi şimdi farkettim sağol Tarık, belki akşama o Ekran Görüntülerini yeniden upload ederim.

     

  3. Tarık Said,

    yardım için teşekkürler,işime yaradı :)

     


    Diğer Dersleri Arayın

    Bookmark and Share

    Bookmark and Share
    Subscribe

    Google Translate

    Öne Çıkanlar

    Total Tutorials and Comments

    Technorati Favorites

    Add to Technorati Favorites

    My Communities

    Followers

    Blogcatalog Recent Viewers

    Bloxoo Favorites

    FaceBook Page

    Twitter Profilinizi Ekleyin

    Hızlı Yorum Ekle

    Son 5 Yorum

    Son Eklenen 5 Ders

    Etiket Bulutu

    Son Gelenler

    bumerang.hurriyet

    -

    -