Что значит «плоский» для трассировки

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

Четыре настройки

Пресет. «Стандарт» начинает с 8 цветов максимум и подходит для большинства логотипов, иконок и стикеров. «Cricut / винил» готовит файл для режущего плоттера: по умолчанию 4 цвета и включено «Удалить фон», а линии, зазоры и крапинки, слишком тонкие для резки и выборки, сливаются с соседними областями — поэтому тонкие контуры и мелкий текст могут заплыть или пропасть (подробнее в руководстве по резке). «Контурный рисунок / трафарет» полностью отбрасывает цвет и векторизует черные чернила на белой бумаге — удобно для штампов и трафаретов, но не подходит для цветного логотипа. «Детальная графика» начинает с 16 цветов, а в остальном работает как «Стандарт», сохраняя чуть более мелкие детали. Все пресеты, кроме «Контурного рисунка», сначала одинаково чистят палитру.

Число цветов (2–24). Это потолок, а не цель: трассировка берет до этого числа цветов из сплошных областей изображения (мягкие края не в счет), и каждая фигура этих цветов становится контуром. Поэтому стикер с пятью задуманными тонами вернется с пятью заливками, укажете вы 8 или 16. Посчитайте цвета, которые видите, добавьте один на фон, если он не прозрачный, и начните с этого; значения по умолчанию, 8, хватает большинству логотипов и стикеров. Если цветов слишком мало, две похожие заливки сольются в одну фигуру; больше 12 плоской графике ничего не дает.

«Плавные кривые». Если включено, каждый край становится плавной кривой: там, где контур резко поворачивает, угол остается острым, а длинные прямые участки — прямыми. Это упрощает контуры, но не убирает крапинки (с ними справляется чистка палитры при любой настройке). Если выключено, контур точно идет по пиксельной сетке и каждая ступенька пикселя остается ступенькой — правильно для пиксель-арта или намеренно угловатых фигур и неправильно почти для всего остального.

«Удалить фон». Если включено, трассировка находит один-два цвета, каждый из которых занимает не меньше 15 % края изображения, и делает их прозрачными, двигаясь от краев внутрь, — вместе с близкими оттенками, мягкой каймой на границе фона и рисунка и мелкими крапинками у края. Замкнутые области она никогда не удаляет, так что белое внутри буквы или значка останется. Не включайте эту настройку для логотипов, у которых фон уже прозрачный, и для логотипов, где цвет фона встречается и внутри рисунка, касаясь края.

Рабочий рецепт

  1. Загрузите самую большую и четкую версию логотипа — до 2048 пикселей по длинной стороне (изображения крупнее перед трассировкой уменьшаются до этого размера). PNG на 2000 пикселей векторизуется гораздо лучше, чем на 300: трассировка не придумывает детали.
  2. Оставьте пресет «Стандарт». Укажите столько цветов, сколько насчитали (двухцветный шрифтовой логотип на белом: 3).
  3. Не выключайте «Плавные кривые».
  4. Включите «Удалить фон», если логотип лежит на сплошном фоне, который не нужен как фигура.
  5. Сконвертируйте и увеличьте предпросмотр. Посмотрите на углы букв (должны быть четкими, а не скругленными), самые тонкие линии (должны быть непрерывными) и полосу палитры (в ней должны быть ожидаемые цвета и ничего лишнего).
  6. Если какого-то цвета не хватает, увеличьте число на один и сконвертируйте снова. Если в палитре два почти одинаковых оттенка одного цвета, уменьшите на один.

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

Если результат всё еще выглядит не так

  • Скругленные углы у геометрического логотипа. Очень тупой или очень мелкий угол может слегка скруглиться. Загрузите исходник покрупнее или выключите для этого изображения «Плавные кривые», чтобы сохранить точный пиксельный контур.
  • Тонкая обводка распалась на капли. При исходном разрешении линия шириной всего в пиксель-два. Загрузите оригинал покрупнее — никакая настройка ее не восстановит.
  • Вместе с фоном удалилось и то, что внутри букв. Значит, внутренняя область где-то соединяется с краем (разрыв в обводке). Выключите удаление фона и удалите контур фона в редакторе или почините обводку в исходнике.
  • Градиент в логотипе превратился в полосы. Так и должно быть; см. руководство о том, почему фото и градиенты постеризуются.