Adobe Illustrator для веб-дизайнера 4) Редактирование контуров
Для работы с контурами в Illustrator’е есть абсолютно гениальный виджет динамического угла, а также стандартное перо (в следующем выпуске), ножницы и т. д.
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.
- Введение
- �� Файлы, монтажные области
- �� Cлои
- Перемещение, выравнивание и распределение объектов
- �� Перо и инструмент «Кривизна» (Curvature)
- ��♀️ Правила красивых контуров
- �� Shape Builder Tool (Создание фигур) — ⇧M
- ✏️ Рисование фигур линиями и инструментом быстрой заливки
- ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
- �� Направляющие и линейки
- ����♂️ Переходы (Blend)
- �� Перспектива
- �� Cтили графики
- �� Символы
- �� Сетчатые объекты (meshes)
- �� Ресницы, брови, волосы
- �� Кисти и ластик
- ☀️ Распределение объектов по кругу
�� Составной контур (Compound Path)
Объект, нарисованный только линиями. Представляет собой единое целое. Если применить к нему стили обводки, все фрагменты контура будут выглядеть единообразно.
Удобен, в частности, для рисования букв.
- ⌘J — Соединить фрагменты контура
- ⌘⇧⌥J — Соединить фрагменты контура, выбрав тип опорной точки в диалоге
- ⌘8 — Объединить контуры в составной контур
Object ➜ Compound Path ➜ Make
☝ Составной контур можно разобрать:
Object ➜ Compound Path ➜ Release
�� Выравнивание опорных точек
Опорные точки можно выравнивать также как и объекты. Тип выравнивания — Align to Selection.
Также можно выбрать команду Object ➜ Path ➜ Average (⇧⌥J) и выровнять по вертикали, горизонтали или по обеим осям.
�� Ножницы (C) и инструмент «Стирание контура» (Path Eraser Tool)
Кликнув ножницами на контур, добавляешь разрыв — две опорных точки, одну под другой.
�� Инструмент соединения контуров
Последний пункт в меню карандаша
- Для того чтобы соединить пересекающие пути, надо инструментом Join «стереть» ненужные отрезки
- Для того чтобы удалить разрыв между двумя точками, надо дорисовать недостающий отрезок.
См. также �� Векторная графика ➜ Рисование фигур линиями и инструментом быстрой заливки.
�� Скругление углов контура
Выбрав белой стрелкой контур с углом, можно скруглить имеющиеся углы, точно также как у фигур. Либо потянув за круглые ручки виджета динамического угла, либо введя радиус в поле Corners.
И так же, как в случае со скруглением у форм двойной клик на метке скругления вызовет диалог, в котором можно ввести точный радиус и изменить тип угла.
�� Инструмент «Стирание контура» (Path Eraser Tool)
Проведя «Стиранием контура» от одной опорной точки к другой удаляешь фрагмент между ними.
Сравнение «Стирание контура» (слева) со стиранием ластиком справа.
�� Карандаш
Инструмент для рисования от руки, прежде всего на планшетах.
В настройках можно увеличить плавность линий, чтобы рисунки мышью получались плавней.
А также поставить расстояние между крайними точками, на котором контур будет замыкаться.
�� Инструмент сглаживания
Провести инструментом по линии, чтобы сделать её плавней и уменьшить количество опорных точек.
�� Перевести обводку, мазки кисти в формы
- Чтобы перевести в формы линии
Object ➜ Expand
или
Object ➜ Path ➜ Outline Stroke Object ➜ Path ➜ Outline Stroke — это частный случай Expand. - ☝️�� Возможности Expand шире перевода обводки в формы.
- Перевод в градиенты, переходы в набор форм.
- Разделение объекта с заливкой и обводкой на два объекта: только с заливкой и только с обводкой.
См. группировку и разбор объектов
- Чтобы перевести в формы графику, созданную с помощью эффектов или шаблонных кистей
Object ➜ Expand Appearance
�� Упростить контур
Object ➜ Path ➜ Simplify
Примерные настройки:
Curve Precision = 90%
Angle Threshold = 0Как соединить 2 контура в Adobe Illustrator?
Что сделать для того, чтобы избавиться от того небольшого расстояния между двумя контурами?
Имеются 2 контура, между которыми можно заметить небольшое расстояние, от которого необходимо избавиться. На сколько мне известно, это делается с помощью «Объект > Контур > Соединить/Усреднить» (Join/Average на англ.).
Однако, когда я выделяю оба контура и нажимаю «Соединить»:
Когда нажимаю «Усреднить», контуры уменьшаются до микроскопического размера и приобретают странную форму:
Что сделать для того, чтобы избавиться от того небольшого расстояния между двумя контурами?- Вопрос задан более трёх лет назад
- 50279 просмотров
3 комментария
Оценить 3 комментария
Как объединить группы контуров в Illustrator?
Пример: есть набор иллюстраций
Как из них сделать вот такое изображение?
- Вопрос задан 05 апр. 2023
- 201 просмотр
Комментировать
Решения вопроса 1
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Дизайнер и перфекционисткак из них сделать вот такое изображение?
Легко. Создаёте желаемую композицию и, в зависимости от требований к конечному изображению, либо скрываете нижние объекты под заливкой верхних, либо стираете видимые лишние части. Если нужно именно «объединить группы в одну», то второй вариант: после удаления лишнего сливаете всё в единое целое и получаете один составной контур.
PS Делаете это теми инструментами, которыми умеете. Если с этим проблем нет — отлично. Если же ничего не умеете, то следует сначала обучиться работе в программе и изучить основные инструменты. Тогда подобные вопросы будут решаться самостоятельно.
Ответ написан 05 апр. 2023
Нравится 1 2 комментария
Realnik @Realnik Автор вопросалибо скрываете нижние объекты под заливкой верхних, либо стираете видимые лишние части.
это я понимаю, смущает просто то что изображение состоит из десятков других слоев
поэтому не получается, может какую-то операцию надо провести перед этим?
Pavel Designer @pozZzitiv Куратор тега Adobe Illustrator
Realnik, само собой нужно. Только не десятка слоёв, а десятка объектов. Слой у вас один, а на нём уже объекты и группы объектов.
Вариант 1 (не всегда удобный).
Заблокировать верхний объект и просто выделить ненужные части в нижнем объекте, а затем удалить их. Повторять пока не уберутся все проглядывающиеся детали. Минус: если нужно поменять композицию, то придется проделывать заново и иногда могут удаляться те детали, которые не должны удаляться. *Совет: всегда оставляйте копии оригинальных объектов «про запас».Вариант 2.
Каждый объект сливаете в один составной контур (как писалось изначально). Menu — Object — Compound path — Make или сразу Ctrl+8. Иногда, смотря что за объекты, можно иначе это сделать, но суть одна. Далее: а) составляете композицию и у нижних объектов стираете лишнее ластиком (Eraser tool); б) делаете из верхнего объекта один сплошной контур и прорезаете им в нижнем «дырку» т.е. удаляется всё, что перекрывается верхним объектом. Минус такой же как у предыдущего варианта.Вариант 3.
В нём можно сливать объекты в один, а можно не сливать. Составляете композицию и теперь делаете каждому нижнему объекту маску в форме верхних, лежащих над ним. Таким образом скрывается лишнее из виду и, при этом, можно менять композицию без необходимости повторять действия/ Лишь двигать нужно одновременно и группу и саму маску, по форме которой она сделана. А уж маску можно делать либо пером вручную, либо сливая и разбирая составные контуры. Для таких груш это будет примерно следующее: сначала слить группу через Unite или Make Compound path (объединяем в один объект), затем ПКМ — Release Compound path (избавляемся от пробелов между объектами внутри) и еще раз сливаем (так получаем один общий контур фигуры). Теперь из этих контуров составляем новые, необходимые по форме для масок, и применяем их к группам. И да, делается проще, чем звучит при объяснении XDВыбор метода зависит от условий и желаемого результата, потому описал несколько. Какой подойдёт под конкретную задачу — решать вам.
Как объединить линии в adobe illustrator?
Как объединить линии в adobe illustrator?
Построил такую фигуру в илюстраторе. Нужно ее полностью раскрасить. Не могу сделать это т. к. закрашиваются отдельные части. Вроде нужно, чтобы это был один вектор.Дополнен 5 лет назад
Лучший ответВар. 1. Соединить два крайних узла фигур.
Вар. 2. Выделить обе линии и объединить их в окне «Обработка контуров».Остальные ответы
все линии выделить и нажать ctrl+J
Svetlana KononovaУченик (107) 2 года назад
Здорово, сработало спасибо!
Aveľ UrsoУченик (103) 4 месяца назад
молюсь на тебя
Похожие вопросы
Ваш браузер устарелМы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.