Guia do Usuário Cancelar

SVG

Pesquisar
Illustrator

Illustrator

Abrir na 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
      5. Desempenho de GPU
    2. Área de trabalho
      1. Princípios da área de trabalho
      2. Crie documentos
      3. Aprenda mais rápido com o painel Descobrir do Illustrator
      4. Acelere fluxos de trabalho usando a barra de tarefas contextual
      5. Barra de ferramentas
      6. Atalhos de teclado padrão
      7. Personalizar atalhos de teclado
      8. Introdução às pranchetas
      9. Gerenciar pranchetas
      10. Personalizar a área de trabalho
      11. Painel Propriedades
      12. Definir preferências
      13. Área de trabalho sensível ao toque
      14. Suporte ao Microsoft Surface Dial no Illustrator
      15. Desfazer edições e gerenciar histórico de design
      16. Girar visualização
      17. Guias, grades e réguas
      18. Acessibilidade no Illustrator
      19. Exibir a ilustração
      20. Usar a Touch Bar com o Illustrator
      21. Arquivos e modelos
    3. Ferramentas no Illustrator
      1. Principais características das ferramentas
      2. Selecionar ferramentas
        1. Seleção
        2. Seleção direta
        3. Seleção de grupos
        4. Varinha mágica
        5. Laço
        6. Prancheta
      3. Ferramentas de navegação
        1. Mão
        2. Girar visualização
        3. Aplicar zoom
      4. Ferramentas de pintura
        1. Degradê
        2. Malha
        3. Construtor de formas
      5. Ferramentas de texto
        1. Texto
        2. Tipo no caminho
        3. Texto vertical
      6. Ferramentas de desenho
        1. Caneta
        2. Adicionar ponto de ancoragem
        3. Excluir ponto de ancoragem
        4. Ponto de ancoragem
        5. Curvatura
        6. Segmento de linha
        7. Retângulo
        8. Retângulo arredondado
        9. Elipse
        10. Polígono
        11. Estrela
        12. Pincel
        13. Pincel irregular
        14. Lápis
        15. Shaper
        16. Fatia
      7. Ferramentas de modificação
        1. Girar
        2. Refletir
        3. Dimensionar
        4. Inclinar
        5. Largura
        6. Transformação livre
        7. Conta-gotas
        8. Mesclar
        9. Borracha
        10. Tesoura
        11. Dimensão
    4. IA generativa (não disponível na China continental)
      1. Gere cenas, assuntos e ícones usando prompts de texto
      2. Gere padrões vetoriais usando prompts de texto
      3. Gere preenchimentos de formas vetoriais usando prompts de texto
      4. Recolorir sua ilustração usando prompts de texto
    5. Ações rápidas
      1. Texto retrô
      2. Texto com brilho néon
      3. Texto com visual à moda antiga
      4. Recolorir
      5. Converter esboço em vetor
  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. Compartilhar documentos para revisão
      4. Atualizar armazenamento na nuvem para o Adobe Illustrator
      5. 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. Desenhar grades retangulares e polares
      7. Desenhar e editar clarões
      8. Traçar imagens
      9. Simplificar um caminho
      10. Ferramentas de simbolismo e conjuntos de símbolos
      11. Ajustar segmentos de caminho
      12. Criar uma flor em cinco etapas fáceis
      13. Criar e editar uma grade de perspectiva
      14. Desenhar e modificar objetos em uma grade de perspectiva
      15. Usar objetos como símbolos para uso repetido
      16. Desenhar caminhos alinhados a pixels para fluxos de trabalho da Web
    2. Medida
      1. Medir e traçar dimensões
    3. Objetos e materiais 3D
      1. Sobre efeitos 3D no Illustrator
      2. Criar gráficos 3D
      3. Mapear ilustração em objetos 3D
      4. Criar texto 3D
      5. Criar objetos 3D
    4. 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
    5. 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
    6. Selecionar e organizar objetos
      1. Selecionar objetos
      2. Camadas
      3. Expandir, agrupar e desagrupar objetos
      4. Mover, alinhar e distribuir objetos
      5. Alinhar, organizar e mover objetos em um caminho
      6. Ajustar objetos ao glifo
      7. Ajustar objetos ao glifo japonês
      8. Empilhar objetos    
      9. Bloquear, ocultar e excluir objetos
      10. Copiar e duplicar objetos
      11. Girar e refletir objetos
      12. Entrelaçar objetos
      13. Criar modelos de arte realistas
    7. 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
    8. Texto
      1. Adicionar texto e trabalhar com objetos de texto
      2. Visualizador do Reflow
      3. Criar listas numeradas e com marcadores
      4. Gerenciar área de texto
      5. Fontes e tipografia
      6. Converter texto dentro de imagens em texto editável
      7. Adicionar formatação básica ao texto
      8. Adicionar formatação avançada ao texto
      9. Importar e exportar texto
      10. Formatar parágrafos
      11. Caracteres especiais
      12. Criar texto em um caminho
      13. Estilos de caractere e de parágrafo
      14. Guias
      15. Adicionar fontes ausentes do Adobe Fonts
      16. Texto árabe e hebraico
      17. Fontes | Perguntas frequentes e dicas de solução de problemas
      18. Designs tipográficos criativos
      19. Dimensionar e girar texto
      20. Espaçamento entre linhas e caracteres
      21. Hifenização e quebras de linha
      22. Dicionários de verificação ortográfica e idiomas
      23. Formatar caracteres asiáticos
      24. Compositores para scripts asiáticos
      25. Criar designs de texto com objetos de mistura
      26. Criar um pôster de texto usando o Traçado da imagem
    9. Criar efeitos especiais
      1. Trabalhar com efeitos
      2. Estilos de gráfico
      3. Atributos de aparência
      4. Criar croquis e mosaicos
      5. Sombras projetadas, brilhos e difusão
      6. Resumo de efeitos
    10. Gráficos da Web
      1. Práticas recomendadas para a criação de gráficos da Web
      2. Gráficos
      3. SVG
      4. Fatias e mapas de imagens
  6. Importar, exportar e salvar
    1. Importar
      1. Inserir vários arquivos
      2. Gerenciar arquivos vinculados e incorporados
      3. Informações sobre vínculos
      4. Desincorporar imagens
      5. Importar trabalho artístico do Photoshop
      6. Importar imagens de bitmap
      7. Importar arquivos Adobe PDF
      8. Importar arquivos EPS, DCS e AutoCAD
    2. Bibliotecas da Creative Cloud no Illustrator 
      1. Bibliotecas da Creative Cloud no Illustrator
    3. Salvar e exportar
      1. Salvar o trabalho artístico
      2. Exportar a arte
      3. Criar arquivos Adobe PDF
      4. Opções para Adobe PDF
      5. Usar arte do Illustrator no Photoshop
      6. Coletar ativos e exportar em lotes
      7. Compactar arquivos
      8. Extrair CSS | Illustrator CC
      9. Painel Informações do documento
  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 corrigidos
    2. Problemas conhecidos
    3. Problemas de falha
    4. Recuperar arquivos após falha
    5. Modo de segurança
    6. Problemas em arquivos
    7. Formatos de arquivo com suporte
    8. Problemas no driver de dispositivo de GPU
    9. Problemas no dispositivo Wacom
    10. Problemas em arquivos DLL
    11. Problemas na memória
    12. Problemas no arquivo de preferências
    13. Problemas em fontes
    14. Problemas na impressora
    15. Compartilhar relatório de falha com a Adobe
    16. Melhorar o desempenho do Illustrator

Saiba como trabalhar com SVG para usar XML e JavaScript na criação de gráficos da Web que respondam a ações de usuários com efeitos sofisticados, como realce, dicas de ferramentas, áudio e animação.

Link direto para o Adobe Illustrator

Experimente no aplicativo
Aplique filtros SVG em algumas etapas simples.

Abrir o Illustrator

Sobre o SVG

SVG é um formato vetorial que descreve imagens como formas, caminhos, texto e efeitos de filtro. Os arquivos resultantes são compactos e fornecem elementos gráficos de alta qualidade na Web, impressos e até mesmo em dispositivos portáteis com recursos limitados, diferentemente dos formatos GIF, JPEG, WBMP e PNG, que são volumosos. Os usuários podem ampliar a exibição de uma imagem SVG na tela, sem sacrificar a nitidez, os detalhes ou a clareza. Além disso, o SVG fornece suporte superior para texto e cores, o que garante que os usuários vejam as imagens exatamente como elas aparecem na prancheta do Illustrator.

O formato SVG é totalmente baseado em XML e oferece muitas vantagens a desenvolvedores e usuários. 

É possível salvar a arte no formato SVG usando os comandos Salvar, Salvar como, Salvar uma cópia ou Salvar para Web e dispositivos. Para acessar o conjunto completo de opções de exportação de SVG, use os comandos Salvar, Salvar como ou Salvar uma cópia. O comando Salvar para Web e dispositivos fornece um subconjunto de opções de exportação de SVG que são aplicáveis a trabalhos orientados para a Web.

Aplicar efeitos SVG

Você pode usar efeitos SVG (filtros) para adicionar propriedades gráficas, como sombras, ao seu trabalho artístico. Efeitos SVG diferem das suas contrapartes em bitmap por serem baseados em XML e independentes de resolução. Um efeito SVG não é nada mais do que uma série de propriedades XML que descrevem várias operações matemáticas. O efeito resultante é renderizado no objeto de destino em vez de no gráfico de origem.

O Illustrator oferece um conjunto padrão de efeitos SVG. Você pode aplicar um efeito padrão diretamente ou editar seu código XML para personalizá-lo. Você também pode criar efeitos SVG.

Observação:

Para modificar os filtros SVG padrão do Illustrator, edite o arquivo Filters.svg Adobe SVG no seguinte local usando um editor de texto:

  • macOS: ~/Library/Application Support/Adobe/Adobe Illustrator <versão>/<idioma>
  • Windows: C:\Users\<nome de usuário>\AppData\Roaming\Adobe\Adobe Illustrator <versão> Settings\<idioma>\x64

Você pode modificar definições de filtros existentes, excluí-las e adicionar novas.

Aplicar um efeito padrão

  1. Selecione um objeto ou grupo (ou uma camada no painel Camadas).

  2. Acesse Efeito > Filtros SVG > Aplicar filtros SVG.

Aplicar um efeito personalizado

  1. Selecione um objeto ou grupo (ou uma camada no painel Camadas).

  2. Acesse Efeito > Filtros SVG > Aplicar filtros SVG.

  3. Na caixa de diálogo, selecione um efeito e depois Editar filtro SVG   . Edite o código padrão e selecione OK.

Criar e aplicar um efeito

  1. Selecione um objeto ou grupo (ou uma camada no painel Camadas).

  2. Acesse Efeito > Filtros SVG > Aplicar filtros SVG.

  3. Na caixa de diálogo, selecione Novo filtro SVG   . Insira o novo código e selecione OK.

Quando você aplicar um efeito de filtro SVG, o Illustrator exibirá uma versão rasterizada do objeto na prancheta. Você pode controlar a resolução dessa imagem de visualização ao modificar a configuração de resolução de rasterização do documento.

Observação:

Um efeito SVG deve ser o último efeito quando um objeto usa vários efeitos. Em outras palavras, ele deve aparecer na parte inferior do painel Aparência (logo acima da entrada Transparência). Se outros efeitos acompanharem um efeito SVG, a saída SVG consistirá em um objeto rasterizado.

Importar efeitos de um arquivo SVG

  1. Selecione Efeito > Filtro SVG > Importar Filtro SVG.

  2. Selecione o arquivo SVG do qual deseja importar efeitos e selecione Abrir.

Visão geral do painel Interatividade SVG

O painel Interatividade SVG permite ver todos os eventos e arquivos JavaScript associados ao arquivo atual.
Use o painel Interatividade SVG (Janela > Interatividade SVG) para adicionar interatividade à sua arte quando ela for exportada para visualização em um navegador da Web. Por exemplo, ao criar um evento que aciona um comando JavaScript, você pode criar um movimento rapidamente em uma página da Web quando o usuário realizar uma ação, como mover o cursor do mouse sobre um objeto.

Excluir um evento do painel Interatividade SVG

Você pode usar o painel Interatividade SVG para excluir um ou todos os eventos.

Para excluir um evento

  • Selecione o evento e depois Remover entrada selecionada   .

Para excluir todos os eventos

  • Selecione Limpar eventos no menu do painel   . 

Listar, adicionar ou remover eventos vinculados a um arquivo

