Доброго всем времени суток.
В свое время я много копался в интернете в попытках найти простой и быстрый способ отрисовки и покраски мультяшных персонажей в векторе, но не нашел именно такого, который бы меня полностью устраивал. Позже, читая форум Демиарта, я довольно часто стал натыкаться на вопросы участников именно по данной теме и решил, что некоторым будет интересен тот способ покраски, которым пользуюсь я.
В общем, я решился на написание своего второго урока и, надеюсь, он окажется полезным
Итак, начнем.
Для выполнения данного урока наличие графического планшета не обязательно (сойдет и обыкновенная мышка), хотя контур персонажа я рисовал именно с его, планшета т.е., помощью.
Все манипуляции осуществляются в программе Adobe Illustrator CS6, но сойдет и CS5, CS4, а может и более младшие версии
Шаг 1. Контур персонажа
Первым делом рисуем контур персонажа. Я рисовал его планшетом с помощью BlobBrush в иллюстраторе, но вы можете использовать любой другой способ, например из предложенных Есауловым Ильей
также вам поможет тема Видеоурок по настройкам Wacom и Blob Brush

Шаг 2. Быстрая заливка персонажа
Выделяем наш контур, берем ведро с краской (инструмент "Заливка")
и заливаем кошака.

Чтобы не накосячить с заливкой, я создал еще один слой ниже слоя с котом и нарисовал там серый прямоугольник, так как при работе с заливкой на белом фоне я запросто могу пропустить (т.е. не залить) те области, которые должны быть белыми - глаза, лапы, грудь.
Шаг 3. Подготовка нужных панелей
а) если у вас не открыто окошко Pathfinder - откройте (Shift+Ctrl+F9). Нам понадобится только кнопка Unite.
б) дважды щелкните по инструменту Волшебная палочка
и в появившемся окошке параметр Tolerance выставьте на 0. Это нужно, чтобы волшебная палка выделяла один конкретный цвет, а не схожий диапазон.

Окно опций Волшебной палки после обнуления можно закрыть - оно нам больше не понадобится.
Шаг 4. Разбираем группу с быстрой заливкой на плашки
После того, как мы залили всего персонажа, разберем группу с быстрой заливкой на плашки, чтобы в дальнейшем нашего персонажа можно было бы редактировать. Для этого выделяем нашего кошака и жмем кнопку Expand на контрольной панели

Шаг 5. Наводим порядок в слое
После нашего экспанда в слое с кошаком появилась туча разноцветных плашек

Такое скопище объектов тяжело редактировать, поэтому нам предстоит немного "прибраться".
Для этого выбираем инструмент "Волшебная палка"
и щелкаем для начала по нашему контуру.
В результате этого действия будут выделены ВСЕ плашки черного цвета.
В панели PathFinder жмем кнопку Unite (см. пункт а) Шага 3). Это сгруппирует/объединит элементы нашего контура, т.е. вместо множества отдельных плашек мы получим одну группу, в которой все элементы будут одного (в нашем случае - черного) цвета.
Аналогичным образом поступаем с другими плашками, т.е. выделяем волшебной палкой и юнайтим элементы по цветовому сходству. После этих нехитрых манипуляций содержимое слоя будет выглядеть вот так:

Согласитесь, что красивше стало?
Теперь выделяя поочередно каждую группу можем подкорректировать цвета.
А можем и оставить как есть, если все устраивает.
По сути дела, персонаж уже готов и даже на этом этапе работу можно завершить. Но мы легких путей не ищем и попробуем сделать нашему кошаку цветной контур.
Заливка у кошака нашего разноцветная, поэтому нам потребуется каким-то образом разделить контур на части, каждой из которых назначить свой цвет. Некоторые советуют взять иллюстраторовский инструмент "Нож" и им порезать в нужных местах контур, потом выделить нужные элементы и задать им нужный цвет.
Мне лично такой способ не кажется удобным, потому как сам процесс выделения мне кажется жутко напряжным - мозгу приходится чрезмерно много думать, глазам искать всякие плашки, рукам нажимать кнопки типа Shift, Alt, Ctrl и пр. Тоска, одним словом. Посему предлагаю другой способ.
Итак, продолжим.
Шаг 7. Копируем контур
Собственно, ничего сложного. Выделяем наш черный контур, жмем Ctrl+С (Копировать). И пока остановимся.
Так как мы намерены кромсать наш контур, то имеет смысл сохранить его исходный вид, чтобы, в случае чего, откатиться назад. Не вижу смысла в сложных телодвижениях, поэтому просто замыкаю группу с черным контуром в нашем единственном слое и делаю его невидимым (ставлю замочек и убираю глазик - прим. для продвинутых
)

затем блокирую весь слой с нашим кошаком - в этом слое мы больше пока работать не будем, нужный нам для работы контур уже скопирован в буфер обмена.
Шаг 8. Начинаем делать цветной контур.
Здесь тож все достаточно просто.
а) создаем новый слой
б) жмем Ctrl+F, вставляя в слой наш скопированный шагом ранее контур
Я определился, что буду идти от бОльшего к меньшему, т.е. сначала я намерен сделать контур для тела
кошака, т.к. тело - самый большой элемент персонажа. Знацца,
в) берем инструмент "ластик"
и просто сотрем те элементы контура, которые к телу отношения не имеют.
Вот что получилось у меня:

Далее
г) задаем для контура тела нужный цвет
д) блокируем наш слой и создаем новый, в котором будем рисовать контур для морды, и опять переходим к выполнению п. б) данного Шага.
В общем, нам понадобится создать несколько слоев, в каждом из которых будут лежать элементы контура, различающиеся по цвету.
У меня получилось вот так:

Layer1 - тут все ясно, там лежат наши цветные плашки и невидимая копия черного контура
Layer2 - часть контура для оранжевого тела
Layer3 - часть контура для желтоватой морды и пуза
Layer4 - часть контура для белых лап, груди, глаз, зуба
Layer5 - часть контура для бровей (хотя можно было объединить их с контуром тела, но это на ваш выбор)
и последний слой - он ниже других контурных элементов, это оставшиеся части нашего черного контура - черный нос, зрачки и рот.
Шаг 9. Необязательное объединение
Не знаю как вы, а я предпочитаю, чтобы отдельный персонаж был в одном слое, а не разбросан по нескольким. Поэтому просто путем группирования (Ctrl+G) я привел слой с персонажем к следующему виду

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

Итак, начнем.
Для выполнения данного урока наличие графического планшета не обязательно (сойдет и обыкновенная мышка), хотя контур персонажа я рисовал именно с его, планшета т.е., помощью.
Все манипуляции осуществляются в программе Adobe Illustrator CS6, но сойдет и CS5, CS4, а может и более младшие версии
Шаг 1. Контур персонажа
Первым делом рисуем контур персонажа. Я рисовал его планшетом с помощью BlobBrush в иллюстраторе, но вы можете использовать любой другой способ, например из предложенных Есауловым Ильей
также вам поможет тема Видеоурок по настройкам Wacom и Blob Brush

Шаг 2. Быстрая заливка персонажа
Выделяем наш контур, берем ведро с краской (инструмент "Заливка")


Чтобы не накосячить с заливкой, я создал еще один слой ниже слоя с котом и нарисовал там серый прямоугольник, так как при работе с заливкой на белом фоне я запросто могу пропустить (т.е. не залить) те области, которые должны быть белыми - глаза, лапы, грудь.
Шаг 3. Подготовка нужных панелей
а) если у вас не открыто окошко Pathfinder - откройте (Shift+Ctrl+F9). Нам понадобится только кнопка Unite.
б) дважды щелкните по инструменту Волшебная палочка


Окно опций Волшебной палки после обнуления можно закрыть - оно нам больше не понадобится.
Шаг 4. Разбираем группу с быстрой заливкой на плашки
После того, как мы залили всего персонажа, разберем группу с быстрой заливкой на плашки, чтобы в дальнейшем нашего персонажа можно было бы редактировать. Для этого выделяем нашего кошака и жмем кнопку Expand на контрольной панели

Шаг 5. Наводим порядок в слое
После нашего экспанда в слое с кошаком появилась туча разноцветных плашек

Такое скопище объектов тяжело редактировать, поэтому нам предстоит немного "прибраться".
Для этого выбираем инструмент "Волшебная палка"

В результате этого действия будут выделены ВСЕ плашки черного цвета.
В панели PathFinder жмем кнопку Unite (см. пункт а) Шага 3). Это сгруппирует/объединит элементы нашего контура, т.е. вместо множества отдельных плашек мы получим одну группу, в которой все элементы будут одного (в нашем случае - черного) цвета.
Аналогичным образом поступаем с другими плашками, т.е. выделяем волшебной палкой и юнайтим элементы по цветовому сходству. После этих нехитрых манипуляций содержимое слоя будет выглядеть вот так:

Согласитесь, что красивше стало?

Теперь выделяя поочередно каждую группу можем подкорректировать цвета.
А можем и оставить как есть, если все устраивает.
По сути дела, персонаж уже готов и даже на этом этапе работу можно завершить. Но мы легких путей не ищем и попробуем сделать нашему кошаку цветной контур.
Заливка у кошака нашего разноцветная, поэтому нам потребуется каким-то образом разделить контур на части, каждой из которых назначить свой цвет. Некоторые советуют взять иллюстраторовский инструмент "Нож" и им порезать в нужных местах контур, потом выделить нужные элементы и задать им нужный цвет.
Мне лично такой способ не кажется удобным, потому как сам процесс выделения мне кажется жутко напряжным - мозгу приходится чрезмерно много думать, глазам искать всякие плашки, рукам нажимать кнопки типа Shift, Alt, Ctrl и пр. Тоска, одним словом. Посему предлагаю другой способ.
Итак, продолжим.
Шаг 7. Копируем контур
Собственно, ничего сложного. Выделяем наш черный контур, жмем Ctrl+С (Копировать). И пока остановимся.



затем блокирую весь слой с нашим кошаком - в этом слое мы больше пока работать не будем, нужный нам для работы контур уже скопирован в буфер обмена.
Шаг 8. Начинаем делать цветной контур.
Здесь тож все достаточно просто.
а) создаем новый слой
б) жмем Ctrl+F, вставляя в слой наш скопированный шагом ранее контур
Я определился, что буду идти от бОльшего к меньшему, т.е. сначала я намерен сделать контур для тела
кошака, т.к. тело - самый большой элемент персонажа. Знацца,
в) берем инструмент "ластик"

Вот что получилось у меня:

Далее
г) задаем для контура тела нужный цвет
д) блокируем наш слой и создаем новый, в котором будем рисовать контур для морды, и опять переходим к выполнению п. б) данного Шага.
В общем, нам понадобится создать несколько слоев, в каждом из которых будут лежать элементы контура, различающиеся по цвету.
У меня получилось вот так:

Layer1 - тут все ясно, там лежат наши цветные плашки и невидимая копия черного контура
Layer2 - часть контура для оранжевого тела
Layer3 - часть контура для желтоватой морды и пуза
Layer4 - часть контура для белых лап, груди, глаз, зуба
Layer5 - часть контура для бровей (хотя можно было объединить их с контуром тела, но это на ваш выбор)
и последний слой - он ниже других контурных элементов, это оставшиеся части нашего черного контура - черный нос, зрачки и рот.
Шаг 9. Необязательное объединение
Не знаю как вы, а я предпочитаю, чтобы отдельный персонаж был в одном слое, а не разбросан по нескольким. Поэтому просто путем группирования (Ctrl+G) я привел слой с персонажем к следующему виду

На этом, пожалуй, все.

Надеюсь, урок окажется полезным, несмотря на некоторую простоту

Автор: kaktuzzz

Отредактировано: meine_kleine — 7 Августа 2013, 23:59