Grafika wektorowa w Photoshopie. Jak przekonwertować bitmapę na obraz wektorowy w Photoshopie

Leki przeciwgorączkowe dla dzieci są przepisywane przez pediatrę. Ale zdarzają się sytuacje awaryjne dla gorączki, kiedy dziecko musi natychmiast otrzymać lekarstwo. Wtedy rodzice biorą na siebie odpowiedzialność i stosują leki przeciwgorączkowe. Co wolno dawać niemowlętom? Jak obniżyć temperaturę u starszych dzieci? Jakie leki są najbezpieczniejsze?

W tym samouczku pokażę, jak przekonwertować kolorowe zdjęcie na czarno-białe. rysunek wektorowy bez użycia narzędzia Pióro.

Krok 1. Otwórz zdjęcie w Photoshopie.

Zaraz zrobię rezerwację, że do wykonania tej lekcji nadają się zdjęcia, na których postać osoby jest na białym tle. Jeśli nie masz takiego, przed rozpoczęciem lekcji należy przygotować istniejące zdjęcie.

Używając narzędzi do zaznaczania, oddziel figurę od tła i skopiuj zaznaczenie na nową warstwę. Zmień nazwę tej warstwy na „kształt”. Utwórz nową warstwę, wypełnij ją kolorem białym, zmień nazwę na „tło”. Przenieś tę warstwę w panelu warstw tak, aby znajdowała się pod warstwą „kształtu”. Połącz warstwę „tła” z warstwą „kształtu”. Zmień nazwę powstałej warstwy na „Baza”.

Krok 2 Następnie zastosujemy dopasowanie Isohelium do warstwy podstawowej, aby uzyskać czarno-białą sylwetkę. Całkiem możliwe, że za pierwszym razem nie będziesz w stanie zapewnić, że wszystkie potrzebne szczegóły będą widoczne na sylwetce. Dlatego wykonamy kilka kopii warstwy „Baza”, aby na każdej, używając różnych ustawień dla „Isohelii”, uzyskać sylwetkę z niezbędnymi szczegółami.

Po wykonaniu dwóch lub trzech kopii warstwy „Baza” wyłącz ich widoczność. Upewnij się, że aktywna jest tylko warstwa podstawowa.

Krok 3 Zastosuj (Obraz – Dopasowanie – Próg). Użyłem następujących ustawień, aby uzyskać podstawę sylwetki:

Krok 4 Teraz zastosujemy do warstwy filtr dyfuzyjny, aby wygładzić postrzępione krawędzie. Filtr - Stylizacja - Dyfuzja(Filtr - Stylizacja - Rozproszenie)

Teraz, aby wyostrzyć krawędzie obrazu, chodźmy Obraz - Korekcja - Poziomy(Obraz – Regulacja – Poziomy), przesuń prawy i lewy suwak bliżej środka. Aby ułatwić kontrolowanie wyniku, przed zastosowaniem korekty powiększ widok do 300%.


Ponownie powtórz kroki z filtrem „Dyfuzja” i korektą „Poziomy”

Krok 5 Włącz widoczność warstwy „Base_1”. Stosować Obraz - Korekta - Isohelia(Obraz - Regulacja - Próg).

Krok 6 Powtórz krok 4 dla warstwy „Podstawa _1”.

Krok 7 Utwórz nową warstwę, wypełnij ją czernią, przesuń ją w panelu warstw poniżej warstwy „Baza”. Zmień tryb mieszania dla warstwy „Base_1” na „ Różnica(Różnica). Oto, co wydarzyło się na tym etapie.

Krok 8 Dziewczyna okazała się dość brzydka, ale to wszystko można naprawić. Uaktywnij warstwę bazową, dodaj maska ​​warstwy. Za pomocą gumki usuwamy „przerażające” obszary na twarzy dziewczyny.

Już znacznie lepiej. Jednak moim zdaniem lewe oko trochę nas zawiodło.

Krok 9. Włącz widoczność dla warstwy „Base_2”, nałóż Isohelia tak, aby pojawił się wyraźny kontur oka. Powtórz krok 4. Za pomocą narzędzia „ Lasso» Zaznacz obszar okiem i dodaj maskę warstwy.

Jeśli jesteś zadowolony z wyniku, przyklej warstwy.

Powiedzmy, że mamy trochę mapa bitowa i chcemy go uzyskać w postaci wektorowej (lub w postaci krzywych). Co musimy w tym celu zrobić? Przede wszystkim potrzebujesz programu Adobe Illustrator.

Wersja nie ma znaczenia.

Procedura

Otwórz naszą bitmapę w programie Adobe Illustrator. Aby to zrobić, możesz kliknąć obraz prawym przyciskiem myszy i wybrać Otwórz za pomocą ... > Adobe Illustrator z menu rozwijanego lub uruchomić program Illustrator i przeciągnąć obraz na obszar roboczy.

oryginalny obraz

Na pasku narzędzi wybierz narzędzie „ Wybór» (czarna strzałka) i kliknij tę strzałkę na naszym obrazku. W takim przypadku obraz powinien się wyróżniać. Aby to przetestować, możesz spróbować go trochę przesunąć, przytrzymując lewy przycisk myszy, gdy kursor znajduje się nad obrazem (przeciągnij i upuść).

Nad obszarem roboczym znajduje się przycisk „ Szybki ślad” i kliknij strzałkę obok niego. Pokazuje wszystkie opcje dostępne dla tej akcji. Potrzebujemy przedmiotu Opcje śledzenia...”. Gdy na nią klikniemy, otworzy się okno z parametrami.

Po prawej stronie okna opcji wybierz „ Pogląd”. Pomoże to uzyskać lepszy wynik i zrozumieć, za co odpowiada każdy z parametrów.

1) zrób to w sposób naukowy, to znaczy będziesz musiał przeczytać w podpowiedziach, który z parametrów wpływa na co i ustawić niezbędne wartości;

2) sam eksperymentuj z parametrami, stosując tak zwaną „naukową metodę poke”.

Wolę drugi sposób: po pierwsze, rosyjskie tłumaczenie słowa nie zawsze w pełni oddaje znaczenie tkwiące w oryginale, a po drugie, często jest to szybsze i łatwiejsze do zapamiętania w ten sposób. Zmieniasz ustawienie. Zobacz, na co wpływa (wizualnie). Połącz wiele opcji. I tak dalej, aż do osiągnięcia mniej lub bardziej akceptowalnego wyniku.


Powstały obraz wektorowy.

Gdy obraz jest już podobny do prawdy, w oknie parametrów śledzenia kliknij " rysunek kalkowy”, a w menu nad obszarem roboczym przycisk „ demontować”. W ten sposób otrzymujemy oryginalny obraz, ale już w krzywych.

Jeśli nie jesteś zadowolony z wyniku, możesz go dopracować. Aby to zrobić, użyj narzędzia Wybór» należy zaznaczyć wszystkie utworzone krzywe (nacisnąć lewy przycisk myszy i trzymając go zakreślić cały obrazek). Przejdź do pozycji menu Obiekt» > « Transformacja» > « skalowanie” i zmień rozmiar obrazu, aby był wystarczająco duży do łatwej edycji. Następnie wybierz narzędzie bezpośredni wybór» (biała strzałka). Za pomocą tej białej strzałki kliknij kolejno każdy węzeł i wyrównaj splajny zgodnie z potrzebami: po wybraniu wierzchołka w pobliżu pojawiają się wąsy, przeciągając je, aby zmienić krzywiznę splajnu.


Wynik w trybie siatki

Również lepszy wynik można uzyskać, jeśli na początku zrobisz duże zdjęcie dobrej jakości. Jeśli więc nie chcesz w przyszłości tracić czasu na łamanie węzłów splajnu, użyj wysokiej jakości obrazów jako surowca do śledzenia!

