» Para você fazer esse mapeamento, precisa do programa Image Ready que vêm junto com o PhotoShop quando você compra o CD.
» Primeiro você tem que ter o seu layout pronto. No meu caso, não irei usar um layout, mas sim a imagem de entrada. Depois que o layout estiver pronto, vai ter na barra de ferramentas, um botão para você "Editar no Image Ready". Caso você tenha dúvida, é o botão abaixo:
» Depois de você clicar no botão, irá abrir o programa Image Ready com a sua imagem, certo? Então agora você vai clicar, no Image Ready, na ferramenta "Mapa de Imagem em Retângulo". Faça na sua imagem um retângulo como o abaixo, no lugar onde você quer que a pessoa clique para abrir o link.
» Agora que você já fez o retângulo no lugar desejado, você vai editaro nome, URL, destino e alt. A URL é o endereço do link que você quer que direcione quando a pessoa clica no retângulo. O destino é se você quer iframe, blank ou pop-up. E o alt é o texto que irá aparecer quando a pessoa descança o mouse em cima do link.
» Tudo certinho? Agora você pode repetir esse procedimento várias vezes, em todos os lugares da sua imagem que você quer mapear. Quando você acabar, é só clicar na ferramenta "Visualizar no Explorer", no caso de dúvida é essa ferramenta aqui abaixo:
» Na janela que abriu a sua imagem, você vai ver seu layout e embaixo vai ter uns códigos, certo? É só você copiar e colar no seu layout e pronto! ;D Caso não tenha dado certo da primeira vez, não desanime. Veja se você fez tudo certinho até porque é difícil alguém acertar de primeira ¬¬
Esse tutorial te ajudou? Se sim, que tal creditar para que ele possa ajudar outras pessoas também?
