Fatias e mapas de imagens

Páginas da Web podem conter muitos elementos: texto HTML, imagens bitmap e gráficos de vetor, entre outros. No Illustrator, você pode usar fatias para definir os limites de diferentes elementos da Web no seu trabalho artístico. Por exemplo, se o seu trabalho artístico contiver uma imagem bitmap que precisa ser otimizada no formato JPEG, enquanto o restante da imagem é melhor otimizado como arquivo GIF, você poderá isolar essa imagem bitmap usando uma fatia. Quando um trabalho artístico é salvo como uma página da Web usando o comando Salvar para Web e dispositivos, você pode escolher salvar cada parte como um arquivo independente com seu próprio formato, configurações e tabela de cores.

As fatias em um documento do Illustrator correspondem a células de tabela na página da Web resultante. Por padrão, a área da fatia é exportada como um arquivo de imagem delimitado em uma célula de tabela. Se você quiser que a célula da tabela contenha texto HTML e uma cor de plano de fundo no lugar de um arquivo de imagem, poderá alterar o tipo de fatia como Sem imagem. Se quiser converter o texto do Illustrator em texto HTML, poderá alterar o tipo de fatia como Texto HTML.

É possível visualizar fatias na prancheta e na caixa de diálogo Salvar para Web e dispositivos. O Illustrator numera fatias da esquerda para a direita e de cima para baixo, começando no canto superior esquerdo do trabalho artístico. Se a organização ou o número total de fatias for alterado, os números de fatias serão atualizados para refletir a nova ordem.

Quando uma fatia é criada, o Illustrator fatia o trabalho artístico circundante em fatias automáticas para manter o layout usando uma tabela com base na Web. Existem dois tipos de fatias automáticas: autofatias e subfatias. Autofatias referem-se às áreas do trabalho artístico que você não definiu como uma fatia. O Illustrator regenera autofatias sempre que você adiciona ou edita fatias. Subfatias indicam como as fatias sobrepostas definidas pelo usuário serão divididas. Embora as subfatias sejam numeradas e exibam um símbolo de fatia, não é possível selecioná-las separadamente da fatia subjacente. O Illustrator regenera subfatias e autofatias conforme necessário durante uma sessão de trabalho.

Criar fatias

Selecionar fatias

Use a ferramenta Seleção de fatia  para selecionar uma fatia na janela de ilustração ou na caixa de diálogo Salvar para Web e dispositivos.

• Para selecionar uma fatia, clique nela.
• Para selecionar várias fatias, clique com a tecla Shift pressionada. (Na caixa de diálogo Salvar para Web e dispositivos, também é possível arrastar com a tecla Shift pressionada.)
• Para selecionar uma fatia subjacente ao trabalhar com fatias sobrepostas, clique em sua seção visível.

  Além disso, você pode selecionar fatias na janela da ilustração seguindo um destes procedimentos:

• Para selecionar uma fatia criada com o uso do comando Objeto > Fatia > Criar, selecione o trabalho artístico correspondente na prancheta. Se a fatia estiver vinculada a um grupo ou camada, selecione o ícone de destino adjacente ao grupo ou camada no painel Camadas.
• Para selecionar uma fatia criada com o uso da ferramenta Fatia, do comando Criar de seleção ou do comando Criar de guias, direcione a fatia no painel Camadas.
• Clique no caminho de fatia com a ferramenta Seleção .
• Para selecionar um segmento de caminho de fatia ou um ponto âncora de fatia, clique em qualquer um dos itens com a ferramenta Seleção direta.

  Observação: Não é possível selecionar autofatias. Essas fatias ficam acinzentadas.

Definir opções de fatias

As opções de uma fatia determinam como será a aparência e o funcionamento do conteúdo dessa fatia na página da Web resultante.

Bloquear fatias

Bloquear fatias impede que você faça alterações acidentais, como redimensionar ou mover.

• Para bloquear todas as fatias, escolha Exibir > Bloquear fatias.
• Para bloquear fatias individuais, clique na coluna de edição das fatias, no painel Camadas.

Ajustar limites de fatias

