Как сделать сглаживание в иллюстраторе

Инструмент Smooth Tool (cглаживание)

Когда у художника появился карандаш с резинкой на противоположной его стороне, то он получил возможность тут же исправлять все ошибки в рисунке, а также удалять всё лишнее. Но разработчики Adobe Illustrator пошли дальше. Они оснастили карандаш с резинкой ещё и инструментом Smooth Tool.

Однако это замечательное обстоятельство может запутать начинающего иллюстратора, только-только приступившему к своему первому знакомству с группой инструментов Pencil Tool в интерфейсе программы. Его могут запутать три кнопки с похожими на карандаш пиктограммами. И если с первой и последней кнопками, соответствующим карандашу и резинке, вроде бы всё ясно. То для чего нужна средняя кнопка? Попробуем немного в этом разобраться.

В этой статье вы узнаете, для чего нужен и как работает инструмент Smooth Tool (сглаживание) — инструмент для тех, кто утверждает, что не может сгладить зубчатую линию.

Преимущества инструмента Smooth Tool в полной мере проявляются тогда, когда все штрихи или контуры арт-объекта уже созданы и требуется их изменить, а именно сгладить неровности или смягчить угловатости. Это чрезвычайно удобный инструмент редактирования, позволяющий с лёгкостью изменять любые контуры независимо от способа их создания.

Кроме того этот интерактивный инструмент позволяет исправлять ошибки, возникающие у пользователя при неуверенном владении мышью или пером графического планшета. А в ряде случаев — свести до минимума конструктивные недостатки большинства моделей графических планшетов начального уровня (дребезг в датчике пера, царапины и шершавость поверхности планшета и т.п.).

Кнопка с инструментом Smooth Tool в панели Tools (инструменты) находится в одной группе с инструментом Pencil Tool (карандаш). По умолчанию клавиша быстрого доступа не назначена.

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Smooth Tool является исключительно интерактивным инструментом. Но в отличие, к примеру, от инструмента Knife Tool (нож) Smooth Tool имеет диалоговое окно для настройки параметров, как рассказывается далее в этой статье. Способов применения Smooth Tool также несколько. Его можно применить одним из двух способов:

Через панель инструментов

1. Выделите контур, подлежащий редактированию.

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

2. Щёлкните на кнопке инструмента Smooth Tool (в панели Tools (инструменты) она расположена на одной всплывающей палитре с кнопкой инструмента Pencil Tool (карандаш)).

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

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

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Щелчок указательного девайса в пиктограмме с двумя крохотными треугольниками сменит горизонтальное положение инструментов на вертикальное.

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

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

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

В процессе использования инструмента Pencil Tool

1. При выбранном инструменте Pencil Tool (N), нажмите и удерживайте кнопку ALT, чтобы временно переключиться к инструменту Smooth Tool.

2. Просто перетаскивайте курсор (при необхобимости несколько раз) над всё ещё выделенным контуром, изменяя его форму.

3. Отпустите кнопку ALT, чтобы вновь вернуться к инструменту Pencil Tool.

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Особенности работы Smooth Tool

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

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

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Более тонкая настройка инструмента Smooth Tool возможна при помощи диалогового окна Smooth Tool Options.

Диалоговое окно Smooth Tool Options

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Для вызова этого диалогового окна достаточно дважды щёлкнуть на кнопке с пиктограммой инструмента в палитре Tools. Или просто нажмите на кнопку Enter при выбранном инструменте Smooth Tool.

В области Tolerances (допуски) представлены два параметра, влияющих на характер сглаживания редактируемого контура.

Значение в поле Fidelity (точность) определяет диаметр воображаемой области в экранных пикселях, на которое распространяется воздействие инструмента вокруг указателя при его протаскивании. Таким способом в диапазоне от 0,5 до 20 экранных пикселей вашего монитора определяется точность (чувствительность) инструмента: чем меньше значение, тем меньше опорных точек при перетаскивании вблизи них указателя будет сглажено, тем точнее будут выбраны наиболее близкие к траектории указателя анкоры. По умолчанию (а также при щелчке на кнопке Reset) устанавливается значение 2,5. Параметр можно установить и при помощи бегунка полосы настройки.

Значение в поле Smoothness (гладкость) определяет сглаженность редактируемого контура в диапазоне от 0 до 100%: чем больше значение, тем больше сглаживается контур при протягивании вблизи него указателя. По умолчанию принято нулевое значение (устанавливается также щелчком указательного девайса на кнопке Reset). Параметр можно установить и при помощи бегунка полосы настройки.

Резюме

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

. если она, к примеру, создана после обработки пиксельного изображения командой Live Trace. Подробнее о Live Trace.

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

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

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

Источник

Улучшенный инструмент «Карандаш»

Инструмент «Карандаш»

Стили

Дополнительный стиль «Отклонение» (впервые реализовано в Illustrator CC 2014)

С регулятором «Отклонение» связано пять стилей из Illustrator CC 2014. Добавленный в новой версии стиль регулятора позволяет рисовать контуры с максимально возможной точностью. Этот дополнительный стиль применяется также в диалоговых окнах инструментов «Сглаживание», «Кисть» и «Кисть-клякса».

