<< Designers do Brasil

Blog

Our Blog

Blog Home | About | Entries By Date | Search

Falso sublinhado para textos no Adobe Illustrator


Entry posted 10/03/11 by Rogério Caetano last edited 05/21/12 , tagged: Print, Design
6,201 views, 1 comments.

Title
Falso sublinhado para textos no Adobe Illustrator

Entry

 

Recebi esta semana uma boa pergunta nas páginas oficiais de Illustrator, dentro da Adobe Community Help Internacional.  O usuário dizia usar frequentemente o recurso de sublinhado em seus textos (vide figura 1.1) e gostaria de saber se aquela referida barra poderia ser personalizada e tornar-se mais espessa, com outra cor, receber efeitos, etc. No Illustrator, o sublinhado não é uma característica personalizável... a menos que o texto seja expandido (i.e., convertido "em curvas") junto com o sublinhado. Mas, nesse processo, o texto perde sua editabilidade. Também poderia pensar em criar uma simples linha (um path) logo abaixo de cada texto. Contudo, além de ser um processo totalmente manual, qualquer alteração no texto requer o ajuste dessa linha.
Figura 1.1
Figura 1.1: O recurso de sublinhado do Illustrator. Basta selecionar o texto e ativar o botão "Underline" no painel Character. Contudo, essa linha não pode ser personalizada.
Confesso que não costumo usar o recurso de sublinhado com tanta frequência assim. Mas esta pergunta me fez pensar em como produzir um "falso sublinhado" para resolver o problema do usuário. Acompanhe os passos a seguir:
1) Selecione o texto na página e acesse o painel Appearance (Aparência) através do menu Window (Janela). Em seguida, vá até o rodapé do painel e clique no botão Add New Fill (Adicionar novo preenchimento). Depois de adicionar o preenchimento extra ao texto, selecione-o no painel Appearance. Somente esse atributo (Fill) deve estar selecionado a partir de agora (figura 1.2).
2) Acesse o menu Effect > Convert to Shape > Rectangle (Efeito > Converter para forma > Retângulo). Isso fará com que o novo preenchimento do texto se transforme. Na caixa de configuração desse efeito, atente-se para os campos Extra Width (Largura extra) e Extra Height (Altura extra). Mantenha Extra Width em 0 e defina pelo campo Extra Height um valor negativo (normalmente -1 a -10) para configurar a "espessura" do "falso sublinhado".
figura 1.3
3) Ainda com o atributo Fill (Preenchimento) individualmente selecionado no painel Appearance, acesse o menu Effect > Distort & Transform > Transform (Efeito > Distorcer e Transformar > Transformar). Na caixa de diálogo deste efeito, use a barra deslizante chamada Vertical para configurar o posicionamento do sublinhado.
figura 1.4
4) O "falso sublinhado" está pronto. A partir de agora, se quiser editar suas configurações, basta manipular o atributo fill no painel Appearance. Na figura 1.5, ele recebeu o efeito chamado Scribble e usa a cor vermelha.
figura 1.5
Como o traçado por baixo do texto é um efeito, este permanece vinculado aos caracteres. Pode-se até acessar o painel Graphic Styles (Estilos gráficos) para salvar um estilo gráfico a partir do texto. Com isso, o efeito pode ser aplicado em outros textos da arte com maior facilidade.
Nota: acesse o menu Edit > Preferences > General (Windows) ou Illustrator > Preferences > General (Mac OS) e marquee o campo Scale Strokes and Effects. Isso garante que ao redimensionar o texto, o "falso sublinhado" seja proporcionalmente ajustado.
Um abraço a todos
Gustavo Del Vechio.
 
 

Recebi esta semana uma boa pergunta nas páginas oficiais de Illustrator, dentro da Adobe Community Help Internacional. O usuário dizia usar frequentemente o recurso de sublinhado em seus textos (vide figura abaixo) e gostaria de saber se aquela referida barra poderia ser personalizada e tornar-se mais espessa, com outra cor, receber efeitos, etc. No Illustrator, o sublinhado não é uma característica personalizável... a menos que o texto seja expandido (i.e., convertido "em curvas") junto com o sublinhado. Mas, nesse processo, o texto perde sua editabilidade. Também poderia pensar em criar uma simples linha (um path) logo abaixo de cada texto. Contudo, além de ser um processo totalmente manual, qualquer alteração no texto requer o ajuste dessa linha.

 

 

Figura acima: O recurso de sublinhado do Illustrator. Basta selecionar o texto e ativar o botão "Underline" no painel Character (Caractere). Contudo, esse sublinhado não pode ser personalizado.

 

Confesso que não costumo usar o recurso de sublinhado com tanta frequência assim. Mas esta pergunta me fez pensar em como produzir um "falso sublinhado" para resolver o problema do usuário. Acompanhe os passos a seguir:


1) Selecione o texto na página e acesse o painel Appearance (Aparência) através do menu Window (Janela). Em seguida, vá até o rodapé do painel e clique no botão Add New Fill (Adicionar novo preenchimento). Depois de adicionar o preenchimento extra ao texto, selecione-o no painel Appearance. Somente esse atributo (Fill) deve estar selecionado a partir de agora (figura abaixo).

 

 

2) Acesse agora o menu Effect > Convert to Shape > Rectangle (Efeito > Converter para forma > Retângulo). Isso fará com que o novo preenchimento do texto se transforme. Na caixa de configuração desse efeito, atente-se para os campos Extra Width (Largura extra) e Extra Height (Altura extra). Mantenha Extra Width em 0 e defina pelo campo Extra Height um valor negativo (normalmente -1 a -10) para configurar a "espessura" do "falso sublinhado

 

 

3) Ainda com o atributo Fill (Preenchimento) individualmente selecionado no painel Appearance, acesse o menu Effect > Distort & Transform > Transform (Efeito > Distorcer e Transformar > Transformar). Na caixa de diálogo deste efeito, use a barra deslizante chamada Vertical para configurar o posicionamento do sublinhado.

 


4) O "falso sublinhado" está pronto. A partir de agora, se quiser editar suas configurações, basta manipular o atributo Fill no painel Appearance. Na figura abaixo, ele usa a cor vermelha. Depois, recebeu o efeito Scribble.

 

 

Versão final do "falso sublinhado":

 

 

Como o traçado por baixo do texto é um efeito, este permanece vinculado aos caracteres. Pode-se até acessar o painel Graphic Styles (Estilos gráficos) para salvar um estilo gráfico a partir do texto. Com isso, o efeito pode ser aplicado em outros textos da arte com maior facilidade.


Nota: acesse o menu Edit > Preferences > General (Windows) ou Illustrator > Preferences > General (Mac OS) e marquee o campo Scale Strokes and Effects. Isso garante que ao redimensionar o texto, o "falso sublinhado" seja proporcionalmente ajustado.


Um abraço e até a próxima.

Gustavo Del Vechio.

 

Nota: O Gustavo fez uma atualição nesse artigo, voltado para a Suíte CS6, se quiserem ver a url para o acesso é http://dgillustrator.wordpress.com/2012/05/20/falso-sublinhado-para-textos-no-illustrator/


 

Keywords
sublinhado, Adobe Illustrator, caracteres, efeitos

Comments

posted 10/03/11 by [Eduardo Moura] | Report Abuse

Muito bem sacado, Gustavo! E o melhor é que, com a dica de transformar o Fill do jeito que você fez, dá pra pensar em um monte de outras aplicações. Boa semana!