• Articles
• admin

by Becky Kilimnik on January 05, 2019

ilustracje mogą poprawić styl i atrakcyjność Twojej witryny ecommerce. Jednak tworzenie ilustracji (lub zatrudnianie wykwalifikowanych ilustratorów) może być kosztowne i czasochłonne.

na szczęście możesz dowiedzieć się, jak przekształcić obraz w rysunek liniowy w programie Photoshop CC 2019, wykonując poniższe czynności. Obrazy obiektów izolowanych na białym tle najlepiej sprawdzają się w tej technice, dzięki czemu jest to świetna opcja do modyfikowania lub ulepszania zdjęć produktów.

zanim zaczniesz: jak narysować obraz w Photoshopie

jeśli chcesz przekształcić zdjęcie w szkic ołówkiem w Photoshopie, ale nie chcesz, aby wyglądało to tak, jak zrobiłeś to w Photoshopie, musisz zwrócić uwagę na szczegóły i odpowiednio przygotować obraz przed zastosowaniem jakichkolwiek filtrów.

w poniższym samouczku omówimy jedną metodę, która pokazuje, jak bezbłędnie przekonwertować obraz na szkic ołówkiem, a następnie omówimy konkretne narzędzia, które można zbadać, aby uzyskać inne efekty tworzenia rysunków w Photoshopie.

nie wszystkie zdjęcia są takie same, więc musisz wykorzystać swój osąd, dostosowując filtry, rozmycia i zmętnienia warstw za każdym razem, gdy używasz programu Photoshop do konwersji zdjęcia na rysunek liniowy, wykonując poniższe czynności.

jak przekształcić zdjęcie w rysunek liniowy w programie Photoshop

1. Dostosuj kontrast zdjęcia
2. Skonfiguruj warstwy
3. Konwertuj obraz na skalę szarości za pomocą warstwy dopasowania
4. Konwertuj zdjęcie na rysunek liniowy
5. Ustaw kolory tła i pierwszego planu
6. Dodaj cieniowanie ołówkiem do swojego obrazu
7. Dodaj efekt kreskowania do swojego obrazu
8. dokonaj ostatecznych poprawek

krok 1: Dostosuj kontrast zdjęcia

na przykładowej fotografii obraz butów i okularów przeciwsłonecznych znacznie kontrastuje z białym tłem. Jednak obraz torebki zmiany i tubki perfum są tak lekkie, że prawie wtapiają się w tło.

dostosujemy kontrast całego zdjęcia tak, aby torebka i tubka wyróżniały się bardziej.

przejdź do panelu Warstwy i upewnij się, że warstwa zawierająca obraz jest zaznaczona. Jeśli pracujesz na spłaszczonym obrazie (takim jak JPG), ta warstwa będzie zablokowaną warstwą tła.

Wybierz obraz > dopasowania > krzywe z rozwijanego menu u góry okna aplikacji programu Photoshop.

pojawi się okno dialogowe krzywe. Upewnij się, że Podgląd jest zaznaczony.

na wykresie po lewej stronie okna dialogowego kliknij środek linii biegnącej po przekątnej wykresu i przeciągnij w dół, tworząc zakrzywioną linię na wykresie. Zauważysz, że ciemne obszary obrazu staną się ciemniejsze, a jaśniejsze pozostaną jasne.

Uwaga: Jeśli pracujesz nad obrazem CMYK, ciągniesz w górę na środku linii zamiast w dół.

gdy będziesz zadowolony ze zwiększonego kontrastu obrazu, kliknij OK.

Krok 2: Skonfiguruj warstwy

w panelu Warstwy zduplikuj warstwę zawierającą obraz trzy razy, aby uzyskać cztery identyczne warstwy.

aby zduplikować warstwę, zaznacz ją w panelu Warstwy, kliknij menu panelu Warstwy w prawym górnym rogu panelu i wybierz opcję Zduplikuj warstwę.

Krok 3: Przekonwertuj obraz na skalę szarości za pomocą warstwy dopasowania

Wybierz zduplikowaną warstwę u góry panelu Warstwy.

wybierz ikonę warstwy dopasowania u dołu panelu Warstwy (ikona wygląda jak pół Czarne, pół białe kółko). Wybierz odcień / nasycenie z rozwijanego menu.

właśnie utworzono warstwę dopasowania dla barwy / nasycenia, co oznacza, że wszystkie warstwy znajdujące się pod warstwą dopasowania zachowają właściwości barwy/nasycenia ustawione dla tej warstwy dopasowania.

przy wciąż zaznaczonej warstwie dopasowania przejdź do panelu Właściwości, który domyślnie znajduje się po prawej stronie obrazu. Jeśli nie widzisz panelu Właściwości, możesz wybrać Właściwości okno > z menu rozwijanego u góry okna aplikacji Photoshop.

w panelu Właściwości zobaczysz trzy suwaki: odcień, nasycenie i jasność. Przeciągnij suwak nasycenia tak daleko, jak będzie w lewo, aby wartość podana dla nasycenia wynosiła teraz -100.

Twój obraz jest teraz wyświetlany w skali szarości.

jak przekonwertować obraz na skalę szarości: dodatkowa metoda

posiadanie warstwy dopasowania barwy/nasycenia sprawia, że obraz wygląda na skalę szarości, ale jeśli chcesz całkowicie wyeliminować cały kolor z obrazu podczas pracy, możesz przekonwertować obraz na skalę szarości, wybierając obraz > tryb > Skala szarości z menu rozwijanego w górnej części okna aplikacji.

jeśli podczas konwersji na skalę szarości istnieje warstwa dopasowania, zostanie ona usunięta.

Krok 4: Konwertuj zdjęcie na rysunek liniowy

w tym kroku dowiesz się, jak zarysować lub prześledzić obraz w programie Photoshop przy użyciu serii efektów warstw. Jeśli twoim celem jest stworzenie tylko konturu zdjęcia, możesz zdecydować, że Twoje zdjęcie jest kompletne po tym kroku.

aby dwie górne zduplikowane warstwy były niewidoczne, Kliknij ikony oka obok warstw w panelu Warstwy. Następnie wybierz widoczną warstwę, która jest druga od dołu panelu Warstwy.

kliknij menu rozwijane w górnej części panelu Warstwy obok opcji normalne. Wybierz Kolor Dodge.

jeśli ta sama warstwa jest nadal zaznaczona, Odwróć obraz, wpisując CTRL + I (COMMAND+I na komputerze Mac). Możesz również odwrócić obraz, wybierając opcję Obraz > dopasowania > Odwróć z rozwijanego menu u góry okna aplikacji programu Photoshop.

następnie wybierz filtr > rozmycie > rozmycie Gaussa z rozwijanego menu u góry okna aplikacji.

w wyświetlonym oknie dialogowym rozmycie Gaussa dostosuj suwak, aby obraz wyglądał jak rysunek linii.

przesunięcie suwaka w lewo spowoduje cieńsze linie; przesunięcie suwaka w prawo i zwiększenie rozmycia spowoduje pogrubienie i przyciemnienie linii, a także dodanie cieniowania do obrazu.

upewnij się, że Podgląd jest zaznaczony w oknie dialogowym, dzięki czemu możesz zobaczyć, jak zmienia się obraz podczas przesuwania suwaka w prawo lub w lewo.

jak zagęścić obrysy rysunku linii w programie Photoshop

jeśli chcesz pogrubić obrysy rysunku linii, powtórz jeszcze raz oryginalną warstwę i przesuń nową warstwę nad właśnie dostosowaną warstwą (warstwa z trybem mieszania kolorów).

Wybierz Filtr > Galeria Filtrów… z rozwijanego menu w górnej części okna aplikacji.

Wybierz świecące krawędzie pod stylizacją. Tutaj możesz dostosować szerokość krawędzi po prawej stronie okna. Zmniejszenie jasności krawędzi spowoduje czystszą krawędź.

kliknij OK.

z powrotem w warstwie kliknij CTRL+I (COMMAND + I na komputerze Mac), aby odwrócić warstwę i zmienić tryb mieszania warstw, aby mnożyć.

kontury Twojego obrazu będą teraz grubsze i ciemniejsze.

Krok 5: Ustaw kolory tła i pierwszego planu

na pasku narzędzi Ustaw kolor tła na biały, klikając dwukrotnie ikonę koloru tła. W oknie dialogowym próbnik kolorów (kolor tła) kliknij lewy górny róg dużego pola kolorów.

następnie Ustaw kolor pierwszego planu na średni szary. Kliknij dwukrotnie na kolorowy kwadrat pierwszego planu na pasku narzędzi. W oknie dialogowym próbnik kolorów (kolor pierwszoplanowy) kliknij w środku lewej strony dużego pola kolorów.

Inne kolory w dużym polu kolorów (takie jak Błękity i czerwienie widoczne na obrazku Panelu próbnika kolorów poniżej) nie mają znaczenia, ponieważ kursor jest ustawiony aż do lewej strony dużego pola kolorów.

Krok 6: Dodaj cieniowanie ołówkiem do obrazu

w panelu Warstwy wybierz warstwę nad warstwą, z którą właśnie pracowałeś. Kliknij ikonę oka, aby ponownie wyświetlić warstwę. Twój obraz znów będzie wyglądał jak czarno-biała fotografia.

Wybierz Filtr > Galeria Filtrów… z rozwijanego menu w górnej części okna aplikacji.

