Как создать контурный текстовый эффект обводки в Illustrator
Share this.
Сегодня мы покажем вам как просто создать красивый текстовый эффект в графическом редакторе.
Создадим любую надпись. После чего отключим заливку и обводку этой надписи.
Значение трекинга укажем 200, это увеличит расстояние между букв, оно нам пригодится в дальнейшем.
Переходим в панель «Оформление» и создаем новую обводку.
Создадим новую обводку. Выбираем существующую, перетягиваем ее на верх удерживая клавишу Alt.
Выбираем новую обводку, и переходим в эффекты, создать параллельный контур.
Снова создаем новую обводку, и параллельный контур, но на 5px больше чем в прошлый раз.
Повторяем процедуру так что бы у нас было 4-6 контуров.
Добавим новый стиль, это упростит нам создания нового текста в таком стиле. Для этого переходим в панель «Стили графики», выделяем наш текст, после чего нажимаем «Новый стиль графики». Готово, теперь мы можем мгновенно применять наш стиль. Его можно использовать не только для текста, но и для фигур.
Теперь немного поэкспериментируем над нашим оформлением.
Сперва разберем нашу надпись, это не позволит изменить нам наш текст, но позволит работать с его составляющими.
Так же разгруппируем нашу надпись.
Это позволит перемещать нам отдельные контуры целой надписи, или же отдельной буквы.
Вся прелесть состоит в том что мы можем изменять цвет каждой обводки по отдельности, а так же толщину и прочее.
Применение обводок к объектам
Используйте панель «Обводка» ( Окно > Обводка ), чтобы указать, является ли линия сплошной или пунктирной, последовательность штрихов и другие параметры штрихов, если она пунктирная, толщина штрихов, выравнивание штрихов, пределы срезов, наконечники стрелок, профили ширины, а также стили соединения линий и концов линий.
Можно применить параметры обводки ко всему объекту или использовать группы с быстрой заливкой и применить разные обводки к разным краям объекта.
В этом руководстве сотрудник журнала Layers Magazine Дэйв Кросс (Dave Cross) показывает, как применять заливку и обводку в Illustrator, а также пользоваться удобными комбинациями клавиш для работы с заливкой и обводкой.
Применение цвета, ширины или выравнивания обводки
Нажмите поле «Обводка» на панели «Инструменты», «Цвет» или «Управление». Это действие подразумевает, что будет применена обводка, а не заливка.
Если необходимо использовать текущий цвет в поле «Обводка», можно просто перетащить этот цвет из поля на объект. Перетаскивание цвета не работает для групп с быстрой заливкой.
Обводка по центру линии
Обводка внутри линии
Обводка снаружи линии
Примечания.
- В текущей версии Illustrator опция Обводка внутри линии применяется по умолчанию при создании веб-документа. В некоторых более ранних версиях Illustrator по умолчанию используется Обводка по центру линии .
- Контуры, для которых используются разные варианты выравнивания обводки, могут быть выровнены неточно. Если необходимо добиться точного совпадения краев при выравнивании, убедитесь в том, что настройки выравнивания обводки для контуров совпадают.
Создание обводок с переменной шириной
Инструмент «Ширина» на панели «Инструменты» позволяет создавать обводку с переменной шириной и сохранять переменную ширину в виде профиля для последующего применения к другим обводкам. Теперь можно легко настраивать или расширять обводки с переменной шириной с меньшим количеством опорных точек, поскольку Illustrator применяет упрощенные контуры к обводкам.
При наведении инструмента «Ширина» на обводку, на контуре появляется значок в виде бриллианта и маркеры. С помощью этих элементов пользователь может изменить ширину обводки, а также перемещать, дублировать и удалять точку ширины. При наличии нескольких обводок инструмент «Ширина» применяется только к активной обводке. Если требуется изменить обводку, убедитесь, что она задана «Оформление» на панели как активная.
Чтобы создать или изменить ширину в точке в диалоговом окне «Изменение ширины в данной точке», дважды нажмите обводку инструментом «Ширина» и измените значения для точки. При выборе параметра «Скорректировать ширину в соседних точках» изменения, примененные к выбранной точке ширины, затрагивают и соседние точки.
Чтобы выбрать параметр «Скорректировать ширину в соседних точках» автоматически, дважды нажмите точку ширины, удерживая клавишу Shift. При изменении переменной ширины инструмент «Ширина» различает прерывные и непрерывные точки ширины.
Как преобразовать текст в обводку в illustrator?
Задача: анимировать stroke-dashoffset от 1000 до 0. Но чтобы сам текст был обводкой, а не обводка вокруг него. (Извините за формулировку).
Вопрос: Как в illustrator преобразовать текст в обводку (stroke) подобно примерам? Толщина шрифта соответственно должна регулироваться stroke-width.
- Вопрос задан более трёх лет назад
- 1489 просмотров
- Вконтакте
Выбираешь текст, жмешь CTRL + SHIFT + O или Type -> Create outlines
Далее убираешь заливку и применяешь Stroke, с настройкой Inside, и увеличиваешь его значение пока текст не будет выглядеть полностью залитым
- Вконтакте
Супер, но почему-то та же ерунда и остается в браузере! Сохраняю по правилам: