Manage text area
Illustrator offers various options to add text and work with type objects in your vector art. You can further customize your text with Type options to resize type area, add rows and columns, add a margin, move the first baseline, fit a headline across the width of a type area, and thread text between objects.
- Format type
- Character and paragraph styles
Before you proceed with managing text area, learn about text, path, and objects:
Do you have large text in your artwork? You can resize your text area or arrange that in rows and columns. You can even add a margin around some of your text or move the first baseline to make your text more appealing with Area Type Options .
Resize type area
Text doesn’t fit your area or path? You can easily resize your text area.
Use Selection Tool
Follow these steps to resize your type area with Selection tool :
Resize type area with Selection tool
Select the type object.
Drag a handle on the bounding box till you get the required size.
Use Direct Selection Tool
Follow these steps to resize type area with Direct Selection tool :
Resize type area with Direct Selection tool
Select the type path.
Drag to adjust the shape of the path.
Turn off Preferences > Type > Auto Size New Area Type to have a fixed size type object.
Add rows and columns
Split large paragraphs into rows, columns, or a combination of both to make your text easy to read and visually appealing. Follow these steps to add rows and columns to your text area:
Select an area type object, and choose Type > Area Type Options .
In the Rows and Columns section, set the following options:
Options to split text into rows and columns
Specifies the number of rows and columns you want the object to contain.
Specifies the height of individual rows and the width of individual columns.
Determines the span of rows and columns when you resize the type area if this option is:
- Selected : Changes the number of rows and columns, but not their width.
- Deselected : Changes the width of rows and columns, but not their number.
Specifies the distance between rows or columns.
In Options , select one of the following Text Flow options:
- Rows : Text flows from left to right in rows.
- Columns : Text flows in columns, beginning with the left column.
Add margin
When you work with an area type object, you can add a margin between the text and bounding box. This margin is Inset Spacing . Follow these steps to change the inset spacing in your artwork:
Add margin to type area with inset spacing
Select an area type object, and choose Type > Area Type Options .
Specify a value for Inset Spacing .
Move the first baseline
The alignment of the first line of text with the top of the object is first baseline offset. Follow these steps to move the first baseline:
Select an area type object, and choose Type > Area Type Options .
Click the drop-down to select any of the First Baseline options:
A. Ascent B. Cap Height C. Leading D. x Height E. Embox
The top of a lower case "d" starts below the top of the type object.
The top of uppercase letters touch the top of the type object.
x Height in First baseline options
Distance between the baseline of the first line of text and the top of the type object.
The height of the “x” character falls below the top of the type object.
Em Box Height
The top of the em box in Asian fonts touch the top of the type object. This option is available regardless of the Show Asian Options preference.
Specifies the distance between the baseline of the first line of text and the top of the type object in the Min box.
Uses the first baseline default used in Adobe Illustrator 10 or earlier.
Enter the Min value for your first baseline offset.
You can also use other Type options to fit a headline across the width of a type area and thread text. Read on to know how to use these options.
Fit a headline across the width of a type area
When you add a paragraph as a headline, you can easily expand it to fit your type area. Follow these steps to fit a headline across the full width of a type area:
Fit a headline across the width of a type area
Use the Type tool to select the paragraph you want to fit across the type area.
Choose Type > Fit Headline to increase the space between the letters.
Create and break threads between objects
You can link two objects and thread text from one to another. Linked type objects can be of any shape. However, you need to enter the text in an area or along a path.
When your text doesn’t fit into your object or area, you can see a at the bottom-right corner of the bounding box.
Thread text to an existing object
You can thread two or more text areas or objects to flow your text from one to another. Follow any of these options to thread text:
Thread any text area
Thread any text area
Use the Type tool or Vertical Type tool to create your text area.
Click , and follow any of these options to link your text area to another:
- Click your loaded pointer anywhere to create a text area of the same size and shape.
- Click and drag loaded pointer to create a rectangular text area.
Thread text to an object
Thread text to an object
Click , and follow any of these options to thread another object (s):
- Thread a single object: Click the path of the object once your pointer changes to .
- Thread multiple objects: Hold Shift and select all the objects you want to thread and choose Type > Threaded Text > Create .
To view the threads you created, choose View > Show Text Threads and select a linked object.
Remove or break threads
Did you create a thread between two objects and now you’ve changed your mind? Follow these steps to remove or break threads between objects:
Follow any of these options:
Double-click the port on either end of the thread. This will break the thread, and the text flows back into the first object.
Choose Type > Threaded Text > Release Selection . This will release an object from a text thread, and the text flows into the next object.
Choose Type > Threaded Text > Remove Threading to remove all threads.
Как растянуть букву «о» по горизонтали в Illustrator?
Вы также можете использовать команду клавиатуры Ctrl + Shift + O (Windows) или cmd + Shift + O (Mac). Текст теперь сгруппирован в виде структуры. Если вы проявляете творческий подход или просто конкретны и хотите переместить отдельные буквы, используйте инструмент «Групповое выделение» или выберите «Объект» → «Разгруппировать», чтобы разделить буквы, как показано.
Как увеличить текстовое поле в Illustrator?
Кроме того, теперь вы также можете использовать инструмент выбора, чтобы щелкнуть любую открытую точку по краю текстового поля и изменить размер поля с помощью обычных параметров изменения размера объекта: свободно изменять размер, ограничивать пропорции текстового поля с помощью щелчка + сдвига + перетаскивания , или же.
Как выровнять текст без большого пространства в Illustrator?
- Вставьте курсор в абзац, который вы хотите изменить, или выберите текстовый объект или рамку, чтобы изменить все его абзацы.
- Выберите «Обоснование» в меню палитры «Абзац».
- Введите значения для межсловного интервала, межбуквенного интервала и интервала между символами.
Что значит кернинг?
В типографике кернинг — это процесс регулировки расстояния между символами пропорционального шрифта, обычно для достижения визуально приятного результата.
Близость 
Близость 
Близость 
Свежие новости, интересные статьи и полезные гайды, связанные с графическим дизайном. Здесь вы найдете ответы на самые часто задаваемые вопросы
Текст в Adobe Illustrator: инструменты, возможности, инструкции
Что это? Adobe Illustrator – мощный графический редактор. В нём можно не только работать с изображениями, но и также обрабатывать текст, используя богатые настройки приложения.
Как работать? Чтобы начать работать с текстом в Adobe Illustrator, нужно познакомиться с инструментарием и возможностями программы. После можно выполнять простые операции и совершенствовать навыки владения AI.
Инструменты для работы с текстом в Adobe Illustrator
Принципы создания и редактирования текстовых объектов сходны во всех графических редакторах. Можно изменить тип шрифта, его размер, начертание (курсив, полужирный, подчёркнутый и т.д.). Не является исключением в этом отношении и Adobe Illustrator. Вместе с тем, многие задачи он позволяет выполнить значительно проще и быстрее, а сами эффекты гораздо разнообразнее, чем в других программах.
Так, Illustrator позволяет обрабатывать текст как полноценное векторное изображение, которое можно привязать к произвольной кривой, использовать его для окантовки иных элементов, оформить с применением различных кистей, градиентной заливки и др.
Инструменты для работы с текстом в Adobe Illustrator
Доступ к инструментам для работы с текстом в Adobe Illustrator осуществляется через иконку Текст (Type Tool) на панели инструментов. Щелкнув по ней, пользователь получает доступ к широчайшим возможностям редактирования и оформления любых надписей.
- Type Tool (надпись по горизонтали);
- Area Type Tool (надпись внутри области);
- Path Type Tool (надпись по пути);
- Vertical Type Tool (надпись по вертикали);
- Vertical Area Type Tool (надпись по вертикали, размещенная внутри области);
- Vertical Path Type Tool (надпись по вертикали по пути).
При вводе нового текста он по умолчанию получает 12 кегль и шрифт Arial Cyrillic regular. Чтобы изменить эти параметры, надпись нужно выделить курсором, кликнуть правой кнопкой мыши и в контекстном меню указать нужные значения. При этом буквенные символы вводятся как векторные изображения, и для них можно использовать опции Direct Selection или Selection, выполняя с выделенными фрагментами желаемые действия.
Панели для работы с текстом в Adobe Illustrator
Меню Type Tool содержит лишь часть возможностей Illustrator для редактирования текстовых элементов. Дополнительные возможности скрыты в меню Window > Workspace > [Type]. Рассмотрим их подробнее.
Скачивайте и используйте уже сегодня:
Топ-30 самых востребованных и высокооплачиваемых профессий 2023
Поможет разобраться в актуальной ситуации на рынке труда
Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка
Только проверенные нейросети с доступом из России и свободным использованием
ТОП-100 площадок для поиска работы от GeekBrains
Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽
Панель Character (Window> Type> Character)
Предоставляет основные инструменты для изменения надписей, позволяя редактировать как весь текст, так и отдельные символы. Пристального внимания заслуживают следующие опции:
- Font family (группа шрифтов; например, Myriad Pro).
- Font style (позволяет задать стиль шрифта – курсив, подчеркнутый, зачёркнутый и т.д.).
- Leading (высота линий).
- Kerning (промежуток между кернинговыми парами).
- Tracking (промежуток между выбранными символами).
- Horizontal scale (ширина символа).
- Vertical scale (высота символов).
- Baseline shift (высота основного текста).
- Character rotation (поворот текста на заданное число градусов).
Панель Paragraph (Window > Type > Paragraph)
Позволяет совершать различные манипуляции с абзацами.
Аналогично Word, здесь можно выставить опцию переноса слов. В этом случае они будут разбиваться по слогам через дефис в соответствии с алгоритмами, заданными для языка. Для корректного переноса нужно правильно указать язык.
Панель Open Type (Window > Type > Open Type)
Позволяет настраивать параметры шрифтов типа Open Type.
Панель Glyph (Window > Type > Glyphs)
Позволяет вводить дополнительные символы, которые поддерживаются выбранным шрифтом.
Клик по символу позволяет тут же вставить его в текстовый блок. Также можно настроить размер эскизов для предварительного просмотра.
Панель Character Styles (Window > Type > Character Styles)
Содержит набор удобных инструментов для операций с повторяющимися стилями. Можно указать требуемые параметры и применять их к имеющимся и вновь вводимым текстовым объектам.
Так, если надпись выполнена 12 кеглем и шрифтом Arial красного цвета, можно эти параметры сохранить в виде стиля, применить его к другим текстовым объектам. В дальнейшем при изменении параметров сохраненного стиля будет изменяться оформление всех надписей, к которым он применен.
Панель Paragraph Styles (Window > Type > Paragraph Styles)
Стили, задаваемые для абзацев. Могут применяться и к произвольному тексту.
Панель Tabs (Window > Type > Tabs)
Позволяет делать отступы для выбранного текста. Напоминает панель «Линейка» в Word.
Type Tool
Содержит инструменты, необходимость в которых возникает при редактировании текста в Adobe Illustrator чаще всего.
Строчный и блочный текст в Adobe Illustrator
Текстовые блоки в Illustrator могут быть двух видов: строчные и блочные. Между ними имеются существенные различия.
Новые версии программы при нажатии на любой инструмент вставляют текст по умолчанию Lorem ipsum. Его можно легко удалить.
Строчный и блочный текст в Adobe Illustrator
Строчный текст вы вводите как в обычном текстовом редакторе. Буквы будут печататься в строчку, пока пользователь не нажмет Enter и не перенесет курсор на новую строку.
Данный способ подходит для коротких текстовых элементов: заголовков, оформления номеров текстовых блоков и т.д. Многие стандартные манипуляции вроде выравнивания по ширине и автопереноса текста при изменении размера текстового поля здесь не работают.
Чтобы соотношение высоты и ширины оставалось неизменным, растягивать ее нужно, удерживая клавишу Shift. На практике это зачастую оказывается удобнее, чем изменять кегль вручную.
Блочный текст отличается тем, что он привязывается к заранее заданной рамке. Сначала ее нужно начертить при помощи курсора, а затем, когда в ней появится мигающая отметка, можно напечатать текст или вставить заранее сохраненную надпись. Такой принцип хорошо подходит для размещения текста в одной или нескольких колонках, размеры и пропорции которых должны оставаться неизменными.
Форма рамки изменяется при помощи чёрной стрелки у ее границы. Для изменения размера шрифта потребуется указать новый кегль вручную.
Отдельные ограничения для каждого из этих типов текста не создают проблем, так как режим можно легко изменить двойным кликом по кружку справа от надписи.
Для корректного преобразования строчного текста в блочный нужно удалить из него введенные вручную отступы новой строки. Их можно увидеть, активировав режим (Tyle> Show Hidden Characters), который показывает скрытые символы.
Размещение текста в Adobe Illustrator по кривой
В раскрывающемся меню Type Tool можно увидеть инструмент Path Type Tool. Он позволяет разместить тест вдоль произвольной кривой. Так, можно при помощи опции Pen (Перо) нарисовать линию любой формы (при этом она не должна иметь заданных параметров заливки и границы). Далее при помощи опции Path Type Tool нужно кликнуть в начале кривой, а затем набрать нужный текст. Закончив ввод, можно настроить те же параметры, которые задаются и для любого другого текстового элемента.
Если внешний вид надписи не понравился, то нужно выбрать инструмент Direct Selection, поставить курсор мыши на перпендикулярный отрезок в начале надписи, зажать левую кнопку мыши и сдвинуть текст относительно кривой, приведя его к желаемому виду.
Также Adobe Illustrator позволяет редактировать текст, размещая его по окружности. Например, вокруг произвольного элемента на изображении можно нарисовать круговой контур, а затем разместить вдоль этого контура текст при помощи все той же опции Path Type Tool. Далее можно указать иные параметры надписи: шрифт, цвет и др.
Часто требуется разместить текст вдоль отдельного участка окружности, например, в нижней ее части. Если повернуть текст, уже введенный вдоль кривой, то он будет отображаться в перевернутом виде. Чтобы он расположился правильно, нужно выделить надпись при помощи инструмента Selection, а затем перетянуть ее начало на нужный участок изображения. Аналогичным образом текст можно поместить и внутри объекта при помощи параметра Baseline Shift (смещение относительно основной линии), задав ему отрицательное значение.
Придать надписи эффектный вид поможет инструмент Spiral. Он позволяет добавить в Adobe Illustrator текст, скрученный по спирали. Для этого сначала нужно нарисовать кривую соответствующей формы с несколькими витками. Затем кликнуть по любому ее участку и ввести текст, указав необходимые параметры размера, шрифта и т.д. Кроме того, можно сделать шрифт уменьшающимся при перемещении вдоль спирали.
ТОП-100 площадок для поиска работы от GeekBrains
20 профессий 2023 года, с доходом от 150 000 рублей
Чек-лист «Как успешно пройти собеседование»
Чтобы зарегистрироваться на бесплатный интенсив и получить в подарок подборку файлов от GeekBrains, заполните информацию в открывшемся окне
Для этого требуется в режиме Path Type Tool последовательно уменьшить размер шрифта на один пиксел в блоке Character. Если к такой надписи подобрать подходящий фон, то полученное изображение будет выглядеть очень ярко и необычно.
Размещение текста в AI внутри области
Опция Area Type Tool (текст внутри области) позволяет разместить надпись внутри ограниченного блока.
В качестве примера рассмотрим создание выноски. Нарисуйте прямоугольник со скругленными углами, затем при помощи инструмента Pen (перо) задайте в нижней части фигуры две угловые точки. Точку, расположенную левее, нужно растянуть в виде направляющего угла. Имейте в виду, что, если она будет использована в качестве формы, внутри которой размещается текст, в дальнейшем не получится задать для надписи параметры границы и заливки.
Нужно скопировать выноску и поместить ее на передний план при помощи опции Edit=>Paste in Front (Редактирование=>Вставить на передний план). Одну выноску выделите командой Direct Selection, нажмите Area Type Tool (текст внутри области), кликните по границе рамки и напечатайте нужный текст.
Размещение текста в AI внутри области
Возможно, что получившаяся выноска не будет соответствовать размеру области. Тогда нужно поочередно выделить выноски с текстом и без него, а затем изменить их размеры. На панели Character следует открыть вкладку Paragraph и кликнуть по значку Align Center (выровнять по центру). Задайте другие параметры шрифта. Можно добавить к тексту тень, для этого воспользуйтесь опцией Effect=>Stylize=>Drop Shadow.
Другие полезные фишки для работы с текстом в AI
- Перенос надписи в новый блок
Если на блоке с текстовыми данными кликнуть по красному крестику, то программа создаст еще один такой же блок аналогичных размеров. Если при вводе текста в первом из них закончится свободное место, то надпись будет автоматически перенесена во второй.
- Удаление пустых объектов
В Adobe Illustrator можно не только изменить текст, но и автоматически удалить текстовые поля, в которых нет надписей. Для этого нужно выполнить команду. Object> Path> Clean Up и выбирать Empty Text Paths. Это гораздо удобнее, чем вручную искать пустые блоки и удалять каждый из них.
Adobe Illustrator для веб-дизайнера 8) Текст
Вначале было про контуры и заливки, а потом было слово.
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.
�� Форматирование
Панели «Символ» и «Абзац» доступны из верхней панели свойств.
�� Вставить текст из текстового файла
- Выбрать файл на диске.
- В диалоге настроек форматирования расставить флаги нужных опций.
- Очертить курсором место для текстового блока (например, колонку в сетке направляющих).
- Отпустить кнопку мыши.
☝️�� Для возможности растягивать текстовые блоки, должна быть включена ограничительная рамка: View ➜ Show Bounding Box (⇧⌘B)
Если в правом нижнем углу ограничительной рамки есть квадрат с плюсом, это значит, что весь текст не поместился в отведенную область.
Для переноса продолжения/окончания в другое место, надо щелкнуть мышью по плюсу, и очертить новое место на том же или другом artboard’е.
�� Автоматическое разделение текстового блока на колонки
- Выделить текстовой блок.
- Type ➜ Area Type Options.
- Настроить ширину колонок и пробел.
☝️�� Панель Area Type Options можно использовать и настройки ширины-высоты обычных, одноколонных текстовых блоков.
�� «Текст из точки» и текстовая область (параграф)
Если кликнуть текстовым инструментов в монтажную область и начать вводить, получится «текст из точки».
Этот формат наиболее удобен для работы с однострочными текстовыми блоками. Но растягивание его ограничительной рамки приведет к искажению символов.
Чтобы создать текстовую область, надо очертить ее текстовым инструментом.
Конвертировать строчный текст в параграф и обратно можно командами
Type ➜ Convert to Point Type / Convert to Area Type или дважды кликнуть по горизонтальной ручке ограничительной рамки
Если дважды кликнуть по нижней ручке текстовой области, она уменьшится до размеров текста.
�� Стили параграфа
- Настроить размер шрифта, интерлиньяж, цвет и т. д.
- Открыть панели «Стиль параграфа».
- Нажать на значок нового стиля внизу панели, удерживая ⌥.
- Назвать новый стиль значащим именем.
Если после назначения стиля, оформление параграфа менялось, напротив имени стиля в палитре появится знак плюс. Он сигнализирует о наличии локальных изменений. Чтобы отказаться от локальных изменений надо выбрать соответствующий параграф и кликнуть на имени стиля с нажатым ⌥
Чтобы переопределить стиль, надо выбрать несколько символов или весь параграф с измененным стилем, и в меню палитры выбрать Redefine Paragraph Style
�� Текст вдоль контура
- Выбрать инструмент Type on Path.
- Навести курсор на нужный контур.
- Курсор изменится, сигнализируя об особом режиме ввода текста
☝️�� Чтобы написать что-то сверху окружности, нужно нажать курсором на ее нижнюю точку, а тексту назначить выключку по центру.
- Ввести текст.
- Выбрать текст и контур черной стрелкой.
- Появятся ручки (перпендикулярные линии) выравнивания.
- Перетягивая центральную, можно выравнять текст по контуру или переместить его на противоположную сторону контура (в примере — внутрь овала).
- Правой и левой ручкой тоже растянуть строку по контуру, чтобы вместить больше символов и точнее выровнять.
- Перетягивая перпендикуляр под знаком плюса справа надписи, можно увеличить длину строки.
- Чтобы изменить положение строки относительно контура (например, перенести текст внутрь круга), надо открыть настройки.
Type ➜ Type on a Path ➜ Type on a Path Options.
Затем выбрать нужную опцию в Align to Path
Настроить смещение базовой линии.
�� Фильтр шрифтов по начертанию
Если в комбобоксе ввести ключевые слова того или иного начертания, список будет соответствующим образом отфильтрован
�� Умная пунктуация
Чтобы кавычки в тексте автоматически заменялись на типографские (ёлочки в русском языке), надо открыть настройки документа, перейти во вкладку Type, поставить флаг Use Typographer’s Quotes, выбрать язык и тип кавычек
Чтобы заменить существующие кавычки, тире и пунктуационные пробелы, включить лигатуры, надо открыть диалог Type ➜ Smart Punctuation, выбрать нужные опции и запустить поиск-замену.
Если что-то не было заменено автоматически, можно заменить вручную.
Edit ➜ Find and Replace
В меню @ можно выбрать специальный символ, который нужно найти или которым нужно заменить.
�� Обтекание текстом
Выделить объект — буквицу, иллюстрацию
(☝️�� они должны быть на одном слое с текстом)
Object ➜ Text Wrap ➜
Для обтекания текстом, как правило, используются ноль-объекты — фигуры без заливки и обводки. Их можно редактировать, не трогая графику, вокруг которой создается обтекание.
�� Настройка переносов
Для автоматической компоновки переносов в большом тексте лучше подходит опция Adobe Every-line Composer. Но опции компоновки действуют только на выделенные абзацы, так что если требуется ручная подгонка какого-то фрагмента можно выбрать и Adobe Single-line Composer
�� Разгонка заголовка по ширине текстовой области
Кликнуть текстовым инструментом в блоке заголовка
Type ➜ Fit Headline
�� Выгонка и вгонка висячих (блядских) строк
Чтобы втянуть предлог/союз/частицу на строку используют неразрывный пробел. Надо выделить две части речи и выбрать No Break в меню палитры символов.
Для втягивания висячей строки можно редактировать текст, если на это есть права.
Или увеличивать/уменьшать межсловные и межбуквенные интервалы в абзаце, или интерлиньяж в колонке. Но это уже крайняя и нежелательная мера.
Можно увеличить предыдущую полосу на одну строку или уменьшить текущую полосу на одну строку.
�� Специальные символы
Специальные символы, содержащиеся в выбранном шрифте можно найти в палитре «Глифы»
Type ➜ Glyphs
В ячейках с треугольником в нижнем правом углу содержатся варианты символа — в основном, капитель (small caps), верхний (22) и нижний индексы.
В фильтре Show можно выбрать разные группы символов. Например, орнамент
�� Перевод текста в кривые
Type ➜ Create Outlines — ⇧⌘O
☝️�� В отличие от Photoshop’а исходный текст не сохраняется. Illustrator переводит шрифт в фигуры с заливкой.
�� Полученный контур надписи, можно выровнять по пиксельной сетке. Сначала с помощью кнопки на Align Selected Art To Pixel Grid панели управления или команды Object ➜ Make Pixel Perfect. Затем, по мере необходимости можно поправить контур вручную.
☝️�� Однако попытки выровнять по пиксельной сетке мелкие надписи приводят к нежелательным результатам.
�� Скругление углов кривых текста
Скруглять надо не ручками скругления — так не получится скруглить сразу все углы, потому что их характер разный.
Правильный вариант — ввести радиус в верхней панели.
�� Масштабирование, вращение и смещение букв по одной
Не нужно разбивать строку на символы. Для этих целей создан инструмент Touch Type