Получите бесплатно 4 курса для лёгкого старта работы в IT
Получить бесплатно
Главная БлогТекст в Adobe Illustrator: инструменты, возможности, инструкции
Текст в Adobe Illustrator

Текст в Adobe Illustrator: инструменты, возможности, инструкции

Дата публикации: 09.12.2022
13 431
Время чтения: 16 минут
Дата обновления: 15.09.2023
В статье рассказывается:

Что это? Adobe Illustrator – мощный графический редактор. В нём можно не только работать с изображениями, но и также обрабатывать текст, используя богатые настройки приложения.

Как работать? Чтобы начать работать с текстом в Adobe Illustrator, нужно познакомиться с инструментарием и возможностями программы. После можно выполнять простые операции и совершенствовать навыки владения AI.

В статье рассказывается:
  1. Инструменты для работы с текстом в Adobe Illustrator
  2. Панели для работы с текстом в Adobe Illustrator
  3. Строчный и блочный текст в Adobe Illustrator
  4. Размещение текста в Adobe Illustrator по кривой
  5. Размещение текста в AI внутри области
  6. Другие полезные фишки для работы с текстом в AI
  7. Пройди тест и узнай, какая сфера тебе подходит:
    айти, дизайн или маркетинг.
    Бесплатно от Geekbrains

Инструменты для работы с текстом в Adobe Illustrator

Принципы создания и редактирования текстовых объектов сходны во всех графических редакторах. Можно изменить тип шрифта, его размер, начертание (курсив, полужирный, подчёркнутый и т.д.). Не является исключением в этом отношении и Adobe Illustrator. Вместе с тем, многие задачи он позволяет выполнить значительно проще и быстрее, а сами эффекты гораздо разнообразнее, чем в других программах.

Так, Illustrator позволяет обрабатывать текст как полноценное векторное изображение, которое можно привязать к произвольной кривой, использовать его для окантовки иных элементов, оформить с применением различных кистей, градиентной заливки и др.

Инструменты для работы с текстом в Adobe 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 (надпись по вертикали по пути).
Большинству пользователей удобнее всего выбрать необходимый инструмент, кликнуть курсором по нужному участку изображения и ввести текст. Однако в Illustrator такой способ может использоваться лишь для двух опций: Type Tool и Vertical Type Tool.

При вводе нового текста он по умолчанию получает 12 кегль и шрифт Arial Cyrillic regular. Чтобы изменить эти параметры, надпись нужно выделить курсором, кликнуть правой кнопкой мыши и в контекстном меню указать нужные значения. При этом буквенные символы вводятся как векторные изображения, и для них можно использовать опции Direct Selection или Selection, выполняя с выделенными фрагментами желаемые действия.

Панели для работы с текстом в Adobe Illustrator

Меню Type Tool содержит лишь часть возможностей Illustrator для редактирования текстовых элементов. Дополнительные возможности скрыты в меню Window > Workspace > [Type]. Рассмотрим их подробнее.

Узнай, какие ИТ - профессии
входят в ТОП-30 с доходом
от 210 000 ₽/мес
Павел Симонов - исполнительный директор Geekbrains
Павел Симонов
Исполнительный директор Geekbrains
Команда GeekBrains совместно с международными специалистами по развитию карьеры подготовили материалы, которые помогут вам начать путь к профессии мечты.
Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!

Скачивайте и используйте уже сегодня:

Павел Симонов - исполнительный директор Geekbrains
Павел Симонов
Исполнительный директор Geekbrains
pdf иконка

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

Поможет разобраться в актуальной ситуации на рынке труда

doc иконка

Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка

Только проверенные нейросети с доступом из России и свободным использованием

pdf иконка

ТОП-100 площадок для поиска работы от GeekBrains

Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽

pdf 3,7mb
doc 1,7mb
Уже скачали 30006 pdf иконка

Панель 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
Строчный и блочный текст в 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. Далее можно указать иные параметры надписи: шрифт, цвет и др.

Дарим скидку от 60%
на обучение «Дизайнер интерфейсов (UX/UI)» до 22 сентября
Уже через 9 месяцев сможете устроиться на работу с доходом от 150 000 рублей
Забронировать скидку

Если нужно поместить круговую надпись внутри объекта, то это тоже не составляет труда. Нужно лишь задать нужный диаметр контура, чтобы текст оказался в нужном месте. Но есть и другой способ. На панели Character есть инструмент Baseline Shift (смещение относительно основной линии). Если его величина принимает отрицательное значение, то надпись перенесётся на другую сторону относительно кривой.

Изменяя этот параметр, можно подогнать надпись относительно нужного элемента. В этой же панели есть и иные полезные опции, в частности, настройка интервала между отдельными символами по горизонтали (инструмент Tracking).

Часто требуется разместить текст вдоль отдельного участка окружности, например, в нижней ее части. Если повернуть текст, уже введенный вдоль кривой, то он будет отображаться в перевернутом виде. Чтобы он расположился правильно, нужно выделить надпись при помощи инструмента Selection, а затем перетянуть ее начало на нужный участок изображения. Аналогичным образом текст можно поместить и внутри объекта при помощи параметра Baseline Shift (смещение относительно основной линии), задав ему отрицательное значение.

Придать надписи эффектный вид поможет инструмент Spiral. Он позволяет добавить в Adobe Illustrator текст, скрученный по спирали. Для этого сначала нужно нарисовать кривую соответствующей формы с несколькими витками. Затем кликнуть по любому ее участку и ввести текст, указав необходимые параметры размера, шрифта и т.д. Кроме того, можно сделать шрифт уменьшающимся при перемещении вдоль спирали.

Только до 23.09
Скачай подборку материалов, чтобы гарантированно найти работу в IT за 14 дней
Список документов:
ТОП-100 площадок для поиска работы от GeekBrains
20 профессий 2023 года, с доходом от 150 000 рублей
Чек-лист «Как успешно пройти собеседование»
Чтобы получить файл, укажите e-mail:
Введите e-mail, чтобы получить доступ к документам
Подтвердите, что вы не робот,
указав номер телефона:
Введите телефон, чтобы получить доступ к документам
Уже скачали 52300

Для этого требуется в режиме Path Type Tool последовательно уменьшить размер шрифта на один пиксел в блоке Character. Если к такой надписи подобрать подходящий фон, то полученное изображение будет выглядеть очень ярко и необычно.

Размещение текста в AI внутри области

Опция Area Type Tool (текст внутри области) позволяет разместить надпись внутри ограниченного блока.

В качестве примера рассмотрим создание выноски. Нарисуйте прямоугольник со скругленными углами, затем при помощи инструмента Pen (перо) задайте в нижней части фигуры две угловые точки. Точку, расположенную левее, нужно растянуть в виде направляющего угла. Имейте в виду, что, если она будет использована в качестве формы, внутри которой размещается текст, в дальнейшем не получится задать для надписи параметры границы и заливки.

Хотите стать мастером дизайна веб-пространства? На курсе Fullstack-дизайнера вы освоите искусство создания восхитительных интерфейсов и глубокий взгляд на верстку. Под руководством экспертов научитесь воплощать идеи в реальные проекты, владеть инструментами и вдохновлять мир дизайном.

Нужно скопировать выноску и поместить ее на передний план при помощи опции Edit=>Paste in Front (Редактирование=>Вставить на передний план). Одну выноску выделите командой Direct Selection, нажмите Area Type Tool (текст внутри области), кликните по границе рамки и напечатайте нужный текст.

Размещение текста в AI внутри области
Размещение текста в AI внутри области

Возможно, что получившаяся выноска не будет соответствовать размеру области. Тогда нужно поочередно выделить выноски с текстом и без него, а затем изменить их размеры. На панели Character следует открыть вкладку Paragraph и кликнуть по значку Align Center (выровнять по центру). Задайте другие параметры шрифта. Можно добавить к тексту тень, для этого воспользуйтесь опцией Effect=>Stylize=>Drop Shadow.

Другие полезные фишки для работы с текстом в AI

  • Перенос надписи в новый блок

Если на блоке с текстовыми данными кликнуть по красному крестику, то программа создаст еще один такой же блок аналогичных размеров. Если при вводе текста в первом из них закончится свободное место, то надпись будет автоматически перенесена во второй.

  • Удаление пустых объектов

В Adobe Illustrator можно не только изменить текст, но и автоматически удалить текстовые поля, в которых нет надписей. Для этого нужно выполнить команду. Object> Path> Clean Up и выбирать Empty Text Paths. Это гораздо удобнее, чем вручную искать пустые блоки и удалять каждый из них.

  • Текст по контуру

Если воспользоваться инструментом «Текст по контуру» (Type on Path Tool), то можно вводить текст вдоль заданного контура. Для этого нужно кликнуть в нужной точке линии, а затем ввести надпись.

Для перемещения текстового блока нужно в режиме Selection Tool помесить курсор мыши на начальную точку, зажать левую кнопку и передвинуть блок в нужное место.

Эта статья дает базовое представление о том, как сделать текст в Adobe Illustrator. Этих данных достаточно для разработки логотипов, создания одиночных надписей с эффектным визуальным оформлением. Однако, если приходится решать более сложные задачи вроде верстки газетных страниц и другой полиграфической продукции, то рекомендуется обратиться к официальным обучающим материалам. Их можно легко найти на сайте компании Adobe.

Оцените статью:
5
Добавить комментарий

Сортировать:
По дате публикации
По рейтингу
Читайте также
prev
next
Бесплатные вебинары:
prev
next
Как работает дизайн-студия на примере одного кейса 

Как работает дизайн-студия на примере одного кейса 

Узнать подробнее
Инновационные подходы к обучению информационным технологиям

Инновационные подходы к обучению информационным технологиям

Узнать подробнее
Как стать Python-разработчиком

Как стать Python-разработчиком

Узнать подробнее
Что нужно знать разработчику

Что нужно знать разработчику

Узнать подробнее
Кто такой тестировщик и как им стать

Кто такой тестировщик и как им стать

Узнать подробнее
Чем занимается программист и как им стать

Чем занимается программист и как им стать

Узнать подробнее
Как искусственный интеллект помогает и мешает задачам кибербезопасности

Как искусственный интеллект помогает и мешает задачам кибербезопасности

Узнать подробнее
Бесплатный вебинар про внедрение искусственного интеллекта

Бесплатный вебинар про внедрение искусственного интеллекта

Узнать подробнее
Какие есть профессии в ИТ

Какие есть профессии в ИТ

Узнать подробнее
Смените профессию,
получите новые навыки,
запустите карьеру
Поможем подобрать обучение:
Забрать подарок

Получите подробную стратегию для новичков на 2023 год, как с нуля выйти на доход 200 000 ₽ за 7 месяцев

Подарки от Geekbrains из закрытой базы:
Осталось 17 мест

Поздравляем!
Вы выиграли 4 курса по IT-профессиям.
Дождитесь звонка нашего менеджера для уточнения деталей

Иван Степанин
Иван Степанин печатает ...