most-AI.com
Войти

Набор иконок в фирменном стиле нейросетью: единый вид и прозрачный фон

Катя Долгих8 мин

Набор иконок нейросетью собирается за один рабочий вечер, если не пытаться получить его одним запросом. Порядок такой: описываете стиль один раз и дальше не меняете ни слова, делаете одну эталонную иконку, по её образцу генерируете остальные, затем убираете фон инструментом «Удаление фона» и переводите результат в вектор через «Конвертировать в вектор». Единый вид держится на дисциплине промта, а не на удаче.

Ниже методика на условном бренде: чайная лавка «Листок», которой нужно 16 иконок для сайта, карточек в соцсетях и презентации для оптовых покупателей. Бренд выдуман, чтобы показать ход работы, а не чтобы что-то доказать. Подставляйте свой.

Почему иконки из разных генераций не складываются в набор

Типичная картина: вы попросили нейросеть нарисовать иконку чайника, потом доставки, потом подарка. Каждая по отдельности хороша. Рядом они выглядят как из трёх разных магазинов: у одной толстая обводка, у другой тонкая, третья вдруг объёмная с тенью, а зелёный везде свой.

Причина простая. Модель каждый раз заново решает всё, что вы не зафиксировали: толщину линии, скругления, угол обзора, количество деталей, оттенки. Если в промте стоит только «в минималистичном стиле», это пять разных минимализмов на пять запросов.

Вывод: всё, что делает иконки набором, должно быть прописано явно и повторяться дословно. Меняется только предмет.

Шаг 1. Паспорт стиля

Паспорт стиля — это короткий абзац, который вы вставляете в каждый промт без правок. Составьте его до первой генерации. В нём должно быть шесть вещей:

  • Тип иконки. Линейная, заливочная или комбинированная. Для сайта и соцсетей чаще подходит линейная с небольшими цветными акцентами.
  • Линия. Толщина относительно размера иконки, скругления концов и углов.
  • Палитра. Два-три цвета словами и кодами. Коды модель соблюдает не идеально, но с ними оттенки гуляют меньше.
  • Ракурс. Строго фронтально или изометрия. Смешивать нельзя.
  • Детализация. Сколько элементов допустимо в одной иконке. Хорошее правило: предмет читается при размере с ноготь.
  • Фон и поля. Однотонный светлый фон, предмет по центру, одинаковые отступы со всех сторон.

Так выглядит паспорт для «Листка»:

Стиль набора: плоская линейная иконка, одинаковая толщина линии,
скруглённые концы и углы линий. Цвет линии тёмно-зелёный #1F4D3A,
один акцентный элемент залит мягким шалфейным #A8C3A0.
Строго фронтальный вид, без перспективы, без теней, без градиентов,
без текста и букв. Не больше 3–4 деталей, предмет читается
в маленьком размере. Предмет по центру квадратного кадра,
одинаковые поля со всех сторон, однотонный белый фон.

Обратите внимание на запреты: «без теней, без градиентов, без текста». Модели любят добавлять объём и подписи, и если это не запретить явно, одна из шестнадцати иконок обязательно выйдет с тенью.

Шаг 2. Список иконок до генерации

Второй подготовительный шаг — список предметов. Иконка передаёт смысл через узнаваемый объект, поэтому для абстрактных понятий заранее придумайте метафору.

Для «Листка» список выглядит так: чайник, пиала, чайный лист, пакет с развесным чаем, весы, грузовик доставки, подарочная коробка, часы, календарь, телефон, сердце, звезда, скидочный ярлык, корзина, карта с меткой, конверт.

Где нужна метафора, фиксируйте её сразу. «Быстрая доставка» — это грузовик с тремя линиями движения сзади. «Скидка» — ярлык с дыркой и верёвочкой, но без знака процента, потому что текст мы запретили. «Отзывы» — звезда, а не человечек с облачком.

Если список больше двадцати позиций, прогоните его через текстовую модель: бесплатного ChatGPT в чате Most AI достаточно, чтобы для каждого пункта предложить простой предмет-метафору и отсеять слишком сложные.

Шаг 3. Эталонная иконка

Не запускайте всю серию сразу. Сначала добейтесь одной иконки, которая вам полностью нравится. Это эталон, по которому будете сверять остальные.

Берите предмет средней сложности, например чайник. Если стиль работает на чайнике, он сработает и на конверте, и на весах.

Иконка: заварочный чайник с коротким изогнутым носиком
и круглой крышкой, акцентным цветом залита крышка.

[вставьте паспорт стиля целиком]

Сделайте несколько вариантов, выберите лучший и честно ответьте себе: толщина линии та, что нужна? Акцент один? Нет лишних бликов? Если что-то не так, правьте паспорт, а не только этот промт. Любое уточнение, найденное на эталоне, должно попасть в паспорт, иначе остальные иконки его не получат.

GPT Image 2 или Nano Banana Pro

Обе модели есть в каталоге Most AI, и для иконок подходят обе, но работают по-разному.

GPT Image 2 аккуратно следует длинным текстовым инструкциям, поэтому хорошо держит паспорт стиля, когда вы генерируете каждую иконку с нуля по тексту.

Nano Banana Pro удобна, когда эталон уже есть: вы прикладываете утверждённую иконку как референс и просите нарисовать новый предмет «в точно таком же стиле». Картинка-образец часто передаёт толщину линии и характер скруглений надёжнее любых слов.

Я делаю так: собираю эталон в обеих моделях по одному и тому же паспорту и дальше работаю в той, чей результат ближе к задуманному. Менять модель в середине серии не стоит, даже если какая-то иконка не получается: лучше перегенерировать её в той же.

Шаг 4. Серия по шаблону

Теперь остальные пятнадцать иконок. Шаблон промта не меняется, меняется только первая строка с предметом.

Если работаете от референса, промт выглядит так:

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

[вставьте паспорт стиля целиком]

Есть соблазн попросить сразу лист из девяти иконок в сетке 3×3. Так стиль внутри листа получается очень ровным, потому что модель рисует всё за один проход. Минус в том, что потом лист придётся резать, иконки на нём бывают разного размера, а переделать одну неудачную нельзя без перегенерации всего листа. Лист удобен как черновик, чтобы быстро проверить, как выглядит набор целиком. Финальные иконки надёжнее делать по одной.

Моя привычка, которую советую всем: складывать готовые иконки в одну папку и каждые три-четыре генерации открывать их все рядом. Расхождения видны только в сравнении: по отдельности каждая иконка кажется правильной.

Шаг 5. Прозрачный фон

Мы специально просили однотонный белый фон, а не прозрачный. Генеративные модели обычно отдают картинку с фоном, и просьба «сделай прозрачный фон» нередко заканчивается нарисованной серо-белой шахматкой, которая только изображает прозрачность.

Поэтому прозрачность — отдельный шаг. Прогоните каждую иконку через готовый инструмент «Удаление фона» в Most AI: промт не нужен, загружаете картинку и получаете предмет без фона. На однотонном белом он справляется проще всего, ради этого фон в паспорте и был таким. Подробнее о том, когда удалять фон, а когда его заменять, есть в статье про выбор инструмента для фона.

После удаления проверьте светлые детали внутри иконки. Если у пиалы белая внутренняя часть, инструмент может принять её за фон и вырезать. Лечится это ещё на этапе промта: светлые области внутри предмета заливайте акцентным цветом.

Шаг 6. Вектор

Растровая иконка подходит для соцсетей и презентаций. Для сайта и печати удобнее вектор: он масштабируется без потери качества, а цвет линии можно поменять в редакторе за секунду.

Для этого в каталоге есть инструмент «Конвертировать в вектор». Загружаете иконку, получаете векторный файл. У линейных иконок с чистыми цветами без градиентов результат получается аккуратнее всего, и это ещё одна причина запрещать тени и переливы в паспорте.

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

Чек-лист единообразия

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

Что проверить Как понять, что всё в порядке
Толщина линии Во всех иконках визуально одинаковая, ни одна не выглядит жирнее
Цвета Один и тот же зелёный и один акцент, без случайных третьих оттенков
Ракурс Все фронтальные, никакой случайной перспективы
Размер предмета Предметы занимают примерно одинаковую площадь кадра
Детализация Нет одной «перегруженной» иконки среди простых
Лишнее Нет теней, бликов, букв и цифр
Фон После удаления прозрачный, края чистые, светлые детали на месте
Читаемость Каждая иконка узнаётся в размере с ноготь

Если иконка выбивается по одному пункту, перегенерируйте её с тем же промтом, добавив уточнение. Если выбиваются несколько иконок по одному и тому же пункту, проблема в паспорте: исправьте его и проверьте на эталоне.

Когда набор готов, его легко расширять. Через месяц понадобится иконка «самовывоз» — берёте тот же паспорт, тот же эталон и получаете семнадцатую иконку, которая встаёт в ряд. Именно поэтому паспорт стоит сохранить в заметках, а не только в истории генераций. А если иконки пойдут в презентацию вместе с обложками и инфографикой, пригодится разбор визуалов для презентации компании.

Частые вопросы

Сколько иконок разумно делать за один подход?

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

Можно ли сразу попросить иконку на прозрачном фоне?

Можно попробовать, но результат непредсказуем: модель может нарисовать шахматку вместо настоящей прозрачности. Надёжнее генерировать на однотонном белом фоне и убирать его инструментом «Удаление фона».

Что делать, если цвет всё равно немного гуляет?

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

Подойдут ли такие иконки для логотипа?

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

Можно ли добавить подписи прямо в иконку?

Лучше не надо. Текст внутри иконки плохо читается в маленьком размере и ломает единообразие набора. Подписи добавляйте рядом с иконкой на сайте или в макете, там их легко поменять.

Какую модель выбрать, если нет времени сравнивать?

Если у вас есть образец стиля, например старая иконка бренда или утверждённый эталон, берите Nano Banana Pro и работайте от референса. Если образца нет и стиль задаётся только словами, начните с GPT Image 2.

Главное в этой методике — не конкретная модель, а порядок: паспорт стиля, эталон, серия по шаблону, фон, вектор, проверка рядом. Соблюдайте его, и шестнадцатая иконка будет выглядеть так же, как первая.

Проверьте приём на своём фото

Откройте студию и прогоните описанный приём на своём снимке — результат видно сразу, а не в теории.

Открыть GPT Image 2Русский интерфейс, оплата в рублях

Катя Долгих

Маркетинг и контент

Разбирает, как нейросети встраиваются в рабочие процессы: контент, презентации, карточки товара. Считает не только время, но и что с этим делать дальше.