Como distorcer o texto no ilustrador

No tutorial a seguir, você usará o Adobe Illustrator para projetar um pôster que inclua técnicas tipográficas experimentais. O texto distorcido é uma ferramenta essencial para aprender que pode adicionar dimensão e experimentação aos seus projetos. Vamos começar!

Se você estiver com pouco tempo, não deixe de conferir Ga-analytics#sendElementsClickevent”> Envato for Cool Ga-Analytics#SendeLementsClickevent”> Efeitos de texto para seus pôsteres.

O que você aprenderá neste tutorial

  • Como distorcer o texto no ilustrador
  • Como distorcer elementos vetoriais no ilustrador

O que você precisará para este tutorial

Para este tutorial, você precisará de acesso ao Adobe Illustrator e também precisará dos seguintes ativos:

1. Como criar um documento

Bater Control-n Para criar um novo documento. Selecione o Imprimir guia da barra superior. Sob Predefinições em branco de documentosselecione Carta.

Escolher Centímetros do Unidades menu suspenso. Defina o Modo de cor para Cmyk e o Efeitos rasters para 300 dpi. Clique Criar.

Crie um novo documentoCrie um novo documentoCrie um novo documento

2. Como criar um fundo

Etapa 1

Selecione o Ferramenta de retângulo (M) e crie um retângulo para cobrir a área da página de tamanho de carta.

Etapa 2

Selecione o Ferramenta de gradiente (G) e aplique -o ao retângulo criado na etapa 1. Defina o gradiente como preto à esquerda e branca à direita.

Adicione um gradiente ao retânguloAdicione um gradiente ao retânguloAdicione um gradiente ao retângulo

Etapa 3

Usando o Ferramenta de retângulo (M)crie um retângulo menor que o tamanho da página. Deixe o gradiente atuar como uma fronteira para o pôster.

Crie um retângulo com a ferramenta de retânguloCrie um retângulo com a ferramenta de retânguloCrie um retângulo com a ferramenta de retângulo

3. Como distorcer o texto no ilustrador

Etapa 1

Vá para o Camadas O painel e a camada de bloqueio 1 clicando no quadrado ao lado do símbolo dos olhos. Clique no Nova camada botão para criar a camada 2. Selecione Camada 2 Para começar a trabalhar nessa camada.

Crie uma nova camadaCrie uma nova camadaCrie uma nova camada

Etapa 2

Selecione o Ferramenta de texto

Usando a ferramenta de texto, adicione a mudança de palavraUsando a ferramenta de texto, adicione a mudança de palavraUsando a ferramenta de texto, adicione a mudança de palavra

Etapa 3

Selecione a caixa de texto e vá para Tipo> Criar contornos. O texto agora é convertido em forma de vetor.

Converter o texto em contornosConverter o texto em contornosConverter o texto em contornos

Etapa 4

No Propriedades painel, vá para Transformar. Expanda as opções clicando nos três pontos. Defina o Cisalhamento graus para -20.

Use a opção de transformação do painel de propriedadesUse a opção de transformação do painel de propriedadesUse a opção de transformação do painel de propriedades

Etapa 5

Duplicar o objeto pressionando Opção e arrastando o objeto. Nesse caso, arraste o objeto para cima.

No Propriedades painel, vá para Aparência. Defina o Preencha a cor para Preto e o Cor de acidente vascular cerebral para Branco. Defina o AVC para 2 pt.

Duplique o texto e defina a cor preta como preta e a cor para brancaDuplique o texto e defina a cor preta como preta e a cor para brancaDuplique o texto e defina a cor preta como preta e a cor para branca

Etapa 6

Selecione o Ferramenta de texto

Adicione uma nova caixa de texto e adicione a palavra seuAdicione uma nova caixa de texto e adicione a palavra seuAdicione uma nova caixa de texto e adicione a palavra seu

Etapa 7

Selecione a caixa de texto e vá para Tipo> Criar contornos. O texto agora é convertido em forma de vetor.

Converter o texto em contornosConverter o texto em contornosConverter o texto em contornos

Etapa 8

Selecione o Ferramenta de cisalhamento Na barra de ferramentas. Clique e mova enquanto seleciona o objeto para obter uma aparência distorcida.

Use a ferramenta de cisalhamento da barra de ferramentasUse a ferramenta de cisalhamento da barra de ferramentasUse a ferramenta de cisalhamento da barra de ferramentas

Etapa 9

Selecione o Ferramenta de texto

Usando a ferramenta de texto, adicione a perspectiva da palavraUsando a ferramenta de texto, adicione a perspectiva da palavraUsando a ferramenta de texto, adicione a perspectiva da palavra

Etapa 10

Também é possível distorcer caixas de texto – isso é útil quando você deseja editar o texto posteriormente. Selecione a caixa de texto e vá para Objeto> Transforme> cisalhamento.

No Cisalhamento janela pop-up, defina o Ângulo de cisalhamento para 21 ° e o Ângulo do eixo para 97 °.

Vá para o objeto> Transform> Sision para abrir o painel de opções de cisalhamento” Carregando =”preguiçoso” largura =”870px” altura =”693px” class =”redimensionamento de imagem redimensionada” srcset =”https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/109094/image-upload/how_to_skew_illustrator_13.jpg 2x”/><img decoding=Etapa 11

Use o Ferramenta de retângulo (M) Para criar um retângulo de qualquer tamanho – redimensionamos em breve.

Selecione a caixa de texto que acabamos de distorcer na última etapa e trazê -la para a frente pressionando Shift-command-]. Mude o Preencha a cor do texto para Preto.

Crie um retângulo branco Crie um retângulo branco Crie um retângulo branco

Etapa 12

Usando o Ferramenta de seleção direta (a)selecione os dois pontos à esquerda do retângulo e desligue -os para ajustar o texto.

Usando a ferramenta de seleção direta editar os pontos de retângulo para ajustar o texto em perspectivaUsando a ferramenta de seleção direta editar os pontos de retângulo para ajustar o texto em perspectivaUsando a ferramenta de seleção direta editar os pontos de retângulo para ajustar o texto em perspectiva

Etapa 13

Selecione o retângulo e curva levemente os cantos. Duplique o retângulo duas vezes e coloque as cópias atrás do retângulo branco. Defina o Preencha a cor para Preto e o Cor de acidente vascular cerebral para Branco.

Duplique o retângulo para criar profundidadeDuplique o retângulo para criar profundidadeDuplique o retângulo para criar profundidade

4. Como adicionar detalhes ao efeito do texto

Etapa 1

Coloque o arquivo VHS Flitch (7) no Illustrator. Usando o Ferramenta de retângulo (M)crie um retângulo para ajustar a parte inferior do pôster.

Selecione a imagem VHS e o retângulo, certificando -se de que o retângulo esteja na parte superior da imagem VHS. Clique com o botão direito do mouse e selecione Máscara de recorte.

Traga a imagem do VHS e sobreponha com um retângulo. Use a opção de máscara de recorte para cortar a imagem.Traga a imagem do VHS e sobreponha com um retângulo. Use a opção de máscara de recorte para cortar a imagem.Traga a imagem do VHS e sobreponha com um retângulo. Use a opção de máscara de recorte para cortar a imagem.

Etapa 2

Usando o Ferramenta estrela Na barra de ferramentas, crie estrelas com diferentes Pontos para criar variedade. Selecione o Ferramenta estrela e Clique duas vezes no documento para abrir a janela pop-up.

Adicione detalhes em forma de estrela com a ferramenta estrelaAdicione detalhes em forma de estrela com a ferramenta estrelaAdicione detalhes em forma de estrela com a ferramenta estrela

Etapa 3

Usando o Ferramenta EllipseAssim, Crie outros objetos para adornar o pôster. Nesse caso, criei um grupo de elipses duplicando um único objeto várias vezes.

Usando a ferramenta Ellipse, crie vários objetos para adormar o pôsterUsando a ferramenta Ellipse, crie vários objetos para adormar o pôsterUsando a ferramenta Ellipse, crie vários objetos para adormar o pôster

Etapa 4

Use o Ferramenta de retângulo (M) Para criar retângulos finos para aplicar nas bordas superior e esquerda. Adicione um gradiente de preto ao branco.

Usando a ferramenta retângulo, crie retângulos finos com gradientesUsando a ferramenta retângulo, crie retângulos finos com gradientesUsando a ferramenta retângulo, crie retângulos finos com gradientes

Etapa 5

Usando o Ferramenta de texto

Use o Ferramenta de retângulo (M) Para criar um retângulo para caber em torno da caixa de texto. Curva os cantos e defina o Cor de acidente vascular cerebral para Branco.

Crie uma última caixa de texto e retângulo para colocar no canto inferior direito do pôsterCrie uma última caixa de texto e retângulo para colocar no canto inferior direito do pôsterCrie uma última caixa de texto e retângulo para colocar no canto inferior direito do pôster

Parabéns! Você terminou!

Veja como seu pôster tipográfico distorcido deve parecer. Espero que você tenha gostado deste tutorial e possa aplicar essas técnicas aos seus projetos futuros.

Você pode encontrar algumas análises ga-analíticas#”> Ótimas fontes em Ga-analytics#SendeLententClickevent”> Envato para experimentar essas técnicas de distorção, bem como toneladas mais analíticas de GaNA”> efeitos legais de texto para ilustrador.

Se você gostou deste tutorial, pode gostar desses outros tutoriais de ilustradores:

Deixe uma resposta