Как залить контур в иллюстраторе

Раскрашивание с помощью заливок и обводок

Узнайте, как раскрашивать с помощью заливки и обводки.

Способы раскрашивания

В Illustrator предусмотрены два способа раскрашивания:

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

Раскрашивание объекта

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

Раскрашивание группы с быстрой заливкой

Метод быстрой заливки делает процесс окрашивания больше похожим на работу с традиционными инструментами раскрашивания, при которой не принимаются во внимание слои или порядок размещения. Такой подход может оказаться более удобным и естественным в процессе работы. Все объекты в группе с быстрой заливкой рассматриваются как части одной и той же плоской поверхности. Это означает, что можно нарисовать несколько контуров, а затем применить цвет по отдельности к каждой области, ограниченной этими контурами (к так называемым фрагментам). Можно также применять различные цвета и толщину обводок к сегментам контура между пересечениями (так называемым краям). Таким образом, словно в книжке-раскраске, можно заливать каждый фрагмент и обводить каждый край другим цветом. При перемещении или изменении формы контуров в группе с быстрой заливкой фрагменты и края автоматически изменяются соответствующим образом.

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

A. Объект, состоящий из контуров и раскрашенный с применением одной заливки и одной обводки B. Тот же объект, преобразованный в группу с быстрой заливкой; каждый фрагмент залит разным цветом C. Тот же объект, преобразованный в группу с быстрой заливкой; каждый край раскрашен с помощью разных обводок

О заливках и обводках

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

Обводка может быть видимым внешним контуром объекта, контура или края в группе с быстрой заливкой. Для обводки можно задать ширину и цвет. Кроме того, можно создавать пунктирные обводки с помощью параметров объекта «Контур» и раскрашивать стилизованные обводки, используя кисти.

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

Выбранные в настоящий момент цвета заливки и обводки отображаются на панелях «Инструменты», «Управление» и «Свойства».

Руководство по заливкам и обводкам см. здесь.

Заливки и обводки

A. Объект с заливкой B. Объект с обводкой C. Объект с заливкой и обводкой

Элементы управления заливкой и обводкой

Элементы управления для настройки заливки и обводки доступны на панелях «Инструменты», «Управление» и «Цвет».

Чтобы выбрать цвет, можно использовать следующие элементы управления на панели «Инструменты».

Как сделать заливку в Adobe Illustrator?

Adobe Illustrator или Иллюстратор — программа для работы с векторной графикой, которая помогает создавать и обрабатывать изображения. Её отличие от Photoshop в том, что здесь используются кривые линии, а не пиксели. Это расширяет возможности специалистов в области дизайна при редактировании картинок и разработке проектов. Illustrator подходит для создания логотипов, баннеров, сложных изображений и трёхмерных картинок. В этой статье мы расскажем, как в Adobe Illustrator сделать заливку фона или фигуры цветом.

Заливка в Иллюстраторе — это цвет, узор или градиент внутри объекта. Их можно использоваться как к открытым, так и к закрытым объектам. Есть также обводка контура, которая выступает в роли внешнего контура предмета. Вы можете воспользоваться как заливкой, так и сделать обводку для достижения желаемого результата. Найти инструменты для настройки можно на панелях «Инструменты», «Управление» и «Цвет». Кстати, в программе есть функция «Трассировка изображений» — она помогает автоматически преобразовать пиксельные изображения в векторные.

Как сделать заливку в Адоб Иллюстратор

Существует два основных способа заполнение фигуры цветом в Adobe Illustrator. Есть возможность использовать заливку и обводку по отдельности, сочетать их вместе, второй вариант — преобразовать объект в группу с быстрой заливкой, а уже потом применить заливку или обводку к отдельным частям, имеющим контуры внутри группы. Конечно, вы можете раскрасить объект вручную кистью или карандашом, но это гораздо дольше и не всегда эффективно.

Цвет заливки

1. Расположите фигуру, который нужно заполнить цветом, на рабочей области. После выделите его, используя инструмент «Выделение» или «Частичное выделение».

2. Выберите поле «Заливка» на панели «Инструменты», «Свойства» или на палитре «Цвет».

3. Теперь можно подобрать подходящий цвет для вашей фигуры. Дважды нажмите на поле «Заливка» и выберите цвет, используя инструмент «Палитра цветов». Вы также можете подобрать оттенок в разделах «Цветовые образцы», «Градиент». Быстро применить цвет можно, просто перетащив желаемый оттенок из палитры «Цвет».

Цвет обводки

1. Выделите фигуру и щёлкните на пункт «Обводка» на панели «Инструменты», «Свойства» или «Управление».

2. Выбрать оттенок можно на палитре «Цвет» либо, нажав на кнопку «Цветовые образцы».

3. Как и с заливкой, двойное нажатие на поле «Обводка» также поможет подобрать новый оттенок — перед вами появится инструмент «Палитра цветов».

4. Если нужен текущий оттенок в поле «Обводка» для работы, просто перетащите его из поля на объект.

Adobe Illustrator — лучший друг и полезный помощник графических дизайнеров. Если вы хотите освоить эту перспективную профессию и попасть в хорошую команду, обратите внимание на курсы с подробными уроками с сайта tutortop:

«Профессия графический дизайнер» от Онлайн-институт Vill
«Графический дизайнер» от Skypro
«Старт в дизайне + Английский для дизайнеров в подарок» от Contented

Сейчас мы дарим 10 000 ₽ на обучение в любой из школ-партнёров, представленных на сайте tutortop.

Получите промокод 10 000 ₽ на обучение и курсы стоимостью 20 000 ₽ в подарок!

Нажимая на кнопку «Получить», я соглашаюсь на обработку моих персональных данных.

Спасибо! Мы получили вашу заявку. Скоро с вами свяжемся.

Быстрая заливка в Adobe Illustrator

Часто дизайнеры и иллюстраторы пользуются инструментом «Быстрые заливки» — это так называемый интуитивный способ заполнения разных областей изображений. Плюс этого способа в том, что можно использовать весь набор инструментов векторного рисования — при этом все выполненные контуры остаются на одной плоскости. Поверхность разделяется на части, каждую из которых пользователь может отдельно заполнить цветом, сделать контур для работы с деталями.

В быстрой заливке свои составные элементы — это края и фрагменты. Краем называется часть контура на границе с другими контурами. А фрагментом — поле, которое ограничено несколькими краями. Вы можете применять обводку к краям и заливку к фрагментам. Это идеальный вариант при редактировании сложных объектов дизайна в тех случаях, когда действовать нужно быстро. За считанные секунды вы можете разделить фигуру на части и использовать группу быстрых заливок, чтобы сделать самое эффектное изображение.

Для создания группы с быстрой заливкой нужно:

выделить один или множество новых контуров
проделать путь Объект — Быстрая заливка — Создать и выбрать «Быстрая заливка»

Как раскрасить объект или залить сложную фигуру?

Найдите инструмент «Быстрая заливка» в панели слева. Нажмите и удерживайте инструмент «Создание фигур», чтобы перед вами появилась «Быстрая заливка».
Выберете цвет фигуры, размер границ и её новый оттенок.
Для заполнения областей объекта — если нужна полная заливка , дважды щёлкните на фрагмент, чтобы применить заливку ко всем смежным деталям, не разделенным краями с обводкой. Можно просто перетащить курсор по нужным частям фигуры, чтобы раскрасить их на рисунке все вместе.
Для обводок — два раза нажмите на «Быструю заливку» и выберите «Закрашивать обводки». Двойным нажатием можно применить обводку ко всем соединенным краям того же цвета, три нажатия позволят применить обводку ко всем краям с одинаковой обводкой. Когда необходимо заполнить только один контур места, стоит просто навести курсор на край — он принимает вид кисти с краской.
Клавиша Shift позволяет быстро переключаться между режимами применения лишь обводок или лишь заливок. Для изменения функционала кнопки нужно зайти в «Параметры инструмента». Из режима «Закрашивать обводки» нажатие Shift переключает в режим работы и заполнения только заливок. Это удобно, когда у фигуры много мелких деталей, которые сложно разделить между собой и закрасить разными оттенками.

Заливка с помощью наложения

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

1. Для того, чтобы сделать фигуру полностью векторной, необходимо на верхней панели выбрать пункт «Объект». Далее нажмите «Контур», а затем выберите функцию «Преобразовать обводку в кривые».

2. Выделите объект, на панели справа найдите текст «Обработка контуров» и нажмите пункт «Соединение». Теперь иллюстрация в Adobe Illustrator — единый векторный объект.

3. С помощью любого из инструментов сделайте фигуру (например, овал), которая будет перекрывать ваш объект, а затем залейте её оттенком. Чтобы переместить овал на задний план, нажмите на центр картинки и кликните правую кнопку мыши. Выберите «Монтаж», а затем «На задний план».

4. Теперь контуры находятся поверх овала. Нужно дублировать контур (Ctrl+C), зажать Shift и выделить каждый из контуров для отдельной заливки. Далее на правой панели выбрать «Обработку контуров» и оставить «Минус верхний».

5. Нажмите на область фигуры вне вашего объекта и кликните «Разгруппировать». Перед вами останется только залитая выбранным цветом деталь. Это значит, что вы можете работать с каждым из фрагментов отдельно и выбирать для них подходящие оттенки.

Записки микростокового иллюстратора

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

Заливка цветом с помощью палитры «Образцы» (Swatches)

Чтобы закрасить объект, откройте свою палитру «Образцы» (Swatches Palette). Выделите свой объект и нажмите на нужный цвет в палитре.

Заливка цветом с помощью палитры цветов (Color Picker)

Еще один способ закрасить объект — кликнуть два раза по значку «Заливка» (Fill) в Вашей панели инструментов. Выскочит окошко «Палитра цветов» (Color Picker), и Вы сможете выбрать нужный Вам цвет.

Изменяем заливку и обводку, используя управляющую палитру (Сontrol Palette)

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

Концы обводки

От того, какой тип конца обводки Вы выберете, будет зависеть вид ее начальной и конечной точек. Этот инструмент применяется только к открытым контурам. Вы можете выбрать между срезанным (Butt), скругленным (Round) и выступающим (Projecting) концами.

Срезание (Milter Limit)

Срезание (Milter Limit) применяется к стыкам в фигурах. Обратите внимание, как выглядят стыки звезды после применения разных настроек срезания.

Применение градиента к объектам

Чтобы применить градиент к Вашему объекту, на панели инструментов выставьте градиентную заливку (Gradient Fill).

Затем откройте палитры «Градиент» (Gradient) и «Цвет» (Color). По умолчанию у нас стоит режим цвета «Градации серого» (Grayscale). Нажмите на иконку настроек в углу и выберите режим RGB.

После того, как мы включили режим RGB, должны появиться ползунки и диаграмма для выбора цвета. Давайте выберем синий цвет.

Проделаем то же самое для начальной точки в градиентной шкале (сейчас она белая). Выставьте режим RGB и выберите голубой цвет.

Чтобы добавить новый цвет в градиентную шкалу, Tony предлагает кликнуть левой кнопкой мышки прямо под шкалой в нужном месте. Затем к новому цвету можно применить процедуру, описанную выше, выбрав на этот раз белый цвет.

Лично я обычно поступаю немного по-другому. Если в палитре «Образцы» (Swatches) есть нужный мне цвет, то я просто перетаскиваю его мышкой на градиентную шкалу в нужное мне место.

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

Если Вы хотите изменить направление градиента, выберите инструмент «Градиент» (Gradient Tool) на панели инструментов (Tool Palette). Кликните на объект и, удерживая левую кнопку мышки, задайте градиенту нужное направление.

Радиальный градиент

Чтобы изменить тип градиента на радиальный, выберите «Радиальный» (Radial) вместо «Линейного» (Linear).

Если остались какие-то вопросы по работе с градиентом, то можете посмотреть еще Видеоурок Adobe Illustrtator: основы работы с градиентом

Текстурная заливка

Чтобы создать бесшовную текстурную заливку, выберите заливку «Узор» (Pattern swatches) из палитры «Образцы» (Swatches).

Заключение

Используя радиальный и линейный градиенты, мы можем придать реализма нашим работам. Радиальная заливка может добавить глубины и объема круглым объектам, а линейная создаст объем цилиндрическим объектам. Вот пример использования градиентов для создания рождественских колокольчиков:

3d gold bells

Кстати, насчет этих самых колокольчиков:) Они тоже не лежат просто так в портфолио Tony, а активно приносят ему деньги, продаваясь на Istockphoto:)

Работаем с заливкой и обводкой в Adobe Illustrator

Всем привет. Этот урок я решил посвятить раскрашиванию объектов в Adobe Illustrator. Я покажу вам, как пользоваться заливкой, обводкой, градиентами и прочими инструментами. Будет интересно, погнали учиться!

Заливка цветом с помощью палитры «Образцы» (Swatches)

Заливка цветом с помощью палитры цветов (Color Picker)

Еще один способ закрасить объект — кликнуть два раза по значку «Заливка» (Fill) в панели инструментов. Выскочит окошко «Палитра цветов» (Color Picker), и вы сможете выбрать нужный цвет.

Изменяем заливку и обводку, используя управляющую палитру (Сontrol Palette)

Концы обводки

От того, какой тип конца обводки вы выберете, будет зависеть вид ее начальной и конечной точек. Этот инструмент применяется только к открытым контурам. Вы можете выбрать между срезанным (Butt), скругленным (Round) и выступающим (Projecting) концами.

Срезание (Milter Limit)

Применение градиента к объектам

Чтобы применить градиент к объекту, на панели инструментов выставьте градиентную заливку (Gradient Fill).

Чтобы добавить новый цвет в градиентную шкалу, кликните левой кнопкой мышки прямо под шкалой в нужном месте. Затем к новому цвету можно применить процедуру, описанную выше, выбрав на этот раз белый цвет.

Еще 1 способ. Если в палитре «Образцы» (Swatches) есть нужный цвет, то просто перетащите его мышкой на градиентную шкалу в нужное мне место. Чтобы убрать лишний цвет из градиентной шкалы, просто потяните ползунок мышкой вниз.

Если вы хотите изменить направление градиента, выберите инструмент «Градиент» (Gradient Tool) на панели инструментов (Tool Palette). Кликните на объект и, удерживая левую кнопку мышки, задайте градиенту нужное направление.

Радиальный градиент