?> Web-2.0 Button - photoders
Site » Photoshop Dersleri

Web-2.0 Button

[ 16 Nis 2008 | 3 Yorum ]

photodersWeb sitenizde kulanmak üzere buton hazırlayalım
[hidepost]
İlk olarak çalışma sayfası açalım rectangle tool aracı ile sahneye dikdörtgen çizelim.
null
Gradient Overlay uygulayalım
null
Drop Shadow
null
Stroke
null
Görüntümüz
null
Butonunumuz seçili devam ediyoruz select>Modify>Smooth Radius 3 px verelim.Custom Shape Tool seçelim shape panelden Grass2 seçelim butonun üzerine şeklimizi ekleyelim .
null
Shape 1 layer üzerinde rasterize layer diyelim layer mode overlay yapalım. Buton üzerine yazımızı yazalım stroke uygulayalım
null
Yazı layerimizin layer mode overlay yapalım.Yeni bir layer ekleyelim buton layeri üzerine select pixsel butonumuzu seçili yapalım Polygonal Tool aracı ile örnek bir seçim yapalım
null
Polygonal Tool aracı seçim yaparken intrersect with selection seçili yapalım seçim gerçekleştiğinde görünüm örnek resimde
null
Gradient Tool aracını seçelim transparent renk olsun
null
Edit>Transform>wrap seçeklim örnek resimdeki şekli oluşturalım enter diyerek onaylayalım.
null
Button layerimizi çoğaltalım Duplicate layer yeni eklediğimiz layer içindeki stroke efekti iptal ediyoruz. CTRL+T free Transform aracını seçelim örnek resimdeki şekilde alt tarafa çevirelim uygulama sonrası seçili yapalım yeni bir layer ekleyelim select>modify>Expand 2radius 2 verelim gradient tool aracı ile transparent renk uygulayalım örnek resim üzerinde inceleyebilirsiniz.
null
Crop aracını seçelim örnek resimdeki layerler seçili çalışmamızı küçültelim
null
Final
null

[/hidepost]

Etiket:

3 Yorum »

  • eylul diyor'ki:
    19 Nis 2008 saat 09:59

    selamlar çağan abi
    "Yeni bir layer ekleyelim buton layeri üzerine select pixsel butonumuzu seçili yapalım" a kadar iyi gidiyordu…
    select pixel butonu nerede?
    benim asıl sormak istediğim web sitesinde kullanılmak üzere rollover buton yapabilir miyiz photoshopla?
    teşekkür ederim.

  • admin (author) diyor'ki:
    19 Nis 2008 saat 12:55

    buton üzeri drken layer penceresindeki button layer üzerinde sağ klik yaparsan seçim oluşur
    Aynı konu edilen layer üzerine gelip ctrl tuşu basılı mouse ile tıklarsanda olur

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

    Teşekkürler başarılı bir çalışma.

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ş