Текст Illustrator вдоль контура

Обновлено: 21.11.2024

Текст на пути течет по краю открытого или закрытого пути. Когда вы вводите текст горизонтально, символы располагаются параллельно базовой линии. При вертикальном вводе текста символы располагаются перпендикулярно базовой линии. В любом случае текст течет в том направлении, в котором точки были добавлены к пути.

Чтобы создать горизонтальный текст вдоль контура, выберите инструмент «Текст» или инструмент «Текст по контуру» .

Чтобы создать вертикальный текст вдоль контура, выберите инструмент "Вертикальный текст" или "Вертикальный текст на контуре" .

Поместите указатель на путь и нажмите. (Неважно, есть ли у контура атрибуты штриха или заливки, потому что Illustrator автоматически удаляет их.)

Если путь закрыт, а не открыт, необходимо использовать инструмент «Ввод по пути».

После ввода текста нажмите инструмент «Выделение», чтобы выбрать текстовый объект. Либо щелкните текст, удерживая клавишу Ctrl (Windows) или Command (Mac OS).

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

Пример переполнения текста

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

Видео о создании текста на контуре см. в разделе Нанесение текста на контур.

Квадратная скобка появляется в начале шрифта, в конце пути и в середине между начальной и конечной скобками.

Наведите указатель на центральную скобку шрифта, пока рядом с указателем не появится маленький значок .

Чтобы переместить текст вдоль пути, перетащите центральную скобку вдоль пути. Удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac OS), чтобы шрифт не переворачивался на другую сторону контура.

Перемещение текста по пути

Чтобы изменить направление текста вдоль контура, перетащите скобку по контуру. Либо выберите «Текст» > «Текст по пути» > «Параметры ввода по контуру», выберите «Отразить» и нажмите «ОК».

Переворачивание шрифта вдоль контура

Совет. Чтобы переместить текст по траектории без изменения направления текста, используйте параметр «Сдвиг базовой линии» на панели «Символ». Например, если вы создали текст, который проходит слева направо по верхней части круга, вы можете ввести отрицательное число в текстовое поле «Сдвиг базовой линии», чтобы отбросить текст так, чтобы он располагался внутри верхней части круга.

Видео о создании шрифта на контуре см. в разделе Нанесение шрифта на контур.

Эффекты пути позволяют искажать ориентацию символов на пути. Вы должны сначала создать текст на контуре, прежде чем сможете применить эти эффекты.

Выберите «Текст» > «Тип по контуру» и выберите эффект в подменю.

Выберите «Текст» > «Текст по пути» > «Параметры ввода по пути». Затем выберите параметр в меню «Эффект» и нажмите «ОК».

Примечание. Применение эффекта "Гравитация" к тексту на идеально круглой траектории создает результат, похожий на эффект "Радуга" по умолчанию. Он работает должным образом на дорожках овальной, квадратной, прямоугольной или другой неправильной формы.

Эффекты пути

Выберите параметр в меню «Выровнять по пути», чтобы указать, как выравнивать все символы по пути относительно общей высоты шрифта:

Выравнивает по верхнему краю шрифта.

Выравнивает по нижнему краю шрифта.

Выравнивает точку посередине между верхним и нижним элементами шрифта.

Выравнивает по базовой линии. Это настройка по умолчанию.

Примечание. Символы без надстрочных и подстрочных элементов (например, буква e) или базовой линии (например, апостроф) выравниваются по вертикали с символами, имеющими надстрочные и подстрочные элементы и базовые линии. Эти размеры шрифта постоянно определяются дизайнером шрифта.

Совет. Для большего контроля над выравниванием по вертикали используйте параметр «Сдвиг базовой линии» на панели «Символ». Например, введите отрицательное значение в поле «Сдвиг базовой линии», чтобы уменьшить тип.

Когда символы обтекают острую кривую или острый угол, они расходятся веером таким образом, что может показаться, что между ними есть дополнительное пространство. Вы можете уменьшить расстояние между символами на кривых, используя параметр «Интервал» в диалоговом окне «Параметры ввода по контуру».

В поле "Интервал" введите значение в пунктах. Более высокие значения удаляют лишнее пространство между символами, расположенными на острых кривых или углах.

Тип без регулировки интервала (слева) по сравнению со шрифтом с корректировкой интервала (справа)

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

Поместите текст в круг или любой другой нелинейный контур

Сью Честейн — бывший писатель Lifewire и специалист по графическому программному обеспечению, имеющая опыт веб-дизайна и публикации в печатных изданиях. Она также имеет опыт администрирования WordPress.

Кайла Дубе имеет более чем 4-летний опыт работы в области видеосъемки и кинопроизводства. Она часто работает с независимыми кинокомпаниями.

Что нужно знать

