Best PS Tutorials TR: Wood (Ağaç) Text Yapımı
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
Önizleme


Hemen başlayalım ve hemen buradan indireceğiniz Arka Plan resmimizi açalım, yine hemen arkasından buradan indireceğiniz fontumuz ilede aşağıdaki gibi ilk yazımızı yazalım, (36 pt - Sharp)




Şimdi yeni bir layer oluşturalım ve hemen arkasından M tuşuna basıp Rectanqular Marquee Tool aracımız ile aşağıdaki gibi bir seçim yapalım (düzgün olması için kenarlardan için 3 er px boşluk kalması önemli) ve içini Paint Bucket Tool ile beyaz renkle dolduralım,




Seçimimizi kaldırmadan srasıyla menüden Select/Modify/Contract tıklayalım ve gelen menüden 12 değerini verelim,




Şimdi Delete tuşu ile içini boşaltalım aşağıdaki sonucu elde etmiş olacağız,



Arkasından yeni bir layer daha oluşturup aşağıdaki gibi bir seçim daha yapıp onunda içini beyaz renk ile dolduralım ve arkasından CTRL+D ile seçimi kaldıralım,



Devam edelim ve sırasıyla Layer 1 ve Layer 2 isimli layerlerimizi CTRL tuşu ile ikisinide seçelim ve CTRL+E ile birleştirelim, (Merge), arkasından yazılarımız içinde aynısını yapalım, yani Layer 1 ve Layer 2 ayrı, yazılarımız ise ayrı olarak birleştirilecek, layer menüsünü aşağıda görüyorsunuz,




Şimdi layer 2 isimli layerimizin ismini Çerçeve olarak değiştirelim ve sırasıyla aşağıdaki efektleri uygulayalım, (Aşağıda gerekli olacak Patterni Buradan indirebilirsiniz)



Bevel efektini uygularken Contour kutucuğunuda dolduruyoruz default ayarları işimizi görüyor,






Çerçeve için aşağıdaki sonucu elde etmiş olmalıyız.



Artık yazılarımızın efektlerinide aşağıdaki gibi uygulamaya başlayabiliriz,








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



Hala devam ediyorsak :D Arka Planımızı CTRL+J ile çoğaltıyoruz ve en üste taşıyoruz,



Bu Arka Plan Copy isimli layerimizin ismini İç Çerçeve olarak değiştirelim, arkasından CTRL+R tuşlarına basarak Rules (Cetvel) ayarlarlarını açalım ve aşağıdaki gibi seçim yapalım, arkasından Delete ile içini boşaltalım, (bu ayarlar Çerçeve isimli layerimizin kenarlarına eşit olmalıdır)



Delete ile içini silince çerçeve ile Arka Plan resimleri aynı olduğu için görünmüyorlar ama efektlerimizi uyguladığımızda teşhir olacaklar,



Sıra geldi bu İç çerçevemizi teşhir etmeye :D Bunun için yazılarımızın birleştirdiğimiz (YAKLAŞMA isimli layer) layerimize sağ tıklayalım Copy Layer Style diyelim ve İç Çerçeve isimli layerimize sağ tıklayarak Paste Layer Style diyelim, sonuç aşağıdaki gibi olmalıdır.



Bu sandık tehlikeli alansa birde kurukafa cuk oturur heralde, bunun için Kuru Kafa yapımını anlatıp dersi uzatmak yerine ben sizler için bir tane hazırladım ve buraya upload ettim indirip kullanabilirsiniz, (isterseniz kendi isteğinize göre Kuru Kafa larda hazırlayabilirsiniz, bunun için yeni bir transparan layer oluşturup Penn Tool ile her parça için şeklini ayrı ayrı çizip içini doldurmanız yeterli)

Neyse ben devam edeyim :D Kuru Kafa isimli PNG resmimizi içeri aldıktan sonra aşağıdaki gibi hizalıyoruz,



Yine daha önce yaptığımız gibi YAKLAŞMA isimli yazı layerimizin üzerine sağ tıklayıp Copy Layer Style diyoruz ve Kuru Kafa isimli layerimize sağ tıklayıp Paste Layer Style diyoruz böylelikle aşağıdaki sonucu elde etmiş oluyoruz,



Ben yukarıdaki resimde örnek olsun diye resmi biraz kaydırdım yani resmin ortasındaki çizgiye dikkat Arka Plandaki çizgi ile aynı hizada olması görsellik açısından önemlidir, aşağıdaki resimde görülüyor.



