Software  
 
Conhecimento computador >> Software >> Produtividade de Software >> 
Como criar um Botão Rollover em CS2
Adobe Photoshop CS2 e seu programa companheiro ImageReady são ferramentas poderosas para usuários que querem ter uma abordagem visual para Web design. Os usuários podem criar rollovers JavaScript sem ter que digitar nenhum código , combinando as capacidades de design gráfico de Photoshop e configuração capacidades do ImageReady comportamento. A chave para o sucesso capotamentos reside na compreensão de camadas no Photoshop. Coisas que você precisa
Computer Fotografia de software Adobe Photoshop CS2
Show Mais instruções
Criando seu botão
1

Abra o Photoshop e crie um novo documento selecionando "Arquivo > Novo" no menu do aplicativo . Defina o tamanho do documento e clique em " OK".
2

Selecione o " Type Tool " do Painel de Ferramentas à esquerda da sua tela e clique em qualquer lugar na tela para criar algum texto ponto por o botão ( " sobre " ou " portfólio", por exemplo). Defina suas configurações de fonte desejados no Painel de Opções da ferramenta acima de sua tela e digite o seu texto do botão. Você pode mover-se em torno deste texto , movendo o cursor para longe do texto em si e , em seguida, clicar e arrastar na direção que você deseja movê-lo .
3

Duplique a camada de texto , clicando e arrastando o para o ícone "Create New Layer" no " Layers" paleta à direita da sua tela. O ícone se parece com um quadrado, página com orelhas .
4

Selecione a camada " cópia " você acabou de criar e clique com o botão direito (Ctrl + clique no Mac) sobre o título da camada na " Layers "paleta . Selecione " Blending Options " no menu flutuante resultante. Isto irá abrir uma caixa de diálogo " Layer Style " .
5

Clique na palavra " Drop Shadow " na coluna " Styles " no lado esquerdo da caixa de diálogo. Clique na caixa " Preview" no lado direito da caixa de diálogo e ajustar as configurações da sombra se o desejar.
Definir Rollovers no ImageReady
6

Selecione o ImageReady ícone na parte inferior do painel Ferramentas. Isso inicia um programa separado do Photoshop que vem com ele para otimizar imagens do Photoshop para a web.
7

Selecione a ferramenta " Slice" do Painel de Ferramentas na parte esquerda da tela e clique e arraste uma fatia em torno de seu botão do canto superior esquerdo para o canto inferior direito .
8

Selecione a paleta "Conteúdo web" no lado direito da tela e clique sobre o botão .
9

mouse até a paleta de " Layers ", em que as diferentes camadas de seu botão são exibidos. Clique no ícone de olho ao lado da camada superior , que contém a sombra de seu botão. Isso irá desativar a visibilidade de que a camada de modo que apenas a versão sombra não- gota de seu botão é exibido em sua página da Web quando o mouse não está pairando sobre ele.
10

Voltar para a "Web Conteúdo " paleta e clique no ícone de página com orelhas , na parte inferior para criar um novo estado de rolagem . A palavra "sobre" aparecerá ao lado do novo estado , o que significa que a aparência que você escolher para ele será exibido quando o mouse está pairando sobre ele em sua página web.
11

Regresso ao " Layers" paleta e desligue a visibilidade da camada de sombra non-drop , clicando no ícone de olho à esquerda. Ligue a visibilidade da camada de sombra .
Ligando seu Rollover
12

Selecione " Janela> Slice" para exibir a paleta " Slice" no lado direito da sua tela. Selecione esta paleta.
13

Digite um nome para o seu botão no campo "Nome" e digite um endereço URL para o seu capotamento de ligação para quando as pessoas clicam nele.
14

Selecione " File> Save Optimized As " no menu do aplicativo e criar um nome para o seu capotamento. Selecione "HTML e imagens" na lista suspensa "Format " e clique em "Salvar" .

Anterior :

Próximo : No
  Os artigos relacionados
·Como converter iCal para CSV 
·O que é o Microsoft Works 8.5 
·Quais são as funções do OneNote 
·Como abrir arquivos do Office OXT 
·Como recuperar contatos do Outlook a partir de um Disco…
·Como monitorar o uso da CPU com SNMP 
·O que é o Microsoft Dynamics AX 
·Como criar um Diagrama de Rede Visio partir de uma plan…
·Como calcular o tamanho da imagem em osCommerce 
·Estilo Checking Software 
  Artigos em destaque
·MS Excel Dicas 
·O que é necessário para fazer Computer Animation 
·Meu Media Player não vai queimar CDs 
·Como desativar o Symantec Endpoint Protection 
·Como Jogar WMV extensão de arquivo no Windows Media Pl…
·Como usar o Flash no Dreamweaver Templates 
·Como faço para digitalizar documentos de escritório d…
·Como fazer luzes de néon Around Us no Photoshop 
·Como usar o Free Transform Comando no Adobe Photoshop 
·Como importar macros para Excel 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados