Antes de Photoshop CS3, web designers criaram botões rollover usando o Photoshop e Image Ready , que foram previamente embalados juntos. Adobe interrompido usando Image Ready quando comprou o Macromedia Dreamweaver , assumindo que web designers poderia usar este programa especializado com Photoshop para criar as suas sobreposições . Você cria os botões de rolagem no Photoshop da mesma maneira. Então, você pode usar o Dreamweaver , outros editores web ou um editor de texto para criar o código de capotamento. Aprenda a criar botões rollover no Photoshop CS3. Coisas que você precisa
editor Web
Show Mais instruções
1
Abra um novo documento que é o tamanho apropriado para os seus botões. Este pode ser o tamanho do site ou o tamanho do banner botão. Clique em " Arquivo> Novo " e digite o tamanho nas caixas correspondentes .
2
Criar o primeiro botão como ele aparecerá quando ele não estiver selecionado . Selecione a ferramenta de forma correta a partir do " Tools Palette " e desenhe o botão. Em seguida , selecione a ferramenta "Type" e digite o texto dentro do botão .
3
Aplicar os efeitos desejados para o botão ou texto. A Adobe disponibilizou várias maneiras para que você aplique efeitos. Para aplicar seus próprios efeitos personalizados , selecione a camada na paleta "Layer " . Em seguida, selecione o efeito desejado na caixa drop-down "FX" que está localizado na parte inferior do " Layer" palette.Photoshop CS3 fornece estilos da web pré- concebidas especificamente para web buttons. Se o " Estilos " paleta não estiver visível, selecione " Windows> Styles ". A partir do menu drop- down " Estilos " , selecione " Estilos da Web ". Certifique-se que a camada de botão é selecionado e escolha a camada desejada a partir do " Estilos " paleta.
4
Criar os botões restantes. Mantenha a tecla "Control" para selecionar o texto eo botão . Botão direito do mouse dentro da paleta de "Layer " e selecione " Duplicate Layer ". Mova as camadas copiados para a localização do botão ao lado . Altere o texto para o nome do novo botão. Repita este passo para criar todos os botões.
5
Fatia os botões. Selecione a ferramenta " Slice" e desenhar uma caixa em torno de cada botão. Dê um duplo clique em cada botão para adicionar opções de fatias . Certifique-se de que a " imagem" é selecionado na caixa drop- down " Slice Type". Digite um nome que descreva o botão desligado , como " [ botão ] _off ". Digite quaisquer informações relativas ao site nas caixas restantes.
6
Selecione " Arquivo> Salvar para a web ... " Pressione o botão "Salvar" . No " Salvar otimizado como" caixa de diálogo , selecione o local para suas imagens. Crie uma nova pasta chamada "Off ". Se você inseriu informações para o site, mudar o "Format " para " HTML e imagens . " Clique em " OK".
7
Selecione "Windows > Camada Comp . " Crie uma nova camada miniatura , selecionando o botão "Create New Comp Layer" . Nomeie- algo que descreve o conjunto atual de botões como " Off".
8
Edite os botões para aplicar o estado de rolagem . Aplicar os estilos, cores ou efeitos aos botões atuais. Crie outra camada miniatura com o nome " On". Repita o passo 7 para salvar os botões em uma nova pasta chamada " On". Abra a pasta que contém esses botões e renomeá-los para refletir o estado "ligado" .
9
Criar o código de capotamento em um editor web. Use Dreamweaver, outro editor de web ou um editor de texto para criar o código de capotamento. Aqui está o código JavaScript para o botão de casa neste tutorial: < /a>