У вас большие запросы!
Точнее, от вашего браузера их поступает слишком много, и сервер VK забил тревогу.
Эта страница была загружена по HTTP, вместо безопасного HTTPS, а значит телепортации обратно не будет.
Обратитесь в поддержку сервиса.
Вы отключили сохранение Cookies, а они нужны, чтобы решить проблему.
Почему-то страница не получила всех данных, а без них она не работает.
Обратитесь в поддержку сервиса.
Вы вернётесь на предыдущую страницу через 5 секунд.
Вернуться назад
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
Как в иллюстраторе сделать обводку изображения
Как добавить обводку фотографиям в Illustrator
В программе Adobe Illustrator практически безграничные возможности по работе с контурами (обводками) векторных объектов. Но нельзя так просто взять и добавить контур растровому изображению, например, фотографии. Потому что вставленная в Illustrator фотография — не векторный объект, у которой может быть заливка и контур. Выход, и даже выходы, все же есть! Все зависит от того, насколько быстро вы хотите добавить обводку, и от ее сложности. Различные приемы работы с контурами растровых изображений в Illustrator будут показаны в этом уроке.
Версия урока для английской | русской версии Illustrator
Сводная таблица способов добавления обводки приведена в таблице в конце статьи. Для начала посмотрим, что мы имеем в исходниках. На входе у нас три фотографии, которым, собственно, нужно придать обводку, или контур; одним словом, stroke.
Способ 1
Универсальный. Здесь прямоугольные фотографии заключены в обтравочный контур (clipping path) любой произвольной формы, фотографии могут быть повернуты как угодно. Преимущества данного способа: можно применять всегда, когда мы сами не знаем, как должен выглядеть контур, и хотим пробовать разные его варианты в процессе работы над макетом. Контур может быть любой формы, его можно поворачивать. Недостатки: не так быстро, т.к. нужно рисовать обтравочные контуры.
Чтобы добиться такой картины: 1. Располагаем объект без заливки, но с нужным контуром — поверх фотографии. В данном случае применен контур из палитры Brushes 2. Копируем объект контура. >>
(Edit –> Copy, Ctrl+C).
3. Выделив и контур, и фотографию, выбираем в контекстном меню (доступном по нажатии правой кнопки мыши) Make Clipping Mask:
4. Как видим, контур стал невидимым, так как теперь он стал обтравочным для фотографии:
Обтравочные контуры, к сожалению, не могут иметь такой роскошной обводки, только обычную. Так что вставим скопированный ранее контур. >>
(Edit –> Paste in front, Ctrl+F)
Теперь два объекта, наложенных друг на друга, можно сгруппировать для более удобного их расположения и перемещения. Если нужно изменить форму контура, придется это делать сразу для обоих объекта – объекта контура и объекта маскированного изображения.
Способ 2
Этот способ позволяет быстрее добавлять прямоугольной формы с прямыми или закругленными углами. Преимущества способа: Более быстрое добавление контура прямоугольной формы. Возможность скругления углов. Контур может иметь любое оформление (например, как в Способе 1). Недостатки способа: Годится только для изображений, расположенных прямо, без наклона (поворота), т.к. при повороте контур не вращается.
1. Через панель Appearance >>
(меню Window –> Appearance)
добавим объектам фотографий обводку и придадим ей эффект Convert To Shape (Преобразовать в фигуру) с нужными вам опциями:
Способ 3
Еще один способ, который мы рассмотрим, — быстрее предыдущих, но позволяет придавать изображениям только прямоугольный контур. Он состоит в добавлении контура и назначении ему эффекта Outline Object (Контурный объект):
Преимущества способа: Относительно быстрый. Объект можно поворачивать. Недостатки способа: Кроме того, контур может проходить только по внутренней стороне изображения, вынести его наружу не удастся:
Расположение контура внутри или снаружи объекта
Во первых двух способах добавления контура растровому изображению в Illustrator можно этот контур сдвигать эффектом Effects –> Path –> Offset Path >>
Эффекты → Контур → Создать параллельный контур
.Сравнение способов
Для облегчения выбора способа добавления контура изображению в Illustrator приведем таблицу:
Способ 1 Способ 2 Способ 3 Применение: Обтравочная маска + контурный объект Effects → Convert To Shape Effects → Path → Outline Object Кисти панели Brushes Поворот Контур снаружи, посередине или внутри объекта для сплошных простых контуров: Для контура кисти: через Effects → Path → Offset Path через Effects → Path → Offset Path Только внутри Быстрота Любая форма Только прямоугольник Только прямоугольник Скругление углов Таким образом можно добавлять контуры изображениям и фотографиям в Illustrator.
Версия урока для английской | русской версии Illustrator
Также вам может быть интересно:
- Как вставить объекты в PDF
- Как сделать черно-белый PDF из цветного
- Как заменить цвета в pdf
Раскрашивание с помощью заливок и обводок
Узнайте, как раскрашивать с помощью заливки и обводки.
Способы раскрашивания
В Illustrator предусмотрены два способа раскрашивания:
- Применение заливки, обводки или обоих этих способов ко всему объекту.
- Преобразование объекта в группу с быстрой заливкой, а затем применение заливки или обводки к отдельным краям и фрагментам с контурами внутри группы.
Раскрашивание объекта
Нарисовав объект, можно применить к нему заливку, обводку или и то, и другое. После этого можно нарисовать другие объекты и раскрасить их подобным же образом, располагая каждый новый объект поверх предыдущих. В результате получается нечто подобное коллажу из фигур, вырезанных из цветной бумаги. Внешний вид иллюстрации зависит от того, какие объекты находятся поверх других в подборке объектов.
Раскрашивание группы с быстрой заливкой
Метод быстрой заливки делает процесс окрашивания больше похожим на работу с традиционными инструментами раскрашивания, при которой не принимаются во внимание слои или порядок размещения. Такой подход может оказаться более удобным и естественным в процессе работы. Все объекты в группе с быстрой заливкой рассматриваются как части одной и той же плоской поверхности. Это означает, что можно нарисовать несколько контуров, а затем применить цвет по отдельности к каждой области, ограниченной этими контурами (к так называемым фрагментам). Можно также применять различные цвета и толщину обводок к сегментам контура между пересечениями (так называемым краям). Таким образом, словно в книжке-раскраске, можно заливать каждый фрагмент и обводить каждый край другим цветом. При перемещении или изменении формы контуров в группе с быстрой заливкой фрагменты и края автоматически изменяются соответствующим образом.
Дополнительные сведения приведены в статье Динамические фигуры.
A. Объект, состоящий из контуров и раскрашенный с применением одной заливки и одной обводки B. Тот же объект, преобразованный в группу с быстрой заливкой; каждый фрагмент залит разным цветом C. Тот же объект, преобразованный в группу с быстрой заливкой; каждый край раскрашен с помощью разных обводок
О заливках и обводках
Заливка — это цвет, узор или градиент внутри объекта. Можно применять заливки к открытым и закрытым объектам и к фрагментам в группах с быстрой заливкой.
Обводка может быть видимым внешним контуром объекта, контура или края в группе с быстрой заливкой. Для обводки можно задать ширину и цвет. Кроме того, можно создавать пунктирные обводки с помощью параметров объекта «Контур» и раскрашивать стилизованные обводки, используя кисти.
Примечание. При работе с группами с быстрой заливкой можно применять кисть к краю только в том случае, если обводка добавлена в группу с помощью палитры «Оформление».
Выбранные в настоящий момент цвета заливки и обводки отображаются на панелях «Инструменты», «Управление» и «Свойства».
Руководство по заливкам и обводкам см. здесь.
A. Объект с заливкой B. Объект с обводкой C. Объект с заливкой и обводкой
Элементы управления заливкой и обводкой
Элементы управления для настройки заливки и обводки доступны на панелях «Инструменты», «Управление» и «Цвет».
Чтобы выбрать цвет, можно использовать следующие элементы управления на панели «Инструменты».
Дважды нажмите, чтобы выбрать цвет заливки с помощью инструмента «Палитра цветов».
Дважды нажмите, чтобы выбрать цвет обводки с помощью инструмента «Палитра цветов».
Кнопка «Переключатель обводка/заливка»
Нажмите, чтобы поменять местами цвета заливки и обводки.
Кнопка «Обводка/заливка по умолчанию»
Нажмите, чтобы вернуться к настройкам цвета по умолчанию (белая заливка и черная обводка).
Нажмите, чтобы применить последний выбранный сплошной цвет к объекту с градиентной заливкой или к объекту, у которого отсутствуют обводка и заливка.
Нажмите, чтобы сменить текущую заливку на последний выбранный градиент.
Кнопка «Без цвета»
Нажмите, чтобы удалить заливку или обводку выбранного объекта.
Можно также указать цвет и обводку выбранного объекта с помощью следующих элементов управления на панелях «Свойства» и «Управление».
Щелкните, чтобы открыть панель «Цветовые образцы», либо используйте щелчок мышью, удерживая клавишу Shift, чтобы открыть палитру дополнительных цветов, после чего выберите цвет.
Щелкните, чтобы открыть панель «Цветовые образцы», либо используйте щелчок мышью, удерживая клавишу Shift, чтобы открыть палитру дополнительных цветов, после чего выберите цвет.
Нажмите слово «Обводка», чтобы открыть палитру «Обводка» и задать параметры.
Выберите толщину обводки в раскрывающемся меню.
Применение цвета заливки
Можно применить один цвет, узор или градиент ко всему объекту или использовать группы с быстрой заливкой и применить разные цвета к разным фрагментам в составе объекта.
Выделите объект, используя инструмент «Выделение» () или «Частичное выделение» ().
Чтобы применить заливку, а не обводку, нажмите поле «Заливка» на панели «Инструменты», «Свойства» или на палитре «Цвет».
Выберите цвет заливки, выполнив одно из следующих действий:
- Выберите цвет на панели «Управление», палитре «Цвет», «Цветовые образцы», «Градиент» или в библиотеке образцов.
- Дважды щелкните поле «Заливка» и выберите цвет с помощью инструмента «Палитра цветов».
- Выберите инструмент «Пипетка» и щелкните объект, удерживая клавишу «Alt» (Windows) или клавишу «Option» (Mac OS), чтобы применить текущие атрибуты, включая заливку и обводку.
- Нажмите кнопку «Нет» , чтобы удалить текущую заливку объекта.
Примечание.
Вы можете быстро применить цвет к невыбранному объекту, перетащив на него цвет из поля «Заливка», палитры «Цвет», «Градиент» или «Цветовые образцы». Перетаскивание недоступно для групп с быстрой заливкой.
Применение цвета обводки
Выделите объект (чтобы выделить край в группе с быстрой заливкой, используйте инструмент «Выделение быстрых заливок»).
Нажмите поле «Обводка» на панели «Инструменты», «Свойства», «Управление» или на палитре «Цвет». Это действие подразумевает, что будет применена обводка, а не заливка.
Выберите цвет на палитре «Цвет» либо выберите образец на палитре «Цветовые образцы» либо на панели «Управление» или «Свойства». Вы также можете использовать двойной щелчок на поле «Обводка», чтобы выбрать цвет с помощью инструмента «Палитра цветов».
Примечание. Если необходимо использовать текущий цвет в поле «Обводка», можно просто перетащить этот цвет из поля на объект. Перетаскивание цвета не работает для групп с быстрой заливкой.
Преобразование обводок в составные контуры
Преобразование обводки в составной контур позволяет изменить внешний вид обводки. Например, можно создать обводку с участками разной ширины или разделить обводку на части.
Выделите объект.
Выберите Объект > Контур > Преобразовать обводку в кривые . Получаемый в результате составной контур группируется с объектом, к которому применена заливка. Чтобы изменить составной контур, сначала необходимо разгруппировать объект, отделив контур от заливки, или выбрать его с помощью инструмента «Групповое выделение».
A. К объекту применена обводка B. Обводка преобразована в составной контур с двумя подконтурами
Примечание. Используйте палитру «Слои» для определения содержимого группы.Рисование и объединение контуров при помощи инструмента «Кисть-клякса»
Инструмент «Кисть-клякса» используется для рисования фигур с заливкой, которые могут пересекаться и объединяться с другими фигурами того же цвета.
Инструмент «Кисть-клякса» использует те же стандартные параметры кисти, что и каллиграфические кисти (ознакомьтесь с информацией в разделе Параметры каллиграфической кисти).
A. Каллиграфическая кисть создает контуры с обводкой, но без заливки B. Инструмент «Кисть-клякса» создает контуры с заливкой, но без обводки
Об использовании инструмента «Кисть-клякса» можно узнать в видеоролике Использование инструментов «Кисть-клякса» и «Ластик».
Указания по применению инструмента «Кисть-клякса»
При использовании инструмента «Кисть-клякса» нужно иметь в виду следующее:
- Чтобы контуры могли объединяться, они должны быть соседними в порядке размещения.
- Инструмент «Кисть-клякса» создает контуры с заливкой, но без обводки. Если контуры, созданные при помощи инструмента «Кисть-клякса», нужно объединить с существующей иллюстрацией, следует убедиться, что она имеет тот же цвет заливки и не имеет обводки.
- При рисовании контуров при помощи инструмента «Кисть-клякса», новые контуры объединяются с самым верхним обнаруженным совпадающим контуром. Если новый контур касается нескольких совпадающих контуров в пределах одной группы или слоя, все пересекающиеся контуры объединяются.
- Для применения таких атрибутов раскрашивания, как эффекты или прозрачность, к инструменту «Кисть-клякса», выберите кисть и задайте атрибуты в палитре «Оформление» перед началом рисования.
- Инструмент «Кисть-клякса» можно использовать для объединения контуров, созданных другими инструментами. Прежде чем приступить к объединению, убедитесь, что у иллюстрации нет обводки. Затем задайте для инструмента «Кисть-клякса» аналогичный цвет заливки и нарисуйте новый контур, пересекающий все контуры, которые требуется объединить.
Создание объединенных контуров
Примечание.
Контуры с обводками не могут быть объединены.
Выберите контур, с которым нужно объединить новый контур.
На палитре «Оформление» снимите флажок «Новый объект имеет базовое оформление». В этом случае инструмент «Кисть-клякса» будет использовать атрибуты выделенного объекта.
Выберите инструмент «Кисть-клякса» и убедитесь в том, что он использует то же оформление, что и выделенная иллюстрация.
Нарисуйте контур, пересекающийся с иллюстрацией. Если контуры не объединяются, убедитесь, что атрибуты инструмента «Кисть-клякса» в точности совпадают с атрибутами существующего контура, а также в том, что у контуров нет обводки.
Параметры инструмента «Кисть-клякса»
Дважды нажмите инструмент «Кисть-клякса» на панели «Инструменты» и установите следующие параметры:
При рисовании объединенного контура все контуры выделяются и остаются выделенными, пока продолжается рисование. Этот параметр удобен для просмотра всех контуров, включенных в объединенный контур.
Объединять только с выделенной областью.
Означает, что новые обводки сливаются с существующим выделенным контуром. Если данный параметр выбран, создаваемая обводка не сливается с пересекающимся контуром, который не выделен.
Определяет, на какое расстояние можно переместить курсор или перо прежде, чем Illustrator добавит к контуру следующую опорную точку. Например, значение 2,5 для параметра «Отклонение» означает, что перемещения инструмента на расстояние менее 2,5 пикселя не регистрируются. Параметр «Отклонение» может принимать значения от 0,5 до 20 пикселей. Чем выше значение, тем более гладким и менее сложным будет контур.
Определяет степень сглаживания, применяемую программой Illustrator при использовании этого инструмента. Параметр «Сглаживание» может принимать значения от 0 до 100 %. Чем выше процентное значение, тем более сглаженный контур создается при рисовании.
Определяет размер кисти.
Определяет угол поворота кисти. Перетащите стрелку в окне просмотра или введите значение в текстовом поле «Угол».
Определяет округлость кисти. Перетащите черную точку в окне просмотра в направлении от центра или к центру либо введите значение в текстовом поле «Округлость». Чем больше значение, тем больше округлость.
Выделение объектов с одинаковой заливкой и обводкой
Можно выделять объекты с одинаковыми значениями атрибутов, включая цвет заливки, цвет обводки и толщину обводки.
A. Выделен один из объектов B. Выделены все объекты с одинаковой заливкой
Примечание.
Команды «Цвет заливки», «Цвет обводки» и «Толщина обводки» из меню «Выделение» > «По общему признаку» работают для групп с быстрой заливкой, если выделен фрагмент или край с помощью инструмента «Выделение быстрых заливок». Другие команды из меню «Выделение» > «По общему признаку» не работают. Одни и те же объекты не могут быть одновременно выделены внутри и вне группы с быстрой заливкой.
- Чтобы выделить объекты с одинаковым цветом заливки или обводки, выберите объект с нужным параметром, нажмите кнопку «Выбрать схожие объекты» на панели управления и в появившемся меню укажите параметр, по которому будет выполняться поиск объектов.
- Чтобы выделить все объекты с одинаковым цветом заливки или обводки, выберите объект с нужным цветом заливки или обводки, либо выберите цвет на палитре «Цвет» или «Цветовые образцы». Затем выберите команду «Выделение» > «По общему признаку» и далее пункт «Цвет заливки», «Цвет обводки» или «Заливка и обводка».
- Чтобы выделить все объекты с одинаковой толщиной обводки, выберите объект с нужной толщиной обводки или выберите толщину обводки на палитре «Обводка». Затем выберите команду «Выделение» > «По общему признаку» > «Толщина обводки».
- Чтобы применить те же параметры выделения к другому объекту (например, если ранее уже были выделены все красные объекты с помощью команды «Выделение» > «По общему признаку» > «Цвет заливки», а теперь необходимо найти и выделить все зеленые объекты), выделите новый объект и выберите команду «Выделение» > «Выделить снова». Совет. Чтобы учесть оттенок объекта при выделении объектов с похожим цветом, выберите «Редактировать > Установки > Общие» (Windows) или «Illustrator > Установки > Общие» (Mac OS) и затем выберите «Выделить с одинаковым оттенком %».
Создание нескольких заливок и обводок для одного объекта
С помощью палитры «Оформление» можно создавать несколько заливок и обводок для одного объекта. Добавляя несколько заливок и обводок к объекту, можно создать множество интересных эффектов. Например, можно создать вторую, более узкую обводку поверх широкой или применить эффект к одной заливке, оставив другую неизменной.
Выберите один или несколько объектов или групп (либо назначьте слой на палитре «Слои»).
Выберите команду «Добавить новую заливку» или «Добавить новую обводку» в меню палитры «Оформление». Либо выберите заливку или обводку в палитре «Оформление» и нажмите кнопку «Создать дубликат выбранного объекта» .
Задайте цвет и другие свойства новой заливки или обводки.
Примечание.Возможно, потребуется скорректировать положение новой заливки или обводки на палитре «Оформление». Например, создав две обводки разной ширины, убедитесь в том, что более узкая обводка расположена поверх широкой обводки на палитре «Оформление».