Se você tiver criado uma fatia usando o comando Objeto > Fatia > Criar, a posição e o tamanho da fatia estarão vinculados ao trabalho artístico que ela contém. Portanto, se esse trabalho artístico for movido ou redimensionado, os limites da fatia serão automaticamente ajustados.

Se você tiver criado uma fatia usando a ferramenta Fatia, o comando Criar de seleção ou o comando Criar de guias, será possível ajustá-la manualmente das seguintes maneiras:

• Para mover uma fatia, arraste-a até uma nova posição com a ferramenta Seleção de fatia . Pressione Shift para restringir o movimento a uma linha vertical, horizontal ou diagonal de 45°.
• Para redimensionar uma fatia, selecione-a com a ferramenta Seleção direta e arraste qualquer um de seus cantos ou laterais. Você também pode usar a ferramenta Seleção e o painel Transformar para redimensionar fatias.
• Para alinhar ou distribuir fatias, use o painel Alinhar. O alinhamento de fatias pode eliminar autofatias desnecessárias com o objetivo de gerar um arquivo HTML menor e mais eficiente.
• Para alterar a ordem de empilhamento das fatias, arraste a fatia até uma nova posição no painel Camadas ou selecione um comando Objeto > Organizar.
• Para dividir uma fatia, selecione-a e escolha Objeto > Fatia > Dividir fatias.

  Você pode combinar fatias que foram criadas por qualquer método. Selecione as fatias e escolha Objeto > Fatia > Combinar fatias. A fatia resultante assume as dimensões e a posição do retângulo criado pela junção das bordas externas das fatias combinadas. Se as fatias combinadas não forem adjacentes ou se tiverem proporções ou alinhamentos diferentes, a nova fatia poderá sobrepor as outras fatias.

  Para redimensionar todas as fatias até os limites da prancheta, escolha Objeto > Fatia > Recortar para tela de imagem. As fatias que se estenderem para além da prancheta serão truncadas para caberem na prancheta, enquanto as autofatias localizadas na prancheta serão estendidas até os limites da prancheta. O restante do trabalho artístico permanecerá inalterado.

Remover fatias

Você pode remover fatias excluindo-as ou liberando-as do trabalho artístico correspondente.

• Para excluir uma fatia, selecione-a e pressione Delete. Se a fatia tiver sido criada com o uso do comando Objeto > Fatia > Criar, o trabalho artístico correspondente será excluído ao mesmo tempo. Se quiser manter o trabalho artístico correspondente, libere a fatia em vez de excluí-la.
• Para excluir todas as fatias, escolha Objeto > Fatia > Excluir tudo. As fatias criadas com o comando Objeto > Fatia > Criar são liberadas e não excluídas.
• Para liberar uma fatia, selecione-a e escolha Objeto > Fatia > Liberar.

Mostrar ou ocultar fatias

• Para ocultar fatias na janela da ilustração, escolha Exibir > Ocultar fatias.
• Para ocultar fatias na caixa de diálogo Salvar para Web e dispositivos, clique no botão Alternar visibilidade de fatias .
• Para ocultar os números de fatias e alterar a cor das linhas de fatias, escolha Editar > Preferências > Guias inteligentes e fatias (Windows), ou Illustrator > Preferências > Guias inteligentes e fatias (Mac OS).

Criar mapas de imagem

Mapas de imagem permitem vincular uma ou mais áreas de uma imagem, chamadas de pontos de acesso, a uma URL. Quando um usuário clica no ponto de acesso, o navegador da Web carrega o arquivo vinculado.

A principal diferença entre o uso de mapas de imagem e o uso de fatias para criar vínculos está na forma como o trabalho artístico é exportado como página da Web. Usar mapas de imagem mantém o trabalho artístico intacto como um único arquivo de imagem, enquanto usar fatias faz com que o trabalho artístico seja dividido em arquivos separados. Outra diferença entre mapas de imagem e fatias é que os primeiros permitem vincular áreas poligonais ou retangulares no trabalho artístico, enquanto as segundas permitem vincular apenas áreas retangulares. Se você precisar vincular apenas áreas retangulares, será preferível usar fatias a usar um mapa de imagem.