PerfectVector
Autor: Irene Kim11 min czytania

Wektoryzacja obrazu w Adobe Capture: utwórz edytowalny kształt

Użyj Adobe Capture, aby zwektoryzować obraz na telefonie, dopracować przechwycony kształt, zapisać go w bibliotece Creative Cloud i sprawdzić edytowalny wynik.

Na tej stronie

Adobe Capture umożliwia wektoryzację obrazu na telefonie, ale najlepiej myśleć o tym jako o przechwytywaniu kształtu do ponownego wykorzystania, a nie „przywracaniu oryginalnej grafiki”. Skieruj aparat na obiekt o wysokim kontraście lub wybierz obraz, określ, ile szczegółów ma zostać zachowanych, wymaż niechciane obszary i zapisz wynik w bibliotece Creative Cloud. Następnie możesz otworzyć kształt w obsługiwanej aplikacji Adobe i sprawdzić ścieżki.

To rozróżnienie ma znaczenie. Wyraźny liść, ślad tuszu, szablon lub prosta sylwetka logo mogą stać się edytowalnym zasobem, z którym łatwo pracować. Zdjęcie z miękkimi cieniami, włosami, odbiciami i dziesiątkami kolorów najprawdopodobniej stanie się interpretacją wymagającą wielu poprawek.

Praktyczny przebieg pracy
  1. Zacznij od płaskiego, dobrze oświetlonego obiektu o wysokim kontraście.
  2. Otwórz tryb Shapes w Capture i wykadruj lub zaimportuj obraz.
  3. Użyj suwaka szczegółowości, aby usunąć szum bez zamykania zamierzonych otworów.
  4. Przechwyć kształt, a następnie wymaż drobinki kurzu, fragmenty tła i niechciane obszary.
  5. Pozwól Capture narysować gładki obrys i sprawdź go przed zapisaniem.
  6. Zapisz zasób we właściwej bibliotece Creative Cloud.
  7. Otwórz go w Illustratorze, Fresco, Photoshopie lub innej zgodnej aplikacji i sprawdź rzeczywistą geometrię.
  8. Wyeksportuj go z aplikacji docelowej dopiero po sprawdzeniu ścieżek, otworów i skalowania kształtu.

Co tworzy Adobe Capture

Adobe opisuje Capture jako mobilny konwerter obrazów na grafikę wektorową, który przekształca zdjęcia w elementy do wykorzystania w projektach, w tym kształty wektorowe. Aktualna strona Capture product page informuje również, że zasoby można zapisywać w bibliotekach Creative Cloud i ponownie wykorzystywać w aplikacjach komputerowych i mobilnych.

W trybie Shapes Capture odtwarza widoczne granice jako geometrię wektorową. Nie odzyskuje pliku źródłowego, który istniał przed przekształceniem grafiki w piksele. Nie oczekuj, że rozpozna oryginalny krój pisma, przywróci ukryte warstwy, prawidłowo rozdzieli wszystkie obiekty lub odtworzy oryginalne krzywe Béziera autora ilustracji.

Obraz wejściowyPrawdopodobny wynik w CaptureGłówne ryzyko
Czarny ślad tuszu na białym papierzeZwarty kształt z wypełnieniemKurz i cienie na papierze stają się nierównościami lub drobinkami
Prosty liść lub szablonRozpoznawalna sylwetka z wewnętrznymi otworamiWąskie szczeliny mogą się zamknąć
Płaskie logo z kilkoma wyrazistymi obszaramiUżyteczny zasób po wektoryzacji lub punkt wyjścia do dalszej pracyKształty liter i granice kolorów mogą się zmienić
Szkic ołówkiemWygładzona interpretacja widocznych kresekJasne kreski znikają; faktura tworzy drobne fragmenty
ZdjęcieStylizowany kształt z uproszczonymi szczegółamiInformacje o tonach zamieniają się w niepraktyczne obszary

Aktualne FAQ Capture określa wynik jako kształty oparte na grafice wektorowej i podaje, że zasoby Shapes są zgodne z aplikacjami Photoshop, Illustrator, InDesign, After Effects, Animate, Premiere, Fresco i Express. Zgodność nie gwarantuje identycznych możliwości edycji w każdej aplikacji docelowej. Otwórz zasób w aplikacji, w której faktycznie będziesz go dopracowywać.

Jak zwektoryzować obraz w Adobe Capture

1. Przygotuj materiał źródłowy przed otwarciem aplikacji

Ułatw narzędziu jednoznaczne rozpoznanie kształtu. Zadbaj o równomierne oświetlenie, umieść obiekt na jednolitym, kontrastującym tle i trzymaj aparat równolegle do płaskiej grafiki. Wykadruj nieistotne obiekty. Jeśli importujesz istniejący obraz, użyj największego czystego oryginału zamiast miniatury z mediów społecznościowych lub zrzutu ekranu.

