? Botões rollover são as imagens que você vê quando você passa o mouse sobre muitos botões de páginas de internet . Outros estados de botão podem ter suas próprias imagens, incluindo os estados clicado e deficientes . Fazendo botões rollover no Photoshop distingue seu programa ou página da Web a partir de outras mídias. Ele também permite criar botões com formas interativas que se relacionam com a função do aplicativo. Para um jogo que retrata dragões, por exemplo , você pode criar um botão cuja aparência é normal, o olho fechado de um dragão, e cuja aparência rollover é o olho de dragão abriu . Instruções
1
Clique no botão " Arquivo" "New" de comando, em seguida, clique no item de menu " Web " do " Preset" controle drop-down.
2
Click o ícone de paleta de ferramentas em forma de um retângulo arredondado para executar a ferramenta " retângulo arredondado " , em seguida, clique na amostra de cor acima da tela . Clique em uma cor que você gostaria para o botão da paleta que aparece.
3
Clique em direção ao lado esquerdo da tela , em seguida, arraste para a direita para definir o botão. Solte para completar a forma do botão. Clique no botão " Estilos " item do menu "Windows" para mostrar uma paleta de estilos de botão predefinidos.
4
Passe o mouse sobre a galeria de ícones do estilo , em seguida, clique em um dos estilos cujo nome inclui " normal". Por exemplo , clique no estilo " chanfrada normal" . O termo "normal" indica que o estilo é para habilitado , estado não- rolagem do botão.
5
Clique no ícone "T" na paleta de ferramentas para executar a ferramenta "Texto" , em seguida, arraste sobre o botão para definir uma caixa de texto . Digite o texto que deseja para o botão na caixa de texto , clique no ícone de marca de seleção localizada acima da tela para finalizar o texto da caixa de texto .
6
Clique no comando "Merge visible" de o menu " Camadas " para mesclar o texto e efeitos em uma única imagem . Clique no botão " Duplicar" comando a partir do menu " Layer" para duplicar o botão para o estado de rolagem .
7
Use as instruções do Passo 4 para aplicar um estilo de botão para o botão duplicado. No entanto, clique em um estilo cujo nome inclui " mouseover " em vez de "normal ". Por exemplo , clique no estilo " chanfrado mouseover " . Esta será a aparência do botão quando o usuário passa o mouse sobre ele
8
Use as instruções do Passo 4 para aplicar um estilo de botão para o botão duplicado. No entanto, clique em um estilo cujo nome inclui " mousedown " em vez de "normal ". Por exemplo , clique no estilo " chanfrado mousedown " . Esta será a aparência do botão quando o mouse está sobre ele e que está sendo clicado.
9
Clique do menu "Arquivo" "Salvar para Web" de comando, em seguida, clique na guia "4 -up " para ver quatro imagens mostrando diferentes qualidades de imagem para o botão selecionado . Clique em uma imagem cuja qualidade você encontra aceitável , e cujo texto abaixo da imagem inclui o tipo de arquivo " GIF ". Os botões são geralmente no formato GIF, em grande parte , porque eles geralmente exigem pouca memória em disco.
10
Clique em "Salvar " para abrir a caixa de diálogo "Salvar otimizado" . Digite um nome na caixa "Nome" de texto que indica que a imagem é o botão de rolagem , não o normal. Por exemplo , digite " rollover.gif ". Clique em " Salvar" para salvar o botão de rolagem .
11
Use as instruções da Etapa 8 para esconder camada do botão de rolagem e revelar o botão camada normal de trabalho. Use as instruções de etapas 9 e 10 para salvar o botão normal com um nome como " normal.gif " ou " enabled.gif . "