Obok Photoshopa można też tworzyć sztukę Vexelową w programie Illustrator. Tam istnieje funkcja do automatycznego śledzenia, która może w pewnym stopniu zautomatyzować pracę, ale to już zupełnie inna historia i nie jest tematem tego samouczka. Jeszcze jedno: oprócz trendybilitacji obrazy Vexel mają jedną bardzo przydatną właściwość. Mogą one być dowolnie powiększane, bez rozmazywania krawędzi – logiczne, prawda? Nie pracujemy z pikselami, lecz z kształtami, które są opisane wektorowo i mogą być bezproblemowo skalowane.
Krok 1
W celu porównania zestawiłem obrazy przed i po, abyś mógł zobaczyć cały zakres pracy. Dla początkujących jest to dość wymagające zadanie, ale z każdym obrazem Vexel zbierzesz doświadczenie i będziesz stawać się lepszy i szybszy. Wskazówka: Jeśli chcesz stworzyć obraz Vexel, zduplikuj oryginał, aby móc porównywać kolory i kształty obrazu wektorowego z oryginalnym.
Krok 2
Zacznij od odtworzenia konturów obrazu od góry do dołu. W naszym przypadku jest to istotne, ponieważ musimy uwzględnić strukturę piór ptaka. Wybierz narzędzie Lasso i narysuj górną część dzioba.
Krok 3
Z menu kontekstowego wybierz opcję Utwórz ścieżkę roboczą.
Krok 4
W następnym oknie dialogowym wybierz Tolerancję. Dla drobnych detali optymalna jest niska Tolerancja wynosząca około 1-3, wtedy ścieżka zostanie dokładnie utworzona zgodnie z zaznaczeniem i nie zostanie przypadkowo uproszczona przez program.
Krok 5
Dziób ptaka nie jest jednokolorowy, lecz ma kilka kolorów, które można przedstawić w wersji wektorowej za pomocą gradientu. Wybierz w panelu warstw opcję Gradient do wypełniania ścieżki.
Krok 6
Na początek wybierz rodzaj gradientu Od czerni do bieli i zdefiniuj odpowiednią wartość kąta w oknie dialogowym Wypełnienie gradientowe.
Krok 7
Obecnie czarnobiałemu gradientowi można nadać dowolne kolory. Kliknij dwukrotnie na linii gradientu i zdefiniuj w oknie dialogowym Edycja gradientów kolory Czerwony i Żółty, tak jak pokazano to na zrzucie ekranu.
Krok 8
Zgodnie z opisem kroków 2-7, możesz również utworzyć dolną część dzioba. Zwróć uwagę na kolejność warstw. Zasada pozycjonowania warstw jest bardzo prosta. Warstwa z dolną częścią dzioba znajduje się pod warstwą z górną częścią.
Krok 9
Na górnym i dolnym fragmencie dzioba stwórz kilka kształtów podkreślających strukturę dzioba. Można je stworzyć za pomocą narzędzia Lasso i przekształcić w ścieżkę.
Krok 10
Utworzone kształty wypełnione są nie gradientami, lecz kolorem. Wybierz w panelu warstw opcję Pełny kolor.
Krok 11
Na zrzucie ekranu możesz zobaczyć, z ilu warstw wypełnień składa się zwektoryzowana wersja dzioba. Usta zostały wypełnione czarnym kolorem. W zasadzie można zakończyć tu wyjaśnienia, ponieważ teraz techniki będą się powtarzać, ale to nie byłoby uczciwe, bo mam jeszcze kilka wskazówek, które ułatwią Ci pracę i nie chcę Ci ich zatajać.
Krok 12
W celu lepszej orientacji warto zgrupować warstwy treści, które pasują tematycznie do siebie, w grupy warstw. Warstwy, z których składa się dziób, można zaznaczyć, trzymając wciśnięty klawisz Shift, a następnie połączyć w grupę za pomocą skrótu klawiszowego Ctrl+G. Nazwij grupę "Dziób".
Krok 13
Kliknij warstwę tła i stwórz zaznaczenie głowy ptaka za pomocą narzędzia Lasso. Korzystaj z opcji Dodaj do zaznaczenia przy użyciu narzędzia Lasso, aby łatwiej wybrać kształt w etapach, zamiast robić to za jednym razem. Zamień zaznaczenie w ścieżkę, ustaw tolerancję na 2. Wypełnij kształt niebieskim kolorem.
Krok 14
Jeśli nie jesteś zadowolony z kształtu ścieżki, możesz przeciągnąć ankerpunkty ścieżki, aby ją dostosować. Aby to zrobić, użyj narzędzia Bezpośredniego wyboru i narzędzia Wyboru ścieżki.
Krok 15
Aby narysowany kształt głowy nie zasłaniał dalszych detali, jak oczy i upierzenie, tymczasowo zmniejsz przezroczystość warstwy treści do około 50%.
Krok 16
Narysuj kształty nieco jaśniejszym niebieskim kolorem u góry i z tyłu głowy. Upewnij się, że warstwy odnoszące się do głowy nie nachodzą na grupę warstw z dziobem.
Krok 17
Upierzenie na głowie ptaka możesz wykonać tą samą techniką. Narysuj za pomocą narzędzia Lasso kilka małych "piór" (opcja Dodaj do zaznaczenia), a następnie zamień je wszystkie razem w ścieżkę. Następnie wypełnij ścieżkę ciemnoniebieskim kolorem.
Krok 18
Po ukończeniu wszystkich kształtów głowy, przywróć przezroczystość najniższej warstwy treści z obrysem głowy na 100%. Połącz warstwy głowy w grupę warstw.
Krok 19
Rozpocznij kształtowanie oczu. Aby widzieć wszystko na oryginalnym obrazie pod grupą z głową, zmniejsz przezroczystość całej grupy głowy do około 30-50%. Stwórz ciemniejsze kształty pod oczami.
Krok 20
Stwórz kształt źrenicy, który wypełnisz ciemnoczerwoną farbą.
Krok 21
Stwórz dalsze kształty, takie jak źrenica, którą wypełnisz na czarno, refleks światła w źrenicy, który wypełnisz na biało. Połącz warstwy oka w kolejnej grupie warstw.
Krok 22
Jak już opisano, kształtuj warstwy, którymi zwektoryzujesz szyję ptaka.
Krok 23
W miejscach szczególnie kolorowych szczegółów, na przykład na piersi ptaka, możesz trochę oszukiwać. Najpierw utwórz podstawowy kształt, tak jak zrobiłeś to z głową, a następnie kształt z upierzeniem, który wypełnisz nieco ciemniejszym kolorem.
Krok 24
Następnie sklonuj warstwę struktury jeszcze trzy razy. Skaluj kopie warstwy treści ze strukturą, przesuń je trochę względem pierwszej warstwy z strukturą i zmień kolor wypełnienia, klikając dwukrotnie na miniaturę warstwy treści. Po zakończeniu rozkładania struktur połącz warstwy w grupę warstw.
Krok 25
Przy większych piórkach możesz ułatwić sobie pracę, korzystając z kopii warstw wypełnienia. Na początek stwórz warstwę wypełnienia w kształcie piór z gradientem od jasnozielonego do ciemnozielonego.
Krok 26
Skończ warstwę wypełnienia i przesuń ją w inne miejsce. W ten sposób możesz stworzyć dużą ilość sklonowanych piór. Aby nie wyglądały tak samo, możesz obrócić niektóre warstwy kształtów za pomocą polecenia transformuj swobodnie.
Krok 27
Połącz warstwy piórek w grupę warstw.
Krok 28
Aby pióro zyskało dodatkową strukturę, możesz zastosować kolejny trik. Zduplikuj grupę warstw z piórkami i zmniejsz ją tak, aby struktura grupy piórek przesunęła się nieco w stosunku do oryginału.
Krok 29
Na grupie warstw z pomniejszonymi piórkami stwórz maskę warstwy i wybierz narzędzie gradientowe z opcją przezroczysty przód, czarny kolor przodu. Narysuj gradient maski, jak pokazano strzałką na zrzucie ekranu.
Krok 30
Jak widać, można w ten sposób przekształcić całe opracowanie ptaka i gałęzi na wektory, opisane w poprzednich krokach. Ważne jest podzielenie struktury warstw na grupy, co zapewnia lepszą organizację.
Krok 31
Aby stworzyć tło obrazu, skorzystaj z tych samych technik, które opisałem w tym samouczku. Korzystając z narzędzia Kształt Własny, możesz sięgnąć do biblioteki Photoshopa, gdzie dostępne są wiele ciekawych wzorów do twojego projektu. Ponadto możesz również zapisać własne wzory i wykorzystać je.
Krok 32
Jeśli chcesz uniknąć przekroczenia granic jednej formy przez drugą (w naszym przykładzie jest to swobodnie rysowana forma, która nie powinna wychodzić poza granice kwadratu), skorzystaj z opcji maska przycinająca, którą możesz aktywować, klikając między dwoma warstwami, przytrzymując klawisz Alt.
A oto jak wygląda gotowy obraz.
