Um capotamento é um efeito usado em uma imagem em uma página da Web para transformar a imagem quando um mouse passa ou passa sobre ele . Isso é muitas vezes usado para fazer botões ou menus mudam de cor , mas pode ser usado em qualquer imagem . Usando o Photoshop , você pode cortar qualquer imagem em fatias , em seguida, alterar uma fatia de modo que apenas a parte das mudanças de imagem no rollover , como fazer palavras aparecem na parte inferior , ou mudando a cor de apenas um item na imagem . Uma vez que as fatias são criados, você precisará colocar o código JavaScript apropriado na página da Web para criar o efeito de sobreposição , usando um software de design de Web ou editor HTML. Instruções
1
lançamento Photoshop e selecione " Abrir" no menu Arquivo. Navegue até uma imagem que você deseja usar para a rolagem e clique em " Abrir". Clique no botão " Slice Tool " na caixa de ferramentas . Se você não pode vê-lo, clique e segure o " Crop Tool " ou " Slice Select Tool " para revelá-la.
2
Decida onde você quer que o efeito de rolagem para aparecer. Note-se que a ferramenta Slice só cria fatias retangulares e que os cortes adicionais serão criados a partir da imagem restante. Por exemplo , se você selecionar a metade superior de uma imagem como a fatia de capotamento , a outra metade da imagem também será uma fatia. Se você cortar um quadrado no centro da imagem , outros quatro fatias são criadas, uma acima da sua fatia , um abaixo e um de cada lado .
3
Arraste a ferramenta de Slice sobre o área que você deseja para o capotamento. A imagem é cortada em fatias , com um número no canto superior esquerdo.
4
Clique e segure o " Slice Tool " na caixa de ferramentas , clique no botão " Slice Select Tool. " Clique duplo a fatia que você fez no passo 3 para abrir a janela Opções da Fatia . Digite " Rollover " no campo Nome e clique em " OK". Clique duas vezes em cada uma das outras fatias para dar-lhes nomes apropriados , como "Top ", "Left ", " Centro ", "direita" e "de baixo . "
5
Pressione" F7 "para revelar o painel Layers. Arraste o ícone " Camada fundo" no painel Layers no botão " New Layer " na parte inferior do painel. Faça as alterações desejadas para a imagem de mudar a fatia " Rollover " . Você pode escrever um texto sobre a fatia , desenhe uma forma , ou inserir uma outra imagem. Você pode adicionar efeitos ou ajustes de imagem que mudam toda a imagem. As alterações a quaisquer outras fatias não será salvo.
6
Clique em "Salvar para Web e dispositivos " no menu Arquivo. Salve a imagem em seu formato preferido - muito provavelmente JPEG ou GIF - " . Salvar" . " Imagem " e clique em cada um dos cortes é salvo com o nome que você deu a eles como uma imagem separada em uma pasta chamada
7
Arraste a camada " Background Copy" no painel Layers no botão " Lixo " na parte inferior do painel, bem como quaisquer outras camadas que você pode ter criado adicionar efeitos ou texto , para que você tenha apenas o original "Background" camada restante.
8
Clique duas vezes na fatia " Rollover " com a ferramenta de seleção da fatia e mudar o nome para "Original ". Clique em " OK".
< br > 9
Clique em "Salvar ou a Web e Dispositivos " no menu Arquivo. Use o mesmo formato de arquivo e na mesma pasta de destino que você fez no Passo 6 . Clique em " Salvar". Uma caixa de diálogo se abre avisando que as outras fatias será substituído. Estas são as versões que você deseja salvar , por isso, clique em "OK ".
10
Use qualquer software Web design para colocar as imagens juntas em um Web site. Agora você tem todas as fatias com a fatia "Original" para remontar a imagem original ea fatia " Rollover " para usar no efeito de rolagem na página da Web .
