Best PS Tutorials TR: The Fallen Transformers Logo Tutorial
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 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.

Ön izleme - Preview - Click Here Image Full Preview



İlk olarak aşağıdaki özelliklerde yeni transparan bir belge açalım.




Şimdi bu layerimizin kilidine çift tıklayarak kilidini açalım ve ismini Arka Plan olarak değiştirelim, daha sonra BG ve FG renklerimizi ayarlayacağız, BG rengi #000000, FG rengini ise #464E52 olarak ayarlayabiliriz, devamında menüden Filtre/Render/Clouds efektini uygulayabiliriz, ayrıntılar aşağıdaki ekran görüntüsünde görülüyor.



Şimdi yine aynı yoldan yani, Filtre/Render/ seçeneğinden Diffrence Clouds efektinide ekleyelim ve CTRL+F ile bir kere tekrar yapalım, aşağıdaki sonucu elde etmiş olmalıyız.



Devam edelim yine Filter Menüsünden Filter/Noise/Add Noise ayarlarını aşağıdaki gibi verelim, bu efekt daha sonra Lighting efektini uyguladığımızda çok az kabarmış duvar etkisini almamıza yardımcı olacak.



Yine Filter menüsünü kullanacağız bu sefer ise Tiles efektini aşağıdaki ayarları ile uygulayacağız, Filter/Stylize/Tiles. bu efekt duvarmızın dağılmış olmasını sağlayacak.



Şimdi CTRL+F tuş kombinasyonumuz ile bir tekrar daha yaparak dağılma efektini biraz daha arttıralım. Arkasından Filter/Render/Lighting Effects ayarlarını aşağıdaki gibi uygulayarak devam edelim.



Aşağıdaki görünümü elde etmiş olmalıyız.



Şimdi esas oğlanımızı şekillendirmeye geldi sıra :D Bu yakıştırmayı forumumuzdan yöneticimiz cRChasch yaptı, bütün suç onun :D Neyse devam edelim ve buradaki Transformers Shapes.csh.zip dosyasını indirip yükledikten sonra aşağıdaki boyutlarda çalışma alanınıza ekleyin. (Aslında bu şekli Pen Tool ile çizebilirdik ama bu sizleri çok uğraştırırdı o bakımdan ben size hazır paket halinde verdim isteyen çizmeyide deneyebilir :D ) Yüklemek için Costom Shapes penceresini aktif ettikten sonra sağdaki küçük oktan gelen seçeneklerin arasındaki Load Shapes ile yapabilirsiniz ayrıca PS yi kurduğunuz dizindeki Custom Shapes Klasörünede direk atabilirsiniz ama bu sefer eklediğiniz shapesi görebilmeniz için PS yi yeniden başlatmanız gerekir.



Şimdi eklediğimiz bu Shapes dosyasının boyutlarını ayarladıktan sonra üzerine sağ tıklayıp Rasterize Layer Style diyerek resme dönüştürelim ve ismini Alt olarak değiştirelim. Transformers logosunun ilk katmanı olan bu resme aşağıdaki efektleri uygulayarak bize gerekli olan efekti yakalayabiliriz. Bunun için öncelikle buradaki Arka_Plan_www.after-effects.tr.cx.jpg.zip textureyi indirip pattern olarak ayarlamamız gerekiyor, bunu yapabilmemiz için PS de bu textureyi açın ve sırasıyla Edit/Define Pattern uygularsanız ve bir isim verirseniz Patternimiz hazır olmuş olur. (Ben isim olarak TransformersBGPattern ismini verdim)



Şimdi ise yukarıda bahsettiğim efektleri uygulamaya geçebiliriz.















Burada az önce hazırladığımız TransformersBGPattern isimli pattern kullanılacak.







İlk görüntümüz bu şekilde olmalı



Sıra geldi Transormers Logomuzun ikinci katmanına, bunun için Alt isimli Layerimizi CTRL+J ile Çoğaltıyoruz (Dublicate), ismini Burun olarak değiştirelim ve üzerine sağ tıklayarak Clear Layer Style diyerek önceki efektleri kaldıralım, devamında CTRL tuşumuza basılı tutarak bir kere sol tıklayalım, bu layerimizi seçili hale getirecek, devamında Select/Modify/Contract değerlerinide aşağıdaki gibi verirsek ve CTRL+I ile seçimi ters çevirerek diğer kısımları Delete ile silersek istediğimizi elde etmiş oluruz.



Burun kısmımızdaki metal benekler içinde bir pattern daha yapmamız gerekiyor bunu için 8x8 px özelliklerinde yeni transparan bir belge açalım ve %3200 zoom yapalım, devamında Klavyemizden D tuşuna basarak renkleri default haline getirelim çünkü bize siyah bir nokta efekti gerekiyor, devam edelim bu seferde yine klavyemizden B tuşuna basarak Pencil Tool aracımızı seçelim ve aşağıdaki gibi sol üst köşeye bir px ölçülerinde siyah bir nokta ekleyelim.



Şimdi yine sırasıyla Edit/Define Pattern uygularsanız Patternimiz hazır olmuş olur, (Ben bunada Metal Benekler ismini verdim)



Bu patternimizde öncekinde olduğu gibi Pattern efektlerimizin arasına gitti, gerektiği yerde kullanacağız, artık Burun isimli layerimizinde efektlerini aşağıdaki gibi uygulamaya başlayabiliriz.







Burada az önce hazırladığımız Metal Benekler isimli pattern kullanılacak.











Aşağıdak isonucu elde etmiş olmalıyız.



Şimdi Alt isimli Transformers logomuzu tekrar CTRL+J ile Çoğaltıyoruz (Dublicate) en üste taşıyoruz, ismini Alın olarak değiştiriyoruz, devamında CTRL tuşumuza basılı tutarak üzerine bir kere sol tıklıyoruz ve seçili hale getiriyoruz, yine yukarıda yaptığımız gibi sırasıyla Select/Modify/Contract değerini bu sefer 5 olarak verdikten sonra tamam diyoruz, arkasından CTRL+I ile seçimi ters çeviriyoruz istemediğimiz diğer kısımlarıda Delete ile siliyoruz, aşağıdaki sonucu elde etmiş olmalıyız.



Arkasından L tuşuna basarak Lasso Tool ile Burun, Yanaklar ve Çene kısmını dikkatlice seçim içine alalım.



Devamında Delete ilede silelim, bize üst Sağ, Sol ve Alın kısmı gerekli. Not: Erase Tool ilede silebilirsiniz.



Şimdi ise hali hazırda üzerinde olan efektlerden Drop Shadow efektini göz işaretinden kapatalım ve Bevel, Satin, Contour ve Gradient Owerlay efektlerinide aşağıdaki gibi değiştirierek bu nokta içinde istediğimiz efekti yakalamış oluruz. inner Shadow ve Stroke aynı ayarları ile kalabilir.











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



Buraya kadar logonun genel çalışmasını bitirmiş olduk, bundan sonra daha düzenli çalışabilmek için Arka Plan layerimiz hariç bu üç layerimizi Guruplamamız gerekiyor, bunun için bu 3 layerimizi seçili hale getirelim ve CTRL+G ile Gruplayalım isminide Logo olarak değiştirelim.



Şimdi bakışların daha etkili olması için gözlerinin altına siyah alan eklememiz gerekli, bunun için ilk olarak yeni bir layer oluşturuyoruz ve ismini Sağ Göz olarak değiştiriyoruz, devamında Pen Tool ile Sağ Gözün etrafına aşağıdaki seçili alan gibi bir alanı seçiyoruz ve içini Paint Bucket Tool ile siyah renkle dolduruyoruz.



