Jak stworzyć własną niestandardową tapetę Luminescent Line Art

Jeśli lubisz abstrakcyjną, luminescencyjną tapetę (i oczywiście robimy), czytaj dalej, aby zobaczyć, jak możesz stworzyć własną niestandardową tapetę z dokładnie takimi liniami, kolorami i doskonałym poziomem jasności, której pragniesz.

Dlaczego chcę to zrobić?

Podczas gdy naszą (i prawdopodobnie twoją) główną motywacją jest zrobienie fajnej niestandardowej tapety dla naszego komputera stacjonarnego - i to jest wystarczający powód sam w sobie - podążanie za tutorialem przynosi dodatkową korzyść. Narzędzie Pióro jest naprawdę przydatnym i potężnym narzędziem w Photoshopie, które dla wielu osób jest prawie nieużywane. Będziemy go intensywnie wykorzystywać w środowisku niskich stawek, które jest doskonałym sposobem na poznanie jego niuansów.

Czego potrzebuję?

Jedyne czego potrzebujesz do tego samouczka to kopia Adobe Photoshop. Nie potrzebujemy obrazu podstawowego, obrazu odniesienia ani niczego innego poza samym Photoshopem; będziemy tworzyć cały obraz od zera w aplikacji.

Używamy Adobe Photoshop CS6, ale techniki opisane w samouczku powinny działać dobrze w starszych wersjach programu Photoshop, ponieważ polegają one na narzędziach obecnych w aplikacji przez kilka pokoleń.

Tworzenie podstawowego obrazu

Stwórzmy obraz podstawowy. Najpierw zdecyduj, jaki rozmiar chcesz wybrać - zdecydowaliśmy się na standardowy rozmiar tapety 1920 × 1080. Użyj narzędzia Wiadro z farbą (G), aby malować czarne tło. Możesz eksperymentować z różnymi kolorami tła później, ale zdecydowanie najlepszy kolor linii pokazów na świecących jest czarny.

Oprócz wymiarowania i kolorowania obrazu podstawowego bardzo przydatne jest użycie prowizorycznych linii pomocniczych do (minimum) zaznaczenia środka przestrzeni pionowej i poziomej. Włącz linijki, jeśli nie są już włączone, przechodząc do Widok -> Linijki lub naciskając CTRL + R. Przeciągnij przewodnik od poziomej i pionowej linijki do środka obrazu (odpowiednio 960 i 540 pikseli, jeśli pracujesz nad obrazem 1920 × 1080).

Tworzenie ścieżek

Ścieżki to niewielka funkcja w Photoshopie, która pozwala ci stworzyć coś, co początkowo wydaje się być obiektem przypominającym ramkę / linię. Ścieżki, które utworzysz, są dosłownymi ścieżkami, po których następuje narzędzie, którego używasz do tworzenia efektów wizualnych.

Wykorzystamy moc pióra, narzędzia opartego na ścieżce, aby tworzyć pięknie zakrzywione linie, którymi będziemy następnie manipulować za pomocą narzędzia Pędzel. Zanim przejdziemy dalej, pozwólmy nam uprzedzić, że jeśli nigdy wcześniej nie korzystałeś z narzędzia Pióro, może to być dość frustrujące narzędzie do opanowania problemu. Najlepszym sposobem, aby uzyskać mocny uchwyt, jest po prostu grać z nim. Nie bój się tworzyć ścieżki, manipuluj nimi, a następnie usuwaj je, gdy masz lepszy obraz tego, co chcesz robić.

Wybierz narzędzie Pióro (P) i sprawdź, czy jest ustawione na ścieżkę:

Aby utworzyć prostą linię zakrzywioną, która przechodzi całkowicie od lewej krawędzi obrazu do prawej krawędzi, klikniemy narzędzie Pióro na poziomej linii pomocniczej tuż za lewą krawędzią i pociągniemy w dół, aby utworzyć nasz pierwszy punkt. Po utworzeniu tego pierwszego punktu (który będzie teraz wyglądał jak pionowa linia z trzema punktami na nim), przejdź na prawą stronę obrazu i powtórz ten sam krok: kliknij poziomą linię prowadzącą, delikatnie pociągnij i zwolnij przycisk myszy.

Na poniższym zrzucie ekranu narysowaliśmy strzałki wskazujące, gdzie przeciągnęliśmy mysz:

Ten proces tworzy pojedynczą pełną wdzięku krzywą S na całym obrazie. Naciśnij klawisz ESC, aby zwolnić się z bieżącej ścieżki i utworzyć nową. Powtórz dokładnie ten sam proces, ale nieznacznie zmieniaj punkt początkowy i końcowy po lewej i prawej stronie. Chociaż możesz tworzyć ścieżki dla linii świetlnych w dowolny sposób. Dążymy do tego, aby obraz wyglądał jak pakiet zbiegający się lekko w środku, gdy przechodzą przez ramę.

Po utworzeniu kilkunastu ścieżek obraz powinien wyglądać mniej więcej tak:

Te linie ścieżek będą służyć jako ramy dla pociągnięć pędzla, które zastosujemy w następnym kroku.

Stosowanie pociągnięć pędzlem

Ścieżki, które poprzednio stworzyliśmy, wyglądają dość nagie. Dowiesz się, jak będzie wyglądała tapeta, ale brakuje jej w pełni. Naprawimy to teraz, stosując narzędzie Pędzel na ścieżce.

Najpierw musimy ustawić parametry pędzla. Wybierz narzędzie Pędzel (B). Wielkość wybranej główki pędzla określa rozmiar obrysów nałożonych na ścieżkę. Bardzo mały rozmiar pędzla (1-5 pikseli) tworzy bardzo delikatne linie pajęcze. Ponad 15 pikseli tworzy grubsze linie podobne do kabli. Zdecydowaliśmy się na 10-pikselową główkę szczoteczki. Ponadto chcesz ustawić kolor pędzla na czystą biel.

Utwórz nową warstwę (CTRL + SHIFT + N) i nadaj jej tytuł "Pociągnięcie pędzla 1". Po wybraniu rozmiaru pędzla i utworzeniu warstwy ponownie wybierz narzędzie Pióro (P).

Kliknij prawym przyciskiem myszy w dowolnym miejscu na płótnie i wybierz "Stroke Path ..." Kiedy pojawi się okno dialogowe, upewnij się, że przełączasz wybór narzędzia na "Brush" i zaznacz "Simulate Pressure". Kliknij OK. Cienkie linie ścieżki zostaną teraz wypełnione pociągnięciami pędzla w następujący sposób:

Aby uzyskać pociągnięcia pędzlem o jaśniejszym wyglądzie, zamierzamy je lekko rozmazać. Po wybraniu warstwy "Pociągnięcie pędzla 1" przejdź do opcji Filtr -> Rozmycie -> Rozmycie gaussowskie.

Możesz rozmazać zaledwie 1,0 piksela i 10,0 pikseli w zależności od rozmiaru oryginalnych pociągnięć pędzla i uzyskać przyjemne rezultaty. Chcemy tylko odrobinę rozmycia, więc zdecydowaliśmy się na 2.0.

Gdy uzyskasz pożądane rezultaty, wybierz narzędzie Różdżka (W). Wybierz jedną ze swoich linii (ponieważ przecinają się i wszystkie znajdują się na tej samej warstwie, wystarczy wybrać miejsce w środku) za pomocą narzędzia Różdżka. Twoje wyniki powinny wyglądać tak:

Aby upewnić się, że w następnym kroku nie mamy postrzępionych i brzydkich krawędzi, musimy nieco zmodyfikować nasz wybór. Kliknij "Udoskonal krawędź" na górnym pasku narzędzi po wybraniu magicznej różdżki. W menu Zawęź krawędź spójrz w sekcję Dopasuj krawędź dla Pióra:

Dostosuj wartość Feather podczas oglądania podglądu. Chcesz mieć niezłą gładką, dobrze połączoną krawędź pomiędzy wyborem a otoczeniem. Użyliśmy wartości 4.0 dla naszego obrazu. Kliknij OK. Zachowaj wybór do następnej fazy samouczka.

Kolorowanie linii

Utwórz nowy warstwowy o nazwie "Kolor". Na tej warstwie możesz pomalować dowolny kolor, w dowolny sposób, za pomocą linii świetlnych. Możesz ręcznie malować różne sekcje, możesz zastosować gradient lub połączyć oba. Zamierzamy znacznie zmodyfikować i dostosować warstwę, więc nie martw się, że całkowicie zatuszujesz poprzednią pracę.

Zamiast ręcznie malować nasze kolory, ustawiamy gradient tęczy z jednej strony na drugą za pomocą narzędzia Gradient, jak na przykład:

Gdy kolory będą wyglądać tak, jak chcesz, wybierz warstwę "Kolor" i dostosuj krycie warstwy. Wywołaliśmy nasz powrót do 50% w celu uzyskania następującego efektu:

To jest to! W tym momencie możemy go zapisać, dodać więcej linii, jeśli chcemy, zanikać kolor, lub w inny sposób poprawić obraz, ale wyniki w tej chwili są na pewno gotowe na komputer.

Masz wskazówkę lub sztuczkę do dodania do tego samouczka? Chcesz zobaczyć, jak tworzymy inny rodzaj tapety? Sound off w komentarzach poniżej.