Как закрашивать объекты в иллюстраторе

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

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

Итак, для примера мы возьмем какую-нибудь рандомную иллюстрацию. Сразу обратим ваше внимание на важные моменты. Нужно так подгонять контур иллюстрации, чтобы каждый из ее краев соприкасался с другим, ибо в противном случае вы не сможете заливать участки по отдельности.

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

Вы должны будете выделить ваш объект, после чего найдите на верхней панели пункт «объект». Там вы увидите пункт «контур», а далее – функцию «преобразовать обводку в кривые».

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

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

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

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

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

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

На этом наша статья подходит к концу. Спасибо, что остаетесь с нами, всем удачи и до новых встреч.

Источник

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

Микростоки: рисуем и зарабатываем на своем творчестве

7 окт. 2009 г.

Adobe Illustrator за 30 дней. День 10. Работаем с заливкой и обводкой

А сегодня мы с Вами будем учиться раскрашивать наши объекты 🙂

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по 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).

Заключение

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

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

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Источник

Перекрашивание графического объекта

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

В Illustrator можно моментально подобрать любые нужные вам оттенки — с помощью цветового круга, библиотеки предустановленных цветовых тем или инструмента «Палитра цветовых тем». Экспериментируйте с цветами, подбирайте идеальные оттенки и применяйте их к своей работе одним нажатием кнопки.

Начало работы с функцией перекрашивания

Чтобы начать перекрашивать графические объекты, необходимо сделать следующее:

Откроется диалоговое окно с настройками перекрашивания:

Перекрашивание с помощью библиотеки цветов

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

Перекрашивание с помощью инструмента «Палитра цветовых тем»

На базе технологий Adobe Sensei

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

Выполните действия, описанные ниже.

Перекрашивание с помощью цветового круга

На цветовом круге отмечены все цвета, представленные в графическом объекте. Чтобы перекрасить графический объект с помощью цветового круга, сделайте следующее:

Добавление и перемещение нескольких маркеров цвета

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

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

Изменение веса и свойств цветов

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

Изменение насыщенности и оттенка цветов

По умолчанию на цветовом круге показаны насыщенность и оттенок цвета. Чтобы изменить эти параметры, перетащите ползунок.

Изменение яркости и оттенка цветов

Чтобы изменить яркость и оттенок цветов, сделайте следующее:

Сохранение цветов

Цвета, которые понадобятся вам в дальнейшем, можно сохранить на панели цветовых образцов. Выполните действия, описанные ниже.

Нажмите значок и выберите Сохранить все цвета, чтобы сохранить все цвета, представленные в панели Цветовые образцы. Вы также можете выбрать вариант Сохранить яркие цвета, чтобы сохранить только цвета из раздела Яркие цвета. Цвета сохранятся в качестве группы цветов и станут также доступны в раскрывающемся списке Библиотека цветов.

Настройка дополнительных параметров перекрашивания

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

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

У вас есть вопросы или идеи?

Если у вас есть вопросы или идеи, которыми вы хотели бы поделиться, присоединяйтесь к беседе в Сообществе Adobe Illustrator. Мы будем рады узнать ваше мнение.

Источник

Раскрашивание векторного изображения в Illustrator

Раскрашивание вручную

Для ручного метода подойдет инструмент «Кисть-клякса«, который можно сочетать с «Карандашом«, чтобы дорисовывать более мелкие детали. Иногда заливка может выходить за контуры, поэтому, периодически это нужно подправлять «Ластиком». Мой графический планшет позволяет стирать лишнее обратной стороной пера.

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

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

Но есть более легкий способ заливки цветом. Выделите весь рисунок и возьмите инструмент «Быстрая заливка«. Этот инструмент, распознает пространство ограниченное контурами и заливает его выбранным цветом. Выберите нужный цвет и наведите мышкой, контур области подсвечивается. Если этого не происходит, значит есть слишком большой зазор между контурами, желательно перед раскраской все их замкнуть. Теперь, достаточно нажать по областям, которые вы хотите раскрасить.

Выделяйте только те области, цвет между которыми должен быть разный.

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

Инструмент «Быстрая заливка» действует как эффект. Поэтому, после завершения раскрашивания рисунок необходимо еще раз «Разобрать. » на объекты. А затем несколько раз разгруппировать.

Теперь можно выставить правильные цвета из палитры или взяв образец «Пипеткой» с фотографии.

Добавление теней, бликов и дополнительных деталей.

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

Берем инструмент «Создание фигур» и удерживая клавишу ALT нажимаем по лишней области. Теперь, новый элемент можно перекрасить в другой цвет.

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

Подробнее о раскрашивании в видео уроке:

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

Источник

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

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

В 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) и затем выберите «Выделить с одинаковым оттенком %». Теперь при выборе объекта, к которому применена заливка 50 % оттенком цвета PANTONE Yellow C, и команды «Выделение» > «По общему признаку» > «Цвет заливки», Illustrator выделит только объекты, к которым применена заливка 50 % оттенка этого цвета. При отключении этого параметра приложение Illustrator выберет объекты с любым оттенком цвета PANTONE Yellow C.

Создание нескольких заливок и обводок для одного объекта

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

Источник