Illustrator: Caixa de texto de tamanho automático com fundo sombreado?


15

Costumo criar etiquetas que seguem o mesmo formato: texto branco sobre fundo preto opaco de 75%, com 10 px de margem ao redor do texto. Atualmente, tenho que criar manualmente esses rótulos, o que exige muito trabalho.

Em um método, escrevo o texto, descubro sua altura e largura, crio um retângulo separado e o coloco atrás dele. Isso leva muito tempo para cada rótulo.

No outro método, eu traço uma caixa de texto, selecione-a diretamente, forneço o fundo e as margens corretos e insiro o texto. No entanto, preciso redimensionar a caixa manualmente, o que significa mais cliques e maior imprecisão. Parece não haver uma maneira de selecionar diretamente uma caixa de texto, uma vez que ela contém texto.

Tentei usar o script contido em uma resposta relacionada para redimensionar a caixa de texto para o conteúdo, mas ela redimensiona a caixa verticalmente e remove minha cor e margens.

Alguém tem sugestões sobre como resolver esses problemas, ou para um método melhor? Estou usando o CS3.

Respostas:


16

Você realmente não precisa de nenhum script para isso.

  • Selecionar objeto de texto com a Ferramenta de seleção (seta preta)
  • Adicionar um novo preenchimento via Painel de Aparência
  • Mova o novo preenchimento abaixo do <Characters>item no Painel de Aparências
  • Destaque o novo preenchimento e escolha Effect > Convert to Shape > Rectangle
  • Digite a quantidade relativa de pontos / pixels / polegadas, etc., para que o retângulo seja deslocado do texto
  • Clique OK
  • Arraste o objeto de texto para o Painel de estilos gráficos

rótulo

O retângulo de fundo é relativo ao tamanho do objeto de texto. Se o objeto de texto mudar de tamanho, o retângulo será ajustado para corresponder.

Quando precisar reaplicar a aparência, selecione o objeto de texto e clique no Estilo Gráfico.

Se você encontrar dificuldades para que as cores do texto estejam incorretas após a aplicação do Estilo Gráfico, consulte a solução da @ BANG AQUI .


Bom corte! Isso existe desde o CS3 (que o OP está usando)?
25413

Sim. Já existe desde o Illustrator 7.
Scott

11
Geesh. Olha o que eu tenho sentido falta.
26413

11
Quando faço isso, a primeira instância funciona. O texto é preto e a caixa de texto é preenchida em azul. Depois, aplico o estilo gráfico a outras caixas de texto e a caixa de texto e texto fica azul, o que significa que não consigo ver o texto. O que estou fazendo de errado? obrigado antecipadamente

@MartinBlick existem 2 tipos (indiscerníveis) de Estilos de Gráfico - um GroupEstilo e um ObjectEstilo. Se você criar um estilo gráfico de um grupo, deverá aplicá-lo aos grupos. Se você criar o estilo a partir de objetos individuais, ele deverá ser aplicado a objetos individuais. Os estilos não funcionarão corretamente ao misturar grupos e objetos.
Scott

1

Sinto que preciso dizer muito isso com os produtos Adobe, mas ...

A resposta mais eficiente é o script.

Você precisa obter os limites do texto, desenhar uma caixa com base nesses números e posicioná-la atrás do texto. Com um pouco de matemática básica e um entendimento de como chegar aos vários objetos de script do Illustrator, não é tão difícil assim.

Para iniciantes, você precisa obter os pontos que definem a localização do objeto:

activeDocument.selection[0].geometricBounds

Isso retornará a matriz [x1, y1, x2, y2]. A partir daí, você pode começar a criar e estilizar sua caixa e movê-la para trás do objeto de texto.

Você pode começar com o script que vinculou como referência de como é feito. Se você não conhece o javascript e a interface de script do Illy, isso levará algum tempo. A vantagem é que a operação levará segundos a cada momento subseqüente e você terá um novo mundo de eficiência aberto para você.

A razão pela qual o script não fez o que você queria é que você não pode aplicar uma cor de plano de fundo ao texto da área. Ele o converte em texto da área para centralizar, deixando você sem seus estilos de caixa.


11
Deixarei esta resposta aqui para dar pontapés, mas fico feliz em dizer que Scott a tornou desnecessária.
25413
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.