Искусственный интеллект в карточках товаров для маркетплейсов: живой пример и мини-туториал.

В наше время искусственный интеллект (ИИ) стал неотъемлемой частью нашей жизни. Я давно хотел попробовать знаменитую в кругах дизайнеров нейросеть Adobe Firefly в своих работах.
Одна из интересных особенностей этой нейросети заключается в том, что она способна создавать креативы на основе визуального наброска, а точнее, объединять сгенерированный контент со «справочной композицией».

Давайте рассмотрим процесс создания карточки товара с помощью ИИ на конкретном примере.

Шаг 1: Рисуем схематично

Сначала мы создаем схематичный рисунок в любом удобном редакторе. В моем случае я использовал Figma.
Вот что у нас получилось:

Искусственный интеллект в карточках товаров для маркетплейсов: живой пример и мини-туториал.

Что это? Конечно, кокос, разрезанный на слайсы!

Шаг 2: Пишем промт

Затем мы переходим к Adobe Firefly и пишем промт — запрос, по которому генерируется картинка. Я написал текст на русском языке, но без VPN все равно не обойтись.

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

Шаг 3: Выбираем подходящее изображение

После этого мы выбираем подходящее изображение, и начинается волшебство.

Шаг 4: Добавляем настройки

Теперь мы добавляем настройки:

  • Справочная композиция: отрисованный кокос на красном фоне в Figma.
  • Справочный стиль: сгенерированный кокос в Adobe Firefly.

Полный скрин из Adobe Firefly
Полный скрин из Adobe Firefly

Немного ждем — волшебству тоже нужно время на работу!

И вот результат:

Точь в точь.
Точь в точь.

Круто, не правда ли?

Но есть некоторые нюансы: наши слайсы кажутся бездонными внутри. Возможно, если бы наш кокос в Figma был с дырками, то все было бы в порядке, не проверял.
Тем не менее, результат отличный.

Теперь мы добавляем наш товар, пишем УТП (уникальное торговое предложение), добавляем декоративные элементы, подиум и так далее. Вот готовая карточка, созданная с помощью ИИ.

Готовая карточка
Готовая карточка

Рекомендую вам попробовать Adobe Firefly и создать что-то интересное своими руками. Это будет увлекательный опыт.
P.S. Хочу заметить, что не всегда и не всем клиентам нужен дизайн, созданный с помощью искусственного интеллекта. Порой возникают задачи, которые не предполагают использование ИИ. Например, когда требуется создать простую карточку в минималистичном стиле с почти однотонным фоном.

С радостью делюсь новостью, которая будет полезна всем, кто только начинает свой путь в дизайне. Даже если вы никогда раньше не использовали Figma, но хотите начать, мой канал на RUTUBE может стать вашим проводником в мир дизайна.

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

Всем спасибо!
До новых встреч)

2
4 комментария