Jak zamienić obraz w obraz wektorowy

Jeśli zamierzasz użyć logo/ilustracji na większym ekranie, takim jak plakat, baner lub billboard, musisz wstępnie określić ich rozdzielczość w przypadku zwykłych obrazów rastrowych. W przeciwnym razie po powiększaniu zaczynają się one rozpikselować (stać się rozmyte).

Jednak w przypadku obrazów wektorowych można ich używać na dowolnym ekranie i skalować je w górę/w dół w nieskończoność bez utraty jakości. Ponadto obrazy automatycznie dostosowują się i zachowują swoją jakość, nawet jeśli wielokrotnie powiększasz lub pomniejszasz.

Aby dowiedzieć się więcej o tym, jak każdy z nich działa i jak można przekonwertować obraz rastrowy na format wektorowy, kontynuuj przeczytaj poniższy artykuł.

Jak zamienić obraz w obraz wektorowy za pomocą programu Illustrator?

Ogólnie rzecz biorąc, kiedy mówimy o obrazach, mamy na myśli obrazy rastrowe. Są one powszechnie spotykane w formatach takich jak JPG, JPEG, PNG itp. Te obrazy są oparte na pikselach, a każdy piksel zawiera informacje o określonym kolorze obrazu. Ale ponieważ składają się one z ograniczonych pikseli, zaczyna im brakować wystarczającej liczby pikseli, przez co zaczynają się rozpikselować.

Z drugiej strony obrazy wektorowe są oparte na wzorach matematycznych i są niezależne od rozdzielczości. Tak więc, jeśli chcesz mieć możliwość skalowania obrazu bez utraty jego jakości, musisz przekonwertować go na obraz wektorowy.

Ponieważ Illustrator to aplikacja do edycji obrazów wektorowych z wbudowaną funkcją śledzenia obrazu funkcja i kilka wbudowanych ustawień wstępnych. W ten sposób proces konwersji rastrów staje się znacznie łatwiejszy.

Krok 1: Zarządzaj swoim obszarem roboczym

Przed rozpoczęciem procesu konwersji zarządzaj swoim obszarem roboczym, aby było to łatwiejsze

Otwórz program Illustrator aplikacji.Kliknij menu Okno i wybierz Przestrzeń robocza > Śledzenie.

Krok 2: Otwórz obraz rastrowy

Kliknij Plik i wybierz Otwórz.Przeglądaj swój komputer i załaduj obraz, który chcesz przekonwertować na format wektorowy.Zmień rozmiar obraz, przeciągając uchwyty narożne, a następnie dopasuj go do obszaru roboczego.

Jeśli masz już niestandardowy obszar roboczy otwarty w programie Illustrator,

Utwórz obszar roboczy w preferowanym rozmiarze. Możesz to zrobić, wybierając Plik > Nowy. Przejdź do Plik > Miejsce. Wybierz żądany obraz i kliknij przycisk Umieść. Kliknij raz lub przeciągnij, aby umieścić obraz na obszarze roboczym. Użyj narzędzia do zaznaczania (V), aby przesunąć obraz.

Aby powiększyć/pomniejszyć, naciśnij i przytrzymaj klawisz Alt podczas przeciągania kółka myszy.

Krok 3: Użyj funkcji śledzenia obrazu

Funkcja śledzenia obrazu udostępnia listę różnych ustawień wstępnych wraz z dodatkowymi ustawieniami konwersji obrazu rastrowego. Aby zobaczyć wyniki obrazu na żywo podczas wprowadzania zmian w panelu Śledzenie obrazu, zaznacz pole wyboru Podgląd u dołu.

Użyj również opcji Widok ustawienia, aby wyświetlić wyniki śledzenia obrazu i Tryb , aby przełączać się między różnymi trybami (Kolor, Skala szarości, Czarny i Biały).

Podobnie dostosuj Próg suwak, aby zdecydować, jaki procent oryginalnych pikseli obrazu zostanie przekonwertowany na wektor. Zwiększenie progu sprawia, że ​​obraz staje się gęstszy (ciemniejszy), a zmniejszenie go daje jaśniejszy obraz.

Wybierz ustawienie wstępne

Wybór odpowiedniego ustawienia wstępnego obrazu zależy od złożoności obrazu (jakość, kolory) i czego zamierzasz użyć (logo, ilustracja). Poeksperymentuj więc z różnymi ustawieniami wstępnymi i wybierz ten, który najlepiej pasuje do obrazu.

Jeśli pracujesz z logo, ilustracjami lub szkicami, poniższe ustawienia wstępne są najczęściej używane i odpowiednie.

3 kolory, 6 kolorów, 16 kolorów: podczas wybierania tych ustawień wstępnych program Illustrator określa odpowiednią liczbę (3,6,16) najważniejszych kolorów, których należy użyć podczas konwersji do obrazu wektorowego. >Logo czarno-białe: to ustawienie ma zastosowanie głównie podczas konwertowania logo PNG na logo wektorowe.Odcienie szarości: stosuje obrysowanie obrazu przy użyciu bieli, czerni i różnych odcieni szary.Grafika szkicowana: za pomocą tego ustawienia wstępnego możesz zastosować efekt przypominający szkic do złożonego obrazu.

Użyj Zaawansowane ustawienia do dalszego dostosowywania

Korzystanie z jednego z gotowych ustawień może czasami dać pożądany rezultat już za pierwszym razem. Jeśli jednak tak się nie stanie, możesz użyć różnych dodatkowych opcji w sekcji Zaawansowane, aby śledzenie obrazu było bardziej precyzyjne i dokładne.

Ścieżki

To ustawienie umożliwia dostosowanie suwaka Ścieżki w celu uwzględnienia liczby ścieżek. Mniej ścieżek daje prostszy projekt, ale ustawienie go zbyt nisko daje niedokładne wyniki i kreskówkowy wygląd.

Narożniki

Jak sama nazwa wskazuje , określa narożniki (w procentach) obrazu. Ustawienie go na 0 daje wiele zaokrąglonych rogów, ale jeśli ustawisz go na 100, zapewnia proste linie i daje tyle ostrzejszych krawędzi, ile to możliwe.

Szum

Regulacja suwaka szumu decyduje o tym, czy małe szczegóły zostaną zignorowane lub uwzględnione w większej grupie kolorów podczas śledzenia.

Zwiększenie jego wartości powoduje zignorowanie drobnych szczegółów wymienionych na suwaku (w pikselach).

Na przykład, jeśli wprowadzisz 30px w suwaku Szum, wszystko poniżej 30px nie zostanie prześledzone.

Ale jeśli ustawisz go zbyt wysoko, istotne szczegóły obrazu mogą zostać utracone. Dostosuj więc suwak i wybierz wartość, która daje najlepszy wynik.

Ignoruj ​​biały

Włączenie tej opcji powoduje zignorowanie wszystkich białych wypełnień obrazu podczas konwersji do obrazu wektorowego.

Przyciągaj krzywe do linii

Włączenie tej opcji pozwala wyprostować zabłąkane piksele na obrazie.

Krok 4: Rozwiń obraz

Nawet po zakończeniu obrysowywania nadal musisz go rozwinąć, aby przekształcić go w ścieżkę wektorową. W przeciwnym razie za każdym razem, gdy chcesz edytować obraz, musisz użyć panelu Śledzenie obrazu.

W tym celu

kliknij Obiekt menu na górnym pasku.Wybierz opcję Rozwiń.
 

Uwaga: Jeśli chcesz odrzucić wynik obrysowania obrazu i powrócić do oryginalnej kompozycji, możesz to zrobić, wybierając opcję Zwolnij.

Krok 5: Dodaj/usuń punkty kontrolne

Jeśli Twój obraz ma zbyt wiele punktów kontrolnych, może stać się dość skomplikowany i pozostawić niedoskonałości. Aby go usunąć, możesz użyć opcji uprość programu Illustrator.

Wybierz obraz.Następnie kliknij menu Obiekt i wybierz Ścieżka > Uprość.

Krok 6: Popraw obraz

Jeśli chcesz jeszcze bardziej poprawić obraz, możesz użyć narzędzi Gładkie i Krzywa.

Narzędzie gładkie pomaga naprawić szorstkie lub ostre krawędzie wokół obrazu. Narzędzie krzywizny natomiast umożliwia zmianę zaokrąglonych narożników na ostre krawędzie poprzez przeciąganie punktów kontrolnych.

