Обработка и цветокоррекция фото для иллюстрации на сайт

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

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

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

Все фото — кликабельны.

1. Открываем исходное фото в фотошопе. У меня это изображение с креслом, столиком и диваном — скачать его можно здесь.

2. На панели Слои снимаем замок с фона — двойным кликом по слою или просто перетащив замок на корзинку внизу панели. Наше изображение теперь можно редактировать.

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

4. Применяем маску к выделенной области. Это можно сделать через меню Слои — Слой маска — Показать выделенную область или нажатием третьей кнопки (прямоугольник с кругом в средине) в самом низу панели слоев.

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

5. Корректируем ножки стола и кресла — дорисуем недостающей части и слегка затемним блики. Я это делаю обычной кистью коричневого цвета на новом слое. В результате получаю это:

А вот так выглядит корректирующий слой:

6. Добавляем резкость. Для этого нужно создать копию откорректированного кресла. Выделяем оба слоя в панели слоев (выбираем один слой, нажимаем на клавиатуре Crtl и нажимаем на второй), затем дублируем их с помощью клавиш Ctrl + J и объединяем в один слой нажатием Ctrl + E. Для порядка, можно переименовать слой в «резкость».

7. Выделяем новый слой «резкость» на панели слоев, и применяем фильтр через меню Фильтр — Другое — Цветовой контраст. Значение «Резкость» ставим в пределах 0,3-1,0. Я выбрала среднее значение в 0,5 пикселов:

8. Добавим этому слою контрастности. Выбрав меню Изображение — Коррекция — Яркость/Контрастность, в параметрах устанавливаем ползунок Контрастность в значение 50.

9. Сменим параметры наложения для нашего слоя «резкость». Для этого выделяем его на панели слоев и над ним в выпадающем списке выбираем «Перекрытие» вместо «Обычные» . Дублируем слой с помощью Ctrl + J.

10. Пришло время поработать над коррекцией цвета. Зажимаем кнопку Ctrl и не отпуская кликаем по миниатюре слоя «резкость», получим выделение нашего кресла и столика. Создаем для них корректирующий слой из меню Слои — Новый корректирующий слой — Кривые. В открывшемся окне добавляем точки, смещая их и наблюдая за нашим изображением — добиваемся желаемого результата по виду фото. У меня вышло 2 точки с таким расположением:

11. Снова выделяем наше кресло с помощью зажатия кнопки Crtl и клика по миниатюре слоя «резкость». Идем в меню Слои — Новый корректирующий слой — Цветовой тон/Насыщенность. Сначала откорректирую цвет дерева, сделав отлив не красным, а слегка желтоватым и поярче. Мои установки:

12. Как видим теперь у нас ткань на кресле стала желтоватой и не очень привлекательной. Выделяем с помощью лассо только область с обивкой кресла:

13. Идем в меню Слои — Новый корректирующий слой — Цветовой тон/Насыщенность и меняем ползунки, чтобы получить красивый белоснежный цвет обивки кресла. Мои установки:

14. Ретушь и цветокоррекция кресла готовы, осталось добавить фон и тени:

Иллюстрация для веб-страницы готова!

Таким образом можно проводить несложную обработку и цветокоррекцию фотоматериалов для статей.