Best PS Tutorials TR: November 2008
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, dersin PSD dosyasını sayfanın altından indirebilirsiniz.



Adım1: 700x300 px, 300 Resulotion, Arka Planı siyah olan yeni bir belge açalım ve hemen "Gradient Overlay" efekti ile devam edelim.


Gradient Overlay


Gradient Editor


Adım 2: Şimdi yeni bir layer oluşturalım ve aşağıdaki ayarları uygulayarak devam edelim ve işlemlerin sonunda "Blendig Mode" ayarını "Pin Light" olarak değiştirelim, daha sonra bu iki layerimizi seçip "Ctrl+E" ile birleştirelim, Gerekli olan "Pattern"i buradan indirebilirsiniz.

Pattern


Color Overlay


Arka Plan Final


Adım 3: Şimdi yeni bir layer oluşturalım ve arka planının rengini "#232722" olarak ayarlayalım ve "M" tuşuna basarak aşağıdaki gibi bir seçim yapalım, (Seçim boyutu: 430x75)

Orta Bölüm Seçimi


Daha sonra bu seçimi tersine çevirmek için "Ctrl+Shift+i" tuşuna basalım ve "Delete" tuşu ile silelim, aşağıdaki gibi bir sonuç çıkacak,

Orta Bölüm Seçimi Sonuç


Şimdi bu layerimize aşağıdaki ayarları sırası ile uygulamaya devam edelim,

Drop Shadow


Bevel and Emboss


Contour


Gradient Overlay


Gradient Editor


Pattern


Satin


Ve sonuç aşağıdaki gibi olmalıdır.

Orta Bölüm Sonuç


Adım 4: Şimdi oluşturduğumuz orta bölüme "#1B1D1D" renginde yazımızı yazalım, ben deneme amaçlı olarak "VESTEL" yazdım ama Vestel'in logosu ile uzaktan yakından alakası yok belki sponsor olur bize :D) neyse şaka bi tarafa yazımızın özellikleri aşağıdaki gibi olursa seçimimize uygun olur,

Yazı Özellikleri


Yazı Görünüm


Adım 5: Şimdi bu yazımızın layerine sağ tıklayıp "Rasterize Type" seçelim ve hemen arkasından "M" tuşuna basalım ve "Rectanqular Marquee Tool" aracımız ile aşağıdaki gibi "L" harfimizin ucunu seçelim daha sonra "Ctrl+T" tuş kombinasyonu ile "Transform" moduna geçelim aşağıdaki gibi uzatalım,

Yazı Seçimi


Ve işlemimiz bittikten sonra "Enter" ile onaylayalım daha sonra seçimide kaldırmak için "Ctrl+D" tuşuna basalım ve sırasıyla aşağıdaki adımları uygulayalım,

DropShadow


İnner Shadow


Outer Glow


Bevel and Emboss


Contour


Gradient Overlay


Gradient Editor


Stroke


Yazımızın Final'i


Adım 6: Şimdide "#6F7B6A" renginde aşağıdaki gibi yazılarımızı yazalım,

Diğer Yazılar


Şimdi bu yazılarımızın üçünede aşağıdaki ayarları verelim,

Drop Shadow


Bevel and Emboss


Ve sonuç aşağıdaki gibi olmalıdır, kolay gelsin herkese.

Final


Dersin PSD dosyasını buradan indirebilirsiniz.

Share this post!

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

Devamını okuyun...
Your thoughtsz: 
Önizleme- Tutorialin PSD dosyasını sayfanın altından indirebilirsiniz


Adım 1: Öncelikle 1000x700 px 300 Resolution ve CMYK özelliklerinde yeni bir transparan belge açalım ve arkasından derste kullanacağımız buradaki iki resmi import edelim ve sürükle bırak mantığıyla yeni layerimizin üstüne bırakalım, daha sonra soldaki resim üstte olacak şekilde aşağıdaki gibi yerleştirelim.


Resimleri Hizalama


Adım 2: Daha sonra arka planı beyaz olan yeni bir layer daha oluşturalım ve "View\Show\Grid" görünümünü aktif edelim ve klavyemizden "M" tuşuna basarak "Rectanqular Marquee Tool" aracını seçelim ve aşağıdaki gibi çalışmanın tam orta kısımdan düzgünce yukarıdan aşağıya doğru seçim yapalım ve "Ctrl+Shift+i" tuş kombinasyonları ile bu seçimi tersine çevirelim daha sonra "Delete" ile diğer kısımları silelim, sonra "Ctrl+D" ile seçimi kaldıralım.

Orta Kolon Seçimi