w oknie filtrowania kliknij folder oznaczony szkic i wybierz Węgiel drzewny.

Dostosuj suwaki Grubość węgla drzewnego, szczegóły oraz balans światła/ciemności, aż obraz w oknie podglądu będzie miał odpowiednią ilość szczegółów. Pamiętaj, że masz już rysunek linii zdjęcia w dolnej warstwie, więc w tym kroku musisz tylko utworzyć cieniowanie.

kliknij OK.

w panelu Warstwy kliknij menu rozwijane następny normalny i dostosuj tryb mieszania warstw warstwy węgla drzewnego, aby mnożyć.

Krok 7: Dodaj efekt kreskowania do obrazu

w panelu Warstwy kliknij ikonę oka na górnej warstwie, aby warstwa była widoczna. Wszystkie warstwy powinny być teraz widoczne na obrazie.

Po wybraniu ostatniej warstwy wybierz filtr > Filtruj galerię… jeszcze raz z rozwijanego menu w górnej części okna aplikacji. Jeśli opcja Galeria filtrów pojawi się więcej niż jeden raz w rozwijanym menu, upewnij się, że wybrałeś dolną opcję.

w oknie filtrowania kliknij opcję zaznaczoną szkic i wybierz zerwane krawędzie. Dostosuj przełączniki po prawej stronie okna, aż zobaczysz szczegóły obrazu.

gdy będziesz zadowolony z wyglądu filtra rozdarte krawędzie, kliknij nową ikonę znajdującą się w prawym dolnym rogu okna filtra. (Ta ikona wygląda jak kartka papieru ze złożonym rogiem, podobnie jak nowa ikona warstwy w panelu Warstwy.)

po prawej stronie okna filtra dwukrotnie pojawią się podarte krawędzie. Podczas gdy górna instancja rozdartych krawędzi jest nadal zaznaczona, kliknij Filtr pióra graficznego i zmień przekątną obrysu na przekątną w lewo.

możesz również dostosować suwaki dla filtra pióra graficznego, dopóki nie będziesz zadowolony z obrazu w oknie podglądu. Podobnie jak w przypadku poprzedniej warstwy, na tym etapie tworzy się tylko cieniowanie.

kliknij OK.

zmień tryb mieszania warstw z normalnego, aby mnożyć, jak w przypadku poprzedniej warstwy.

wreszcie, ponieważ filtr pióra graficznego jest wyraźniejszy niż filtr węglowy, który zastosowaliśmy na dolnej warstwie, dodamy lekkie Rozmycie ruchu.

jeśli ta sama warstwa jest nadal zaznaczona, wybierz opcję Filtr > rozmycie > Rozmycie ruchu z menu rozwijanego w górnej części okna aplikacji.

w oknie dialogowym Rozmycie ruchu ustaw kąt na -45° i przesuń suwak odległość w lewo, aby utworzyć bardzo lekkie rozmycie. Upewnij się, że Podgląd jest zaznaczony, abyś mógł zobaczyć rozmycie przed jego zastosowaniem.

kliknij OK.

Krok 8: dokonaj ostatecznych poprawek

jeszcze nie skończyłeś! Zabawa z nieprzezroczystością warstw i czyszczenie ciemnych plam, które widzisz na obrazie, położy ostateczny szlif na nowym szkicu ołówkiem.

Dostosuj krycie warstw

możesz dostosować krycie dwóch górnych warstw, aby zmniejszyć intensywność cieniowania ołówkiem.

na poniższym obrazku krycie górnej warstwy jest zmniejszone do 60%, a następna warstwa ma Krycie 70%.

nie należy dostosowywać krycia dwóch dolnych warstw, ponieważ może to osłabić utworzony efekt rysowania linii.

oczyść wszelkie artefakty

na przykładowym obrazie jest kilka miejsc, w których białe tło wygląda tak, jakby miało smugi lub ciemne plamy.

aby usunąć takie ciemne plamy, zaznacz warstwy, zaznaczając wszystkie warstwy, w tym warstwę dopasowania odcienia/nasycenia, w panelu Warstwy. Wpisz CTRL+A+E (COMMAND+OPTION + E na komputerze Mac), aby utworzyć stemplowaną warstwę, która pojawi się w górnej części panelu Warstwy.

Ustaw kolor pierwszego planu na biały na pasku narzędzi i wybierz narzędzie Pędzel z paska narzędzi. W nowej warstwie wytłoczonej ostrożnie maluj wszelkie smugi za pomocą narzędzia Pędzel.

Twój gotowy obraz będzie teraz wyglądał jak szkic ołówkiem.

teraz, gdy wiesz, jak przekształcić obraz w rysunek liniowy w Photoshopie, sprawdź nasze inne samouczki Photoshopa, aby opanować swoje umiejętności.