Guia do Usuário Cancelar

Desenhar traçados alinhados a pixels para fluxos de trabalho da Web

  1. Guia do Usuário do Illustrator
  2. Conheça o Illustrator
    1. Introdução ao Illustrator
      1. Novidades no Illustrator
      2. Perguntas frequentes
      3. Requisitos de sistema do Illustrator
      4. Illustrator para Apple Silicon
    2. Área de trabalho
      1. Princípios da área de trabalho
      2. Crie documentos
      3. Ferramentas
      4. Personalizar atalhos de teclado
      5. Pranchetas
      6. Personalizar a área de trabalho
      7. Painel Propriedades
      8. Definir preferências
      9. Área de trabalho sensível ao toque
      10. Suporte ao Microsoft Surface Dial no Illustrator
      11. Operações de recuperação, desfazer e automação
      12. Girar visualização
      13. Guias, grades e réguas
      14. Acessibilidade no Illustrator
      15. Modo de segurança
      16. Exibir a ilustração
      17. Usar a Touch Bar com o Illustrator
      18. Arquivos e modelos
      19. Sincronizar configurações usando a Adobe Creative Cloud
    3. Ferramentas no Illustrator
      1. Seleção
        1. Visão geral
        2. Seleção
        3. Seleção direta
        4. Laço
        5. Prancheta
      2. Navegação
        1. Visão geral
        2. Aplicar Zoom
        3. Girar visualização
      3. Pintura
        1. Visão geral
        2. Degradê
        3. Construtor de formas
      4. Texto
        1. Visão geral
        2. Texto
        3. Texto no caminho
  3. Illustrator no iPad
    1. Introdução ao Illustrator no iPad
      1. Visão geral do Illustrator no iPad
      2. Perguntas frequentes sobre o Illustrator no iPad
      3. Requisitos de sistema | Illustrator no iPad
      4. O que você pode ou não fazer no Illustrator no iPad
    2. Área de trabalho
      1. Área de trabalho do Illustrator no iPad
      2. Atalhos de toque e gestos
      3. Atalhos de teclado para o Illustrator no iPad
      4. Gerenciar as configurações do seu aplicativo
    3. Documentos
      1. Trabalhar com documentos no Illustrator no iPad
      2. Importar documentos do Photoshop e do Fresco
    4. Selecionar e organizar objetos
      1. Criar objetos repetidos
      2. Mesclar objetos
    5. Desenho
      1. Desenhar e editar caminhos
      2. Desenhar e editar formas
    6. Texto
      1. Trabalhar com texto e fontes
      2. Criar designs de texto em um caminho
      3. Adicionar suas próprias fontes
    7. Trabalhar com imagens
      1. Vetorizar imagens rasterizadas
    8. Cor
      1. Aplicar cores e degradês
  4. Documentos na nuvem
    1. Noções básicas
      1. Trabalhar com documentos na nuvem do Illustrator
      2. Compartilhar e colaborar em documentos na nuvem do Illustrator
      3. Atualizar armazenamento na nuvem para o Adobe Illustrator
      4. Documentos na nuvem do Illustrator | Perguntas comuns
    2. Solução de problemas
      1. Solucionar problemas ao criar ou salvar documentos na nuvem no Illustrator
      2. Solucionar problemas de documentos na nuvem do Illustrator
  5. Adicionar e editar conteúdo
    1. Desenho
      1. Noções básicas sobre desenho
      2. Editar caminhos
      3. Desenhar artes com pixels perfeitos
      4. Desenhar com a ferramenta Caneta, Curvatura ou Lápis
      5. Desenhar linhas e formas simples
      6. Traçado de imagem
      7. Simplificar um caminho
      8. Definir grades de perspectiva
      9. Ferramentas de simbolismo e conjuntos de símbolos
      10. Ajustar segmentos de caminho
      11. Criar uma flor em cinco etapas fáceis
      12. Desenho em perspectiva
      13. Símbolos
      14. Desenhar caminhos alinhados a pixels para fluxos de trabalho da Web
    2. Efeitos 3D e materiais do Adobe Substance
      1. Sobre efeitos 3D no Illustrator
      2. Criar gráficos 3D
      3. Criar objetos 3D
      4. Criar texto 3D
    3. Cor
      1. Sobre cores
      2. Selecionar cores
      3. Usar e criar amostras
      4. Ajustar cores
      5. Usar o painel Temas do Adobe Color
      6. Grupos de cores (harmonias)
      7. Painel Temas do Color
      8. Recolorir sua ilustração
    4. Pintura
      1. Sobre pintura
      2. Pintura com preenchimentos e traçados
      3. Grupos de Pintura em tempo real
      4. Gradientes
      5. Pincéis
      6. Modos de transparência e mistura
      7. Aplicar traçado a um objeto
      8. Criar e editar padrões
      9. Malhas
      10. Padrões
    5. Selecionar e organizar objetos
      1. Selecionar objetos
      2. Camadas
      3. Agrupar e expandir objetos
      4. Mover, alinhar e distribuir objetos
      5. Empilhar objetos    
      6. Bloquear, ocultar e excluir objetos
      7. Duplicar objetos
      8. Girar e refletir objetos
    6. Remodelar objetos
      1. Cortar imagens
      2. Transformar objetos
      3. Combinar objetos
      4. Cortar, dividir e aparar objetos
      5. Distorção de marionete
      6. Dimensionar, inclinar e distorcer objetos
      7. Mesclar objetos
      8. Remodelar usando envelopes
      9. Remodelar objetos com efeitos
      10. Criar formas com as ferramentas Shaper e Construtor de formas
      11. Trabalhar com Cantos ativos
      12. Fluxos de trabalho de remodelagem aprimorados com suporte para toque
      13. Editar máscaras de corte
      14. Formas em tempo real
      15. Criar formas usando a ferramenta Construtor de formas
      16. Edição global
    7. Texto
      1. Criar texto
      2. Fontes e tipografia
      3. Formatar texto
      4. Importar e exportar texto
      5. Formatar parágrafos
      6. Caracteres especiais
      7. Criar texto em um caminho
      8. Estilos de caracteres e parágrafos
      9. Guias
      10. Texto e tipo
      11. Localizar fontes ausentes (fluxo de trabalho do Typekit)
      12. Atualizar texto do Illustrator 10
      13. Texto árabe e hebraico
      14. Fontes | Perguntas frequentes e dicas de solução de problemas
      15. Criar efeito de texto em 3D
      16. Designs tipográficos criativos
      17. Dimensionar e girar texto
      18. Espaçamento entre linhas e caracteres
      19. Hifenização e quebras de linha
      20. Aprimoramentos de texto
      21. Dicionários de verificação ortográfica e idiomas
      22. Formatar caracteres asiáticos
      23. Compositores para scripts asiáticos
      24. Criar designs de texto com objetos de mistura
      25. Criar um pôster de texto usando o Traçado da imagem
    8. Criar efeitos especiais
      1. Trabalhar com efeitos
      2. Estilos de gráfico
      3. Criar uma sombra projetada
      4. Atributos de aparência
      5. Criar croquis e mosaicos
      6. Sombras projetadas, brilhos e difusão
      7. Resumo de efeitos
    9. Gráficos da Web
      1. Práticas recomendadas para a criação de gráficos da Web
      2. Gráficos
      3. SVG
      4. Criar animações
      5. Fatias e mapas de imagens
  6. Importar, exportar e salvar
    1. Importar
      1. Importar arquivos de arte
      2. Importar imagens de bitmap
      3. Importar trabalho artístico do Photoshop
      4. Inserção de vários arquivos  | Illustrator CC
      5. Desincorporar imagens
      6. Importar arquivos Adobe PDF
      7. Importar arquivos EPS, DCS e AutoCAD
      8. Informações sobre Vínculos
    2. Bibliotecas da Creative Cloud no Illustrator 
      1. Bibliotecas da Creative Cloud no Illustrator
    3. Salvar
      1. Salvar o trabalho artístico
    4. Exportar
      1. Usar arte do Illustrator no Photoshop
      2. Exportar o trabalho artístico
      3. Coletar ativos e exportar em lotes
      4. Compactar arquivos
      5. Criar arquivos Adobe PDF
      6. Extrair CSS | Illustrator CC
      7. Opções para Adobe PDF
      8. Informações de arquivos e metadados
  7. Impressão
    1. Preparar para imprimir
      1. Configurar documentos para impressão
      2. Alterar o tamanho e a orientação da página
      3. Especificar marcas de corte para aparar ou alinhar
      4. Introdução à tela grande
    2. Impressão
      1. Superimposição
      2. Imprimir com gerenciamento de cores
      3. Impressão PostScript
      4. Predefinições de impressão
      5. Marcas da impressora e sangrias
      6. Imprimir e salvar arte transparente
      7. Trapping
      8. Imprimir separações de cores
      9. Imprimir gradientes, malhas e misturas de cores
      10. Superimposição de branco
  8. Automatizar tarefas
    1. Mesclagem de dados usando o painel Variáveis
    2. Automação com scripts
    3. Automação com ações
  9. Solução de problemas 
    1. Problemas de falha
    2. Recuperar arquivos após falha
    3. Problemas em arquivos
    4. Problemas no driver de dispositivo de GPU
    5. Problemas no dispositivo Wacom
    6. Problemas em arquivos DLL
    7. Problemas na memória
    8. Problemas no arquivo de preferências
    9. Problemas em fontes
    10. Problemas na impressora
    11. Compartilhar relatório de falha com a Adobe
Observação:

As informações neste artigo são relevantes para o Illustrator CC 2015.x e versões anteriores. Desde a versão CC 2017, o Illustrator conta com uma funcionalidade mais previsível e precisa para alinhar a arte à grade de pixels. Consulte Desenhar arte pixel-perfect para obter detalhes.

O alinhamento a pixels é uma propriedade em nível de objeto com a qual um objeto pode ter seus caminhos verticais e horizontais alinhados à grade de pixels. Essa propriedade permanece com o objeto quando este é modificado. Qualquer caminho vertical ou horizontal no objeto será alinhado à grade de pixels enquanto essa propriedade estiver definida.

Traçados alinhados a pixel no Illustrator
Ilustração mostrando objetos alinhados a pixels e objetos não alinhados a pixels

A. O objeto não está alinhado a pixels B. O objeto está alinhado a pixels 

Alinhamento de novos objetos à grade de pixels

A opção Alinhar novos objetos à grade de pixels está disponível na seção Avançado da caixa de diálogo Novo documento.

Esta opção também está disponível no menu do painel Transformar (menu suspenso) do painel Transformar.

Opção Alinhar novos objetos para a grade de pixel no menu do painel Transformar
Opção Alinhar novos objetos para a grade de pixel no menu do painel Transformar

Se você ativar essa opção, qualquer novo objeto desenhado terá a propriedade de alinhamento a pixels definida por padrão. Para novos documentos criados com o uso do perfil de documentos da Web, essa opção está ativada por padrão.

