Этот урок включает в себя 9 способов обработки векторных изображений в Adobe Photoshop. С их помощью Вы сможете добавить векторным рисункам глубины цвета, контраста, текстур, расставить акценты.

Для чего необходимо обрабатывать векторные изображения?

Векторные изображения, как правило, выглядят очень плоскими и скучными из-за отсутствия визуальных эффектов и поэтому постобработка в Adobe Photoshop добавит рисункам больше "жизни", ярких цветов, контраста, различных эффектов. Вот некоторые из моих работ до и после обработки в Фотошоп:

Метод 1: Эффект Lens Flare

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

Я думаю у Вас найдется работа к которой можно было бы применить эффект "Линзы". Итак, создайте новый слой поверх изображения и залейте его черным цветом. Далее идем в Filter > Render > Lens Flare, выставляем настройки по-душе, а затем меняем режим наложения слоя на Screen. Ну разве не просто? :)

Если Вы хотите оставить только некоторые области линзы, например центральную (самую яркую), то сделайте выделение вокруг нее, затем смягчите края выделения с помощью команды Feather (Alt+Ctrl+D), введите значение от 10 до 20px, инвертируйте выделение (Shift+Ctrl+I) и удалите содержимое с мощью клавиши Del.

 

 

 

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

 

 

Метод 2: Colorful и Dusty эффект

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

Для этого используем радиальный градиент, наносим несколько мягких пятен на полотно (см. настройки на скриншоте) и меняем режим наложения слоя на Dissolve.

 

 

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

 

 

Метод 3: Радуга

Если Вы когда-нибудь задавались вопросом как я сделал радугу на иллюстрации Phoenix, которая в данный момент является частью дизайна nDesign-studio, то ответ заключен в фильтре Polar Coordinates (Полярные координаты).

Создайте новый документ 800 x 800px, сделайте заливку спектром по середине документа, с помощью инструмента Gradient Tool (G) и используя стандартный градиент "Spectrum". Двлее идем в Filter > Distort > Polar Coordinates - так мы получили идеальный круг спектра!

 

 

Теперь необходимо смягчить края у переходов цветов и по краям, для этого идем в Filter > Blur > Gaussian Blur, используем значения для радиуса от 5 до 10px, зависит от размера Вашего документа. Чем больше документ, тем большее значение надо вводить.

 

 

Если Вы хотите чтобы видна была только часть радуги, используйте Маски слоя, чтобы скрыть часть изображения. Внизу на палитре слоев нажмите значек "Add layer mask", затем возьмите инструмент Gradient Tool, установите градиент "от черного к прозрачному" или "от черного к белому" и растяните его по маске слоя. Черные области станут прозраачными, серые - полупрозрачными, а белые будут польностью отображены.

 

 

Метод 4: Glowing Lights - Background (Свечение - фон)

Это наиболее простой и быстрый путь для создания ярких и красочных фонов для Ваших векторных работ.


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

Экспериментируйте с режимами наложения слоев, такими как Overlay, Color, Multiply, Screen, и Color Dodge и наносите все новые цветовые пятна.

Метод 5: Частицы

Этот метод о том, как создать частички в виде потока, такие как в одной из моих работ Flow.

Возмите инструмент Pen Tool (P) и создайте незамкнутый Путь (Path). Далее возмите инструмент Brush Tool (B), выставьте любой размер кисти (например 3px). В панели настроек кисти выставьте параметры Scattering и Shape Dynamics (Вы можете поиграть с параметрами для достижения различных результатов).

 

 

На палитре Paths сделайте клик правой кнопкой мыши и выберите "Stroke Path", таким образом путь зальется текущими настройками инструмента Brush.

 

 

Создание частиц с помощью Планшета.

Естесственно, Вы можете добится подобного эффекта вручную с помощью Планшета. В палитре настроект кистей выставьте параметры для Shape Dynamics и Scattering или любые другие параметры в режим Pen Pressure и экспериментируйте с результатами при помощи силы нажатия и скорости движения пера.

 

 

Метод 6: Color Dodge

Векторные работы выглядят плоско, но при использовании инструмента Color Dodge Вы можете добавить контраста работам и создать места, для фокусировки внимания.

Вставьте Ваш векторный рисунок на новый слой, используя инструмент Eyedropper Tool (I) (Пипетка) возьмите образец яркого цвета с изображения, выставьте режим для работы инструментом Brush Tool (B) в Color Dodge, прозрачность в 5-10% и сделайте несколько кликов/мазков в том месте изображения, где Вы хотите повысить контраст или привлечь внимание пользователя более ярким участком.

 

 

Метод 7: Размытие и затемнение

Как уже было неоднократно сказано ранее, векторные изображения выглядят плоско и чтобы добавить им немного объема размоем и затемним некоторые участки. Этот метод был также использован в одной из моих иллюстраци Flow. Заметили, что часть текстуры на фоне размыто и затемнено?

Просто скопируйте нужны участок изображения и примените к нему размытие по Гауссу (Gaussian Blur) 3-5px.

Метод 8: Watercolor (акварель)

Текстуры с акварелью и вектор очень хорошо сочетаются:

 

 

Установите любой цвет в пастельных тонах, например розовый, зеленый, пурпурный, оранжевый и т.д. Выберите Pencil Tool, укажите диаметр кисти 100px, прозрачность (Opacity) 10% и нанесите хаотично на новом слое.

 

 

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

Метод 9: Винтаж

Этот метод о том, ка кдобиться эффекта винтажных изображений. Хоть я его никогда и не использовал в своих работах, все же с ним знаком.

 

 

Вставьте работу в Photoshop, возьмите инструмент Eraser Tool (E) (Ластик), выставьте режим в Pencil, выберите одну из гранжевых кисточек и начните удалять части изображения, таким образом через потерточти будут просвечиваться нижние слои.

В своих работах и примерах я использовал кисти от BitBox - [url=http://zerolayer.ru/2007/12/03/kisti-dlja-photoshop-watercolor-i-i-ii.html" target="_blank" title="Кисти для Photoshop - Watercolor">Watercolor и Splatter.