Привет, Хабр! Меня зовут Алина, я дизайнер в Friflex. Отвечаю за красоту мобильных и веб-интерфейсов и делаю иллюстрации для медиаканалов компании. 

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

Вместе с коллегами мы собрали лучшие примеры, которые помогут получить качественный результат в работе с Midjourney.

Как начать работать с Midjourney

Для начала расскажем про то, как и где работать с нейросетью.

Как получить доступ к Midjourney:

  1. Midjourney работает через бот в мессенджере Discord. Для этого нужно создать там аккаунт и верифицировать его. Гид, как начать работать с Midjourney.

  2. Доступ к нейросети сейчас платный. Базовый тариф стоит 10, стандартный — 30, «Про» — 60 и «Мега» — 120 долларов в месяц. Разница в основном состоит в скорости генерации изображений и количестве работ. Подробнее о тарифах.

  3. В Discord нужно подключиться к серверу Midjourney — чат с ботом появится в личных сообщениях. Также можно создать свой сервер и добавить в него бота. Дальше заходим в личные сообщения и начинаем вводить команды.

Для генерации изображений можно использовать команды:

  • /imagine — главная команда для отправки запроса на генерацию изображения из короткого описания (promt);

  • /settings — открывает окно настроек;

  • /blend — чтобы смешать несколько изображений, которые лежат на компьютере;

  • /describe — команда, по которой Midjourney опишет сгенерированную картинку.

Prompt (далее — описание, запрос, промпт) лучше писать на английском языке, так как другие языки Midjourney понимает хуже. Чем подробнее описание, тем лучше — так будет меньше простора для фантазии у нейросети, и она более точно попадет в ваш запрос.

Как генерировать изображение:

  1. Задаем команду /imagine.

  2. В строке promt пишем на английском языке описание, какое изображение хотим получить.

  3. Бот распознает текст и выдает картинку, точнее, сет из четырех изображений.

  4. Эти четыре картинки — не итоговый результат. Под коллажем появятся кнопки. В верхнем  ряду — U1, U2, U3, U4. Это апскейлинг. Можно выбрать наиболее удачную картинку, и нейросеть улучшит ее разрешение.

В нижнем ряду — V1, V2, V3, V4. Можно выбрать одну из картинок, и Midjourney сгенерирует еще четыре ее вариации — когда хочется посмотреть, что еще может сделать нейросеть в том же духе.

  1. Кликаем на понравившееся изображение, далее — на «Открыть в браузере» — картинка откроется в полном размере — открываем меню правой кнопкой мыши — нажимаем на «Сохранить картинку как…».

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

Далее поделимся, для каких задач мы использовали Midjourney, какие запросы писали и какие результаты получили.

P.S. На платных тарифах Midjourney сгенерированные картинки можно использовать в коммерческих целях.

Оформление интерфейса

Первый и простой вариант использования Midjourney — фоны и графические элементы, которые можно сгенерировать в нужном стиле и использовать для оформления интерфейсов.

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

Наиболее подходящие стили для создания диджитал-иллюстраций:

  • Vector illustration

  • Flat illustration

  • Abstract art

  • 3d

Для более стильного изображения без обилия лишних деталей советуем добавлять в описание “minimalism”. 

Найти стили можно в большой библиотеке Midlibrary: 3000+ Midjourney AI Styles @ Andrei Kovalev's Midlibrary
Найти стили можно в большой библиотеке Midlibrary: 3000+ Midjourney AI Styles @ Andrei Kovalev's Midlibrary
Ещё одна библиотека со стилями художников: clio.so/rabbitsxl
Ещё одна библиотека со стилями художников: clio.so/rabbitsxl
Prompt: object, glassmorhism style icon, ultra transparent, glass sculpture, minimalist icon design, golden ratio, use of screen tones, light red and ogrange, Frosted Glass Semi - bright color, , ray tracing, pinterest, dribble, reduce details, 8
Prompt:
object, glassmorhism style icon, ultra transparent, glass sculpture, minimalist icon design, golden ratio, use of screen tones, light red and ogrange, Frosted Glass Semi - bright color, , ray tracing, pinterest, dribble, reduce details, 8

Примеры сгенерированных изображений:

Варианты для интерфейса приложения idChess. Решили поэкспериментировать и посмотреть, насколько хорошо нейросеть может создать серию графики для нового фирменного стиля. Prompt: 3d cubes minimal clean monochrome
Варианты для интерфейса приложения idChess. Решили поэкспериментировать и посмотреть, насколько хорошо нейросеть может создать серию графики для нового фирменного стиля. Prompt: 3d cubes minimal clean monochrome
Варианты иллюстраций для приложения «Бристоль». Prompt: shop assistant in red clothes with black hair illustration
Варианты иллюстраций для приложения «Бристоль». Prompt: shop assistant in red clothes with black hair illustration
Еще варианты иллюстраций для приложения «Бристоль». Prompt: an illustration of wine with grape in style of Rene Magritte
Еще варианты иллюстраций для приложения «Бристоль». Prompt: an illustration of wine with grape in style of Rene Magritte

Генерация изображений по картинке

Похожие изображения. Иногда нужно создать изображение, похожее на понравившуюся картинку. В этом случае в Midjourney можно сделать генерацию по картинке: загружаем картинку как референс и дописываем запрос словами.

Загрузили картинку с котиком в коробке и написали запрос. Prompt: happy ginger cat curled up in a cardboard box, top view, top down full body shot, photo - realistic, white background
Загрузили картинку с котиком в коробке и написали запрос. Prompt: happy ginger cat curled up in a cardboard box, top view, top down full body shot, photo - realistic, white background
Варианты иллюстрации для лендинга про коробочное приложение. Prompt: a beautiful woman with phone, white background, realistic, 8K
Варианты иллюстрации для лендинга про коробочное приложение. Prompt: a beautiful woman with phone, white background, realistic, 8K

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

Prompt 1: retro computer with balloons. Prompt 2: 1970s retro futuristic laptop and cute robot near, top view. Prompt 3: a woman sitting near retro computer, scene from 1986 science fiction ET, Steven Spielberg film style, 35 mm color, retro futurism style 
Prompt 1: retro computer with balloons. Prompt 2: 1970s retro futuristic laptop and cute robot near, top view. Prompt 3: a woman sitting near retro computer, scene from 1986 science fiction ET, Steven Spielberg film style, 35 mm color, retro futurism style 
Для постов про наши выпуски подкаста часто требуются картинки, на помощь приходит миджорни: чтобы добиться однородности я добавляю изображение нашего стиля, как референс, название объекта, который хочу сгенерировать и имя художника, который рисует в похожем стиле. Видно, что мы не копируем, а дополняем промптом изображение и получаем оригинальные и похожие на наш стиль изображения.
Для постов про наши выпуски подкаста часто требуются картинки, на помощь приходит миджорни: чтобы добиться однородности я добавляю изображение нашего стиля, как референс, название объекта, который хочу сгенерировать и имя художника, который рисует в похожем стиле. Видно, что мы не копируем, а дополняем промптом изображение и получаем оригинальные и похожие на наш стиль изображения.

В Midjourney создают реалистичные изображения продуктов, которые можно использовать в рекламных материалах или как контент для постов. Остается лишь доработать в фоторедакторе. 

Prompt: box near flower, perfume bottle nearby
Prompt: box near flower, perfume bottle nearby

Коллажи. Для визуального контента, особенно для соцсетей, часто нужно делать коллажи в ретро-стиле. Поиск картинок в хорошем качестве занимает много времени. Если в Midjourney писать текстовый запрос, то требуется время на поиск нужного промпта. Поэтому можно делать так: отталкиваемся от темы, находим картинки тех изображений, которые хотим, компануем их на белом фоне и отправляем как референс, дополняем словами промпт и в результате получаем разные варианты коллажа в ретро-стиле.

Варианты для соцсетей проекта idChess. Функция --ar задает для изображения нужные пропорции. Prompt: retro collage of chess, darts, --ar 3:2
Варианты для соцсетей проекта idChess. Функция --ar задает для изображения нужные пропорции. Prompt: retro collage of chess, darts, --ar 3:2

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

Функция --tile создает изображения, которые можно использовать как повторяющиеся плитки для бесшовных узоров. Prompt: a seamless pattern of watermelon cut into slices, animated gifs style, bold, cartoonish lines, editorial illustrations, orange and green --tile
Функция --tile создает изображения, которые можно использовать как повторяющиеся плитки для бесшовных узоров. Prompt: a seamless pattern of watermelon cut into slices, animated gifs style, bold, cartoonish lines, editorial illustrations, orange and green --tile

Графический дизайн

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

Prompt 1: a typographic poster, layout design,print design, experimental. Prompt 2: full page scan of a runepunk fashion editorial photo, subtle greebled ink edges, print texture, chromatic aberration, photocopy art, experimental digital, minimalist zine art
Prompt 1: a typographic poster, layout design,print design, experimental. Prompt 2: full page scan of a runepunk fashion editorial photo, subtle greebled ink edges, print texture, chromatic aberration, photocopy art, experimental digital, minimalist zine art

Стилизация букв и цифр

С Midjourney можно ставить интересные эксперименты со шрифтами и цифрами — это отдельное пространство для творчества.

Prompt: using the Helvetica font and the design style of Balenciaga, create a font logo consisting of the letter F 
Prompt: using the Helvetica font and the design style of Balenciaga, create a font logo consisting of the letter F 

Концепты для веб-дизайна

У Midjourney пока плохо получается генерировать логичный UI, но для создания референсов и определения стиля нейросеть подходит отлично. Также с ее помощью можно сделать пример кейса.

Prompt 1: coffee UI interface design with a minimalist style, fashionable and trendy design, and master level design. Prompt 2: UI design prototype with a white background and a brown slick colors
Prompt 1: coffee UI interface design with a minimalist style, fashionable and trendy design, and master level design. Prompt 2: UI design prototype with a white background and a brown slick colors

Логотип и фирменный стиль 

В Midjourney можно сгенерировать концепты логотипа и фирменного стиля — подобрать несколько вариантов и показать заказчику. Если какой-то из вариантов понравится, то останется отрисовать его в фоторедакторе и собрать брендбук. Также картинку можно преобразовать в вектор в другой нейросети — Vectorizer.AI.

Prompt: design of simple logo featuring a coffee cup in white on a green background, include circle as an additional design element
Prompt: design of simple logo featuring a coffee cup in white on a green background, include circle as an additional design element

Маскоты

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

Варианты для приложения «Бристоль». Prompt: cute character 3D, in a red apron, multiple poses, multiple views, colors,ultra, 3D render, 16k
Варианты для приложения «Бристоль». Prompt: cute character 3D, in a red apron, multiple poses, multiple views, colors,ultra, 3D render, 16k

Стикеры

Часто бывает проблематично создать стикеры с нуля — здесь также на помощь приходит Midjourney. Можно придумать идеи стикеров для любой компании, ивента, конкретного случая. Ключевые слова: stickers и white background. Когда хотите потом легко вырезать объект, лучше указывать белый фон.

Prompt: Telegram sticker pack, cute pictures, funny, digital art, sticker pack stylized, white background
Prompt: Telegram sticker pack, cute pictures, funny, digital art, sticker pack stylized, white background

Мокапы

Часто бывает так, что нужно найти красивый мокап в подходящем ракурсе или в определенном цвете. Здесь тоже на помощь приходит нейросеть.

Важными подсказками для этих изображений были: мокап, современный, яркий, дневной свет. Prompt: Mockup laptop, violet background
Важными подсказками для этих изображений были: мокап, современный, яркий, дневной свет. Prompt: Mockup laptop, violet background

Что делать с артефактами

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

Например, здесь при попытке создать картинку корма для животных вылез котик из миски
Например, здесь при попытке создать картинку корма для животных вылез котик из миски

На такой случай есть кнопка Vary(Region) — она задает функцию --inpainting, которая позволяет редактировать изображения, выделяя часть и описывая изменения.

Даже при использовании функции --inpainting всё равно иногда вылезают милые артефакты
Даже при использовании функции --inpainting всё равно иногда вылезают милые артефакты

Заключение

В заключение хочется сказать, что Midjourney — это не волшебная палочка, которая сделает все задачи за вас. Часто приходится повозиться, чтобы сформулировать удачный запрос и получить желаемый результат, но это нарабатывается c опытом и насмотренностью.

Для практики насмотренности советуем заходить в раздел Showcase на сайте Midjourney — там размещаются сгенерированные картинки от других пользователей. Также там можно вбивать в поиске запрос и находить варианты удачных промптов. Большинство изображений публичны, и это дает возможность увидеть в подсказках, как другие пользователи воплощают свои идеи. 

В статье мы приводили примеры картинок, которые использовали в реальных проектах. Так как у нас платный тариф Midjourney, это дает нам лицензию на использование изображений в коммерческих целях. Но вопрос авторских прав на изображения, сгенерированные с помощью нейросетей, остается открытым. Об этом был доклад на IT-конференции CrossConf от Натальи Вашеняк из Адвокатской палаты Москвы. Запись доклада на ютуб-канале CrossConf.

Как начать работать с Midjourney и еще немного вдохновения для дизайнеров — смотрите в видеообзоре от Алины на ютуб-канале Friflex. Больше интересной информации по дизайну в телеграм-канале Алины.

Как вы используете Midjourney в своей работе и какие результаты получаете? Делитесь в комментариях ????

Комментарии (3)


  1. stcat
    21.11.2023 13:04

    P.S. На платных тарифах ...

    К сожалению, у Миджорни сейчас и нет бесплатных тарифов. Минимальный тариф $10 в месяц.


  1. axe_chita
    21.11.2023 13:04

    На Кандинском (Fusionbrain.ai) ваши советы тоже дают неплохой результат.


    1. friflex_dev Автор
      21.11.2023 13:04
      +1

      Да, можно экспериментировать и вводить эти запросы в разных нейросетях. Рады, что было полезно!