Web 2.0 Butonları Nasıl Yapılır?
Son güncelleme: 20.01.2011 16:43
-
Photoshopta Buton Yapımı - photoshopta buton yapımı resimli anlatım - Photoshopta buton yapımı - Photoshopta nasıl buton yapılır - Photoshopta buton yapmak resimli anlatımı
Artık internetin yeni biçiminin web 2.0 olduğu aşikâr. Tüm siteler gerek yazılımlarını, gerekse tasarımlarını web 2.0′a göre düzenliyorlar. Bugün Google, Youtube gibi devler de yeni nesil interneti sonuna kadar kullanıyorlar. Web 2.0 denince de akla o kocaman, renkli, sevimli butonlar geliyor. İşte bu yazıda bu butonların nasıl hazırlandığını anlatacağım.
Önce ctrl+n ile yeni bir döküman yaratalım. Ben 400×400 pixel ölçülerinde bir dosya açtım.
Hemen ardından ctrl+shift+n ile yeni bir layer açalım.
Rounded Rectangle Tool ile yuvarlak köşeli bir dikdörtgen çizelim..
Rectangle Tool'un ayarları şu şekilde olacak:
Şimdi rengi önemsiz bir dikdörtgen çizelim. Ben 180×60 pixel ölçülerinde çizdim. Ardından dikdörtgenimizi seçili hale getirelim.
Layer'a çift tıklayıp, Blending Options'u açıyoruz. Gradient Overlay'i seçip, resimdeki ayarlarla uyguluyoruz. Kulladndığım renkler: 434343 ve 000000
Aynı pencerede Stroke'yi seçip resimdeki ayarları seçiyoruz. Renk: 363636
Aynı sayfada son seçeceğimiz menü Inner Glow. Renk: beyaz (ffffff) Ayarlar resimdeki gibi.
Şimdi önce OK butonuna basıyoruz. Ve ctrl+d ile seçimi serbest bırakıyoruz. İşte ilk aşamayı atlattık. Şu anda butonumuz resimdeki gibi.. Haydi ikinci aşamaya geçelim
Hemen ctrl+shift+n ile yeni bir layer açıyoruz. Yine Rectangle Tool ile genişliği, çizdiğimiz dikdörgenden 1-2 pixel daha ufak, yüksekliği ise yarısı kadar olan beyaz bir dikdörtgen daha çiziyoruz. Sonuç resimdeki gibi olacak.
Şimdi dikdörtgeni seçili hale getirip klavyeden Q tuşuna basıyoruz. Böylece Quick Mask moduna geçmiş olacağız. D Renkleri biraz tuhaf görürseniz endişelenmeyin (: Çizdiğimiz dikdörtgeni tekrar seçili hale getirip, Gradient Tool (kısayol tuşu: G) ile renklendiriyoruz. Başlangıç rengi: 868686 ve Bitiş rengi f1f1f1 Bu işlen sonrasında görüntü aşağıdaki gibidir.
Q tuşuna tekrar basıp Quick Mask modundan çıkıyoruz. Hemen Delete tuşuna basıyoruz. Ve butonunuzun şablonu hazır!.
Baska bir örnek.
- Web 2.0 Butonları Nasıl Yapılır? Konusuna Benzer Konular
- Nasil Tur Atlariz? 03.03.2004
- Sac dökülmesi nasil önlenir 17.03.2004
- Depresyonda oldugunuzu nasil bilebilirsiniz (Test) 17.03.2004
- MSN Messengerden ip nasil bulunur. 17.03.2004
- cennet nasil bir yerdir? 20.03.2004