Uzyskiwanie optymalnych rezultatów za pomocą funkcji obrysowywania obrazu

Informacje o tym, jak automatycznie przekształcać obrazy rastrowe w grafikę wektorową w programie Illustrator za pomocą funkcji Obrys obrazu.

Artykuł autorki gościnnej: Moniki Gause

Monika Gause jest niezależną projektantką materiałów komunikacyjnych, autorką techniczną i nauczycielką. Mieszka w Hamburgu w Niemczech. Stałym motywem w jej karierze jest grafika wektorowa, która poprowadziła ją drogą od DTP przez multimedia i projektowanie stron internetowych do pisania artykułów. Monika przygotowywała animacje 3D dla muzeów, projektowała serwisy internetowe małych firm i tworzyła grafikę na niezliczone produkty biurowe. Jako nauczycielka i certyfikowana specjalistka na forach Adobe uwielbia zgłębiać przepływy pracy i problemy swoich klientów i uczestników forum oraz opracowywać dla nich rozwiązania.

Za pomocą funkcji Obrys obrazu w programie Illustrator można automatycznie przekształcać obrazy rastrowe w grafikę wektorową. Funkcje tego rodzaju często określa się jako „autotracing”. Uzyskane rezultaty zależą od rodzaju, jakości i rozmiaru obrazu źródłowego oraz ustawień wybranych w programie Illustrator. Dlatego też punktem wyjścia musi być dobry obraz źródłowy. 

Przygotowanie plików do obrysowywania obrazu

Poświęć trochę czasu na zoptymalizowanie obrazów do obrysowania, tak aby można je było przetwarzać szybciej i lepiej. Ponadto trudno jest edytować rezultat już po obrysowaniu.  

Ważne jest, aby usunąć z obrazów wszystkie niepotrzebne elementy, korzystając z aplikacji do edycji grafiki. Usuń kurz i zarysowania. Jeśli obraz ma kolorowe tło — nawet jeśli jest to delikatny kolor papieru — ale chcesz, żeby było białe, lepiej się go pozbyć na etapie edycji obrazu. Koniecznie wyodrębnij portrety, jeśli chcesz je obrysować w stylu jednokolorowego szablonu (przykład: kultowa grafika z Che Guevarą). 

Wyodrębnij obiekt z tła
Wyodrębnij obiekt z tła

Obrysowywanie obrazu niezbyt dobrze sobie radzi z obrazami 1-bitowymi, ale świetnie działa w przypadku skali szarości. Optymalizując szkice, pociągnięcia pędzlem, kaligrafię i inne podobne treści, pozostaw na krawędziach trochę efektu wtapiania (tzw. antyaliasing). Dzięki temu narzędzie Obrys obrazu lepiej poradzi sobie z zadaniem i wygeneruje gładsze krzywe. 

Przygotowywanie obrazu za pomocą funkcji poziomów w programie Photoshop — zachowanie delikatnego antyaliasingu wokół krawędzi (u góry) vs eliminacja antyaliasingu (u dołu)

Funkcja Obrys obrazu wyświetla ostrzeżenie, gdy wymiary pliku (szerokość lub wysokość) przekraczają 1500 pikseli, ale mimo to przetwarza takie pliki, chociaż trwa to dłużej. 

Ostrzeżenie o dużym obrazie
Ostrzeżenie o dużym obrazie

Zoptymalizowaną grafikę zapisz w formacie, który nie używa kompresji stratnej, na przykład PNG, TIF lub PSD. W przypadku zdjęć można użyć formatu JPEG.

Umieszczanie plików w programie Illustrator i uruchamianie obrysowywania

Podane tu instrukcje dotyczą stosowania funkcji obrysu do obrazu rastrowego, ale w przypadku innych typów obrazów procedura jest taka sama.

  1. W programie Illustrator utwórz nowy plik o wybranym trybie koloru i rozmiarze. 

  2. Przeciągnij do niego obraz źródłowy z programu Finder (Mac OS) lub Eksploratora Windows lub zaimportuj go za pomocą opcji Plik > Umieść. W przypadku funkcji automatycznego obrysu nie ma znaczenia, czy plik zostanie osadzony, czy połączony. Podczas umieszczania pliku nie zaznaczaj opcji Szablon, ponieważ powoduje ona, że plik będzie umieszczany na zablokowanej warstwie.

  3. Wybierz obraz źródłowy i otwórz panel Obrys obrazu, wybierając polecenie Okno > Obrys obrazu. Można także wybrać ustawienie domyślne z panelu Sterowanie (aby to zrobić, otwórz małe menu po prawej stronie przycisku Obrysuj) albo panelu Właściwości (kliknij przycisk Obrys obrazu, a potem wybierz odpowiednią opcję z menu). 

    Menu ustawień domyślnych na panelu Sterowanie

    Przycisk Obrys obrazu w sekcji Szybkie operacje na panelu Właściwości powoduje wyświetlenie menu ustawień domyślnych

    Spowoduje to natychmiastowe zastosowanie ustawienia domyślnego i obrysowanie obrazu. Może to spowodować opóźnienia w działaniu programu Illustrator.

    Każde z ustawień domyślnych można dostosować za pomocą panelu Obrys obrazu — i warto to robić. Jeśli panel Obrys obrazu nie jest jeszcze otwarty, otwórz go, klikając przycisk na panelu Sterowanie lub w sekcji Obrys obrazu na panelu Właściwości. 

    Szczegółowe informacje o ustawieniach domyślnych pozwalających uzyskać dobrej jakości obrys podano w artykule Ustawienia domyślne obrysu obrazu.

