Best PS Tutorials TR: Vista Logosu ve Wallpaper 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
iPhone dersinin biraz kendilerini kastıklarını söyleyen arkadaşlarımız için daha basit bir ders hazırladım, tabiki bu wallpaper dahada görsel hazırlanabilirdi ama ben mümkün olduğunca en basit hali ile anlatmaya çalıştım umarım faydasını görürsünüz, çalışmalarınızı http://imageshack.us sitesine yükleyip bizimle paylaşırsanız sevinirim, bu arada RSS bağlantımızı ekleyen arkadaşlarımız ders eklendiği anda haberdar olabilirler :) Dersin .psd dosyasını dersin sonunda indirebilirsiniz, herkese iyi çalışmalar. Not: Buraya Mac OS X logo ve Wallpaper Dersi eklenmiştir.

Önizleme


Öncelikle aşağıdaki özelliklerde yeni bir belge açmakla başlayabiliriz, benim ekran çözünürlüğüm 1680x1050 olduğu için bu ölçüleri seçtim sizler kendi ölçülerinizi seçebilirsiniz.




Şimdi bu layerimize sağ tıklayarak Blendig end option ayarlarına geçerek gradient değerlerini aşağıdaki gibi verelim,





Şimdi CTRL+R ile cetvelimizi (Rulers) açalım ve aşağıda oklarla gösterilen yerden yani yukarıdan ve soldan olmak üzere çekerek Arkaplanımızın tam merkezi bulalım, arkasından klavyemizden M tuşuna basarak Elliptical Marquee Tool aracımızı seçelim ve yine aşağıda görüldüğü gibi merkezden bir yuvarlak daiere çizelim, bu daireyi düzgün çizebilmek için maunuzun işareti şu an artı işareti olmalı onu tam merkezdeki iki çizginin birleştiği yere getirerek klavyeden Alt ve Shift tuşuna basarak açarsanız düzgün bir daire çizmiş olursunuz, şimdi alanımız seçili iken G tuşuna basalım ve Paint Bucket Tool aracımız ile içini beyaz renk ile dolduralım,



Şimdi ise CTRL+D ile seçimi kaldıralım ve bu layerimiz seçili iken Filter/Blur/Gaussian Blur efektimizi aşağıdaki değerleri ile girelim (150 px)



Blur efekti eklediğimiz layerimizi CTRL+J ile çoğaltalım ve Opacity değerini %35 e düşürelim,



Şimdi bu üç layeri seçip CTRL+E ile birleştirelim (Merge) daha sonra ismini Arka Plan olrak değiştirelim,



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



Sıra geldi logomuzun arka planını yapmaya, bunun için klavyemizden U tuşuna basalım ve Rounded Rectangle Tool aracımızı seçelim, arkasından aşağıdaki gibi bir seçim yapalım ve devamında Fill değerini %0 değerine düşürelim, layer isminide Logo BG olarak değiştirelim. Not: Seçimin yukarıdan köşeleri yuvarlak olmaması için seçimi Arka Planın üstünden yani bu alanı taşarak yapmalısınız.





Layerimiz kayboldu ama aşağıdaki efektleri ekleyince görür olacak,







Şimdi bu layerimizi CTRL+J ile çoğaltalım, bu işlemin arkasından CTRL+T ile Transform moduna geçelim ve ölçülerinin değerinin bozulmaması için Shift ve Alt tuşlarına aynı anda basılı tutarak aşağıdaki gibi içe doğru biraz küçültelim,



Bu çoğalttığımız Logo BG Copy isimli layerimizin Drop Shadow ve Pattern Owerlay efektlerini göz işaretlerinden kapatalım,



Stroke değerlerini ise aşağıdak igibi değiştirelim,





Sıra geldi Vista Logomuzu yapmaya, ilk olarak bir BG hazırlamamız gerekior bunun için Klayyemizden M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçelim arkasından aşağıdaki gibi Shift ve Alt tuşlarına aynı anda basılı tutarak düzgün bir daire çizelim içinide Paint Bucket Tool ile beyaz renk ile dolduralım, CTRl+D ile seçimi kaldıralım arkasından her zamanki gibi bir isim verelim ve ismini Vista Logo Kenar yapalım, çünkü bu layerimiz logomuzun kenarındaki parlak alanımız olacak.