W przypadku grafiki na papierze unikaj lampy dającej ostre światło, które tworzy na kartce gradient jasności. Capture może uznać ciemniejszą część kartki za część kształtu. Grafikę na białej kartce w miękkim świetle z okna zwykle łatwiej oddzielić od papierowego tła niż grafikę na błyszczącym papierze oświetlonym punktowym źródłem światła.

2. Wybierz Shapes i ustaw poziom szczegółowości

Aktualny samouczek Adobe Capture-to-After Effects tutorial opisuje podstawową kolejność działań: otwórz Capture, wybierz Shapes, skieruj aparat na obiekt i użyj suwaka, aby dodać lub usunąć szczegóły obrazu.

Przesuwaj suwak powoli i obserwuj trzy obszary:

  • zewnętrzną sylwetkę;
  • zamierzone otwory, takie jak światło wewnątrz litery lub przestrzeń między łodygami;
  • drobne, odizolowane ślady, które powinny zniknąć.

Nie ustawiaj domyślnie maksymalnej szczegółowości. Więcej szczegółów często oznacza więcej poprawek. Zatrzymaj się, gdy istotne cechy pozostają widoczne, a szum tła znika.

3. Przechwyć kształt i usuń niechciane obszary

Przechwyć kształt dopiero wtedy, gdy podgląd na żywo jest stabilny. Zgodnie z opisanym przez Adobe przebiegiem pracy następnie używa się polecenia Deselect, aby pędzlem usunąć niechciane części kształtu.

Najpierw usuń wyraźne drobinki kurzu i oderwane fragmenty. Następnie powiększ miejsca z wąskimi szczelinami i małymi otworami. Niewielki mostek między dwoma obszarami może połączyć oddzielne części w jeden kształt z wypełnieniem, a wymazanie wąskiego fragmentu może przerwać obrys, który powinien pozostać zamknięty.

4. Sprawdź wygładzony obrys

Gdy przejdziesz dalej, Capture narysuje gładkie obrysy kształtu. Traktuj to jako kolejną rekonstrukcję, a nie dowód, że wektoryzacja jest ukończona. Porównaj wynik z materiałem źródłowym zarówno przy dużym powiększeniu, jak i w docelowym rozmiarze.

Zwróć uwagę na:

  • zmienioną sylwetkę przy narożnikach i końcówkach;
  • otwory, które się zamknęły lub stały się zbyt małe;
  • nierówne krzywe powstałe przez cienie lub kompresję;
  • oderwane wysepki, które pozostały po oczyszczaniu;
  • przypadkową asymetrię znaku, który powinien być zrównoważony.

Jeśli istotna cecha jest nieprawidłowa, wróć i popraw materiał źródłowy lub poziom szczegółowości. Zwykle jest to szybsze niż późniejsze naprawianie dziesiątek nieprawidłowych węzłów.

Tworzenie kształtu na telefonie
Schemat procesu, w którym zaszumione zdjęcie ryby staje się czystą, edytowalną ścieżką wektorową, zostaje zapisane w bibliotece w chmurze i dopracowane za pomocą uchwytów węzłów
Capture to pierwszy etap rekonstrukcji. Zasób nadal wymaga sprawdzenia geometrii w aplikacji, w której będzie edytowany lub eksportowany.

5. Zapisz we właściwej bibliotece Creative Cloud

Nadaj kształtowi czytelną nazwę i wybierz bibliotekę docelową przed zapisaniem. Ten drobny krok zapobiega częstemu problemowi przy przekazywaniu zasobów: grafika wektorowa istnieje, ale nikt nie może jej znaleźć w oczekiwanej bibliotece projektu.

Według Adobe w Capture FAQ synchronizacja Creative Cloud udostępnia grafikę z Capture w obsługiwanych aplikacjach Adobe oraz w serwisie internetowym zasobów Creative Cloud. Jeśli kształt się nie pojawia, najpierw sprawdź, czy w obu aplikacjach używasz tego samego konta Adobe i tej samej biblioteki, a następnie poczekaj na zakończenie synchronizacji.

6. Sprawdź i wyeksportuj kształt z aplikacji docelowej

Otwórz kształt w aplikacji używanej do jego dopracowania. W Illustratorze lub innym edytorze ścieżek zaznacz grafikę i potwierdź, że zachowuje się jak geometria wektorowa, a nie umieszczony podgląd obrazu rastrowego. Sprawdź, czy:

  • istotne obszary można edytować;
  • obrys nie ma nieoczekiwanych otwartych końców;
  • otwory pozostają przezroczyste;
  • skalowanie nie ujawnia ukrytego obrazu złożonego z pikseli;
  • grafika wektorowa nie zawiera więcej węzłów, niż uzasadnia wymagany poziom szczegółowości;
  • kolory i sposób działania wypełnień odpowiadają zamierzonemu zastosowaniu.

Nie zakładaj, że zapisanie zasobu w bibliotece jest tym samym co pobranie pliku SVG gotowego do użycia w finalnym projekcie. Opcje eksportu zależą od aplikacji docelowej i przebiegu pracy. Po eksporcie ponownie otwórz plik wynikowy i sprawdź go. SVG może zawierać ścieżki wektorowe, ale ten format może też zawierać osadzone obrazy rastrowe; SVG specification's embedded-content section wyjaśnia, dlaczego sprawdzenie struktury pliku ma znaczenie.

Jeśli aplikacją docelową jest InDesign, skorzystaj z przewodnika po kształtach Capture i umieszczanej grafice, aby wybrać między edycją przechwyconego kształtu a umieszczeniem osobnego zasobu wektorowego.

Czy Adobe Capture może utworzyć kolorową grafikę wektorową?

Aktualne FAQ Adobe opisuje osobny proces tworzenia kolorowych kształtów, a strona produktu przedstawia przekształcanie obrazów w skalowalne zasoby wektorowe. Oznacza to, że możliwości Capture wykraczają poza tworzenie wyłącznie czarno-białych sylwetek.

Kolor nie eliminuje jednak potrzeby oceny wyniku. Płaska ilustracja z kilkoma wyraźnymi obszarami jest bardziej odpowiednim materiałem niż zdjęcie pełne gradientów. Sprawdź, czy kolory stały się użytecznymi, edytowalnymi obszarami, czy stosem fragmentów. Jeśli stało się to drugie, uprość materiał źródłowy lub skorzystaj z procesu przeznaczonego do pełnej rekonstrukcji obrazu.

Capture a Illustrator Image Trace i wektoryzator w przeglądarce

Sposób pracyNajlepsze zastosowanieKompromis
Adobe CaptureSzybkie przechwycenie prostego kształtu na telefonie i dodanie go do bibliotek Creative CloudSzybkość i mobilność, ale mniej szczegółowa kontrola nad ścieżkami na telefonie
Illustrator Image TraceWektoryzacja na komputerze z bezpośrednimi ustawieniami palety, ścieżek, narożników i szumuWiększa kontrola, ale więcej ustawień i decyzji dotyczących poprawek
Dedykowany wektoryzator w przeglądarcePorównanie pełnej rekonstrukcji obrazu rastrowego do grafiki wektorowej przed rozpoczęciem pracy w aplikacjach AdobeWygodny podgląd i przekazanie pliku SVG, ale nie zastępuje narzędzi edycji właściwych dla danej aplikacji

Wybierz narzędzie w zależności od pracy, którą trzeba wykonać po wektoryzacji. Jeśli fotografujesz odbitkę stempla przy stole roboczym i potrzebujesz jej we współdzielonej bibliotece, Capture jest naturalnym wyborem. Jeśli potrzebujesz precyzyjnej kontroli nad złożoną wektoryzacją, użyj Illustratora. Jeśli chcesz przetestować pełny obraz rastrowy poza ekosystemem Adobe, porównaj wynik dedykowanego wektoryzatora na tym samym materiale źródłowym.

Proces przekształcania obrazu w grafikę wektorową w PerfectVector odtwarza obsługiwaną grafikę rastrową jako edytowalne kształty SVG w przeglądarce. W tym przypadku jest najbardziej przydatny jako sposób porównania: sprawdź podgląd tego samego płaskiego materiału źródłowego, a następnie oceń wierność sylwetki, wewnętrzne otwory, rozdzielenie kolorów i przewidywany zakres poprawek w zestawieniu z wynikiem Capture. Zachowaj wersję, która wymaga mniej napraw.

Jeśli grafika powstaje najpierw w Fresco, porównaj pędzle wektorowe z wektoryzacją istniejącego obrazu rastrowego, zanim przeniesiesz ją do Capture.

Rozwiąż częste problemy z wektoryzacją w Adobe Capture

Wynik zawiera zbyt wiele drobinek

Użyj bardziej miękkiego, równomiernego światła i uprość tło. Zmniejsz poziom szczegółowości przechwytywanego obrazu, aż kurz zniknie bez wymazywania obiektu. Oczyszczenie papieru lub obrazu źródłowego przed wektoryzacją jest lepsze niż późniejsze usuwanie setek wektorowych wysepek.

Wąskie szczeliny ciągle się zamykają

Zwiększ kontrast wokół szczeliny i przechwyć obraz z mniejszej odległości, nie powodując rozmycia. Jeśli szczelina jest istotna, przerysuj ten niewielki fragment w edytorze docelowym zamiast wymuszać zachowanie każdej drobnej różnicy między pikselami w całej wektoryzacji.

Krzywe są nierówne

Zacznij od większego, ostrzejszego materiału źródłowego i ogranicz nieistotne szczegóły. Cienie, obwódki powstałe przez kompresję JPEG i niestabilna ostrość aparatu są odczytywane jako informacje o krawędziach. Upraszczaj węzły tylko wtedy, gdy nie zmienia to zamierzonej sylwetki.

Kształtu nie ma w aplikacji komputerowej

Sprawdź konto Adobe, na którym jesteś zalogowany, bibliotekę wybraną podczas zapisywania, synchronizację przez sieć oraz to, czy aplikacja docelowa obsługuje zasoby Shape. Tabela zgodności Adobe dotyczy poszczególnych typów zasobów; aplikacja obsługująca jeden typ zasobu Capture może nie obsługiwać wszystkich.

Wyeksportowany SVG nadal zawiera piksele

Sprawdź plik w edytorze grafiki wektorowej, a w razie potrzeby także jego kod. Obraz rastrowy umieszczony wewnątrz SVG nadal jest zawartością rastrową. Zanim potraktujesz go jako skalowalny plik wzorcowy, potwierdź, że obiekt jest przedstawiony za pomocą edytowalnych ścieżek.

Najczęściej zadawane pytania

Czy Adobe Capture umożliwia wektoryzację obrazu? Tak. Capture może przekształcić zdjęcie lub zaimportowany obraz w zasób Shape oparty na grafice wektorowej. Wynik odtwarza widoczne granice; nie przywraca oryginalnych warstw, krojów pisma ani ukrytej geometrii.

Czy Adobe Capture eksportuje bezpośrednio do SVG? Opisany przez Adobe proces tworzenia zasobów Shape zapisuje zasób w bibliotece Creative Cloud do wykorzystania w zgodnych aplikacjach. Ponieważ opcje eksportu różnią się w zależności od aplikacji docelowej i jej wersji, otwórz kształt w aplikacji, w której będziesz go dopracowywać, wyeksportuj go tam i sprawdź, czy wynikowy SVG zawiera edytowalne ścieżki.

Jakie obrazy najlepiej sprawdzają się w Adobe Capture? Najlepiej sprawdzają się płaskie obiekty o wysokim kontraście i wyraźnej sylwetce, sfotografowane z dobrze ustawioną ostrością: ślady tuszu, szablony, liście, proste ikony oraz szkice z ograniczoną liczbą szczegółów. Zdjęcia z wieloma elementami, cienie, rozmycie i artefakty kompresji wymagają więcej poprawek.

Czy Adobe Capture może tworzyć kolorowe kształty wektorowe? Tak. Aktualne FAQ Adobe opisuje kolorowe kształty. Materiał źródłowy z kilkoma wyraźnymi obszarami jednolitego koloru nadaje się do tego lepiej niż zdjęcie z gradientami i wieloma drobnymi zmianami tonów.

Czy mogę edytować kształt z Capture w Illustratorze? Tak. Adobe wymienia Illustrator wśród aplikacji obsługujących zasoby Shape z Capture. Po otwarciu zasobu sprawdź jego ścieżki, otwory, liczbę węzłów i wypełnienia, zanim użyjesz go jako pliku wzorcowego w finalnym projekcie.

Źródła

  1. Adobe — Capture product page — Aktualny opis możliwości Capture w zakresie grafiki wektorowej, przekształcania obrazów w zasoby oraz bibliotek Creative Cloud.
  2. Adobe — Adobe Capture FAQ — Aktualne typy zasobów, zgodność Shape, synchronizacja Creative Cloud i informacje o kolorowych kształtach.
  3. Adobe — Animating Sketch and Capture shapes using After Effects — Aktualna kolejność działań w trybie Shapes w Capture, kontrola szczegółowości, oczyszczanie za pomocą polecenia Deselect, wygładzanie, nadawanie nazwy i zapisywanie w bibliotece.
  4. W3C — SVG embedded content — Kontekst specyfikacji wyjaśniający, dlaczego SVG nadal może zawierać obrazy rastrowe.
  5. PerfectVector — Image to Vector — Aktualny proces wektoryzacji w przeglądarce, podgląd, pliki wynikowe SVG i zakres możliwości produktu.

Jeśli Capture przekształca Twój materiał źródłowy w kształt wymagający zbyt wielu poprawek, porównaj ten sam obraz w wektoryzatorze w przeglądarce, sprawdź oba wyniki i kontynuuj pracę z czystszym zestawem edytowalnych ścieżek.

Więcej z bloga

Zamień obraz w
czyste, edytowalne ścieżki wektorowe