aeyStudio
Üye
Kullanıcı Adı:

Şifre:

Sonraki ziyaretimde beni otomatik kaydet!

Şifremi unuttum?
Kayıt



Site İçinde    


Gelişmiş arama

Ders Bölümleri
Dersler
En Çok İzlenenler
Son Eklenen Dersler
En Çok Beğenilenler
Tümünü Göster

Derslerde Ara


Dönüşümlü 10 Ders
ImageReady - Optimize Penceresi
Parlak Buton Yapımı
PSP - Resimleri Renklendirme
Flash ile Çeşitli Pencere Etkileri
Web Tasarımı - Formlar
PSP -Perspektif
Tab Menu Yapımı
Fireworks Genel Tanıtımı
Araç Kutusu (Toolbox)
Flash Alpha Efekti

Site Bilgileri
Sitede 27 kategoride, toplam 93 ders,
Toplam 85 indirilebilir dosya, 63.832 kez indirilme,
Sitedeki derslere uyumlu 8 kategoride, toplam 52 link,
Forumlarda 697 konu, 1.406 ileti bulunmaktadır.
Sitede toplam 13.301 kayıtlı üyemiz var. En yeni üyemiz: asz

Şimdiye kadarki en yüksek aktif ziyaretçi sayısı: 311 - Tarih: 21.07.2016 19:15

Toplam ziyaret: 1.934.696
Bugünkü ziyaret: 0

Aktif Kullanıcılar: 1
Şu anda 0 kayıtlı kullanıcı (arasında 0 tanesi gizli) ve 1 ziyaretçi online.
Ana Sayfa / Dersler / Photoshop / Photoshop Örnekleri / Parlak Buton Yapımı

Parlak Buton Yapımı
RSS Feed: Parlak Buton Yapımı (Dersler)
Eklenme Tarihi: 26.11.2005 - 17:37   (İzlenme: 58118)
Yorumları Oku (4)
Yorum Ekle
Dersi Yazdır / İndir
Yazdır /


Parlak Buton Yapımı
Bu bölümde parlak buton yapımını inceleyeceğiz.

1- File>New ile açılan New Penceresinde Name:Glossy yazdık, Width:200 pixels, Height:200 pixels, Resolution:72 pixels/inch, Mode:RGB Color, Contents:White olan yeni bir döküman açtık.

Daha sonra Araç Kutusundan Rectangular Marquee Tool'u seçin ve yapacağımız butonun ana hatlarını belirlemek için istediğiniz edatlarda seçili alan yaratın.
Biz örneğimizde W:118, H:35 olarak belirledik.
Siz istediğiniz gibi belirleyebilirsiniz.

2- Channel paletine gidip yeni bir channel yaratalım (Alpha 1).
Edit>Fill den White'ı seçerek seçili alanı beyaza boyadık. Seçimi kaldırdık (Ctrl+D).
Filter>Blur>Gaussian Blur Radius: 3,5 uyguladık.
Daha sonra Image>Adjust>Levels ile 117 - 1.00 - 151 vererek Level uyguladık.
Alpha 1 kanalına Ctrl tuşunu basılı tutup tıklayarak seçili hale getirip, Layer paneline geçtik.
3- Yeni bir Layer yarattık (Layer 1) . Palet te üst rengi, #B2E212 ( R:178 - G:226 - B: 18 ) olarak belirleyip, kova aracı ile boyadık. Seçimi kaldırdık (Ctrl+D).
Edit>Transform>Perspective ile butonun üst kenarını içe doğru çekerek daralttık.

4- Araç Kutusundan Freeform Pen Tool'u seçip serbest çizim ile yan taraftaki şekildeki gibi bir elips çizdik. Sağ-tuş yaparak Make Selection'u seçtik. Default ayarları değiştirmedik.
Yeni bir Layer yarattık (Layer 2 ). Edit>Fill ile beyaza boyadık.
Select>Modify>Contract 1 ile 1 pixel küçülttük.
Select>Inverse (seçimi ters çevirme) uygulayıp, klavyemizin Delete tuşuna bastık.
Ctrl tuşunu basılı tutarak Layer 1'e tıklayıp seçili hale getirip, tekrar Select>Inverse uyguladık.
( Dikkat! Layer 2 hala yanında fırça ikonu mevcut -mavi renkte- yani işlem yapılan Layer olduğuna dikkat edin. ) tekrar Delete tuşuna bastık.
Böylece Layer 2 deki fazlalıkları temizlemiş olduk.
5- Layer 2 nin yanındaki göz ikonuna tıklayarak kapattık ve yeni bir layer yarattık (Layer 3 ).
Araç kutusundan Gradient Tool'u ( Linear Gradient'i kullanacağız) seçtik.
Yukarıdaki Araç Seçenekleri çubuğundan Gradient seçeneklerinden "Foreground to Transparent" 'ı seçtik.



