PerfectVector
Автор: Irene Kim8 мин чтения

Как сделать многослойный SVG для Cricut

В многослойном SVG каждый цвет вырезается отдельной деталью. Самый чистый способ — сначала разделить изображение по цветам в SVG, чтобы оно загружалось в Cricut уже слоями.

На этой странице

Многослойный SVG — это файл, в котором каждый цвет вынесен в отдельный слой для резки: Cricut вырезает каждый цвет из своего винила, а вы затем складываете слои в готовый дизайн. Нюанс в том, что при загрузке плоского изображения, PNG или JPG, Cricut Design Space видит один сплющенный слой. Его можно разделить потом через инструмент Contour, но это медленно и требует много возни. Более чистый подход — сначала разделить изображение по цветам в SVG, чтобы каждый цвет сразу пришел отдельным слоем, готовым к назначению материала и резке. В этом руководстве разберем весь процесс: как получить чистый многослойный SVG, загрузить его в Design Space, вырезать и собрать слои, а также какие изображения для этого подходят, а какие нет.

Коротко
  • Многослойный SVG означает, что каждый цвет находится в своем слое для резки: вы вырезаете цвета отдельно и складываете их друг на друга.
  • Если загрузить плоский PNG, Cricut сплющит его в один слой. Потом разделять его через Contour — самый долгий путь.
  • Чистый способ: сначала разделите изображение по цветам в SVG, чтобы оно загрузилось уже слоями.
  • Меньше цветов — меньше работы. Объединяйте похожие оттенки, чтобы не вычищать и не совмещать двадцать слоев.
  • Только плоская графика. Логотипы и простые иллюстрации хорошо раскладываются на слои. Фото и градиенты — нет.

Что делает многослойный SVG хорошим

Перед шагами важно понять, к чему вы стремитесь. Многослойный SVG, который действительно приятно резать, имеет:

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

Что нужно подготовить

Перед тем как открыть Design Space, нужны две вещи:

  • Плоское изображение с небольшим числом цветов. Логотип, простая иллюстрация, текстовый знак. Цвета должны быть четкими областями, а не плавными переходами.
  • Способ превратить его в SVG с разделением по цветам. Именно этот шаг определяет, сколько чистки понадобится потом.

Честное замечание об исходнике. Если у вас фотография, акварель или любое изображение с градиентами и мягкими краями, остановитесь здесь. Такое не раскладывается на чистые слои для резки. Вы потратите час в Contour и все равно получите беспорядок. Лучше всего слоями работает плоская, графичная иллюстрация. (Если вам нужна общая подготовка файла, статья как подготовить SVG-файлы для Cricut покрывает основы. Это руководство именно о многоцветных слоях.)

Пошагово: от плоского изображения к многослойному файлу для резки

1. Начните с прозрачного, плоского изображения

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

2. Разделите его по цветам в SVG

Этот шаг сэкономит больше всего времени позже. Конвертируйте изображение в SVG, где каждый цвет становится отдельным векторным контуром. Хороший конвертер делает это автоматически и сохраняет контуры аккуратными. Превратите изображение в SVG, готовый к резке, и, если конвертер позволяет, объедините похожие цвета, чтобы в итоге получить несколько чистых слоев, а не десятки.

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

3. Загрузите SVG в Cricut Design Space

В Design Space: Upload, затем Upload Image, выберите SVG и нажмите Add to Canvas. Поскольку это SVG, он появится с каждым цветом уже на своем слое. Откройте панель Layers, и вы увидите их списком. Плоский PNG, наоборот, загрузился бы одним слоем, без возможности разъединить цвета.

4. Почистите слои, только если это нужно

Если в слое есть лишние элементы, которые не нужно вырезать, выберите его, нажмите Contour и отключите ненужные части. С чистым SVG вы почти не будете трогать этот шаг. С грубым файлом именно здесь начинается та самая нудная работа, на которую жалуются мастера. В любом случае цель — одна чистая форма на каждый цвет. (Если слой все еще режется рвано, вот почему файлы для Cricut не режутся чисто.)

5. Назначьте цвета, вырежьте и вычистите

Назначьте каждому слою нужный цвет винила или HTV. Цвет на экране не обязан совпадать с материалом, это просто метка. Нажмите Make It, и Design Space разложит каждый цвет на отдельный коврик. Вырежьте каждый цвет из своего материала, затем удалите лишнее.

6. Соберите слои

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

Один дизайн, отдельные цветовые слои
Разнесенный вид многоцветного дизайна, разделенного на отдельные цветовые слои, которые складываются в готовый результат
Каждый цвет вырезается из своего материала, а затем слои складываются по порядку в готовый дизайн.

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

Весь процесс становится проще, когда SVG изначально чистый. PerfectVector преобразует плоское изображение в SVG, где каждый цвет — отдельный редактируемый контур, с небольшим числом узлов и прозрачным фоном, поэтому файл попадает в Design Space уже слоями и готов к назначению материалов. Редактор цветов позволяет объединить похожие оттенки до тех нескольких цветов, которые вы действительно будете резать, а значит, слоев для чистки и сборки будет меньше. Вы можете конвертировать свой дизайн и проверить слои до того, как потратите винил. Первые конвертации бесплатны, карта не нужна.

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

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

Быстрый чек-лист перед резкой

Перед тем как нажать Make It, проверьте:

  • Фон удален, поэтому нет лишнего прямоугольного слоя.
  • Каждый цвет находится на своем слое в панели Layers.
  • Цвета объединены до того количества, которое вы действительно хотите вырезать.
  • На слоях не осталось крошечных лишних деталей.
  • Для каждого слоя выбран цвет винила или HTV.
  • Есть базовый слой или слой для совмещения, если дизайну нужна точная посадка.

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

Может ли SVG иметь слои? Да. Каждый отдельный контур или цвет в SVG работает как собственный слой, и именно поэтому такой файл можно резать цвет за цветом. Когда вы загружаете SVG в Cricut Design Space, эти контуры отображаются как отдельные слои, которые можно назначать, скрывать или резать по отдельности.

Как превратить изображение в многослойный SVG? Разделите его по цветам в SVG, чтобы каждый цвет стал отдельным векторным контуром, затем загрузите файл в Design Space. Самый чистый способ — конвертировать изображение в SVG инструментом, который сохраняет каждый цвет аккуратной отдельной формой, а не загружать плоский PNG и пытаться разделить его потом.

Почему мое изображение загружается в Cricut одним слоем? Потому что PNG или JPG — это одно сплющенное изображение без отдельных цветовых контуров. Design Space не может сам разделить цвета. Сначала конвертируйте изображение в SVG с разделением по цветам, и оно импортируется с каждым цветом уже на своем слое.

Как разделить изображение на слои в Cricut Design Space? Надежный способ — загрузить SVG, который уже разделен по цветам, тогда слои появятся готовыми. Также можно вручную разделять один слой инструментом Contour, но для этого нужно отключать элементы по одному, и на детальном дизайне это быстро становится утомительным.

Сколько слоев должно быть в дизайне для Cricut? Столько, сколько действительно нужно дизайну, но чем меньше, тем лучше. Каждый слой — это еще одна деталь, которую нужно вычистить, вырезать и совместить, поэтому объединяйте похожие цвета везде, где можно. Три-шесть слоев подходят для большинства проектов; десяток и больше превращают быстрый крафт в занятие на полдня.

Многослойный SVG — это то же самое, что 3D SVG? Нет. Многослойный цветной SVG складывает плоские цветовые слои для многоцветного винила или HTV. 3D SVG складывает слои бумаги или картона, чтобы создать глубину, например в мандале или shadow box. Это руководство о цветовых слоях.


Есть цветной дизайн, который хочется вырезать из винила? Превратите его в чистый многослойный SVG, проверьте, что каждый цвет находится на своем слое, и можно вычищать и собирать.

Ещё из блога

Готовы создавать
идеальные векторы?