Na tej stronie
- Wprowadzenie
- Zdecyduj, czy Twój obraz będzie dobrze odwzorowany
- Załaduj obraz i rozpocznij od zalecanego trybu
- Dostosuj kolor, szczegóły, narożniki i czyszczenie
- Porównaj wynik i odczytaj diagnostykę
- Przed eksportem do maszyny tnącej należy przeprowadzić kontrolę gotowości do cięcia
- Eksportuj prawdziwy plik wektorowy
Wprowadzenie
W pewnym momencie niemal każde zadanie projektowe napotyka na ten sam problem: jedyną kopią logo jest PNG, a musi ona zostać umieszczona na czymś dużym. Powiększ plik rastrowy, a krawędzie zamieniają się w papkę, ponieważ od początku nie było tam szczegółów.
Wektoryzacja to wyjście z sytuacji. Śledzenie przekształca piksele w ścieżki matematyczne, które pozostają ostre w dowolnym rozmiarze, można je zmieniać kolor i wycinać za pomocą maszyny rzemieślniczej. Problem polega na tym, że automatyczne śledzenie działa doskonale w przypadku niektórych obrazów, a w przypadku innych daje bezużyteczne rezultaty, a wcześniejsze poznanie różnic pozwala zaoszczędzić mnóstwo czasu.
W tym przewodniku dowiesz się, jak ocenić obraz przed jego śledzeniem, jak wybierać ustawienia celowo, a nie metodą prób i błędów, oraz jak odczytywać komunikaty diagnostyczne informujące o tym, czy SVG jest rzeczywiście gotowy do produkcji.
Zdecyduj, czy Twój obraz będzie dobrze odwzorowany
To krok, który większość osób pomija, a który determinuje wynik bardziej niż jakiekolwiek ustawienie. Śledzenie działa poprzez znajdowanie granic między obszarami koloru. Tam, gdzie te granice są wyraźne i nieliczne, powstaje czysta geometria. Tam, gdzie są miękkie lub liczne, powstają tysiące nakładających się kształtów, które przybliżają obraz i nie można ich edytować w żaden sensowny sposób.
Dobrzy kandydaci mają wspólny profil: płaskie kolory, wyraźne krawędzie i ograniczoną paletę barw. Loga, ikony, sylwetki, podpisy, rysunki liniowe, szablony i płaskie ilustracje śledzą się czysto, ponieważ zostały narysowane właśnie z takimi właściwościami.
Fotografie są najczystszym, słabym kandydatem. Zdjęcie zawiera ciągłe przejścia tonalne w każdym pikselu, a jego śledzenie daje masę ścieżek, które są większe niż oryginalny plik i niemożliwe do edycji. Z tego samego powodu zawodzą intensywne gradienty, miękkie cienie i półprzezroczyste poświaty.
ToolBuddy zgłasza ograniczoną przydatność zamiast dawać pewny, zły wynik. Jeśli narzędzie wskazuje, że obraz jest źle dopasowany, ta ocena jest warta więcej niż kolejne dwadzieścia minut na dostosowywanie ustawień.
- Dobrze śledzi — logo, ikony, sylwetki, podpisy, grafiki liniowe, płaskie ilustracje.
- Słabo śledzi — fotografie, grafiki z dużą ilością gradientów, miękkie cienie i poświaty.
- Borderline — szczegółowe skany, które często poprawiają się po przekroczeniu progu.
Załaduj obraz i rozpocznij od zalecanego trybu
Wybierz plik PNG, JPG, JPEG lub WebP. Analiza jest uruchamiana lokalnie, a narzędzie zaleca tryb śledzenia na podstawie wyników wyszukiwania na obrazie.
Potraktuj tę rekomendację jako punkt wyjścia. Wynika ona z rzeczywistych cech koloru i krawędzi pliku, co stanowi lepszą pozycję początkową niż domyślna pozycja wybrana dla przeciętnego obrazu, który nie jest Twój.
Dostępne są trzy ustawienia predefiniowane oparte na celach, z których każde przekłada praktyczny wynik na przetestowaną kombinację ustawień, zamiast wymagać od Ciebie abstrakcyjnego rozumowania na temat parametrów śledzenia.
| Ustawienie wstępne | Optymalizuje dla | Użyj, gdy |
|---|---|---|
| Gotowy do cięcia SVG | Oddzielone bryły, łatwa do zarządzania liczba ścieżek | Wyjście trafia do Cricut lub innej maszyny tnącej |
| Czyszczenie logo | Gładkie krzywe, czyste rogi, przezroczyste tło | Odzyskiwanie skalowalnego znaku marki z pliku rastrowego |
| Grafika liniowa i szablon | Próg monochromatyczny z czyszczeniem plamek | Sygnatury, szkice i rysunki jednokolorowe |
Dostosuj kolor, szczegóły, narożniki i czyszczenie
Gdy pierwszy wynik wymaga dopracowania, cztery elementy sterujące wykonują większość przydatnych regulacji, a zmiana jednego z nich pomaga na raz, a nie kilka naraz.
Liczba kolorów określa liczbę odrębnych wypełnień generowanych przez ślad. Mniej kolorów daje prostszy i bardziej edytowalny wynik; zbyt mała liczba oddzielnych elementów łączy się w jeden kształt. W przypadku cięcia ta opcja ma większe znaczenie niż jakakolwiek inna, ponieważ każdy kolor zazwyczaj staje się osobną warstwą cięcia.
Szczegółowość określa, jak ściśle ścieżki podążają za oryginalnymi krawędziami. Wysoka szczegółowość wiernie odtwarza źródło i generuje wiele węzłów. Niższa szczegółowość wygładza i upraszcza, co zazwyczaj lepiej wygląda w przypadku logo — celem jest czysta geometria, a nie wierne odwzorowanie artefaktów kompresji pliku rastrowego.
Próg narożny decyduje, gdzie krzywa staje się ostrym kątem. Podnieś go w przypadku kształtów organicznych i pisma odręcznego, obniż w przypadku znaków geometrycznych z prawdziwie ostrymi narożnikami. Czyszczenie usuwa plamki: pojedyncze, przypadkowe piksele ze skanowania lub kompresji JPG, które w przeciwnym razie stałyby się dziesiątkami małych, bezsensownych ścieżek.
- Liczba kolorów — mniej kolorów, prostszy wydruk i czystsze warstwy cięcia.
- Szczegółowość — obniż, aby wygładzić artefakty kompresji na logo.
- Próg narożny — podnieś w przypadku kształtów organicznych, obniż w przypadku znaków geometrycznych.
- Czyszczenie — usuń plamki ze skanów i artefaktów JPG.
Porównaj wynik i odczytaj diagnostykę
Obszar roboczy porównania wyświetla trzy widoki: oryginalny raster, wypełniony wektor i kontur ścieżki. Widok konturu pokazuje prawdę. Wypełniony wynik może wyglądać poprawnie, jednocześnie ukrywając setki zbędnych, nakładających się kształtów, które utrudniają edycję pliku.
Oprócz podglądu, ToolBuddy raportuje liczbę ścieżek, przybliżoną liczbę węzłów, liczbę kolorów i rozmiar pliku wyjściowego. Te liczby pozwalają obiektywnie ocenić jakość. Proste logo, które prowadzi do kilkuset ścieżek, gdzieś się zepsuło, a rozwiązaniem jest zazwyczaj mniejsza liczba kolorów lub niższy poziom szczegółowości.
Dokładnie porównaj z materiałem źródłowym. Sprawdź, czy cienkie kreski zostały zachowane, czy drobny tekst zachował czytelny kształt, a obszary zamknięte — wnętrze litery O, przerwa między palcami w sylwetce — to nadal otwory, a nie wypełnione kształty.
- Użyj widoku konturu, aby wykryć zbędne, nakładające się ścieżki.
- Potraktuj dużą liczbę ścieżek w prostej grafice jako sygnał do uproszczenia.
- Sprawdź, czy cienkie kreski i zamknięte liczniki zostały zachowane.
Przed eksportem do maszyny tnącej należy przeprowadzić kontrolę gotowości do cięcia
Grafika przeznaczona do plotera ma wymagania wykraczające poza wygląd na ekranie, a kontrola gotowości do cięcia ma na celu wykrycie błędów, które w przeciwnym razie pojawiają się dopiero po uruchomieniu maszyny.
Weryfikuje liczbę ścieżek pod kątem limitu 5000 ścieżek w Cricut, który najczęściej uniemożliwia projekt, który wyglądał idealnie poprawnie w podglądzie. Odrzuca również treści, których ploter nie może użyć: skrypty, odnośniki zewnętrzne, osadzone obrazy rastrowe i niebezpieczną zawartość SVG.
Traktuj kontrolę jako bramkę, a nie gwarancję. Niezawodnie wykrywa problemy strukturalne, ale nie wie, że Twój projekt ma zbyt cienkie kreski, aby wyciąć winyl, lub zbyt małe wyspy, aby usunąć zanieczyszczenia. Sprawdź projekt samodzielnie przed zatwierdzeniem materiału.
- Liczba ścieżek została zweryfikowana pod kątem limitu 5000 ścieżek dla Cricut.
- Skrypty, odwołania zewnętrzne i osadzenia rastrowe zostały odrzucone.
- Nadal należy ręcznie sprawdzać cienkie kreski i nieusuwalne szczegóły.
Eksportuj prawdziwy plik wektorowy
Pobieranie zawiera oryginalne ścieżki wektorowe. Ma to większe znaczenie, niż się wydaje, ponieważ częstym błędem konwerterów online jest opakowanie oryginalnej bitmapy w wrapperze SVG — technicznie rzecz biorąc, jest to plik SVG, który w praktyce nadal jest obrazem rastrowym, który rozmywa się po powiększeniu.
Ponieważ wynik jest rzeczywistą geometrią, otwiera się on jako edytowalne ścieżki w kompatybilnych aplikacjach projektowych. Można zmieniać kolor poszczególnych kształtów, dostosowywać węzły, oddzielać warstwy w celu cięcia wielokolorowego i skalować bez żadnych strat.
Cały proces przebiegał na Twoim urządzeniu. Silnik śledzenia jest kompilowany do WebAssembly i uruchamiany w ramach procesu roboczego przeglądarki, dzięki czemu piksele źródłowe i wygenerowana treść SVG nigdy nie opuszczają Twojego komputera, a wektoryzacja w chmurze API nie jest wymagana. W przypadku logotypów klientów, niewydanych produktów i zasobów marki objętych umową NDA, jest to często decydujący czynnik.
- Wynikiem jest geometria ścieżki, a nie mapa bitowa zapakowana w SVG.
- Można edytować i zmieniać kolory w zgodnych aplikacjach wektorowych.
- Śledzenie WASM w przeglądarce roboczej — brak chmury API, brak przesyłania.
Napisane przez
Ankit Kumar
Starszy inżynier oprogramowania i założyciel w ToolBuddy
Projektuj narzędzia działające w przeglądarce, bez wymagań dotyczących przesyłania, korzystając z technologii WebAssembly, Web Audio i Canvas.