Renk paletinde üst rengi beyaz yaptık. Shift tuşunu basılı tutarak dökümanımızdaki seçili alanın üst kenarından alt kenarına doğru çekip renk geçişlerini yani ışık etkisini sağladık.
Seçimi kaldırdık (Ctrl+D).

6- Daha sonra butonun altına gölge vermek için 4. ve 5. madde anlatılanları bu defa butonun altına uyguladık. Ancak bu defa 5. madde de anlatılan Renk Paleti üst rengini siyah olarak kullandık.



Gölgenin bulunduğu layer'e Filter>Blur>Gaussian Blur Radius: 3,0 uyguladık ve Layer paleti sağ-üst tarafındaki opacity değerini 47 olarak verdik ( Opacity:47% ).
7-Layer 1 deki butonumuza gölge vermek için Layer Style>Drop Shadow uygulayıp, Distance değerini 3 yapıp diğer ayarlarını default bıraktık.
8- Artık butonumuza yazı yazabiliriz.
Palet üst rengini beyaz yaparak, Araç Kutusundan Type Tool'u seçip herhangi birşeyler yazabilirsiniz. Biz örneğimizde beyaz renkte Ana Sayfa yazdık. Dublicate Layer ile kopyasını çıkardık (Ana Sayfa copy Layer'i). Layer de T harfi ile gösterilen kısma çift tıklayarak yukarıdaki Araç seçenekleri çubuğunun görünmesini sağladık ve oradan Paletts'e tıklayıp yazı paletini açtık. Color: bölümündeki beyaz rengi siyah yapmak için üzerine tıkladık ve açılan Color Pickerin altındaki pencereye (#) 000000 yazarak rengin siyaha dönmesini sağladık.
Sonra da altındaki "Ana Sayfa" Layerine giderek sağ-tuş yapıp Rasterize Layer ile text özelliğinden çıkardık ki çeşitli filitreler uygulayabilelim. Klavyedeki oklar yardımıyla sol'a ve yukarıya doğru 1'er pixel kaydırdık.
Layer Panelinin üst tarafındaki Layer seçeneklerinden Color Dodge'u seçip, Filter>Blur>Guassion Blur 1 değerini verdik.
Tekrar bu defa üstteki ve text özelliği olan "Ana Sayfa" Layer'ine geldik ve opacity değerini 75 olarak değiştirdik ( Opacity:75% ). Böylece parlak butonumuzu isimlendirmiş olduk.

Hepsi bu kadar...





Yazan: Yorum:
ates_bey
Üye

Kayıt Tarihi: 03.11.2007
Yorumlar: 2
harika

Tesekkür ederim.Bu siteyi çok seviyorum lütfen daha çok teşekkür edelim ki daha çok çalışma gelsin. Saygılarımla
28.01.2008 14:50 Offline ates_bey crayzzboy58 at hotmail.com
21752175
Üye

Kayıt Tarihi: 21.03.2007
Yorumlar: 1
program

selamlar çalışmanızı çok beğendim,sıkıntı çektiğim bir nokta var parlak butonu hangi programda yapacağım.teşekkür ederim benim burdan bir önerim var tabiki bu yolda ilerlemiş ustarımız var fakat bizler daha çaylakız sizden ricam verdiğiniz örneklerin başına hangi programla yapabileceğimizi yazarlarsa seviniriz. şimdiden teşekkür eder,çalışmalarının devamını dilerim.
25.03.2007 14:16 Offline 21752175 abdullahkofraz at hotmail.com
emremsi
Üye

Kayıt Tarihi: 03.03.2007
Yorumlar: 6
ellerine sağlık

gerçekten güzel olmuş.emeğine sağlık.bende böle şeylrle uğraşıyom.benimde birkaçtne çalışmam var.onlarıda yakında paylaşmak istiyorum
10.03.2007 12:27 Offline emremsi emremsi_77 at hotmail.com
bilmemki1984
Üye

Kayıt Tarihi: 06.12.2006
Yorumlar: 1
teşekkürler

ellerine sağlık hocam..
23.02.2007 23:15 Offline bilmemki1984 osmanatasever at hotmail.com

RSS Feed: Parlak Buton Yapımı (Dersler)

Google
 
Editörlerimiz | Link Bannerlarımız | Reklam | Site Amacı | Sık Sorulan Sorular | Yasal Uyarı & Kullanım Şartları
Sizden Gelenler | Site Haritası | Dosyalar