Как изменить текст в иллюстраторе
Перейти к содержимому

Как изменить текст в иллюстраторе

  • автор:

Применение базового форматирования к тексту

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

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

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

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

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

Обзор палитры «Символ»

Можно использовать панель Символ в Adobe Illustrator для совершенствования и настройки отображения текста в ваших проектах. Чтобы начать форматировать отдельные символы в документе, выберите Окно > Текст > Символ .

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

Палитра «Символ»

A. Панель меню B. Шрифт C. Стиль шрифта D. Интерлиньяж E. Трекинг F. Масштаб по горизонтали G. Поворот символа H. Метод сглаживания I. Размер шрифта J. Кернинг K. Масштаб по вертикали L. Смещение базовой линии

Палитра «Символ»

A. Шрифт B. Стиль шрифта C. Размер шрифта D. Выравнивание по левому краю E. Выравнивание по центру F. Выравнивание по правому краю

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

Изменение цвета и оформления символов

Выбирайте символы, текстовые объекты или контуры текста и применяйте заливку, обводку и другие эффекты к вашему тексту в Adobe Illustrator. Текст остается редактируемым, пока он не растрирован.

Подчеркивание и перечеркивание текста

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

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

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

Выберите Подчеркнуть на панели Символ для подчеркивания текста.

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

Нажмите Shift + Ctrl + U (Windows) или Shift + Command + U (macOS), чтобы быстро подчеркнуть текст.

Стилизация текста

  • Чтобы сделать текст полужирным, нажмите комбинацию клавиш Shift + Ctrl + B (Windows) или Shift + Command + B (macOS).
  • Чтобы сделать текст курсивным, нажмите Shift + Ctrl + I (Windows) или Shift + Command + I (macOS).

Капитализация первой буквы и стили использования прописных букв

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

Применение форматов «Все прописные» и «Капители»

Выберите символы или текстовые объекты для изменения. Если текст не выделен, параметр применяется к вводимому вами тексту.

Работа с текстом в Adobe Illustrator

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

Под иконкой инструмента Текст (Type Tool) скрывается целая серия текстовых инструментов, существенно облегчающих работу (рис. 1): Type Tool (Текст по горизонтали), Area Type Tool (Текст внутри области), Path Type Tool (Текст по пути), Vertical Type Tool (Текст по вертикали), Vertical Area Type Tool (Текст по вертикали внутри области), Vertical Path Type Tool (Текст по вертикали по пути). Однако общепринятая технология работы: выбрать инструмент, щелкнуть на экране в месте ввода текста и ввести текст — действует только для двух из них — Type Tool и Vertical Type Tool, при выборе всех остальных инструментов подход должен быть иным.

По умолчанию создаваемый текст имеет шрифт Arial Cyrillic regular и размер 12 пунктов, для изменения которых необходимо выделить введенный текст, щелкнуть на нем правой кнопкой и выбрать из всплывающего меню нужные шрифт и размер (рис. 2). Текст создается в виде обычного векторного объекта, который можно выделить инструментами Direct Selection или Selection и применить к нему требуемые преобразования.

Рис. 1. Список инструментов из группы Type Tool

Рис. 1. Список инструментов из группы Type Tool

Рис. 2. Всплывающее окно изменения характеристик шрифта

Рис. 2. Всплывающее окно изменения характеристик шрифта

Размещение текста по вертикали

Следует признать, что текст размещается по вертикали не так часто, но иногда к такому варианту все-таки прибегают, например при создании логотипов, баннеров и других подобных графических элементов. Попробуем добавить вертикальную надпись к рис. 3.

Рис. 3. Исходное изображение

Рис. 3. Исходное изображение

Выберите инструмент Vertical Type Tool (Текст по вертикали) и введите текст (рис. 4). В данном случае необходимо, чтобы текст читался снизу вверх, а не сверху вниз, как получается по умолчанию. Поэтому поверните текст на 180°, щелкнув на нем правой кнопкой и выбрав команду Transform=>Rotate (Трансформация=>Поворот), а затем вызовите панель Character (Гарнитура). Чтобы открыть данную панель, выделите текст, щелкните правой кнопкой мыши и выберите команду Size=>Other (Размер=>Другие) — панель откроется, но в сокращенном варианте. Можно открыть ее и нажатием комбинации клавиш Ctrl+T. Чтобы увидеть все опции в палитре Character, щелкните на кнопке Show Options (Показать опции), находящейся в правом верхнем углу панели. Выберите шрифт и его размер (рис. 5), а затем отформатируйте созданный текст, перейдя на вкладку Paragraph (Абзац) и щелкнув на кнопке Align Center (Выровнять по центру) (рис. 6). Результат может напоминать рис. 7.

Рис. 4. Результат ввода текста по вертикали (увеличенный вариант)

Рис. 4. Результат ввода текста по вертикали (увеличенный вариант)

Рис. 5. Установка параметров шрифта в панели Character

Рис. 5. Установка параметров шрифта в панели Character

Рис. 6. Форматирование текста в панели Paragraph

Рис. 6. Форматирование текста в панели Paragraph

Рис. 7. Окончательный внешний вид текста, размещенного по вертикали

Рис. 7. Окончательный внешний вид текста, размещенного по вертикали

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

Простой и удобный инструмент работы с текстом Path Type Tool, находящийся в выпадающем меню панели Type Tool, позволяет располагать текст практически по любому пути. Для примера инструментом Pen (Перо) создайте путь произвольной формы, например как на рис. 8, — обратите внимание, что у создаваемой кривой должны отсутствовать как заливка (Fill), так и граница (Stroke). После этого выберите инструмент Path Type Tool, щелкните в начале кривой и наберите нужный текст (рис. 9). Выделите текст и откорректируйте его параметры (шрифт, размер, цвет и пр.).

Рис. 8. Внешний вид кривой

Рис. 8. Внешний вид кривой

Рис. 9. Ввод текста по кривой

Рис. 9. Ввод текста по кривой

Вполне возможно, что набранный текст окажется неудачно расположенным на кривой. Поправить ситуацию очень просто — выберите инструмент Direct Selection, установите мышь на перпендикулярный отрезок в начале текста и перемещайте текст по пути, удерживая нажатой левую кнопку мыши (рис. 10).

Рис. 10. Перемещение текста по кривой

Рис. 10. Перемещение текста по кривой

Большой популярностью пользуется размещение текста по окружности. Рассмотрим данный вариант на примере обычной кнопки (рис. 11). Создайте поверх кнопки новый контур в виде окружности (рис. 12), а слой с кнопкой сделайте на время невидимым (чтобы кнопка не мешала работе), выберите инструмент Path Type Tool, щелкните в любом месте на границе окружности, наберите нужный текст и откорректируйте его параметры и положение. Возможно, результат будет выглядеть так же, как на рис. 13.

Рис. 11. Исходный внешний вид кнопки

Рис. 12. Появление формы в виде окружности поверх кнопки

Рис. 13. Внешний вид кнопки с текстом, расположенным по окружности над кнопкой

Рис. 13. Внешний вид кнопки с текстом, расположенным по окружности над кнопкой

С таким же успехом текст можно разместить по контуру и внутри кнопки — для этого достаточно уменьшить размеры окружности-контура и переместить ее нужным образом (рис. 14). А можно пойти и другим путем. Для перемещения текста относительно кривой существует специальная опция Baseline Shift (Смещение относительно основной линии) в панели Character — достаточно установить для опции Baseline Shift отрицательное значение и текст будет смещен по другую сторону кривой. Правда, для того, чтобы текст смотрелся пропорционально по отношению к кнопке, в той же панели Character нужно уменьшить его размер (рис. 15). Результат будет выглядеть так же, как и в предыдущем случае. В палитре Character имеются и другие интересные возможности изменения положения текста — можно, например, изменить расстояние между символами, отредактировав значение в окне Tracking (Трекинг) (рис. 16).

Рис. 14. Внешний вид кнопки с текстом, расположенным по окружности внутри кнопки

Рис. 15. Изменение положение текста относительно кривой

Рис. 15. Изменение положение текста относительно кривой

Рис. 16. Увеличение межбуквенного расстояния — внешний вид кнопки и состояние панели Character

Рис. 16. Увеличение межбуквенного расстояния — внешний вид кнопки и состояние панели Character

Иногда бывает необходимо, чтобы текст располагался не в верхней части окружности, а в нижней. Если просто его повернуть, то текст окажется стоящим вверх ногами. Чтобы получить нормальное положение текста, выделите его инструментом Selection и перетащите отрезок, отмечающий начало текста, так, чтобы текст разместился нужным образом (рис. 17). При желании несложно расположить текст и внутри кнопки, изменив значение в поле Baseline Shift (Смещение относительно основной линии) — в данном примере подошло значение равное 9,15 пикселов. В итоге кнопка стала напоминать ту, что показана на рис. 18.

Рис. 17. Внешний вид кнопки с текстом, расположенным под окружностью

Рис. 18. Внешний вид кнопки с текстом в нижней части окружности

Интересен вариант размещения текста по спирали. Чтобы опробовать его, воспользуйтесь инструментом Spiral (Спираль) и создайте спираль с достаточно большим количеством витков, например как на рис. 19. Выберите инструмент Path Type Tool, щелкните в любом месте на границе окружности, наберите нужный текст и откорректируйте его параметры и положение. Возможно, результат будет напоминать рис. 20. Еще более эффектно выглядит расположенный по спирали текст, размер которого плавно уменьшается при перемещении внутрь спирали. Этого эффекта несложно добиться, если при активизированном инструменте Path Type Tool последовательно выбирать фрагменты текста и уменьшать в них размер текста (Font Size) на 1 пиксел в панели Character. В итоге текст станет напоминать тот, что представлен на рис. 21. Еще интереснее он будет смотреться на подходящем текстурном фоне (рис. 22).

Рис. 19. Внешний вид кривой в виде спирали

Рис. 19. Внешний вид кривой в виде спирали

Рис. 20. Внешний вид текста по спирали

Рис. 20. Внешний вид текста по спирали

Рис. 21. Внешний вид текста по спирали с эффектом уменьшения размера текста

Рис. 21. Внешний вид текста по спирали с эффектом уменьшения размера текста

Рис. 22. Текст, расположенный по спирали, на текстуре

Рис. 22. Текст, расположенный по спирали, на текстуре

Размещение текста внутри области

Если необходимо вписать текст внутрь ограниченной области, то это несложно осуществить при помощи инструмента Area Type Tool (Текст внутри области).

Для примера попробуем создать обычную выноску. Сформируйте форму в виде скругленного прямоугольника, добавьте в ее нижней части две новые узловые точки инструментом Pen (Перо) и вытяните левую из них в виде направляющего уголка выноски. Возможно, у вас получится выноска, напоминающая показанную на рис. 23. Если ее использовать как форму для заполнения текстом, то в дальнейшем нельзя будет оформить ее границу и заливку. Поэтому сделайте вторую копию выноски — скопируйте выноску в буфер обмена, а затем вставьте на передний план командой Edit=>Paste in Front (Редактирование=>Вставить на передний план). Выделите одну из выносок инструментом Direct Selection, активизируйте инструмент Area Type Tool (Текст внутри области), щелкните мышью на границе области и введите текст. Результат может напоминать рис. 24 — обратите внимание, что благодаря второй копии выноски после ввода текста граница выноски не исчезла, что произошло в противном случае.

Рис. 23. Исходный внешний вид выноски

Рис. 23. Исходный внешний вид выноски

Рис. 24. Внешний вид выноски после вставки текста

Рис. 24. Внешний вид выноски после вставки текста

Очевидно, что размер выноски был выбран неудачно для данного текста, поэтому последовательно выделите каждую из выносок — пустую с черной границей и выноску с текстом без границы — и измените их размеры (рис. 25). Затем разместите текст по центру, вызвав нажатием комбинации клавиш Ctrl+T панель Character, перейдите на вкладку Paragraph и щелкните на кнопке Align Center (Выровнять по центру) (рис. 26). И напоследок подберите более подходящий шрифт и заливку для копии выноски и наложите тень командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Наложение тени). Возможно, в итоге ваша выноска будет походить на ту, что представлена на рис. 27.

Рис. 25. Результат корректировки размеров выносок

Рис. 25. Результат корректировки размеров выносок

Рис. 26. Внешний вид выноски после центрирования текста

Рис. 26. Внешний вид выноски после центрирования текста

Рис. 27. Окончательный внешний вид выноски

Рис. 27. Окончательный внешний вид выноски

Размещение текста внутри области по вертикали

В качестве исходного материала возьмите фрагмент выноски без текста, который был создан в предыдущем примере. Поверните его на 270° и отразите по вертикали на 90° так, чтобы внешне выноска напоминала показанную на рис. 28. Затем скопируйте ее в буфер обмена и вставьте на передний план командой Edit=>Paste in Front (Редактирование=>Вставить на передний план). Далее выделите одну из выносок инструментом Direct Selection, активизируйте инструмент Vertical Area Type Tool (Текст по вертикали внутри области), щелкните мышью на границе области и введите текст (рис. 29). Поверните текст на 180°, щелкнув на нем правой кнопкой и выбрав команду Transform=>Rotate (Трансформация=>Поворот), а затем откорректируйте параметры текста в панели Character и отредактируйте размеры выноски с фоном и выноски с текстом. В итоге получите изображение, напоминающее рис. 30.

Рис. 28. Исходный внешний вид выноски

Рис. 28. Исходный внешний вид выноски

Рис. 29. Внешний вид выноски после вставки текста

Рис. 29. Внешний вид выноски после вставки текста

Рис. 30. Окончательный внешний вид выноски

Рис. 30. Окончательный внешний вид выноски

Объемный текст с Blend-эффектом

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

Для примера напечатайте произвольный текст, например такой, как представлен на рис. 31. Затем создайте его копию и вставьте ее на задний план командой Edit=>Paste in Back (Редактирование=>Вставить на задний план). Измените цвет у копии текста, слегка уменьшите размер шрифта (рис. 32) и переместите примерно так, как показано на рис. 33.

Рис. 31. Исходный текст с определяющей его параметры панелью Character

Рис. 31. Исходный текст с определяющей его параметры панелью Character

Рис. 32. Копия текста с определяющей его параметры панелью Character

Рис. 32. Копия текста с определяющей его параметры панелью Character

Рис. 33. Положение исходного текста и его копии относительно друг друга

Рис. 33. Положение исходного текста и его копии относительно друг друга

Последовательно разбейте обе копии текста на отдельные векторные контуры, каждый раз выделяя нужную копию текста и применяя команду Type=>Create Outlines (Тип=>Создать контур), — эта операция позволяет перевести текст в кривые и тем самым создать отдельные векторные контуры для каждой буквы (рис. 34). Выделите обе копии текста инструментом Direct Selection, затем дважды щелкните на инструменте Blend (Связь) и в открывшемся окне параметров установите blend-опции примерно как на рис. 35. Свяжите верхние левые узловые точки первых букв копий текста. В итоге две независимые копии текста станут внешне единым трехмерным объектом, примерно таким, как представлен на рис. 36.

Рис. 34. Результат создания отдельных векторных контуров для каждой буквы

Рис. 34. Результат создания отдельных векторных контуров для каждой буквы

Рис. 35. Настройка параметров blend-перехода

Рис. 35. Настройка параметров blend-перехода

Рис. 36. Внешний вид объемного текста

Рис. 36. Внешний вид объемного текста

Градиентный текст

Обычным образом закрасить текст градиентной заливкой не удается. Однако некоторые технические приемы помогут добиться данного эффекта. Для примера напечатайте исходный текст (рис. 37) — обратите внимание, что буквы в тексте не должны иметь жирное начертание и должны находиться на достаточном расстоянии друг от друга, поэтому в панели Character значение параметра Tracking (Трекинг) придется сделать достаточно большим. Выделите текст и превратите его в отдельный векторный контур при помощи команды Type=>Create Outlines (Тип=>Создать контур), установите в окне Fill (Заполнение) подходящий вариант градиентной заливки (рис. 38).

Рис. 37. Исходный текст с определяющей его параметры панелью Character

Рис. 37. Исходный текст с определяющей его параметры панелью Character

Рис. 38. Результат заливки текста градиентом (внешний вид текста и параметры настройки панели Gradient)

Рис. 38. Результат заливки текста градиентом (внешний вид текста и параметры настройки панели Gradient)

Чтобы буквы выглядели более эффектно, неплохо обвести их, воспользовавшись командой Object=>Path=>Offset Path… (Объект=>Путь=>Смещение пути) при параметрах примерно как на рис. 39. Внешний вид текста изменится — буквы станут более широкими, а их граница сгладится (рис. 40). И напоследок добавьте границу (Stroke) подходящего цвета к внутренним контурам буквы, предварительно выделив их инструментом Direct Selection при нажатой клавише Shift (рис. 41). Возможно, конечный результат будет напоминать рис. 42.

Рис. 39. Настройка параметров Offset Path

Рис. 39. Настройка параметров Offset Path

Рис. 40. Внешний вид текста после выполнения обводки по пути

Рис. 40. Внешний вид текста после выполнения обводки по пути

Рис. 41. Выделение внутренних контуров букв

Рис. 41. Выделение внутренних контуров букв

Рис. 42. Окончательный внешний вид текста с градиентной заливкой

Рис. 42. Окончательный внешний вид текста с градиентной заливкой

Текст с тенью

Создать обычный текст с добавлением тени в программе Illustrator не составляет труда благодаря наличию соответствующих эффектов из группы Stylize или SVG Filter. Напечатайте текст (рис. 43), затем закрасьте его подходящим образом, например применив команду Type=>Create Outlines (Тип=>Создать контур) и залив подходящим градиентом (рис. 44). После этого наложите тень, применив, например, команду Effect=>SVG Filter=>AI Shadow_1 (Эффект=>SVG-фильтр=>Тень), и текст станет напоминать тот, что представлен на рис. 45.

Рис. 43. Исходный текст

Рис. 43. Исходный текст

Рис. 44. Результат заливки текста градиентом

Рис. 44. Результат заливки текста градиентом

Рис. 45. Окончательный внешний вид текста с тенью

Рис. 45. Окончательный внешний вид текста с тенью

Сложнее обстоит дело, если нужно сгенерировать градиентную или текстурную тень. Но и это возможно, правда не для любого текста такой вариант тени будет смотреться удачно. Для примера напечатайте произвольный текст, например как на рис. 46. Сделайте копию слоя с текстом, выбрав из всплывающего меню палитры Layer команду Duplicate Layer (Дублировать слои). Выделите в палитре слоев нижний слой с текстом — это и будет тень, дважды щелкните на инструменте Shear Tool (Наклон) и установите параметры наклона текста примерно в соответствии с рис. 47. Результат будет напоминать рис. 48. После этого превратите текст, лежащий в нижнем слое (предполагаемую тень), в кривые командой Type=>Create Outlines (Тип=>Создать контур), залейте его подходящим градиентом и при необходимости немного сместите. Возможно, полученный результат будет напоминать рис. 49.

Рис. 46. Исходный текст

Рис. 46. Исходный текст

Рис. 47. Настройка параметров Shear Tool

Рис. 47. Настройка параметров Shear Tool

Рис. 48. Внешний вид текста после наклона его копии

Рис. 48. Внешний вид текста после наклона его копии

Рис. 49. Окончательный внешний вид текста с градиентной тенью

Рис. 49. Окончательный внешний вид текста с градиентной тенью

Текст, оформленный кистью

Закрасить кистью обычный напечатанный текст невозможно. Однако это удастся сделать, если предварительно превратить текст в отдельный векторный контур. Попробуем выполнить это на практике — напечатайте произвольный текст (рис. 50) и примените команду Type=>Create Outlines (Тип=>Создать контур). Затем установите для текста варианты заливки и границы и подберите кисть, при использовании которой текст будет смотреться эффектно, например кисть Dry Lnk. Вполне возможно, что результат будет напоминать рис. 51. Крайне важно удачно подобрать заливки (Fill) и границы (Stroke) — в данном случае выбраны зеленый и белый цвета соответственно. И напоследок наложите тень командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Наложение тени) при параметрах примерно как на рис. 52. Возможно, в итоге текст будет походить на тот, что представлен на рис. 53.

Рис. 50. Исходный текст

Рис. 50. Исходный текст

Рис. 51. Внешний вид текста, закрашенного кистью Dry Lnk

Рис. 51. Внешний вид текста, закрашенного кистью Dry Lnk

Рис. 52. Настройка параметров Drop Shadow

Рис. 52. Настройка параметров Drop Shadow

Рис. 53. Окончательный внешний вид текста, закрашенного кистью

Рис. 53. Окончательный внешний вид текста, закрашенного кистью

Эффекты с искажением текста

Adobe Illustrator позволяет делать надписи более эффектными, искажая их форму. Для примера создайте произвольный текст, превратите его в отдельный векторный контур командой Type=>Create Outlines (Тип=>Создать контур) и заполните подходящим градиентом (рис. 54). Выделите все буквы в надписи инструментом Direct Selection при нажатой клавише Shift, воспользуйтесь командой Effect=>Warp (Эффект=>Деформация) и выберите подходящий вариант деформации. В данном примере был установлен вариант Arc Upper при параметрах как на рис. 55, надпись в результате может напоминать ту, что представлена на рис. 56.

Рис. 54. Исходный текст

Рис. 54. Исходный текст

Рис. 55. Параметры настройки эффекта Arc Upper

Рис. 55. Параметры настройки эффекта Arc Upper

Рис. 56. Внешний вид искаженного текста

Рис. 56. Внешний вид искаженного текста

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

Создайте на черном фоне произвольную надпись, превратите ее в отдельный векторный контур командой Type=>Create Outlines (Тип=>Создать контур) и заполните подходящим градиентом, например как на рис. 57.

Рис. 57. Исходный текст

Рис. 57. Исходный текст

Выделите надпись, щелкнув на текстовом слое в палитре слоев, активизируйте инструмент Wrinkle Tool и при параметрах примерно как на рис. 58 два-три раза щелкните на надписи. Если полученный результат вас не удовлетворит, то отдельные не очень удавшиеся фрагменты букв можно подправить, выделяя инструментом Direct Selection по одной узловой точке и изменяя ее положение или кривизну. Результат может напоминать рис. 59. Добавьте к надписи внутреннее свечение, применив команду Effect=>Stylize=>Inner Glow (Эффект=>Стилизация=>Внутренний свет) при параметрах примерно как на рис. 60. Вполне возможно, что получившаяся надпись будет напоминать текст, представленный на рис. 61.

Рис. 58. Параметры настройки эффекта Wrinkle Tool

Рис. 58. Параметры настройки эффекта Wrinkle Tool

Рис. 59. Внешний вид искаженного текста

Рис. 59. Внешний вид искаженного текста

Рис. 60. Параметры настройки эффекта Inner Glow

Рис. 60. Параметры настройки эффекта Inner Glow

Рис. 61. Окончательный внешний вид «огненного» текста

Рис. 61. Окончательный внешний вид «огненного» текста

Текст с окантовкой

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

Напечатайте произвольный текст с заливкой и контрастной по отношению к ней границей, например как на рис. 62. Сделайте копию надписи и вставьте ее на передний план командой Edit=>Paste in Front (Редактирование=>Вставить на передний план). Измените у копии текста цвет заливки (рис. 63). Затем превратите одну из надписей в векторный контур командой Type=>Create Outlines (Тип=>Создать контур) и по отдельности переместите каждую из букв надписи так, чтобы из-под верхней надписи проглядывал контур надписи, лежащей ниже. Возможно, результат будет напоминать рис. 64. А дальше уже все зависит от вашей фантазии — можно, например, экспериментировать с непрозрачностью и режимом смешивания лежащей на переднем плане надписи. Установив для нее в палитре Transparency (Прозрачность) режим смешивания Screen и прозрачность в 45%, вы получите заголовок как на рис. 65, а при режиме смешивания Luminosity и прозрачности в 90% — как на рис. 66. Не менее оригинальные варианты заголовков можно получить, если затем поэкспериментировать с командой Object=>Path=>Offset Path… (Объект=>Путь=>Смещение пути). В частности, если на представленный на рис. 66 вариант текста наложить обводку со смещением пути как на рис. 67, то получится примерно такой же объемный текст, как на рис. 68.

Рис. 62. Исходный текст

Рис. 62. Исходный текст

Рис. 63. Видоизмененная копия текста

Рис. 63. Видоизмененная копия текста

Рис. 64. Первоначальный вариант текста с обводкой

Рис. 64. Первоначальный вариант текста с обводкой

Рис. 65. Вариант текста с обводкой и режимом смешивания Screen

