Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como criar rollovers no Photoshop CS3
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:  home_off < /a>

Anterior :

Próximo : No
  Os artigos relacionados
·Como criar um padrão de meio-tom no Photoshop 
·Como fazer desenhos a lápis no Photoshop Elements 
·Como fazer Glowing Orbs no Photoshop CS3 
·Como aplicar efeitos artísticos no Photoshop 
·Como digitalizar slides de 35mm usando o Adobe Photosho…
·Como criar letras de bloco no Photoshop 
·Como fazer uma imagem Graffiti -Like no Photoshop 
·Como desenhar Folhas em Photoshop 
·Photoshop Idéias de Projetos 
·Photoshop Elements 7 Instruções 
  Artigos em destaque
·Como Fazer Fogo do Adobe Illustrator Pulverizador 
·Como remover existentes Backups OneCare 
·Como fazer um fundo 3D para um objeto no Photoshop 
·Palavra Footnote Problemas Microsoft 
·Exportação de áudio não está trabalhando em um pla…
·Como fazer backup do Inventário QuickBooks POS 
·Como mesclar dados em planilhas do Excel 
·Como corrigir Pictures subexposta no Photoshop 
·Como Incline a tela em Camtasia 
·Como Jogar XBMC em vários computadores 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados