Google Buton yapımı

brtg_dgn · 05-20-2008, 16:57

Tamamıyla kendime aittir :D

İlk olarak isteğimize göre bir sayfa açıyoruz ve tool menüsünden Rounded Rectangle Tool aracımızı seçiyoruz ve aşağıdaki gibi sayfamıza uyguluyoruz.

Şimdi yukarıda uyuladığımız butonumuzun gövdesinin bulunduğu layerın üzerine sağ tuş ile tıklıyoruz açılan menüden Bleending Opitons seçeneğine giriyoruz önümüze gelen pencerede sırası ile aşağıdaki işlemleri uyguluyoruz.

Stroke

Gradient Overlay

Inner Glow

Yukarıdaki işlemleri sırası ile eksiksiz uyguladıktan sonra çalışmamız bu şekilde olacaktır.

Yukarıdaki işlemleri yaptıktan sonra yeni bir layer açıyoru ve Tool menüsünden Rectangular Marquee Tool aracını seçiyoruz ve butonumuzun belli bölümüne aşağıdaki gibi uyguluyoruz.

Bu işlemi yaptıktan sonra içini " e6f7fb " boyuyoruz ve aşağıdaki gibi görüntü oluşuyor.

Daha sonra buton layerimizin üstünde " CTRL " 'e bir kere basıyoruz ve butonumuzun etrafını seçmiş olduk . Daha sonra Select menüsünden Inverse seçeneğine seçiyoruz.

Bu şekilde oluyor ve daha sonra Backspace tuşuyla silme işlemi yapıyoruz.

Daha sonra CTRL + D ile seçili kısımları kaldırıyoruz.İçine yazacaklarımızı yazabiliriz.Ve butonumuz hazır :D

Bakmak ve incelemek isteyenler için butonun
PSD

__________________

Konu brtg_dgn tarafından (05-20-2008 Saat 17:24 ) de değiştirilmiştir..

**HAKAN** · 05-20-2008, 17:27

eline sağlık dostum bu butonu google nerde kullanıyor acaba merakettim...

__________________

ARAMASIN GÖZLER O ŞİMDİ ASKER!..

BaTTeRST · 05-20-2008, 17:32

bende ilkdefa görüyorum

Ps:Ama buton güzel olmuş kullansa iyi olur.Konu için teşekkürler.

brtg_dgn · 05-20-2008, 17:37

Kullanıldığı yer

__________________

BaTTeRST · 05-20-2008, 17:44

bende böle oldugundan bilmiyordum saol

**illegal43** · 05-20-2008, 18:44

Ya firefoxunki ayrı o yüzden Batterst

__________________

H G u r c a n . D e v i a n t a r t . C o m

brtg_dgn · 05-20-2008, 18:53

ya buton hakkında yorum yapsanız :D

__________________

**Kültürlü Kedi** · 05-20-2008, 18:54

Google' ın kullandığı dediğiniz o butonu herhangi bir HTMl editöründe

Code:

<input type="button" value="Google' da Ara">

ile elde edebilirsiniz. O buton aslında grafik değil. Yani sağ tıkladığınızda "Resmi Farklı Kaydet" diye birşey göremezsiniz.

Ha ama çalışma olarak güzel.
Eline sağlık.

__________________

**Kültürlü Kedi** · 05-20-2008, 18:56

Gradient Overlay işleminde ortadaki rengede gerek yok. Onu kaldırsanda aynı şey olur.

__________________

brtg_dgn · 05-20-2008, 18:56

vay o kadar kolaymıydı bu ya :D photoshopta renklerini falan ayarlama o kadar sürüyor :D sağol cem abi :D

__________________

05-20-2008, 16:57	#1 (permalink)
brtg_dgn Sitenin Demirbaşı Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbul Yaş: 17 Mesajlar: 1.549 Teşekkür Et: 52 Thanked 150 Times in 54 Posts Resimler: 2 Tecrübe Puanı: 3	Google Buton yapımı Tamamıyla kendime aittir :D İlk olarak isteğimize göre bir sayfa açıyoruz ve tool menüsünden Rounded Rectangle Tool aracımızı seçiyoruz ve aşağıdaki gibi sayfamıza uyguluyoruz. Şimdi yukarıda uyuladığımız butonumuzun gövdesinin bulunduğu layerın üzerine sağ tuş ile tıklıyoruz açılan menüden Bleending Opitons seçeneğine giriyoruz önümüze gelen pencerede sırası ile aşağıdaki işlemleri uyguluyoruz. Stroke Gradient Overlay Inner Glow Yukarıdaki işlemleri sırası ile eksiksiz uyguladıktan sonra çalışmamız bu şekilde olacaktır. Yukarıdaki işlemleri yaptıktan sonra yeni bir layer açıyoru ve Tool menüsünden Rectangular Marquee Tool aracını seçiyoruz ve butonumuzun belli bölümüne aşağıdaki gibi uyguluyoruz. Bu işlemi yaptıktan sonra içini " e6f7fb " boyuyoruz ve aşağıdaki gibi görüntü oluşuyor. Daha sonra buton layerimizin üstünde " CTRL " 'e bir kere basıyoruz ve butonumuzun etrafını seçmiş olduk . Daha sonra Select menüsünden Inverse seçeneğine seçiyoruz. Bu şekilde oluyor ve daha sonra Backspace tuşuyla silme işlemi yapıyoruz. Daha sonra CTRL + D ile seçili kısımları kaldırıyoruz.İçine yazacaklarımızı yazabiliriz.Ve butonumuz hazır :D Bakmak ve incelemek isteyenler için butonun PSD __________________ Konu brtg_dgn tarafından (05-20-2008 Saat 17:24 ) de değiştirilmiştir..