Рис. 65. Вариант текста с обводкой и режимом смешивания Screen

Рис. 66. Вариант текста с обводкой и режимом смешивания Luminosity

Рис. 66. Вариант текста с обводкой и режимом смешивания Luminosity

Рис. 67. Настройка параметров Offset Path

Рис. 67. Настройка параметров Offset Path

Рис. 68. Внешний вид объемного текста с обводкой

Рис. 68. Внешний вид объемного текста с обводкой

Очень интересных вариантов окантовки текста можно добиться, используя в качестве контура одну из кистей. Для примера создайте произвольный текст, превратите его в кривые командой Type=>Create Outlines (Тип=>Создать контур), залейте подходящим градиентом и определите цвет границы (Stroke) (рис. 69). Сделайте копию слоя с текстом, выбрав из всплывающего меню палитры Layer команду Duplicate Layer (Дублировать слои). Выделите в палитре слоев нижний слой с текстом и в палитре Brushes (Кисти) выберите подходящую кисть. В данном примере была использована кисть Dry Lnk. Вполне возможно, что результат будет напоминать рис. 70.

Рис. 69. Исходный текст

Рис. 69. Исходный текст

Рис. 70. Внешний вид текста с обводкой кистью Dry Lnk

Рис. 70. Внешний вид текста с обводкой кистью Dry Lnk

А теперь попробуем создать текст с градиентной заливкой. Для этого вначале создайте цветной текст с контрастной границей (рис. 71). Сделайте копию слоя с текстом, выбрав из всплывающего меню палитры Layer команду Duplicate Layer (Дублировать слои). Выделите в палитре слоев нижний слой с текстом, установите для него в палитре Stroke (Граница) ширину границы, например, в 6 пикселов (рис. 72). Превратите текст нижнего слоя в кривые командой Type=>Create Outlines (Тип=>Создать контур), а затем воспользуйтесь командой Object=>Path=>Outline Stroke (Объект=>Путь=>Обвести границу) — это даст возможность заливать окантовку любыми градиентами и узорами. Щелкните на окне Stroke в палитре инструментов и установите подходящий вариант градиентной или узорной заливки для границы. Полученный в итоге текст представлен на рис. 73. Усилить эффект поможет добавление необычной тени — для этого воспользуйтесь командой Effect=>SVG Filter=>AI Shadow_1 (Эффект=>SVG фильтр=>Тень), и текст станет напоминать тот, что представлен на рис. 74.

Рис. 71. Исходный текст

Рис. 71. Исходный текст

Рис. 72. Текст с широкой границей

Рис. 72. Текст с широкой границей

Рис. 73. Внешний вид текста с окантовкой градиентом

Рис. 73. Внешний вид текста с окантовкой градиентом

Рис. 74. Внешний вид текста с градиентной окантовкой и тенью

Рис. 74. Внешний вид текста с градиентной окантовкой и тенью

А теперь рассмотрим еще один вариант. Иногда требуется создать надпись с окантовкой, которая находится на некотором расстоянии от текста. Рассмотрим, как добиться подобного эффекта. Напечатайте исходный текст (рис. 75), воспользуйтесь командами Type=>Create Outlines (Тип=>Создать контур), а затем Object=>Path=>Offset Path… (Объект=>Путь=>Смещение пути) при параметрах примерно как на рис. 76. Текст станет напоминать тот, что показан на рис. 77. Обратите внимание, что автоматически обводка получает тот же цвет, что и текст, а в палитре Layer появились дополнительные элементы (рис. 78).

Рис. 75. Исходный текст

Рис. 75. Исходный текст

Рис. 76. Настройка параметров Offset Path…

Рис. 76. Настройка параметров Offset Path…

Рис. 77. Начальный внешний вид текста с обводкой

Рис. 77. Начальный внешний вид текста с обводкой

Рис. 78. Палитра Layer после создания обводки текста

Рис. 78. Палитра Layer после создания обводки текста

Цвет обводки несложно изменить, если по очереди выделять соответствующие элементы палитры Layer и менять цвет заливки текста (Fill). Поэтому выделите в палитре Layer слой Path (Путь) для первой буквы (рис. 79) и смените цвет заливки с черного на белый (рис. 80). Аналогичную операцию проведите для всех остальных букв (рис. 81).

Рис. 79. Выделение обводки текста для первой буквы

Рис. 79. Выделение обводки текста для первой буквы

Рис. 80. Результат изменения цвета обводки для первой буквы

Рис. 80. Результат изменения цвета обводки для первой буквы

Рис. 81. Внешний вид текста после изменения цвета обводки

Рис. 81. Внешний вид текста после изменения цвета обводки

Выделите обводку текста путем выделения соответствующих слоев в палитре Layer (рис. 82) при нажатой клавише Shift и сформируйте еще одну обводку командой Object=>Path=>Offset Path… (Объект=>Путь=>Смещение пути) при тех же параметрах. Результат будет напоминать рис. 83. Не снимая выделение с текста, измените цвет второй обводки, например выбрав подходящую текстуру из палитры Swatches (Образцы). Вполне возможно, что текст станет таким, как на рис. 84, а палитра Layer примет вид в соответствии с рис. 85.

Рис. 82. Выделение слоев с обводкой текста (внешний вид выделенного текста и состояние палитры Layer)

Рис. 82. Выделение слоев с обводкой текста (внешний вид выделенного текста и состояние палитры Layer)

Рис. 83. Внешний вид текста после создания второй обводки

Рис. 83. Внешний вид текста после создания второй обводки

Рис. 84. Окончательный внешний вид текста с двойной обводкой

Рис. 84. Окончательный внешний вид текста с двойной обводкой

Рис. 85. Окончательное состояние палитры Layer

Рис. 85. Окончательное состояние палитры Layer

Пересекающийся текст

Эффект пересекающегося текста используется при создании логотипов, особенно выигрышно смотрятся оформленные с его помощью вензеля. Реализуется он путем создания отсекающей маски (clipping mask), которая позволяет маскировать ненужные области изображения, не разрушая содержимого слоя.

