?> Web 2.0 Design Header Logo - photoders
Site » Photoshop Dersleri

Web 2.0 Design Header Logo

[ 13 Nis 2008 | 5 Yorum ]

photodersÇalışmamızda Web 2.0 tasarım çalışması yapacağız
[hidepost]
İlk olarak yeni bir çalışma sayfası açalım 475×150 px sayfa üzerinde çalışma yapacağım sizler kendi isteğiniz değerlerde bir sayfa açabilirsiniz.
Marquee aracı ile diktörtgen seçimi yapalım New Adjustment Layer iconuna tıklayalım layer penceresi altında bulabilirsiniz
null
Gradient Editor penceresinden renk ayarlarını yapalım Foreground ve Background renklerimiz siyah beyaz olsun gerekli renk ayarlarını yapalım
null
Sahnedeki görüntümüz
null
Layer>New Fill Layer>Solid Color uygulayalım renk olarak #465081 verelim uygulama sonrası sahnedeki çalışmamız düz renk halini aldı şimdi gradient layerimle birleştirelim Layer> Create Clipping Mask Ctrl + Alt + G layer mode ayarını Color yapalım görüntümüz
null
Type Tool T aracını seçelim yazımızı yazalım yazı layerimizi kopyalayalım kopya layer aslının altına alalım Flip Vertical ters çeviriyoruz. Alt tarafa kaydıralım mask uygulayalım Layer>Layer Mask>Reveal mask üzerine tıklyalaım seçili olsun gradient uygulayalım
null
Gradient Fill 1 layerimiz üzerine gelelim Layer Style icon tıklayalım Outer Glow uygulayalım.
null
Görüntümüz
null
Shape Tool Menüden Polygon Tool. Seçelim
null
Üst menüden gerekli ayarları yapalım (25 uç sayısı oluyor star seçimi yıldız olması için 20% yıldızın derinlik seviyesi olmakta)
null
Renk seçiminide yapalım ve uygulayalım uygulama sonrası layer style gradient overlay uygulayalım
null
İsterseniz değişik style seçeneklerini deneyebilirsiniz.
Final
null
Bir başka örnek
null
Arzu edildiği taktirde PSD dosyasını verebilirim
PSD İndir
[/hidepost]

Etiket:

5 Yorum »

  • BaCKStagE diyor'ki:
    27 Nis 2008 saat 23:24

    Teşekkürler.
    Bakmak istediğim bir konu için psd dosyasını alabilirmiyim?

  • admin (author) diyor'ki:
    28 Nis 2008 saat 00:01

    Psd dosyası eklendi

  • BaCKStagE diyor'ki:
    28 Nis 2008 saat 01:15

    Sağol ustad

  • BaCKStagE diyor'ki:
    08 May 2008 saat 19:38

    Aslında benim istediğim bu başka örnek de olan alt taraftaki uzun çizgilerin yapılışıydı ama o çıkmadı psd den =)

  • admin (author) diyor'ki:
    08 May 2008 saat 20:58

    diğeri ayrı olarak yapmışrım onuda eklerim çizgilerin yapılışı senin merakın sanırım fakat parent hazırlaman gerekir sitede parent hazırlamaya ilişkin dersler mevcut psd istersen eklerim yinede verdiğin linkte ekli dersin notumu aldım kısa süre sonra anlatımını yaparım diğer mesajını unutmuşumdur hatırlatırsan iyi olur

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş