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" .