Vectorboom
Уроки / Иллюстрации / Comments: 8

Как рисовать при помощи графического планшета в Adobe Illustrator (Часть2-Раскраска векторной иллюс

Ярослав Лазунов
11.06.2012
Цель Урока

Существует несколько способ раскраски векторных иллюстраций. В этом уроке по 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 работает для Вас!

Всего комментариев: 8
0
1  
Добрый день. Всё пытаюсь подобраться к этому уроку, да сложновато пока smile Скажите, пожалуйста, а такие персонажи http://www.canstockphoto.com/princess-with-lipstick-16413513.html рисуются по такой же схеме? Насколько я понимаю, контур тут рисуется Пером. Мне Перо легче контролировать, а Кистью рисовать пока что не очень получается smile Я уже рисовала несколько девушек в подобном стиле, но не знала как правильно, делала в основном замкнутые объекты с обводкой, потом разбирала, приходилось эту обводку наверх поднимать, иначе она наполовину под заливкой оставалась. Затем добавляла отдельные контуры (сгиб локтя, складки платья) и тени. Или лучше сначала всю обводку делать, а потом раскрашивать способом с Release Compound Path?

0
2  
На самом деле, вы делаете так как вам удобно, главное результат. Здесь я просто продемонстрировал частные способы создания персонажа. Некоторые профессионалы считают, что контур созданный кистью является бездушным. И создают контур карандашом. Кисть вы никогда не настроите так, чтобы она повторяла ваш замысел. Мы сейчас говорим о художественном контуре, а не о током, какой вы привели в качестве примера. Там почти контур постоянной ширины, это немного не то. Трудно рисовать карандашом, рисуйте пером, но это дольше. Раскрашивать контур тоже можно карандашом в слое ниже контура.

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

0
4  
Просто для понимания. Карандашом контур рисуется не обводкой, а объектами с заливкой.

0
5  
Посмотрите работы Ильи Есаулова, векторный контур он создает именно так http://esaulovilia.blogspot.com/

0
6  
Спасибо большое, то, что нужно! Кажется, я даже где-то видела урок Ильи Есаулова. Буду изучать smile
Цитата
Карандашом контур рисуется не обводкой, а объектами с заливкой
Не очень поняла, т.е. сразу замкнутыми объектами, как пером?

0
7  
Представьте себе, что вы рисуете реальным пером и тушью.

0
8  
Кажется, поняла smile Спасибо, что задали курс!

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.