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

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

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

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

Первым делом я ограничил для себя инструментарий Photoshop следующим набором:

1) brush tool 2) pen tool 3) magic wand 4) заливки чистым цветом 5) gradient tool

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

1. Создание файла нужного размера. При этом, не рекомендую работать на канвасе менее 20х20 см при 300 dpi, т.к. для качественной трассировки минимальная толщина линии должна превышать 3 px.

2. Перенос в рабочую область линейного скетча и обводка контура при помощи графического планшета и/или pen tool. При этом контур должен размещаться на отдельном слое и иметь название "kontur", по которому Вы сможете его узнать.

Обводим контур

3. Блокировка контура и заливка цветом (на отдельных слоях) основных объемов. Заливка производится под слоем с контуром. Каждый слой должен иметь название, при этом не стоит заливать на одном слое несколько объектов, даже если они одного цвета, т.к. в дальнейшем эти контуры могут быть использованы в качестве маски для векторных эффектов. Для заливки мы используем magic wand c установленными галочками Anti-alias, Contiguous и Sample all layers. После выделения окрашиваемой области на новом слое при помощи magic wand, перейдите в меню select, где под вкладкой modify выберите модификатор expand. В появившемся окне введите 1 или 2 в зависимости от толщины контура. Выделение расширится на заданное Вами число пикселей и вы избежите появления дырок при трассировке.

Заливаем цвет

4. Прокладка теней и света. Когда все цвета будут залиты, их нужно сгруппировать в одну папку "colour". Над этой группой создайте новый слой, назовите его "shadow 40" и в настройках режима наложения в палитре Layers выберите Multiply. Параметр Opacity задайте 40%. Тени прокладываются 100% чёрным при помощи кисти или, если у Вас нет планшета, используйте замкнутые пути с заливкой. Для света создается слой с названием " light 30" и opacity 30%. Если потребуется больше градаций тени и света, можно создавать дополнительные слои, играясь с числовым значением Opacity.