1.875 kez okundu

Photoshop da buton yapımı

10 10 1.875 kez okundu incelendi

Bu derste Firefox tarayıcılarında kullanılan butonun aynısını yapmaya çalışacağız.

300×300 boyutunda yeni bir sayfa açın ve arkaplanı beyaz olsun.

Yeni bir layer oluşturun ve “Rounded Rectangle Tool” ( ) ile 145 px x 30 px büyüklüğünde bir dörtgen çizin.

Efekt ayarlarını açın ve aşağıdaki ayarları yapın:
http://resim.sanalkurs.net/uploads/gradient_2.jpg

[center]http://resim.sanalkurs.net/uploads/gradientline.jpg

http://resim.sanalkurs.net/uploads/stroke_1.jpg

Yeni bir layer daha oluşturun ve zoom yaparak sayfayı %300 büyütün.

Eyedropper aracı ile dörtgenin köşe rengini seçin ve “Pencil Tool” ( ) ile 1 px fırça ayarı ile buton içine dikey bir çizgi yapın.

http://resim.sanalkurs.net/uploads/lines.jpg

Evet, butonumuz şimdi bitmiş durumda. Şimdi bazı özelleştirmeler yapacağım.

http://resim.sanalkurs.net/uploads/main_1.jpg

Yeni bir layer oluşturun ve sahneye Firefox ikonu import edin, Ctrl + T ile boyutunu ayarlayın ve opacity ayarını %60 yapın.

http://resim.sanalkurs.net/uploads/icon.jpg

Şimdi text aracını seçin ve “Get Firefox” yazın. (Ben Amazon isimli fontu kullanıyorum.) Efekt ayarlarını açın ve aşağıdaki gibi ayarlayın:

http://resim.sanalkurs.net/uploads/outertxt.jpg

http://resim.sanalkurs.net/uploads/colortxt.jpg

http://resim.sanalkurs.net/uploads/stroketxt.jpg

İşte sonuç:

http://resim.sanalkurs.net/uploads/text_2.jpg

Şimdi yeni bir layer oluşturun ve Shape aracını seçin, sonra aşağıdaki ok simgesini bulun.

http://resim.sanalkurs.net/uploads/shape_2.jpg

Ve onu sahneye çizin, yönü aşağı olarak ayarlayın. Sonra efekt panelinden aşağıdaki ayarlamaları yapın.

http://resim.sanalkurs.net/uploads/arr.jpg

http://resim.sanalkurs.net/uploads/drop.jpg

http://resim.sanalkurs.net/uploads/strkarr.jpg

Bitti. Şimdi “Get Firefox” yazılı butonumuz hazır.

http://resim.sanalkurs.net/uploads/end_1.jpg

Paylaş !

Yorum yap

Önceki yazıyı okuyun:
Html de temel terimler

Html de temel terimler

Kapat
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter