Как без дизайнера оформить рецепт в виде инфографики. Recraft

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

Recraft — сайт для генерации изображений, использующий нейросеть Stable Diffusion. Его отличает то, что он умеет работать со слоями изображений и слегка напоминает Фотошоп. Сервис англоязычный, бесплатный, работает без VPN.

Как собрать инфографику из отдельных элементов

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

Перейдите на сайт сервиса, нажмите на оранжевую кнопку «Try Recraft Free» в центре экрана и пройдите регистрацию. Поддерживается Discord, аккаунт Google или электронная почта.

На нескольких приветственных экранах Recraft предложит небольшой опрос и ознакомит со своими возможностями. Нажмите на оранжевую кнопку «Let`s recraft!», чтобы перейти в личный кабинет. Вы увидите в нём первый, демонстрационный проект. Создайте новый, нажав в левом верхнем углу кнопку с логотипом сервиса и выбрав пункт «Create new project».

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

Сервис предлагает на выбор несколько распространённых форматов соцсетей и стандартных документов.

Добавим тарелку борща — центральный элемент инфографики. Нажмите кнопку «New raster image» и кликните по любой части рабочей области. Появится окно генерации изображения. В левом боковом меню задайте параметры генерации: выберите подходящий стиль из списка и настройте палитру цветов. Для подбора палитры нажмите кнопку «+ Add palette» и кликните на подходящий вариант (можно сгенерировать больше вариантов, нажимая кнопку «More») или просто укажите HEX-коды нужных оттенков.

Опишите желаемое изображение на английском языке. Чем подробнее запрос, тем сильнее будет соответствовать изображение и больше специфических деталей содержать. Откройте дополнительные настройки и в разделе «Level of detail» передвиньте ползунок детализации изображения от «Primitive» до «Extreme».

Когда все настройки выставлены, нажмите чёрную кнопку «Recraft». В течение пары минут сервис сгенерирует два варианта изображение по запросу. Они отобразятся внизу рабочей области.

Можно генерировать не отдельные картинки, а сразу наборы изображений, что помогает лучше придерживаться единой стилистики. Кликните по кнопке «New image set», а затем по любому месту рабочей области. Появится сетка на 6 изображений, а в левой панели для каждого из них можно указать запрос.

Чтобы новые изображения максимально были похожи на основное, снова нажмите кнопку выбора стилей. Найдите квадрат со знаком плюса, подписанный как «Add from image». В появившемся окне можно загрузить файл с компьютера или выбрать одно из сгенерированных изображений в рабочем пространстве. Выберите подходящее и нажмите кнопку «Create the style».

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

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

Уберите фон у всех изображений. Для этого выделяйте их по очереди и в верхнем меню кликайте на иконку ножниц.

Расположите изображения на странице так, как считаете нужным. Добавьте подписи, нажав на иконку «T», а затем кликнув по нужному месту рабочей области. У набранного текста можно изменять цвет, размер, выравнивание. Выбор шрифтов очень большой, но только небольшая часть поддерживает кириллицу.

Подходящий фон для рецепта можно не генерировать, а добавить из файла. Нажмите кнопку «Import image», найдите подходящее изображение на компьютере, и оно откроется во вкладке браузера. Перетащите фон на фрейм, так чтобы полностью перекрыть его. Кликните по нему правой кнопкой мыши и в выпадающем меню выберите пункт «Send to back».

Скачайте файл: выберите фрейм, кликнув на его название. В правом углу найдите кнопку «Export», установите разрешение и формат файла. Сервис позволяет сохранять изображения в формате PNG и JPG.

Вот такой борщ мы «сварили» буквально за 15 минут. Если добавить сам рецепт на картинку, будет ещё лучше.
Над материалом работали:
Сергей Пахоруков
Иллюстрации:
скриншоты сайта с Recraft
Инструкция актуальна:
на март 2024 года

Подводя итоги:

1
Выберите рецепт, напишите текст
2
Настройте и сгенерируйте изображения
3
Расположите текст и изображения по своему вкусу