A aparência nítida dos traçados alinhados a pixels é mantida na saída rasterizada a uma resolução de apenas 72 ppi. Para outras resoluções, é bastante provável que esses traçados produzam resultados de suavização de serrilhado.

Objetos que estão alinhados a pixels, mas que não possuem segmentos retos na vertical ou horizontal, não são modificados para alinhamento à grade de pixels. Por exemplo, como um retângulo girado não possui segmentos retos na vertical ou horizontal, ele não é ajustado para produzir caminhos nítidos quando a propriedade de alinhamento a pixels é definida para ele.

Observação:

A propriedade de nível de documento e o status de alinhamento a pixels de cada objeto são salvos no arquivo .ai.

Para obter mais informações sobre como alinhar símbolos à grade de pixels, consulte Alinhamento de símbolos à grade de pixels.

Alinhamento de objetos existentes à grade de pixels

Um objeto com a opção Alinhar à grade de pixels selecionada é ajustado para alinhamento à grade de pixels sempre que é modificado. Por exemplo, se você mover ou transformar um objeto alinhado a pixels, este será realinhado à grade de pixels de acordo com suas novas coordenadas.

Para alinhar um objeto existente à grade de pixels, selecione-o e marque a caixa de seleção Alinhar à grade de pixels, na parte inferior do painel Transformar.

