Como criar um mapa de imagem usando paint.net

Eu escrevi um artigo sobre como criar uma imagem para o seu site com regiões clicávéis ou pontos de acesso utilizando GIMP. Este tipo de imagem clicável é chamado de um mapa de imagem. mapas de imagem têm sido em torno de um tempo, mas eles ainda são amplamente utilizados para dar web designers flexibilidade.

Como criar um mapa de imagem usando o GIMPComo criar um mapa de imagem usando o GIMPconsulte Mais informação

Nos comentários alguém me perguntou se isso era possível fazer usando Paint.NET (que pode ser um Photoshop alternativa?). Por esta razão eu me propus a não só instalar e usar Paint.NET, pela primeira vez, mas para descobrir como fazer mapas de imagem usando.

Sim, eu tinha a deixar o Ubuntu por alguns minutos e arrancar em minha instalação do Windows (eu sei que há uma versão do Ubuntu, mas eu não tinha certeza se tudo iria funcionar da mesma) mas valeu a pena a mudança de ritmo.

A conclusão a que cheguei foi que sim, é possível, mas você vai precisar da ajuda de um plugin.

baixar & Instalar o plugin

Plugins são relativamente fáceis de implementar no Paint.NET e que basicamente consiste em transferir os arquivos e colocá-los na pasta correta. O plug-in necessário para fazer um mapa de imagem é chamado de “Criar Mapa Imagem”E você pode baixá-lo a partir deste link. A página está um pouco confuso então confira a imagem abaixo para encontrá-lo facilmente.

Video: Como fazer Thumbnails para seus vídeo usando Paint.NET

Você vai ser o download de um arquivo zip contendo os arquivos corretos. Uma vez baixado, basta colocá-los em aqui: C / Programas / Paint.NET / Efeitos

Agora basta reiniciar Paint.NET e você deve tê-lo instalado. Abra a imagem e você deve estar tudo pronto.

Use a imagem Map Editor para obter o código Direito

Abra o editor do mapa de imagem: Efeitos -gt; Imagem Aplicação -gt; Criar Mapa Imagem

Arraste (fingir que você está vendo uma caixa) e nomear cada hotspot.

Video: Como fazer logo em 3D no paint net

Clique em OK quando terminar. Você vai então receber um pop-up com algum código que você precisa pegar.

Editar o código & Obtê-lo pronto para o seu site

Abra o bloco de notas ou um editor de texto semelhante e cole o código. Você provavelmente vai acabar com todo o código em uma linha. A maneira mais fácil é separar as linhas da maneira que eu fiz na imagem abaixo.

Observe que eu adicionei uma linha de código na parte superior. Esta linha de código especifica onde a imagem está localizada no servidor (que você fez upload certo?) E o nome do mapa a ser utilizado sobre a imagem.

Você também vai notar que eu nomeei o mapa. A fim de amarrar a imagem para o mapa, você vai precisar fazer isso. Também substituir os “#” sinais com URLs dos links que você quer inseridos.

Então, sim, há uma outra maneira de fazer um mapa de imagem. Também é possível fazer com a mão sem a ajuda de um programa de edição de imagem, mas quem tem tempo para isso?

O que você usa para fazer mapas de imagem?