Jak Wektoryzować Obraz

istnieje kilka sposobów na wektoryzację obrazu. W tym samouczku użyjemy Adobe Illustrator, a w szczególności „narzędzie Pióro” (P), które jest najczęstszą metodą.

1. po pierwsze, musimy wybrać nasz podstawowy obraz lub zdjęcie. W tym przypadku użyję zdjęcia Koloseum w Rzymie, które zrobiłem kilka lat temu (dostępne za pośrednictwem Adobe Stock).

1. gdy masz gotowy obraz, otwórz Adobe Illustrator CC i utwórz nowy dokument.,

w tym samouczku utworzymy tablicę graficzną o wymiarach 5000 x 4000 px z profilem kolorów RGB.

1. umieść obraz na środku/dole dokumentu i zablokuj go na panelu Warstwy, klikając ikonę „Zablokuj”. Lub wybierz obraz i naciśnij „CMD+2” (skrót do elementów blokowych). Pomoże to uniknąć przesuwania obrazu podczas procesu śledzenia.

1. aby rozpocząć proces śledzenia, przejdź do panelu Narzędzia i wybierz „narzędzie Pióro” (Skrót: „P”).,

teraz musimy wyczyścić kolor wypełnienia, pozostawiając tylko kolor linii.

wybierz jasny kolor, który różni się od schematu kolorów zdjęcia. Pomoże to upewnić się, że możesz zobaczyć linie w kolejnych kilku krokach. Kolor nie ma znaczenia w tym momencie, zmienimy go później.

1. rozpoczniemy proces śledzenia (wektoryzacji) od najbardziej charakterystycznych kształtów na obrazie, a zakończymy na mniejszych szczegółach., Ponadto, w tym ćwiczeniu, będziemy „zachować to proste” w zakresie kształtów i szczegółów, które będą generować szczególny styl” ilustracji ” Koloseum.

teraz za pomocą „narzędzia Pióro” musimy dodać pojedynczy punkt, w którym chcemy rozpocząć ścieżkę. W tym przypadku, w lewym górnym rogu Koloseum.

po pierwszym punkcie przesuń w prawo, aby ustawić drugi punkt kontrolny ścieżki.

przesuń kursor aż do pierwszego pęknięcia na górze.,

przytrzymaj mysz / pióro po dodaniu drugiego punktu i przesuń go na boki, aby ułożyć krzywą ścieżki, umieszczając ją w tej samej pozycji, co wierzchołek u góry.

Obserwuj całą sylwetkę budynku, dodając więcej punktów i krzywych za pomocą „narzędzia Pióro” (P). Zamknij ścieżkę w tym samym miejscu, w którym zaczęliśmy.

1. po skończeniu konturu Koloseum możemy zacząć tworzyć wewnętrzne łuki-ponownie używając tego samego „narzędzia piórowego” (P).,

1. w tym momencie twój obraz powinien wyglądać następująco w „widoku normalnym”:

w podglądzie „kontur” (Skrót „CMD+Y”) powinien wyglądać następująco:

1. po skończeniu wszystkich łuków (drugi najbardziej charakterystyczny kształt obrazu) możemy przejść do poziomych linii, a następnie przejść do filarów budynku. Pamiętaj, że uprościmy szczegóły, więc nie poświęcaj im zbyt wiele czasu, po prostu podążaj za głównymi kształtami.,

na tym etapie naszego procesu śledzenia uzupełniamy wszystkie kształty, które chcemy mieć w naszej kompozycji. Poniżej jak to będzie wyglądać.

(możesz ukryć obraz tła po prostu klikając na ikonę ” oko „z panelu Warstwy – lub wybierz obraz i naciśnij „CMD+3”.)

1. teraz możemy wybrać kolor, który chcemy użyć dla naszego ostatecznego zilustrowanego wektora. W tym przypadku zacznijmy od ciepłej palety kolorów, używając 5 tonów i jednego gradientu-ciemniejszych do jaśniejszych kolorów.,

1. teraz dodaj prostokąt jako tło za pomocą narzędzia „Rectangle Tool” (m). Wypełnij cały obszar roboczy i wybierz jaśniejszy kolor z naszej palety.

upewnij się, że ta warstwa znajduje się z tyłu wszystkich pozostałych warstw. (Zrób to, wybierając prostokąt i klikając prawy przycisk myszy, „ułóż”, a następnie „wyślij z powrotem”.)

następnie możemy wybrać kontur Koloseum i wybrać drugi kolor(patrząc na schemat kolorów od lewej do prawej).,

dla wewnętrznej powierzchni łuków użyjemy gradientu, aby je wypełnić. Zaznacz je wszystkie i wybierz gradient za pomocą „narzędzia Kroplomierz” (I).

teraz możemy przejść do wypełnienia filarów kolorem, a także resztą szczegółów. Należy pamiętać, cienie i światła oryginalnego obrazu jako odniesienie.,

Po wypełnieniu wszystkich ścieżek nasza wektorowa ilustracja powinna wyglądać tak:

teraz twoja Ilustracja wektorowa jest gotowa do dowolnego projektu lub przesłania do Adobe Stock.

w tym przypadku użyjmy darmowego szablonu z Adobe Stock do stworzenia plakatu o Rzymie.

To wszystko! Stworzyłeś animowany wektor ze zdjęcia!

---