В файле Adobe Illustrator, удерживая клавишу Shift, нарисуйте круг с помощью инструмента «Эллипс».
Выберите инструмент «Текст» и выберите «Текст по контуру». Поместите курсор на кружок, где вы хотите разместить текст.
Открыв панель «Тип», выберите вкладку «Символ». Выберите шрифт и размер. Введите текст, который будет выровнен по окружности.

В этой статье объясняется, как добавить изогнутый текст вверху и внизу круга в Adobe Illustrator 2017 и более поздних версиях.

Как печатать по контуру в Illustrator

Чтобы добавить текст к кругу или любому контуру в Illustrator, нарисуйте круг, выберите инструмент «Текст контура», щелкните круг и введите текст. Сложная часть возникает, когда вы хотите добавить две фразы и иметь одну правую сторону вверху круга, а другую правую сторону внизу круга. Вот как:

Нажмите и удерживайте клавишу Shift и нарисуйте круг с помощью инструмента "Эллипс". Неважно, какого цвета обводка или заливка, потому что они оба исчезают, когда вы щелкаете текстовым инструментом.

Чтобы нарисовать идеальную окружность от центра наружу, нажмите клавиши Option+Shift на Mac или Alt+Shift в Windows.

Откройте раскрывающееся меню инструмента «Текст» и выберите инструмент «Текст на пути».

Откройте панель «Текст» и выберите «Абзац» («Окно» > «Текст» > «Абзац»). Либо нажмите кнопку «Выровнять по центру» в параметрах панели. Этот шаг устанавливает выравнивание по центру.

Нажмите на верхнюю центральную часть круга. Появится мигающий курсор ввода. Когда вы вводите текст, он выравнивается по центру по мере ввода.

Открыв панель «Тип», перейдите на вкладку «Символ». Выберите шрифт и размер, затем введите текст для верхней части круга. Текст проходит по верхней части круга. Обводка фигуры используется в качестве базовой линии для текста.

Переключитесь на инструмент "Частичное выделение", нажмите один раз на круг, затем скопируйте его в буфер обмена.

Чтобы вставить объект перед текущим объектом, выберите «Правка» > «Вставить впереди». Он будет выглядеть так же (за исключением того, что текст будет тяжелее, потому что новый текст будет вставлен поверх исходного).

Чтобы упростить задачу, откройте панель «Слои» и переименуйте один из слоев, указав, что это передняя копия.

Перед отражением текста откройте панель «Слои» и отключите видимость нижнего слоя.Переключитесь на инструмент «Текст», выделите текст и введите новый текст.

Выберите «Текст» > «Текст на пути» > «Параметры текста на пути», чтобы открыть диалоговое окно «Параметры пути». Выберите «Радуга» для эффекта, а для «Выровнять по пути» выберите «По возрастанию». Восходящий элемент — это самая высокая часть буквы, которая помещает текст за пределы круга.

Установите флажок "Перевернуть", затем выберите "Предварительный просмотр", чтобы увидеть, как это будет выглядеть. Здесь также можно настроить интервал. Нажмите "ОК".

Вариант Rainbow не искажает текст.

Щелкните за пределами текста, чтобы снять выделение, и выберите инструмент «Выделение» на панели инструментов. Вы увидите ручку в верхней части фигуры и две ручки внизу.

Верхний маркер перемещает текст по пути, когда вы его перетаскиваете, но в зависимости от того, как вы перетаскиваете маркер, текст может перемещаться внутри круга. Если вы наведете курсор на этот маркер, он переключится на курсор вращения. Две ручки внизу - это те, которые вы должны использовать. Эти ручки вращают объект вместо перемещения текста. Когда закончите, включите видимость скрытого слоя.

Перетащите соответствующий символ из палитры «Символы» и измените его размер, чтобы он поместился в круг, и все готово.

Используйте один из инструментов формы или инструмент "Перо", чтобы нарисовать фигуру. На панели «Свойства» установите «Заливка» на «Нет» и «Цвет обводки» на «Черный». Выберите инструмент "Текст" и нажмите в том месте, где вы хотите начать печатать, затем выберите "Выровнять по левому краю".

Используя функцию обрезки изображения, выберите «Файл» > «Поместить» > выберите изображение > «Поместить». Выберите изображение для обрезки с помощью инструмента «Выделение», затем выберите «Обрезать изображение» > «Объект» > «Обрезать изображение» > «Обрезать изображение». Перетащите углы виджета и маркеры краев, чтобы установить границы обрезки, затем нажмите «Применить».

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

Я был так же сбит с толку, как и вы, когда впервые начал изучать Illustrator. Что ж, сегодня у меня для вас хорошие новости! Если вы используете правильный инструмент и найдете хитрость, вы можете создать потрясающий текстовый эффект даже без инструмента «Перо»! Не учу вас лениться, просто хочу повысить вашу уверенность 😉

В этом руководстве вы узнаете, как сделать так, чтобы текст следовал по контуру, и как редактировать текст по контуру в Adobe Illustrator. Вам понадобится один важный инструмент — «Текст по контуру».

Не видели? Сегодня вы познакомитесь с этим замечательным инструментом!

Примечание. Все скриншоты взяты из версии Adobe Illustrator CC 2021 для Mac. Windows или другие версии могут выглядеть иначе.

Инструмент «Ввод контура»

Если вы еще не знали, в Adobe Illustrator есть инструмент «Текст по контуру», который можно найти в том же меню, что и обычный инструмент «Текст».

Это работает так, как звучит, введите путь. Основная идея состоит в том, чтобы использовать этот инструмент вместо инструмента «Текст», чтобы текст следовал созданному вами пути. Итак, первое, что вам нужно сделать, это создать путь. Начнем с примера обтекания текстом круга.

Шаг 1. Выберите инструмент "Эллипс" (L) на панели инструментов. Удерживайте клавишу Shift, чтобы сделать идеальный круг.

Шаг 2. Выберите инструмент «Текст на пути». Вы заметите, что при наведении курсора на круг он будет подсвечиваться цветом слоя.

Нажмите на круглую траекторию, где вы хотите, чтобы текст начинался. Когда вы нажмете, вы увидите Lorem Ipsum вокруг круга, а обводка контура исчезнет.

Шаг 3. Замените Lorem Ipsum своим собственным текстом. Например, я собираюсь написать учебники по IllustratorHow. Вы можете настроить стиль и размер шрифта сейчас или позже. Я предпочитаю делать это с самого начала, чтобы лучше понять расстояние.

Как вы видите, текст идет по пути, но не в центре. Вы можете настроить начальную точку, перемещая скобку, пока не достигнете нужного положения.

Вот так! Вы можете использовать тот же метод, чтобы текст следовал по любой другой траектории фигуры. Например, если вы хотите, чтобы текст следовал по прямоугольной траектории, создайте прямоугольник и напечатайте на нем текст, если вы хотите сделать текст кривым, вы можете использовать инструмент "Перо".

Что еще можно сделать, чтобы улучшить текст на пути? Помимо изменения стиля и цвета шрифта, есть несколько эффектов, которые можно применить к тексту в параметрах «Текст по контуру».

Параметры ввода пути

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

Ну, вот где вы можете это сделать. Вы можете переворачивать, перемещать текст, изменять интервалы и добавлять эффекты к тексту на пути из параметров «Текст на пути». Я покажу вам несколько приемов с текстом на примере круга.

Выделите текст и перейдите в верхнее меню «Текст» > «Текст по пути» > «Параметры ввода по контуру».

Вы увидите это диалоговое окно. Если вы хотите перевернуть текст, установите флажок «Отразить» и нажмите «ОК». Установите флажок Предварительный просмотр, чтобы увидеть результат по мере настройки.

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

Теперь как насчет добавления эффекта к тексту? Эффект по умолчанию — «Радуга», но я только что изменил свой эффект на «Перекос», и вот как это будет выглядеть.

Выровнять по контуру определяет расстояние текста до контура. Значение по умолчанию — Baseline, то есть путь. Ascender выводит текст во внешний круг (путь), а Descender выводит его во внутренний круг (путь). Если вы выберете Center, текст будет в центре пути.

Последний пункт в меню параметров — «Интервал». Здесь вы можете отрегулировать расстояние между буквами, если вам нравится, как это выглядит, то все готово.

Видишь, неплохо выглядит, правда? И мне не нужно было использовать инструмент «Перо», как я «обещал» ранее 😉

Подведение итогов

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

Окончила специальность "Креативная реклама", более восьми лет работала графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлекаюсь искусством и дизайном.

Оставить ответ

Спасибо за руководство, мы очень ценим это. Пожалуйста, сообщите о своем другом руководстве, чтобы я мог подписаться на вас на YouTube. Благодарим вас и желаем вам счастливого Нового года.

Привет! Рад слышать, что вам нравятся мои уроки 🙂 У нас пока нет канала на YouTube, но я обязательно дам вам знать, когда он у нас появится.

Поздравляю вас с наступающим Новым годом!

Эй, креативщики!

Меня зовут Джун, я графический дизайнер и решаю проблемы. Я здесь, чтобы помочь вам решить ваши проблемы с Illustrator. Узнайте больше обо мне и почему я создал этот сайт здесь.

Последние записи

Лучшее от IllustratorHow

Подпишитесь на мою рассылку, чтобы получать последние советы по Adobe Illustrator на свой почтовый ящик.

Отказ от ответственности

Illustrator – это программа для дизайна, разработанная Adobe Inc.Этот сайт не связан с Adobe. Являясь партнером Amazon, я зарабатываю на соответствующих покупках.

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

Текст на изогнутой линии

Создайте криволинейный путь с помощью любого из нескольких инструментов, создающих изогнутые линии и фигуры. Например, используйте инструмент "Перо" (который выглядит как головка авторучки) и щелкайте и перетаскивайте мышь, создавая каждую опорную точку.

Выберите один из инструментов «Текст по пути», нажав маленькую стрелку в углу значка «Текст» (который выглядит как буква T в верхнем регистре). Стандартный «Тип по пути» форматирует текст по горизонтали. Инструмент «Вертикальный текст на контуре» манипулирует текстом, делая его вертикальным.

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

Нажмите «Ввод» вверху, затем выберите стрелку справа от «Ввод по пути». Выберите «Параметры ввода пути».

Нажмите «Предварительный просмотр», чтобы просмотреть текст во время игры с настройками. Измените Эффект текста на пути, измените Выравнивание по пути, чтобы указать, где в строке будет лежать ваш текст, или измените расстояние между буквами с помощью параметров «Интервал». Установите флажок "Перевернуть", чтобы переместить текст на противоположную сторону изогнутой линии.

Введите текст в фигуре

Создайте фигуру с помощью любого из инструментов. Например, создайте овал с помощью инструмента «Эллипс» (щелкните маленькую стрелку в углу значка инструмента «Прямоугольник» и выберите «Инструмент «Эллипс»), щелкнув холст и удерживая кнопку мыши нажатой, пока вы формируете фигуру.

Выберите один из инструментов «Тип области», нажав маленькую стрелку в углу значка «Тип» (который выглядит как буква T в верхнем регистре). Стандартный инструмент «Тип области» форматирует текст по горизонтали. Инструмент «Вертикальный текст области» создает текст так, чтобы он был вертикальным.

Нажмите внутри фигуры в том месте, где вы хотите начать текст, и введите его.

Нажмите "Тип" вверху, затем выберите "Параметры типа области".

Нажмите «Предварительный просмотр», чтобы просмотреть текст во время игры с настройками. Измените ширину, высоту, строки и столбцы, смещение и расположение текста того, что вы ввели в своей фигуре.

wikiHow – это вики, похожая на Википедию. Это означает, что многие наши статьи написаны в соавторстве с несколькими авторами. Над созданием этой статьи работали 14 человек, в том числе анонимно, которые со временем редактировали и улучшали ее.

Техническая команда wikiHow также следовала инструкциям в статье и убедилась, что они работают.

Эта статья была просмотрена 170 581 раз.

Часто для создания элемента дизайна, включающего текст, дизайнеру необходимо, чтобы текст располагался по открытой или закрытой траектории или по форме. Текст на пути можно использовать для создания наклеек, эмблем и наград. В этой статье показано, как заставить текст следовать контуру или фигуре с помощью Adobe Illustrator (AI).

Нарисуйте прямую линию с помощью инструмента «Перо» (P) на панели инструментов. Затем выберите инструмент «Преобразовать опорную точку» (Shift + C) и перетащите маркеры одной опорной точки под углом 45 градусов. Это создаст небольшую дугу.

Затем удерживайте указатель мыши на инструменте «Текст» (T) на панели инструментов, чтобы просмотреть всплывающее меню. Выберите инструмент «Текст по контуру» и щелкните верхнюю часть дуги в монтажной области.

В верхнем меню выберите «Окно» > «Текст» > «Абзац». В меню «Абзац» выберите «Выровнять по левому краю». Введите фразу, и текст будет начинаться с левой стороны дуги и следовать по пути.

Чтобы переместить текст по траектории, выберите инструмент "Прямое выделение" (A) на панели инструментов и щелкните левую скобку (возле опорной точки). Появится маленький перпендикулярный значок.

Удерживая нажатой клавишу Cmd (Mac) или Ctrl (Windows), перетащите скобку, чтобы переместить текст вдоль контура. Чтобы перевернуть текст на противоположную сторону пути, перетащите перпендикулярный значок на другую сторону пути. На этот раз не удерживайте клавиши Cmd (Mac) или Ctrl (Windows).

Выравнивание текста на пути также можно изменить. Выберите «Текст» > «Тип по контуру» > «Текст по контуру». В окне «Параметры типа на пути» есть раскрывающееся меню «Выровнять по пути», которое включает в себя: «По возрастанию», «По убыванию», «По центру» и «Базовая линия». Опция Ascender (1) перемещает текст ниже контура и выравнивает его по верхней части. Опция Descender (2) перемещает текст над контуром и выравнивает его по нижней части. Опция Center (3) имеет путь, проходящий через среднюю точку текста. Параметр «Базовая линия (4)» используется по умолчанию и выравнивает текст по базовому пути.

Читайте также: