| 15.2. Image Map | ||
|---|---|---|
|
15. Filtros para a Web |  |
| 15.2. Image Map | ||
|---|---|---|
|
|
15. Filtros para a Web | |
In Web sensitive images are frequently used to get some effects when defined areas are enabled by the pointer. Obviously the most used effect is a dynamic link to another web page when one of the sensitive areas is clicked on. This “filter” allows you to design easily sensitive areas within an image. Applications for website design have this as a standard function. In GIMP, you can do this in a similar way.
Este plug-in permite projetar de forma gráfica e amigável todas as áreas que você deseja delimitar sobre sua imagem. Ele gera a parte relevante das tags HTML que devem ser incorporada nos lugar apropriado no código da página HTML. Você pode definir algumas ações ligadas a essas áreas também.
Esta é uma ferramenta complexa, que não está completamente descrita aqui (ela funciona mais ou menos como os programas de páginas de internet que oferecem esta função, e não é difícil de entender por tentativa e erro). No entanto, queremos descrever aqui alguns dos tratamentos mais usados. Se você quiser,pode encontrar descrições mais completas no livro Grokking the GIMP [GROKKING02].
This filter is found in the main menu under → → .
O filtro é praticamente um outro programa completo que funciona por dentro do GIMP. A janela é pequena, mas você pode ampliá-la. As principais áreas úteis são:
Totalmente à esquerda são exibidos ícones verticalmente, um para apontar, três para chamar ferramentas para gerar diversas áreas de forma, uma para editar as propriedades da zona, e, finalmente, uma para apagar uma zona selecionada, você pode chamar essas funções com o menu Mapeamento,
Logo a direita desses ícones está sua área de trabalho onde você pode desenhar todas as formas que quiser com as ferramentas relevantes,
a direita dessa área de trabalho é exibido um conjunto de ícones verticais, o seu uso é óbvio, mas uma ajuda flutuante lhe fornece algumas informações sobre cada função,
Finalmente, ainda mais a direita está uma área de exibição, como uma lista de propriedades das áreas criadas. Um clique em um item da lista seleciona automaticamente a forma correspondente na área de trabalho,
The menu bar is similar to the main menu, only a few menus or menu entries are different:
Ao contrário de outros filtros, este plug-in não salva ou exporta um arquivo de imagem, mas um arquivo de texto. Portanto, você deve salvar seu trabalho em um formato de texto.
![[Dica]](images/tip.png)
|
Dica |
|---|---|
|
Com a opção de → você pode ver o conteúdo de arquivo de texto, antes de salva-lo. Uma vez que o arquivo gerado só faz sentido como parte de um modelo ou uma página HTML, você pode copiar o conteúdo a partir daí e cola-lo em sue destino final, sem nunca precisar da opção de salvar do plug-in. |
No plug-in você pode abrir o arquivo de texto salvo. As áreas definidas em seu arquivo serão carregadas e ainda exibidas, se a imagem exibida não é a original ou não tem o mesmo tamanho, o GIMP irá pedir-lhe para a adaptar a escala.
Este menu lhe oferece funções especiais:
Aqui você pode ocultar ou mostrar a área de seleção.
Aqui você vê os dados brutos como se fosse salvá-los para um arquivo.
Você pode selecionar o modo de imagem aqui e trabalhar com uma exibição em tons de cinza.
Você raramente vai usar este menu, já que você pode acessar mais facilmente as ferramentas de seleção clicando nos ícones do lado esquerdo da área de trabalho.
A seta representa aqui a ferramenta Mover. Quando ativada a ferramenta está selecionada, você pode selecionar e mover uma área na imagem.
Com um polígono, você pode usar a seta para mover um dos pontos vermelhos. Clique com o botão direito do mouse em um segmento entre dois pontos vermelhos para abrir um menu flutuante que oferece, junto com algumas outras, a possibilidade de adicionar um novo ponto. Se você clicar com o botão direito em um ponto vermelho, você pode removê-lo.
Estas ferramentas permitem que você crie várias áreas de forma: clique sobre a imagem, mova o ponteiro e clique novamente.
Com esta simples janela você pode inserir alguns itens, que serão gravados no arquivo de saída resultante; quer como comentários (Autor, Descrição) ou como valores de atributos das tags HTML (nome da Imagem, Título, URL padrão).
Com o Menu “Ferramentas” você pode criar guias e até mesmo áreas retangulares regularmente espaçadas.
Aqui você pode ativar e desativar a grade de imagem ou configurar algumas propriedades da grade.
As linhas-guia são criadas na fronteira da imagem, mas pode ser movida clicando sobre os quadrados vermelhos em cada linha algo parecido com as linhas de orientação do GIMP. Usando as guias você poderá criar retângulos ativos na imagem.
Em vez de criar formas geométricas para selecionar as áreas ativas que você pode usar uma série de retângulos, cada um representando uma área ativa, clicando em “Criar guias”. No menu flutuante você define a largura e a altura dos retângulos, o espaço entre eles, o número de linhas e colunas, e o ponto inicial superior a esquerda para a matriz. Todas as medidas estão em pixels. Se você não estiver satisfeito com o resultado, é possível ajustar cada retângulo movendo os quadrados vermelhos, como de costume.
A maioria das entradas aqui são apenas atalhos para algumas funções já descritas. Exceções:
Here you can move an area entry to the bottom or top of the area list.
In the main area of the image map window, on the left side, you will find your working area where you can draw all the shapes areas you want with the relevant tools.
Ao lado da área de trabalho, existem ícones exibidos verticalmente, um para apontar, três para chamar ferramentas para gerar diversas formas, uma para editar as propriedades da zona e, finalmente, uma para apagar uma zona selecionada, também é possível chamar essas funções com o menu de Mapeamento.
![[Cuidado]](images/caution.png)
|
Cuidado |
|---|---|
|
Note que as áreas não devem se sobrepor. |
À direita está uma área de exibição, como uma lista de propriedades das áreas criadas. Um clique em um item da lista seleciona automaticamente a forma correspondente na área de trabalho, então você pode modificá-la.
Ao lado da tela está um conjunto vertical de ícones, sua utilização é óbvia, mas uma ajuda flutuante fornece algumas informações sobre cada função,
Infelizmente, os símbolos de seta para mover uma entrada da lista para cima ou para baixo não funcionam aqui. Mas é claro que você evitou cuidadosamentecriar áreas de sobreposição, de modo que você não precise usar essas funções de qualquer forma.