Bu Sağ Göz isimli layerimizide Logo isimli Grubumuzun hemen altına alıyoruzki Göz çevresinin altında kalması gerekiyor. Bu işlemi yaptıktan sonrada Sağ Göz isimli layerimiz seçili iken CTRL+G ile Grupluyoruz ve ismini gözler olarak değiştiriyoruz.



Şimdi bu Sag Göz isimli layerimize Filter/Blur/Gaussian Blur efektinide aşağıdaki değerleri ile verdikten sonra Sağ Göz için işlemimizi bitirmiş oluyoruz.





Sol Göz içinde aynı işlemi tekrarlıyoruz ve gözler ile işimiz bitiyor.



Gözlerlerde işimiz bittiğine göre sıra geldi Transformerimizi Yaralamaya :D bunun için bir kaç çizik ve derin yara izi yeterli olacaktır, bunuda Logo isimli Grubumuzun içindeki Burun ve Alın isimli layerlerimize tek tek işlem yapmamız gerekiyor, ben ilk olarak Alın isimli Layerimize işlem uyguladım, Burun isimli Layerimiz seçili hale getirelim ve Klavyemizden L tuşuna basarak Lasso Tool aracını aktif edelim, arkasından Alın Kısmına soldan sağa yada yukarından aşağı doğru darbir çizgi çizip bırakalım kendisi seçimi otomatik yapacaktır, daha sonra yara izinin ortaya çıkması için seçili alanın içini Delete ile silelim sonucu görelim. Ben ilk darbeyi aşağıdaki gibi verdim :D



Aynı işlemleri tekrarlayarak yer yer biraz büyük yer yer biraz küçük seçimlerle darp izlerini artırabilirsiniz, ben aşağıdaki sonucu elde ettim yani buda Final demek oluyor, herkese kolay gelsin arkadaşlar.

Final - ( en: Click Here Image Full Preview)


Not: Transformers yazı efekti dersini buradan çalışabilirsiniz.
Bu çalışmanın .PSD dosyasını ise buradan indirebilirsiniz.

Share this post!

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



Your thoughtsz: 

9 Response to "The Fallen Transformers Logo Tutorial"

  1. cRChasch
    Said,

    Herzamanki gibi süper bir ders olmuş emeğinize sağlık hocam ;)

     

  2. Teşekkür ederim cRChasch, sen beğendinse güzel olduğuna inanabilirim :)

     

  3. Tarık Said,

    Evet,gine dersi yarıda bırakmak zorunda kaldım :)
    Nedense bir türlü patterni uygulamıyor,daha doğrusu uyguluyor ama bütün stylelerin altıında kalıyor.Nasıl halledicez bu sorunu?

     

  4. Tarık, hangi sıradaki pattern den bahsediyorsun, alt katmanmı üst katmanmı, bu gibi çalışmalarda sıralama önemlidir, tahmin edemedim biraz daha açabilirmisin :)

     

  5. Tarık Said,

    ilk olarak uyguladığımız pattern,normalde uyguluyor,transformers üzerine uyguladığımız ilk stylerin altında kalıyor.

    2. katmana başlamadan önceki Blending Optionlar.

     

  6. Peki benim buraya eklediğim PSD Dosyasına gözattınmı nerede nasıl uygulamışım diye ;)

     

  7. Tarık Said,

    Güzel bir çalışma,evet en baştan bugün tekrar başladım ve dikkatli bir şekilde yapınca daha güzel oldu.Sizinkinede benzemesede aceminin elinden gelen bu :)

    http://img8.imageshack.us/i/fallentransformers.jpg/

    iyi çalışmalar.

     

  8. Tarık bence çok başarılı olmuş, artık acemi sayılmazsın diye düşünüyorum çünkü her çıkardığın sonuç çok başarılı yada en azından daha öncede dediğim gibi elin çok yatkın, bu programı ileride iyi kullanacağından şüphem yok, bunu samimi söylüyorum :)

     

  9. Tarık Said,

    teşekkürler,dediğin gibi olursa çok güzel olacak :)

     

    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

    -

    -