Finale yaklaşıyoruz ve son olarak buradan indireceğiniz Tüfeğimizide (Custom Shape) ekleyelim ve aşağıdaki gibi yerleştirelim, (ilk eklediğinizde tüfek yönünü değiştirmek isterseniz Edit/Transform/Flip Horizontal yolu ile çevirebilirsiniz) (Custom Shape menüsünü açmak için aşağıdaki resimdeki yolu izleyebilirsiniz, yüklemek için ise, aşağıdaki resmin kenarındaki ok işaretini açarak Load Shapes diyerek yada PS'nin kurulu olduğu dizinin içinde bulunan Preset Klasöründeki Custom Shapes klasörünün içine atabilirsiniz)



Daha sonra yine YAKLAŞMA isimli layerimize sağ tıklayıp layer sitilini kopyalayalıp bu layerimize yapıştıralım, (nasıl yapılacağını yuukarıda anlattım), aşağıdaki sonucu elde etmiş olmalıyız.



Şimdi ise yeni bir layer oluşturup ismini Tüfek Çizgi olarak değiştirelim ve aşağıdaki gibi 1 px genişliğinde bir seçim yapalım ve içini #170D0B rengi ile dolduralım,



Ve Final,
Arkadaşlar çalıştığınız denemelerinizin resmini http://imageshack.us sitesine upload ederek yorum sayfasından linki paylaşabilirseniz bende sevinirim ve bende başka derslerle karşınızda olmak için kendimde nedenler bulmuş olurum, birde hangi dersleri daha sık görmek istediğinizide belirtebilirsiniz :)


Final


Final2

Dersin PSD dosyasını buradan indirebilirsiniz,

Share this post!

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



Your thoughtsz: 

10 Response to "Wood (Ağaç) Text Yapımı"

  1. Anonymous
    Said,

    Teşekkürler güzel çalışma

     

  2. Ben teşekkür ederim, yeni bir ders geliyor, umarım onuda beğenirsiniz, güzel bir logo yapımını anlatmaya çalışıcam :)

     

  3. Anonymous
    Said,

    çok güzel anlaşılır bir çalışma olmuş
    bazı yerlerde zorlandıgım oldu ama sonun da bitirdim

    teşekkürler arkadaşım

     

  4. Çalışmayı bitiren arkadaşımız keşke çalışmanı http://imageshack.us sitesine upload edip burayada ekleseydin sonucu bende merak ettim :)

     

  5. Anonymous
    Said,

    Ellerinize sağlık...
    Bundan sonra bu siteyi bende takip edeceğim.

     

  6. Herzaman bekleriz, yalnız gelirken eliniz boş gelmeyin, buradaki çalışmalarınızı http://www.imageshack.us sitesine upload edip bizimlede paylaşırsanız sevinirim, he bu arada yorumlarınızda isimlerinizide yazarsanız bende sizi daha kolay tanıyabilirim :)

     

  7. Selim Said,

    Bende böyle bir şey yaptım.Daha ilk olduğum için elimden gelen şimdilik bu kadar :)

    [url=http://img39.imageshack.us/i/psworkspace.jpg/][img=http://img39.imageshack.us/img39/6386/psworkspace.th.jpg][/url]

    Birde Apple Navigation Bar yapmıştınız.Onuda yaptım ama birtek hover kaldı.Tek menu kolay olduğu için hover'ı yapmak sorun olmuyor. Ama iş navigation bar olduğunda orada kalıyorum.Okadar araştırmama rağmen istediğim sonucu elde edemedim...PS web tasarlamıştınız,ona bir gözgezdirdim belki orada gösterirsiniz diye.Sanırım göstermediniz yada ben göremedim.Neyse ben ginede bir araştırıyım.Belki bir şeyler bulurum...Çalışma içinse teşekkür ederim,güzel çalışmalar yapıyorsunuz :)

     

  8. Selim güzel çalışma gibi geldi bana gibi dedim çünkü verdiğin linkin küçük halini görebildim linke bağlanmış büyük hali silinmiş gibi görünüyor :)

    Menu ve Navigation çalışmaları aynı zaten pek sorun olmaz, ben daha çok ilgi gören duruma göre ders hazırlamayı uygun görüyorum, bunu yorumlardan ve bana gelen maillerden anlayabiliyorum, o bakımdan diğer konuların üzerine pek eğilemedim ama en kısa zamanda bu dersleride hazırlamayı mutlaka düşünüyorum, ayrıca bende güzel sözleriniz için teşekkür ederim, böyle güzel yaklaşımlar ders hazırlama isteğimin körelmemesi için yeterli olabiliyor :)

     

  9. Selim Said,

    Garip,çalışıp çalışmadığını kontrol etmiştim.Nasıl silindi anlamadım...Tekrar upload ettim umarım bunda bir sorun çıkmaz:

    http://img301.imageshack.us/img301/6386/psworkspace.jpg

     

  10. Tamam şimdi gördüm gayet başarılı eline sağlık, ayrıca paylaştığın içinde teşekkürler :)

     

    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

    -

    -