Robienie wektorów jest jednym z najbardziej klas, które musisz nauczyć się przed zostaniem grafikiem. Łatwym sposobem na rozpoczęcie jest śledzenie obrazów rastrowych i przekształcanie ich w wektory. Przynajmniej tak nauczyłem się 12 lat temu.

Kiedy pierwszy raz zaczynasz, stworzenie czegoś od podstaw może być trudnym zadaniem, zwłaszcza nie wiedząc, jakich narzędzi użyć. Ale jeśli naprawdę chcesz, na pewno jest sposób, a ja pokażę ci, jak.

W tym artykule dowiesz się więcej o obrazach wektorowych i kilku sposobach tworzenia obrazu wektorowego w Adobe Illustrator.

Pewnie już wiesz, że Adobe Illustrator słynie z tworzenia grafiki wektorowej. Ale co to jest wektor i skąd wiesz, czy dany obrazek jest wektorem?

Co to jest obraz wektorowy?

Techniczne wyjaśnienie byłoby następujące: jest to obraz wykonany za pomocą wzorów matematycznych, takich jak punkty, linie i krzywe. Oznacza to, że można zmienić rozmiar obrazu bez utraty rozdzielczości. Niektóre popularne typy plików wektorowych to .ai , .eps , .pdf , .svg .

Brzmi myląco, pozwól, że Ci to ułatwię. Zasadniczo, wszelkie edytowalne obrazy są obrazami wektorowymi. Kiedy tworzysz projekt od podstaw w Adobe Illustrator, jest on wektorem, chyba że go rasteryzujesz. Na przykład, może to być kształt, przeciągnięty obraz, zarysowany tekst, a także profesjonalne logo.

Istnieje wiele sposobów na stworzenie obrazu wektorowego w Adobe Illustrator, ale zamierzam je podzielić na dwie główne kategorie: wektoryzacja obrazu rastrowego i tworzenie wektora od podstaw.

Wektoryzacja obrazu

Obraz rastrowy można przekształcić w obraz wektorowy za pomocą narzędzia pióra lub funkcji śledzenia obrazu. Najszybszą i najłatwiejszą opcją jest zdecydowanie śledzenie obrazu, a można to zrobić z poziomu Właściwości > Szybkie działania panel.

Na przykład, zróbmy wektor z tego obrazu ananasa. Pokażę ci, jak zwektoryzować obraz na dwa sposoby, a wyniki mogą wyglądać zupełnie inaczej.

Uwaga: zrzuty ekranu z tego samouczka pochodzą z wersji Adobe Illustrator CC 2022 Mac. Windows lub inne wersje mogą wyglądać inaczej.

Ślad obrazu

Krok 1: Przycinaj obraz do obszaru, który chcesz zwektoryzować.

Krok 2: Zaznacz zdjęcie i wybierz Ślad obrazu od Właściwości > Szybkie działania panel.

Wybierz wynik śledzenia.

Na przykład, jeśli wybierzesz Logo czarno-białe , będzie to wyglądało tak.

Jeśli nie jesteś zadowolony z wyglądu, możesz otworzyć panel Image Trace, aby dostosować więcej ustawień. Próg .

Wygląda lepiej?

Krok 4: Wybierz obraz i kliknij Rozwiń z Szybkie działania Teraz Twój obraz jest edytowalny i możesz zobaczyć punkty i linie.

Zmień kolor, żeby zobaczyć jak to wygląda 🙂

Możesz wypróbować kilka opcji. Zobaczmy inny wynik śledzenia. Tak wyglądałby, gdybyś wybrał 16 Kolory w kroku 2.

Jeśli go rozwiniesz, zobaczysz edytowalne ścieżki.

Odgrupuj obiekt i możesz usunąć obszary, których nie chcesz lub dodać do niego inny kolor tła. Nie zapomnij zgrupować ich z powrotem po dokonaniu edycji. Jeśli nie, możesz przegapić niektóre elementy dzieła sztuki podczas przenoszenia.

Zbyt skomplikowany? A może by tak stworzyć prostszy projekt za pomocą narzędzia pióra?

Pen Tool

Narzędzie pióra daje dużą swobodę, aby uzyskać kreatywność. Nawet jeśli używamy narzędzia pióra do śledzenia konturu, ale kto mówi, że musisz podążać za liniami? Możemy zrobić prosty wektor line art.

Krok 1: Wróć do oryginalnego obrazu i zmniejsz krycie do około 70%, aby wyraźniej widzieć ścieżkę narzędzia pióra. Zablokuj obraz na wypadek, gdybyś go przypadkowo przesunął.

Krok 2: Wybierz Pen Tool (P) z paska narzędzi, wybierz kolor obrysu i zmień wypełnienie na brak.

Krok 3: Prześledź kontur kształtu obrazu. Jeśli chcesz później dodać kolor, powinieneś zamknąć ścieżkę narzędzia pióra i proponuję utworzyć kształty na podstawie obszaru koloru. Zablokuj ścieżkę, którą kończysz, aby uniknąć edycji niewłaściwej ścieżki.

Na przykład część głowową prześledzę osobno od części dolnej.

Teraz popracujmy nad szczegółami. Oczywiście, jeśli pokolorujesz go teraz, będzie wyglądał bardzo prosto.

Krok 4: Czas na kreatywność! Możesz wyśledzić więcej szczegółów z oryginalnego obrazu lub dodać swój własny akcent. Na przykład, dodałem kilka szczegółów do głowy za pomocą moich pędzli akwarelowych i stworzyłem kilka geometrycznych kształtów dla ciała.

Krok 5: Usuń oryginalny obraz i masz swój obraz wektorowy. Możesz zapisać obraz jako png do przyszłego użytku.

Tworzenie wektora od podstaw

Istnieje wiele sposobów na stworzenie wektora od podstaw. Możesz tworzyć linie, tworzyć kształty, używać pędzla do rysowania itp. Niektóre popularne narzędzia do tworzenia kształtów to narzędzie pióra, narzędzia kształtu (Elipsa, Prostokąt, Wielokąt itp.) oraz narzędzie Shape Builder.

Pozwól, że pokażę Ci jak zrobić ananasa wektorowego od podstaw w mniej niż pięć minut.

Krok 1: Użyj narzędzia pióra, aby narysować część głowy, może to być tak proste, jak to.

Krok 2: Użyj Narzędzie Elipsa (L) aby narysować korpus ananasa i przeciągnij go, aby połączyć głowę. Powinny być dwa nakładające się punkty.

Krok 3: Zaznacz oba kształty i wybierz opcję Narzędzie Shape Builder ( Zmiana + M ).

Kliknij i przeciągnij przez głowę i nakładającą się część kształtu elipsy, aby połączyć kształty.

Ten krok ma na celu oddzielenie głowy i ciała do wypełnienia kolorem.

Krok 4: Dodaj kolor do obu kształtów i masz prostego ananasa.

Krok 5: Użyj Narzędzie Segment linii (\) aby narysować kilka prostych linii, aby dodać trochę szczegółów.

Super proste, prawda? To tylko jeden z wielu sposobów na stworzenie wektora od podstaw. Możesz także stworzyć ananasa w stylu freehand drawing za pomocą pędzli i obrysować pociągnięcia z menu nadrzędnego Obiekt > Ścieżka > Zarys Udar .

Zakończenie

Możesz użyć każdej z powyższych metod, aby stworzyć obraz wektorowy w Adobe Illustrator. Jeśli chcesz, aby plik był edytowalny, zapisz go w formatach plików wektorowych. Jeśli zapiszesz stworzony wektor jako jpeg, nie będzie on edytowalny.

Najprostszym sposobem na stworzenie wektora jest prześledzenie istniejących obrazów. Zawsze możesz połączyć metody, użyć narzędzia pióra lub innych narzędzi, aby stworzyć coś unikalnego.