Как сделать текст по кругу в Иллюстраторе: по контуру, внутри круга и дугой

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

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

Статью написал:
Ваня Буявец, продюсер, основатель Checkroi
Ваня Буявец
Основатель Checkroi, продюсер, эксперт в выборе онлайн-курсов
Все 3202 статьи автора Подписаться на Телеграм-канал
Одобрено экспертом:
Наташа Буявец, основатель Checkroi, эксперт по онлайн-курсам
Наташа Буявец
Основательница Checkroi, продюсер Youtube-каналов, эксперт по онлайн-курсам
Все 3856 экспертных мнений Подписаться на Телеграм-канал
Обложка: Как сделать текст по кругу в Иллюстраторе: по контуру, внутри круга и дугой

Чтобы сделать текст по кругу в Иллюстраторе, нарисуйте окружность инструментом «Эллипс» (клавиша L) с зажатым Shift, выберите инструмент «Текст по контуру» и щёлкните по линии круга. Курсор встанет на контур, и всё, что вы наберёте, пойдёт вдоль окружности.

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

CheckroiCheckroiПодборка курсов по Adobe Illustrator228 курсов • 40 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

Как сделать текст по кругу в Иллюстраторе: пошаговая инструкция

Рой пишет надпись по кругу в векторном редакторе

Так работает инструмент по разделу о создании текста по контуру:

  1. Возьмите инструмент «Эллипс» (L) и протяните рамку на монтажной области, удерживая Shift. С Shift получится ровный круг, без него выйдет овал.
  2. Нажмите и подержите кнопку инструмента «Текст» (T) на панели инструментов. Откроется группа текстовых инструментов, в ней выберите «Текст по контуру».
  3. Наведите курсор на линию круга и щёлкните там, откуда должна начаться надпись. Если у круга были заливка или обводка, Illustrator их уберёт сам, об этом сказано в советах того же раздела.
  4. Наберите текст. Шрифт и кегль задайте на панели «Символ»: Ctrl+T на Windows, Command+T на Mac.
  5. Переключитесь на инструмент «Выделение» (V) и поставьте надпись на место, как описано в следующем разделе.

Где окажется надпись. Текст начинается от точки щелчка и идёт по часовой стрелке. Для надписи по верхней дуге щёлкайте слева, примерно на «девяти часах».

Чтобы надпись встала ровно по центру сверху, выровняйте её по центру на панели «Абзац» (Alt+Ctrl+T) и щёлкните в самом низу круга. Начальная и конечная скобки окажутся внизу, а середина текста уйдёт на противоположную сторону, наверх.

Если в группе случайно выбран «Текст в области», зажмите Alt (Option на Mac). По таблице комбинаций клавиш Illustrator эта клавиша переключает «Текст в области» и «Текст по контуру».

Как передвинуть и перевернуть надпись на круге

У выделенного текста по контуру три скобки: начальная, конечная и центральная. Начальная и конечная ограничивают участок, на котором помещается текст. Центральная отвечает за положение надписи и за сторону контура.

  • Сдвинуть по кругу без переворота. Зажмите Ctrl (Command на Mac) и тяните центральную скобку.
  • Перевернуть на другую сторону. Перетащите центральную скобку через линию контура. Буквы перевернутся и пойдут в обратную сторону, с внутренней стороны круга.
  • Увести внутрь круга, не переворачивая. Задайте отрицательное значение «Смещение базовой линии» на панели «Символ».

Оба приёма со скобкой разобраны на странице о перемещении и отражении текста. Работают оба инструмента выделения: «Выделение» и «Частичное выделение».

Чаще всего надпись переворачивается случайно: тянули скобку без Ctrl и перетащили её через линию. Верните скобку обратно тем же движением или отмените шаг через Ctrl+Z.

Канал основателя Checkroi Вани Буявца3 800 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединиться

Надпись сверху и снизу круга, как на печати

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

  1. Сделайте верхнюю надпись по шагам выше.
  2. Продублируйте её: Ctrl+C, затем Ctrl+F (Command+C и Command+F на Mac) кладёт копию ровно поверх оригинала.
  3. Выделите текст копии инструментом «Текст» и наберите поверх него нижнюю надпись.
  4. Перетащите центральную скобку нижней надписи внутрь круга. Текст пойдёт слева направо, но встанет с внутренней стороны окружности.
  5. Вынесите его наружу: «Текст» → «Текст по контуру» → «Параметры текста по контуру», в списке «Выровнять по контуру» выберите «Верхний выносной элемент». Буквы повиснут под линией круга.
  6. Нарисуйте под надписями круг с обводкой. Текстовый контур свою обводку потерял, и линию печати делают отдельной фигурой.

Вариантов выравнивания четыре, они перечислены на странице о выравнивании и интервалах текста по контурам:

Параметр Что делает Когда брать
Базовая линия ставит буквы базовой линией на контур, работает по умолчанию обычная надпись снаружи круга
Верхний выносной элемент прижимает к контуру верхний край шрифта нижняя надпись печати, вынесенная наружу
Нижний выносной элемент прижимает к контуру нижний край шрифта когда хвосты букв «у», «р», «д» не должны залезать за линию
Центр ведёт контур посередине между верхним и нижним выносным элементом надпись, нанизанная на линию, как бусины

Подойдёт и второй путь: оставить базовую линию и подвинуть нижнюю надпись отрицательным смещением базовой линии. Так зазор между текстом и обводкой подгоняется с точностью до пункта.

Пример раскладки. Для макета круглой эмблемы диаметром 40 мм возьмите три круга с общим центром: внешний с обводкой 40 мм, круг для надписей около 34 мм и внутренний с обводкой около 26 мм. Надписи встают в кольцо между обводками. Чтобы круги не разъехались, выделите все три и выровняйте их по центру на палитре «Выравнивание» (Shift+F7). В места, где сходятся верхняя и нижняя надписи, обычно ставят звёздочки или точки: они закрывают зазор и делят кольцо на две фразы.

Фирменные знаки, эмблемы и печати целиком, от эскиза до файла для типографии, разбирают на курсах графического дизайна.

Как изменить текст и круг после того, как надпись готова

Текст по контуру остаётся связкой из двух частей: линии и надписи на ней. Каждую часть правят своим инструментом.

  • Поменять слова. Дважды щёлкните по надписи инструментом «Выделение» или возьмите «Текст» и щёлкните внутрь строки. Дальше всё как в обычном текстовом блоке: выделить, удалить, набрать.
  • Поменять размер или форму линии. Возьмите «Частичное выделение» (A) и двигайте опорные точки контура. Надпись перестроится по новой линии сама. После правки проверьте кегль на панели «Символ»: на меньшем круге фраза может перестать помещаться.
  • Сменить цвет. Выделите надпись целиком и задайте заливку букв. Цвет линии круга задаётся у второго, отдельного круга, потому что у текстового контура обводки нет.

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

Остальные базовые приёмы работают с надписью по кругу в паре. Фото внутрь круглой эмблемы вставляет обтравочная маска в Illustrator, а растровый эскиз логотипа переводит в контуры трассировка картинки в вектор.

Как написать текст внутри круга

Круглые эмблемы и печати с надписями по кругу на рабочем столе

Текст внутри круга набирают другим инструментом, «Текст в области». Он заполняет фигуру и переносит строки, когда текст доходит до её границы. Подходит для бейджа, круглой наклейки или подписи в центре эмблемы. Если наклейку потом печатают тиражом, вылеты и цветовой режим макета настраивают по правилам, с которыми работает дизайнер полиграфии.

  1. Нарисуйте круг и выделите его.
  2. Выберите «Текст в области» в той же группе, что и «Текст».
  3. Наведите курсор на фигуру. Когда он сменится на I-образный с пунктирным кругом, щёлкните внутри.
  4. Фигура заполнится шаблонным текстом. Наберите или вставьте свой поверх него.
  5. Выровняйте строки по центру на панели «Абзац». Так текст ляжет внутри круга ровным пятном, без рваного правого края.

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

Буквы прилипают к краю. Решение: нарисуйте контейнер на несколько миллиметров меньше рамки и наберите текст в нём. Отступ от края получится ровным по всей окружности. Если строк много, уменьшите кегль или интерлиньяж на панели «Символ».

Как сделать текст дугой в Иллюстраторе

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

Текст по открытой дуге

  1. Нарисуйте дугу инструментом «Кривизна»: щелчок в начале, щелчок в вершине, щелчок в конце, затем Esc, чтобы закончить линию.
  2. Выберите «Текст по контуру» и щёлкните в начале линии.
  3. Наберите текст и при необходимости поправьте скобками, где он начинается и заканчивается.

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

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

Деформация букв оболочкой

  1. Наберите обычный текст инструментом «Текст» и выделите объект инструментом «Выделение».
  2. Выберите «Объект» → «Искажение с помощью оболочки» → «Создать с деформацией». Сочетание клавиш: Alt+Shift+Ctrl+W, на Mac Option+Shift+Command+W.
  3. В окне «Параметры деформации» выберите стиль дуги и задайте степень изгиба.

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

Та же логика есть в эффекте «Деформация». В обзоре эффектов изменения формы он описан как искажение контуров, текста, сеток и растровых изображений по заранее определённой фигуре с настройкой изгиба.

Пять эффектов текста по контуру

Когда надпись уже стоит на круге, форму букв меняет меню «Текст» → «Текст по контуру». В нём пять эффектов, их перечисляет блок «Применение эффектов» в справке:

Эффект Как ведут себя буквы
Радуга поворачиваются вслед за изгибом и стоят перпендикулярно линии, это вариант по умолчанию
Наклон остаются вертикальными и скашиваются вдоль линии
3D-лента надпись выглядит лентой, повёрнутой в пространстве
Лесенка стоят прямо и садятся на линию ступеньками
Гравитация на ровном круге не отличается от «Радуги», на овале и квадрате буквы поворачиваются к центру фигуры
Ваня БуявецКанал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 800 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в канал

Текст по контуру любой фигуры: волна, звезда, линия

Круг лишь частный случай. В разделе о вводе текста по контуру Adobe показывает тот же приём на многоугольнике и уточняет, что контур можно нарисовать инструментом «Перо» или любым инструментом фигур. Шаги те же: нарисовать контур, выбрать «Текст по контуру», щёлкнуть по линии.

  • Волна и кривая. Рисуйте пером с плавными переходами: на острых изломах буквы наползают друг на друга.
  • Квадрат и многоугольник. На прямых участках параметр «Интервал» не работает. Расстояние между буквами там меняют кернингом и трекингом, а сбрасывает их сочетание Ctrl+Alt+Q.
  • Вертикальная надпись. Для неё есть «Вертикальный текст по контуру», между горизонтальным и вертикальным вариантом переключает Shift.

В других программах тот же результат собирается своим путём. В Фотошопе круг рисуют контуром, а не фигурой, разбор есть в статье про текст по кругу в Фотошопе. Про Фигму написали отдельно: текст по кругу в Figma. Если Illustrator не установлен, посмотрите, какие задачи решает Illustrator в браузере и его бесплатные замены.

Какой шрифт и кегль выбрать для надписи по кругу

На изгибе шрифт ведёт себя иначе, чем в строке. Буквы на внешней стороне круга расходятся веером, на внутренней сходятся, а мелкие детали теряются первыми. Несколько правил, которые экономят время на подгонке:

  • Короткая фраза и прописные буквы. Заглавные одной высоты дают ровный край по окружности, строчные с выносными элементами делают его рваным.
  • Гротеск средней или жирной насыщенности. Тонкие засечки на маленьком круге сливаются, жирный рубленый шрифт читается даже на значке диаметром пару сантиметров.
  • Без соединённой рукописи. В скриптовых шрифтах буквы связаны штрихами, и на изгибе эти связки рвутся. Для круглой эмблемы с рукописной надписью закажите или нарисуйте леттеринг.
  • Разрядка снаружи. Надпись по внешней стороне выглядит плотнее, если немного увеличить трекинг: Alt со стрелкой вправо на панели «Символ».
  • Кегль от длины окружности. Длина круга равна диаметру, умноженному на 3,14. Круг диаметром 40 мм даёт около 126 мм линии, и вся надпись вместе с промежутками должна в них уложиться.

Частые ошибки и что с ними делать

Рой радуется ровной надписи на готовой эмблеме

Пропала линия круга

Illustrator снимает заливку и обводку с контура, по которому пошёл текст. Решение: нарисуйте второй круг того же размера с обводкой и отправьте его под надпись сочетанием Shift+Ctrl+[ (на задний план).

Текст вверх ногами или ушёл внутрь круга

Центральную скобку перетащили через контур без Ctrl. Решение: верните скобку на внешнюю сторону. Дальше двигайте надпись по кругу с зажатым Ctrl, тогда она не перевернётся.

Надпись обрезана, в конце красный плюс

Текст не уместился между начальной и конечной скобками. Решение: раздвиньте скобки, увеличьте круг или уменьшите кегль. На закрытом круге длина надписи ограничена длиной окружности: фраза, которой не хватает места, по кругу не поместится.

Буквы слиплись или разъехались на изгибе

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

Щелчок дал текст внутри круга, а не по краю

Был выбран «Текст в области» или обычный «Текст». Решение: отмените шаг, выберите «Текст по контуру» или зажмите Alt, прежде чем щёлкнуть.

Надпись съехала после смены шрифта

Другой шрифт шире или уже, и длина строки изменилась, а начальная скобка осталась на месте.

Решение: если надпись выровнена по центру на панели «Абзац», она сама останется симметричной относительно точки, противоположной началу. Если выравнивание было по левому краю, переставьте его на центр или сдвиньте надпись с Ctrl за центральную скобку.

В типографии подменился шрифт

На чужом компьютере нужного шрифта нет, и надпись собирается другим. Решение: перед отправкой макета переведите текст в кривые сочетанием Shift+Ctrl+O. Буквы станут обычными контурами, но и редактировать слова будет нельзя, поэтому сохраните рабочую копию с живым текстом. Для коммерческого макета заранее проверьте лицензию: где брать бесплатные шрифты для коммерческого использования, мы разобрали отдельно.

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

Горячие клавиши для текста по кругу

Сочетания из официальной таблицы, которые пригодятся в этой задаче:

Действие Windows macOS
Инструмент «Эллипс» L L
Инструмент «Текст» T T
Инструмент «Выделение» V V
Переключить «Текст в области» и «Текст по контуру» Alt Option
Переключить горизонтальный и вертикальный текст Shift Shift
Палитра «Символ» Ctrl+T Command+T
Палитра «Абзац» Alt+Ctrl+T Option+Command+T
Преобразовать текст в кривые Shift+Ctrl+O Shift+Command+O
Искажение деформированной оболочкой Alt+Shift+Ctrl+W Option+Shift+Command+W
На задний план Shift+Ctrl+[ Shift+Command+[
Сбросить трекинг и кернинг до 0 Ctrl+Alt+Q Command+Option+Q

Где освоить Illustrator системно

Текст по кругу собирается за минуту, если знать три инструмента и одну скобку. Дальше идёт работа над самим знаком: подбор шрифта под изгиб, оптическая компенсация интервалов, сетки и подготовка файла к печати. Это темы курсов по типографике и полноценного курса по программе.

Одна оговорка про доступ: с марта 2022 года Adobe прекратила новые продажи в России, поэтому купить подписку здесь напрямую нельзя. Курсы по программе, которые мы сравнили по цене и длительности, собраны на странице курсов Adobe Illustrator.

КурсШколаСтоимость со скидкойВ рассрочкуДлитель­ностьОбзор курса от Checkroi
Adobe Illustrator с нуля
Перейти на сайт курса
SkillboxSkillbox37 528 ₽2416 ₽/мес.1 месяцОбзор курса
Adobe Illustrator для fashion-дизайнера
Перейти на сайт курса
SkillboxSkillbox34 368 ₽4892 ₽/мес.3 месяцаОбзор курса
Adobe Illustrator
Перейти на сайт курса
Академия СинергияАкадемия Синергия16 716 ₽1393 ₽/мес.2 месяцаОбзор курса
Дизайнер-иллюстратор. Профессиональный курс
Перейти на сайт курса
PentaschoolPentaschool83 720 ₽7480 ₽/мес.8 месяцевОбзор курса
Дизайнер-иллюстратор. Московский диплом
Перейти на сайт курса
НАДПОНАДПО38 500 ₽3209 ₽/мес.6 месяцевОбзор курса

Больше программ — в полном каталоге курсов по Adobe Illustrator

Часто задаваемые вопросы

Как сделать текст внутри круга в Иллюстраторе

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

Как перевернуть текст по кругу в Иллюстраторе

Выделите надпись инструментом «Выделение» и перетащите центральную скобку через линию контура. Чтобы сдвинуть текст по кругу без переворота, тяните ту же скобку с зажатым Ctrl, на Mac с Command.

Как сделать надпись по кругу сверху и снизу, как на печати

Сделайте верхнюю надпись, продублируйте её, наберите в копии нижний текст и перетащите центральную скобку внутрь круга. Затем в окне «Параметры текста по контуру» выберите выравнивание «Верхний выносной элемент», и нижняя надпись встанет снаружи, читаясь слева направо.

Как сделать текст дугой в Иллюстраторе

Нарисуйте дугу инструментом «Кривизна» и щёлкните по ней инструментом «Текст по контуру». Если нужно согнуть сами буквы, выделите текст и выберите «Объект» → «Искажение с помощью оболочки» → «Создать с деформацией».

Почему пропадает обводка круга, когда пишешь текст по контуру

Illustrator сам снимает заливку и обводку с контура, по которому пошёл текст. Нарисуйте второй круг того же размера с обводкой и поставьте его под надпись.

Можно ли сделать текст по контуру любой фигуры, а не только круга

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

Читайте Checkroi первым в Google
Добавьте Checkroi в избранные источники — и наши разборы курсов и обзоры школ будут показываться выше в вашей выдаче Google.
Оставить комментарий
0 комментариев
Форма комментария

Оставьте комментарий

Напишите, что думаете. Нам важно ваше мнение!