Замена элементов фотографии графикой

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

В моем случае возникла задача увеличить количество вкусов шоколада, который визуально одинаков. Подробно рассказываю как я это делал.

Замена элементов фотографии графикой

Дано: шесть плиток шоколада в трех ракурсах. Каждая плитка имеет разный вкус, при этом выглядеть могут одинаково. Чтобы исключить необходимость фотографировать весь ассортимент у которого визуальное отличие отсутствует, необходимо заменить карточку-описание на всех шоколадках. Всего 18 карточек (вкусов).

Замена элементов фотографии графикой

Задача: сопроводить каждое отдельное фото всеми карточками, максимально сохранив реалистичность (будто так было при съемке). В итоге должно получиться 324 изображения.

Решение: создать паттерн действий на первом изображении, а затем повторить на остальных.

Снимал данную продукцию на зеркальный фотоаппарат с длиннофокусным объективом, но вы можете достичь такого же результата при съемке на современный смартфон. Достаточно расположить элементы на соответствующем фоне у окна. Если повезет и солнце будет скрыто за облаками, то свет получится мягкий, рассеянный. Если солнце яркое, то вы можете искусственно смягчить поступающий поток света перекрыв его тонкой тканью или бумагой.

​Было / стало
​Было / стало

1. Открываю фото в photoshop. Накладываю первую карточку из списка поверх открытой фотографии в photoshop и подгоняю масштаб (scale).

2. Конвертирую ее (карточку) в умный объект (smart object). Поверх накладываю легкий градиент светлого (направленный к источнику света).

smart object​
smart object​

3. На слое ниже рисую тонкую линию по контуру, размываю при помощи blur.

Замена элементов фотографии графикой

4. Добавляю шум и подтягиваю светлые участки (output levels).

Замена элементов фотографии графикой

5. Внутри слоя с карточкой (card), который ранее сделал умным объектом (smart object), добавляю остальные карточки из списка. Т.к. они имеют один размер, то я просто перетягиваю их в окно редактируемого файла.

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

6. Профит.

В случае с фотографиями под другим ракурсом, где плитка шоколада уходит в расфокус (боке), необходимо добавить эффект tilt-shift к слою с карточками (card).

​Filter > Blur Gallery > Tilt-Shift
​Filter > Blur Gallery > Tilt-Shift

Чтобы достичь максимального сходства с реальностью, необходимо продублировать файл (image > duplicate) и открыть по соседству (window > arrange > 2 up vertical). Запустить эффект и вживую изменяя параметры добиваться желаемого результата.

Спасибо за внимание.

3131
12 комментариев

Н-да… Photoshop Variables, созданные для автоматизации шаблона, при помощи вышеупомянутых actoin, изменяемыми текстами и графикой (текстовым описанием задаются, прямо в excel или в чём вам удобно, хоть в блокноте и не надо ничего "перетаскивать") — неизвестно для кого придумали.

5
Ответить

Подскажите, будут сохраняться стили шрифтов?

Ответить

Поздравляю, вы придумали мокап ! :)

5
Ответить

Эм.. Урок по фш на уровне джун. Такого полно в ютубчике, зачем это в текст пускать - мне не понятно..

4
Ответить

Для рекламы шоколада, конечно же.

6
Ответить

На следующем шаге возникла такая же задача повторить с шоколадками другого вида. Повторил.

2
Ответить

Комментарий недоступен

5
Ответить