Como adicionar perspectiva ao texto no Illustrator

Imagem final do produtoImagem final do produtoImagem final do produto
O que você estará criando
No tutorial a seguir, você aprenderá como usar as ferramentas de perspectiva e como fazer desenhos em perspectiva no Adobe Illustrator.

Se você não tem tempo para aprender o que é um ponto de fuga no desenho em perspectiva e como ele pode ajudá-lo a fazer desenho em perspectiva, então ga-analytics#sendElementsClickEvent”>Envato é a solução. Esta plataforma criativa oferece mais de 2.000 ga- analytics#sendElementsClickEvent”>Complementos do Illustrator que você pode baixar sem restrições!

O que você aprenderá neste tutorial

  • Como usar a ferramenta Perspectiva no Illustrator
  • Como editar uma grade de perspectiva no Illustrator
  • Como distorcer texto no Illustrator
  • Como fazer desenho em perspectiva

O que você precisa

Você precisará dos seguintes recursos ao aprender como adicionar perspectiva no Illustrator:

1. Como criar um novo documento e configurar uma grade

Etapa 1

Bater Controle-N para criar um novo documento. Selecione Pixels do Unidades menu suspenso, defina o Largura para 850 pixels e o Altura para 570 pixelse clique nele Opções Avançadas botão. Selecione RGB para o Modo de cordefina o Efeitos rasterizados para Tela (72ppi)e clique em Criar.

novo documento configurar grade Illustratornovo documento configurar grade Illustratornovo documento configurar grade Illustrator

Etapa 2

Usaremos esta ga-analytics#sendElementsClickEvent”>foto do Envato para ga-analytics#sendElementsClickEvent”>o plano de fundo, então baixe-a e arraste-a para dentro do seu documento, aproximadamente como mostrado na imagem a seguir.

importar imagem no Illustratorimportar imagem no Illustratorimportar imagem no Illustrator

2. Como configurar uma grade de perspectiva no Illustrator

Etapa 1

Selecione o Ferramenta Grade de Perspectiva (Shift-P) para abrir a grade de perspectiva padrão em seu documento do Illustrator.

ferramenta de grade de perspectiva padrãoferramenta de grade de perspectiva padrãoferramenta de grade de perspectiva padrão

Etapa 2

Altere o ângulo e a posição da sua grade e ajuste os pontos de fuga aproximadamente como mostrado na imagem abaixo.

Então, o que é um ponto de fuga no desenho em perspectiva? Representa o ponto na linha do horizonte onde as linhas paralelas parecem convergir, criando a ilusão de profundidade e distância em uma superfície plana.

editar grade ponto de fuga ferramenta de grade de perspectivaeditar grade ponto de fuga ferramenta de grade de perspectivaeditar grade ponto de fuga ferramenta de grade de perspectiva

Etapa 1

Escolha o Ferramenta Tipo (T) e focar no Controlar painel para definir as configurações do texto que você está prestes a adicionar. Selecione a fonte ga-analytics#sendElementsClickEvent”>Robinson Regular e aumente o Tamanho para 200 pontose clique na prancheta para digitar o texto.

adicionar texto Ilustradoradicionar texto Ilustradoradicionar texto Ilustrador

Etapa 2

Escolha o Ferramenta de seleção de perspectiva (Shift-V) e focar no Troca de avião widget. Clique no plano direito (laranja) para ativá-lo.

Agora, selecione seu texto e simplesmente mova-o ao longo do plano selecionado.

widget de mudança de plano de perspectivawidget de mudança de plano de perspectivawidget de mudança de plano de perspectiva

Etapa 3

Posicione-o aproximadamente conforme ilustrado na imagem abaixo.

texto de ferramenta de grade de perspectiva no planotexto de ferramenta de grade de perspectiva no planotexto de ferramenta de grade de perspectiva no plano

Etapa 4

Agora que você aprendeu como distorcer texto no Illustrator, vamos ver como editá-lo. Certifique-se de que o Ferramenta de seleção de perspectiva (Shift-V) ainda está ativo e que seu texto distorcido ainda está selecionado.

Mova o cursor em direção ao canto da sua seleção e simplesmente clique e arraste para dimensionar o texto. Faça o mais próximo possível do que é mostrado na imagem abaixo.

escala de plano de textoescala de plano de textoescala de plano de texto

Etapa 5

Vamos também estilizar esse texto distorcido. Selecione-o e vá para o Aparência painel (Janela > Aparência) para adicionar um preenchimento usando o Adicionar novo preenchimento botão.

Selecione este preenchimento e abra o Gradiente painel (Janela > Gradiente) para aplicar o gradiente linear mostrado abaixo.

preenchimento gradiente de texto em perspectivapreenchimento gradiente de texto em perspectivapreenchimento gradiente de texto em perspectiva

4. Como adicionar perspectiva ao texto no Illustrator

Etapa 1

Selecione novamente o Ferramenta Tipo (T) e adicione um segundo pedaço de texto.

adicionar texto no Illustratoradicionar texto no Illustratoradicionar texto no Illustrator

Etapa 2

Selecione novamente o Ferramenta de seleção de perspectiva (Shift-V) e selecione o plano inferior do Troca de avião widget e, a seguir, clique e arraste o novo texto para o plano inferior.

perspectiva grade ferramenta texto plano inferiorperspectiva grade ferramenta texto plano inferiorperspectiva grade ferramenta texto plano inferior

Etapa 3

Configure-o aproximadamente conforme exibido na imagem abaixo.

perspectiva texto plano inferiorperspectiva texto plano inferiorperspectiva texto plano inferior

Etapa 4

Use o Ferramenta de seleção de perspectiva (Shift-V) para dimensionar esse novo trecho de texto, assim como fizemos com o primeiro.

texto em perspectiva de escalatexto em perspectiva de escalatexto em perspectiva de escala

5. Como estilizar texto distorcido no Illustrator

Etapa 1

Adicione um novo preenchimento para este segundo trecho de texto e preencha-o com o gradiente linear mostrado abaixo.

preenchimento gradiente de texto em perspectivapreenchimento gradiente de texto em perspectivapreenchimento gradiente de texto em perspectiva

Etapa 2

Concentre-se no Aparência painel para selecionar o preenchimento adicionado na etapa anterior e vá para Efeito > Desfoque > Desfoque Gaussiano. Defina o Raio para 8 pixels e clique OK.

texto em perspectiva desfocadotexto em perspectiva desfocadotexto em perspectiva desfocado

Etapa 3

Agora, você provavelmente notará que a cor do texto original ainda está visível atrás do gradiente linear desfocado. Para removê-lo, clique duas vezes seu texto para isolá-lo.

Aqui você pode ajustar o conteúdo do seu texto ou editar a cor do texto original. Neste exemplo, iremos removê-lo completamente.

editar texto em perspectiva no Illustratoreditar texto em perspectiva no Illustratoreditar texto em perspectiva no Illustrator

Etapa 4

Pressione o Esc tecla para sair do modo de isolamento. No final, as coisas devem ficar como mostrado abaixo.

texto prospectivo desfocado no Illustratortexto prospectivo desfocado no Illustratortexto prospectivo desfocado no Illustrator

6. Como distorcer texto no Illustrator usando a ferramenta Free Transform

Etapa 1

Vamos adicionar um novo trecho de texto para explorar outro método que podemos usar para adicionar perspectiva no Illustrator.

Selecione-o e transforme-o em formas vetoriais acessando Digite> Criar contornose, em seguida, transforme o grupo resultante de formas em um único caminho composto acessando Objeto > Caminho Composto > Criar (Control-8).

caminho composto de contorno de textocaminho composto de contorno de textocaminho composto de contorno de texto

Etapa 2

Mantenha seu caminho composto selecionado, escolha o Ferramenta de Transformação Livre (E)e concentre-se no widget recém-aberto. Selecione Distorção Livre modo e, em seguida, mova o cursor para o canto inferior direito da sua seleção. Basta clicar e arrastar para distorcer o caminho composto. Continue com os outros três cantos e observe-os.

texto em perspectiva usando a ferramenta de transformação livretexto em perspectiva usando a ferramenta de transformação livretexto em perspectiva usando a ferramenta de transformação livre

Parabéns! Você terminou!

Espero que você tenha gostado deste tutorial e possa aplicar essas técnicas em seus projetos futuros.

Sinta-se à vontade para ajustar o design final e torná-lo seu. Você pode encontrar algumas ga-analytics#sendElementsClickEvent”>ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato, com designs de perspectiva interessantes.

perspectiva para texto no Illustratorperspectiva para texto no Illustratorperspectiva para texto no Illustrator

ga-analytics#sendElementsClickEvent”>Envato é um excelente recurso para projetos de perspectiva. Aqui está uma pequena lista de alguns dos ativos mais populares que você pode encontrar.

ga-analytics#sendElementsClickEvent”>Conjunto de grades de perspectiva no Illustrator (AI, EPS, JPG, PNG, SVG)

Evite o incômodo de criar grades de perspectiva no Illustrator e experimente este conjunto. Perfeito para criar layouts dinâmicos, visuais arquitetônicos, ga-analytics#sendElementsClickEvent”>tipografia 3D e cenas futurísticas, este conjunto oferece uma variedade de estilos de grade para se adequar a qualquer projeto.

ga-analytics#sendElementsClickEvent”>grades de perspectiva Illustratorgrades de perspectiva Illustratorgrades de perspectiva Illustrator

ga-analytics#sendElementsClickEvent”>Planos de fundo de linhas de movimento em perspectiva (AI, JPG, EPS, PNG)

Aqui está um exemplo perfeito de um design mais complexo que você pode criar usando a ferramenta Perspectiva no Illustrator. Sinta-se à vontade para replicá-lo ou baixá-lo do Envato.

ga-analytics#sendElementsClickEvent”>perspectiva de linhas de movimentoperspectiva de linhas de movimentoperspectiva de linhas de movimento

ga-analytics#sendElementsClickEvent”>Fonte de perspectiva Swish

Dê vida ao seu texto com esta fonte de perspectiva exclusiva. Projetado para criar a ilusão de profundidade e dimensão, o Swish é perfeito para adicionar um efeito 3D dinâmico à sua tipografia.

ga-analytics#sendElementsClickEvent”>fonte de perspectiva swishfonte de perspectiva swishfonte de perspectiva swish

ga-analytics#sendElementsClickEvent”>Fonte de perspectiva Sevastian

Esteja você trabalhando em logotipos, pôsteres, anúncios ou arte digital, essa fonte de perspectiva pode dar aos seus designs um toque moderno e envolvente. Ideal para criar títulos ousados ​​ou declarações visuais dramáticas.

ga-analytics#sendElementsClickEvent”>fonte de perspectiva sevastianafonte de perspectiva sevastianafonte de perspectiva sevastiana

ga-analytics#sendElementsClickEvent”>Efeito de desfoque de texto em perspectiva (PSD)

Aqui está um design incrível que exemplifica como a perspectiva no Illustrator pode ser um excelente ponto de partida para uma composição dinâmica e com aparência profissional.

ga-analytics#sendElementsClickEvent”>efeito de texto em perspectiva desfocadaefeito de texto de perspectiva desfocadaefeito de texto em perspectiva desfocada

Quer saber mais?

Temos muitos tutoriais sobre Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!

Deixe uma resposta