Co zrobić, jeśli polecenie Obrys nie jest aktywne?

Polecenie Obrys obrazu może nie być aktywne z kilku powodów:

  • Obraz musi zostać zaznaczony. Zaznacz obraz, który chcesz obrysować, klikając go narzędziem do zaznaczania.
  • Jeśli nie jest to możliwe, sprawdź, czy nie zablokowano warstwy lub samego obrazu.
  • Jeśli wszystko jest już odblokowane, sprawdź, czy wybrany obraz należy do grupy przycinania. Jeśli tak jest, wybierz polecenie Obiekt > Maska przycinająca > Zwolnij. Następnie usuń maskę i zaznacz obraz. Może się to zdarzyć podczas kopiowania i wklejania obrazu z innej aplikacji za pośrednictwem schowka.
Maska przycinająca (wyświetlana jako grupa przycinania) na panelu Sterowanie (po lewej) i panelu Właściwości (po prawej)

Jakie są różnice między funkcją Obrys obrazu a funkcją Obrys aktywny?

Funkcja Obrys obrazu zawiera w większości te same opcje, ale zostały one zaimplementowane w inny sposób. Opcje optymalizacji obrazu źródłowego po lewej stronie panelu Obrys aktywny, takie jak rozmycie, zostały zintegrowane z tą funkcją i są stosowane automatycznie na podstawie analizy obrazu. 

Ograniczenia

Funkcja Obrys obrazu nie najlepiej sprawdza się w przypadku wektoryzacji następujących rodzajów obrazów:

  • Kształty geometryczne: Jeśli chcesz narysować logo, ikonę, symbol lub tym podobne zasoby, które mają precyzyjne kształty geometryczne — takie jak trójkąty, sześciokąty, a nawet linie proste — lepiej zrób to ręcznie. Ludzie są w stanie rozpoznać te kształty nawet w źle skompresowanym pliku JPEG lub na pomiętym papierze, ale oprogramowanie widzi po prostu kupkę pikseli — nawet w pliku źródłowym najlepszej jakości. 
  • Tekst: Jeśli chcesz wektoryzować tekst, zawsze najlepiej jest określić użytą w nim czcionkę, na przykład za pomocą programu Adobe Capture lub Adobe Photoshop, a następnie użyć tej konkretnej czcionki do samodzielnego złożenia tekstu. W przypadku dłuższych tekstów można skorzystać z funkcji OCR (optycznego rozpoznawania znaków) w programie Adobe Acrobat, co umożliwia wygenerowanie plików tekstowych. Po złożeniu i sformatowaniu tekstu w programie Illustrator w razie potrzeby przekształć go na kontury (na przykład w celu wysłania na ploter do wycięcia winylowych naklejek lub po prostu przed przekazaniem znaku logo).
  • Zdjęcia: Funkcja automatycznego obrysu raczej się nie sprawdzi, jeśli chcesz powiększyć zdjęcie. Piksele na obrazie można zmienić tylko w kształty. Na małym zdjęciu tego nie widać, ale po powiększeniu te kształty stają się rzecz jasna większe — tak samo jak piksele. 
Zdjęcie po obrysowaniu (po lewej), powiększenie (środek), widok konturu (po prawej)
Zdjęcie po obrysowaniu (po lewej), powiększenie (środek), widok konturu (po prawej)

  • Gradienty: Ta funkcja nie jest w stanie generować gradientów. Są one konwertowane na przylegające do siebie kształty o jednolitych kolorach
Gradienty zostaną przekonwertowane na pojedyncze kształty o jednolitych kolorach
Gradienty zostaną przekonwertowane na pojedyncze kształty o jednolitych kolorach

  • Grafika o wielu szczegółach: Detale prawie zawsze giną, ponieważ trzeba znaleźć równowagę między dokładnością odwzorowania a gładkością ścieżek. Gładkie ścieżki są zazwyczaj ważniejsze niż poziom szczegółowości. Nie da się niestety uzyskać gładkich ścieżek w jednej części obrazu, a precyzyjnych detali w innej.
    Nie warto oczekiwać, że z małego obrazu GIF, ledwie rozpoznawanego przez funkcję automatycznego obrysu, powstanie wysokiej jakości grafika wektorowa.
Funkcja automatycznego obrysu nie jest w stanie poprawić pliku GIF o wymiarach 70x70 pikseli (po lewej: źródło, po prawej: rezultat obrysowywania)

Więcej zasobów tego rodzaju

Logo Adobe

Zaloguj się na swoje konto