Sobre fatias

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.

Trabalho artístico fatiado com o uso de diferentes tipos de fatia
Trabalho artístico fatiado com o uso de diferentes tipos de fatia

A. Fatia sem imagem B. Fatia de imagem C. Fatia de 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

  1. Siga um destes procedimentos:
    • Selecione um ou mais objetos na prancheta e escolha Objeto > Fatia > Criar.

    • Selecione a ferramenta Fatia e arraste sobre uma área na qual deseja criar uma fatia. Arraste com a tecla Shift pressionada para restringir a fatia a um quadrado. Arraste com a tecla Alt (Windows), ou Option (Mac OS), pressionada para desenhar a partir do centro.

    • Selecione um ou mais objetos na prancheta e escolha Objeto > Fatia > Criar de seleção.

    • Insira guias nos pontos em que deseja fatiar o trabalho artístico e escolha Objeto > Fatia > Criar de guias.

    • Selecione uma fatia existente e escolha Objeto > Fatia > Duplicar fatia.

      Dica: Use o comando Objeto > Fatia > Criar quando quiser que as dimensões da fatia correspondam aos limites de um elemento no trabalho artístico. Se você mover ou modificar o elemento, a área da fatia será automaticamente ajustada para compreender o novo trabalho artístico. Além disso, use esse comando para criar uma fatia que capture características de formatação básica e de texto a partir de um objeto de texto.

      Dica: Use a ferramenta Fatia, o comando Criar de seleção ou o comando Criar de guias quando quiser que as dimensões da fatia sejam independentes do trabalho artístico subjacente. As fatias criadas de uma dessas maneiras são exibidas como itens no painel Camadas, e você pode movê-las, redimensioná-las e excluí-las da mesma maneira que outros objetos de vetor.

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.

  1. Siga um destes procedimentos com a ferramenta Seleção de fatia:
    • Selecione uma fatia na janela da ilustração e escolha Objeto > Fatia > Opções de fatia.

    • Com a ferramenta Seleção de fatia, clique duas vezes em uma fatia na caixa de diálogo Salvar para Web e dispositivos.

  2. Selecione um tipo de fatia e defina as opções correspondentes:

    Imagem

    Selecione esse tipo se quiser que a área da fatia seja um arquivo de imagem na página da Web resultante. Se quiser que a imagem seja um link HTML, insira uma URL e um conjunto de quadros direcionado. Você também pode especificar uma mensagem que será exibida na área de status do navegador quando o mouse for posicionado sobre a imagem, bem como o texto alternativo que aparecerá quando a imagem não estiver visível e uma cor de plano de fundo para a célula da tabela.

    Sem imagem

    Selecione esse tipo se quiser que a área da fatia contenha um texto HTML e uma cor de plano de fundo na página da Web resultante. Insira o texto desejado na caixa Texto exibido na célula e formate o texto usando marcas HTML padrão. Tome cuidado para não inserir mais texto do que pode ser exibido na área da fatia. (Se você inserir muito texto, ele se estenderá até as fatias vizinhas e afetará o layout da página da Web. Entretanto, como não é possível ver o texto na prancheta, isso apenas ficará aparente quando a página da Web for visualizada em um navegador da Web.) Defina as opções Horizontal e Vertical para alterar o alinhamento do texto na célula da tabela.

    Texto HTML

    Esse tipo apenas estará disponível quando você tiver criado a fatia selecionando um objeto de texto e escolhendo Objeto > Fatia > Criar. O texto do Illustrator é convertido em texto HTML, com atributos de formatação básica na página da Web resultante. Para editar o texto, atualize o texto no trabalho artístico. Defina as opções Horizontal e Vertical para alterar o alinhamento do texto na célula da tabela. Você também pode selecionar uma cor de plano de fundo para a célula da tabela.

    Dica: Para editar o texto de fatias de Texto HTML na caixa de diálogo Opções de fatia, altere o tipo de fatia para Sem imagem. Isso quebra o vínculo com o objeto de texto na prancheta. Para ignorar a formatação de texto, insira <sem formatação> como a primeira palavra no objeto de texto.

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.

Observação:

Para evitar resultados inesperados, não crie pontos de acesso de mapas de imagem em fatias que contenham vínculos de URL: vínculos de mapas de imagem ou vínculos de fatia podem ser ignorados em alguns navegadores.

  1. Selecione o objeto que deseja vincular a uma URL.
  2. No painel Atributos, selecione uma forma para o mapa de imagem no menu Mapa de imagem.
  3. Insira uma URL relativa ou absoluta na caixa de texto URL ou seleciona uma opção na lista de URLs disponíveis. Você pode verificar o local da URL clicando no botão Navegador.

    Observação:

    Para aumentar o número de entradas visíveis no menu URL, selecione o painel Opções no menu do painel Atributos. Insira um valor de 1 a 30 para definir quantas entradas de URL você deseja exibir na lista URL.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online