Şimdi bu layerimizi CTRL+J ile çoğaltalım ve bu layerimizin isminide Vista Logo Merkez olarak değiştirelim, arkasından CTRL+T ile transform moduna geçelim ve aşağıdaki gibi biraz içeri doğru küçültelim bunu yaparken dairenin düzgünlüğünü korumak için Shift ve Alt tuşlarına aynı anda basılı tutarak yapıyoruz unutmayalım :) arkasından seçimi akladırmak için Enter tuşuna basabiliriz.



Şimdi ise alttaki Vista Logo Kenar isimli layerimize aşağıdaki efektleri uygulayarak devam edebiliriz.









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



Şimdi bir üstteki Vista Logo Merkez isimli layerimizin efektlerini aşağıdaki gibi verebiliriz.







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



Logomuzun BG kısmınıda bitirdiğimize göre Vista Logosunun içindeki renkli kısımlara geçebiliriz, bunun için öncelikle yeni bir layer oluşturalım ve ismini 1 olarak değiştirelim arkasından Pen Tool aracımız ile aşağıdaki resimde 1 numara ile belirtilmiş alanda görüldüğü gibi bir şekil çizmemiz gerekiyor, arkasından 2. adımda görüldüğü gibi bu seçimimizin içine sağ tıklayarak Make Seleçtion dememiz gerekiyor ve son olarak 3. adımda bu seçimimizin içini Paint Bucket Tool aracımız ile siyah rengi ile dolduralım.



CTRL+D ile seçimi kaldırdıktan sonra bu layerimize Gradient Owerlay ve Bevel and Emboss değerlerini aşağıdaki gibi girebiliriz,









Şimdi bu layerimizi CTRL+J ile çoğaltalım ismini 2 olarak değiştirelim ve aşağıda görüldüğü gibi hizalayalım, daha sonra içinde barındırdığı efekt değerlerini aşağıdaki gibi değiştirelim,











Devamında yeni bir layer oluşturalım ismini 3 olarak değiştirdikten sonra yine Pen Tool aracımız ile aşağıdaki gibi bir çizim yapalım ve yine içine sağ tıklayıp Make seleçtion diyelim arkasından yine içini Paint Bucket Tool aracımız ile içini siyah renk ile dolduralım,



CTRL+D ile seçimi kaldıralım arkasında Gradient Owerlay ve Bevel and Emboss değerlerini aşağıdaki gibi girelim.







Şimdi yine bu layerimizi CTRL+J ile çoğaltalım ismini 4 olarak değiştirelim ve aşağıda görüldüğü gibi hizalayalım, daha sonra içinde barındırdığı efekt değerlerini aşağıdaki gibi değiştirelim,



Bu son layerimizin efektlerinide şağıdaki gibi değiştirebiliriz artık.





>

Şimdi bu 1,2,3 ve 4 isimli layerlerimizi hepsini seçili hale getirelim , bunun için 1 isimli layere bir kere tıklayarak seçili hale getirdikten sonra Shift tuşuna basılı tutarak 4 isimli layere bir kere tıklamanız yeterlidir arkasından bu seçili layerlerimizi CTRL+E ile birleştirelim (Merge) ismini renkliler olarak değiştirelim,

>

>

Şimdi logomuzu biraz canlandıralım bunun için bu renkliler isimli layerimizi CTRL+J ile çoğaltalım ismini Motion Blur olarak değiştirelim ve bu layerimize Filter/Blur/Motion Blur efektimizi aşağıdaki değerleri ile uygulayalım, devamında Fill değerini %37 ye düşürelim ve Blending Mode ayarınıda Linear Dodge (Add) olarak değiştirelim.

>

>

Şimdi ise Motion Blur isimli layerimizi CTRL+J ile çoğaltalım arkasından CTRL+T ile Transform moduna geçelim ve aşağıda görüldüğü gibi sola doğru biraz çevirelim ışık yönlerini dağıtalım,



Bu kadar parlak bir alanda birazda yansıma olması gerekir bunun için yeni bir layer daha oluşturup ismini Yansıma olarak değiştirdikten sonra klavyemizden M tuşuna basıp Elliptical Marquee Tool aracımıcı kullanıma hazır hale getirelim arkasından aşağıda görüldüğü gibi bir alanı seçelim ve içini Paint Bucket Tool ile beyaz renkte dolduralım,



Blending Mode ayarını Owerlay olarak değiştirdikten sonra Opacity değerini %14 olarak belirleyelim aşağıdaki sonucu elde etmiş olmalıyız.



Layer alanımızı açmak için Logo BG layerimizden en üst layerimize kadar hepsini seçili hale getirelim ve CTRL+G ile gruplayalım isminide Vista Logo olarak değiştirelim,



Şimdi ise aşağıdaki gibi yazılarımızı yazalım (Büyük ihtimal sizler kendi isimlerinizi yazacaksınız biliyorum :D) Fill değerlerini sıfıra düşürdükten sonra aşağıdaki inner Shadow efektini ikisinede uygulayalım,





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



Son olarak Vista Logomuzun arkasında asılı duran BG layerimizin üstündeki vidayı yapmaya, bunun için yeni bir layer oluşturup ismini Vida Alt olarak değiştirelim ve klavyemizden M tuşuna basalım Elliptical Marquee Tool aracımızı aktif edelim ve aşağıdaki gibi bir alanı seçelim (Seçerken düzgün olması için Shift tuşuna basılı tutmayı unutmayalım :) ) ve P tuşuna basarak Paint Bucket Tool aracımızı seçelim arkasından içini beyaz renk ile dolduralım,



Devamında bu layerimizin tam ortasından yani merkezinden yine aşağıda 1 numaralı alanada görüldüğü gibi bir alanı seçelim ve içini Delete ile boşaltalım, arkasından Rectanqular Marquee Tool ile bu boşalan alana kare şeklinde bir seçim daha yapalım ve buranında içini Paint Bucket Tool ile beyaz olarak dolduralım, resimde sırasıyla anlatılıyor.



Devamında bu layerimize aşağıdaki efektleri uygulayabiliriz.











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



Şimdi bu Vida Alt isimli layerimizi CTRL+J ile çoğaltalım, CTRL+T ile Transform moduna geçelim arkasından Shift ile Alt tuşuna aynı anda basılı tutarak aşağıdaki gibi içeri doğru biraz küçültelim,



Oluşan bu Vida Alt copy layerimiz seçili iken M tuşuna basarak Rectangle Marquee Tool aracımız ile aşağıdaki gibi çok ince (1 px) lik bir alanı seçelim ve içini Delete ile boşaltalım.



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



Şimdi halkamızı yapmaya başlayabiliriz bunun için yeni bir layer oluşturup ismini Halka 1 olarak değiştirdikten sonra M tuşuna basalım ve Elliptical Maquee Tool aracımızı seçelim aşağıdaki gibi Arka Planımızın üstünden tutarak aaltına doğru eynı şekli vermeye çalışalım,



Şimdi bu layerimizin Fiil değerini %0 olarak değiştirelim ve Opacity ayarınıda %40 değerine düşürelim.



Devamında aşağıdaki efektleri uygulayalım,





Son olarak bu layerimizide CTRL+J ile çoğaltalım ve aşağıdaki gibi biraz sağa çekerek hizalayalım ve bu derside bitirelim :D



Final


Dersin .psd dosyasını buradan indirebilirsiniz.

Share this post!

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



Your thoughtsz: 

3 Response to "Vista Logosu ve Wallpaper Yapımı"

  1. Tarık Said,

    Merhaba,yaptık ama bir kaç eksik var,bu Patternler neden CS4 'de yok?Olmayan bu Pattern'leri nereden bulabilirim?

    Bu arada bundan önce bir msj göndermiştim,biraz fazla oldu galiba :P

    Neyse,makalelerini beklemekteyim,iyi çalışmalar,kolay gelsin.

     

  2. Merhaba Tarık, pattern ayarlarına girdiğinde orada sağda küçük bir ok görürsün ona tıkla gelen seçeneklerden Patterns olanını seç, kullandığım Pattern'in geldiğini göreceksin, ben genel olarak dışardan pattern yada brush kullanmıyorum ama uzun anlatımlarda pattern yada Brush kullanmışsam kendim hazırlasam dahi direk o şekilde paylaşıyorum zaten, bunu neden yapıyorum çünkü ders uzun olunca birde pattern yapımının ayrıntısını aynı derse ekleyerek dahada uzatmamak için ;)

    Diğer notun için fazla olduğunu düşünmeni doğru bulmadım çünkü hazırladığım derslere gelen yorumlara göre sonraki dersleri hazırlıyorum ben, o bakımdan ne kadar çok yorum gelirse bizde birilerinin faydalandığını anlarız ve yola devam ederiz aksi halde bu derslerin devamı gelmez, istek kalmaz çünkü, iletişim kesilmemeli diye düşünüyorum ;)

    İyi çalışmalar.

     

  3. Tarık Said,

    Evet,iletişim kesilmemeli,iyi çalışmalar ;)

     

    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

    -

    -