Inicie o Photoshop e abra uma imagem que deseja converter em um mapa de imagens. Clique e segure a ferramenta “Cortar” para exibir um menu contendo outras ferramentas. Clique na ferramenta “Slice” para selecioná-lo.
Clique em um ponto dentro da imagem e arraste a ferramenta Fatia para desenhar uma caixa delimitadora ao redor da parte da imagem que você deseja tornar clicável. O Photoshop desenha "fatias automáticas" adicionais em torno de outras partes da imagem. Essas fatias automáticas garantem que todas as partes de uma imagem sejam incluídas em uma fatia.
Clique com o botão direito dentro da fatia que você criou e selecione "Editar opções de fatia" para abrir a janela Opções de fatia. Digite o 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 Slice Options e retornar à 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.
Mantenha pressionado o botão esquerdo do mouse e arraste a fatia para um novo local.
Mantenha o cursor do mouse sobre uma das bordas da fatia e uma linha com setas em cada extremidade aparecerá. Clique nessa linha, mantenha pressionado o botão esquerdo do mouse e arraste o mouse se precisar aumentar ou diminuir a fatia.
Clique em “Arquivo” seguido de “Salvar para a Web” para abrir a janela Salvar para a web.
Clique em "Predefinir" e selecione uma das opções de tipo de arquivo que aparecem. As opções incluem GIF 128 Dithered, JPEG High 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 de 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 File Explorer e clicar duas vezes no arquivo, seu navegador será aberto e exibirá seu mapa de imagem. Clique em diferentes partes do mapa de imagem para navegar até os URLs atribuídos à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 o URL atribuído à fatia desse estado.
Dê nomes significativos às fatias e você achará mais fácil identificá-las se quiser ajustar o código HTML que o Photoshop gerou. Por exemplo, se você criou uma fatia que circundou o estado de Iowa, poderia chamá-la de Iowa.
Provavelmente, você desejará salvar as imagens do mapa de imagem no mesmo formato da imagem original. Por exemplo, se for um JPEG, escolha uma das opções de JPEG no menu suspenso Predefinição na janela Salvar para a web. Escolha “JPEG baixo”, por exemplo, e o Photoshop gera imagens JPEG de baixa qualidade. Quanto mais baixa a qualidade de uma imagem, mais rápido ela carrega em um navegador da web.
Este artigo é aplicável ao Adobe Photoshop CC, versão 2014. Algumas informações podem variar em outras versões do software.
