Ai (как сделать обводку прозрачной?)

![]()
Art Rec
- Участник
- 942 Сообщений:
Отправлено 07 ноя 2016 — 18:43
Доброго времени суток, друзья! Требуется помощь в Adobe Illustrator, необходимо обводку буквы сделать прозрачной, дабы подкладывать различные фоны.

Каждый раз менять обводку под цвет фона не предлагать.. )))

#2
DiSel
- Модераторы
- 1 541 Сообщений:
Отправлено 08 ноя 2016 — 02:02
Цвет обводки — белый квадратик с красной линией по-диагонали. Это уберёт обводку вокруг объекта.
#3
Smackewich
- Участник
- 4 942 Сообщений:
Отправлено 08 ноя 2016 — 03:19
в Иллюстраторе не знаю в фотошопе . делаешь прозрачным сохраняеш в пнг или тагре . ну или маской но дольше.
Сообщение отредактировано Smackewich: 08 ноя 2016 — 03:20
#4
Art Rec
![]()
Art Rec
- Участник
- 942 Сообщений:
Отправлено 08 ноя 2016 — 18:06
Нет, фотошоп не подходит, нужна картинка в векторном формате, растровый рисунок отрисовывать в вектор то же не вариант.
Цвет обводки — белый квадратик с красной линией по-диагонали. Это уберёт обводку вокруг объекта.
вопрос не убрать обводку, а сделать невидимой, либо сделать зазор между буквой и фигурой.. что бы в дальнейшим можно было вырезать на плоттере и наклеить на стекло, например.
Adobe Illustrator для веб-дизайнера 9.3) «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
В Illustrator’е можно так же, как в Sketch’е и Figm’е применять к фигуре несколько заливок и обводок (обводки, кстати, могут быть градиентными). Делается это в палитре Appearance.
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.
- Введение
- Файлы, монтажные области
- Cлои
- Перемещение, выравнивание и распределение объектов
- Перо и инструмент «Кривизна» (Curvature)
- ♀️ Правила красивых контуров
- Shape Builder Tool (Создание фигур) — ⇧M
- ✏️ Рисование фигур линиями и инструментом быстрой заливки
- ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
- Направляющие и линейки
- ♂️ Переходы (Blend)
- Перспектива
- Cтили графики
- Символы
- Сетчатые объекты (meshes)
- Ресницы, брови, волосы
- Кисти и ластик
- ☀️ Распределение объектов по кругу
Представление свойств элемента — заливки, обводки, эффектов — строится по тому же принципу, что и представление слоев в соответствующей панели. Это независимые и динамические, редактируемые сущности, которые можно создавать, удалять, дублировать и менять местами.
Чтобы добавить фигуре новую заливку, обводку или эффект нужно выбрать соответствующий вариант в нижней панели палитры.

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

Или барельефы (множество заливок с параллельным контуром (Offset Path) и размытием по Гауссу)

Чтобы сдвинуть одну из обводок, надо выбрать ее в панели оформления. Выбрать внизу панели меню эффектов ➜ Distort & Transform ➜ Transform. Настроить смещение и сохранить.

В дальнейшем параметры смещения будут доступны в панели оформления.

Примеры добавления тексту обводки и объема.

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

Оформление можно копировать с помощью пипетки.
Только в настройках пипетке должен быть выбран пункт Appearance

Динамическая обводка и заливка редактируемого текста.

- Дважды кликнуть на строку Characters и удалить исходную заливку и обводку.
- Затем дважды щелкнуть на Type: No Appearance и добавить заливку и обводку из нижней строки панели.
- Затем можно сместить обводку с помощью Distort & Transform ➜ Transform, добавить тень и т. п.
Прямо из панели «Оформление» можно добавлять стили из меню Effects.
- Например, тень:

- Изометрическая перспектива фигуры, надписи:
Effect ➜ 3D ➜ Rotate
Если к объекту применен какой-то эффект, при попытке добавить такой же AI предлагает альтернативу.

- Отредактировать существующий эффект, нажав на название в панели оформления.
- Либо добавить новый эффект.
Полезные эффекты.
- Distort & Transform ➜ Transform

- Stylize ➜ Feather

- SVG Filters ➜ AI_GaussianBlur_*

- Stylize ➜ Inner Glow

- Stylize ➜ Drop Shadow

- 3D ➜ Extrude & Bevel

- Distort & Transform ➜ Zig Zag

- Path ➜ Offset Path

- Stylize ➜ Outer Glow

- Warp ➜ Arc | Arch | Bulge | Flag
- Для текста Warp можно открыть из контрольной панели.
. и затем оттуда же редактировать деформацию. - Кнопками в левом углу панели, переключаясь между редактированием оболочки (envelop) и содержания.


- Еще один способ исказить объект с помощью оболочки:
Object ➜ Envelope Distort ➜ Make With Warp
⚠️ Однако из трех перечисленных способов добавления искажений в оболочке, наиболее удобный все-таки эффект — с ним проще менять параметры деформации и редактировать исходный объект.
⚠️ Следует отличать эффект Warp и инструмент Warp (см. Векторную графику)
Adobe Illustrator для веб-дизайнера 5) Обводка
☝️ Все три режима выравнивания обводки по контуру — «по центру», «внутри» и «снаружи» — применимы только к закрытым контурам. Обводка открытых контуров выравнивается только по центру. Но это ограничение можно обойти с помощью диалога настройки толщины линии — см. ниже ⬇︎
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.
- Введение
- Файлы, монтажные области
- Cлои
- Перемещение, выравнивание и распределение объектов
- Перо и инструмент «Кривизна» (Curvature)
- ♀️ Правила красивых контуров
- Shape Builder Tool (Создание фигур) — ⇧M
- ✏️ Рисование фигур линиями и инструментом быстрой заливки
- ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
- Направляющие и линейки
- ♂️ Переходы (Blend)
- Перспектива
- Cтили графики
- Символы
- Сетчатые объекты (meshes)
- Ресницы, брови, волосы
- Кисти и ластик
- ☀️ Распределение объектов по кругу
Переменная толщина обводки.
Чтобы сделать толщину линии по периметру контура разной (как при использовании плоской кисти), нужно выбрать один из профилей в меню 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
Adobe Illustrator
«Выделение» > «По общему признаку» и далее пункт «Цвет заливки», «Цвет обводки» или «Заливка и обводка».
• Чтобы выделить все объекты с одинаковой толщиной обводки, выберите объект с нужной толщиной обводки
или выберите толщину обводки в палитре «Обводка». Затем выберите команду «Выделение» > «По общему
признаку» > «Толщина обводки».• Чтобы применить те же параметры выделения к другому объекту (например, если ранее уже были выделены
все красные объекты с помощью команды «Выделение» > «По общему признаку» > «Цвет заливки», а теперь
необходимо найти и выделить все зеленые объекты), выделите новый объект и выберите команду «Выделение»
> «Выделить снова».
Чтобы оттенок объекта учитывался при выделении на основе цвета, выберите команду«Редактирование» > «Установки» > «Общие» (Windows) или «Illustrator» > «Установки» > «Общие» (Mac OS)
и выберите параметр «Выделять оттенки с одинаковым %». Когда этот параметр выбран, то при выборе
объекта, к которому применена заливка 50 % оттенком цвета PANTONE Yellow C, и команды «Выделение» >«По общему признаку» > «Цвет заливки» Illustrator выделит только объекты, к которым применена заливка 50
% оттенка этого цвета. Если этого параметр не выбран, выделяются все объекты с заливкой любым оттенком
- Для текста Warp можно открыть из контрольной панели.