Ілюстратор: Текстове поле автоматичного розміру з затіненим фоном?


15

Я часто створюю мітки, що мають той самий формат: білий текст на непрозорому чорному тлі 75%, з полем 10px навколо тексту. Наразі мені доводиться будувати ці ярлики вручну, що вимагає багато роботи.

В одному методі я записую текст, розраховую його висоту і ширину, потім створюю окремий прямокутник і розміщую його за ним. Це потребує великого клацання для кожної мітки.

В іншому способі я малюю текстове поле, вибираю його безпосередньо, надаю правильний фон і поля, а потім вставляю текст. Однак я повинен змінити розмір поля вручну, що означає більше натискання і більшу точність. Здається, не існує способу безпосередньо вибрати текстове поле, як тільки у ньому є текст.

Я спробував використати скрипт, що міститься у відповідній відповіді, щоб змінити розмір текстового поля до вмісту, але він змінює розмір поля лише вертикально та видаляє колір та межі поля.

Хтось має пропозиції, як вирішити ці проблеми, або щодо кращого методу? Я використовую CS3.

Відповіді:


16

Вам для цього справді не потрібні сценарії.

  • Виберіть текстовий об’єкт за допомогою інструмента вибору (чорна стрілка)
  • Додайте нову заливку через панель «Подання»
  • Перемістіть нову заливку під <Characters>пунктом на панелі "Вигляд"
  • Виділіть нову заливку та виберіть Effect > Convert to Shape > Rectangle
  • Введіть відносну кількість точок / пікселів / дюймів тощо. Ви хочете, щоб прямокутник змістився з тексту
  • Клацніть OK
  • Перетягніть текстовий об’єкт на панель графічних стилів

етикетка

Фоновий прямокутник відносно розміру текстового об’єкта. Якщо текстовий об’єкт зміниться в розмірі, прямокутник підганяється до відповідності.

Коли вам потрібно повторно застосувати зовнішній вигляд, виберіть текстовий об’єкт і натисніть графічний стиль.

Якщо після застосування графічного стилю у вас виникли труднощі з неправильним кольором тексту, перегляньте рішення @ BANG ТУТ .


Гарний хак! Це було з CS3 (який використовує ОП)?
цивільний одяг

Так. Це було вже з часу Illustrator 7.
Скотт,

1
Геєш. Подивіться, чого я пропустив.
цивільний одяг

1
коли я це роблю, перший екземпляр працює. Текст чорний, а текстове поле заповнене синім кольором. Тоді я переходжу до застосування графічного стилю до інших текстових полів, і текст та текстове поле стають синіми, тобто я не можу бачити текст. що я роблю неправильно? заздалегідь

@MartinBlick є 2 (невідмінні) типи графічних стилів - Groupстиль та Objectстиль. Якщо ви створюєте графічний стиль із групи, ви повинні застосувати його до груп. Якщо ви створюєте стиль з окремих об'єктів, він повинен бути застосований до окремих об'єктів. Стилі не працюватимуть належним чином при змішуванні груп та об'єктів.
Скотт

1

Мені здається, я маю це сказати багато з продуктами Adobe, але ...

Найефективніша відповідь - сценарій.

Потрібно дістати межі тексту, намалювати поле на основі цих чисел і розташувати його за текстом. З деякою базовою математикою та розумінням того, як дістатися до різних сценаріїв Illustrator, це не так складно.

Для початку вам потрібно отримати точки, що визначають розташування об'єкта:

activeDocument.selection[0].geometricBounds

Це поверне масив [x1, y1, x2, y2]. Звідти ви можете розпочати створення та стилізацію коробки та перемістити її за текстовим об’єктом.

Ви можете почати зі сценарію, який ви пов’язали, як довідку про те, як це робиться. Якщо ви не знаєте JavaScript та інтерфейс сценарію Illy, це займе певний час. Переваги полягають у тому, що операція займе секунди кожного наступного разу, і перед вами відкриється цілий новий світ ефективності.

Причина того, що сценарій не зробив те, що ви хотіли, полягає в тому, що ви не можете застосувати колір фону до тексту області. Він перетворює його в текст області, щоб зробити центрування, залишаючи вас без стилів поля.


1
Я залишу цю відповідь тут для ударів, але я радий сказати, що Скотт зробив це зайвим.
цивільний одяг
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.