Перейти к содержимому

Как сделать обводку текста в иллюстраторе

  • автор:

Внутренняя и внешняя обводка контура в Adobe Illustrator

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

Создание внешней обводки непрозрачного контура в Illustrator 5.5 и выше для Macintosh:

1. Выделите непрозрачный объект.

2. В палитре Paint Style выделите Stroke, присвойте цвет обводке.

3. В текстовом иоле Stroke Weight введите значение, в два раза превышающее желаемую ширину обводки.

4. Скопируйте объект, примените команду Edit> Paste in Front.

5. He снимая выделения с полученной копии, присвойте ее обводке значение «None».

6. Выделите начальный объект и его копию, выберите Arrange>Group.

Создание внутренней обводки:

1. Выделите объект.

2. В палитре Paint Style выделите Stroke, присвойте цвет обводке.

3. В текстовом поле Stroke Weight введите значение, в два раза превышающее желаемую ширину обводки.

4. Скопируйте объект, выберите Edit> Paste in Front.

5. He снимая выделения с полученной копии, присвойте ее обводке значение «None».

6. Выделите исходный объект и его копию, Object> Mask>Make.

Рекомендация[МАС OS/ WINDOWS]

Чтобы отредактировать насыщенность составного цвета (создать более светлый оттенок для треппинга), перемещайте ползунок, соответствующий одному из компонентов CMYK, держа нажатой клавишу Shift. Остальные ползунки будут перемещаться автоматически, при этом соотношение CMYK-компонент данного цвета останется неизменным.

Fore kc .ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий

Как создать контурный текстовый эффект обводки в Illustrator

Share on Facebook

Share this.

Pin on Pinterest

Tweet about this on Twitter

Share on VK

Share on Tumblr

Print this page

Сегодня мы покажем вам как просто создать красивый текстовый эффект в графическом редакторе.

Создадим любую надпись. После чего отключим заливку и обводку этой надписи.

Как создать контурный текстовый эффект обводки шаг 1

Значение трекинга укажем 200, это увеличит расстояние между букв, оно нам пригодится в дальнейшем.

Как создать контурный текстовый эффект обводки шаг 1

Переходим в панель «Оформление» и создаем новую обводку.

Как создать контурный текстовый эффект обводки шаг 2

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

Как создать контурный текстовый эффект обводки шаг 3

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

Снова создаем новую обводку, и параллельный контур, но на 5px больше чем в прошлый раз.

Как создать контурный текстовый эффект обводки шаг 4

Повторяем процедуру так что бы у нас было 4-6 контуров.

Как создать контурный текстовый эффект обводки шаг 4

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

Как создать контурный текстовый эффект обводки шаг 5

Теперь немного поэкспериментируем над нашим оформлением.

Сперва разберем нашу надпись, это не позволит изменить нам наш текст, но позволит работать с его составляющими.

Как создать контурный текстовый эффект обводки шаг 6

Так же разгруппируем нашу надпись.

Как создать контурный текстовый эффект обводки шаг 6

Это позволит перемещать нам отдельные контуры целой надписи, или же отдельной буквы.

Как создать контурный текстовый эффект обводки шаг 6

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

Как создать контурный текстовый эффект обводки

Share on Facebook

Share this.

Adobe Illustrator для веб-дизайнера 5) Обводка

☝️�� Все три режима выравнивания обводки по контуру — «по центру», «внутри» и «снаружи» — применимы только к закрытым контурам. Обводка открытых контуров выравнивается только по центру. Но это ограничение можно обойти с помощью диалога настройки толщины линии — см. ниже ⬇︎

Содержание серии

Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.

  1. Введение
    1. �� Файлы, монтажные области
    2. �� Cлои
    1. Перемещение, выравнивание и распределение объектов
    1. �� Перо и инструмент «Кривизна» (Curvature)
    2. ��‍♀️ Правила красивых контуров
    1. �� Shape Builder Tool (Создание фигур) — ⇧M
    2. ✏️ Рисование фигур линиями и инструментом быстрой заливки
    3. ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
    4. �� Направляющие и линейки
    5. ����‍♂️ Переходы (Blend)
    6. �� Перспектива
    7. �� Cтили графики
    8. �� Символы
    9. �� Сетчатые объекты (meshes)
    10. �� Ресницы, брови, волосы
    11. �� Кисти и ластик
    12. ☀️ Распределение объектов по кругу

    �� Переменная толщина обводки.

    Чтобы сделать толщину линии по периметру контура разной (как при использовании плоской кисти), нужно выбрать один из профилей в меню Variable Width Profile

    Переменная толщина обводки Переменная толщина обводки

    �� Инструмент толщины линий Width (⇧W)

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

    Инструмент толщины линий

    Инструмент полезен, как для имитации кисти в контурах иллюстраций, так и для создания сужающихся форм, например, для иконок.

    Инструмент толщины линий

    • При наведении инструмента Width на обводку, на контуре появляется точка толщины и маркеры изменения толщины. С их помощью можно изменить толщину обводки, а также добавлять, дублировать, перемещать и удалять точки ширины.
    • Чтобы редактировать ширину линии не симметрично относительно контура, надо передвигать маркеры с нажатым Alt’ом.
    • ⌥-перетаскивание точки толщины дублирует ее (так же, как ⌥-перетаскивание дублирует другие сущности в AI)
    • Точки толщины могут совпадать с опорными точками пути. Инструмент толщины линий
    • Двойной клик на точке толщины открывает диалог точной настройки.

    Изменение значения Total Width с выставленным флагом Adjust Adjoining Width Points изменяет толщину всей линии пропорционально.

    Инструмент толщины линий

    • ⬆︎ С помощью диалога настройки толщины линии, можно обойти ограничение по выравниванию обводки c открытым контуром. Если уменьшить на всех точках толщины один из Side-параметров до нуля, то обводка будет выровнена снаружи или внутри контура.
    • При редактировании толщины линии, миниатюра профиля ширины меняется. Инструмент толщины линий
    • Чтобы сохранить профиль переменной толщины для дальнейшего использования, надо открыть меню профилей, нажать значок сохранения, в диалоге записать имя профиля и сохранить. Инструмент толщины линий

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

    Инструмент толщины линий

    �� Пунктирные линии

    Чтобы штрихи пунктирной линии равномерно легли на закрытый контур, нужно выбрать опцию Aligns dashes to corners and path ends, adjusting lengths to fit. Однако она работает только с выравниванием обводки по центру контура.

    Пунктирные линии

    �� Контурные рисунки с закругленными концами.

    Выбрать скругленные концы (Round Cap) и скругленные стыки (Round Join)

    Контурные рисунки с закругленными концами

    �� Шаблонные кисти

    Любой контур, фигуру можно сохранить, как шаблонную кисть.

    Шаблонные кисти Шаблонные кисти

    И затем использовать для обводки.

    Шаблонные кисти

    Чтобы перевести обводку шаблонной кисти в стандартный контур, выбрать Object ➜ Expand Appearance. Затем — ⌘J, чтобы соединить фрагменты в единый контур.

    Теперь фигуру можно залить.

    Шаблонные кисти

    �� Градиентные обводки

    Стандартный стиль Apply gradient within stroke (Применение градиента внутри обводки)

    Градиентные обводки

    Стиль Apply gradient across stroke (Применение градиента по диагонали обводки). Позволяет создавать размытые границы

    Градиентные обводки

    03 окт 2020

    Обводку у текста нужно сделать outside

    Почему то у меня в Illustrator’е CS4 Align stroke to outside в меню STROKE неактивна для текстовых объектов. Переводить в кривые не желательно. Это шаблон для выходных сведений изданий которые меняются. Подскажите если есть способ?

    qsedftghk
    фея

    15 лет на форуме
    Сообщения 2 021 Реакции 1 187

    Ответ: Обводку у текста нужно сделать outside

    Есть такая штука как палитра «Appearance». Вот там и делайте обводку текстовым объектам и подкладывайте её вниз под текст. Эффект будет такой же как и у Align stroke to outside

    Развернуть подпись
    while ( ! ( succeed = try() ) );

    _MBK_
    Пикирующий бомбардировщик

    15 лет на форуме
    Сообщения 33 029 Реакции 10 791

    Ответ: Обводку у текста нужно сделать outside

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

    Развернуть подпись

    idenwork
    Участник

    Сообщения 8 Реакции 0

    Ответ: Обводку у текста нужно сделать outside

    qsedftghk, имеете ввиду использовать два объекта: текст сверху и вектор снизу? и уже к вектору применять обводку?

    dik973

    15 лет на форуме
    Сообщения 577 Реакции 77

    Ответ: Обводку у текста нужно сделать outside

    У текстового блока есть 2 объекта Characters и Type. В объекте Characters вы не можете поменять местами Fill и Stroke, но это можно сделать в объкте Type(он находится выше в иерархии объктов). Но тут могут быть Нюансы — например Fill(Type) с overprint будет просвечивать на Fill(Characters), если он задан. Потом при окривлении каждой букве(кривой то есть) передаются свойства Characters, а группе, состоящей из букв, свойства Type. То есть, если после окривления вы разгруппируете, то потеряете заливки и обводки группы.

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

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