If-Koubou

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

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

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 stworzenie 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 bardzo poręcznym i potężnym narzędziem w Photoshopie, które dla wielu osób prawie nie jest używane. Będziemy używać go intensywnie 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 referencyjnego 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 poza świecącym jest czarny.

Oprócz wymiarowania i kolorowania obrazu podstawowego bardzo przydatne jest użycie prowizorycznych linii pomocniczych, aby (przynajmniej) zaznaczyć środek pionowej i poziomej przestrzeni. Włącz linijki, jeśli nie są już włączone, przechodząc do Widok -> Linijki lub naciskając CTRL + R. Przeciągnij prowadnicę z poziomej i pionowej linijki na środek 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 wire-frame / line-drawing. Ś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 ostrzec, że jeśli nigdy wcześniej nie używałeś narzędzia Pióro, może to być dość frustrujące narzędzie, aby się nim posługiwać. Najlepszym sposobem, aby uzyskać mocny uchwyt, jest po prostu grać z nim. Nie bój się tworzyć ścieżki, baw się z nią, a następnie usuń ją, gdy masz lepszy pomysł na to, co chcesz zrobić.

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

Aby utworzyć prostą zakrzywioną linię, 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 teraz będzie 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 utwórz 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żki będą służyć jako ramy dla pociągnięć pędzlem, które zastosujemy w następnym kroku.

Stosowanie pociągnięć pędzlem

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

Najpierw musimy ustawić parametry pędzla. Wybierz narzędzie Pędzel (B). Rozmiar 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) stworzy 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ędzla 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ędzlem i uzyskać przyjemne rezultaty. Chcemy tylko odrobinę rozmycia, więc zdecydowaliśmy się na 2.0.

Gdy uzyskasz pożądane wyniki, 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ć punkt 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 Uściślij 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 wymieszaną 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 robimy inny rodzaj tapety? Sound off w komentarzach poniżej.