Krok 7: Eksportuj plik

Po zastosowaniu obrysowania obrazu i dopracowaniu obrazu wektorowego, możesz go wyeksportować w różnych formatach.

Kliknij menu Plik.Wybierz Zapisz jako.Wybierz preferowany format (.svg,.eps) obok Zapisz jako typpole.Kliknij Zapisz.

Jak zamienić obraz w obraz wektorowy za pomocą programu Photoshop?

Aplikacja Photoshop jest oparta na pikselach i jest przeznaczona głównie do edycji obrazów rastrowych. Ponadto nie ma funkcji śledzenia obrazu. Dlatego trudno jest wektoryzować nawet proste obrazy.

Możesz jednak ręcznie tworzyć i dostosowywać ścieżki za pomocą narzędzia takiego jak Wybór bezpośredni. Następnie możesz wyeksportować go do formatu wektorowego, takiego jak SVG.

Krok 1: Importuj obraz

Aby otworzyć obraz w Photoshopie, wybierz Plik > Otwórz. Alternatywnie możesz przeciągnąć i upuścić obraz bezpośrednio na płótno Photoshopa.

Krok 2: Dokonaj zaznaczenia

W przypadku prostego obrazu, takiego jak logo, możesz rozważyć Narzędzie Wybierz temat (Wybierz > S). Czasami jednak nie zawiera niezbędnych części obrazu i zamiast tego wyklucza niepotrzebne części. W takim przypadku możesz użyć innych narzędzi, takich jak zaznaczanie obiektów, magiczna różdżka, lasso itp.

Krok 3: Utwórz ścieżkę roboczą

Po dokonaniu wyboru możesz użyć Narzędzie Utwórz pracę, aby umożliwić automatyczne generowanie ścieżek i punktów kontrolnych.

Kliknij zaznaczenie prawym przyciskiem myszy i wybierz Utwórz ścieżkę roboczą.
W następnym monicie wpisz odpowiednią wartość tolerancji. Wyższa wartość skutkuje gładszą ścieżką i mniejszą liczbą punktów kontrolnych na ścieżce. Jeśli jednak ustawisz go zbyt wysoko, ścieżka może nie obejmować wszystkich istotnych szczegółów. Dostosuj go więc za pomocą minimalnych punktów kontrolnych, jednocześnie obejmując wszystkie potrzebne szczegóły.

Krok 4: Użyj narzędzia Zaznaczanie bezpośrednie

Po użyciu narzędzia Utwórz ścieżkę roboczą możesz użyć Narzędzia Zaznaczanie bezpośrednie, aby dostosować poszczególne ścieżki lub segmenty ścieżki. Za jego pomocą możesz dodawać nowe punkty kontrolne (małe kwadratowe pola w poprzek ścieżek) i usuwać niepotrzebne.

Kliknij Narzędzie do bezpośredniego zaznaczania na pasku narzędzi lub użyj klawisza skrótu; A.
Kliknij prawym przyciskiem myszy ścieżkę i wybierz Dodaj punkt kontrolny, aby utworzyć nowe punkty kontrolne na obrazie.
Podobnie wybierz punkt kontrolny i kliknij Usuń punkt kontrolny, aby usunąć go ze ścieżki. Użyj również uchwytów narożnych, aby dostosować ścieżkę.

Krok 5: Zastosuj warstwę wypełnienia jednolitym kolorem

Teraz możesz zastosować warstwę wypełnienia, aby uzyskać nową warstwę dla obrazu wektorowego. Ponieważ jednak podczas pracy zwykle wybieramy jeden kolor, lepsze wyniki zapewnia warstwa pełnego wypełnienia.

Kliknij menu Warstwa. Wybierz Nowa warstwa wypełnienia > Solid Color.
Wybierz odpowiedni kolor do wypełnienia obrazu.

Krok 6: Eksportuj w formacie wektorowym

Kliknij prawym przyciskiem myszy warstwę Wypełnienie kolorem w panelu Warstwy i wybierz Eksportuj jako.
Teraz wybierz SVG (format wektorowy) obok pola Format .
Kliknij przycisk Eksportuj u dołu.