W tym samouczku Photoshopa zamienimy zwykłe zdjęcie dziewczyny w rysunek wektorowy.

To dość trudna lekcja, która zajmie Ci dużo czasu, ale warto! Dzięki tej lekcji zrozumiesz, jak rysowane są wektorowe obrazy ludzi.

Nie używamy tutaj żadnego filtra, tylko narzędzie Pióro. Jeśli nie wiesz, jak korzystać z narzędzia Pióro, zobacz .

Znajdź zdjęcia, które chcesz przekształcić w grafikę wektorową.

Powiel go i przejdź do menu Obraz> Dopasowania> Posteryzacja (Obraz - Korekta - Posteryzacja) i wybierz tam żądaną liczbę poziomów. Im więcej poziomów, tym bardziej szczegółowy będzie twój obraz wektorowy.

Wyróżnij twarz i szyję dziewczyny (odsłonięte obszary skóry) za pomocą narzędzia Użyj kroplomierza, aby wybrać kolor skóry ze zdjęcia. Wypełnij zaznaczenie tym kolorem.

Ponownie zarysuj włosy, wypełnij je czernią i umieść tę warstwę poniżej warstwy twarzy.

Ponieważ straciliśmy trochę włosów na skroniach i na czole, musimy je wykończyć. Zrób to na nowej warstwie powyżej warstwy twarzy.

Zakreśl krawędzie ubrania. Pamiętaj, że każdy szczegół musi być solidny. Cienie narysujemy później...

A teraz, w oparciu o swoją plakatowaną podstawę i oryginalny obraz, zdecyduj o nowym poziomie, który będziesz malować, i jego kolorem.

NIGDY NIE BIERZ KOLORÓW Z WARSTWY PLAKATOWEJ! KOLORY NA NIEJ SĄ NIEPRAWIDŁOWE, POTRZEBUJESZ JE TYLKO DO RYSOWANIA POZIOMU.

Kontynuuj malowanie tonów na skórze. Warstwy z cieniami należy nakładać na siebie zgodnie z następującą zasadą: jasne warstwy – na dole, ciemne – na górze.
Kiedy skończysz ze skórą, połącz wszystkie te warstwy.

Ponieważ mamy dwie warstwy z włosami, ułóż nową warstwę na samej górze i narysuj na niej lekkie pasma.
Jeśli włosy na twoim zdjęciu są ciemne, będzie to łatwe, a jeśli są jasne, będziesz musiał dokładniej narysować odcienie uzyskane podczas posteryzacji.

Zrób to samo z ubraniami.
Jeśli spojrzysz na oryginalne zdjęcie, zauważysz, że na zdjęciu brakuje naszyjnika. W porządku, niech tak będzie.

Jeśli osoba na zdjęciu ma lekką nadwagę lub ma jakiś szczegół, którego nie lubisz, po prostu go usuń!

Edytuj wszystkie pozostałe szczegóły...

Teraz pracuj nad oczami. Najpierw na nowej warstwie narysuj kształt oka. Następnie utwórz kolejną warstwę i narysuj rzęsy. Następnie połącz obie warstwy razem.

Na górze czarnego oka narysuj nieco mniejszy biały. A wewnątrz białego jest kilka kółek, z których wyjdzie uczeń.

Rysujemy usta. Najpierw narysuj kształt i wypełnij go głównym kolorem.

Narysuj cienie i pasemka na ustach, a także w ustach (jeśli to konieczne).
Tutaj, jak widać, rysuje się podłoże pod zęby - to podstawa dziąseł i cień zębów.

I na koniec narysuj same zęby i podświetl je.
Pamiętaj, że wszystkie cienie i światła muszą być zgrupowane z kolorem głównym.

A po kilku godzinach pracy nad tym zdjęciem, teraz spójrz na wynik! Mamy szczerą nadzieję, że podoba Ci się to, co narysowałeś.

Często zadawane jest pytanie, jak zrobić obraz wektorowy w Photoshopie. Jak wiecie, Photoshop to program do przetwarzania grafika rastrowa i nie jest przeznaczony do pracy z wektorem. Z Grafika wektorowa pracują specjalne edytory graficzne. Ale jeśli naprawdę tego potrzebujesz, ale nie ma czasu na studiowanie nowego programu, to za pomocą kilku manipulacji możesz przekonwertować obraz na wektor.

Czym jest obraz rastrowy i wektorowy i czym się różnią

Obraz rastrowy to także siatka pikseli (kropek). Dla nas wszystkich znane zdjęcie cyfrowe to tylko obraz bitmapowy. Obraz wektorowy nie składa się z pikseli, ale z geometrycznych prymitywów: linii prostych, prostokątów i innych kształtów.

Jeśli zmniejszysz, a następnie znacznie zwiększysz bitmapę, jej jakość zostanie nieodwołalnie zepsuta. Ponieważ każdy piksel to kropka o określonym kolorze, a wszystkie razem te kropki tworzą obraz. Gdy obraz jest pomniejszony, dodatkowe piksele są odrzucane, więc nie można przywrócić jego pierwotnego wyglądu.

Skalowanie obrazu wektorowego umożliwia zmianę rozmiaru bez utraty jakości. Jest to możliwe dzięki matematycznym przeliczeniom wymiarów kształtów geometrycznych składających się na obraz.

Obraz rastrowy pozwala niezawodnie przekazywać informacje wizualne, obraz wektorowy nie ma takiej przewagi. Grafiki wektorowe mogą być przydatne do renderowania logo i rysunków konturowych. Nie wydobędziesz z nich fotograficznego piękna. Albo będą to bardzo złożone obrazy, składające się z ogromnej liczby prymitywów, które faktycznie zastępują piksele.

Prosty przykład konwersji rastra na wektor

Tak więc wektor składa się z kształtów geometrycznych. Photoshop posiada narzędzia do tworzenia ścieżek. Kontur jest figurą geometryczną. Aby zrobić obraz wektorowy w Photoshopie, musisz utworzyć kontur obrazu. Pomogą nam w tym narzędzia grupy. Wybierz: Prostokątne narzędzie markizy, Eliptyczne narzędzie zaznaczania,** Magiczna różdżka , **Narzędzie szybkiego wyboru oraz Narzędzie „Pióro” / Pióro.

Aby wektor był schludny, należy wybrać obraz rastrowy o najwyższej możliwej jakości, w przeciwnym razie kontury trzeba będzie narysować ręcznie.

Otwórz obraz bitmapowy w Photoshopie (najpopularniejszym formatem bitmapowym jest JPG). Loga, rysunki konturowe, szkice są bardzo łatwe w obróbce. Aby uzyskać szkic wektorowy portretu, możesz najpierw przekonwertować portret na szkic, używając „Galerie filtrów” lub użyj gotowego pop-artu. Jak pracować z "Galeria filtrów" i szybko twórz pop-art ze zdjęć, o których mówiliśmy w poprzednich artykułach. W tym przykładzie weźmiemy gotowy portret w stylu pop-art. Celowo przygotowaliśmy go ze zdjęcia o nie najlepszej rozdzielczości. Dlatego wersja wektorowa pokaże nam zauważalną różnicę.

Aby pracować z konturami, musisz wywołać zakładkę „Kontury” / Ścieżka do palety warstw. Aby to zrobić, przejdź do menu "Okno" / Okno i zaznacz pole „Kontury” / Ścieżka. Zakładka pojawi się na palecie warstw.


Obraz ma 4 kolory (tło nie jest liczone). Bierzemy narzędzie „Magiczna różdżka”/Narzędzie magicznej różdżki i wybierz pierwszy kolor. Aby zaznaczyć wszystkie obszary porozrzucane wyspami na obrazie, przytrzymaj Zmiana.


Po wybraniu pierwszego koloru wybierz narzędzie „Lasso” / Lasso lub Prostokątne narzędzie markizy i bez usuwania zaznaczenia kliknij prawym przyciskiem myszy. W menu kontekstowym wybierz Utwórz ścieżkę roboczą.


W oknie dialogowym określ maksymalne wygładzenie „Tolerancja” / Tolerancja(od 1 do 10; im niższa liczba, tym lepiej powtarzają się kontury). Naciskamy Ok.


Zakładka "Okrążenie" pojawi się pierwsza pętla. Na obrazie będzie to widoczne w postaci krzywych z kropkami. Można je wyrównywać i regulować za pomocą narzędzia Narzędzie do zaznaczania węzłów/bezpośredniego zaznaczania. Za pomocą tego narzędzia wybierz punkt i albo dostosuj krzywą, przesuwając antenę punktu, albo przesuń sam łuk.


Zakładka "Okrążenie" zmienić nazwę obwodu. Aby to zrobić, kliknij go dwukrotnie i zmień nazwę w oknie dialogowym.


Wszystkie opisane kroki wykonujemy z resztą kolorów. W rezultacie otrzymujemy cztery kontury dla każdego koloru.


Po otrzymaniu konturów pozostaje stworzyć wektor. Przejdź do zakładki „Warstwy” / Warstwa na palecie warstw utwórz nową warstwę Shift+Ctrl+N. Kolor główny ustawiamy na ten, w którym pokolorujemy pierwszy kontur.


Powrót do zakładki "Okrążenie", stajemy się na pierwszym konturze. W menu głównym pod „Warstwy” / Warstwy wybierać „Nowy kolor wypełnienia” / Nowa warstwa wypełnienia - "Kolor"/jednolity kolor. W oknie, które się otworzy, kliknij Ok.


Teraz przechodzę do zakładki „Warstwy” / Warstwy, zobaczysz pierwszą warstwę wektorową na nowej warstwie.


Zróbmy te kroki dla każdego obwodu.


Więc mamy cztery postacie, które składają się na portret. Teraz możesz zapisać go do pliku z rozszerzeniem wektorowym SVG (usunąć warstwę z oryginalnym obrazem). Kliknij Alt+Shift+Ctrl+W(eksportuj jako). W oknie dialogowym wybierz rozszerzenie pliku SVG, kliknij „Eksportuj wszystko” / Eksportuj wszystko.


W następnym oknie dialogowym, jak zwykle, podaj nazwę pliku i ścieżkę.

To wszystko. Metoda jest dość prosta.

Jeśli często musisz pracować obrazy wektorowe być może ten artykuł zainspiruje Cię do nauki nowego edytory graficzne. W każdym razie nauczyłeś się innej przydatnej metody. Życzymy wspaniałej pracy.

Dowiedz się więcej o Photoshopie na kursach Fotoshkola.net

Photoshop ma intuicyjnie znajomy interfejs okienny, podzielony na kilka elementów roboczych: menu główne, panel Narzędzia, panel sterowania, okno dokumentu, palety. Wszystkie elementy interfejsu, z wyjątkiem menu głównego, można umieścić na ekranie w dogodnych dla siebie pozycjach, po prostu je przeciągając. W tym celu najedź kursorem na nagłówek panelu, naciśnij i przytrzymaj prawy przycisk myszy i przesuń otwarty panel w dogodną część ekranu. Możesz również dodać lub usunąć dodatkowe palety, wywołując je z pozycji "Okno" / Okno menu głównego.



Wesprzyj projekt - udostępnij link, dzięki!
Przeczytaj także
zasady gry walki kogutów zasady gry walki kogutów Mod dla Minecraft 1.7 10 receptur zegarków.  Przepisy na tworzenie przedmiotów w Minecrafcie.  Broń w Minecraft Mod dla Minecraft 1.7 10 receptur zegarków. Przepisy na tworzenie przedmiotów w Minecrafcie. Broń w Minecraft Szyling i funt szterling - pochodzenie słów Szyling i funt szterling - pochodzenie słów