Web Tasarım ve Programlama Sitesi

Photoshop ile buton hazırlamak için Ultimate Web 2.0 Layer Style isimli küçük bir eklenti kullanılabilir.

Photoshop Ultimate Web 2.0 Layer Style Buton Eklentisinin Kurulumu :  

Eklentiyi buradan indirin. Sıkıştırılmış klasörü açın ve Program Files’da photosohop klasörünün içinde Presets\Styles yoluna kopyalayın. Photosop’ta edit menüsünden “Preset Manager” seçeneğini seçin. Load seçeneğinden biraz önce kopyaladığınız klasörü yükleyin. Bu yükleme ile style sekmesinde daha fazla stil olacaktır.

Photoshop ile oluşturacağınız buton için açılır menü şeklinde alt menüler eklemek için bu yazıyı okuyabilirsiniz.

Photoshop ile Buton Oluşturmak :    

File menüsünden new seçeneği seçilir. Buton büyüklüğünde yeni bir sayfa oluşturulacak. Butonu istediğiniz büyüklükte oluşturabilirsiniz. Bu örnekte 100 pixel genişlikte 21 pixel yükselikte buton oluşturulacaktır. New seçeneği seçilince gelen pencereden width değeri 100 pixel height değeri 21 pixel olarak belirlenir ve ok butonu tıklanır.

 Sağ taraftan layer sekmesinde Background seçeneğine sağ tıklanarak duplicate layer seçeneği seçilir.

Layer’ın aynısından bir tane daha oluşacaktır. İkinci oluşturulan layer tıklanır ve sağ taraftaki style sekmesinden bir stil seçilir.

Sol taraftaki araç çubuğundan ”Horizontal Type Tool” aracı seçilerek menü için yazı yazılır. Uygun renk ve yazı tipi seçilir. Bu örnekte Bu örnekte #121C3A rengi, tahoma yazı tipi, 14 pt boyut ve kalın yazı kullanılıyor. İstenirse layer sekmesinden yazıya sağ tıklanarak Blending Options… seçeneği ile yazıya da efekt verilebilir. Butonun son hali aşağıdaki gibi olacaktır.

File menüsünden Save for Web… seçeneği ile buton istenilen resim formatında kaydedilir.