Горит отчёт. До собрания 40 минут. Зрители ожидают увидеть красочную и полезную презентацию. Коллеги из соседних отделов неспешно присылают слайды, да ещё и в разном оформлении. Вы думаете про себя: «Ахщцшапфтваиаываи!» — но времени на эмоции уже нет. Действовать нужно быстро.
Конечно, мы не советуем делать презентацию в спешке. Вряд ли результат произведёт фурор, люди встанут в едином порыве и будут бросать в воздух чепчики. Готовиться лучше заранее. Чтобы сделать простую презентацию, пригодятся шаблоны. Ловите 5 сервисов, которые подойдут для несложных задач. В подборке нет PowerPoint, потому что он всегда в уме.
presentsimple
2024 год: презентации можно делать с помощью искусственного интеллекта. В presentsimpleнадо только указать язык, тему и цель. Создатели внедрили в работу модель GPT-4 от OpenAI — она генерирует текст. Также сервис предлагает выбрать шаблон. Всего их 15.
Сложность в том, как сформулировать запрос. Чем он точнее, тем выше будет качество продукта. Опишите целевую аудиторию, прикрепите примеры и определите тон изложения.
Плюсы:
современный эксперимент;
быстрый результат;
одна презентация бесплатная.
Минусы:
всего одна презентация бесплатная;
15 шаблонов — не так много;
нет уверенности в качестве.
Не стоит ждать от нейросети многого. Годовую сводку и презентацию для тендера лучше ей не поручать: дольше придётся править. А вот разнообразить рутинную встречу — попробовать можно. Обязательное условие — похвастаться перед коллегами, что вы в тренде.
Slider AI
Продолжим тему ИИ. Slider AIработает по тому же принципу, что и прошлый сервис. Вводите запрос — получаете готовые слайды. За генерацию отвечает модель GigaChat от Сбера.
Кроме привычных картинок, в библиотеку входят 3D-объекты. С ними можно делать стильные переходы. Например, если показать надувной круг в виде фламинго сбоку и сверху, получится эффект анимации. Не то чтобы птица вспорхнёт и вылетит из экрана, но смотреть будет интересно.
Ещё одна фишка сервиса — диаграммы. Статистика отражается в виде рисунков. Воспринимать это проще сухих цифр.
Сервис подтягивает изображения из бесплатных стоков, поэтому уникальность продукта не будет высокой. Есть риск повториться с другим докладчиком.
Плюсы:
3D-объекты;
диаграммы;
50 шаблонов.
Минусы:
шаблоны однотипные;
оплата подписки;
нет уверенности в качестве.
Slider AI обещает сократить до 60% времени на создание презентации. Но стоит ли экономить, когда сделать нужно не «Свою игру» на корпоратив, а презентацию для инвесторов на 300 млн рублей?
Prezi
Prezi — сервис с 15-летней историей. Его особенность в том, что вместо слайдов там бесконечный холст. По нему можно перемещаться любым маршрутом и масштабировать блоки. Это позволяет делать закрученные переходы, как у Уэса Андерсона.
Несмотря на непривычную схему, сервис не игнорирует PowerPoint. Презентацию в формате .pptx можно и загрузить, и экспортировать.
Prezi не подойдёт тем, кому важна конфиденциальность. Сервис разрешает открыть любую презентацию пользователя и взять для своей работы.
В бесплатной версии Prezi неудобно обрабатывать изображения: функционал ограничен. Править картинки придётся в другом приложении.
Плюсы:
альтернатива стандартным слайдам;
огромная база шаблонов;
поддержка .pptx.
Минусы:
холст не всегда подходит;
нет конфиденциальности;
неудобно обрабатывать фото.
Prezi утверждает, ссылаясь на исследование Гарварда, что холст на 25% эффективнее слайдов. При этом консервативные зрители, которые в своей жизни видели только таблицы в Excel и заставку «Безмятежность», могут не принять новое. Показывать бесконечный холст лучше перед аудиторией с гибким мышлением.
Keynote
Keynote — продукт Apple, пользоваться им можно на macOS. В приложении доступны готовые темы, если дизайн выдумывать не хочется. Они довольно разнообразны. Цвет, смысловые блоки, оформление — всё это входит в шаблон.
В Keynote много анимационных эффектов: с ними легче делать презентацию динамичной. Но перебарщивать тоже не стоит, иначе всё будет прыгать, как в гонках по бездорожью.
Над презентацией могут работать сразу несколько человек: изменения вносятся онлайн. Сервис подходит для творческой команды.
Программа похожа на PowerPoint, но с более приятным интерфейсом. Только в Keynote меньше функций редактирования. При конвертировании презентации в .pptx обязательно что-то собьётся: эффект, шрифт или переход. Совместимость у приложений ограниченная.
Плюсы:
разнообразные готовые темы;
анимационные эффекты;
совместная работа.
Минусы:
доступ на macOS;
меньше функций, чем в PowerPoint;
ограниченная совместимость с Windows.
Keynote стоит пользоваться, если у вас уже macOS. По данным Яндекс Радара на 2023 год, доля Windows на десктопах — 93%, а macOS — 4%. Следовательно, доступен этот сервис не многим.
Google Slides
Google Slides — облачный сервис от Google. Можно сказать, упрощённая версия PowerPoint. Там меньше инструментов для графики и анимации, нет россыпи шаблонов. Зато удобно работать прямо из браузера.
Приложения Google работают вместе. Так таблицу получится сделать за пару кликов. Для этого надо загрузить график из Google Sheets — это аналог Excel. Ответить на комментарии к презентации можно через Gmail. Как и в Keynote, к редактированию есть совместный доступ.
Плюсы:
удобно пользоваться в браузере;
экосистема Google;
совместное редактирование.
Минусы:
ограниченные возможности графики;
мало шаблонов;
придётся разбираться в Google Sheets.
Google Slides отлично покажет себя, если требуется быстро сделать что-то простое. Например, тезисы к выступлению по ораторскому искусству. Главное расскажет сам спикер, а на экране будут опорные пункты.
Заключение
В каждом сервисе свои преимущества и недостатки. Где делать презентацию, зависит от цели. При желании порадовать коллег графиком на формальной встрече, подойдут и нейросети. А вот если хотите привлечь спонсоров и расширить клиентскую базу, рекомендуем поручить работу профессиональной команде.
Хотим представить список изменений, которые мы добавили на сайт за последний месяц:
1. Для будущего расширения проекта YummyAnime, а также для сотрудничества с другими платформами, разработали собственное API. Более подробно об этом можно узнать в телеграм канале нашего главного разработчика t.me/yummyanidev;
2. Переделали список нецензурных слов для комментариев под тайтлом, а также общего чата;
3. Немного изменили расположение кнопки «Добавить рецензию» на странице аниме, когда нет ни одной рецензии;
4. Установили минимальное и максимальное ограничение по вводу чисел в поля количества серий в фильтре;
5. Теперь при поиске случайного аниме по заданному фильтру, сам фильтр не будет закрываться при переходе на страницу тайтла, а его настройки также будут сохранятся;
6. Исправили большое количество мелких недоработок в интерфейсе чата и соответствующих меню;
7. Исправили большинство некорректно отображаемых элементов меню на светлой теме, в частности: изменили цвет уведомлений в личных сообщениях; в настройках «Импорт/экспорт списков» в разделе «Очистка» изменили цвет кнопок;
10. Исправили некорректное отображение оценки «10» в пользовательских списках;
11. Исправили функционал удаления статуса просмотренных серий;
12. Теперь дата рождения не будет каждый раз сбрасываться при открытии настроек своего профиля;
13. Изменили текст подсказки в блоке «ТОП-100 АНИМЕ-СЕРИАЛОВ»
Dora AI генерирует лендинги, блоги, портфолио и другие веб-страницы с уникальным дизайном за минуту. Подробнее в этой статье
Dorik AI Website Builder - делаетнормальный сайт, который легко поправить, например, добавить свои картинки или немного рихтануть текст. Легко настроить настроить ссылки на кнопки и т.д. Для первого сайта прям плюсую. Подробнее в этой статье
Coframe - это копирайтер, фронтенд-разработчик и UX-исследователь, ии-дизайнер. Вставляете адрес своего сайта, затем сервис предоставит развернутые советы с метриками. Подробнее в этой статье
Framer - конструктор сайтов с искусственным интеллектом, удобный редактор, встроенная CMS, готовые шаблоны, база картинок, готовые цветовые решения и т.п. Подробнее в этой статье
Galileo - генерирует UI дизайн по запросу и картинке. Хорошая находка для UI-дизайнеров. После генерации вы сможете редактировать макет прямо на сайте или экспортировать в Figma. Подробнее в этой статье
draw-a-ui - Генерация сайта из простого наброска без знания кода,преобразует макет в рабочую страницу. Подробнее в этой статье
Хотите узнавать первыми о полезных сервисах с искусственным интеллектом для работы, учебы и облегчения жизни? В своем телеграм канале НейроProfit я рассказываю, как можно использовать нейросети для бизнеса
Мы постарались сделать каждый город, с которого начинается еженедельный заед в нашей новой игре, по-настоящему уникальным. Оценить можно на странице совместной игры Torero и Пикабу.
День добрый,подскажите люди знающие, есть задача создать сайт с нейросеткой, обученной подсказывать на основе определенных данных (типа узкоспециализированного чат gpt). Хочется работать через фрилансеров. Какие нужны специалисты для этого? Реально ли найти кого-то одного или нужно три специалиста -
1. разработка ai, кто создаст и обучит сеть на датасете
2. фронтенд - оформление сайта
3. бэкенд - прикрутит первые два пункта непосредственно к сайту
Я не сильно близок с этим всеп, очень нужен совет тех, кто понимает, понять кого искать для работы.
Сторонний бонус вопрос - русские фриланс биржи принимают оплату с иностранных карт?
Сильный бренд — он как хороший знакомый. Знаешь о нём кое-что в общих чертах, видишь не слишком часто, но встречи всегда приятные. То вдохновляющую историю расскажет, то шуткой повеселит. Этого достаточно, чтобы составить мнение о человеке. Так же и с компанией.
Очертить образ помогают архетипы — модели с набором определённых качеств. Например, ваш знакомый кажется забавным, потому что постоянно попадает в курьёзные ситуации. То же используют бренды. Вспомните M&M’s с рекламой неловких говорящих драже. Архетип — это способ очеловечить бренд.
Выделяют 12 архетипов. Они позволяют:
выстроить позиционирование;
сформулировать ценности;
выделиться на фоне конкурентов;
понять желания аудитории.
Итак, смотрим и узнаём себя. Если не получится, вас выручит брендбук — руководство по фирменному стилю.
Шут
Примеры: M&M’s, Old Spice, «Хрусteam».
Дерзкий, весёлый, чудаковатый. Он комик, поэтому не боится быть смешным. Из любой ситуации выйдет победителем — всё благодаря юмору.
Как раз к этому типу относится M&M’s. Персонаж рекламы Old Spice всегда на коне, даже когда едет задом наперёд. «Хрусteam» фантазирует, что сухарики изменили историю России.
Герой
Примеры: Nike, Marlboro, Adrenaline Rush.
Бесстрашный, волевой, справедливый. Не зачинщик потасовки за гаражами, а доблестный гладиатор на арене. Он добивается успеха, несмотря на трудности.
«Просто сделай это», — завещает Nike. «Пришёл, увидел, победил», — скандирует Marlboro. «Всё ты можешь», — подчёркивает Adrenaline Rush. Конечно, только с их продукцией.
Бунтарь
Примеры: Harley-Davidson, Burger King, Diesel.
Броский, самоуверенный, независимый. Мыслит нестандартно, не подчиняется нормам. Этакий Базаров в мире брендов.
Harley-Davidson призывает к свободе и вечной молодости. Burger King славится провокационными слоганами, например куриную закуску представили так: «Мы окурели в край». Diesel предложил быть глупыми, но смелыми.
Маг
Примеры: Apple, Tesla, Dyson.
Изобретательный, мечтательный, гениальный. Тони Старк среди архетипов. Его сверхидея — поменять мир к лучшему, причём сделать это с магическим изяществом.
Apple, Tesla и Dyson напоминает лавку Олливандера, где продают волшебные палочки. Ну, или такую технику, которая им не уступает.
Искатель
Примеры: GoPro, Jeep, The North Face.
Любопытный, энергичный, действующий. Кидает лассо в неизвестность, расширяет горизонты. В поиске пути он бросает вызов самому себе.
Герои роликов GoPro прыгают с парашютом, кормят львов, катаются на сёрфе. Jeep — про страсть к приключениям. Слоган The North Face: «Никогда не переставай исследовать».
Мудрец
Примеры: Intel, Google, Tripadvisor.
Умный, анализирующий, надёжный. Добрый учитель: несёт свет знаний, выступает за объективность. Он не повышает голос и не манипулирует фактами.
Intel публикует данные об эффективности, в Google название связано с математикой. На логотипе Tripadvisor сова — символ мудрости.
Любовник
Примеры: Victoria’s Secret, Dior, «Я».
Привлекательный, таинственный, страстный. Стремится наслаждаться жизнью, любит эстетику. Одновременно чувственный и чувствительный, не прочь пофлиртовать.
Тс-с, Victoria’s Secret хранит секрет. Dior задаёт вопрос: «На что вы готовы ради любви?» «Где наслаждение — там „Я“», — произносится полушёпотом.
Славный малый
Примеры: H&M, «билайн», «Пятёрочка».
Добродушный, простой, предсказуемый. Свой в доску. Среднестатистический житель, такой же, как и все. С ним легко находить общий язык: он спокойный, не скандалист.
H&M делает акцент на доступности для каждого, «билайн» пишется с маленькой буквы, потому что людям так удобнее и быстрее. Есть хочется каждый день, выручает «Пятёрочка».
Невинный
Примеры: Kinder, Coca-Cola, McDonald's.
Беззаботный, оптимистичный, радостный. Заигрывает с внутренним ребёнком. Передаёт атмосферу уюта и ощущение счастья. Видишь его, и всплывают тёплые воспоминания.
Kinder обещает дарить радость, Coca-Cola ассоциируется с Новым годом, а McDonald's притягивает яркими цветами.
Заботливый
Примеры: Dove, Volvo, «Ясно».
Отзывчивый, эмпатичный, мягкий. Как участливый родитель, он выслушает и поддержит. Если нужно, обнимет и даже споёт колыбельную. В приоритете у него качество и комфорт.
Dove помогает девушкам преодолеть беспокойство из-за внешности. Volvo называл свои автомобили самыми безопасными в мире. «Ясно» — за ментальное здоровье.
Творец
Примеры: LEGO, Adobe, Pandora.
Оригинальный, созидающий, дальновидный. Он сам художник, поэтому привлекает к творчеству остальных. Он даёт простор для самовыражения и поощряет креативность.
С LEGO можно построить целый мир, с Adobe — реализовать потенциал создателя, с Pandora — составить уникальное украшение.
Правитель
Примеры: BOSS, Mercedes-Benz, Rolex.
Властный, решительный, статусный. Стереотипный директор в дорогом чёрном костюме, который ездит на не менее дорогом чёрном лимузине. Источает уверенность, проявляет лидерство.
BOSS — вся позиция в названии. Слоган Mercedes-Benz: «Лучшее или ничего». У Rolex на логотипе ни много ни мало корона.
Архетипы можно смешивать — это нормально. Так, Axe сразу и Любовник, и Шут. Но для лучшей узнаваемости один архетип должен доминировать.
Что делать, если то самое классное изображение никак не удается найти, а у заказчика пока нет ресурса предоставить нужный контент? Что можно придумать для разделов каталога, когда есть только фото для продуктовых карточек, чтобы это выглядело красиво? Как при этом не забыть о метафорах и ассоциациях бренда и создать необходимое настроение на сайте? Да еще и чтобы заказчик все это согласовал без правок…
Задача
К нам обратился заказчик с задачей создать функциональный интернет-магазин на Тильде для бренда натуральной SPA-косметики «Цветы и море». На этапе дизайн-концепции мы развили мысль о море, песке и цветах до такой степени, что сгенерировали для своих задач 400+ изображений, выделив на это 30+ часов. Как у нас получалось и не получалось, что мы делали и как именно экспериментировали, рассказываем дальше.
И сначала мы расскажем об основных этапах разработки проекта, чтобы ввести вас в контекст. Ну и якорная ссылка для тех, кому нужно скорее читать наш опыт по работе с нейронкой.
Важно — мы не генерировали изображения для товаров, весь визуал в продуктовых карточках настоящий и предоставлен заказчиком.
Сбор информации по проекту: формируем общее видение с заказчиком перед стартом
Как и всегда, мы начали с максимально подробного брифа с заказчиком: задали много уточняющих вопросов, вынесли на обсуждение примеры реализации, обсудили целевую аудиторию и конкурентов, наметили структуру, предложили список сайтов, которые можно использовать в качестве референсов.
Какая стоит задача, что заказчик видит на финише?
Будет ли виденье заказчика работать для ЦА?
Что конкретно важно для целевой аудитории?
Как проект будет жить после релиза?
Что нужно учесть при разработке и о чем позаботиться заранее, чтобы сайту не нужны были доработки через неделю после запуска?
И многое другое
Только после того, как у нас есть четкое видение, мы начали работать над сайтом.
Проектирование — продумываем структуру страниц и закладываем необходимые решения в интерфейс сайта
Мы провели маркетинговое исследование, выявили целевую аудиторию, изучили конкурентов, предоставленных заказчиком. Вдобавок к этому проанализировали лидеров натуральной spa-косметики, составили список сильных и слабых решений.
Далее мы сделали карту сайта и определились со структурой страниц на основании проведенного исследования. Мы выделили преимущества, рассказали о бренде, описали условия для сотрудничества, показали бренды, с кем сотрудничает «Цветы и море». Сняли нагрузку с менеджеров, сделав список частых вопросов и ответов на них.
Сбор информации и подготовка к проектированию
Важно было обозначить наличие акций на главном экране, встроить их аккуратно. Решили использовать слайдер с автоплеем, формат которого напоминает интерфейс сторис. Также добавили строку с информацией о бесплатной доставке от определенной суммы.
Прототип будущего интернет-магазина
Еще мы вывели популярные товары бренда на главную страницу вторым блоком, чтобы посетителям сайта не нужно было тратить время и искать любимые позиции в каталоге, а находить сразу.
Мы реализовали возможность дополнительных продаж, предложив добавить в заказ шоколадки и открытки в карточке товара. В корзине добавили поле с возможностью подписать открытку, которое появляется только если в корзине есть эта самая открытка. Реализовали на Тильде такой функционал с помощью написанного скрипта нашим разработчиком.
Корзина в 2 этапа с необходимым функционалом
Проектирование прототипа далось нам без особых сложностей — полный мэтч с клиентом позволил оперативно сделать интерактивный прототип и перейти к поиску дизайн-концепции и отрисовки макета.
Перед тем как мы подробно начнем рассказывать о промт-инженерии для проекта, кратко введем читателя в контекст того, как мы мыслили в плане общего визуала и дизайн-решений.
Мы понимали, что дизайн должен передать эстетику легкости и осознанности, расслабления, отдыха и нежности. Для нашей ЦА важен комфорт и забота о себе, их восхищает бренд, готовы оставлять развернутые отзывы в эстетичных локациях. Бренду также важно передать крафтовость и натуральность, отсутствие массового производства и трепетное внимательное отношение к каждому продукту.
ЦА
Мы начали с названия бренда, подумали и собрали ассоциации, приступили к поиску визуальных решений, нашли приятные референсы, которые можно использовать для групп товаров. Подобрали цветовую гамму с учетом товаров, упаковки и фирменного логотипа, предложили шрифтовую пару, которая дополнительно создала необходимые ассоциации и настроение.
Поиск идеи и референсы
В какой-то момент мы уперлись в то, что контент заказчика оказался достаточно «шумным» для фоновых изображений, терялись тексты и важные акцентные элементы интерфейса. Контент подходил только для визуализации каталога товаров + была вероятность дублирования визуала из-за ограниченного количества изображений. Еще мы начали ломать голову над тем, как проиллюстрировать разделы каталога. Ну и в целом контент заказчика был заточен больше под соцсети — видео и фото были предоставлены нам в вертикальном формате.
Контент от заказчика
Мы пошли на фрипик, чтобы найти для себя решение, но уперлись в то, что все-таки делаем интернет-магазин и подобрать что-либо между собой более менее бьющееся по визуалу не представляется возможным. Больше к премиум-стокам не возвращались. Начали смотреть в сторону нейросетей.
Нейронки. Вступительное слово и поехали.
О чем пойдет статья дальше? Важно — это не мануал в привычном в виде с обзором каждой кнопки. Это статья о том, как в реальной коммерческой разработке можно смело экспериментировать и внедрять в работу различные Ai-инструменты и получать довольно качественный результат, параллельно решая распространенную проблему в дизайне – отсутствие визуального контента от заказчика.
Передаем слово нашему дизайнеру — Сергею, который поделится с вами всеми своими наработками в процессе генерации контента для «Цветы и море».
Почему выбрали Stable Diffusion, а не Midjourney
Прочитав несколько обзоров и сравнений генеративных нейросетей, предварительно решили, что нам больше подходит именно Stable Diffusion, так как он оказался достаточно гибким и функциональным для наших задач. Я бы его назвал настоящим комбайном, в котором ограничений практически нет, но чтобы научиться пользоваться всеми возможностями этого инструмента, придется очень сильно погрузиться в технические аспекты.
По Midjourney — думаю, все в него успели поиграться, многие работают на постоянной основе, но я не смог добиться стабильного результата. Полученные изображения были не такими реалистичными, как мы задумали, сделать пак изображений в одном стиле не получалось — при детальном рассмотрении контента нам что-нибудь да резало глаз.
Почему мы выбрали Stable Diffusion?
Редактирование созданных изображений — можно легко менять конкретные элементы на изображении с помощью функции Inpaiting, а с помощью outpaiting возможно наращивание фона в контексте изображения. Эта функция очень нам пригодилась для страниц разделов товаров, далее расскажу подробнее.
Распределение веса по конкретной характеристике в промте — за счет этого можно гибко настроить промт и получить наиболее точный результат.
Установка конкретных моделей, которые нужны тебе. У Stable Diffusion большое сообщество, в сети можно найти крупные каталоги с базой различных моделей и обученных дополнений Lora, которые устанавливаются поверх базовых моделей. Большинство из них находятся в свободном доступе.
Функция img2img — метод создания изображений на основе загруженного референса, благодаря чему появляется возможность сделать сет в одном стиле. Для нас важно, чтобы контент на сайте был в одной стилистике.
Наличие seed у генерируемого изображения. Что это и зачем? Seed — уникальный код или идентификатор изображения, который дает нам возможность вносить в запрос изменения точечно, сохраняя основную композицию, обстановку или объект на изображении. Далее расскажем как пользовались данной фичей.
Технические нюансы, установка, первые результаты.
Первая сложность, с которой столкнулись — сборок для систем на базе Mac практически нет и их не так просто найти, в основном сборки идут под Windows. Я нашел два подробных мануала для развертывания для Mac на github. Вот первый и второй, если делать все по инструкции, заработает без танцев с бубном. Если же что-то не получится, пишите в комментариях, постараюсь помочь.
Установив Stable Diffusion, нужно было установить модель, на основе которой буду генерировать контент. После небольшого ресерча решил поработать с моделью Deliberate_v5 от популярного разработчика моделей Христ. Добавлю, чтобы корректно работали функции outpainting и inpainting, дополнительно сразу скачайте модель с приставкой Deliberate_v5-inpainting. Установка модели довольно проста: просто копируем в папку models, где был установлен Stable Diffusion.
Покопавшись в мануалах и посмотрев несколько обучающих видео, начал пробовать составлять промты и с интересом смотреть что получается. На первых порах не использовали негативные промты.
Так выглядит интерфейс Stable Diffusion
План был такой: сначала необходимо добиться более менее качественного результата с генерацией изображения для главного экрана, чтобы понять реально это в принципе для нашей задачи, а дальше генерить остальной контент. В одном из мануалов ссылались на переводчик deepl как лучший вариант составления для промтов, учел эту рекомендацию.
Приступил к составлению промтов из разряда «bath bomb or bath fizzie», «бомбочка для ванны или шипучка для ванны», дело двинулось. Далее стал задавать новые условия: белый/светлый фон, количество, тень и ее резкость, формат изображений, остановился на разрешении 1024х512. Также попробовал распределять вес ключей для более тонкой настройки — «bath bomb or bath fizzie, (A few pieces:1.5), white surface».
Добавлю, что при разрешении 1024х512 и методе txt2img генерация одного изображения занимала 45 секунд на процессоре m2 pro, при более высоких разрешениях доходило до 3-4 минут. В Stable Diffusion есть возможность выставить количество изображений для генерации пакетов изображений, что очень удобно. Выставляем 10 или 20 вариантов генераций, спустя 10-20 минут все готово. Остается выбрать понравившиеся результаты и seed и далее работать уже с ними. Прикрепляю первые результаты.
С каждым новым изображением я лучше понимал алгоритм и логику работы со Stable Diffusion, результат становился все интереснее, но от косяков в виде мутаций, артефактов и различных деформаций пока не мог избавиться.
Расширял промты и добавлял новые условия: «сухоцветы лаванды», «основание из дерева», «мягкие тени», «идеально круглая форма». Потом с помощью Midjourney составил промт, загрузил референс и полученный промт попробовали использовать для Sd, но ничего не вышло — видимо, алгоритмы и промтинг у Stable Diffusion и Midjourney работают совершенно по- разному.
Пример промта, который нам выдал Midjourney:
a box with a bunch of flowers inside of it, pinterest contest winner, private press, reflective lavender ocean water, dried herbs, detailed product image, bath, on parchment, light bloom, branches wrapped, surface hives, blue sunshine, maternal, product label, bubble bath, safehavenhq, nest
А ниже то, что получилось с промтами от Midjourney. В моменте казалось, что вырисовывается что-то симпатичное, но под наши задачи, увы, не подходило.
Генерации на основе промта от Midjourney
Снова переработал промт, прописал более конкретные условия и добавил негативный промт
9 bath bombs, lying next to each other on a white surface, they are surrounded by small branches of dried flowers
9 бомбочек для ванны, лежащих рядом друг с другом на белой поверхности, их окружают маленькие веточки засушенных цветов.
Продолжал эксперименты с промтами и весом ключей и в какой-то момент получил результат, который нас устроил в качестве версии 1.0.
Версия 1.0
Работал в режиме txt2img, промт:
9 bath bombs, bath salts, lying next to each other on a beige surface, they are surrounded by small branches of dried flowers, photo angle from the side, colors of bombs white gray milky
(9 бомбочек для ванны, соли для ванны, лежат рядом друг с другом на бежевой поверхности, их окружают маленькие веточки засушенных цветов, ракурс фото сбоку, цвета бомбочек белый серый молочный)
Негативный промт, чтобы исключить цвета, которые нам не подходили по стилю:
На тот момент у нас уже был готов дизайн-макет, известна цветовая палитра, подобраны шрифты. Мы «примерили» полученное изображение и наконец поняли, что попали, результат нас устроил на 9 из 10. Нам захотелось улучшить результат, продолжили работать на качество и детали.
Как улучшить получившийся результат в Stable Diffusion?
Каждое изображение имеет свой уникальный идентификатор — seed. Я использовал seed данного изображения и стал менять промт. Что это дало? Результат теперь получался не рандомным, а очень схожим с оригиналом. Мы могли развивать данное изображение — менять не только промт, но и другие настройки.
Когда я увеличил разрешение изображения с 952х448 до 1560х771, произошел известный баг в Stable Diffusion — дублирование сущностей. И так как мы работали с бомбами для ванной, а не с человеческими головами или руками, нам это пошло только на пользу, увеличив количество элементов с 4-6 до 8-12. Кстати, в сети довольно много мануалов о том, как бороться с дублированием контента в Stable Diffusion при генерации.
Далее составил универсальный негативный промт, воспользовавшись рекомендациями в найденных мануалах на просторах интернета, который бы повлиял на уменьшение количество мутаций и деформаций.
Промежуточный результат
Финальный результат, который нас устроил
Докрутив предыдущий промт на основе прошлого seed, получил наш финальный результат, который отлично вписался на главном экране сайта.
Изображение для главного экрана
Режим txt2img, промт:
9 bath bombs, bath salts, lying next to each other on a beige surface, (they are surrounded by small branches of dried lavender:0.9), photo angle from the side, (photorealistic:1.5), detailed, 8k
Негативный промт достаточно универсален и подойдет во многих случаях, так как больше нацелен на борьбу с деформациями и мутациями:
blue, pink, ((((ugly)))), (((duplicate))), ((morbid)), ((mutilated)), [out of frame], extra fingers, mutated hands, ((poorly drawn hands)), ((poorly drawn face)), (((mutation))), (((deformed))), ((ugly)), blurry, ((bad anatomy)), (((bad proportions))), ((extra limbs)), cloned face, (((disfigured))), out of frame, ugly, extra limbs, (bad anatomy), gross proportions, (malformed limbs), ((missing arms)), ((missing legs)), (((extra arms))), (((extra legs))), mutated hands, (fused fingers), (too many fingers), (((long neck))), out of frame, duplicate, watermark, signature, text, ugly, morbid, mutated, deformed, blurry, bad anatomy, bad proportions, cloned face, disfigured, fused fingers, fused limbs, too many fingers, long neck
Далее нам оставалось в похожей стилистике создать контент для разделов каталога интернет-магазина. Действовал по уже выработанной схеме — использовал ключи прошлых промтов, которые описывают обстоятельства, добавлял необходимые ключи, использовал прошлые seed.
Вот такой интересный результат у нас получился:
Изображения для разделов каталога
Наращивание фона
Последнее, что оставалось — получить из формата 1:1 горизонтальные широкоформатные изображения для hero-секций страниц разделов. Функционал Stable Diffusion позволяет это сделать — нужно использовать outpainting (нейросеть может нарастить фон изображения в любую выбранную сторону исходя из контекста изображения) в режиме img2img. В сети и на ютубе много подробных мануалов, здесь не буду расписывать подробно.
Далее с помощью функции inpaint почистил изображения от артефактов. Оставалось сделать цветкор и дополнительно сделать апскейл.
Результат:
Главные секции страниц разделов
Что думаем насчет всего этого волшебства?
Нейросети могут помочь в решении определенных задач, стоящих перед дизайнерами. Считаем, что каждому в нашей профессии нужно попробовать-потрогать-пощупать и выбрать для себя инструмент, который будет полезен в работе. Использовать нейронки и изучать их функционал важно для развития и большей востребованности на рынке. Надеемся, что наш кейс окажется полезным, вдохновляющим и побуждающим к изучению, экспериментам и созданию крутого контента для рабочих и не очень задач. На текущий момент сайт в боевом режиме, работает и приносит прибыль своим заказчикам.
Суммарно на эксперимент с генерациями по этому проекту было потрачено 30+ часов, получено 400+ изображений, просмотрено и прочитано более 30 мануалов. Ссылка на фигму со всеми вариантами здесь.
Итоговый результат
Полученный дизайн презентовали заказчику, который был принят без правок. Нас поблагодарили за решение и то, как органично встроился сгенерированный контент в общую концепцию. Дизайн сверстали на Тильде в zero блоках, подключили каталог, настроили корзину, написали два скрипта для нестандартных решений, подключили сервис доставки и платежную систему, сделали технические настройки. На текущий момент сайт в боевом режиме, работает и приносит прибыль своим заказчикам.
Расскажите о своем опыте работы со Stable Diffusion и другими нейросетями — поделитесь в комментариях.
Moqups - это оптимизированное веб-приложение, которое помогает создавать каркасы, макеты, диаграммы и прототипы и совместно работать над ними в режиме реального времени.
Можно работать удаленно в облаке - в любое время и на любом устройстве - без необходимости загружать и скачивать файлы.
Полная экосистема инструментов в единой среде проектирования. Можно перейти от диаграмм, каркасов и прототипов без переключения приложений или обновления между платформами.