Генератор изогнутого текста
Введите слова и согните их в дугу или полный круг. Настройте изгиб, шрифт, размер, цвет и межбуквенный интервал, затем скачайте результат как PNG с прозрачным фоном или как SVG.
Для работы инструмента нужен JavaScript. Включите его и перезагрузите страницу, чтобы согнуть свой текст.
Как пользоваться
Введите текст
Напишите слово или короткую фразу в поле. Предпросмотр меняется по мере ввода.
Согните текст
Передвиньте ползунок изгиба вправо, чтобы выгнуть текст вверх, или влево, чтобы загнуть его вниз. Нажмите «Полный круг», чтобы пустить текст по всей окружности.
Оформите его
Выберите шрифт и задайте размер, межбуквенный интервал и цвет. Переключайте фон предпросмотра между светлым, тёмным и клетчатым, чтобы увидеть, как всё будет выглядеть.
Скачать
Нажмите «Скачать PNG», чтобы получить изображение с прозрачным фоном, или «Скачать SVG» для векторного файла.
Дуги и полные круги
Ползунок изгиба задаёт, какую часть окружности занимает текст. Сдвиг вправо выгибает текст над верхом, как радугу. Сдвиг влево изгибает текст по низу, как улыбку. Посередине получается полукруг, а в крайнем положении кольцо замыкается.
«Полный круг» пускает текст по полной окружности и равномерно распределяет буквы, чтобы кольцо замкнулось. Текст начинается сверху и идёт по часовой стрелке. Если поставить ползунок ниже нуля, текст пойдёт в обратную сторону, по низу, буквами к центру. Лучше всего работают короткие фразы: длинная строка на маленьком кольце делает буквы мелкими.
PNG или SVG
У PNG прозрачный фон, и рисуется он в два раза больше предпросмотра, поэтому остаётся чётким. Используйте его в слайдах, публикациях в соцсетях, фоторедакторах и дизайнерских программах. SVG — векторный файл, который масштабируется до любого размера без размытия, поэтому подходит для логотипов и печати.
Каждая буква в SVG — отдельный текстовый элемент, поставленный под собственным углом, поэтому приложения, которые не умеют гнуть текст по контуру, всё равно покажут его правильно. SVG называет шрифт, а не содержит его, поэтому используется шрифт устройства, которое открывает файл. Если шрифта может не быть, отправьте PNG или переведите текст в контуры в дизайнерской программе.
Где хорошо работает изогнутый текст
Изогнутый текст — классический способ уместить слова в круглую или изогнутую форму:
- Значки, стикеры и круглые логотипы с короткой фразой по кольцу.
- Кружки, футболки и сумки-шопперы со слоганом, выгнутым над картинкой или под ней.
- Приглашения и открытки с именем, выгнутым над датой.
- Аватарки и рамки для фото с надписью, изогнутой по краю.
Частые вопросы
Как заставить текст идти по кругу?
Нажмите «Полный круг», введите короткую фразу и выберите шрифт. Буквы равномерно расходятся по полной окружности, начиная сверху. Передвиньте ползунок изгиба ниже нуля, чтобы текст пошёл против часовой стрелки от низа, буквами к центру.
Можно ли скачать изогнутый текст с прозрачным фоном?
Да. У PNG прозрачный фон, и у SVG тоже. Переключатель фона предпросмотра меняет только то, что вы видите на этой странице, поэтому можно проверить, как текст выглядит на светлых и тёмных цветах.
В чём разница между PNG и SVG?
PNG — это изображение из пикселей, которое здесь рисуется в два раза больше предпросмотра. SVG — векторный файл, который остаётся чётким при любом размере и открывается в дизайнерских программах. Используйте PNG, когда нужно просто разместить текст, а SVG — когда его нужно масштабировать.
Почему мой SVG выглядит иначе в другом приложении?
SVG называет свой шрифт, но не содержит его, поэтому приложение или устройство без этого шрифта покажет похожий. PNG всегда выглядит как предпросмотр. Чтобы сохранить надписи в SVG, переведите текст в контуры в дизайнерской программе или выберите шрифт, который точно есть на устройстве.
Загружается ли мой текст?
Нет. Изогнутый текст создаётся в браузере, а PNG и SVG — на вашем устройстве. Загружать ничего не нужно, и аккаунт создавать не нужно.
Можно ли изогнуть текст на фото?
Этот инструмент создаёт изогнутый текст как отдельную картинку, поэтому поместите скачанный PNG на фото в любом редакторе. Чтобы вписать новые слова в фото так, чтобы они выглядели напечатанными, нарисованными или освещёнными в сцене, используйте «Добавить текст на фото».