Como criar um mapa de imagem usando o Gimp: 10 etapas (com imagens)

Índice:

Como criar um mapa de imagem usando o Gimp: 10 etapas (com imagens)
Como criar um mapa de imagem usando o Gimp: 10 etapas (com imagens)

Vídeo: Como criar um mapa de imagem usando o Gimp: 10 etapas (com imagens)

Vídeo: Como criar um mapa de imagem usando o Gimp: 10 etapas (com imagens)
Vídeo: Adicionando imagens dentro das formas vetoriais do illustrator - BR Criativus 2024, Maio
Anonim

Um mapa de imagem é uma imagem com URLs "mapeados" nela. Você pode enfeitar seu site ou página inicial pessoal com um mapa de imagem com seus sites favoritos que você gosta de visitar. Existem muitos softwares que você pode fazer, mas este artigo usará o Gimp.

Passos

Crie um mapa de imagem usando o Gimp Etapa 1
Crie um mapa de imagem usando o Gimp Etapa 1

Etapa 1. Monte um gráfico inicial que você mapeará

Você pode usar fotos, imagens, o que funcionar para você. Aqui, usaremos o wikiHow, o fórum wikiHow e o iGoogle.

Crie um mapa de imagem usando o Gimp Etapa 2
Crie um mapa de imagem usando o Gimp Etapa 2

Passo 2. Depois de criar a imagem, (ou abri-la), vá para Filtros >> Web >> Mapa de imagem

A tela de diálogo Gimp ImageMap

Crie um mapa de imagem usando o Gimp Etapa 3
Crie um mapa de imagem usando o Gimp Etapa 3

Etapa 3. Clique no retângulo à direita da tela e selecione uma das imagens que deseja usar

Nesta captura de tela, o wikiHow está selecionado. Preencha as informações necessárias na tela de diálogo que aparece.

Clique no retângulo e você verá a localização exata do gráfico

Crie um mapa de imagem usando o Gimp Etapa 4
Crie um mapa de imagem usando o Gimp Etapa 4

Etapa 4. Continue este processo para o resto do seu mapa

Crie um mapa de imagem usando o Gimp Etapa 5
Crie um mapa de imagem usando o Gimp Etapa 5

Etapa 5. Depois de definir todas as áreas de link, salve seu mapa de imagem

O GIMP se oferecerá automaticamente para salvá-lo como um arquivo com uma extensão.map. Se desejar, você pode salvá-lo assim. Mas este arquivo contém o código HTML (sem imagens) que precisamos editar e copiar em nossa própria página da web, portanto, é recomendável salvá-lo como [nome do arquivo].html e pular diretamente para a etapa 7.

Crie um mapa de imagem usando o Gimp Etapa 6
Crie um mapa de imagem usando o Gimp Etapa 6

Etapa 6. SE você não o salvou como um arquivo HTML, encontre o arquivo salvo e renomeie a extensão para.html

Você pode receber um aviso sobre a alteração das extensões de arquivo. Clique sim para continuar.

Crie um mapa de imagem usando o Gimp Etapa 7
Crie um mapa de imagem usando o Gimp Etapa 7

Etapa 7. Use um editor de texto para abrir este arquivo HTML

Você notará que este arquivo simplesmente contém uma lista de coordenadas e URLS. Este é o código que informa ao navegador quais URLs atribuir a quais partes da imagem.

Crie um mapa de imagem usando o Gimp Etapa 8
Crie um mapa de imagem usando o Gimp Etapa 8

Etapa 8. Certifique-se de que o caminho do arquivo definido em

Image
Image

links para a imagem na qual você deseja que os URLs sejam mapeados.

A falha em apontar corretamente para a imagem pode fazer com que nenhuma imagem seja exibida.

Etapa 9. OPCIONAL:

Use um navegador para abrir seu arquivo HTML; se tudo funcionar, você deverá ver a imagem com todos os URLs mapeados nela de acordo com as áreas que você definiu.

Crie um mapa de imagem usando o Gimp Etapa 10
Crie um mapa de imagem usando o Gimp Etapa 10

Etapa 10. Adicione o seu mapa de imagem ao HTML da sua página da web

Você precisará copiar TODAS as linhas de código que você vê, incluindo o

tag (que define o caminho para sua imagem de origem) e tudo entre as tags. É isso! Você Terminou.

Recomendado:

Como polarizar uma imagem usando o Photoshop: 13 etapas (com imagens)

Como polarizar uma imagem usando o Photoshop: 13 etapas (com imagens)

Os filtros de polarização são úteis para qualquer pessoa interessada em alterar a intensidade da cor de suas fotos ou minimizar o reflexo. Mesmo sem adquirir um filtro polarizador especializado, o Adobe Photoshop permitirá aos usuários obter efeitos semelhantes, como dessaturação (Ctrl + ⇧ Shift + U) e obter uma aparência mais profissional e acabada.

Como criar uma imagem de disco a partir de um sistema Linux usando Systemback

Como criar uma imagem de disco a partir de um sistema Linux usando Systemback

Você já tentou clonar seu sistema Linux e instalá-lo em outro computador? Se o fez, pode entender que não é uma tarefa fácil. Existem vários programas por aí construídos para tal tarefa, como Remastersys, Relinux, Ubuntu Builder e vários outros, no entanto, nenhum deles parece completar o trabalho completamente.

Como criar uma imagem GIF animada com o GIMP (com imagens)

Como criar uma imagem GIF animada com o GIMP (com imagens)

Imagens.gif" /> Passos Parte 1 de 2: Criando quadros para sua animação no GIMP Etapa 1. Abra o GIMP O GIMP é um programa de edição de imagens gratuito e de código aberto que possui ferramentas semelhantes ao Photoshop. O GIMP tem um ícone que lembra uma raposa com um pincel na boca.

Como adicionar definição a uma imagem usando um mapa de relevo no Photoshop CC

Como adicionar definição a uma imagem usando um mapa de relevo no Photoshop CC

Esquivar-se e queimar é uma forma de adicionar definição a uma imagem. Usar um mapa de relevo é outra maneira de fazer isso, e é incrivelmente fácil de fazer. Passos Método 1 de 2: Adicionando Destrutivamente o Efeito Etapa 1. Duplique sua camada de fundo Etapa 2.

Como esmaecer uma imagem de um anúncio usando o GIMP: 12 etapas

Como esmaecer uma imagem de um anúncio usando o GIMP: 12 etapas

Você pode usar esse método para anúncios, anúncios ou onde quiser adicionar algum texto que se destaque com uma imagem. Continue lendo para saber como. As capturas de tela são do GIMP 2.8 Passos Método 1 de 2: preparar as camadas Etapa 1.