Guia do Usuário Cancelar

Criar gráficos 3D no Illustrator

Saiba como criar objetos realistas no Illustrator aplicando efeitos 3D, iluminação e materiais fornecidos pelo Adobe Substance. 

Você pode aplicar efeitos 3D, iluminação e material a gráficos vetoriais 2D com texturas realistas visualizadas em diferentes cenários de iluminação. Depois, é possível renderizá-los com traçado de raio para criar gráficos 3D realistas com facilidade.

Continue lendo para saber como recriar uma amostra de arte vetorial com efeitos 3D, conforme mostrado neste exemplo de design.

resultado
Uma amostra de projeto vetorial 3D

3 etapas para criar uma ilustração 3D

Comece desenhando sua arte favorita no papel, depois trace-a no Illustrator e aplique efeitos 3D como Extrusão, Rotação e materiais do Substance. Dê os toques finais ao seu projeto com efeitos de iluminação e sombra apropriados e renderize a arte com facilidade.

Link direto para o Adobe Illustrator

Experimente no aplicativo
Acompanhe qualquer projeto para criar gráficos 3D em algumas etapas simples.

Criar um arte vetorial

É possível converter a imagem de um esboço a lápis desenhado no papel em arte vetorial usando o traçado de imagem. Você também pode baixar uma amostra de arte 2D para experimentar em qualquer lugar.

arte vetorial
Uma amostra de ilustração 2D

  1. Desenhe sua arte favorita em um pedaço de papel. Por exemplo, letras Flora
  2. Importe a imagem rasterizada para o Illustrator usando Arquivo > Inserir em um documento.  
  3. Escolha Objeto > Traçado de imagem > Criar para traçar a imagem com opções padrão. 

Aplicar efeitos 3D à ilustração

Antes de começar a aplicar efeitos 3D à arte vetorial, explore as opções Objeto, Materiais ou Iluminação
e predefinições disponíveis no painel 3D e Materiais. O painel 3D e Materiais será exibido quando você clicar em Janela > 3D e Materiais

Objeto

Fontes 3D
Fontes 3D no painel 3D e Materiais

A. Plano    

Nivela o objeto no plano. 

A. Extrusão

Estende um objeto 2D para adicionar profundidade. 

A. Revolução    

Varre um caminho ou perfil em uma direção circular. 

A. Inflação

Infla o objeto plano. 

B. Profundidade

Define a profundidade do objeto de 0 a 2000. 

C. Torção

Torce o objeto em até 360°.

D. Estreitamento

Reduz a largura do objeto de 100% a 1%.

E. Arremate

Especifica se o objeto parece sólido ou vazio. 

F. Chanfro

Aplica borda chanfrada ao longo da profundidade do objeto. 

G. Predefinições

Aplica predefinições de rotação com base na direção, eixo e isometria. 

H. Rotação vertical

Gira o objeto verticalmente de -180° a 180°.

I. Rotação horizontal

Gira o objeto horizontalmente de -180° a 180°. 

J. Rotação circular

Gira o objeto em um círculo de -180° a 180°. 

K. Perspectiva

Altera a perspectiva do objeto de 0° a 160°.

Materiais

materiais do Substance
Materiais no painel 3D e Materiais

A. Materiais de base   

Aplica material predefinido padrão. 

B. Materiais do Adobe Substance

Permite que você aplique alguns dos materiais do Adobe Substance.

C. Ativos do Substance 3D

Adiciona materiais de ativos do Adobe Substance

D. Ativos da comunidade do Substance

Adiciona materiais da comunidade do Adobe Substance

E. Adicionar novos materiais e gráficos

Adicionar materiais - Adiciona novos materiais ao painel.

Adicionar gráficos - Adiciona ilustrações como gráficos. Você pode usar gráficos para mapear ilustrações em objetos 3D

F. Propriedades do material

Aplica aspereza e propriedades metálicas de 0 a 1 para materiais básicos. As propriedades variam para cada um dos materiais do Adobe Substance. 

Iluminação

A guia Iluminação no painel 3D e Materiais inclui predefinições de iluminação, dispositivo de iluminação e outros controles de iluminação.
Iluminação no painel 3D e Materiais

A. Predefinições   

Aplica efeitos de iluminação pré-configurados como Padrão, Difuso, Superior esquerdo ou Direito rapidamente ao seu trabalho artístico.

B. Dispositivo de iluminação

Permite arrastar fontes de luz para ajustar seus ângulos de iluminação.

C. Fonte de luz

Várias fontes de luz iluminam melhor o objeto 3D.

D. Mover a luz selecionada para a trás ou para frente de um objeto

Move a luz selecionada para trás do objeto quando estiver na frente e vice-versa.

E. Intensidade

Altera o brilho da luz selecionada de 0% a 100%.

F. Rotação

Gira o foco de luz ao redor do objeto com um valor de -180° a 180°.

G. Altura

Traz a luz para mais perto do objeto, se estiver mais abaixo, causando uma sombra curta e, inversamente, de 0° a 90°.

H. Suavidade

Determina como a luz se espalha. Substitui a predefinição difusa com um valor de 0% a 100%.

I. Intensidade da luz ambiente

Controla a intensidade de iluminação global, de 0% a 200%. 

J. Sombras

Aplica sombras ao seu trabalho artístico quando o botão de alternância está ativado. 

K. Posição

Aplica sombra atrás do objeto ou abaixo do objeto.

L. Distância do objeto

Ajusta a distância da sombra do objeto com um valor de 0% a 100%. 

M. Limites de sombra

Aplica o limite da sombra com um valor de 10% a 
400%. 

Aplicar extrusão, materiais, iluminação e efeitos de sombra

Agora que você explorou todos os efeitos 3D disponíveis e opções de materiais na seção acima, pode aplicar os efeitos Extrusão e rotaçãoMateriais do Adobe Substance e Iluminação, Intensidade e Sombras à ilustração importada. 

Familiarize-se com estas limitações e mensagens de erro antes de começar a aplicar efeitos 3D: 

  • Se o traçado de raio estiver ativado, você terá um atraso dependendo da complexidade ou do tamanho do objeto. Para objetos com caminhos complexos, os efeitos 3D são aplicados parcialmente. 
  • Os efeitos 3D não são compatíveis com todos os tipos de objetos. Por exemplo, imagens rasterizadas ou objetos de ponto de ancoragem único. 

Extrusão e rotação

Assista a este vídeo de 17 segundos para saber como aplicar efeitos de Extrusão na ilustração 2D. 

  1. Selecione a ilustração criada usando Criar arte vetorial.  

  2. Clique em Efeito > 3D > Extrusão e chanfrado. O painel 3D e Materiais é exibido. 

  3. Defina Profundidade, Torção e Estreitamento

  4. Selecione Rotação > Predefinições > Fora do eixo - Frente e defina os valores do eixo X e eixo Y a qualquer valor apropriado de 0° a 360°.

Rotação e perspectiva

Você também pode definir a rotação de um objeto e a perspectiva a partir da qual você o visualiza.

Câmera em perspectiva
Adicionar perspectiva ao objeto

Para ajustar a perspectiva, selecione um valor dentro de um intervalo de 0 a 160 no controle deslizante 3D e materiais > Objeto > Fonte 3DPerspectiva.

Um ângulo menor é semelhante à lente de uma câmera telefotográfica, enquanto um ângulo maior é semelhante a uma lente de câmera grande-angular.

Materiais do Adobe Substance

Depois de aplicar efeitos de Extrusão à arte vetorial, agora você pode aprender como aplicar Materiais 3D

Materiais 3D
Ilustração 3D após a aplicação de materiais

  1. Selecione a arte vetorial após aplicar efeitos de Extrusão nela. 

  2. Selecione Materiais no painel Efeitos 3D. Escolha o material da lista ou adicione seu próprio material clicando no ícone   

    Você pode adicionar seus próprios materiais ou escolher entre materiais da comunidade e da Adobe. Você também pode adicionar milhares de materiais do Adobe Substance 3D com um plano de assinatura.

  3. Clique em Propriedades do material para aplicar parâmetros ou alterar posição, canais e filtros.  

Iluminação, Intensidade e Sombras

Depois de aplicar Materiais ao seu objeto 3D, você pode adicionar iluminação e sombra a ele.

A guia Iluminação no painel 3D e Materiais mostra duas fontes de luz em direções opostas.
Adicionar iluminação ao seu objeto 3D

  1. Selecione Iluminação, no painel 3D e Materiais.

  2. Siga um destes procedimentos para adicionar iluminação:

    • Luz única: escolha uma predefinição padrão como PadrãoDifusaSuperior esquerda ou direita. Para ajustar o ângulo da luz, arraste a luz no dispositivo de iluminação ou use os controles deslizantes Rotação e Altura.
    • Várias luzes: use   para adicionar até dez luzes. Para ajustar o ângulo das luzes, arraste-as no dispositivo de iluminação ou selecione uma luz na lista e use os controles deslizantes Rotação e Altura.

    Selecione Mover a luz selecionada para trás do objeto para posicionar a luz atrás do objeto.

  3. Ajuste a Cor, Intensidade e Suavidade se necessário. Se houver várias luzes, selecione uma luz na lista para ajustar sua Cor, Intensidade e Suavidade

  4. Selecione Luz ambiente > Intensidade e defina um valor de 0 a 200%.

  5. Selecione o botão de alternância Sombras para aplicar uma sombra. Você pode usar parâmetros como Posição, Distância do objeto e Limites de sombra para personalizar um efeito de sombra.

    Mesmo que você tenha adicionado várias luzes e sombras ativadas, verá apenas uma sombra na visualização em tempo real. Para ver as sombras de todas as luzes, mude para Renderizar com Traçado de raio.

Renderizar a arte

Depois de aplicar os efeitos 3D à arte vetorial, você pode usar Renderizar com Traçado de raio para criar arte gráfica realista em 3D com mais eficiência e qualidade. O traçado de raio permite que você crie gráficos 3D realistas traçando o caminho dos raios de luz à medida que eles refletem sobre o objeto. 

Para habilitar ou desabilitar o traçado de raio e a renderização, selecione Renderizar com Traçado de raio   no canto superior direito do painel 3D e Materiais

Renderize com o traçado de raio selecionado no painel 3D e Materiais.
Renderize com o traçado de raio para criar iluminação realista para seu objeto 3D.

Configurações de traçado de raio

Você também pode alterar as opções de qualidade, ruído e rasterização para Traçado de raioSelecione Configurações de renderização   no canto superior direito do painel 3D e Materiais

  • Selecione o botão de alternância Traçado de raio para habilitar ou desabilitar.
  • Você também pode alterar a resolução, a cor e o fundo da imagem rasterizada selecionando Configurações de rasterização.
  • Selecione Qualidade como Alta e clique em Renderizar para obter uma das renderizações de qualidade ideal do setor de sua ilustração. 

Confira algumas das práticas recomendadas sobre como otimizar o uso da CPU ao renderizar sua arte. 

Renderizar ou expandir objetos 3D como wireframes

Use wireframes para exibir a estrutura subjacente do objeto 3D para garantir a precisão. Siga um destes procedimentos:

  • Renderizar como wireframe: selecione Wireframe em Configurações de renderização   para editar facilmente as propriedades 3D do objeto, como Profundidade, Estreitamento e Torção.
  • Expandir como wireframe: selecione Expandir como wireframes, na seção Ações rápidas da guia Objeto para converter o objeto em um objeto 2D.

O design final

Agora que você já conhece o poder dos efeitos 3D no Illustrator, experimente os arquivos de amostra e leve seu design criativo para o próximo nível.

Você também pode baixar o design final para exibir sua arte gráfica 3D.

Baixar seu design final

Exportar objetos 3D

É possível exportar objetos 3D para formatos de arquivo GLTF e USD e abri-los em outros aplicativos 3D para editar e aprimorar ainda mais objetos 3D e objetos 3D com materiais e gráficos. O Illustrator também permite a exportação de objetos 3D como arquivos OBJ juntamente com cores.

Ao exportar vários objetos, você pode exibir cada objeto como um objeto modificável independente.

Siga as etapas para exportar objetos 3D:

  1. No painel 3D e materiais, selecione Exportar objetos 3D.

    Selecione Exportar objetos 3D para abrir o painel Exportação de ativos.
    Selecione Exportar objetos 3D para abrir o painel Exportação de ativos

  2. No painel Exportação de ativo, selecione ativo 3D e depois GLTF, USD ou OBJ na lista suspensa Formato.

    Observação:

     Para qualquer objeto 3D que você escolher exportar, a opção Formato é definida como USDA por padrão no painel Exportação de ativo.

  3. Selecione Exportar.

Para saber mais sobre como exportar objetos usando o painel Exportação de ativo, consulte Coletar ativos e exportar em lotes

É possível importar o arquivo exportado no Adobe Substance 3D Stager ou em qualquer outro aplicativo 3D para aprimorar ainda mais seu objeto 3D. 

 Obter Substance 3D Stager         


Novidades: criar efeitos de texto 3D

Você aprendeu a usar efeitos 3D no Illustrator. Continue em frente e aprenda a criar efeitos de texto 3D usando ferramentas e recursos básicos. Ou saiba como entrelaçar texto com objetos 3D

Fale conosco

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

Receba ajuda com mais rapidez e facilidade

Novo usuário?