Может ли Procreate создать SVG? Нет, но вот как превратить ваш рисунок в SVG

Короткий ответ: нет. Procreate — растровое приложение, то есть все, что вы в нем рисуете, состоит из пикселей, а SVG состоит из векторных контуров. Это разные вещи, поэтому Procreate не может экспортировать SVG, а открыть или редактировать SVG в нем тоже нельзя (если добавить SVG, он сведется к пикселям). Зато Procreate действительно отлично подходит для самого рисования. Поэтому реальный процесс такой: создаете работу в Procreate, экспортируете ее как PNG, затем трассируете этот PNG в вектор отдельным инструментом. Ниже — как пройти каждый шаг, чтобы получить чистый, пригодный SVG, и как сразу рисовать так, чтобы изображение хорошо трассировалось.

Почему Procreate не может создать SVG

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

На форуме сообщества Procreate отмечали, что это не векторное приложение, поэтому экспортировать из него SVG нельзя. Векторные инструменты давно просят пользователи, но на текущий момент Procreate остается растровым приложением. Обратное тоже верно: импортировать SVG для редактирования в Procreate нельзя. Добавьте такой файл, и он будет растрирован в пиксели, как все остальное. Поэтому на оба варианта вопроса "умеет ли Procreate работать с SVG" ответ будет нет.

Но это не тупик. Это просто значит, что Procreate — первый шаг, а не весь процесс.

Рабочий процесс: рисуем в Procreate, трассируем в вектор

Три шага, и только один из них выполняется вне Procreate.

Шаг 1: Нарисуйте работу в Procreate

Создавайте дизайн как обычно, но держите в голове две привычки, которые окупятся позже (о них подробнее в следующем разделе). Главная: держите каждый цвет или элемент на отдельном слое. Так потом гораздо проще разделять цвета в векторе, что важно, если вы режете дизайн на Cricut или продаете его как многослойный файл.

Шаг 2: Экспортируйте прозрачный PNG

Это передача файла дальше. Отключите слой фона, чтобы холст стал прозрачным, затем экспортируйте работу как PNG (Share, затем PNG). Прозрачность важна: без нее трассировщик подхватит сплошной прямоугольник вокруг работы — классическую проблему лишней рамки, которую потом придется удалять. Экспортируйте в самом высоком доступном разрешении, потому что трассировщик может работать только с теми деталями, которые вы ему дали. Затем перенесите файл туда, где будете его векторизовать.

Шаг 3: Векторизуйте PNG

Теперь нужно трассировать PNG в настоящие контуры. Есть несколько вариантов:

• Специализированный инструмент для конвертации изображения в вектор принимает ваш PNG и возвращает чистый SVG, обычно с минимумом возни.
• Adobe Illustrator имеет встроенный Image Trace, если у вас уже есть подписка.
• Inkscape бесплатен и включает Trace Bitmap, с большим количеством настроек.
• Silhouette Studio может сохранить SVG, если вы уже работаете в этой экосистеме для резки.

Что бы вы ни выбрали, цель одна: настоящий вектор с чистыми контурами и небольшим числом узлов, а не размытый псевдовектор, где ваш PNG просто завернут в .svg.

Как рисовать в Procreate, чтобы результат действительно хорошо векторизовался

Именно эту часть большинство уроков пропускает, хотя она и отделяет чистый SVG от грязного. Трассировщик следует за краями, поэтому чем чище и определеннее края, тем лучше результат.

• Используйте сплошные заливки и четкие линии. Монолинейная или жесткая кисть трассируется в чистые фигуры. Текстурные, зернистые или акварельные кисти дают трассировщику тысячи пятнистых краев, за которыми он будет гнаться, и превращают результат в тяжелый хаос из лишних узлов.
• Держите цвета плоскими. Плавные градиенты и мягкая растушевка не имеют жестких краев, поэтому векторизуются в неуклюжие полосы или просто сглаживаются. Чисто трассируются именно плоские цветовые области.
• Разносите цвета по слоям. Один цвет на слой в Procreate напрямую превращается в одну редактируемую фигуру этого цвета в SVG, а именно это нужно для многослойного файла для резки.
• Работайте в большом размере. Холст высокого разрешения (многие мастера используют 12 на 12 дюймов, чтобы соответствовать коврикам Cricut и Silhouette) дает трассировщику четкие детали, за которыми можно следовать.

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

Как это выглядит в PerfectVector

Этап трассировки — место, где подходит PerfectVector, и он хорошо ложится на процесс с Procreate, потому что принимает PNG, который вы только что экспортировали, без подписки Illustrator. Загрузите PNG, и PerfectVector перестроит вашу работу как плавные контуры с малым числом узлов, сохранит каждый цвет как отдельную редактируемую фигуру и выдаст настоящий SVG (плюс PNG, PDF, EPS и DXF), который можно резать, печатать, продавать или открывать в любом векторном редакторе.

PNG из Procreate, увеличенный фрагмент

Трассированный SVG, увеличенный фрагмент

Вы можете векторизовать свой PNG из Procreate и бесплатно проверить контуры, прежде чем принимать решение. Если вы режете дизайн, из такого чистого файла получится SVG для Cricut, который загрузится и будет резаться без лишних проблем.

Честно о применимости: это работает с плоской графикой из Procreate, леттерингом, линейной графикой, яркими иллюстрациями и логотипами. Цифровая живопись с богатой текстурой не станет чистым вектором ни в одном инструменте, поэтому для таких работ оставляйте PNG.

Когда SVG на самом деле не нужен

Иногда охота за SVG лишняя:

• Публикуете работу онлайн или продаете принт? PNG или JPG высокого разрешения подойдут. SVG здесь ничего не добавит.
• Детальная живопись или портрет? Оставляйте растр. Векторизация только сплющит и ухудшит изображение.
• Просто хотите увеличить работу? Если она уже в высоком разрешении, возможно, растр можно достаточно масштабировать без конвертации.

Векторизация окупается именно тогда, когда дизайн нужно резать, бесконечно масштабировать или разделять по цветам: это мир стикеров, файлов для резки на Etsy, одежды и Cricut (только знакомитесь с темой? Начните с материала о том, что такое SVG-файл).

FAQ

Экспортирует ли Procreate SVG-файлы? Нет. Procreate — растровое (пиксельное) приложение, поэтому SVG нет среди вариантов экспорта. Вы экспортируете работу как PNG (или JPG, PSD и т. д.), а затем трассируете ее в SVG отдельным инструментом для векторизации. На форуме сообщества Procreate отмечали, что это не векторное приложение.

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

Можно ли открыть или редактировать SVG в Procreate? Не как вектор. Если импортировать SVG, Procreate растрирует его в пиксели, поэтому вы потеряете редактируемые контуры и возможность масштабировать файл без потери качества. Чтобы редактировать SVG как вектор, используйте векторный редактор вроде Illustrator или Inkscape.

Как превратить рисунок из Procreate в SVG? Рисуйте чистыми сплошными линиями и держите каждый цвет на отдельном слое, отключите фон и экспортируйте прозрачный PNG в высоком разрешении. Затем пропустите этот PNG через инструмент для конвертации изображения в вектор, чтобы трассировать его в настоящий SVG, и проверьте, что файл открывается как редактируемые контуры и остается резким при увеличении.

Почему работа из Procreate выглядит грязно после конвертации в SVG? Обычно причина в текстурных кистях, мягкой растушевке или градиентах: они дают трассировщику размытые края, за которыми сложно следовать. Перерисуйте ключевые формы со сплошными заливками и четкими линиями или выберите более плоский дизайн, и трассировка получится чистой, а не забитой лишними точками.

Закончили дизайн в Procreate и нужен настоящий масштабируемый вектор? Экспортируйте прозрачный PNG, затем трассируйте его в чистый SVG и проверьте контуры перед резкой или продажей.