Генерация векторных изображений
Иконка, иллюстрация или эмблема — по одному описанию и сразу в SVG. Вектор не размывается ни на визитке, ни на баннере три на шесть метров, а фон у файла прозрачный с самого начала.
Создать вектор по описаниюРакета, взлетающая со струёй огня и облачком дыма
Настоящие SVG, а не картинки в рамке
Каждый файл ниже страница загружает как вектор — это тот самый SVG, который отдаёт инструмент. Под тайлом напечатан запрос, по которому он появился.
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVG
SVGЧем вектор лучше картинки
Одна и та же иллюстрация работает и в фавиконке, и на баннере во всю стену.
Масштабируется без потерь
SVG состоит из кривых, а не из пикселей: увеличьте иконку в двадцать раз — края останутся такими же чёткими. Для печати это единственный правильный формат.
Прозрачный фон по умолчанию
Вокруг иллюстрации нет ни белого прямоугольника, ни серой каймы — она ложится на любую подложку и на любой цвет.
Единый стиль для набора
Одна формулировка стиля в каждом запросе — и получается серия иконок, которая выглядит как один комплект, а не как случайная подборка.
Мало весит
Готовая иллюстрация — это десятки килобайт вместо мегабайтов. Страница с двумя десятками таких файлов грузится быстрее, чем одна фотография.
Как получить векторную иллюстрацию
Инструмент проходит весь путь сам: рисует плоскую иллюстрацию, убирает фон и переводит её в кривые.
- 1
Зарегистрируйтесь в SUPA и откройте проект
- 2
Выберите в разделе «Нейросети» генерацию векторных изображений
- 3
Опишите, что нарисовать: объект, композицию и палитру. Чем проще формы, тем чище получится вектор
- 4
Запустите генерацию — на холст ляжет SVG с прозрачным фоном, готовый к масштабированию и печати
Как описать иллюстрацию, чтобы она хорошо легла в вектор
Просите плоские формы
Вектор живёт заливками. Слова «плоская иллюстрация», «сплошные заливки», «чёткие контуры» дают чистый результат, а «фотореалистичный», «объёмный», «с бликами» — кашу из мелких кривых.
Ограничивайте палитру
Четыре-пять цветов выглядят как продуманная система и переводятся в аккуратные контуры. Градиенты и полутона превращаются в десятки почти одинаковых фигур.
Держите композицию простой
Один объект в центре читается на любом размере. Сложная сцена с мелкими деталями на иконке 24 × 24 превратится в пятно.
Для набора повторяйте формулировку стиля
Меняйте только сам объект, а описание стиля — толщину линий, палитру, степень скругления — оставляйте дословно тем же. Так серия получается однородной.
Текст в вектор лучше добавлять в редакторе
Буквы, нарисованные как формы, нельзя ни переписать, ни заменить шрифт. Сгенерируйте знак, а надпись наберите поверх — она останется текстом.
Частые вопросы про генерацию векторов
Что именно приходит на выходе?
Файл SVG с прозрачным фоном. Его можно скачать и открыть в любом векторном редакторе — контуры будут доступны для правки.
Можно ли перекрасить готовую иллюстрацию?
Да: заливки — это отдельные объекты, поэтому цвет меняется как у любой фигуры. Проще всего сделать это прямо в редакторе SUPA.
Подойдёт ли это для логотипа?
Как основа для знака — да, особенно для простых форм. Но логотип — это ещё и уникальность: перед регистрацией товарного знака результат стоит доработать с дизайнером.
Почему в файле много контуров?
Чем сложнее исходная иллюстрация, тем больше фигур нужно, чтобы её описать. Простые формы и ограниченная палитра в запросе — самый надёжный способ получить лёгкий файл.
Годится ли результат для печати?
Да. Вектор не зависит от разрешения, поэтому одна и та же иллюстрация одинаково чётко печатается на визитке и на баннере.