Daha sonra oluşturduğumuz bu kolonu yukarıda ve aşağıdan daha sonra vereceğimiz efektlerde border oluşmaması için "Ctrl+T" ile transform moduna geçelim ve yukarıdan ve aşağıdan olmak üzere biraz çekelim, "Alt" tuşuna basarak yukarıdan çekerseniz aynı anda iki uçta hareket eder,

Orta Kolon Boyutlandırma


Daha sonra bu orta kolonumuz seçili iken "Gradient Overlay" ve "Stroke" verelim ayarları ise aşağıdaki gibi uygulayalım,

Orta Kolon Overlay Değeri


Stroke Değeri


Daha sonra "Opacity" değerini "%25" yapalım,

Opacity


Sonuç Böyle Olmalıdır


Adım 3: Daha sonra aşağıdaki gibi sağ resim alanına yazımızı yazalım ve hepsine "Drop Shadow" verelim,

Yazılar Görünüm


Drop Shadow


Adım 4: Bu işlemimiz bittikten "Orta Kolon" layerimizi "Dublicate" edip "Ctrl+T" tuşuna basalım ve aşağıdaki resimdeki gibi tam yazının üstüne gelecek şekilde döndürelim ve boyutlandıralım,

Yazı Üstü Şeffaf Kaplama


Yukarıdaki işlemi geri kalan diğer yazılarımızı içine alacak şekilde tekrarlayalım ve yazılarımızın renkelrini belirleyelim, (AFTER EFEFTS PR,PS,PR kısmı için renk kodları "#f7931e" - BİLGİ PAYLAŞIM FORUMLARI ve WWW.AFTEREFFECTS.TR.CX için "#e1bc73" yapalım) ve son olarak WWW.AFTEREFFECTS.TR.CX yazımızın "Opacity" değerini "%75" yapalım

Sonuç aşağıdaki gibi olmalıdır


Adım 5: Şimdi orta kolonu bir kere daha "Dublicate" edelim ve sol resmin üstüne çekip orada aşağıdaki boyutlandıralım, bu işlem bittikten sona layerine "Ctrl" tuşuna basılı tutarak bir kere sol tıklayalım ve seçili hale getirelim, daha sonra "Select\Modify\Contract" seçelim değerini ise "3 px" verelim,

Contract Değeri


Sonuç aşağıdaki gibi olmalıdır


Şimdi "Ctrl+Shift+i" ile seçimi ters çevirelim ve "Delete" ile silelim, devamında bu oluşturduğumuz çizgiye aşağıdaki ayarları verelim,

Bevel and Emboss


Gradient Overlay


Sol Resim Üstü Border Sonuç


Adım 6: Şimdi sol kolonun üstteki çizgisinin üstüne "AFTER EFFECTS" yazımızı yazalım ve klavyemizden "M" tuşuna basarak "Rectanqular Marquee Tool" aracını seçelim devamında yazımızı aşağıdaki gibi düzgünce seçelim

Sol Resim Üstü Yazı Seçimi


Ve "Ctrl+Shift+i" ile seçimi ters çevirelim arkasından "Delete" ile silelim sonra "Ctrl+D" ile seçimi kaldıralım.

Sol Resim Üstü Yazı Sonuç


Daha sonra "Drop Shadow" efekti uygulayalım,

Drop Shadow


Daha sonra yazımızın hemen altına "BİLGİ PAYLAŞIM FORUMLARI" adı altında bir yazı daha yazalım ve "Opacity" değerini "%50" yapalım, aşağıdaki gibi bir sonuç elde ederiz.

Sol Taraf Üst Yazı Sonuç


Ve ilk Genel Görünüm


Adım 7: Şimdi sol tarafa "BİLGİ PAYLAŞIM FORUMLARI" yazısın altına bir kaç boşluk bırakarak tasarımımızla alakalı uygun yazılarımızı girelim,

Yazılı Genel Görünüm


Adım 8: Daha sonra klavyemizden "T" tuşuna basarak "Vertical Type Tool" aracını seçerek orta kolonumuzada yazımızı yazalım,

Orta Kolon Yazı


Adım 9: Devamında sol resim isimli layerimizden üstte bahsetmiştim üstte olsun diye şimdi bu layerimizi seçip "Stroke" efekti verelim,

24- Stroke


Adım 10: Son olarak "Resim1 ve Resim2" layerimizin ikisini "Ctrl" yardımı ile seçerek "Ctrl+E" ile birleştirelim ve renklerimizi biraz daha çanlandırmak için "Level" verelim,

25- Level


Sonuç aşağıdaki gibi olmalıdır.

Final

Dersin PSD dosyasını buradan indirebilirsiniz

Share this post!

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

Devamını okuyun...
Your thoughtsz: 

    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

    -

    -