Этот урок включает в себя 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 x800px, сделайте заливку спектром по середине документа, с помощью инструмента 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 - Watercolor и Splatter.