Selecione a opção Vincular arquivos JavaScript   e depois Adicionar para adicionar outros arquivos JavaScript. Caso queira remover a entrada JavaScript selecionada, escolha Remover.

Adicionar Interatividade SVG à arte

  1. No painel Interatividade SVG, selecione um Evento. (Consulte Eventos SVG.)

  2. Insira o JavaScript correspondente e pressione Enter.

Eventos SVG

onfocusin

Aciona a ação quando o elemento recebe foco, como uma seleção com o cursor.

onfocusout

Aciona a ação quando o elemento perde foco (geralmente quando outro elemento recebe foco).

onactivate

Aciona a ação com um clique do mouse ou pressionamento de tecla, dependendo do elemento SVG.

onmousedown

Aciona a ação quando o botão do mouse é pressionado sobre um elemento.

onmouseup

Aciona a ação quando o botão do mouse é solto sobre um elemento.

onclick

Aciona a ação quando o botão do mouse é clicado sobre um elemento.

onmouseover

Aciona a ação quando o ponteiro é movido até um elemento.

onmousemove

Aciona a ação quando o ponteiro está sobre um elemento.

onmouseout

Aciona a ação quando o ponteiro é afastado de um elemento.

onkeydown

Aciona a ação quando uma tecla é pressionada.

onkeypress

Aciona a ação enquanto uma tecla é pressionada.

onkeyup

Aciona a ação quando uma tecla é solta.

onload

Aciona a ação depois que o documento SVG foi completamente analisado pelo navegador. Use esse evento para chamar funções de inicialização únicas.

onerror

Aciona a ação quando um elemento não é carregado adequadamente ou quando outro erro ocorre.

onabort

Aciona a ação quando o carregamento da página é interrompido antes da conclusão do carregamento do elemento.

onunload

Aciona a ação quando o documento SVG é removido de uma janela ou quadro.

onzoom

Aciona a ação quando o nível de zoom é alterado no documento.

onresize

Aciona a ação quando a exibição do documento é redimensionada.

onscroll

Aciona a ação quando a exibição do documento é rolada ou deslocada.

Dicas para criar arquivos SVG

  • Use camadas para adicionar estrutura a um arquivo SVG. Cada camada é convertida em um elemento de grupo (<g>) ao salvar uma arte no formato SVG. (Por exemplo, uma camada chamada Button1 se torna <g id="Button1_ver3.0"> no arquivo SVG.) Camadas aninhadas se tornam grupos aninhados SVG, e camadas ocultas são preservadas com a propriedade de estilo SVG display="none".

  • Se você quiser que os objetos em diferentes camadas apareçam transparentes, ajuste a opacidade de cada objeto em vez de cada camada.

  • Dados de rasterização não são dimensionáveis no SVG Viewer e não podem ser editados como outros elementos SVG. Evite criar um trabalho final que será rasterizado no arquivo SVG. Use efeitos SVG para adicionar efeitos de gráfico sem causar rasterização.

  • Use símbolos e simplifique os caminhos na sua arte para melhorar o desempenho do SVG. Evite também usar pincéis que produzem muitos dados de caminho, como Carvão, Cinzas e Caneta de rolagem, se o desempenho for de alta prioridade.

  • Use fatias, mapas de imagem e scripts para adicionar links da Web a um arquivo SVG.

  • Uma linguagem de scripts, como JavaScript, proporciona uma funcionalidade ilimitada a um arquivo SVG. Movimentos do cursor e do teclado podem invocar funções de script, como efeitos de sobreposição.

Opções de exportação SVG otimizadas para a Web

Uma nova opção de exportação SVG (Arquivo > Exportar > Exportar como > SVG) está disponível. O novo fluxo de trabalho permite que você gere arquivos SVG padronizados e otimizados para a Web para seus projetos de design para dispositivos e sites. Para obter mais informações, consulte Opções de exportação para SVG.

Veja também

Tem alguma dúvida ou sugestão?

Pergunte à comunidade

Se você tiver alguma dúvida ou sugestão para compartilhar, venha participar da comunidade do Adobe Illustrator. Adoraríamos ver suas criações e ouvir o que você tem a dizer.

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Links rápidos

Veja todos os seus planos Gerenciar seus planos
Ver links rápidos
Ocultar links rápidos

Avisos legais    |    Política de privacidade online da Adobe