05-20-2008, 17:27	#2 (permalink)
HAKAN PhotoshopUzmanı Kurucusu Üyelik Tarihi: Feb 2007 Bulunduğu Yer: C:\Program Files\Adobe\Adobe Photoshop CS2 Yaş: 24 Mesajlar: 5.392 Teşekkür Et: 187 Thanked 2.217 Times in 951 Posts Resimler: 38 Tecrübe Puanı: 10	Ce: Google Buton yapımı eline sağlık dostum bu butonu google nerde kullanıyor acaba merakettim... __________________ ARAMASIN GÖZLER O ŞİMDİ ASKER!..

05-20-2008, 17:32	#3 (permalink)
BaTTeRST İlerleyen Günlerde Profesyonel PS'ci olacak :) Üyelik Tarihi: Jan 2008 Bulunduğu Yer: kocaeli Mesajlar: 55 Teşekkür Et: 5 Thanked 14 Times in 5 Posts Tecrübe Puanı: 2	Ce: Google Buton yapımı bende ilkdefa görüyorum Ps:Ama buton güzel olmuş kullansa iyi olur.Konu için teşekkürler.

05-20-2008, 17:37	#4 (permalink)
brtg_dgn Sitenin Demirbaşı Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbul Yaş: 17 Mesajlar: 1.549 Teşekkür Et: 52 Thanked 150 Times in 54 Posts Resimler: 2 Tecrübe Puanı: 3	Ce: Google Buton yapımı Kullanıldığı yer __________________

05-20-2008, 17:44	#5 (permalink)
BaTTeRST İlerleyen Günlerde Profesyonel PS'ci olacak :) Üyelik Tarihi: Jan 2008 Bulunduğu Yer: kocaeli Mesajlar: 55 Teşekkür Et: 5 Thanked 14 Times in 5 Posts Tecrübe Puanı: 2	Ce: Google Buton yapımı bende böle oldugundan bilmiyordum saol

05-20-2008, 18:44	#6 (permalink)
illegal43 Sitenin Demirbaşı Üyelik Tarihi: Mar 2008 Bulunduğu Yer: Kütahya Mesajlar: 2.032 Teşekkür Et: 875 Thanked 248 Times in 103 Posts Resimler: 6 Tecrübe Puanı: 4	Ce: Google Buton yapımı Ya firefoxunki ayrı o yüzden Batterst __________________ H G u r c a n . D e v i a n t a r t . C o m

05-20-2008, 18:53	#7 (permalink)
brtg_dgn Sitenin Demirbaşı Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbul Yaş: 17 Mesajlar: 1.549 Teşekkür Et: 52 Thanked 150 Times in 54 Posts Resimler: 2 Tecrübe Puanı: 3	Ce: Google Buton yapımı ya buton hakkında yorum yapsanız :D __________________

05-20-2008, 18:54	#8 (permalink)
Kültürlü Kedi Editör Üyelik Tarihi: Dec 2007 Bulunduğu Yer: İstanbul Yaş: 22 Mesajlar: 1.703 Teşekkür Et: 116 Thanked 282 Times in 88 Posts Tecrübe Puanı: 3	Ce: Google Buton yapımı Google' ın kullandığı dediğiniz o butonu herhangi bir HTMl editöründe Code: <input type="button" value="Google' da Ara"> ile elde edebilirsiniz. O buton aslında grafik değil. Yani sağ tıkladığınızda "Resmi Farklı Kaydet" diye birşey göremezsiniz. Ha ama çalışma olarak güzel. Eline sağlık. __________________

05-20-2008, 18:56	#9 (permalink)
Kültürlü Kedi Editör Üyelik Tarihi: Dec 2007 Bulunduğu Yer: İstanbul Yaş: 22 Mesajlar: 1.703 Teşekkür Et: 116 Thanked 282 Times in 88 Posts Tecrübe Puanı: 3	Ce: Google Buton yapımı Gradient Overlay işleminde ortadaki rengede gerek yok. Onu kaldırsanda aynı şey olur. __________________

05-20-2008, 18:56	#10 (permalink)
brtg_dgn Sitenin Demirbaşı Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbul Yaş: 17 Mesajlar: 1.549 Teşekkür Et: 52 Thanked 150 Times in 54 Posts Resimler: 2 Tecrübe Puanı: 3	Ce: Google Buton yapımı vay o kadar kolaymıydı bu ya :D photoshopta renklerini falan ayarlama o kadar sürüyor :D sağol cem abi :D __________________

LinkBacks (?) LinkBack to this Thread: http://forum.photoshopuzmani.com/photoshop-dersleri/5046-google-buton-yapimi.html
Konuyu Başlatan	For	Type	Tarih
Photoshop Uzman - Trkiyenin Photoshop Portal - Anasayfa	This thread	Refback	05-20-2008 20:07
Photoshop Uzman - Trkiyenin Photoshop Portal - Fotoraflara Dijital Efekt	This thread	Refback	05-20-2008 19:36
Photoshop Uzman - Trkiyenin Photoshop Portal - Anasayfa	This thread	Refback	05-20-2008 17:23

Konu Seçenekleri
Yazdırılabilir Sümü Göster Sayfayı E-Mail'le gönder
Modları Göster
Normal Mod Ağaç Modununa Geç Otomatik Konu Moduna Geç