Ilustrador: ¿Cuadro de texto de tamaño automático con fondo sombreado?


15

Con frecuencia creo etiquetas que siguen el mismo formato: texto blanco sobre un fondo negro opaco al 75%, con 10 píxeles de margen alrededor del texto. Actualmente, tengo que construir manualmente estas etiquetas, lo que requiere mucho trabajo.

En un método, escribo el texto, calculo su altura y ancho, luego creo un rectángulo separado y lo coloco detrás de él. Esto requiere muchos clics para cada etiqueta.

En el otro método, dibujo un cuadro de texto, lo selecciono directamente, le doy el fondo y los márgenes correctos, y luego inserto el texto. Sin embargo, debo cambiar el tamaño del cuadro manualmente, lo que significa más clics y mayor imprecisión. No parece haber una forma de seleccionar directamente un cuadro de texto una vez que tiene texto dentro.

Intenté usar el script contenido en una respuesta relacionada para cambiar el tamaño del cuadro de texto al contenido, pero solo cambia el tamaño del cuadro verticalmente y elimina mi color y márgenes.

¿Alguien tiene sugerencias sobre cómo resolver estos problemas o un método mejor? Estoy usando CS3.

Respuestas:


16

Realmente no necesitas ningún script para esto.

  • Seleccionar objeto de texto con la herramienta de selección (flecha negra)
  • Agregar un nuevo relleno a través del Panel de Apariencia
  • Mueva el nuevo relleno debajo del <Characters>elemento en el Panel de Apariencia
  • Resalta el nuevo relleno y elige Effect > Convert to Shape > Rectangle
  • Ingresa la cantidad relativa de puntos / píxeles / pulgadas, etc.
  • Hacer clic OK
  • Arrastre el objeto de texto al Panel de estilos gráficos

etiqueta

El rectángulo de fondo es relativo al tamaño del objeto de texto. Si el objeto de texto cambia de tamaño, el rectángulo se ajusta para que coincida.

Cuando necesite volver a aplicar la apariencia, seleccione el objeto de texto y haga clic en Estilo gráfico.

Si tiene dificultades para que los colores del texto sean incorrectos después de aplicar el estilo gráfico, consulte la solución de @ BANG AQUÍ .


Buen truco! ¿Ha estado allí desde CS3 (que está utilizando el OP)?
vestidos de civil el

Si. Ha existido desde Illustrator 7.
Scott

1
Geesh Mira lo que me he estado perdiendo.
vestidos de civil

1
cuando hago esto, la primera instancia funciona. El texto es negro y el cuadro de texto se llena de azul. luego voy a aplicar el estilo gráfico a otros cuadros de texto, y el texto y el cuadro de texto se vuelven azules, lo que significa que no puedo ver el texto. ¿Qué estoy haciendo mal? gracias de antemano

@MartinBlick hay 2 tipos (indiscernibles) de estilos gráficos: un Groupestilo y un Objectestilo. Si crea un estilo gráfico a partir de un grupo, debe aplicarlo a los grupos. Si crea el estilo a partir de objetos individuales, debe aplicarse a objetos individuales. Los estilos no funcionarán correctamente al mezclar grupos y objetos.
Scott

1

Siento que tengo que decir esto mucho con los productos de Adobe pero ...

La respuesta más eficiente es el script.

Debe obtener los límites del texto, dibujar un cuadro basado en esos números y colocarlo detrás del texto. Con algunas matemáticas básicas y una comprensión de cómo llegar a los diversos objetos de script de Illustrator, no es tan difícil.

Para empezar, debe obtener los puntos que definen la ubicación del objeto:

activeDocument.selection[0].geometricBounds

Eso devolverá la matriz [x1, y1, x2, y2]. Desde allí, puede comenzar a construir y diseñar su cuadro y moverlo detrás del objeto de texto.

Podrías comenzar con el script que vinculaste como referencia de cómo se hace. Si no conoce javascript y la interfaz de scripts de Illy, llevará algún tiempo. Lo bueno es que la operación tomará segundos cada vez subsiguiente y tendrás todo un nuevo mundo de eficiencia abierto para ti.

La razón por la que el script no hizo lo que quería es que no puede aplicar un color de fondo al texto del área. Lo convierte en texto de área para centrarlo, dejándolo sin sus estilos de cuadro.


1
Dejaré esta respuesta aquí por diversión, pero me alegra decir que Scott la ha vuelto innecesaria.
vestidos de civil
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.