Обводка шрифта в illustrator

Обновлено: 05.07.2024

Используйте панель «Обводка» ( Окно > Обводка ), чтобы указать, является ли линия сплошной или пунктирной, последовательность штрихов и другие параметры штрихов, если она пунктирная, толщина штрихов, выравнивание штрихов, пределы срезов, наконечники стрелок, профили ширины, а также стили соединения линий и концов линий.

Панель «Обводка»

Панель «Обводка»

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

В этом руководстве сотрудник журнала Layers Magazine Дэйв Кросс (Dave Cross) показывает, как применять заливку и обводку в Illustrator, а также пользоваться удобными комбинациями клавиш для работы с заливкой и обводкой.

Выделите объект. (чтобы выделить край в группе с быстрой заливкой, используйте инструмент «Выделение быстрых заливок»).

Нажмите поле «Обводка» на панели «Инструменты», «Цвет» или «Управление». Это действие подразумевает, что будет применена обводка, а не заливка.

Поле «Обводка»

Поле «Обводка» Выберите цвет на панели «Цвет» или образец на панели «Образцы» или «Управление». Либо дважды нажмите поле «Обводка», чтобы выбрать цвет с помощью инструмента «Палитра цветов».

Если необходимо использовать текущий цвет в поле «Обводка», можно просто перетащить этот цвет из поля на объект. Перетаскивание цвета не работает для групп с быстрой заливкой.

Выберите толщину обводки на палитре «Обводка» или панели «Управление». Если объект представляет собой замкнутый контур (а не группу с быстрой заливкой), выберите параметр на панели «Обводка», чтобы выровнять обводку относительно контура.


Обводка по центру линии


Обводка внутри линии


Обводка снаружи линии

Примечания.

  • В текущей версии Illustrator опция Обводка внутри линии применяется по умолчанию при создании веб-документа. В некоторых более ранних версиях Illustrator по умолчанию используется Обводка по центру линии .
  • Контуры, для которых используются разные варианты выравнивания обводки, могут быть выровнены неточно. Если необходимо добиться точного совпадения краев при выравнивании, убедитесь в том, что настройки выравнивания обводки для контуров совпадают.

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

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

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

Чтобы выбрать параметр «Скорректировать ширину в соседних точках» автоматически, дважды нажмите точку ширины, удерживая клавишу Shift. При изменении переменной ширины инструмент «Ширина» различает прерывные и непрерывные точки ширины.


Диалоговое окно «Скорректировать ширину в соседних точках» для непрерывных точек

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом коротком уроке, вы научитесь как использовать инструмент Текст по Контуру (Type on Path) в Adobe Illustrator. Это очень удобный инструмент при работе с логотипами и беджами. Так что давайте приступим!

Текст По Окружности

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




После того, как вы создадите контур, щелкните на нем используя либо инструмент Текст (Type Tool) либо Текст по Контуру (Type On A Path Tool). Если вы работаете с замкнутым контуром, таким как окружность, то ваш вариант только Текст по Контуру. Щелкните по контуру и появится мигающий курсор. Напишите ваш текст.




Первое, что я люблю делать - это дать тексту побольше пространства. Щелкните по тексту используя инструмент Выделение (Selection Tool). Это позволит вам увидеть слева, в центре и справа скобки выравнивания. Снова используя инструмент Выделение, перетащите левую скобку дальше влево по контуру и правую скобку в право. Теперь весь контур в вашем распоряжении.




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




Теперь, когда текст на своем месте, вы возможно пожелаете поработать над его улучшением дальше. Хотите что бы текст выравнивался по центру? По правой стороне? По левой? Просто выделите текст и форматируйте его так же, как вы бы форматировали любой другой, используя панель Управления (Control panel), панель Абзац (Paragraph) или панель Символ (Character). Или, как вариант, возьмите выравнивающую скобку и потяните за нее, пока текст не окажется там, где вам нужно. Вы можете также добавить пробелы и подрегулировать кернинг.

Опции Текста по Контуру

Вы можете применить ряд эффектов к тексту размещенному по контуру. Что бы применить их, выберите контур и зайдите во вкладку Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). Ниже приведены примеры, как каждая опция может влиять на текст.




Вертикальный Текст

Идем дальше, я показал вам только как использовать горизонтальный текст. Вы можете создавать также вертикальный текст по контуру. Выберите либо Вертикальный текст (Vertical Type Tool), либо Вертикальный Текст по Контуру (Vertical Type On A Path Tool). Затем щелкните по вашему контуру и начинайте печатать.




Регулировка Вертикального Выравнивания Текста по Контуру

Вам не нравится, когда ваш текст находится на контуре? Нет проблем! Выберите контур. Затем, выберите Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). В меню Выровнять по Контуру выберите одну из опций: Верхний Выносной элемент (Ascender), Нижний Выносной элемент (Descender), По Центру (Center) или Базовая линия (Baseline) (опция по умолчанию).




Регулирование Межсимвольного Интервала Возле Перегиба Кривой

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

Выберите контур. Затем выберите Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options). Выберите значение из предложенных величин. Чем выше номер, тем меньше межсимвольное пространство. Когда вы работаете с очень острыми углами, такая настройка может быть очень трудоемкой. Иногда проще или изменить кривую, или сдвинуть текст вдоль кривой до подходящего момента.




Отражение Текста

Что если вы не хотите, что бы ваш текст шел поверху вашего контура? Тогда отразите его!. Нужно просто взять выравнивающую скобку и потянуть ее на противоположную сторону контура. Вы можете также отразить текст если зайдете в Текст > Текст по Контуру > Опции Текста по Контуру (Type > Type On A Path > Type On A Path Options) и выберите Зеркальное Отражение (Flip).




Иногда текст отражается, тогда когда вы этого совсем не хотите, что может немного раздражать. Чтобы избежать случайного отражения текста, удерживайте клавишу Control (для Windows) или Command (для Mac OS), когда вы его перемещаете.

Заключение


Для чего при предпечатной подготовке переводить тексты и шрифты в кривые

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

В чем вообще отличие векторной и растровой графики?

Растровая графика (например, форматы gif, jpeg) выполнена в виде решетки из пикселей разных цветов, воспринимаемых человеческим глазом в виде единого изображения.

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

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

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

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

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

Как перевести текст в кривые в иллюстраторе

Текст в иллюстраторе в кривые можно перевести, воспользовавшись методом Adobe Illustrator Create Outlines, специально предназначенный для перевода текста в кривые и фигур в контуры.

Чтобы преобразовать текстовый контур в кривые в иллюстраторе следует выполнить следующее:

Перед тем, как в иллюстраторе перевести кривые в линии, можно убедиться в наличии или отсутствии текста в макете:

Если Вы передаёте файл в типографию вместе с шрифтами, не используя такие методы как перевод макета в кривые линии, то в иллюстраторе необходимо выполнить упаковку:

упаковка файла в illustraror

упаковка файла в illustraror

Как перевести текст в кривые в индизайне

Теперь рассмотрим, как перевести в кривые в индизайне. Текст в кривые в Indesign переводится методом, аналогичным предыдущему:

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

перевести текст в привые в indesign

Package в Adobe Indesign

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

Как преобразовать текст в кривые в кореле:

После этого следует проверить, что корел преобразовал в кривые весь текст:

coreldraw текст в кривые

coreldraw текст в кривые

Как перевести в pdf шрифты в кривые

В кривые в пдф (pdf) перевести можно прямо в Adobe Acrobat. Для того, чтобы в акробате перевести в кривые:

перевести в кривые в пдф в adobe acrobat

перевести в кривые в пдф в adobe acrobat

Как перевести текст в кривые в фотошопе

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

Что важно знать перед переводом текста в кривые

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

Рекомендуем сохранить текстовый файл отдельно на жестком диске для восстановления исходного макета.

Обзор 8 лучших онлайн курсов по созданию логотипа

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

что такое dpi разрешение

Что такое dpi разрешение фотопечати. Как расчитывается размер изображения

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

Как установить шрифт в Иллюстратор

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

Установка шрифтов в Illustrator

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

Способ 1: Средства Windows

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

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

Пример поддерживаемых шрифтов для Windows

Установка нового шрифта в ОС Windows

Установка нескольких шрифтов в ОС Windows

Возможность ручного добавления шрифтов в Windows

Возможность установки шрифта из Microsoft Store

Успешно добавленный шрифт в Adobe Illustrator

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

Способ 2: Adobe Typekit

В отличие от предыдущего, данный способ подойдет вам исключительно в том случае, если вы используете лицензионное программное обеспечение Adobe. При этом помимо самого Иллюстратора, придется прибегнуть к услугам облачного сервиса Typekit.

Примечание: На компьютере должен быть установлен Adobe Creative Cloud.

Шаг 1: Скачивание

    Откройте Adobe Creative Cloud, перейдите к разделу «Установки» и на вкладке «Шрифты» установите галочку рядом с пунктом «Синхронизация Typekit».

Включение синхронизации в Adobe Creative Cloud

Успешный авторизация в Adobe Illustrator

Переход к добавлению шрифта из Typekit

Проверка авторизации на официальном сайте Typekit

Переход к странице Upgrade на сайте Typekit

Выбор тарифного плана на сайте Typekit

Переход к странице Browse на сайте Typekit

Выбор подходящего шрифта на сайте Typekit

Примечание: Не все шрифты можно синхронизировать с Illustrator.

Процесс синхронизации шрифта на сайте Typekit

В случае успеха потребуется дождаться завершения загрузки.

Ожидание скачивания шрифта на сайте Typekit

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

Успешно скачанный шрифт на сайте Typekit

Уведомление о скачанном шрифте в Creative Cloud

Шаг 2: Проверка

    Разверните Illustrator и создайте новый лист для проверки шрифта.

Процесс создания нового листа в Illustrator

Добавление нового текста в Adobe Illustrator

Выбор добавленного шрифта в Adobe Illustrator

Успешно использованный шрифт в Adobe Illustrator

Главное достоинство метода заключается в отсутствии необходимости перезагрузки программы. Кроме того, стили могут быть без проблем удалены через Adobe Creative Cloud.

Заключение

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

Закрыть

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Закрыть

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Читайте также: