O que você aprenderá neste tutorial de texto curvo
- Como curvar texto no Adobe Illustrator
- Como escrever texto curvo no Illustrator
- Como dobrar texto no Illustrator
- Como curvar o texto em torno de um círculo no Illustrator
- O que fazer quando o texto curvo no Illustrator está de cabeça para baixo
- Como escrever texto curvo dentro de um anel no Illustrator
Acompanhe-nos em nosso canal Envato Tuts+ no YouTube:
O que você precisa
Se você deseja recriar exatamente o resultado final deste tutorial, baixe o anexo à direita, bem como estas fontes:
Se você deseja criar um emblema semelhante, aqui estão alguns estilos gráficos úteis que baixei de ga-analytics#sendElementsClickEvent”>Envato Elements:
1. Como curvar texto no Illustrator
Passo 1
Aqui está um exemplo de design que é impossível de terminar, a menos que você saiba como curvar o texto no Illustrator – uma etiqueta redonda para um produto. Vamos começar com a grande etiqueta no centro. Levar a Ferramenta Tipo (T) e coloque a área de texto dentro da etiqueta vazia.
![coloque o texto no modelo de crachá redondo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-1.jpg?ssl=1)
![coloque o texto no modelo de crachá redondo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-1.jpg?ssl=1)
![coloque o texto no modelo de crachá redondo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-1.jpg?ssl=1)
Passo 2
Escreva seu texto e ajuste suas propriedades. Faça com que as letras preencham a área mais larga da etiqueta – altere o S e C valores na barra superior, se necessário.
![redimensionar texto verticalmente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-2.jpg?ssl=1)
![redimensionar texto verticalmente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-2.jpg?ssl=1)
![redimensionar texto verticalmente](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-2.jpg?ssl=1)
![coloque o texto dentro da etiqueta](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-3.jpg?ssl=1)
![coloque o texto dentro da etiqueta](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-3.jpg?ssl=1)
![coloque o texto dentro da etiqueta](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-3.jpg?ssl=1)
etapa 3
Vá para Efeito > Distorção. Aqui você tem uma lista de vários tipos de distorção, com nomes referentes ao formato pretendido do texto distorcido. No nosso caso, precisamos aumentar o texto, então selecione Protuberância.
![adicionar efeito de protuberância](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-4.jpg?ssl=1)
![adicionar efeito de protuberância](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-4.jpg?ssl=1)
![adicionar efeito de protuberância](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-4.jpg?ssl=1)
Passo 4
Uma nova janela se abrirá. O efeito Bulge permite aumentar ou diminuir uma parte do texto, e é exatamente disso que precisamos! Verificar Visualização e arraste o controle deslizante para a esquerda para diminuir a parte central do texto, seguindo a curva do rótulo. Clique OK.
![aumentar o texto para dentro](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-5.jpg?ssl=1)
![aumentar o texto para dentro](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-5.jpg?ssl=1)
![aumentar o texto para dentro](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-5.jpg?ssl=1)
![efeito de texto abaulado](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-6.jpg?ssl=1)
![efeito de texto abaulado](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-6.jpg?ssl=1)
![efeito de texto abaulado](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-6.jpg?ssl=1)
2. Como escrever texto curvo no Illustrator
Passo 1
Agora você sabe como fazer curvas de texto no Illustrator com um método. É bem simples, mas também limitado à lista de formas que os programadores prepararam para nós. Deixe-me mostrar outro método mais poderoso. Digamos que queremos adicionar algum texto acima e abaixo do rótulo central, seguindo sua curva. Primeiro, você precisa definir a curva. Levar a Ferramenta Caneta (P) e desenhe sobre a curva da parte superior da etiqueta.
Se precisar de ajuda com a ferramenta Caneta, confira este tutorial:
![adicione um caminho](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-8.jpg?ssl=1)
![adicione um caminho](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-8.jpg?ssl=1)
![adicione um caminho](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-8.jpg?ssl=1)
Passo 2
Levar a Ferramenta Mover (V)selecione o caminho e mova-o 15 pixels aumentando removendo 15 px do S valor na barra superior.
![mova o caminho para cima](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-9.jpg?ssl=1)
![mova o caminho para cima](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-9.jpg?ssl=1)
![mova o caminho para cima](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-9.jpg?ssl=1)
etapa 3
Levar a Ferramenta Tipo (T) novamente e coloque-o sobre o caminho. Quando o cursor mudar de aparência, clique no caminho.
![converter caminho em área de texto](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-10.jpg?ssl=1)
![converter caminho em área de texto](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-10.jpg?ssl=1)
![converter caminho em área de texto](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-10.jpg?ssl=1)
Sua curva agora foi transformada em uma área de texto! Escreva seu texto e ajuste seu tamanho.
![adicione seu texto à curva](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-11.jpg?ssl=1)
![adicione seu texto à curva](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-11.jpg?ssl=1)
![adicione seu texto à curva](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-11.jpg?ssl=1)
Passo 4
O texto começa em uma área aleatória, mas isso é fácil de corrigir. Basta pegar o Ferramenta de seleção direta (A) e clique no texto. Você notará três linhas verticais – as laterais definem o início e o fim da área de texto, e a do meio define sua posição em relação à curva. Se você clicar e arrastar essas linhas, poderá movê-las para o local pretendido.
![pegue alças de texto](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-12.jpg?ssl=1)
![pegue alças de texto](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-12.jpg?ssl=1)
![pegue alças de texto](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-12.jpg?ssl=1)
![mover o texto na curva](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-13.jpg?ssl=1)
![mover o texto na curva](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-13.jpg?ssl=1)
![mover o texto na curva](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-13.jpg?ssl=1)
Etapa 5
Repita as mesmas etapas para escrever um texto curvo sob o rótulo.
![adicionar texto curvo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-14.jpg?ssl=1)
![adicionar texto curvo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-14.jpg?ssl=1)
![adicionar texto curvo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-14.jpg?ssl=1)
3. Como dobrar texto no Illustrator em torno de um círculo
Passo 1
Se você deseja curvar o texto em torno de um círculo no Illustrator, o processo é muito semelhante, exceto por um certo problema. Deixe-me te mostrar!
Primeiro, desenhe um círculo usando o Ferramenta Elipse (L) para definir a curva. Para ter certeza de que este círculo está perfeitamente no centro do seu desenho, você deve copiar um dos círculos que já possui e redimensioná-lo.
![](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-15.jpg?ssl=1)
![](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-15.jpg?ssl=1)
![](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-15.jpg?ssl=1)
Passo 2
Se você usar o Ferramenta Tipo (T) diretamente no círculo, o Illustrator transformará o interior dele na área de texto. Não é exatamente isso que queremos! Em vez disso, segure o botão Type Tool para revelar o menu e selecione o Digite em uma ferramenta de caminho. Se você usá-lo no círculo, obterá uma bela área de texto circular!
![ferramenta de mudança de tipo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-17.jpg?ssl=1)
![ferramenta de mudança de tipo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-17.jpg?ssl=1)
![ferramenta de mudança de tipo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-17.jpg?ssl=1)
![escreva um texto em torno de um círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-18.jpg?ssl=1)
![escreva um texto em torno de um círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-18.jpg?ssl=1)
![escreva um texto em torno de um círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-18.jpg?ssl=1)
4. Como centralizar o texto dentro de um anel no Illustrator
Passo 1
Se você quiser colocar o texto dentro de um anel, pode ser complicado ajustar o tamanho da fonte para centralizar o texto perfeitamente. Mas você não precisa fazer isso! Coloque seu círculo no meio do anel e depois vá para Digite > Digite em um caminho > Digite em um caminho Opções. Aqui você pode alterar o estilo do warping, bem como a posição do texto em relação à curva. Se você selecionar Centro na lista suspensa, suas letras ficarão sempre no meio do anel, independente do tamanho.
![centralizar o texto no círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-19.jpg?ssl=1)
![centralizar o texto no círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-19.jpg?ssl=1)
![centralizar o texto no círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-19.jpg?ssl=1)
![centralizar o texto dentro de um anel](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-20.jpg?ssl=1)
![centralizar o texto dentro de um anel](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-20.jpg?ssl=1)
![centralizar o texto dentro de um anel](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-20.jpg?ssl=1)
Passo 2
OK, mas agora a parte inferior do texto está de cabeça para baixo. Para evitar esse efeito, temos que usar um truque. Levar a Ferramenta de seleção direta (A) e segure Mudança para selecionar ambos os pontos de ancoragem laterais do círculo.
![corte o círculo ao meio](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-21.jpg?ssl=1)
![corte o círculo ao meio](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-21.jpg?ssl=1)
![corte o círculo ao meio](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-21.jpg?ssl=1)
etapa 3
Em seguida, clique no ícone da tesoura na barra superior para cortá-los.
![use uma tesoura para cortar pontos de ancoragem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-22.jpg?ssl=1)
![use uma tesoura para cortar pontos de ancoragem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-22.jpg?ssl=1)
![use uma tesoura para cortar pontos de ancoragem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-22.jpg?ssl=1)
Agora você tem duas metades do círculo e elas podem ser transformadas em áreas de texto separadas. Adicione seu texto a ambos, ajustando-o de acordo.
![adicionar texto às curvas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-23.jpg?ssl=1)
![adicionar texto às curvas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-23.jpg?ssl=1)
![adicionar texto às curvas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-23.jpg?ssl=1)
Passo 4
Mas aqui está um problema. Se você escrever o texto sobre a curva inferior, ele ficará muito alto. Se você desenhar embaixo dele, ele ficará de cabeça para baixo novamente. Para consertar, vá para Digite em um caminho Opçõese verifique Virar.
![inverter texto curvo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-24.jpg?ssl=1)
![inverter texto curvo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-24.jpg?ssl=1)
![inverter texto curvo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-24.jpg?ssl=1)
![texto invertido ao redor de um círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-25.jpg?ssl=1)
![texto invertido ao redor de um círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-25.jpg?ssl=1)
![texto invertido ao redor de um círculo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-25.jpg?ssl=1)
Bom trabalho!
Agora você sabe como curvar texto no Illustrator. A propósito, se quiser obter a mesma aparência para o resultado final, você pode usar ga-analytics#sendElementsClickEvent”>este conjunto de modelos de logotipo Straight View.
![como curvar texto no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-final.jpg?ssl=1)
![como curvar texto no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-final.jpg?ssl=1)
![como curvar texto no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/108/posts/35338/image/how-to-curve-text-in-illustrator-final.jpg?ssl=1)
Se você quiser saber mais sobre como trabalhar no Illustrator, aqui estão alguns tutoriais que você pode gostar: