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

Содержание

Урок Illustrator — Раскраска векторной иллюстрации при помощи графического планшета. — Уроки

Цель Урока

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

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

Я создал контур (outline), на основе этого эскиза.

О том, как создавать контур вы можете прочесть в первой части этого урока (Часть1-Создание контура векторного рисунка при помощи графического планшета ). Сделаю лишь небольшое дополнение к описанным ранее техникам. Если вы используете Paintbrush Tool (B) для создания контура, вы можете не переживать, что линия легла не совсем так, как вы хотели.

Вы всегда сможете удалить лишние точки кривой при помощи команды Smart Remove Point из панели PathScribe (Window > VectorScribe > PathScribe) и поправить ее форму при помощи PathScribe Tool, конечно, если вы уже используете в работе VectorScribe plugin.

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

Раскраска при помощи Pencil Tool (N)

Самым распространенным способом раскраски иллюстрации в Adobe Illustrator является использование Pencil Tool (N). Однако этот метод наиболее трудоемкий. Многие художники используют его, потому что в процессе работы они додумывают некоторые детали иллюстрации. Кроме того, этот метод не предъявляет никаких требований к контуру. Контур может быть открытым (как в моем случае) или может состоять из множества открытых путей (в том случае, если вы использовали Paintbrush Tool (B) без последующей обработки).

А теперь перед раскраской иллюстрации давайте разберемся с настройками Pencil Tool (N). Для открытия диалогового окна Pencil Tool Options дважды кликнете по иконке инструмента на toolbar.

Fidelity (Точность/Отклонение) — управляет частотой добавления опорных точек при перетаскивании указателя мыши или пера. Чем больше данное значение, тем более сглаженным и менее сложным будет контур. Чем меньше данное значение, тем больше кривая будет совпадать с движением указателя, в результате чего углы будут более острыми. Диапазон значений точности — от 0,5 до 20 пикселов.

Smoothness (Сглаживание/Плавность) — управляет степенью сглаживания, применяемой при использовании инструмента. Диапазон сглаживания — от 0 % до 100 %. Чем больше данное значение, тем более сглаженным будет контур. Чем меньше данное значение, тем больше создается опорных точек и тем больше сохраняется неровностей линии.

Fill New Pencil Strokes (Выполнять заливку новых штрихов карандашом) — заливка применяется к обводке инструментом «Карандаш», которая была нарисована после выбора этого параметра, но не применяется к существующей обводке. Это опция обязательно должна быть включена при раскрашивании иллюстрации.

Keep Selected (Оставлять контур выделенным) — определяет, сохраняется ли выделение после создания контура. Эту опцию удобно выбирать, если вы собираетесь редактировать форму при помощи Pencil Tool (N).

Edit Selected Paths (Редактировать выделенные контуры) — определяет, можно ли изменять или объединять выбранный контур, когда указатель находится от него на определенном расстоянии (заданном следующим параметром).

Within: _ pixels — определяет, насколько близко к существующему контуру должен находиться указатель мыши или перо для редактирования с помощью инструмента «Карандаш». Этот параметр доступен, только если выбран параметр «Редактировать выделенные контуры».

Для раскрашивания иллюстрации при помощи Pencil Tool (N) три последние опции могут быть выбраны/определены. Однако это дело ваших предпочтений.

Так сложилось, что многие пользователи Adobe Illustrator практически не используют Pencil Tool (N) в своей работе. Поэтому я расскажу о некоторых, на мой взгляд, важных функциях этого инструмента.

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

Для соединения двух открытых путей выделите их, затем продолжите первый путь при помощи Pencil Tool (N). При совмещении курсора с начальной точкой второго пути нажмите Cmd/Ctrl

Итак, устанавливаем параметры для Pencil Tool (N) указанные на рисунке ниже

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

По сути, вы должны перемещать курсор по контуру рисунка.

Вы всегда можете отредактировать ошибки допущенные вашей рукой при помощи того же Pencil Tool (N), ведь все необходимые опции у нас включены.

Хочу заметить, что редактирование формы при помощи Pencil Tool (N) может привести к непредсказуемым последствиям таким как открытие закрытого пути, закрытие открытого пути и даже удалению части формы. Как же правильно редактировать форму? Для себя я пришел к выводу, что новый штрих инструмента должен начинаться как можно ближе к первоначальному контуру и заканчиваться как можно ближе к нему, не смотря на значение Within: _ pixels, которое вы установили в диалоговом окне Pencil Tool Options.

Контур викинга имеет довольно сложную форму, так что мне понадобилось больше получаса, чтобы аккуратно раскрасить его.

Теперь предлагаю рассмотреть другие, более быстрые методы раскраски иллюстрации.

Раскраска при помощи Live Paint Bucket (K)

Для заливки при помощи Live Paint Bucket (K) необходимо выделить объекты, которые мы собираемся заливать. Однако если наша иллюстрация состоит из открытых путей, к которым применялись кисти, такая заливка невозможна. Об этом сигнализирует окно с предупреждением.

Следовательно, наша иллюстрация должна быть подготовлена определенным образом перед использованием этого метода. Выделяем все объекты и переходим Object > Expand Appearance. Теперь наш контур представляет собой группу обычных векторных объектов.

Не снимая выделения с объектов, нажимаем на кнопку Unite из панели Pathfinder, затем Object > Compound Path > Make

Перед заливкой скажу вкратце об опциях этого инструмента. С помощью параметров инструмента Live Paint Bucket (Быстрая заливка) можно определить особенности использования этого инструмента, указав, следует ли применять только заливки, только обводки или и то, и другое, а также настроить подсветку фрагментов и краев при наведении на них курсора. Можно просмотреть эти параметры, дважды щелкнув инструмент Live Paint Bucket.

Выделяем Compound Path и одним кликом заливаем формы в необходимые цвета.

Для быстрого переключения между Live Paint Bucket (K) и Eyedropper Tool (I) используйте клавишу Opt/Alt.

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

К счастью, мы можем настроить Live Paint Bucket (K) так, чтобы он воспринимал такие части иллюстрации как закрытый контур. Не снимая выделения, переходим Object > Live Paint > Gap Options… и увеличиваем величину Gap. Программа показывает, какие gap она обнаружила, и, следовательно, разрешит заливать внутренние пространства, граничащие с ними.

Желательно не изменять этот параметр в процессе работы, так как это может привести к изменениям в уже залитых формах. После заливки объектов переходим Object > Live Paint > Expand. Раскраска на этом не закончена, мы будем создавать еще света и тени, поэтому нам нужно, чтобы контур представлял одно целое. Выделяем при помощи Direct Selection Tool (A) часть контура и переходим Select > Same > Fill Color

Не снимая выделения, переходим Object > Compound Path > Make

При всех описанных нюансах этот метод, быстрее, чем метод с использованием Pencil Tool (N) в несколько раз!

Раскраска при помощи Release Compound Path.

Этот метод применим только к закрытому контуру, который представляет собой Compound Path. В случае создания контура при помощи Paintbrush Tool (B) вам необходимо подготовить контур. Выделяем все объекты и переходим Object > Expand Appearance. Теперь наш контур представляет собой группу обычных векторных объектов. Не снимая выделения с объектов, нажимаем на кнопку Unite из панели Pathfinder. Как вы видите, внешний контур состоит из нескольких объектов.

Нам нужно их соединить. Выделяем место разрыва при помощи Direct Selection Tool (A), берем Blob Brush Tool (Shift + B) и соединяем части контура.

Все объекты контура должны быть разгруппированы. Если вы работали не очень аккуратно или не думали, что будете использовать именно этот метод, вам понадобится некоторое время на закрытие внешнего контура. Итак, внешний контур закрыт, копируем его и вставляем назад (Cmd / Ctrl + C, Cmd / Ctrl + B). Заливаем нижний контур другим цветом, например красным.

Не снимая выделения с красного контура, переходим Object > Compound Path > Release

Теперь нам остается только выделять объекты и окрашивать их в нужные цвета.

Некоторые элементы внутри контура вам придется создать при помощи Pen Tool (P) or Pencil Tool (N)

Создание света и теней.

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

Определим положение источника света, у меня он расположен слева верху.

Теперь при помощи Paintbrush Tool или Blob Brush Tool создаем света и тени в новом слое.

Оттенки основного цвета удобно получать в панели Color, когда выбран режим HSB color. В своей работе я использовал Paintbrush Tool, поэтому вы можете увидеть, как лежат мазки кисти.

Конечно, вы можете использовать и Pen Tool (P), если форма тени имеет большой размер. Теперь, викинг выглядит так

Использование Bristle Brush.

С помощью инструмента Bristle Brush пользователь может создавать мазки, имитирующие мазки кистью из щетины. Инструмент «Кисть из щетины» позволяет:

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

При рисовании инструментом «Кисть из щетины» на графическом планшете программное обеспечение Illustrator в интерактивном режиме отслеживает движение пера. Программа отслеживает все аспекты ориентации и нажима кисти во всех точках траектории рисования. Рисунок кистью в Illustrator выполняется с учетом координаты X, координаты Y, силы нажима, угла наклона, направления наклона и поворота пера.

Для создания Bristle brush нажмите на кнопку New Brush в панели Brushes и выберите в открывшемся диалоговом окне Bristle Brush

Теперь в окне Bristle Brush Options вы можете выбрать тип кисти и установить другие ее параметры, наблюдая, как будет выглядеть мазок кисти в окне просмотра.

Для увеличения и уменьшения размера используются клавиши «[» и «]». При их применении размер изменяется на 1 мм. Цифровые кнопки [0-9] используются для задания непрозрачности мазков кисти из щетины:

0 = 100%
1 = 10%
9 = 90%

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

Я надеюсь, что этот урок поможет вам оптимизировать и ускорить сложный процесс создания векторной иллюстрации.

Автор урока: Ярослав Лазунов

Оригинал урока на Английском языке: AstuteGraphics

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

как покрасить сегменты круга разными цветами?

Предполагая, что вы нарисовали круги и линии с помощью инструментов Ellipse и Line Segment (или Pen, и т. Д.), Раскраска относительно проста с использованием Live Paint Bucket или Live Paint Selection Tool (Illustrator CS4 и новее). Эти инструменты требуют, чтобы формы и линии не были сгруппированы или помещены в разные слои (если они сгруппированы, сначала разгруппируйте их: выберите, затем нажмите Cmd-Shift-G).

Выделите все фигуры и линии, которые принадлежат диаграмме, используя обычный инструмент выбора, или нажмите Cmd-A (Windows: CTRL-A).
Нажмите на Live Paint Bucket в палитре инструментов. (Он может быть «скрыт» под «инструментом Shape Builder» — нажмите на него и удерживайте кнопку мыши, чтобы получить доступ к скрытым элементам. Вы также можете открыть группу инструментов в отдельном наборе инструментов.)
Затем наведите указатель мыши на выбранную группу элементов и щелкните один раз, чтобы превратить его в объект Live Paint Group. Затем инструмент в интерактивном режиме выделит красным цветом область, которую он распознает как отдельную область рисования.
Чтобы выбрать цвет, Live Paint Bucket подключен к палитре Swatches. Используйте клавиши со стрелками для навигации и выбора цвета … Или смешайте свой собственный цвет в палитре цветов … Когда закончите, щелкните в области, чтобы заполнить его цветом.
Также можно использовать Live Paint Selection Tool чтобы просто выделить область внутри элементов, щелкнув ее, а затем раскрасить ее, щелкнув цвет в палитре «Образцы» или «Цветовая палитра».

(Применение Live Paint Bucket объединяет выбранные элементы в одну «Live Paint Group». Отдельные элементы по-прежнему можно выбирать с помощью инструмента «Прямой выбор», но для полного превращения его в неокрашенный — например, для внесения структурных изменений — выберите « Object > Live Paint > Release. )

(К сожалению, указатель мыши инструмента по какой-то причине неправильно записан на этом снимке экрана.)

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

На этой странице

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

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

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

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

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

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

Дополнительная информация об инструменте «Быстрая заливка» в Illustrator представлена в разделе Быстрая заливка.

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

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

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

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

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

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

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

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

Можно также указать цвет и обводку выбранного объекта с помощью следующих элементов управления на панелях «Свойства» и «Управление».

Нажмите это параметр, чтобы открыть палитру «Образцы», или нажмите его, удерживая клавишу Shift, чтобы открыть палитру дополнительных цветов, и выберите цвет.

Нажмите слово «Обводка», чтобы открыть палитру «Обводка» и задать параметры.

Выберите толщину линии в раскрывающемся меню.

Применение цвета заливки

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

Выделите объект, используя инструмент «Выделение» () или «Частичное выделение» ().

Чтобы применить заливку, а не обводку, нажмите поле «Заливка» на панели «Инструменты», «Свойства» или на палитре «Цвет».

Нажмите цвет на панели «Управление», палитре «Цвет», «Образцы», «Градиент» или в библиотеке образцов.

Дважды нажмите поле «Заливка» и выберите цвет с помощью инструмента «Палитра цветов».

Выберите инструмент «Пипетка» и нажмите объект, удерживая клавишу Alt (Windows) или клавишу Option (Mac OS), чтобы применить текущие атрибуты, включая заливку и обводку.

Нажмите кнопку «Нет» , чтобы удалить текущую заливку объекта.

Можно быстро применить цвет к невыбранному объекту, перетащив на объект цвет из поля «Заливка», палитры «Цвет», «Градиент» или «Образцы». Перетаскивание недоступно для групп с быстрой заливкой.

Видеоруководство «Применение атрибутов заливки и обводки»

Применение цвета обводки

Выделите объект (чтобы выделить край в группе с быстрой заливкой, используйте инструмент «Выделение быстрых заливок»).

Нажмите поле «Обводка» на панели «Инструменты», «Свойства», «Управление» или на палитре «Цвет». Это действие подразумевает, что будет применена обводка, а не заливка.

Выберите цвет на палитре «Цвет» либо выберите образец на палитре «Образцы» или на панели «Управление» или «Свойства». Либо дважды нажмите поле «Обводка», чтобы выбрать цвет с помощью инструмента «Палитра цветов».

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

Преобразование обводок в составные контуры

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

Выберите Объект > Контур > Преобразовать обводку в кривые .

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

Используйте палитру «Слои» для определения содержимого группы.

Рисование и объединение контуров при помощи инструмента «Кисть-клякса»

Инструмент «Кисть-клякса» используется для рисования фигур с заливкой, которые могут пересекаться и объединяться с другими фигурами того же цвета.

Инструмент «Кисть-клякса» использует те же стандартные параметры кисти, что и каллиграфические кисти (ознакомьтесь с информацией в разделе Параметры каллиграфической кисти).

Об использовании инструмента «Кисть-клякса» можно узнать из видеоролика Инструменты «Кисть-клякса» и «Ластик».

Указания по применению инструмента «Кисть-клякса»

При использовании инструмента «Кисть-клякса» нужно иметь в виду следующее:

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

Инструмент «Кисть-клякса» создает контуры с заливкой, но без обводки. Если контуры, созданные при помощи инструмента «Кисть-клякса», нужно объединить с существующей иллюстрацией, следует убедиться, что она имеет тот же цвет заливки и не имеет обводки.

При рисовании контуров при помощи инструмента «Кисть-клякса», новые контуры объединяются с самым верхним обнаруженным совпадающим контуром. Если новый контур касается нескольких совпадающих контуров в пределах одной группы или слоя, все пересекающиеся контуры объединяются.

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

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

Создание объединенных контуров

Контуры с обводками невозможно объединить.

Выберите контур, с которым нужно объединить новый контур.

На палитре «Оформление» снимите флажок «Новый объект имеет основное оформление». В этом случае инструмент «Кисть-клякса» будет использовать атрибуты выделенного объекта.

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

Нарисуйте контур, пересекающийся с иллюстрацией. Если контуры не объединяются, убедитесь, что атрибуты инструмента «Кисть-клякса» в точности совпадают с атрибутами существующего контура, а также в том, что у контуров нет обводки.

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

Дважды нажмите инструмент «Кисть-клякса» на панели «Инструменты» и установите следующие параметры:

При рисовании объединенного контура все контуры выделяются и остаются выделенными, пока продолжается рисование. Этот параметр удобен для просмотра всех контуров, включенных в объединенный контур.

Объединить только с выделенной областью

Означает, что новые обводки сливаются с существующим выделенным контуром. Если данный параметр выбран, создаваемая обводка не сливается с пересекающимся контуром, который не выделен.

Определяет, на какое расстояние можно переместить курсор или перо прежде, чем Illustrator добавит к контуру следующую опорную точку. Например, значение 2,5 для параметра «Отклонение» означает, что перемещения инструмента на расстояние менее 2,5 пикселя не регистрируются. Параметр «Отклонение» может принимать значения от 0,5 до 20 пикселей. Чем выше значение, тем более гладким и менее сложным будет контур.

Определяет степень сглаживания, применяемую программой Illustrator при использовании этого инструмента. Параметр «Сглаживание» может принимать значения от 0 до 100%. Чем выше процентное значение, тем более сглаженный контур создается при рисовании.

Определяет размер кисти.

Определяет угол поворота кисти. Перетащите стрелку в окне просмотра или введите значение в текстовом поле «Угол».

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

Выделение объектов с одинаковой заливкой и обводкой

Можно выделять объекты с одинаковыми значениями атрибутов, включая цвет заливки, цвет обводки и толщину обводки.

Команды «Цвет заливки», «Цвет обводки» и «Толщина обводки» из меню «Выделение» > «По общему признаку» работают для групп с быстрой заливкой, если выделен фрагмент или край с помощью инструмента «Выделение быстрых заливок». Другие команды из меню «Выделение» > «По общему признаку» не работают. Нельзя выделить одни и те же объекты одновременно внутри и вне группы с быстрой заливкой.

Чтобы выделить объекты с одинаковым цветом заливки или обводки, выберите объект с нужным параметром, нажмите кнопку «Выбрать схожие объекты» на панели управления и в появившемся меню укажите параметр, по которому будет выполняться поиск объектов.
Чтобы выделить все объекты с одинаковым цветом заливки или обводки, выберите объект с нужным цветом заливки или обводки, либо выберите цвет на палитре «Цвет» или «Образцы». Затем выберите команду «Выделение» > «По общему признаку» и далее пункт «Цвет заливки», «Цвет обводки» или «Заливка и обводка».
Чтобы выделить все объекты с одинаковой толщиной обводки, выберите объект с нужной толщиной обводки или выберите толщину обводки на палитре «Обводка». Затем выберите команду «Выделение» > «По общему признаку» > «Толщина обводки».
Чтобы применить те же параметры выделения к другому объекту (например, если ранее уже были выделены все красные объекты с помощью команды «Выделение» > «По общему признаку» > «Цвет заливки», а теперь необходимо найти и выделить все зеленые объекты), выделите новый объект и выберите команду «Выделение» > «Выделить снова».

Совет. Чтобы учесть оттенок объекта при выделении объектов с похожим цветом, выберите «Редактировать» > «Установки» > «Общие» (Windows) или «Illustrator» > «Установки» > «Общие» (Mac OS) и затем выберите «Выделить с одинаковым оттенком %». Теперь при выборе объекта, к которому применена заливка 50% оттенком цвета PANTONE Yellow C, и команды «Выделение» > «По общему признаку» > «Цвет заливки», Illustrator выделит только объекты, к которым применена заливка 50% оттенка этого цвета. При отмене этого параметра Illustrator выберет объекты с любым оттенком цвета PANTONE Yellow C.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adobe llustrator – это программа для создания векторной графики, популярная среди графических дизайнеров и других профессионалов. Вы можете сделать 3D графику и логотипы для интернета, печатных материалов, мобильных приложений и другое. Хоть Adobe Systems выпускают новую версию Creative Suite (CS) каждые несколько лет, некоторые базовые функции остаются неизменными, как, например, выборка, формы и раскраска. На протяжении многих лет Adobe добавила множество дополнительных способов окраски, которые позволяют вам раскрасить ваш проект более легко. Научитесь, как раскрашивать в Adobe Illustrator.

7 подсказок для создания крутых раскрасок в Adobe Illustrator

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

Чего мы хотим в результате: идеальный вектор для раскраски

Совет 1.

Мы хотим быть уверенными, что наш (и ваш!) векторный файл для раскраски идеален. Именно векторный формат, кстати, больше всего подходит для этих целей.

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

Совет 2.

Чтобы все объекты были законченными и действительно выделялись на странице, убедитесь, что у них толстые черные контуры. Только так ваш объект не потеряется на фоне остальных деталей раскраски. Помните: тонкие линии должны быть внутри фигуры, а толстые — снаружи, ибо они — главный контур.

Совет 3.

Узоры, а иначе говоря паттерны — это самый распространенный вариант для дизайна раскраски. Один из способов создания простого шаблона для этих целей — взять нескольких простейших фигур, как, например, прямоугольники со скругленными краями, и собрать их в коллаж. Обратите внимание, как легко, просто и аккуратно обычная фигура (звено цепи) копируется, вставляется и поворачивается, чтобы в результате получилась более сложная конструкция — целая цепь. Это дает тем, кто будет разукрашивать вашу книжку, большее количество элементов для работы, но спасает вас от создания нескончаемого множества разнообразных объектов.

Совет 4.

Когда вы расположите объекты для паттерна в окончательном варианте, можно использовать простую обтравочную маску (clipping mask), чтобы быстро и без особых усилий размножить дизайн на большей площади поверхности. Таким образом вам не придется влезать в дебри панели узоров.

Совет 5.

Обратите внимание на две маленькие странички из раскрасок внизу: одна заполнена чайными чашками и сладостями, а вторая — сердечками. Паттерн слева будет работать и сам по себе, он неплох, но если совместить его с правым узором, финальный результат будет интереснее, глубже по композиции и даст человеку больше пространства для креатива.

Посмотрите сами!

Также посмотрите, как толстые линии каждого объекта на переднем плане сочетаются с тонкими контурами сердечек на заднем фоне. Иначе создать ощущение глубины было бы сложнее.

Совет 6.

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

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

Совет 7.

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

Удачи!

Автор — Mary Winkler

Перевод — Дежурка

Смотрите также:

Adobe Illustrator CC. Руководство пользователя

Примечание.

Можно выделять объекты с одинаковыми значениями атрибутов, включая цвет заливки, цвет обводки и

толщину обводки.

Команды «Цвет заливки», «Цвет обводки» и «Толщина обводки» из меню

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

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

«Выделение» > «По общему признаку» не работают. Нельзя выделить одни и те же объекты

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

Чтобы выделить объекты с одинаковым цветом заливки или обводки, выберите
объект с нужным параметром, нажмите кнопку «Выбрать схожие объекты» на

панели управления и в появившемся меню укажите параметр, по которому будет

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

объект с нужным цветом заливки или обводки, либо выберите цвет в палитре

«Цвет» или «Образцы». Затем выберите команду «Выделение» > «По общему

признаку» и далее пункт «Цвет заливки», «Цвет обводки» или «Заливка и обводка».
Чтобы выделить все объекты с одинаковой толщиной обводки, выберите объект с

нужной толщиной обводки или выберите толщину обводки в палитре «Обводка».

Затем выберите команду «Выделение» > «По общему признаку» > «Толщина

обводки».
Чтобы применить те же параметры выделения к другому объекту (например, если

ранее уже были выделены все красные объекты с помощью команды

«Выделение» > «По общему признаку» > «Цвет заливки», а теперь необходимо

найти и выделить все зеленые объекты), выделите новый объект и выберите

команду «Выделение» > «Выделить снова».
Совет. Чтобы учесть оттенок объекта при выделении объектов с похожим

цветом, выберите «Редактировать» > «Установки» > «Общие» (Windows) или

«Illustrator» > «Установки» > «Общие» (Mac OS) и затем выберите «Выделить с

одинаковым оттенком %». Теперь при выборе объекта, к которому применена

заливка 50% оттенком цвета PANTONE Yellow C, и команды «Выделение» > «По

общему признаку» > «Цвет заливки», Illustrator выделит только объекты, к

которым применена заливка 50% оттенка этого цвета. При отмене этого

параметра Illustrator выберет объекты с любым оттенком цвета PANTONE
Yellow C.

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

С помощью палитры «Оформление» можно создавать несколько заливок и обводок для одного

объекта. Добавляя несколько заливок и обводок к объекту, можно создать множество интересных

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

эффект к одной заливке, оставив другую неизменной.

Выберите один или несколько объектов или групп (или назначьте слой в палитре

«Слои»).

Выберите команду «Добавить новую заливку» или «Добавить новую обводку» в

меню палитры «Оформление». Либо выберите заливку или обводку в палитре

«Оформление» и нажмите кнопку «Создать дубликат выбранного объекта» .

Задайте цвет и другие свойства новой заливки или обводки.

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

заливки или обводки в палитре «Оформление». Например, создав две обводки

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

широкой обводки в палитре «Оформление».

См. также

Выбор элементов, к которым применяются атрибуты оформления
Обзор палитры «Оформление»

263

SVG: как раскрасить все изображение целиком

Вот изображение SVG, которое у меня есть: https://jsfiddle.net/hey0qvgk/3/

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 613.2 416" xml:space="preserve">
<style type="text/css">
    .video-svg{fill:#00648F;}
</style>
<g>
    <path d="M346.7,415.8H69c-38,0-69-30.9-69-69V69.1c0-38,30.9-68.9,69-68.9h377.8c38,0,69,30.9,69,68.9v277.7
        C415.7,384.9,384.8,415.8,346.7,415.8z M69,33.9c-19.4,0-35.2,15.8-35.2,35.2v277.7c0,19.4,15.8,35.2,35.2,35.2h377.8
        c19.4,0,35.2-15.8,35.2-35.2V69.1c0-19.4-15.8-35.2-35.2-35.2H69z"/>
    <path d="M596.3,354.1c-3.3,0-6.6-1-9.5-2.9l-115-78.1c-4.6-3.1-7.4-8.4-7.4-13.9V156.8c0-5.6,2.8-10.8,7.4-13.9
        l115-78.1c5.2-3.5,11.9-3.8,17.4-1c5.5,2.9,9,8.7,9,14.9v258.6c0,6.2-3.4,12-9,14.9C601.7,353.5,599,354.1,596.3,354.1z
         M498.2,250.2l81.3,55.2V110.5l-81.3,55.2V250.2z"/>
</g>
</svg>

Как вы можете видеть — только путь («borders» изображения) окрашен. Однако мне нужно, чтобы все изображение было заполнено определенным цветом (он также должен быть окрашен «inside»). Я новичок в svg — не могли бы вы сказать мне, пожалуйста, что я должен сделать, чтобы раскрасить все изображение?

javascript html css svg
Поделиться Источник sleb82 29 января 2016 в 15:46
2 ответа
Раскрасить Фоновое Изображение
Мне нужно раскрасить изображение post-it (например, вот это) в зависимости от значения rgb. Моя проблема заключается в следующем: внешние части изображения должны быть прозрачными, так как изображение помещается перед разными цветами фона. Во-вторых, мне нужно, чтобы текущий желтый цвет…
Как раскрасить изображение SVG, нарисованное с координатами?
В рамках задания по программированию я пытаюсь придать цвет всем европейским странам. Координаты этих стран я нашел на следующей странице Википедии . Скажем, например, что я хочу раскрасить Северную Ирландию. Координаты приведены здесь: <path xmlns=http://www.w3.org/2000/svg class=landxx gb eu…

2

Ваш путь svg преобразует штрихи в фигуры.
Здесь вы могли видеть:
первый svg , такой же, как ваш, отредактированный в Illustrator для изменения путей.
второй-это svg , воссозданный с использованием штриха, а не преобразование его в фигуры. Это позволяет вам управлять как stroke , так и fill через css (в моем примере).
Поделиться Lionel T 29 января 2016 в 15:59

0

Ваш значок состоит из двух путей. Один из них — корпус камеры. Другой образует «lens».
Каждый из этих двух путей состоит из двух подпутей. Один из них образует внешний край фигуры, а другой-внутреннюю часть (отверстие, которое делает внутреннюю часть прозрачной).
Так, например, первый путь-это камера «body». Вот определение его пути:
# the "outside" M346.7,415.8H69c-38,0-69-30.9-69-69V69.1c0-38,30.9-68.9,69-68.9h377.8 c38,0,69,30.9,69,68.9v277.7C415.7,384.9,384.8,415.8,346.7,415.8z # the "hole" M69,33.9c-19.4,0-35.2,15.8-35.2,35.2v277.7c0,19.4,15.8,35.2,35.2,35.2 h377.8c19.4,0,35.2-15.8,35.2-35.2V69.1c0-19.4-15.8-35.2-35.2-35.2H69z
Каждый подпространство начинается с ‘M’ (перемещение) и заканчивается ‘z’ (закрыть путь).
В случае этого значка подпространство, образующее отверстие, является вторым подпространством в каждом элементе <path> . Если вы удалите два подпутья отверстий, вы получите:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 613.2 416" xml:space="preserve"> <style type="text/css"> .video-svg{fill:#00648F;} </style> <g> <path d="M346.7,415.8H69c-38,0-69-30.9-69-69V69.1c0-38,30.9-68.9,69-68.9h377.8c38,0,69,30.9,69,68.9v277.7 C415.7,384.9,384.8,415.8,346.7,415.8z"/> <path d="M596.3,354.1c-3.3,0-6.6-1-9.5-2.9l-115-78.1c-4.6-3.1-7.4-8.4-7.4-13.9V156.8c0-5.6,2.8-10.8,7.4-13.9 l115-78.1c5.2-3.5,11.9-3.8,17.4-1c5.5,2.9,9,8.7,9,14.9v258.6c0,6.2-3.4,12-9,14.9C601.7,353.5,599,354.1,596.3,354.1z"/> </g> </svg>
Вы можете либо отредактировать файл графически с помощью Illustrator, либо отредактировать его вручную, как это сделал я. Однако имейте в виду, что не все файлы будет так же просто изменить вручную, как этот.
Поделиться Paul LeBeau 30 января 2016 в 12:01
Похожие вопросы:

измените изображение на inline SVG >>, чтобы иметь все функции SVG
У меня есть SVG изображений, и я хочу экспортировать их файлы как img, а затем изменить их обратно на SVG .. причина изменения заключается в том, что я хочу изменить все цвета прямоугольников внутри…

Как раскрасить SVG с CSS без указания всех основных фигур?
Используя CSS , я могу раскрасить графику SVG следующим образом: svg polygon, svg line, svg polyline, svg path, svg mesh, svg rect, svg circle, svg ellipse { fill: Gray; } Есть ли более короткий…

Как раскрасить изображение с помощью HTML5-Canvas?
как я могу раскрасить изображение с помощью HTML5-Canvas? На основе значения Hex — или RGB — цвета в качестве входных данных?

Раскрасить Фоновое Изображение
Мне нужно раскрасить изображение post-it (например, вот это) в зависимости от значения rgb. Моя проблема заключается в следующем: внешние части изображения должны быть прозрачными, так как…

Как раскрасить изображение SVG, нарисованное с координатами?
В рамках задания по программированию я пытаюсь придать цвет всем европейским странам. Координаты этих стран я нашел на следующей странице Википедии . Скажем, например, что я хочу раскрасить Северную…

Как раскрасить изображение @ Windows-10 Metro app?
Я сделал изображение в оттенках серого и хотел бы раскрасить его (например, изменив HSL). В примерах, которые я нашел в интернете, мне нужен был класс bitmap, но он не существует в универсальных…

Сохраните тег SVG со страницы HTML на изображение SVG
У меня есть приложение, с помощью которого пользователи могут рисовать вещи, используя SVG (d3). Мне нужна функция, которая при нажатии кнопки или ссылки сохранит тег SVG под названием main_svg,…

Как раскрасить черно-белый SVG, загруженный SkiaSharp?
Я играю с новым выпуском SkiaSharp (1.55), который поддерживает загрузку SVG на Xamarin.Android (и не только). Из-за того, что он был выпущен менее 10 дней назад, я не смог найти так много…

Как получить путь SVG, чтобы заполнить все изображение?
Я использую встроенный SVG из FontAwesome. Само изображение работает нормально, но по какой — то причине, которую я не совсем понимаю, элемент path не заполняет SVG-сам тег SVG, кажется, имеет…

SVG градиент как Canvas градиент?
Вот что я построил. Вы можете перетащить изображение вокруг, чтобы исследовать все изображение целиком. <?xml version=’1.0′ standalone=’no’?> <svg version=’1.1′> <image…
Как нарисовать русалку в акварельном стиле в Illustrator • ARTshelter
В этом уроке вы узнаете, как нарисовать русалку в ярком акварельном стиле в Adobe Illustrator. А вдохновимся мы прекрасными мифическими персонажами из сказки «Русалочка» Ханса Кристиана Андерсена.
По ссылке вы можете найти дополнительные картинки с русалками, которые можно использовать для вдохновения.
Начнем!
Рисуем набросок русалки
Создаем новый документ в Illustrator размером 850 х 1200 пикселей в цветовом режиме RGB. Название первого слоя меняем на «Набросок».
Начинаем делать наброски персонажа. Для начала мы должны определить наиболее яркие черты и использовать их. В сказке главная героиня была дочерью морского царя: «…лучше всех была самая младшая, нежная и прозрачная, как лепесток розы, с глубокими синими, как море, глазами. Но и у неё, как у других русалок, не было ножек, а только рыбий хвост», «странное дитя была эта русалочка: такая тихая, задумчивая…», «…она любила только свои яркие, как солнце, цветы…».
Я рисовала набросок непосредственно в Illustrator, используя графический планшет. Берем Paintbrush Tool (B) (Кисть) и кисточкой Oval Calligraphic размером 2 pt и непрозрачностью 20% делаем первые наброски. Вы можете взять любую из стандартных кисточек, которые доступны на панели Brushes (Кисти).
Создаем кисточку для контура
Шаг 1
Создаем новый слой для контура. Контур рисунка мы будем рисовать именно на этом слое, потому что все линии будут одного цвета.
Открываем окно Paintbrush Tool Options (Параметры кисти), дважды кликнув на иконке инструмента Paintbrush Tool (B) (Кисть). Вводим настройки, как показано ниже, и жмем ОК.
Шаг 2
Теперь мы должны создать новую каллиграфическую кисть. Это одна из моих любимых кисточек, и я пользуюсь ей практически во всех работах.
На панели Brushes (Кисти) нажимаем кнопку New Brush (Новая кисть) и выбираем Calligraphic Brush (Каллиграфическая кисть). После этого жмем ОК и появится окно с параметрами кисти. Используем настройки, показанные ниже.
Шаг 3
На панели Brushes (Кисти) выбираем нашу новую кисточку и для проверки рисуем несколько линий. Толщина линий зависит от силы нажатия стилуса.
Мы воспользуемся всеми преимуществами данной кисточки, чтобы придать объемность нашему наброску уже на стадии контура.
Рисуем контур персонажа
Шаг 1
Пришло время применить свои навыки на практике. Начинаем создание контура.
Для начала группируем набросок (Ctrl+G). Уменьшаем его непрозрачность примерно до 50%, чтобы он был полупрозрачным.
Шаг 2
Теперь берем Paintbrush Tool (B) (Кисть) и на панели Brushes (Кисти) выбираем нашу новую кисточку.
Начинаем рисовать лицо. Если линии вам кажутся слишком тонкими или широкими, на панели Stroke (Обводка) можете изменить параметр Weight (Толщина), чтобы подобрать наиболее оптимальный вариант.
Кривые линии исправляем с помощью Direct Selection Tool (A) (Частичное выделение).
Регулируя толщину, рисуем плавные и «живые» линии.

Шаг 3
Далее обводим волосы и повязку на голове. Руководствуясь наброском, рисуем только основные линии. Позже с помощью цветной заливки мы добавим деталей.
Инструментом Scissors Tool (C) (Ножницы) вырезаем все лишнее. Для этого выделяем нужную область и жмем клавишу Delete.
Вот так выглядит готовый контур волос.
Шаг 4
Далее работаем с руками и спиной. Как обычно, рисуем плавные линии с переменной толщиной.
Шаг 5
Рисуем контур лифа, хвоста и плавников русалки. Проводим линии таким образом, чтобы в затененных местах они были толще.
Перепонки на плавниках должны быть полупрозрачны, поэтому рисуем их тонкими едва заметными линиями.
Шаг 6
Скрываем слой с наброском и любуемся готовым аккуратным контуром.
Выполняем базовую заливку
Шаг 1
Для начала выделяем все линии и переходим Object – Expand Appearance (Объект – Разобрать оформление). Открываем панель Pathfinder (Обработка контуров) и жмем кнопку Unite (Объединить), чтобы превратить линии контура в один цельный элемент рисунка.

Шаг 2
Создаем новый слой для фона и перемещаем его под слой с наброском. Слой с наброском блокируем, кликнув по значку с замком на панели слоев, а слой с контуром скрываем, нажав на кнопку с глазом там же на панели слоев.
Шаг 3
Активируем Rectangle Tool (M) (Прямоугольник) и создаем прямоугольник размером 860 х 1210 пикселей. Заполняем его линейным градиентом от светло-розового до светло-голубого.
Открываем панель Align (Выравнивание) и выбираем Align to Artboard (Выравнивание относительно рабочей области), затем Align Objects (Выравнивание объектов) устанавливаем на Horizontal (По горизонтали) и Vertical (По вертикали).
Шаг 4
Выбираем светло-бирюзовый оттенок и рисуем фоновый узор. Для работы используем Pencil Tool (N) (Карандаш) или Pen Tool (P) (Перо). Закончив, уменьшаем непрозрачность созданной фигуры до 25%.
Таким же образом рисуем больше деталей для фонового узора внутри предыдущей фигуры. При помощи Pencil Tool (N) (Карандаш) достаточно сложно нарисовать такую фигуру, поэтому мы нарисуем несколько маленьких фигур и затем объединим их в одну. Открываем панель Pathfinder (Обработка контуров) и кликаем по кнопке Unite (Объединить). Заливаем созданную фигуру светло-голубым цветом и уменьшаем непрозрачность до 25%.
Добавляем еще несколько фиолетовых и желтых фигур, уменьшаем их непрозрачность до 10%.
Закончив, скрываем слой с наброском, он нам больше не понадобится.
Шаг 5
Теперь мы займемся заливкой цветом нашей русалки.
Для начала меняем цвет контура. Выделяем линии и заливаем их бордовым цветом.
Шаг 6
Для удобства давайте создадим палитру с базовыми цветами. Выбираем мягкие и чистые оттенки розового, желтого и синего.
Шаг 7
Выбираем подходящий цвет с палитры. Активируем Pencil Tool (N) (Карандаш), Pen Tool (P) (Перо) или Blob Brush Tool (Shift+B) (Кисть-клякса), берите тот инструмент, с которым вам удобнее всего работать.
На отдельных слоях рисуем тело, макияж и руки русалки. Для удобства структурируем слои, как показано ниже.
Шаг 8
Выше слоя с макияжем добавляем новый. На нем заполняем волосы линейным градиентом (используем желтый, розовый и синий цвета).
Шаг 9
Светло-розовым цветом заполняем лиф русалки, желтым – украшения, а розовым – цветы.
Шаг 10
Переходим на слой с заливкой тела. Линейным градиентом заливаем хвост русалки, начиная с цвета кожи и заканчивая оттенками синего.
Шаг 11
Градиент, которым мы заливали волосы русалки, применяем на плавниках и хвосте. Уменьшаем непрозрачность заливки до 80%.

Шаг 12
Чтобы работа проходила продуктивнее, каждую деталь русалки мы помещаем на отдельном слое. Структурируем их, как показано на скриншоте ниже.
Добавляем тени и блики
Шаг 1
Для начала заливаем верхний контур глаз темным цветом, чтобы сделать их ярче. Выделяем часть контура, дублируем ее нажатием клавиш Ctrl+C и Ctrl+F. Также захватываем верхние ресницы и зрачок, ноздрю и центральный контур губ. На панели Pathfinder (Обработка контуров) жмем кнопку Unite (Объединить).
Теперь выделяем основной контур русалки и часть контура, который мы дублировали выше. Далее, удерживая клавишу Alt, кликаем на кнопку Intersect (Пересечение), затем жмем Expand (Преобразовать).
Закончив с вырезанием контура, заливаем его темным цветом. Также на радужке глаз добавляем белые блики.
Шаг 2
Давайте добавим лицу объемности. Работаем на слое с заливкой тела русалки. Сначала рисуем румяна на щеках. Для этого берем Ellipse Tool (L) (Овал) и добавляем следующие фигуры: по две большие окружности на щеках и одну меньшего размера на носу. Заполняем их розовым радиальным градиентом, непрозрачность внешнего цвета уменьшаем до 0%. Затем выделяем все созданные окружности и уменьшаем их непрозрачность до 30%.
Таким же образом добавляем румяна на шее, спине, локтях и запястьях. Работаем на слое с заливкой рук.
Шаг 3
Далее добавим тени на коже. Чтобы получить эффект акварели, мы воспользуемся специальными кисточками, которые находим на панели Brushes (Кисти), как показано на скриншоте ниже.
Выбираем кисть Light Wash-Thick и фиолетово-красный цвет на панели Stroke (Обводка). На панели Transparency (Прозрачность) устанавливаем режим смешивания на Multiply (Умножение) и Opacity (Непрозрачность) – на 50%. Затем на панели Stroke (Обводка) устанавливаем Weight (Толщина) на 0,4 pt.
Наносим на затененных участках базовую тень.
Таким же образом добавляем объем на спине, руках и хвосте. В процессе работы регулируем непрозрачность и ширину кисточки, например, где нужна тщательная детализация.
Шаг 4
Теперь нарисуем падающую тень. Используем ту же кисточку. Выбираем фиолетовый цвет и регулируем непрозрачность между 100% и 70%.
Рисуем тень под глазами, губами, волосами, на правой стороне лица, шее и руках. Также на хвосте добавляем чешуйки.

Шаг 5
Таким же образом добавляем блики. Берем белый цвет, устанавливаем режим смешивания на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 50%. Штрихами наносим блики.
Шаг 6
Устанавливаем непрозрачность на 100% и режим смешивания – на Normal (Нормальный). С помощью Pencil Tool (N) (Карандаш) наносим яркие насыщенные блики.
Шаг 7
Выбираем голубой цвет с непрозрачностью 50%, режимом смешивания Multiply (Умножение) и рисуем на теле русалки отраженный от фона голубоватый свет. Используем ту же акварельную кисточку Light Wash-Thick.
Шаг 8
Далее продолжаем работу с глазами и губами на слое с макияжем. Берем Pencil Tool (N) (Карандаш) и под верхними ресницами добавляем многослойное затенение на глазном яблоке. Для работы используем цвет контура и уменьшаем непрозрачность до 30%.
Затем проводим розовые линии на веках и там же добавляем легкие блики.
Теперь выделяем радужку глаза и заполняем ее линейным градиентом от темно-синего к светло-синему. Также добавляем светло-голубые блики.
Розовым цветом с 20-процентной непрозрачностью под глазами рисуем тени, затем добавляем ярко-синие блики.
В левой части верхней губы рисуем темно-розовую тень. Затем фиолетово-красным цветом с непрозрачностью 25% заполняем пространство между губами. Затем в правой части губ добавляем яркие блики.
Чтобы кожа выглядела естественнее, рисуем веснушки на носу и щеках. Они не должны быть идеально круглыми.
Шаг 9
Давайте добавим текстурности на хвосте. Создаем новый слой над слоем с телом и хвостом. Рисуем синие горизонтальные линии и уменьшаем их непрозрачность до 25%.
Берем кисть Watercolor-Wet и поверх предыдущих линий рисуем новые. Меняем их режим смешивания на Multiply (Умножение) и уменьшаем непрозрачность до 50%.
Таким же образом добавляем желтые линии между предыдущими.
На самых светлых участках с помощью Pencil Tool (N) (Карандаш) рисуем чешую. На панели Pathfinder (Обработка контуров) объединяем все чешуйки в одну фигуру. Заполняем ее линейным градиентом (голубой-желтый-розовый). Уменьшаем непрозрачность до 55%.
Таким же образом рисуем дополнительные чешуйки, объединяем их в одну фигуру и заливаем голубым градиентом, как показано ниже.
Розовым, голубым и белым цветами с непрозрачностью 100% добавляем блики.
Шаг 10
Добавим объем на лифе. Здесь мы также будем использовать акварельную кисть.
Выбираем кисточку Watercolor-Wet шириной 1 pt и розовым цветом наносим тени. Уменьшаем непрозрачность до 50% и меняем режим смешивания на Multiply (Умножение). Ничего страшного, если линии будут выглядывать за границы лифа, мы исправим это с помощью обтравочной маски.
Таким же образом короткими штрихами рисуем голубоватые тени.
Добавляем желтые пятна, уменьшаем их непрозрачность до 30%.
Берем Pencil Tool (N) (Карандаш) и рисуем падающую тень, используя цвет контура с непрозрачностью 37%. С левой стороны лифа рисуем блики. С помощью Eyedropper Tool (I) (Пипетка) подбираем на теле русалки светлый оттенок для блика.
Далее дублируем фигуру-основу лифа нажатием клавиш Ctrl+C и Ctrl+F. Перемещаем копию на передний план (Ctrl+Shift+]). Выделяем все элементы лифа, кликаем по ним правой кнопкой мышки и выбираем Make Clipping Mask (Создать обтравочную маску).
Шаг 11
Добавим блики и тени на аксессуарах. Работаем на слое с лифом/цветами.
Начинаем с золотого обруча на голове и браслетов. Выбираем кисть Watercolor-Wet шириной 0,5 pt и короткими штрихами рисуем красные тени и голубое отражение. Уменьшаем непрозрачность до 70% и устанавливаем режим смешивания на Multiply (Умножение). Затем применяем обтравочную маску, чтобы удалить лишние детали, как мы делали это выше с лифом.
В конце с помощью Pencil Tool (N) (Карандаш) добавляем белые блики.
Шаг 12
Рисуем цветы, опираясь на уже изученные принципы.
Для начала заливаем цветы и лепестки линейным градиентом: от розового к светло-розовому и от синего к светло-синему, соответственно.
Тщательно работает акварельной кистью, чтобы получить яркий и интересный результат. Используем розовый, желтый и голубой цвета.
В конце с помощью Pencil Tool (N) (Карандаш) добавляем тени и блики. Для теней берем бордовый цвет контура, а для бликов – белый.
Шаг 13
Приступаем к работе с волосами.
Для начала дублируем основу и заливаем ее белым цветом. Перемещаем копию на задний план. Выбираем верхнюю градиентную фигуру и уменьшаем ее непрозрачность до 70%.
Выбираем новую кисточку Watercolor-Thick и хаотично наносим штрихи, чтобы получилась красивая текстура. На скриншоте ниже вы можете увидеть все параметры кисточки. После этого применяем к волосам обтравочную маску, как мы делали это раньше.
Также хаотично наносим синие штрихи.
Немного желтого и голубого.
Рисуем тени. Выделяем их и на панели Pathfinder (Обработка контуров) жмем кнопку Unite (Объединить), чтобы объединить в одну фигуру. Заливаем получившуюся фигуру синим радиальным градиентом и уменьшаем непрозрачность до 40%.
Далее рисуем блики, объединяем их в одну фигуру. Заливаем ее желтым радиальным градиентом и уменьшаем непрозрачность до 75%.
В конце в левой части волос добавляем яркие блики.
Шаг 14
До конца урока осталось еще несколько шагов. Далее мы займемся доработкой плавников.
Работаем по той же схеме, что и с волосами, и наносим штрихи акварельной кистью. Используем синие, розовые, желтые и голубые цвета.

Берем Pencil Tool (N) (Карандаш) и заполняем плавники красивой текстурой. Заливаем ее синим линейным градиентом с непрозрачностью 40%, как показано ниже.
Таким же образом рисуем дополнительный текстурный слой на плавниках. Заполняем его желтым радиальным градиентом с непрозрачностью 75%.
В конце добавляем синие и белые точки.
Шаг 15
Пришло время для финальных штрихов. Давайте добавим еще несколько дополнительных деталей.
Создаем новый слой под слоем с контуром. На нем мы будем дорабатывать фон. Справа от русалки рисуем несколько голубых фигур.
В самых темных участках добавляем темно-синие фигуры. Устанавливаем их режим смешивания на Overlay (Перекрытие) с непрозрачностью 10%.
Также в самых светлых участках добавляем белые фигуры. Устанавливаем их режим смешивания на Overlay (Перекрытие) с непрозрачностью 10%.
Давайте слегка подкорректируем цвет контура. Выделяем его и заливаем розово-синим линейным градиентом, как показано ниже.
Наш персонаж готов!
Создаем абстрактный фон
Шаг 1
На данный момент у нас готова основа для фона с базовыми цветами. Это упростит нам работу с кисточкой и добавлением деталей.
Давайте нанесем первый слой. Используем кисть Watercolor Stroke 3, ширину регулируем между 2 pt и 4 pt. Выбираем светло-синий цвет, режим смешивания Multiply (Умножение) и непрозрачность 15%.
Шаг 2
Выбираем светло-голубой оттенок, переключаемся на режим смешивания Normal (Нормальный) и рисуем светлые пятна на фоне. Чтобы результат был интереснее, в процессе работы регулируем непрозрачность и толщину кисти.
Кисточкой Watercolor-Wet наносим желтые и синие штрихи, режим смешивания Multiply (Умножение).
Шаг 3
Выбираем новый набор кистей. Открываем панель кистей, жмем на кнопку меню в правом верхнем углу и выбираем Open Brush Library – Artistic – Artistic_Ink (Выбор библиотеки – Художественный – Худож_чернила). Выбираем две кисточки: Fire Ash и Galaxy. С их помощью хаотично рисуем светло-синие и белые брызги. Чтобы получить более интересный результат, в процессе работы регулируем размер и непрозрачность кисти.
В верхней части фона добавляем ярко-желтые брызги. С помощью Pencil Tool (N) (Карандаш) рисуем несколько точек, дублируем их и распределяем вокруг русалки.
Мы закончили!
Таким образом, вы узнали, как нарисовать русалку, используя стандартные инструменты Adobe Illustrator. В результате у нас получилась разноцветная русалка в мягких пастельных тонах. Процесс создания подобной иллюстрации достаточно длительный и трудоемкий, но настолько же и интересный.
Если вам понравился этот урок, поделитесь им с друзьями в соц. сетях. Также подписывайтесь на обновления сайта и оставляйте комментарии и отзывы ниже.
Учебное пособие по
Illustrator: добавление цвета
Что вы узнаете из этого руководства по Illustrator:
Добавление цвета к вашим иллюстрациям
Это руководство дает вам основу для работы с цветами Adobe Illustrator. Это первый урок в книге Adobe Illustrator CS6 Digital Classroom. Чтобы узнать о других возможностях обучения Adobe Illustrator, посетите классы AGI Illustrator.
Adobe Illustrator CS6 предоставляет несколько методов, помогающих добавить цвет в ваши работы.В этом уроке вы узнаете, как улучшить свои работы с помощью цвета.
Запуск
Перед началом убедитесь, что ваши инструменты и панели согласованы, сбросив рабочее пространство. См. «Сброс настроек Adobe Illustrator CS6» в разделе «Запуск» этой книги.
В этом уроке вы будете работать с несколькими файлами из папки ai02lessons. Убедитесь, что вы загрузили папку CS6lessons на жесткий диск с сайта www.digitalclassroombooks.com/epub/cs6.См. «Загрузка файлов уроков» в разделе «Начало работы» этой книги.
Основы панели «Внешний вид»
Панель «Оформление» в Illustrator позволяет настраивать заливку и обводку объекта, а также отслеживать любые эффекты, примененные к объекту. Панель «Оформление» также является незаменимым инструментом для определения структуры объекта. Заливки и штрихи отображаются в том порядке, в котором они применяются к объекту, так же, как другие эффекты расположены в хронологическом порядке.По мере того, как ваши иллюстрации в Illustrator усложняются, панель «Внешний вид» становится все более важной, поскольку она значительно упрощает процесс редактирования вашей иллюстрации. В этом разделе у вас есть возможность изучить панель «Внешний вид», создав простую иллюстрацию с нуля.
1 Запустите Adobe Illustrator CS6 и выберите «Файл»> «Создать». Откроется диалоговое окно «Новый документ».
2 В текстовом поле «Имя» введите «Внешний вид». В раскрывающемся меню «Профиль нового документа» выберите «Печать».Оставьте все остальные элементы без изменений и нажмите ОК. Появится новый артборд.
Чтобы помочь вам понять, насколько мощна панель «Оформление», вы создадите простую фигуру и примените к ней атрибуты.
3 Щелкните инструмент «Прямоугольник» () и выберите инструмент «Звездочка» ().
4 Чтобы убедиться, что у вас есть настройки цвета по умолчанию для белой заливки и черной обводки, нажмите букву D.
5 Щелкните мышью на монтажной области и потяните ее в любом месте, чтобы создать новую форму звезды. Для этого упражнения подойдет любой размер.
6 Если панель «Оформление» не отображается, выберите «Окно»> «Оформление».
Панель «Внешний вид» предлагает вам возможность отслеживать или вносить изменения в свойства, которые были применены к выбранному объекту.
A. Путь с обводкой, заливкой и тенью. B. Указывает, что к пути применен эффект. C. Добавьте новую обводку. D. Добавить новую заливку. E. Добавить новый эффект. F. Ясный внешний вид. G. Дублировать выбранный элемент.H. Удалить выбранный элемент.
Щелкните вкладку панели «Оформление» и перетащите ее из области закрепления. Это гарантирует, что панель «Оформление» не исчезнет при выборе других панелей.
Щелкните и перетащите панель «Оформление» из группы панелей.
Панель «Оформление» показывает, что эта форма имеет Обводку 1 пт, черная и Заливка белого цвета.Также отмечается непрозрачность по умолчанию (100%).
Изменение цвета
Если в Adobe Illustrator активна фигура, вы можете изменять цвета несколькими способами, в том числе с помощью панели «Оформление».
1 Щелкните поле цвета справа от «Обводка» на панели «Оформление», затем щелкните стрелку; это делает панель «Образцы» доступной из панели «Оформление».
2 Откройте панель «Образцы» и выберите CMYK Red. Обводка изменится на красный.
Изменить цвета прямо в панели «Оформление».
3 Теперь щелкните поле цвета заливки справа от «Заливка» и щелкните стрелку. Выберите CMYK Yellow на панели «Образцы».
Добавление эффектов
В этом следующем разделе вы узнаете, как применять эффекты, а затем обновлять их с помощью панели «Внешний вид».
Имейте в виду, что с помощью панели «Оформление» можно независимо применять эффекты, такие как тени, внешнее свечение, эффекты каракулей и другие, к обводкам и заливкам.Например, вы можете применить эффект тени к обводке, но не к заливке.
1 Выберите «Обводку» на панели «Оформление», затем нажмите кнопку «Добавить новый эффект» () внизу. В появившемся списке выберите «Стилизация»> «Тень»; появится диалоговое окно Drop Shadow. Оставьте настройки по умолчанию и нажмите ОК. На обводке появляется падающая тень, а «Тень» указывается как свойство, применяемое к обводке на панели «Оформление». Обратите внимание, что вы можете щелкнуть, чтобы развернуть стрелку слева от Обводки или Заливки, чтобы увидеть отдельные свойства, связанные с ними.
Свойство указано на панели «Внешний вид».
Звезда с эффектом тени.
2 Дважды щелкните свойство Drop Shadow, указанное в разделе Stroke, появится диалоговое окно Drop Shadow. Используйте этот метод для изменения любых эффектов, применяемых к вашему объекту, в противном случае вы можете применить дополнительный эффект.
3 В диалоговом окне Drop Shadow измените следующие параметры:
Непрозрачность: измените значение на 100%, введя 100 в текстовое поле «Непрозрачность» или нажав кнопки со стрелками слева от поля.
Смещение
X: используйте стрелку вниз, чтобы изменить смещение на значение 3.
Смещение по оси Y: используйте стрелку вниз, чтобы изменить смещение на значение 3.
Blur: измените значение на 1 pt, введя 1 в текстовое поле «Размытие» или нажав кнопки со стрелками слева от поля.
4 Измените цвет тени, щелкнув поле цвета; это отображает палитру цветов. Палитра цветов предоставляет спектр цветов, из которого вы можете визуально выбирать цвета или вводить значения цветов в текстовые поля для определения цветов вручную.
5 Щелкните и перетащите ползунок вниз по направлению к красному цвету на цветовом спектре, затем щелкните красный цвет в цветовом поле. Щелкните ОК.
A. Цветовое поле. Б. Ползунок цвета. C. Цветовая гамма.
6 Щелкните OK в диалоговом окне Drop Shadow. Тень была изменена.
Внесите изменения в падающую тень.
Результат.
7 Вы не будете сохранять этот файл, выберите «Файл»> «Закрыть» и выберите «Нет» (Windows) или «Не сохранять» (Mac OS), когда появится диалоговое окно с предупреждением Adobe Illustrator.
На этом уроке вы будете использовать альтернативные методы выбора цвета. Но помните о мощности и простоте использования панели «Оформление».
Создание красочной иллюстрации
В следующем упражнении вы создадите красочную иллюстрацию.Создавая эту иллюстрацию, у вас есть возможность использовать функции, которые ускорят ваше время производства, а также предложат вам творческие решения для цвета.
1 Для начала вы откроете готовый файл. Выберите «Файл»> «Обзор в Bridge» и щелкните вкладку «Избранное» (в верхнем левом углу). Щелкните Рабочий стол и откройте папку ai02lessons, которую вы перетащили на рабочий стол.
2 Найдите файл с именем ai0402_done.ai внутри папки ai02lessons и дважды щелкните его, чтобы открыть в Illustrator CS6.Появляется иллюстрация ретро-автобуса.
Вы смотрите на последнюю иллюстрацию, которую создадите. В этом уроке у вас будет возможность поэкспериментировать с заливками, обводками, узорами, Live Paint и градиентами.
3 Вы можете выбрать «Файл»> «Закрыть», чтобы закрыть этот файл, или оставить его открытым для справки.
Перейти к следующему руководству Illustrator: Использование Live Paint>
Как раскрасить подробную иллюстрацию в Illustrator | Small Business
После создания подробной иллюстрации в Adobe Illustrator вы можете раскрасить каждый из объектов, составляющих графику, с помощью инструментов рисования Illustrator.Используйте инструмент «Заливка» программы, чтобы добавить сплошной цвет, цветовой градиент или узор ко всему объекту, или инструмент «Обводка», чтобы раскрасить видимый контур объекта.
Применить цветную заливку
Щелкните и выделите объект на подробном рисунке, чтобы выбрать его.
Щелкните поле «Заливка» либо на панели «Цвет», либо на панели «Инструменты».
Щелкните и выберите цвет, который вы хотите использовать, на панели «Цвет» или на панели управления. Или дважды щелкните поле «Заливка» и выберите нужный цвет с помощью инструмента выбора цвета.Если вы хотите применить цветной узор, а не однородный цвет, выберите узор на панели «Образцы». Чтобы применить градиентную заливку, при которой один цвет сливается с другим цветом, выберите применимые цвета на панели «Градиент».
Повторите эти шаги для каждого объекта на иллюстрации, который вы хотите раскрасить цветом. Нажмите «Файл» в главном меню, а затем нажмите «Сохранить», чтобы сохранить иллюстрацию.
Применить цветную обводку
Щелкните и выберите объект иллюстрации.
Щелкните поле «Обводка» на панели «Цвет», «Инструменты» или «Управление».
Выберите цвет, который вы хотите использовать для обводки на панели «Цвет», или дважды щелкните поле «Обводка» и выберите цвет с помощью инструмента выбора цвета. Чтобы применить узорчатую обводку, выберите узор на панели «Образцы».
Щелкните желаемую толщину линии, которая управляет шириной обводки цвета, в раскрывающемся списке параметров на панели «Обводка» или на панели «Управление». Выберите желаемое выравнивание для обводки — по центру, влево или вправо — на панели «Обводка».Если вы хотите, чтобы обводка образовывала пунктирную линию вместо сплошной, щелкните и установите соответствующий флажок. Выберите предпочтительный стиль углов и установите предел митры для угловых соединений на панели «Обводка». Illustrator применяет обводку к контуру выбранного объекта.
Сохраните документ, чтобы сохранить изменения цвета.
Ссылки
Ресурсы
Советы
Если вы создали группу объектов с быстрой заливкой, вы можете применить обводку цвета к краям объекта, выбрав каждую кромку с помощью инструмента выделения с быстрой заливкой, а затем следуя приведенным выше инструкциям. шаги по нанесению цветного штриха.
Писатель Биография
Адриан Грэхемс начал профессиональную писательскую деятельность в 1989 году после обучения в качестве газетного репортера. Его работы были опубликованы в Интернете и в различных газетах, включая The Cornish Times и The Sunday Independent. Грэхемс специализируется на технологиях и коммуникациях. Он имеет степень бакалавра наук, диплом о высшем образовании в области журналистики и веб-дизайна, а также учится на MBA.
Раскраска и затенение в Illustrator CC
Это будет наш окончательный результат:
Мы начнем с того момента, когда закончили наш предыдущий урок (см. «Создание иллюстрации персонажа в Illustrator CC с помощью нарисованных вручную кистей»).
Прежде чем мы выполним некоторые действия по раскрашиванию, давайте удалим избыточный слой с именем «Рисунки», щелкнув значок «Удалить слой» в нижней части панели слоев. Давайте также переименуем слой «Кисти» в «Цвета».
Теперь давайте изменим цвета контуров нашего персонажа на более мягкий серый. Это код того, что я использовал: # 5e636d. Чтобы выбрать именно этот цвет для контуров нашего персонажа, давайте выберем нашу лошадь с помощью инструмента выделения, а затем сделаем двойной щелчок по заливке. Появится новое окно с текстовым полем HEX — давайте вставим туда наш шестнадцатеричный код серого цвета и нажмите OK.
Теперь давайте добавим еще несколько слоев в проект. Всего мы будем использовать 5 слоев, поэтому нам нужно создать еще 4. Для этого нам нужно щелкнуть значок нового слоя на нижней панели панели слоев. Слой «Линии» и «Цвет 2» должны располагаться над слоем «Цвета», а слой «Тень» и «Фоновый слой» — под ним. Чтобы переместить слои на панели слоев, мы просто щелкаем, удерживаем и перетаскиваем их вверх или вниз.
Теперь мы должны скопировать нашего персонажа на верхний слой с именем Lines. Для этого мы выбираем нашего персонажа в цветном слое и нажимаем Command + C.Затем на панели слоев мы нажимаем на слой Lines, и, выделив его, копируем нашу лошадь в точно такое же положение, нажимая Command + Shift + V. Теперь мы должны заблокировать слой Lines, щелкнув значок блокировки на этом слое.
Подготовка закончена, пора приступать к раскрашиванию! Чтобы добавить первые цвета нашему анархистскому персонажу, нам нужно снова выбрать слой цветов и использовать инструмент Live Paint. После выбора персонажа с помощью инструмента «Выделение» в слое «Цвета», перейдем в меню верхней панели в Illustrator, затем в «Объект»> «Быстрая заливка»> «Создать».
Помните, что все линии кисти, которые мы создали в предыдущем уроке, предполагалось преобразовать в контуры. Благодаря этому инструмент Live Paint определит точные края наших фигур и не нанесет никакого вреда нашему выделенному персонажу в процессе раскраски.
Чтобы раскрасить своего персонажа на этом уровне, я использовал эту палитру для отдельных объектов -> Куртка # 027a9a, Брюки # 547385, Обувь # 5e7380, Кожа # e2d8c9, Детали # 748d9d.
Чтобы раскрасить нашу панк-лошадь, нам нужно выбрать Live Paint Bucket Tool на Панели инструментов (K).Выбрав этот инструмент и выбранный предпочтительный цвет, мы нажимаем на те части иллюстрации, которые хотим раскрасить.
Вот каким должен быть наш персонаж после заливки всех белых областей:
Теперь, когда у нас готов первый цветной слой, давайте добавим тени и детали! Чтобы это произошло, мы должны выбрать слой под названием «Цвета 2» и с помощью инструмента «Кисть-клякса» (Shift + B) создать там тени.
Помните, что слой Lines должен быть видимым. Благодаря этому наша раскраска иллюстраций остается чистой, и мы не повреждаем очертания персонажей.
Для затенения цветов я использовал более светлые вариации из той же цветовой палитры, которую я использовал в процессе раскрашивания Live Paint. Чтобы выбрать немного более светлые цвета, нам нужно перейти на панель выбора цвета и там из цветового спектра справа выбрать предпочтительный.
В первой последовательности на нижнем изображении вы можете увидеть оригинал руки персонажа только после использования инструмента Live Paint Bucket Tool.
Во второй последовательности вы можете увидеть тени, сделанные с помощью инструмента «Кисть-клякса».Чтобы исправить или сгладить формы, созданные с помощью инструмента «Кисть-клякса», используйте инструмент «Ластик» (Shift + E). Если вы хотите изменить форму или размер инструмента «Кисть-клякса» или «Ластик», отредактируйте их параметры, щелкнув соответствующие значки на панели инструментов.
В третьей последовательности вы можете увидеть, что я создал более тонкие линии с помощью инструмента «Кисть-клякса», изменив размер кисти в настройках этого инструмента. Я применил их к краям, чтобы эффект растушевки создавал естественное впечатление.
Вот как наша иллюстрация должна выглядеть после завершения процесса окраски и затенения:
Теперь, когда процесс затенения завершен, пришло время добавить стильный фон.Для этого выбираем Background Layer и там с помощью Rectangle Tool создаем прямоугольник с параметрами размеров W: 135 мм, H: 150 мм.
Для фона я использовал цветовой код HEX: # 80a0b0.
Выделив прямоугольник, мы переходим в меню верхней панели в Illustrator, затем в Window> Align.
Появится панель выравнивания. Здесь мы нажимаем на эти два значка, отмеченные скругленным прямоугольником. Теперь наш фон выровнен с артбордом!
Последнее, что нам нужно сделать, это применить некоторый эффект тени на земле.для этого выбираем слой Shadow, затем создаем прямоугольник с параметрами размеров W: 84mm H: 2mm и цветом HEX кода # 7793a3.
Теперь нам нужно перейти в меню верхней панели, выбрать там Effect> Stylize> Feather. Появится новое окно Feather Window — там нам нужно установить радиус и количество эффекта. Я выбрал 2мм.
Вот как выглядит финальная иллюстрация:
Вывод: комбинируя инструмент Live Paint Tool и инструмент Blob Brush Tool, мы можем создать приятный цвет для наших персонажей.Чем больше вы используете этот метод, тем лучше вы становитесь. И помните, что вы всегда можете добавить еще больше слоев цвета и затенения — благодаря этому наша иллюстрация станет еще более подробной и глубокой.
4 способа изменения цвета объектов в Adobe Illustrator
Не уверены, какая комбинация цветов выглядит лучше? Есть только один цвет, который не подходит, и вы хотите его изменить, но не знаете, какой вариант? Я полностью понимаю, что это была борьба каждого графического дизайнера, особенно когда вы только начинали.
К счастью, сегодня Adobe Illustrator сделал свои инструменты и функции более удобными для пользователя, чем, например, десять лет назад, когда я изучал графический дизайн.
Вместо того, чтобы менять цвета один за другим, как мне приходилось, теперь вы можете намного проще менять цвета благодаря функции «Перекрасить». Что ж, я должен сказать, что пипетка всегда была действительно полезной.
Если вы заядлый дизайнер без духа, возможно, создание оригинальных образцов цвета с помощью палитры цветов — лучший вариант для вас.
В любом случае, сегодня вы познакомитесь с четырьмя различными способами изменения цвета объектов в Adobe Illustrator, используя эти замечательные функции и несколько полезных советов.
Без лишних слов, приступим!
4 способа изменить цвет объекта в Adobe Illustrator
Примечание. Снимки экрана взяты из версии Illustrator CC 2021 для Mac. Windows или другие версии могут выглядеть немного иначе.
Работаете ли вы над разными версиями иллюстраций или просто хотите изменить определенный цвет объекта, вы найдете способ.
1. Перекрасить иллюстрацию
Как удобно! Если вы еще не пробовали функцию «Перекрасить обложку» в Adobe Illustrator, вам стоит это сделать. Это лучший метод, который вы можете использовать, если хотите изменить всю цветовую схему объекта.
Шаг 1 : Выберите объекты, для которых нужно изменить цвет. Удерживайте нажатой клавишу Shift, чтобы выбрать несколько объектов, или, если вы хотите выбрать все объекты, нажмите Command + A .
Когда ваш объект выбран, вы увидите кнопку Перекрасить на панели свойств.
Шаг 2 : Нажмите кнопку Перекрасить .
Вы увидите окно редактирования цвета, и исходный цвет вашего рисунка будет показан на цветовом круге.
Шаг 3 : Теперь есть несколько вещей, которые вы можете сделать, чтобы изменить цвета.
Если вы хотите изменить цвет всех объектов, щелкните один из маркеров цвета и перетащите его, пока не найдете идеальный цвет.
Если вы хотите изменить определенный цвет, щелкните значок Ссылка Отменить связь цветов гармонии .Вы можете отключить цвета и редактировать их по отдельности.
Советы. Если щелкнуть правой кнопкой мыши несвязанный цвет, станут доступны дополнительные параметры редактирования, и вы всегда можете перейти к редактированию в дополнительных параметрах.
При редактировании определенного цвета неплохо было бы щелкнуть правой кнопкой мыши, выбрать оттенок, а затем отредактировать его в определенном цветовом окне.
Последний шаг — получайте удовольствие от редактирования!
2. Палитра цветов
Шаг 1 : Выберите объект.Например, я выбрал синюю блестящую форму посередине, чтобы изменить ее цвет.
Шаг 2 : Дважды щелкните (Цвет) Заполните на панели инструментов в левой части экрана.
Появится окно «Палитра цветов».
Шаг 3 : Переместите круг, чтобы выбрать цвет, или введите шестнадцатеричный код цвета, чтобы получить определенный цвет.
Шаг 4 : Нажмите ОК .
3. Пипетка
Это хороший вариант, если у вас есть готовые образцы цветов.Например, здесь мой образец цвета — это синяя блестящая форма посередине, и я хочу изменить цвет двух фигур рядом с ней на тот же цвет.
Шаг 1 : Выберите объект.
Шаг 2 : Выберите инструмент «Пипетка » ( I ).
Шаг 3 : Найдите образец цвета и щелкните область образца цвета.
4. Цветовой градиент
Если хотите, можете изменить исходный цвет на градиент.
Шаг 1 : Выберите объект.
Шаг 2 : Выберите Gradient Tool ( G ) или просто нажмите на опцию градиента под Fill .
Шаг 3 : Щелкните ползунки градиента, чтобы выбрать цвета, и перемещайтесь, чтобы добиться желаемого эффекта градиента. Более простой вариант — использовать инструмент «Пипетка», чтобы выбрать образцы цветов для вашего эффекта градиента.
Вопросы?
Ниже приведены некоторые общие вопросы, которые ваши друзья-дизайнеры задавали о перекрашивании цветов в Adobe Illustrator.Вы также можете проверить их.
Как изменить только один цвет векторного изображения?
Прежде всего, разгруппируйте объект, и вы можете изменить один цвет объекта с помощью инструмента выбора цвета или пипетки. Если вы хотите изменить все элементы одного цвета, используйте описанный выше метод «Перекрасить», отсоедините цвета гармонии и отредактируйте определенный цвет.
Есть ли способ удалить весь один цвет в Illustrator?
Да, вы можете удалить весь один цвет в Illustrator, и это очень просто.Удерживая нажатой клавишу Shift, выберите объекты определенного цвета, которые вы хотите удалить, и нажмите «Удалить» на клавиатуре. Если ваши цветные объекты сгруппированы, вам нужно сначала разгруппировать их.
Где мои образцы цвета в Illustrator?
Если вы не видите образцы цвета справа от документа Illustrator, вы можете быстро настроить его. Перейдите в верхнее меню Window> Swatches , оно появится вместе с другими панелями инструментов с правой стороны.
Вы также можете найти другие образцы в меню «Библиотеки образцов» или создать свои собственные образцы и сохранить их для использования в будущем.
Последние мысли
Каждый из вышеперечисленных методов имеет свои преимущества для определенных задач. Например, меня до сих пор поражает функция «Перекрасить», потому что она экономит мне массу времени при создании разных версий иллюстраций.
Я считаю, что пипетка отлично подходит для создания цветовых образцов, которые я использую в 99% случаев для дизайна бренда.
Палитра цветов и инструменты градиента позволяют свободно перемещаться. Я имею в виду, исследуй свое творчество.
Около июня Escalada
Окончил специальность «Креативная реклама», более восьми лет проработал графическим дизайнером, специализируясь на брендинге и иллюстрации.Да, Adobe Illustrator — мой лучший друг, и я увлечен искусством и дизайном.
Как раскрашивать узоры в Illustrator
(Как раскрашивать узоры в Illustrator: гостевое сообщение Сью Хайди.
В этом месяце мы работали над цветом, так что я подумал, что это подходящий вариант для завершения! Хайди всегда пишет такие классные посты, и это не исключение. Наслаждайтесь.)
Я наблюдал, как многие дизайнеры боролись за перекрашивание бесшовных повторяющихся узоров.Они перетащат узор из панели образцов, отредактируют его, а затем перетащат обратно. Виновны ли вы в перекрашивании узоров таким образом? Если да, то вы не одиноки, но я помогу вам избавиться от этой дурной привычки и покажу вам гораздо более более быстрый , более простой и другие интуитивно понятный способ сделать это. Готовый? Пойдем!
Что вам понадобится:
Примечание. Это руководство также применимо к перекрашиванию иллюстраций / объектов, которые не содержат или не содержат повторяющихся узоров, но в приведенном ниже примере будет использоваться узор.
Шаг 1. Доступ к функции Live Color в Illustrator
Выберите экземпляр своего узора в файле и выберите «Редактировать»> «Редактировать цвета»> «Перекрасить рисунок» (1) или щелкните значок цветового круга (2) на панели управления.
Шаг 2 (для версий AI CC 2015 и новее — если вы используете AI CC 2014 и более ранние версии, перейдите к шагу 3): сбросить цвета
В обновлении CC 2015 Adobe выпустила новую функцию Live Color, которая автоматически перекрашивает иллюстрацию на основе недавно использованных цветов.Мне лично не нравится эта новая функция, и я не смог найти способ ее отключить (возможно, она вам понравится, и в этом случае вам повезет!). Если при запуске Live Color ваши изображения автоматически меняют цвета, вы можете восстановить исходные цвета. Сделайте это, щелкнув значок пипетки (1) в правом верхнем углу, чтобы «Получить цвета из выбранного рисунка».
Как только вы нажмете эту кнопку, исходные цвета будут восстановлены.
Шаг 3. Использование интерфейса Live Color
После запуска Live Color вы увидите 2 списка цветов: Текущие цвета (1) в левом столбце и Новые цвета (2) в правом столбце.Столбец «Текущий» содержит цвета, из которых в настоящее время состоит ваше произведение искусства, а столбец «Новый» содержит цвета, на которые вы будете менять его.
Шаг 4. Замена цветов
Если вы хотите поменять местами цвета, это так же просто, как перетаскивание цветов друг на друга в столбце «Новый». В приведенном ниже примере я взял средний карамельный цвет и перетащил его на темно-коричневый цвет в верхней позиции (1) .
Теперь вы можете видеть, что позиции цветов в шаблоне поменялись местами (2) , а в столбце «Новый» отражены новые позиции цветов (3) .
Шаг 5: Объединение / перезапись цветов
Если у вас слишком много цветов в иллюстрации и вы хотите их объединить, вы можете перетащить цвета из столбца «Текущий» в столбец «Новый» (1) .

Теперь вы увидите на своем рисунке (2) и в новом столбце (3) , что карамельный цвет заменил темно-коричневый цвет.
Шаг 6. Выбор новых цветов
Возможно, вы захотите полностью изменить цвета своих работ, что легко сделать! Дважды щелкните цвет в столбце «Новый», который вы хотите изменить (1) .Это запустит палитру цветов (2) , где вы можете выбрать любой цвет, который хотите. Если вы хотите выбрать определенный цвет из «Образцов цвета», щелкните «Образцы цвета» (3) .
Теперь ваши образцы цвета загружены. (4) (которые могут быть просто образцами AI по умолчанию, если вы не определили пользовательские образцы). Примечание. Здесь будут загружены только образцы сплошного цвета, образцы узора или градиента вы не увидите. Если вы хотите вернуться к палитре цветов, щелкните Цветовые модели (5) .
После того, как вы выбрали новые цвета для некоторых или всех цветовых позиций, ваше произведение должно показать результаты перекрашивания (6) , а столбец «Новый» должен отражать новые цвета, которые вы выбрали (7) .
Шаг 7. Случайное изменение порядка цвета
Это одна из моих любимых функций Live Color, поскольку она часто дает вам такие цветовые результаты, о которых вы, возможно, даже не догадывались. При использовании всего трех цветов результаты не очень впечатляющие, но если ваше произведение имеет больше цветов, вы можете нажать эту кнопку несколько раз, чтобы быстро получить массу различных вариантов цвета.Просто нажмите кнопку «Произвольно изменить порядок цветов» (1) , чтобы увидеть, как меняются цвета в иллюстрации.

Ниже вы можете увидеть 2 разных цветовых решения (2 и 3) , которые я быстро создал с помощью этой кнопки.
Шаг 8: Принятие новых цветов
После того, как ваше произведение будет перекрашено и вы будете готовы принять изменения, вы будете почти готовы нажать кнопку ОК. Однако перед тем, как сделать это, убедитесь, что в нижнем левом углу установлен флажок «Перекрасить искусство»: (1) .Если этот флажок не установлен, изображение не будет перекрашено, и вы потеряете все свои изменения. После того, как вы дважды отметите этот флажок, вы можете нажать OK (2) !

После того, как вы нажмете ОК, посмотрите на панель образцов. Теперь вы заметите, что у вас есть исходный образец плюс образец нового цвета (3) . Каждый раз, когда вы создаете новую цветовую схему своего узора с помощью Live Color, он автоматически создает для вас новый экземпляр образца — так здорово!
Не только для выкройки!
Помните, функция Live Color предназначена не только для узоров! Вы можете использовать его, чтобы перекрасить любое изображение в Illustrator, будь то сплошные цветные блоки или сплошные блоки цветных узоров и .Он также перекрасит как штрихов, так и заливок. Просто выберите иллюстрацию, выберите «Редактировать»> «Редактировать цвета»> «Перекрасить иллюстрацию» и поменять местами, перезаписать или выбрать совершенно новые цвета. Помните, что при использовании Live Color для изображений, отличных от узоров, вы можете сначала создать копию изображения (1) . В отличие от того, как ИИ создает новый образец узора вашей новой цветовой схемы, он не будет автоматически создавать новый экземпляр вашего произведения искусства.
И последнее, но не менее важное, заявление об отказе от ответственности Live Color: отмены нет!
Меня постоянно спрашивают, и я вижу, что дизайнеры все время пытаются это сделать: cmd / ctrl + Z в Live Color.К сожалению, в Live Color нет «Правка> Отменить». Это верно как в то время, когда вы находитесь внутри интерфейса, так и после того, как вы нажали «ОК». Если вы находитесь в интерфейсе Live Color и определяете новый цвет с помощью палитры цветов, а затем случайно перезаписываете его, вернуть его уже невозможно. Кроме того, если вы нажмете ОК, а затем захотите вернуться на один шаг в интерфейс Live Color, чтобы изменить некоторые из ваших изменений, сделать это невозможно. Выбор Edit> Undo просто вернет ваш узор к исходным цветам.
Помимо этого отказа от ответственности, Live Color на сегодняшний день является самым быстрым, простым и наиболее эффективным способом раскрашивания узоров и других изображений в Illustrator. Попробуйте, и я обещаю, вы никогда не вернетесь к своим старым привычкам!
Хайди Би описывает себя как «евангелиста модных технологий» и работает с иллюстратором и преподает ему более 15 лет. Если у вас сложится впечатление, что она знает свое дело, вы будете правы — и на ее веб-сайте есть несколько классных руководств, подтверждающих это.Вы можете найти ее на SewHeidi.com.
Простое цветоделение в Illustrator Tutorial

Для некоторых трафаретных принтеров использование иллюстратора для разделения цветов временами может быть затруднительным. К счастью, основная проблема, с которой сталкиваются люди, — это чрезмерное обдумывание процесса. В этом видео я покажу простой способ разделения дизайна с помощью некоторых ключевых инструментов Illustrator.
Это произведение мне подарил мой клиент, который плохо знаком с трафаретной печатью.Они печатают дизайн левой груди, который не будет нуждаться в нижнем основании. Мы имеем дело с настоящими произведениями искусства, которые будут напечатаны для настоящей работы. Это те же принципы, которые я использую при подходе к каждому разделению и графическому изображению для точечной печати в Illustrator.
Что такое печать плашечными цветами? Печать плашечными цветами, как показано в этом видео, можно определить как «то, что вы видите, — это то, что вы печатаете». Это означает, что там, где есть красные чернила, у меня будет красный экран, а там, где есть синие чернила, у меня будет синий экран.Это наиболее распространенный тип трафаретной печати, который используется для повседневной печати. Другими формами печати могут быть точечная печать и четырехцветная печать. Эти методы используют несколько цветов, как правило, с высокой детализацией, чтобы создать впечатление огромного количества цветов при печати. Точечная цветная печать — это то, с чем мы имеем дело сегодня, и с чем вы, как трафаретная печать, будете в основном иметь дело изо дня в день.
ОТКРЫТИЕ ФАЙЛА И НАСТРОЙКА РАБОЧЕГО МЕСТА
Сначала я открываю файл Illustrator и проверяю, правильно ли настроено мое рабочее пространство.(Вы также можете открыть новый документ и импортировать файл Illustrator). Мне нравится использовать готовое рабочее пространство для печати и проверки в Illustrator. Это дает мне все инструменты, необходимые для разделения. Затем мы убедимся, что наша артборд соответствует размеру пленки, которую мы печатаем. Это помогает убедиться, что я проектирую и разделяю только по размеру пленки, на которой буду печатать. Последнее, что мне нужно сделать, это убедиться, что мои линейки включены. Нажмите Ctrl + R , чтобы убедиться, что это так.Линейки очень полезны при разделении и дизайне изображений, напечатанных методом трафаретной печати.
Когда я открываю файл, я сначала смотрю на используемый шрифт / шрифты. Если вы открываете файл со шрифтами, которых у вас нет, Illustrator предложит вам найти и установить их или заменить эти элементы существующими шрифтами.
Совет для профессионалов: Если вы собираетесь отправить кому-нибудь иллюстрацию для разделения или печати, обязательно конвертируйте весь текст в контуры. Это сделает этот шаг ненужным и гарантирует, что ваше произведение будет напечатано так, как оно было задумано.
ПОКРЫТИЕ ЦВЕТОВ ПЯТНА
Затем я сделаю все плашечными цветами. Это важный шаг, потому что плашечные цвета — это то, что большинство RIP (включая AccuRIP) используют для определения того, что нужно распечатать на каждой пленке. Вам не обязательно использовать точный цвет, который будет напечатан как плашечный цвет, подойдет что-то близкое.
Сначала выберите элемент, цвет которого вы хотите преобразовать. Затем нажмите Выберите в верхнем меню. Прокрутите вниз до Аналогичный и нажмите Цвет заливки .Это выберет все одного цвета и позволит вам одновременно изменить все элементы на плашечный цвет, который вы будете использовать. Этот инструмент значительно экономит время, и я использую его постоянно!
После того, как все выбрано, вы можете нажать кнопку New Swatch на вкладке Swatches Tab . Назовите его как хотите и измените тип цвета на Плашечный цвет . Теперь вы увидите квадрат с образцом этого цвета и белое собачье ухо с черной точкой.Этот новый образец теперь является плашечным цветом, который будет отображаться при предварительном просмотре цветоделения и при переходе на печать. Повторите этот процесс для всех цветов, и теперь мы готовы установить наши регистрационные метки.
РЕГИСТРАЦИОННЫЕ ЗНАКИ
Вы можете использовать всевозможные регистрационные метки, а некоторые даже встроены в Illustrator. Лично мне нравится использовать свой собственный и рекомендую вам сделать то же самое. Предварительно созданные в Illustrator больше предназначены для получения более подробной информации, и иногда их бывает трудно увидеть.Ниже приведены ссылки для загрузки шаблонов регистрационных меток в форматах .Ai и PDF.
Шаблон регистрационных знаков — пленка 13×19 — файл иллюстратора
Шаблон регистрационных знаков
— пленка 13×19 — файл PDF
Если вы хотите создать на странице свой собственный, я рассмотрю это в видео. Обязательно используйте регистрационный цвет для регистрационных меток, если вы решите создать свой собственный.
После создания мы можем центрировать метки с нашим произведением искусства.Мне нравится использовать одну регистрационную метку сверху и одну снизу для меньших отпечатков, таких как левая грудь, рукав и бирки. Отпечатки большего размера стандартного размера, я предпочитаю использовать три сверху и три снизу. Это дает мне больше ссылок для более крупных проектов и определенно помогает.
При центрировании рисунка убедитесь, что оно сгруппировано. Выберите иллюстрацию для печати и нажмите Ctrl + G , чтобы сгруппировать иллюстрацию. Это гарантирует, что в вашем дизайне ничего не упущено и не упадет с места.
Рекомендуется указать ширину и длину или другие параметры, которые помогут определить, для чего это произведение искусства, например номер должности или место размещения. Бонусные баллы, если вы используете плашечные цвета, чтобы отметить, какие цвета должны быть напечатаны на каждой пленке.
ОКОНЧАТЕЛЬНАЯ ПРОВЕРКА ПЕРЕД ПЕЧАТЬ ПЛЕНКИ
А теперь, прежде чем печатать наши пленки, давайте проверим одну вещь. Щелкните вкладку Separation Preview Tab и выключите все цвета CMYK. Теперь вы должны видеть только плашечные цвета, которые есть в вашем дизайне, плюс регистрационные метки.Если какая-либо часть вашего дизайна отсутствует, плашечный цвет не устанавливается. Это отличный индикатор, который подскажет вам вернуться и сделать этот объект плашечным цветом. Вы также можете показать только один цвет за раз, чтобы подтвердить, что будет печататься на каждой пленке.
СЕЙЧАС РАСПЕЧАТАЙТЕ ПЛЕНКИ
Теперь мы готовы напечатать наши фильмы. В видео я рассказываю, как печатать с помощью AccuRIP — очень простой процесс. Пока мы правильно настроили обложку, печать наших пленок будет самой простой частью процесса.В первый раз этот процесс может показаться сложным, но если вы будете придерживаться его в течение нескольких работ, это поможет вам быстро и легко сделать эту вторую натуру. Я бы порекомендовал вам даже разделить некоторые тестовые проекты таким образом, чтобы привыкнуть к этому.
Есть всевозможные советы, приемы и интересные идеи, которые помогут каждому отдельному произведению искусства в отдельности наиболее подходящим для них способом. Пожалуйста, ознакомьтесь с некоторыми из этих идей, поскольку у всех свой взгляд на разделение. Это руководство предназначено для того, чтобы дать вам основу для начала и способ разделения самых простых дизайнов.Мы также используем здесь ключевые принципы, которые помогут вам в целом использовать Illustrator в качестве декоратора одежды.
Пожалуйста, обращайтесь с любыми вопросами, идеями, комментариями или предложениями. В Ryonet мы здесь, чтобы помочь вам расти, и всегда рады этому!
УЗНАЙТЕ О НОВЫХ ЦИФРОВЫХ УСЛУГАХ ART
Как использовать Color Guide в Adobe Illustrator
Привет, в этом уроке мы собираемся взглянуть на Руководство по цветам Illustrator.В основном то, что он делает, у нас есть все эти значки, верно? Мы установили один из цветов фона. Мы хотим использовать это последовательно. И мы хотим найти цвета, которые либо дополняют его, либо просто хорошо сочетаются друг с другом. Мы собираемся сделать что-то подобное, где Color Guide помог нам выбрать все эти цвета и убедился, что все они работают вместе в теории цвета. Хорошо, давай проверим это сейчас.
Сначала откройте «colorguide.ai» из «Файлы с упражнениями». На самом деле не имеет значения, какой файл вы используете.И мы хотим использовать эти цвета фона. Мы просто хотим получить согласованную цветовую группу. И Color Guide может в этом помочь. Я не очень часто использую Color Guide. Я чувствую, что найдутся люди, которые это сделают, поэтому я дам вам какое-то понимание этого, чтобы вы могли подумать: «Чувак, вот в чем дело, это билет». Прежде всего, ничего не выделите и выберите цвет переднего плана. Я дважды щелкнул «Заливка» и собираюсь выбрать что-нибудь.Я выберу цвет, затем открою «Окно» и перейду к «Справочнику цветов». Возможно, вам придется щелкнуть по нему в зависимости от того, как вы начали. Возможно, вам придется щелкнуть по нему, чтобы активировать его, чтобы он заработал.
В основном то, что он делает, зависит от того, что вы использовали в последний раз, и выбрали некоторые правила гармонии. Это просто означает, как он взаимодействует с цветовым кругом. В моем случае я использую тот, который говорит «Правильное дополнение». Ваш может начаться, скажем, с Триады. Это дает вам вид цветов, используйте методологию Триады для цветов.Что нас не слишком беспокоит, так это то, как эти вещи называются. Вы просто смотрите на цвета и думаете: «Мне нравится, как это взаимодействует с моим основным цветом».
Так что пройдите, посмотрите. Я собираюсь использовать «Правильное дополнение»; Мне нравится этот. Вы просто проходите через эти цвета и говорите: «Я хочу тебя, и я хочу тебя, и тебя». Вы просто как бы проходите мимо и спрашиваете: «Я хочу использовать эти цвета?» Я предполагаю, что это добавляет последовательности группе несовместимых объектов, таких как значки. Я считаю, что это действительно полезно для выбора, скажем, оттенка кожи.Затем он дает вам, внизу, не только цвета, но и оттенки этого цвета. Возможно, действительно полезно, если вы используете планшет Wacom и рисуете и хотите выбрать типы и оттенки одного и того же цвета.
Если вы хотите стать супер ботаником, вы можете щелкнуть здесь это цветовое колесо, и оно покажет вам … мы используем это раскрывающееся меню, мы используем правильное дополнение, и оно показывает вам цвет Колесите то, что на самом деле происходит. Скажем, Триада, о которой мы говорили, показывает вам, как она работает, верно? На этом цветовом круге есть что-то вроде трехстороннего треугольника.Это будет то, что нужно для этого, просто потому, что я не использую его очень часто, но я действительно чувствую, что это должно быть в этом курсе. Кто-то там скажет: «Это решает множество проблем».
Хорошо, надеюсь, это было полезно. Перейдем к следующему видео.
.
No related posts.