Как изогнуть текст в индизайне

Кривим шрифты в ИнДизайне. Второй способ

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

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

Способ был описан на форуме. Привожу свою адаптацию с картинками.

Не рекомендую использовать Create Outlines в ИнДизайне, так как после этого у текста и сложных векторных объектов искажается обводка, причем сильно, иногда даже «съедая» текст. А уж если в вёрстке куча затреппленных объектов — вовсе опасно. Также стабильно исчезают Paragraph Rules и прочие плашки, созданные ухищрениями через стили, а не векторными объектами.

Простой и хитрый приём скривить шрифты

1) Помещаем на каждую страницу прямоугольник (или любой другой шейп) произвольного размера с прозрачностью 50% (задается в Effects → Transparency) и нулевыми заливкой и обводкой:

Проще всего, понятное дело, предусмотреть это заранее при создании мастер-страниц. Я делаю так: создаю мастер-разворот с полупрозрачным объектом, а на базе этого мастера создаю остальные. Первый мастер применяется ко всем страницам, остальные — как требует того дизайн издания. Важно: прозрачный прямоугольник должны быть на самом нижнем слое в самом низу стопки объектов. Проще всего выделить отдельный слой исключительно для него.

2) Идем в Edit → Transparency Flattener Presets… (по-русски, вроде что-то про схлопывание прозрачностей) и создаем новый пресет с настройками:

Ползунок вправо до 100% vectors,
Line art and text resolution 300 ppi
Gradient and mesh resolution 150 ppi,
Ставим обе галки на Convert all text to outlines, Convert all strokes to outlines

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

Называем как-нибудь эти настройки (Lets Curve It All).

3) Для ИнДизайна версий CS6 и раньше важно разгруппировать все объекты перед генерацией .pdf, т. к. схлопыватель пропустит текст в группах (В версии, СС 2015.5 всё ок).

Генерим pdf:
File → Export… → Adobe PDF (Print)

General: Standard → None, Compatibility → Acrobat 4 (PDF 1.3) важно
Advanced: Transparency Flattener Preset: выбираем наш схлопыватель из п. 2)

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

Текст по окружности в индизайне

Здравствуйте все, кто работает в Индизайне!
Извещаем вас о том, что на youtube.com начал работу канал «InDesign Мастерская вёрстки». Там уже размещены более 60 видео с полным описанием как работать с программой DoTextOK. Другие интересные темы, касающиеся работы …

Хитрости и секреты, приемы работы, уроки

Особенности новой версии Индизайна

Описание плагинов, информация о плагинах для работы с Adobe InDesign

Готовые к использованию скрипты для Adobe InDesign

Описание языка, приёмов и методов программирования для Adobe InDesign

Текст в центре круга

Как известно, произвольные отступы для текста в текстовом фрейме можно задать только в том случае, когда фрейм имеет строго прямоугольную форму. Стоит только закруглить углы, и мы уже не можем ввести разные отступы слева и справа, сверху и снизу.

В фрейме с закругленными углами невозможно задать произвольные отступы

Но что делать, если потребовалось расположить текст по центру круга? Естественно, прямым путём это не получится, но уже давно изобретён приём, позволяющий обойти это ограничение InDesign-a.

1. Расположите текст в обычном прямоугольном текстовом фрейме.
2. Нарисуйте круг с таким же диаметром, как и ширина текстового фрейма
3. Задайте обтекание для круга — на панели Text Wrap нажмите кнопку Wrap around object shape и поставьте галочку Invert.
4. На этой же панели задайте нужный вам отступ для обтекания.
5. Совместите текстовый фрейм и круг с обтеканием так, чтобы их центры совпадали (для этого можно воспользоваться панелью Align) и получите текст в центре круга.

2. Размещение текста по контуру фрейма

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

Расположение текста по внешнему контуру фрейма

Выберите инструмент Path Type (Текст по контуру) на панели инструментов (рис. 9.7).
Поместите инструмент около контура. Рядом с курсором инструмента появится небольшой плюсик (рис. 9.8).
Щелкните инструментом. На контуре появится мигающий курсор.
Введите текст. Для выделения или изменения текста используйте любые управляющие элементы.

Чтобы выделить контур, а также убрать границы и заливку и сделать контур невидимым, используйте инструмент Direct Selection. (Более подробно об изменении контуров см. в главе 7.)

Расположив текст вдоль контура, можете изменять его положение.

Расположение текста по контуру

Потяните за индикатор в начале или в конце текста, чтобы изменить положение начальной или конечной точки текста (рис. 9.9).

Потяните за небольшой указатель внутри текста, чтобы изменить центральную точку текста (рис. 9.10).

Рис. 9.8. Инструмент Path Type предназначен для добавления текста к контуру

Рис. 9.9. Значок «плюс» рядом с курсором инструмента означает, что вы можете добавлять текст к контуру

Рис. 9.10. Перетащите индикатор, чтобы сместить текст вдоль контура

Рис. 9.11. Указатель центральной точки позволяет передвигать текст или поворачивать его с одной стороны контура на другую

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

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

Применение эффектов к тексту по контуру

Выполните команды Object -> Path Туре (Элемент -> Текст по контуру) -> Options (Настройки). На экране появится диалоговое окно Path Type Options.
В меню Effect (Эффект) — задайте расположение текста относительно контура:
- Rainbow (Радуга) — дугой с повтором всех изгибов контура;
- Skew (Наклон) — по вертикали; создается эффект наклона относительно контура;
- 3D Ribbon (Трехмерная лента) — горизонтально относительно контура;
- Stair Step (Ступенька лестницы) — базовые линии отдельных букв выравниваются таким образом, что текст располагается вертикально по отношению к контуру;
- Gravity (Гравитация) — искажение текста в зависимости от искажения контура и места расположения текста на кривой контура.
Установите флажок Flip (Повернуть), чтобы расположить текст с другой стороны контура.
Если межбуквенный интервал неравно мерен, используйте опцию Spacing (Интервал) для уплотнения текста в местах резких поворотов и острых углов кон тура. Чем больше значение, тем меньше интервал между символами.

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

Вы можете также управлять вертикальным расположением текста относительно контура.

Вертикальное выравнивание текста относительно контура

В меню Align (Выравнивание) — задайте положение текста относительно контура:
- Ascender (По выносному элементу) — выносные элементы букв касаются контура;
- Descender (По подстрочному элементу) — подстрочные элементы букв касаются контура;
- Center (По центру) — текст касается контура по центру букв;
- Baseline (По базовой линии)-текст касается контура по базовой линии букв.
В меню То Path (Относительно контура) задайте вертикальное выравнивание текста относительно контура:
- Тор (По верхнему краю) — относительно верхнего края линии контура;
- Center (По центру) — относительно центра линии контура;
- Bottom (По нижнему краю) — относительно нижнего края линии контура.

Для перемещения текста вверх или вниз относительно контура можно также использовать управляющие элементы Baseline Shift (Сдвиг базовой линии).

Рис. 9.12. Меню палитры Paragraph содержит команду, открывающую диалоговое окно Paragraph Rules

Рис. 9.13. Диалоговое окно Paragraph Rules предназначено для настройки линий абзаца

Рис. 9.14. Выберите опцию Rule Above или Rule Below, чтобы поместить линию над или под абзацем

Создание текста по контуру

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

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

A. Открывающая скобка B. Входная точка C. Центральная скобка D. Закрывающая скобка E. Выходная точка, указывающая на цепочку текста

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

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

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

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

Редактирование и удаление текста по контуру

К тексту по контуру могут быть применены параметры и эффекты. Однако линии абзаца и интервалы между абзацами не оказывают влияния на текст по контуру. Параметры выравнивания в палитре «Абзац» управляют выравниванием текста по контуру.

Редактирование и форматирование символов по контуру

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

Чтобы выделить символы, перетащите курсор вдоль текста по контуру.

Удаление текста по контуру

Если текст по контуру объединен в цепочку, то он переместится в следующий текстовый фрейм или текст по контуру. В противном случае он будет удален. Контур при этом сохранится, однако все атрибуты текста по контуру (скобки, точки входа и выхода, свойства объединения в цепочку) будут удалены.

Если заливка и обводка контура имеют значение «Нет», то контур после удаления текста станет невидимым. Чтобы сделать контур видимым, нажмите клавишу D сразу после выбора «Текст» > «Текст по контуру» > «Удалить текст с контура». Это приведет к применению для выделенного контура параметров заливки и обводки по умолчанию.

Сжатие межбуквенных интервалов вокруг резких поворотов и острых углов контура

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

Настройка положения текста по контуру

Есть возможность изменить начальную и конечную позицию текста по контуру, тип сдвига и положение контура.

Изменение начальной и конечной позиции текста по контуру

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

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

Тип смещения вдоль контура

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

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

Зеркальное отражение текста по контуру

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

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

Значение «Радуга» позволяет сохранить центр каждой базовой линии символа параллельно касательной контура. Это настройка используется по умолчанию.

A. Эффект «Радуга» B. Эффект «Наклон» C. Эффект «3D-лента» D. Эффект «Лесенка» E. Эффект «Гравитация»

Эффект «Наклон» вне зависимости от формы контура сохраняет вертикальные края символов идеально вертикальными, одновременно с этим позволяя горизонтальным краям символов следовать форме контура. Получающееся горизонтальное искажение может оказаться полезным в том случае, если текст должен следовать за контуром в виде волны или цилиндра.

Эффект «3D-лента» позволяет вне зависимости от формы контура сохранить горизонтальные края символов идеально горизонтальными, одновременно с этим позволяя вертикальным краям символов располагаться перпендикулярно форме контура.

Эффект «Лесенка» позволяет сохранить левый край каждой базовой линии символа на контуре без вращения самих символов.

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

click fraud protection

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

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

Создайте слой для текста.

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

Выбирать Окно > Слои для отображения Слои панели или используйте сочетание клавиш F7 . Затем выберите Новый слой Кнопка для создания нового слоя.

Создайте путь.

В InDesign есть несколько инструментов, которые можно использовать для создания пути. Чтобы создать изогнутый путь, вы можете использовать инструмент «Эллипс» или инструмент «Перо». Хотя вы можете использовать любой инструмент формы для создания пути, в этом примере мы будем использовать инструмент «Эллипс», чтобы создать идеальный круг.

Как создать идеальный круговой путь.

Сначала выберите Эллипс инструмент. Он может быть скрыт за инструментом «Прямоугольник». Если это так, нажмите и удерживайте стрелку раскрывающегося списка на Прямоугольник значок инструмента, пока не появятся дополнительные параметры, включая инструмент «Эллипс». Кроме того, вы можете использовать сочетание клавиш л чтобы активировать инструмент Эллипс.

Выбрав инструмент «Эллипс», удерживайте Сдвиг и щелкните и перетащите курсор, чтобы создать идеальный круг.

Чтобы создать изогнутый текст в InDesign, вы вводите путь. Это изогнутый путь, к которому мы добавим текст.

Сделайте путь невидимым.

Пути невидимы по умолчанию. Однако, если основной цвет и цвет обводки включены, вам нужно отключить их, чтобы сделать контур невидимым.

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

Выбрав инструмент «Выделение» или «Прямой выбор», щелкните контур окружности. Затем выберите Характеристики панель. В рабочей области Essentials выберите Окна > Характеристики для отображения панели свойств.

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

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

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

Далее мы добавим текст к изогнутой линии пути.

Добавьте свой текст.

Чтобы добавить текст, сначала выберите инструмент «Текст по контуру» на панели инструментов. Он может быть скрыт под инструментом «Текст». Нажмите и удерживайте кнопку мыши на текстовом инструменте, чтобы открыть инструмент «Текст по контуру». Кроме того, вы можете использовать сочетание клавиш Сдвиг + Т чтобы выбрать инструмент «Текст на пути».

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

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

Чтобы настроить шрифт и размер шрифта, активируйте Персонаж панель, выбрав Окно > Тип и таблицы > Персонаж или используйте сочетание клавиш Ctrl + Т или же Команда + Т для компьютеров Mac.

Чтобы настроить цвет шрифта, активируйте Цвет панель, выбрав Окно > Цвет > Цвет или используйте сочетание клавиш F6 . Выделите текст и примените цвет.

Затем мы разместим текст именно там, где вы хотите, на круговой траектории.

Переместите текст вдоль кривой.

Чтобы переместить текст вдоль кривой, используйте кнопку Инструмент выделения чтобы выбрать тип на пути. Наведите указатель на начальную или конечную скобку типа, пока рядом с указателем не появится значок со стрелкой. Избегайте входного или выходного порта скобок — они используются для перехода текстовых фреймов от одного к другому.

Перетащите текст вдоль пути в нужное место.

Введите параметры пути.

Инструмент «Текст по контуру» имеет множество параметров. Выбирать Тип > Введите путь > Опции для отображения диалогового окна.

Вы можете добавить параметры «Эффект», «Выровнять» и «Интервал».

Убедитесь, что Предварительный просмотр установлен флажок и попробуйте все параметры в раскрывающемся списке «Эффект». Радуга является эффектом по умолчанию, но посмотрите на другие, такие как Stair Step или Skew, чтобы увидеть, какой текстовый эффект вам больше нравится.

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

Расстояние Параметр управляет расстоянием между текстом вокруг кривой.

Приложения Adobe работают вместе.

Лучшая часть приложений Adobe Creative Cloud — это то, как они работают вместе. Photoshop, Illustrator и InDesign являются важными инструментами графического дизайна. Посмотрите другие наши уроки:

Как связать текстовые поля в Indesign
Как сделать маску в Photoshop, чтобы скрыть слои
Как вырезать фигуру в Adobe Illustrator

Чем больше вы работаете с приложениями Adobe, тем удобнее вам будет создавать новые дизайны.

How to Curve Text in InDesign

Final product image What You’ll Be Creating

Wondering how to curve text in InDesign? Then look no further! In this quick tip tutorial, we will be learning how to arch text in InDesign using the Text on a Path Tool. We’ll be using a circle for our curve to create a simple curving effect. You’ll then be able to apply this technique to create any curve shape you need for your text!

For the purposes of this tutorial, we’ll be using this Theater Poster from Envato Elements to help get us started. This will provide a nice starting point for us as we learn how to arch text in InDesign. You can also follow along with your own project, of course!

Envato Elements Theater Poster This InDesign Graphic Template is available for download on Envato Elements.

What You’ll Learn in This Tutorial

How to create a path in InDesign
How to curve text in InDesign
How to arch text in InDesign

If you’re looking for InDesign flyer templates to help you get started with curving text in InDesign, there is a wide selection available to you on Envato Elements. There are a lot of choices for InDesign graphic templates, which include flyers, brochures, and just about anything else you can think of.

Envato Elements

1. How to Create a Curved Path in InDesign

Step 1

First we will need to create a curved path in InDesign in order to arc our text. While we’re going for a simple arc, we will still need to create a path. We’ll do this by using the Ellipse Tool to create a circle.

Open up your InDesign project. In our case, we are using this Theater template from Envato Elements.

InDesign Start Curve Text Project

Step 2

Let’s recreate the header so that we can create a new header which follows a curve. Using the Selection Tool, click the existing header and then press Delete to remove it.

Curve Text Create a Path

Step 3

Before we can get started with curved text, we will have to create a path for it to follow. As we just want a simple curve we will use a simple circle. Select the Ellipse Tool from the toolbar.

Tip: As it’s not the default shape tool, you may have to click and hold the icon to see it.

Curve Text InDesign Select Curved Path Tool

Step 4

With the Ellipse Tool selected, hold down Shift and then click and drag to create your circle shape. This circle is what our text is going to curve on, so keep that in mind.

Curve Text Crate Curved Path in InDesign

Step 5

Make sure that both the base color and stroke color are turned off so the path is not visible. You can change these settings in the Properties panel while the shape is selected.

Tip: You can find the Properties panel by going to Window > Properties.

Curve Text Curved Path Properties