Best PS Tutorials TR: Dark Background ve Pixelate Yazı (text) Efekti
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
Baktım mailden gelen istekler ve Anket'tede Yazı Efektleri isteği önde gidiyor buna sessiz kalamadım hızlıca aşağıdaki gibi bir çalışma hazırladım umarım beğenirsiniz, sayfanın yani dersin sonunda çalışmanın .PSD dosyasını indirebilirsiniz. Bu arada dersleri eklenir eklenmez haberdar olmak isteyen arkadaşlarımız RSS bağlantımızı ekleyebilirler.

Önizleme


Öncelikle 750x220 pixel 72 Resolution özelliklerinde yeni vir belge açalım ve eğer daha önce başka çalışmamızdan dolayı FG ve BG renklerimiz farklı ise klavyemizden D tuşuna basarak renkleri default ayarlarına getirelim, arkasından Filter/Render/Clouds ekleyelim devam edelim ve bu seferde aynı yerde bulunan Difference Clouds ekleyelim ve CTRl+F ile 5 kere tekrarlayalım, aşağıdaki sonucu elde etmiş olmalıyız.




Devam edelim ve aşağıdaki ayarları ile Filter/Stylize/Wind efektini uygulayalım,



Şimdi CTRL+F ile 5 kerede bunu tekrarlayalım, aşağıdaki sonucu elde etmiş olmalıyız.



Şimdi ise Image Rotation/90 CCW Transform efektini uygulayalım ve çalışma alanımızı çevirelim



Şimdi Filter/Sharpen/Sharpen More efektini uyguladıktan sonra yine Filter/Stylize/Wind efektini uygulayalım ve CTRL+F ile 5 kere terarlayalım,



Tekrar Image Rotation/90 CCW Transform efektini uygulayalım ve çalışma alanımızı normal çalışma haline getirelim ve Wind efektini CTRL+F ile 5 kere terarlayarak uygulayalım, aşağıdaki sonucu elde etmiş olmalıyız.



Şimdi elimizde bir adet layerimiz var (Background) bu layerimizi CTRL+J ile çoğaltalım (Dublicate) arkasından bu layerimize Filter/Distort/Polar Coordinates efektini aşağıdaki gibi uygulayalım,



Sonuç


Şimdi bu layerimizide CTRL+J ile çoğaltalım ve Edit/Tramsform/Flip Vertical değerini uygulayarak ters çevirelim hemen arkasından Blending Mode değerini Owerlay olarak değiştirelim aşağıdaki sonucu elde etmeliyiz.



Devamında Background isimli ilk layerimizide CTRL+J ile çoğaltalım ve layerlerimizin en üstüne taşıyalım, devamında Filter/Distort/Polar Coordinates değerinide aşağıdaki gibi uygulayalım,



Bu layerimize CTRL+F ile 12 kere arka arkaya basalım bu işleminin bitiminden sonra Blending Mode değerinide Multiply olarak değiştirelim ve aşağıdaki sonucu elde edelim.



Şimdi ise yeni layer oluşturalım ve ismini Clouds 1 olarak değiştirdikten sonra Filter/Render/Clouds efektini uygulayalım hemen arkasından yine aynı yoldan Difference Clouds efektinide uygulayalım ve CTRL+F tuşlarına 5 kere arka arkaya basarak arka planımıza uygun bir görünümü elde edelim,



Arkasından Blending Mode ayarını Linear Dodge (Add) olarak değiştirdikten sonra Opcity değerinide %36 değerine düşürelim.



Sonuç


Şimdide Filter/Sharpen/Sharpen More efektini uygulayalım ve bu seferde CTRL+F tuşlarına arka arkaya iki kere basalım aşağıdaki sonucu elde edelim.



Şimdi bu Clouds 1 isimli layerimizide CTRl+J ile çoğaltalım ve sadece Linear Dodge (Add) değerini Multiply olarak değiştirelim aşağıdaki sonucu elde edelim.



Şimdi en alttaki Background isimli layerimizin bir üstünde olan olan Background copy isimli layerimizide CTRl+J ile çoğaltalım ve en üste taşıyalım, arkasından Filter/Blur/Gaussian Blur efektini aşağıdaki gibi verelim,



Daha sonra Blending Mode değerini Owerlay olarak değiştirelim ve Arkaplanla işimizi bitirelim yani aşağıdaki sonucu elde edelim tabi öncesinde layer alanımızı açmak için Background layerlerimizin hepsini CTRL yardımı ile seçelim ve CTRL+E ile bileştirelim (Merge)



Sıra geldi yazılarımıza, ilk olarak buradan indireceğiniz fontla aşağıdaki özelliklerde yazımızı yazalım,





Şimdide buradan indireceğiniz benim daha öce hazırladığım daha doğrusu anlatım sırasında yedek almayı unuttuğum resmi indirdikten sonra yazdığımızın yazının üstüne aynen aşağıdaki gibi yerleştirelim aynen dedim çünkü yazımıza gereken dokuları o kısımdan seçtim, siz istediğiniz yerinden seçebilirsiniz ama teknik olarak arka plana uygun dokuları tahmin edebilmeniz gerekir bu daha olumlu sonuç almanızı sağlar,
Resmi aşağıdaki gibi yerleştirdikten sonra bu layerimizin seçili olduğuna emin olalım ve az önce yazdığımız BEST isimli layerimize klavyemizden CTRL tuşuna basılı tutarak bir kere sol tıklayarak aşağıdaki gibi resmimizin bize gerekli olan bölümünü seçili hale getirelim.



Şimdi CTRL+Shift+i ile seçimi tersine çevirelim ve Delete tuşu ile diğer kısımları silelim



Arkasından BEST isimli orjinal yazımızı artık ihtiyacımız kalmadığı için silelim ve resimden oluşturduğumuz yazıya aşağıdaki efektleri uygulayarak devam edelim.







Aşağıdaki sonu elde etmiş olmalıyız



Devam edelim ve bu yazımızın bulunduğu layeri CTRL+J ile çoğaltalım sonrasında üzerine sağ tıklayarak Clear Layer Style komutunu verdikten sonra bu layerimizi efektli olan yazımızın bir altına alalım ve Filter/Blur/Gaussian Blur efektini aşağıdaki gibi uygulayalım,



Şimdi Filter/Pixelate/Mosaic efektimizide yine aşağıdaki değerleri ile uygulayarak devam edelim



Arkasından Filter/Sharpen/Sharpen efektini uygulalım,

Aşağıdaki resimde belirgin görülen ayrıntıyı (beyaz kısım) düzeltmek için Pixelate efektini uyguladığımız layeri aşağı ok tuşu ile iki kere çekelim ve gözü yoran o kısmı yok edelim.



Bu efektin sonucunda Blending Mode değerini Screen olarak değiştirdikten sonra aşağıdaki resimde görülen sorunu düzeltmek için klavyemizden V tuşuna bastıktan sonra layerimizi seçili iken iki kere aşağı ok tuşu ile 2 px aşağı taşımamız yeterlidir arkasından Opacity değerini %62 Fill değerinide 49 olarak değiştirirsek istediğimiz sonucu elde etmiş oluruz, şimdi böyle durumlarda efektlerimiz çok fazla belirgin olmayabilirler ama insan gözünün algılama noktasında göze batmayan ama çok net farkeden anlar vardır bu efekt sonucunda aşırı belirgin olmaması sizi yanıltmasın, renklendirmemizide yaptıktan sonra daha belirgin hale gelecek ve istediğimiz sonucu elde edeceğiz.




Şimdi yukarıda yazdığımız yazı gibi aşağıdaki yazılarımızda yazalım ve son olarak renklendirme işlemlerimize geçelim,



Şimdi yazı layerlerimizin altına ve Arka plan layerlerimizin üstüne yani ikisinin arasına arka planımızı renklendirmek için Curves efektini ekleyelim (Layer/Adjusment Layer/Curves)



Ve aşağıdaki değerleri vererek devam edelim.







Devamında ayını yolda Curves efektini layerlerimizin en üstüne gelecek şekilde bir adet daha ekleyelim ve aşağıdaki değerleri verelim,





Son olarak en üste gelecek şekilde bir adet Layer/Adjusment Layer/Color Balance efektinide verelim ve bu dersimizide bitirelim :D









Final


Dersin .PSD dosyasını buradan indirebilirsiniz.

Share this post!

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



Your thoughtsz: 

0 Response to "Dark Background ve Pixelate Yazı (text) Efekti"

    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

    -

    -