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

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

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

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

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

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

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

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

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

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

1. Ползунок вправо до 100% vectors,
2. Line art and text resolution 300 ppi
3. Gradient and mesh resolution 150 ppi,
4. Ставим обе галки на 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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С помощью инструмента «Выделение» или «Частичное выделение» выделите один или несколько объектов текста по контуру.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Выберите инструмент Path Type (Текст по контуру) на панели инструментов (рис. 9.7).

2. Поместите инструмент около контура. Рядом с курсором инструмента появится небольшой плюсик (рис. 9.8).

3. Щелкните инструментом. На контуре появится мигающий курсор.

4. Введите текст. Для выделения или изменения текста используйте любые управляющие

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

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

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

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

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

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

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

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

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

1. Выполните команды Object -> Path Туре (Элемент -> Текст по контуру) -> Options (Настройки). На экране появится диалоговое окно Path Type Options.

2. В меню Effect (Эффект) — задайте расположение текста относительно контура:

o Rainbow (Радуга) — дугой с повтором всех изгибов контура;

o Skew (Наклон) — по вертикали; создается эффект наклона относительно контура;

o 3D Ribbon (Трехмерная лента) — горизонтально относительно контура;

o Stair Step (Ступенька лестницы) — базовые линии отдельных букв выравниваются таким образом, что текст располагается вертикально по отношению к контуру;

o Gravity (Гравитация) — искажение текста в зависимости от искажения контура и места расположения текста на кривой контура.

3. Установите флажок Flip (Повернуть), чтобы расположить текст с другой стороны контура.

4. Если межбуквенный интервал неравно мерен, используйте опцию Spacing (Интервал) для уплотнения текста в местах резких поворотов и острых углов кон тура. Чем больше значение, тем меньше интервал между символами.

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

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

1. В меню Align (Выравнивание) — задайте положение текста относительно контура:

o Ascender (По выносному элементу) — выносные элементы букв касаются контура;

o Descender (По подстрочному элементу) — подстрочные элементы букв касаются контура;

o Center (По центру) — текст касается контура по центру букв;

o Baseline (По базовой линии)-текст касается контура по базовой линии букв.

2. В меню То Path (Относительно контура) задайте вертикальное выравнивание текста относительно контура:

o Тор (По верхнему краю) — относительно верхнего края линии контура;

o Center (По центру) — относительно центра линии контура;

o Bottom (По нижнему краю) — относительно нижнего края линии контура.

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

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

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

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

Работа с линиями абзаца

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

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

Создание линии абзаца

1. Выделите абзац, к которому хотите npименить линию.

2. Выберите опцию Paragraph Rules (Линии абзаца) из меню палитры Par graph (Абзац) — рис.

9.11. На экране появится диалоговое окно Paragrap Rules (рис. 9.12).

3. Для задания положения линии выберите опцию Rule Above (Линия над абзацем) или Rule Below (Линия под абзацем) — рис. 9.13.

4. Установите флажок Rule On (Отобразить линию).

Если вам необходимы линии и над, и абзацем, повторите шаги 3 и 4. 5. Укажите толщину линии (рис. 9.14).

5. Установите флажок Overprint Stroke (Наложение линии), чтобы задать наложение — рис.

6. Из выпадающего меню Color выберите цвет линии (рис. 9.14).

Опция Text Color (Цвет текста) автоматически изменяет цвет линейки при изменении, цвета текста.

7. Выбрав цвет, укажите его оттенок в поле Tint (Оттенок).

Линию можно окрашивать только при помощи цветов из палитры Swatches.

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

Задание ширины линии

1. Выберите одну из следующих опций выпадающего списка Width (По ширине) диалогового окна Paragraph Rules (рис. 9.15):

o Column (Колонки) — линия шириной с колонку текста;

o Text (Текста) — линия шириной с ближайшую к линии строку текста.

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

2. Установите значение отступа линии от левого края колонки или текста в поле Left Indent (Отступ слева) — рис. 9.16.

3. Установите значение отступа линии от правого края колонки или текста в поле Right Indent (Отступ справа) — рис. 9.16

Рис. 9.15. Поля для задания толщины, цвета и оттенка линии

Рис. 9.16. Список Width дает возможность выбрать длину линии абзаца

Рис. 9.17. Поля Left Indent и Right Indent позволяют изменять длину линии

Положительное значение задает отступ л нии внутрь. Отрицательное зн чение задает выступ линии снаружи. Линия может выступать за границу текстового фрейма.

По умолчанию линия абзаца размещав ся вдоль базовой линии текста. Вы мож| те переместить ее выше или ниже базовс линии. Это называется смещением линии.

Введите значение смещения в поле Offs (Смещение) диалогового окна Paragraf Rules. Линию, расположенную над абзацем, можно поднять выше базовой линии с помощью положительных значений.

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

Отрицательные значения позволяют сместить линии в противоположных направлениях. При помощи линий абзаца можно с здать множество специальных эффекте Наиболее

распространенный из них — наложение текста на линию абзаца (эффе выворотки), чтобы получить белые бу вы на черном фоне. Однако возможно и пользование любого светлого цвета на любом темном фоне.

Создание выворотки текста при помощи линий

1. Сделайте светлым цвет строки текста.

2. Откройте диалоговое окно Paragraph Rules (рис. 9.18).

3. Начертите линию под строкой.

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

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

Иллюстрированный самоучитель по Adobe InDesign

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

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

Рис. 9.7. Установка флажка Ignore Text Wrap в диалоговом окне Text Frame Options отменяет любые настройки обтекания текста

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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