Opção Alinhar à grade de pixels no painel Transformar
Opção Alinhar à grade de pixels no painel Transformar

Quando essa opção é selecionada, os segmentos verticais e horizontais dos caminhos do objeto são ajustados. Como resultado, a aparência desses segmentos sempre mostra traçados nítidos, para todas as larguras de traçado e todos os locais. Objetos com essa opção selecionada têm sempre larguras de traçado em valores inteiros.

Inserir objetos não alinhados em documentos com a opção Alinhar novos objetos à grade de pixels ativada não alinha esses objetos automaticamente à grade de pixels. Para tornar esses objetos alinhados a pixels, selecione-os e escolha a opção Alinhar à grade de pixels no painel Transformar. Não é possível alinhar a pixels objetos como rasterizações, efeitos de rasterização e objetos de texto, pois esses objetos não têm caminhos reais.

Seleção de objetos não alinhados à grade de pixels

Clique em Selecionar > Objeto > Não alinhado à grade de pixels, para selecionar os objetos.

Alinhamento de símbolos à grade de pixels

Para criar um símbolo alinhado a pixels, selecione a opção Alinhar à grade de pixels na caixa de diálogo Opções de símbolo. Os símbolos alinhados à grade de pixels permanecem nesse estado de alinhamento em todos os locais da prancheta, com seus tamanhos reais.

Observação:

Um símbolo dimensionado pode não gerar caminhos nítidos, embora sua propriedade de alinhamento a pixels esteja definida.

Para obter mais informações sobre como alinhar à grade de pixels, consulte Desenhar caminhos alinhados a pixels para fluxos de trabalho da Web.

Observação:

Se o botão Redefinir no painel de Controle estiver ativo, significa que o símbolo foi transformado e não está em seu tamanho real.

Exibição da grade de pixels

Para exibir a grade de pixels, defina o zoom como 600%, ou mais, no modo Visualização de pixels.

Para definir as preferências de exibição da grade de pixels, clique em Preferências > Guias e grade. Selecione a opção Mostrar grade de pixels (zoom acima de 600%), se ela ainda não estiver selecionada.

Salvar fatias selecionadas

Para salvar apenas as fatias selecionadas de uma arte, clique em Arquivo > Salvar fatias selecionadas.

Opções de suavização de serrilhado

Suavização de texto

No Illustrator, o painel Caractere oferece as seguintes opções de suavização de serrilhado:

  • Nenhum

  • Nítida

  • Bem Definida

  • Forte

Suavização de texto
Opções de suavização de serrilhado de texto no painel Caractere

É possível definir opções de suavização de serrilhado para cada quadro de texto. Esses atributos de suavização de texto são salvos como parte do documento. Essas opções também são suportadas pelos formatos PDF, AIT e EPS. As opções de suavização de serrilhado podem ser exportadas ou importadas para PSD.

Ao exportar para formatos BMP, PNG, Targa, JPEG ou TIFF, as seguintes opções ficam disponíveis na lista suspensa de suavização de serrilhado: Nenhuma, Arte otimizada e Texto otimizado.

  • A opção Arte otimizada cria rasterização para cada um desses formatos, como nas versões anteriores. No entanto, as opções de suavização de serrilhado não são consideradas durante a rasterização da arte nesse caso.

  • A opção Texto otimizado considera as novas opções de suavização apresentadas para quadros de texto na rasterização produzida.

Essas opções também estão disponíveis na caixa de diálogo Salvar para Web.

Logotipo da Adobe

Fazer logon em sua conta