Попробуем создать вензель, буквы которого пересекаются. Напечатайте две заглавные буквы, соответствующие инициалам так, чтобы они частично накладывались друг на друга (рис. 86). Превратите текст в кривые командой Type=>Create Outlines (Тип=>Создать контур) — в палитре Layer будет создана группа , а затем создайте дубликат группы, выбрав из всплывающего меню палитры Layer команду Duplicate (Дублировать группу) (рис. 87). После этого инструментом Restangle (Прямоугольник) сформируйте в месте пересечения букв прямоугольник без заливки и без границы (рис. 88). Обратите внимание, что прямоугольник должен оказаться в верхней группе и над всеми прочими объектами (рис. 89).

Рис. 86. Исходное изображение в виде наложенных друг на друга заглавных букв

Рис. 86. Исходное изображение в виде наложенных друг на друга заглавных букв

Рис. 87. Окно палитры Layers после дублирования группы

Рис. 87. Окно палитры Layers после дублирования группы

Рис. 88. Появление прямоугольника в месте пересечения букв

Рис. 88. Появление прямоугольника в месте пересечения букв

Рис. 89. Окно палитры Layers после создания прямоугольника

Рис. 89. Окно палитры Layers после создания прямоугольника

Для создания слой-маски выделите сформированный прямоугольник и вторую букву (рис. 90) и примените команду Object=>Clipping Mask=>Make (Объект=>Отсекающая маска=>Создать). В результате буквы будут пересекаться примерно как на рис. 91.

Рис. 90. Выделение прямоугольника и второй буквы

Рис. 90. Выделение прямоугольника и второй буквы

Рис. 91. Внешний вид пересекающихся букв

