Быстрое создание объемной иконки

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

 

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

1) Вырезаем.
Берем инструмент «Прямоугольное лоссо» и вырезаем картинку.
а) Вырезаем заходя немного 1-2 пикселя на объект, чтобы не оставалось артифактов.
б) Вырезали как показано на картинке ниже, далее включаем стерку, выбираем твердую кисточку и подтираем оставшиеся артифакты не относящиеся к нашему вырезанному креслу.
В идеале, вы должны поставить объект на любой фон и не видно на краях пикселей от фона на котором было кресло.

а) Рисуем твердой кистью тень, потом ее размываем (чем дальше от объекта тем размытей)
б) Мягкой большой кистью рисуем круг и трансформируем его по плоскости.

 

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

 

3) Усиливаем контраст.
Задача сделать сильнее светлые стороны и затемнить еле темные, при этом не стоит уходить в черные пятна и засветы (за исключением бликов).
а) Включаем редактирование кривой каналов и увеличиваем контраст, но так, чтобы не было засветов.
Способов тут много:
Сделать контраст фильтрами.
Сделать контраст в ручную кистью и режимами наложения такими как Overlay и Soft Light.
Использовать инструменты Doge Tool и Burn Tool.

4) Начинаем делать цветокорекцию.
а) Можно использовать кривые и каналы в них, передвигая центральную линию можно получать нужные коррекции по цвету.
б) Инструмент Color Balance можно вызвать нажатием клавиш Ctrl+B.
Инструментов тут много и скорее всего за один шаг и один фильтр, цветокорекцию не получится сделать, зачастую требуется несколько фильтров и этапов.Тут однозначно нужно эксперементировать.

5) Увеличиваем резкость получившейся картинки.
а) Включаем кисть Sharpen и добавляем резкости, рисуя мягкой кистью по объекту.
б) Второй вариант использовать фильтр Sharpen в закладке Фильтры > Sharpen> Unsharpen Mask. Настройки Radius 0.2, Amount 150-200.

6) Для уменьшения картинки до нужного размера можно ее на всякий случай загнать в «Smart Object» и спокойно уменьшать.
Если нужно отредактировать можно будет щелкнуть по слою два раза и отредактировать в 100% разрешении.
Если уверены, что мотом не понадобиться увеличить картинку и она не понадобится в большем разрешении для верстальщика, то можете просто склеить все слои и уменьшить картинку, и еще раз добавить резкости, только главное не перестараться!
Можно сравнить, что стало и что было!


13.09.2018



Поделиться: