{"id":14293,"url":"\/distributions\/14293\/click?bit=1&hash=05c87a3ce0b7c4063dd46190317b7d4a16bc23b8ced3bfac605d44f253650a0f","hash":"05c87a3ce0b7c4063dd46190317b7d4a16bc23b8ced3bfac605d44f253650a0f","title":"\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u043d\u0435 \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0432 \u043d\u0438 \u043a\u043e\u043f\u0435\u0439\u043a\u0438","buttonText":"","imageUuid":""}

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

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

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

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

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

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

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

​Было / стало

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

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

smart object​

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

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

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

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

6. Профит.

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

​Filter > Blur Gallery > Tilt-Shift

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

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

0
12 комментариев
Написать комментарий...
Ivan Illyn

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

Ответить
Развернуть ветку
Elena Skochkova

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

Ответить
Развернуть ветку
Ivan Illyn

Конечно. Это такой же объект, "как обычный", например как обычный текстовый блок. Просто сами слова или изображения берутся из файлика (либо названия картинок, которые нужно взять). Рекомендую делать тексты не просто "строчкой", а текстовым блоком, который заведомо не залезает за границу области предназначенной для текста. Иногда есть смысл посчитать, сколько приблизительно текста влезет в блок. Чтобы на момент написания строк в документ со строками не делать таких текстов, что не поместятся.

https://helpx.adobe.com/ru/photoshop/using/creating-data-driven-graphics.html

Ответить
Развернуть ветку
Karzec

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

Ответить
Развернуть ветку
Artem Latynof

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

Ответить
Развернуть ветку
Денис Коротков

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

Ответить
Развернуть ветку
ОлегБерлёв
Автор

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

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Nikita Kudryavtsev

я Канеш может даун, но если сам шоколад выглядит одинаково, почему его нельзя просто сфоткать в прозрачной обёртке без лейбла, а инфу и айдентику вынести  на уровень выше в зависимости от енваренмента?

Ответить
Развернуть ветку
Alexander Zhikh
енваренмента

Омайгадабл, вы что, крейзи такие вордс писать? :)

Ответить
Развернуть ветку
Nikita Kudryavtsev

мне дабл плиз

Ответить
Развернуть ветку
Dan Diborn

Action - в студию!:)

Ответить
Развернуть ветку

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

Развернуть ветку
9 комментариев
Раскрывать всегда