Web 2.0 Buton Yapımı

Ufak bir aradan sonra derslere kaldığımız yerden devam ediyoruz. Bu dersimizde son günlerde internet devrimi diye de adlandırılan WEB 2.0 formatında buton yapımını göstereceğim.

Buyrun başlıyalım.

 

Öncelikle Rounded Renctagle Tool ile ekrana bir oval köşeli kare çiziyoruz.

 

Daha sonra tabi buna linear efecti veriyoruz (iki renkli) renk seçimide aşağıdaki gibi olsun

Şimdi PenTool ile ekrana bir ucu yuvarlar olan aşağıdaki gibi bir şekil çiziyoruz.

 

 

Bu ders başlangıç seviyesi olduğu için PenTool'u da göstereyim.

 

Şimdi bunada Linear Efecti vereceğiz fakat bir noktaya dikkatinizi çekmenizi isteyeceğim. Linear efectini tıkladıktan sonra renk kutucuğuna tıkladığımızda ekrandaki iki küçük okta renkleri belirtiyor, onların hemen üstünde ise aşağı doğru ok var onlar ise renklerin opacity değerini belirtiyor yani belirginliğini.

 

Bizim iki rengimizde BEYAZ olacak, ilk renk belirginliğini 0 yapalım ikincisini ise %30. Aşağıdaki resime bakarsanız daha açıklayıcı olur.

 

Bunu yaptıktan sonra Fireworks CS3 ile gelen Photoshop Live Effect i tıklayıp burdan stroke vereceğiz. Özellikleri ise resimdeki gibi olacak.

 

 

DİKKAT: Fireworks CS3 ten aşağı bir sürüm kullananlar bu kısım yerine Glow efecti verecekler, Glow efectinde belirginlik 1 veya 0 genişlik ise 3 olacak.

 

 

 Şimdi buna birde glow efecti verelim ayarları resimdeki gibi olacak.

 

 

Ve çalışmamız burada birmiş bulunmakta.

 

 

Bunlarda diğer renk seçenekleri

 

 

Herkese başarılar diliyorum. Bir sonraki dersimizde görüşmek üzere

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol