Quando você clica em parte de uma imagem de um site e seu navegador salta para uma página diferente, um mapa de imagem provavelmente é responsável por essa ação. Designers de sites podem escrever código HTML que cria pontos de acesso clicáveis em qualquer imagem. Construir mapas de imagem manualmente é demorado porque você deve identificar as coordenadas exatas de cada ponto de acesso. Com a ferramenta Fatia no Photoshop, você desenha pontos de acesso em uma imagem para gerar o código HTML necessário automaticamente.
Inicie o Photoshop e abra uma imagem que deseja converter em mapa de imagem. Clique e segure a ferramenta "Recortar" para exibir um menu contendo outras ferramentas. Clique na ferramenta "Fatia" para selecioná-la.
Clique em um ponto dentro da imagem e arraste a ferramenta Fatia para desenhar uma caixa delimitadora ao redor da parte da imagem que deseja tornar clicável. O Photoshop desenha "fatias automáticas" adicionais ao redor de outras partes da imagem. Essas fatias automáticas garantem que todas as partes de uma imagem estejam incluídas em uma fatia.
Clique com o botão direito dentro da fatia que você criou e selecione "Editar Opções da Fatia" para abrir a janela Opções da Fatia. Digite a URL que deseja associar à fatia. Você também pode substituir o nome padrão que o Photoshop deu à fatia digitando um novo na caixa de texto "Nome".
Clique em "OK" para fechar a janela Opções da Fatia e voltar à imagem. Clique em outro ponto dentro da imagem e arraste a ferramenta Fatia para criar fatias adicionais conforme necessário.
Selecione a "Ferramenta Seleção de Fatia" na barra de ferramentas e clique dentro de uma fatia que deseja mover.
Segure o botão esquerdo do mouse e arraste a fatia para uma nova localização.
Passe o cursor do mouse sobre uma das bordas da fatia e uma linha com setas em cada extremidade aparece. Clique nessa linha, segure o botão esquerdo do mouse e arraste se precisar tornar a fatia maior ou menor.
Clique em "Arquivo" seguido por "Salvar para Web" para abrir a janela Salvar para Web.
Clique em "Predefinição" e selecione uma das opções de tipo de arquivo que aparecem. Opções incluem GIF 128 Dithered, JPEG Alta Qualidade e PNG-24.
Clique em "Salvar" para abrir uma janela que exibe os arquivos e pastas do seu disco rígido. Navegue até a pasta onde deseja salvar os arquivos do mapa de imagem e digite um nome para o mapa de imagem na caixa de texto Nome do Arquivo.
Clique no menu suspenso "Formato" e selecione "HTML e Imagens". Clique em "Salvar" para salvar todos os arquivos na pasta especificada.
O Photoshop salva cada fatia como uma imagem separada em uma pasta de imagens. O programa também salva um documento HTML com o mesmo nome que você digitou na caixa de texto "Nome do Arquivo". Se você encontrar esse arquivo HTML no Explorador de Arquivos e clicar duas vezes nele, seu navegador abre e exibe seu mapa de imagem. Clique em diferentes partes do mapa de imagem para navegar para as URLs atribuídas às fatias. Por exemplo, se você dividiu um mapa dos EUA em estados criando uma fatia para cada estado, pode clicar em um estado para ir para a URL atribuída à fatia desse estado.
Dê nomes significativos às fatias e será mais fácil identificá-las se quiser ajustar o código HTML que o Photoshop gerou. Por exemplo, se criou uma fatia ao redor do estado de Iowa, poderia nomear a fatia como Iowa.
Você provavelmente vai querer salvar as imagens do mapa de imagem no mesmo formato da imagem original. Por exemplo, se for JPEG, escolha uma das opções JPEG no menu suspenso Predefinição na janela Salvar para Web. Escolha "JPEG Baixa", por exemplo, e o Photoshop gera imagens JPEG de baixa qualidade. Quanto menor a qualidade da imagem, mais rápido ela carrega no navegador.
Este artigo aplica-se ao Adobe Photoshop CC, versão 2014. Algumas informações podem variar em outras versões do software.
Tecnologia Eletrônica © [www.351231.com]
