Как обвести контуры, сохранив исходные цвета в Inkscape?

Я хочу создать контур логотипа SVG, чтобы я мог сделать некоторые базовые анимации логотипа для веб-сайта. Логотип — это просто текст, написанный определенным шрифтом, с несколькими художественными дополнениями. Он в двух цветах, темно-синем и светло-голубом.

Я хочу проследить контур текста и дополнительные фигуры, чтобы они стали путями SVG, которые я могу анимировать для заливки веб-сайта.

Я следовал рекомендованному учебнику по использованию трассировки, но он трассирует контур черным цветом, а не исходными цветами.

Есть ли способ заставить систему отслеживать контуры букв/фигур в исходных цветах?

Почему бы вам не обвести его, а затем использовать инструмент «Пипетка», чтобы изменить цвет? Вы также можете использовать инструмент «Узел» (F2), чтобы просмотреть трассировку, созданную Inkscape. Иногда Inkscape интерпретирует объект… интересным образом.

Ответы (1)

Вы можете полностью отследить цветное изображение в Inkscape. Просто выберите «Цвета» в диалоговом окне «Трассировка растрового изображения» и отрегулируйте количество сканирований в соответствии с количеством цветов в изображении. Качество результатов может быть разным, особенно для изображений с большим количеством градиентов, артефактов сглаживания или сжатия, но для простого изображения с набором букв разного цвета все должно работать довольно хорошо.

Другой вариант — обвести изображение черно-белым цветом, а затем перекрасить его в Inkscape. Это лучше всего работает для изображений с простыми цветовыми узорами, такими как линейный градиент, проходящий через все изображение. В качестве альтернативы, для изображений с небольшим количеством различных цветов (но потенциально сложными границами между ними) вы можете получить хорошие результаты, сначала разделив разные цвета в редакторе растровых изображений (например, GIMP) на отдельные изображения, отслеживая каждое из них в монохромном режиме. а потом соединять кусочки.

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

(Совет: импортируйте растровое изображение в Inkscape, уменьшите его непрозрачность и оставьте на заднем плане, чтобы вы могли подобрать к нему свои цвета и контуры.)