Рис. 91. Внешний вид пересекающихся букв

  • ПК и комплектующие
    • Настольные ПК и моноблоки
    • Портативные ПК
    • Серверы
    • Материнские платы
    • Корпуса
    • Блоки питания
    • Оперативная память
    • Процессоры
    • Графические адаптеры
    • Жесткие диски и SSD
    • Оптические приводы и носители
    • Звуковые карты
    • ТВ-тюнеры
    • Контроллеры
    • Системы охлаждения ПК
    • Моддинг
    • Аксессуары для ноутбуков
    • Принтеры, сканеры, МФУ
    • Мониторы и проекторы
    • Устройства ввода
    • Внешние накопители
    • Акустические системы, гарнитуры, наушники
    • ИБП
    • Веб-камеры
    • KVM-оборудование
    • Сетевые медиаплееры
    • HTPC и мини-компьютеры
    • ТВ и системы домашнего кинотеатра
    • Технология DLNA
    • Средства управления домашней техникой
    • Планшеты
    • Смартфоны
    • Портативные накопители
    • Электронные ридеры
    • Портативные медиаплееры
    • GPS-навигаторы и трекеры
    • Носимые гаджеты
    • Автомобильные информационно-развлекательные системы
    • Зарядные устройства
    • Аксессуары для мобильных устройств
    • Цифровые фотоаппараты и оптика
    • Видеокамеры
    • Фотоаксессуары
    • Обработка фотографий
    • Монтаж видео
    • Операционные системы
    • Средства разработки
    • Офисные программы
    • Средства тестирования, мониторинга и диагностики
    • Полезные утилиты
    • Графические редакторы
    • Средства 3D-моделирования
    • Веб-браузеры
    • Поисковые системы
    • Социальные сети
    • «Облачные» сервисы
    • Сервисы для обмена сообщениями и конференц-связи
    • Разработка веб-сайтов
    • Мобильный интернет
    • Полезные инструменты
    • Средства защиты от вредоносного ПО
    • Средства управления доступом
    • Защита данных
    • Проводные сети
    • Беспроводные сети
    • Сетевая инфраструктура
    • Сотовая связь
    • IP-телефония
    • NAS-накопители
    • Средства управления сетями
    • Средства удаленного доступа
    • Системная интеграция
    • Проекты в области образования
    • Электронный документооборот
    • «Облачные» сервисы для бизнеса
    • Технологии виртуализации
    1999 1 2 3 4 5 6 7 8 9 10 11 12
    2000 1 2 3 4 5 6 7 8 9 10 11 12
    2001 1 2 3 4 5 6 7 8 9 10 11 12
    2002 1 2 3 4 5 6 7 8 9 10 11 12
    2003 1 2 3 4 5 6 7 8 9 10 11 12
    2004 1 2 3 4 5 6 7 8 9 10 11 12
    2005 1 2 3 4 5 6 7 8 9 10 11 12
    2006 1 2 3 4 5 6 7 8 9 10 11 12
    2007 1 2 3 4 5 6 7 8 9 10 11 12
    2008 1 2 3 4 5 6 7 8 9 10 11 12
    2009 1 2 3 4 5 6 7 8 9 10 11 12
    2010 1 2 3 4 5 6 7 8 9 10 11 12
    2011 1 2 3 4 5 6 7 8 9 10 11 12
    2012 1 2 3 4 5 6 7 8 9 10 11 12
    2013 1 2 3 4 5 6 7 8 9 10 11 12

    Популярные статьи

    В настоящем обзоре мы рассмотрим модель моноблока от компании HP, которая является признанным лидером в производстве компьютеров как для домашнего использования, так и для офисов. Моноблок HP 205 G4 22 — модель нового семейства, которая построена на базе процессоров AMD последнего поколения и отличается неплохой производительностью вкупе с привлекательной ценой

    Швейцарская компания Logitech G представила беспроводную игровую мышь Logitech G PRO X Superlight. Новинка предназначена для профессиональных киберспортсменов, а слово Superlight в ее названии указывает на малый вес этой модели, который не превышает 63 г. Это почти на четверть меньше по сравнению с анонсированным пару лет тому назад манипулятором Logitech G PRO Wireless

    Как показало недавнее исследование Кембриджского университета — количество людей, которые пользуются сегодня криптовалютами, приближается к размеру населения небольшой страны и это только начало, мир меняется. Поэтому компания ASRock разработала и выпустила в продажу весьма необычную материнскую плату — H110 PRO BTC+, которую мы и рассмотрим в этом обзоре

    Компания Rapoo анонсировала в Китае беспроводную клавиатуру Ralemo Pre 5 Fabric Edition. Новинка выполнена в формате TKL (без секции цифровых клавиш) и привлекает внимание оригинальным дизайном. Одна из отличительных особенностей этой модели — верхняя панель, обтянутая тканью с меланжевым рисунком

    Линейку компьютерных мониторов MSI пополнила модель Optix MAG301 CR2, адресованная любителям игр. Она оборудована ЖК-панелью типа VA со сверхширокоформатным (21:9) экраном изогнутой формы (радиус закругления — 1,5 м). Его размер — 29,5 дюйма по диагонали, разрешение — 2560×1080 пикселов

    Каталог продукции компании SilverStone пополнил комплект MS12. Он позволяет создать портативный накопитель на базе стандартного SSD типоразмера M.2 2280 с интерфейсом PCI Express

    Компания ADATA Technology анонсировала твердотельные накопители серии XPG Spectrix S20G. Они предназначены для оснащения игровых ПК и, как утверждают их создатели, сочетают высокую производительность и эффектный внешний вид

    Линейку видеоадаптеров ASUS на базе графических процессоров NVIDIA пополнила модель GeForce RTX 3070 Turbo (заводской индекс TURBO-RTX3070-8G), предназначенная для оснащения игровых ПК. Одной из особенностей новинки является конструкция системы охлаждения

    КомпьютерПресс использует

    Текст в Adobe Illustrator: инструменты, возможности, инструкции

    Что это? Adobe Illustrator – мощный графический редактор. В нём можно не только работать с изображениями, но и также обрабатывать текст, используя богатые настройки приложения.

    Как работать? Чтобы начать работать с текстом в Adobe Illustrator, нужно познакомиться с инструментарием и возможностями программы. После можно выполнять простые операции и совершенствовать навыки владения AI.

    1. Инструменты для работы с текстом в Adobe Illustrator
    2. Панели для работы с текстом в Adobe Illustrator
    3. Строчный и блочный текст в Adobe Illustrator
    4. Размещение текста в Adobe Illustrator по кривой
    5. Размещение текста в AI внутри области
    6. Другие полезные фишки для работы с текстом в AI

    Пройди тест и узнай, какая сфера тебе подходит:
    айти, дизайн или маркетинг.
    Бесплатно от Geekbrains

    Инструменты для работы с текстом в Adobe Illustrator

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

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

    Доступ к инструментам для работы с текстом в Adobe Illustrator осуществляется через иконку Текст (Type Tool) на панели инструментов. Щелкнув по ней, пользователь получает доступ к широчайшим возможностям редактирования и оформления любых надписей.

    • Type Tool (надпись по горизонтали);
    • Area Type Tool (надпись внутри области);
    • Path Type Tool (надпись по пути);
    • Vertical Type Tool (надпись по вертикали);
    • Vertical Area Type Tool (надпись по вертикали, размещенная внутри области);
    • Vertical Path Type Tool (надпись по вертикали по пути).

    Большинству пользователей удобнее всего выбрать необходимый инструмент, кликнуть курсором по нужному участку изображения и ввести текст. Однако в Illustrator такой способ может использоваться лишь для двух опций: Type Tool и Vertical Type Tool.

    При вводе нового текста он по умолчанию получает 12 кегль и шрифт Arial Cyrillic regular. Чтобы изменить эти параметры, надпись нужно выделить курсором, кликнуть правой кнопкой мыши и в контекстном меню указать нужные значения. При этом буквенные символы вводятся как векторные изображения, и для них можно использовать опции Direct Selection или Selection, выполняя с выделенными фрагментами желаемые действия.

    Панели для работы с текстом в Adobe Illustrator

    Меню Type Tool содержит лишь часть возможностей Illustrator для редактирования текстовых элементов. Дополнительные возможности скрыты в меню Window > Workspace > [Type]. Рассмотрим их подробнее.

    Узнай, какие ИТ — профессии
    входят в ТОП-30 с доходом
    от 210 000 ₽/мес
    Павел Симонов
    Исполнительный директор Geekbrains

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

    Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!

    Скачивайте и используйте уже сегодня:

    Павел Симонов - исполнительный директор Geekbrains

    Павел Симонов
    Исполнительный директор Geekbrains

    Топ-30 самых востребованных и высокооплачиваемых профессий 2023

    Поможет разобраться в актуальной ситуации на рынке труда

    Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка

    Только проверенные нейросети с доступом из России и свободным использованием

    ТОП-100 площадок для поиска работы от GeekBrains

    Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽

    Получить подборку бесплатно
    Уже скачали 27933

    Панель Character (Window> Type> Character)

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

    • Font family (группа шрифтов; например, Myriad Pro).
    • Font style (позволяет задать стиль шрифта – курсив, подчеркнутый, зачёркнутый и т.д.).
    • Leading (высота линий).
    • Kerning (промежуток между кернинговыми парами).
    • Tracking (промежуток между выбранными символами).
    • Horizontal scale (ширина символа).
    • Vertical scale (высота символов).
    • Baseline shift (высота основного текста).
    • Character rotation (поворот текста на заданное число градусов).

    Панель Paragraph (Window > Type > Paragraph)

    Позволяет совершать различные манипуляции с абзацами.

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

    Панель Open Type (Window > Type > Open Type)

    Позволяет настраивать параметры шрифтов типа Open Type.

    Панель Glyph (Window > Type > Glyphs)

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

    Клик по символу позволяет тут же вставить его в текстовый блок. Также можно настроить размер эскизов для предварительного просмотра.

    Панель Character Styles (Window > Type > Character Styles)

    Содержит набор удобных инструментов для операций с повторяющимися стилями. Можно указать требуемые параметры и применять их к имеющимся и вновь вводимым текстовым объектам.

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

    Панель Paragraph Styles (Window > Type > Paragraph Styles)

    Стили, задаваемые для абзацев. Могут применяться и к произвольному тексту.

    Панель Tabs (Window > Type > Tabs)

    Позволяет делать отступы для выбранного текста. Напоминает панель «Линейка» в Word.

    Type Tool

    Содержит инструменты, необходимость в которых возникает при редактировании текста в Adobe Illustrator чаще всего.

    Строчный и блочный текст в Adobe Illustrator

    Текстовые блоки в Illustrator могут быть двух видов: строчные и блочные. Между ними имеются существенные различия.

    Новые версии программы при нажатии на любой инструмент вставляют текст по умолчанию Lorem ipsum. Его можно легко удалить.

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

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

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

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

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

    Для вас подарок! В свободном доступе до 05.05 —>
    Скачайте ТОП-10
    бесплатных нейросетей
    для дизайнера
    Помогут находить референсы и изображения в 2 раза быстрее
    Чтобы получить подарок, заполните информацию в открывшемся окне

    Форма рамки изменяется при помощи чёрной стрелки у ее границы. Для изменения размера шрифта потребуется указать новый кегль вручную.

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

    Для корректного преобразования строчного текста в блочный нужно удалить из него введенные вручную отступы новой строки. Их можно увидеть, активировав режим (Tyle> Show Hidden Characters), который показывает скрытые символы.

    Размещение текста в Adobe Illustrator по кривой

    В раскрывающемся меню Type Tool можно увидеть инструмент Path Type Tool. Он позволяет разместить тест вдоль произвольной кривой. Так, можно при помощи опции Pen (Перо) нарисовать линию любой формы (при этом она не должна иметь заданных параметров заливки и границы). Далее при помощи опции Path Type Tool нужно кликнуть в начале кривой, а затем набрать нужный текст. Закончив ввод, можно настроить те же параметры, которые задаются и для любого другого текстового элемента.

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

    Также Adobe Illustrator позволяет редактировать текст, размещая его по окружности. Например, вокруг произвольного элемента на изображении можно нарисовать круговой контур, а затем разместить вдоль этого контура текст при помощи все той же опции Path Type Tool. Далее можно указать иные параметры надписи: шрифт, цвет и др.

    Дарим скидку от 60%
    на обучение «Дизайнер интерфейсов (UX/UI)» до 05 мая
    Уже через 9 месяцев сможете устроиться на работу с доходом от 150 000 рублей

    Если нужно поместить круговую надпись внутри объекта, то это тоже не составляет труда. Нужно лишь задать нужный диаметр контура, чтобы текст оказался в нужном месте. Но есть и другой способ. На панели Character есть инструмент Baseline Shift (смещение относительно основной линии). Если его величина принимает отрицательное значение, то надпись перенесётся на другую сторону относительно кривой.

    Изменяя этот параметр, можно подогнать надпись относительно нужного элемента. В этой же панели есть и иные полезные опции, в частности, настройка интервала между отдельными символами по горизонтали (инструмент Tracking).

    Часто требуется разместить текст вдоль отдельного участка окружности, например, в нижней ее части. Если повернуть текст, уже введенный вдоль кривой, то он будет отображаться в перевернутом виде. Чтобы он расположился правильно, нужно выделить надпись при помощи инструмента Selection, а затем перетянуть ее начало на нужный участок изображения. Аналогичным образом текст можно поместить и внутри объекта при помощи параметра Baseline Shift (смещение относительно основной линии), задав ему отрицательное значение.

    Придать надписи эффектный вид поможет инструмент Spiral. Он позволяет добавить в Adobe Illustrator текст, скрученный по спирали. Для этого сначала нужно нарисовать кривую соответствующей формы с несколькими витками. Затем кликнуть по любому ее участку и ввести текст, указав необходимые параметры размера, шрифта и т.д. Кроме того, можно сделать шрифт уменьшающимся при перемещении вдоль спирали.

    Только до 2.05
    Скачай подборку материалов, чтобы гарантированно найти работу в IT за 14 дней
    Список документов:

    ТОП-100 площадок для поиска работы от GeekBrains

    20 профессий 2023 года, с доходом от 150 000 рублей

    Чек-лист «Как успешно пройти собеседование»

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

    Для этого требуется в режиме Path Type Tool последовательно уменьшить размер шрифта на один пиксел в блоке Character. Если к такой надписи подобрать подходящий фон, то полученное изображение будет выглядеть очень ярко и необычно.

    Размещение текста в AI внутри области

    Опция Area Type Tool (текст внутри области) позволяет разместить надпись внутри ограниченного блока.

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

    Хотите стать мастером дизайна веб-пространства? На курсе Fullstack-дизайнера вы освоите искусство создания восхитительных интерфейсов и глубокий взгляд на верстку. Под руководством экспертов научитесь воплощать идеи в реальные проекты, владеть инструментами и вдохновлять мир дизайном.

    Нужно скопировать выноску и поместить ее на передний план при помощи опции Edit=>Paste in Front (Редактирование=>Вставить на передний план). Одну выноску выделите командой Direct Selection, нажмите Area Type Tool (текст внутри области), кликните по границе рамки и напечатайте нужный текст.

    Возможно, что получившаяся выноска не будет соответствовать размеру области. Тогда нужно поочередно выделить выноски с текстом и без него, а затем изменить их размеры. На панели Character следует открыть вкладку Paragraph и кликнуть по значку Align Center (выровнять по центру). Задайте другие параметры шрифта. Можно добавить к тексту тень, для этого воспользуйтесь опцией Effect=>Stylize=>Drop Shadow.

    Другие полезные фишки для работы с текстом в AI

    • Перенос надписи в новый блок

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

    • Удаление пустых объектов

    В Adobe Illustrator можно не только изменить текст, но и автоматически удалить текстовые поля, в которых нет надписей. Для этого нужно выполнить команду. Object> Path> Clean Up и выбирать Empty Text Paths. Это гораздо удобнее, чем вручную искать пустые блоки и удалять каждый из них.

    Как написать текст по контуру в Adobe Illustrator

    wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 12 человек(а).

    Количество просмотров этой статьи: 96 053.

    В этой статье:

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

    Метод 1 из 2:

    Текст на линии

    Step 1 Нарисуйте прямую линию.

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

    Step 2 После этого на.

    После этого на панели инструментов удерживайте нажатой левую кнопку мыши над инструментом «Текст» (T) для просмотра всплывающего меню. Выберите инструмент «Текст по контуру» и нажмите на вершину арки в области рисования.

    Step 3 Из верхнего меню выберите «Окно» ></p>
<p>«Текст» > «Параграф».» width=»460″ height=»345″ /></p>
<p><b>Из верхнего меню выберите «Окно» > «Текст» > «Параграф».</b> В меню параграфа выберите «Выровнять по левому краю». Введите фразу, и текст будет начинаться с левой стороны арки, двигаясь по контуру.</p>
<p><img loading=

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

    Step 5 Зажмите кнопку Cmd (на Mac) или Ctrl (на Windows) и перетащите текст по контуру.

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

    Step 6 Знайте — выравнивание текста на контуре тоже можно изменить.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *