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

Как выровнять шрифт в иллюстратор

  • автор:

Adobe Illustrator

Палитра «Абзац» («Окно» > «Текст» > «Абзац») используется для изменения форматирования колонок и абзацев.

Если выделен текст или активен инструмент «Текст», для форматирования абзацев также можно использовать

параметры в палитре «Управление».
Видеоролик с инструкциями по работе со стилями символов и абзацев см. по адресу
www.adobe.com/go/vid0047_ru.
Палитра «Абзац» (показаны все параметры)

А. Выравнивание и выключка Б. Отступ слева В. Отступ слева для первой строки Г. Отбивка перед абзацем Д. Расстановка

переносов Е. Отступ справа Ж. Отбивка после абзаца
А. Шрифт Б. Стиль шрифта В. Кегль Г. Выключка влево Д. Выключка по центру Е. Выключка вправо
По умолчанию в палитре «Абзац» видны только наиболее часто используемые параметры. Чтобы вывести все

параметры, выберите в меню палитры команду «Показать параметры». Также можно щелкать двойной треугольник

на вкладке палитры, чтобы циклически переходить от одного размера отображения к другому.
“Обзор рабочих сред” на странице 14
“Клавиши для работы с текстом” на странице 489
Выравнивание текста
Текст в области и текст по контуру можно выровнять по одному или обоим краям контура текста.
1 Выделите текстовый объект или установите курсор на абзаце, который нужно изменить.

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

2 В палитре «Управление» или «Абзац» нажмите кнопку выравнивания.
Выключка текста

Выключка – это выравнивание текста по обоим краям. Выключку можно применить ко всему тексту в абзаце,

Эффективные способы выравнивания текстовых объектов

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

Выравнивание текста

Выравнивание текста

Прежде чем продолжить

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

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

Для выравнивания текста по вертикали выполните действия, описанные ниже.

  1. Выделите текстовый фрейм.
  2. Выберите команду Текст >Параметры текста в области.
  3. Выберите параметр выравнивания в выпадающем списке Выравнивание > По вертикали. Кроме того, можно выбрать один из вариантов Выравнивания на панели свойств или на панели управления.
    • Выберите Сверху, чтобы выровнять текст от верхнего края фрейма вниз по вертикали. Этот параметр используется по умолчанию.
    • По центру — выравнивание текста по центру фрейма.
    • По нижнему краю — выравнивание по вертикали по нижнему краю фрейма.
    • Равномерно — равномерное распределение по вертикали между верхним и нижним краем фрейма.

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

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

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

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

Выравнивание текста

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

Примечание.

При выключке текста при помощи компоновщика абзацев Adobe, чтобы обеспечить одинаковую плотность текста в абзаце и его визуальную привлекательность, InDesign производит смещение текста. Можно произвести точную подстройку интервалов в выключенном тексте.

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

Выделите текст.

На палитре «Абзац» или на панели «Управление» нажмите одну из кнопок в области «Выравнивание»: «Влево», «По центру», «Вправо», «Выключка влево», «Выключка по центру», «Выключка вправо» или «Выключка по формату».

(Необязательно) Нажмите «Выключка к корешку» или «Выключка от корешка».

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

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

Примечание.

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

Выравнивание абзацев по сетке из базовых линий

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

Сетка из базовых линий представляет интерлиньяж основного текста документа. Это значение может быть кратно изменено для всех элементов страницы, чтобы гарантировать, что текст всегда будет выровнен по столбцам и страницам. Например, если основной текст в документе имеет интерлиньяж 12 пунктов, то для текста заголовка можно задать интерлиньяж в 18 пунктов и добавить отступ 6 пунктов перед абзацами, которые находятся перед заголовком.

A. Text aligned to the embox center B. Text aligned to the embox top C. Text aligned to the ICF

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

Примечание.

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

Параметры сетки из базовых линий изменяются в разделе «Сетка и направляющие» диалогового окна «Установки».

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

Примечание.

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

Выравнивание абзацев по сетке из базовых линий

Выделите текст.
В меню палитры «Абзац» выберите «Выравнивание по сетке» > «Базовая линия латиницы».

Выравнивание только по сетке из базовых линий первой строки

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

На палитре «Абзац» или на панели «Управление» нажмите «Выровнять по сетке из базовых линий» .

В меню палитры «Абзац» или панели «Управление» выберите «Выравнивание по сетке», затем любой параметр, кроме «Нет».

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

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

Выравнивание абзацев по сетке из базовых линий

Сетка из базовых линий представляет интерлиньяж основного текста документа. Это значение может быть кратно изменено для всех элементов страницы, чтобы гарантировать, что текст всегда будет выровнен по столбцам и страницам. Например, если основной текст в документе имеет интерлиньяж 12 пунктов, то для текста заголовка можно задать интерлиньяж в 18 пунктов и добавить отступ 6 пунктов перед абзацами, которые находятся перед заголовком.

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

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

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

Примечание.

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

Текст в 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 ₽

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

Панель 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. На практике это зачастую оказывается удобнее, чем изменять кегль вручную.

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

Для вас подарок! В свободном доступе до 12.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)» до 12 мая
Уже через 9 месяцев сможете устроиться на работу с доходом от 150 000 рублей

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

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

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

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

Только до 9.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. Это гораздо удобнее, чем вручную искать пустые блоки и удалять каждый из них.

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

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