Параметр переключения на инструмент «Сглаживание» ( впервые реализовано в Illustrator CC 2014)

Автоматическое закрытие контуров

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

Рисование ограниченных и неограниченных прямолинейных сегментов

Инструмент «Карандаш» можно использовать для рисования ограниченных и неограниченных прямолинейных сегментов. При рисовании прямолинейного сегмента отображается соответствующий курсор (Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе).

Ограниченные прямолинейные сегменты

Неограниченные прямолинейные сегменты

Если клавиша Alt/Opt удерживается нажатой, прямолинейный сегмент вычерчивается без ограничений. Чтобы нарисовать ломаную линию, выполните указанные ниже действия:

Продолжение контура

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

Объединение контуров

Порядок объединения двух контуров

Инструмент «Сглаживание»

Стили

Инструмент «Сглаживание» теперь не открывается длительным нажатием клавиши Alt/Opt во время работы с инструментом «Карандаш».

Инструменты «Кисть» и «Кисть-клякса»

В диалоговых окнах «Параметры инструмента «Кисть»» и «Параметры инструмента «Кисть-клякса»» также имеются ползунки с четырьмя предварительно заданными значениями.

Источник

Упрощение контура

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

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

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

Упрощение контура предоставляет следующие преимущества:

В каких случаях необходимо упрощать контур?

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Исходное изображение B. Изображение после трассировки или импорта (максимальное количество опорных точек) C. Изображение после упрощения контуров (оптимизированные опорные точки)

Автоматическое упрощение контура

Ненужные опорные точки автоматически удаляются, и рассчитывается упрощенный контур.

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Ползунок для уменьшения количества опорных точек B. Автоматическое упрощение опорных точек C. Дополнительные параметры

Упрощение контура вручную

Источник

Редактирование контуров

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

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

Выделение опорных точек

Выполните любое из следующих действий:

Выделение отрезков контура

Выполните любое из следующих действий:

Выделение всех опорных точек и отрезков в контуре

Если к контуру применена заливка, то для выделения всех опорных точек можно также использовать инструмент «Прямое выделение» внутри контура.

Копирование контура

Выделите контур или отрезок с помощью инструмента «Прямое выделение» и выполните одно из следующих действий.

Добавление и удаление опорных точек

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

Добавление или удаление опорной точки

Добавление опорной точки:

Удаление опорной точки:

Не используйте для удаления опорных точек клавиши Delete и Backspace, а также команды Редактирование > Вырезать и Редактирование > Очистить. Эти клавиши и команды также удаляют присоединенные к точке отрезки.

Поиск и удаление изолированных опорных точек

Изолированными называются отдельные опорные точки, не связанные с другими опорными точками. Такие точки рекомендуется находить и удалять.

Источник

Работа с динамическими углами

Динамические углы

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

Виджет динамического угла

Виджет динамического угла активируется при выборе инструмента Прямое выделение и наличии выделенного контура с угловыми точками. Виджет динамического угла отображается рядом с углом при выборе следующих элементов:

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Виджет «Динамические углы» при наличии только одной угловой точки в контуре B. Виджеты «Динамические углы» при выборе нескольких угловых точек C. Виджеты «Динамические углы» при выборе контуров (в данном случае – двух противоположных скругленных контуров)

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Скругленный угол выделяется при наведении указателя мыши на виджет «Динамические углы» или при приближении указателя к нему B. Указатель мыши рядом с виджетом «Динамические углы»

Диалоговое окно «Углы»

В диалоговом окне Углы можно изменять настройки углов: задавать стили углов, их радиус и тип скругления.

Порядок доступа к настройкам углов:

A. Виджет «Динамические углы» B. Скругленный угол C. Связанные опорные точки D. Перевернутый скругленный угол E. Скошенный угол

Рекомендации по использованию виджета динамических углов

При использовании инструмента Прямое выделение (A) в открытом проекте виджеты динамических углов будут автоматически выделены. Однако можно выделить один или несколько определенных углов, выполнив одно из следующих действий:

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

Выполните одно из следующих действий:

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Исходный угол B. Направление перетаскивания указателя мыши C. Скругленный угол в режиме предварительного просмотра D. Виджет «Динамические углы» E. Примененный радиус скругления F. Курсор, указывающий на применяемый стиль угла

Изменение стиля угла

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

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Скругленный угол B. Перевернутый скругленный угол C. Скошенный угол

Рекомендации

Как сделать сглаживание в иллюстраторе. Смотреть фото Как сделать сглаживание в иллюстраторе. Смотреть картинку Как сделать сглаживание в иллюстраторе. Картинка про Как сделать сглаживание в иллюстраторе. Фото Как сделать сглаживание в иллюстраторе

A. Красный контур указывает на достижение максимального радиуса для данного угла B. Направление вытягивания виджета «Динамические углы» C. Виджет «Динамические углы»

Настройки виджета динамических углов

Скрытие виджета углов

Максимальное ограничение угла

Источник

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

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