Rollover




İstediğiniz boyutlarda yeni bir dosya açın.Yeni bir layer açın. Rounded Rectangle Tool aracını alın ve ekranınızın üst kısmında yer alan Radius ayarını 40 olarak değiştirin. Butonunuzu çizdikten sonra Rasterize Layer yapın.
Layer>Rasterize>Layer...



Şimdi butonun üzerine fare gelince değişmesini sağlayacak olan stilleri uygulayacağız. Ben Drop Shadow, Bevel and Emboss, Inner Glow, Color overlay ve Outer Glow stillerini uygulayarak yandaki gibi bir buton elde ettim. Siz de bu stillerin ayarlarıyla oynayarak benim butonuma benzer bir buton elde edebilirsiniz. Şimdi bu layer'ı Over olarak adlandırın. Over layer'ının bir kopyasını yapın. Bunun için over layer'ını Create New Layer ikonunun üstüne bırakın. Daha sonra over layer'ının yanındaki göz ikonuna tıklayarak bu layer'ı saklayın. Kopyaladığımız layer'ı da Down olarak adlandırın. Şimdi down layer'ının Outer Glow ve Color Overlay stillerini yanlarındaki göz ikonuna tıklayarak saklayın



Şimdi Slice Tool aracını alın ve butonunuzun etrafında bir kesim oluşturun. Eğer düzgün bir kesim yapamazsanız Slice Select Tool aracı ile kesminizin boyutunu yeniden ayarlayabilirsiniz. Şimdi Rollover paletini açın.
Window>Rollovers...
Rollover paletinin alt kısmında yer alan Create rollover state ikonuna 2 defa tıklayın. Over ve Down olmak üzere iki tane layer oluştu. Şimdi over'ı seçin ve layer paletinde yer alan down layer'ını yanındaki göz ikonuna tıklayarak saklayın. Aynı şekilde down'ı seçin ve layer paletinde yer alan over layer'ını yanındaki göz ikonuna tıklayarak saklayın.



Artık rollover hazır. Butonunuzu test edebilirsiniz.
File>Preview In>Internet Explore/Netscape Navigator...