W tym samouczku pokażę Ci, jak stworzyć prosty efekt tekstu namalowanego sprayem, w którym litery wyglądają, jakby zostały namalowane sprayem na ścianie lub powierzchni. Pokażę ci również jak zmieszać farbę w sprayu z powierzchnią, aby uzyskać bardziej realistyczny efekt. A ponieważ stworzymy farbę w sprayu, używając jedynie efektu warstwy i opcji mieszania Photoshopa, Twój tekst pozostanie edytowalny nawet po zakończeniu pracy.

Będę korzystał z najnowszej wersji programu Photoshop CC, ale każda najnowsza wersja będzie działać.

Oto przykład tego, jak będzie wyglądał efekt tekstu namalowanego sprayem. Oczywiście, możesz użyć dowolnego tekstu, tła i kolorów, które Ci się podobają:

Zacznijmy!

Ściągnij ten poradnik jako gotowy do druku plik PDF!

Jak stworzyć tekst malowany sprayem w Photoshopie

Zaczniemy od nauki, jak stworzyć główny efekt malowania sprayem, a następnie pokażę ci, jak wtopić litery w tło. Pokażę ci również, jak powielić efekt, aby dodać więcej tekstu do swojego projektu, oraz jak zmienić kolor farby.

Możesz również śledzić wideo z tego samouczka. Możesz też pobrać ten samouczek jako gotowy do druku plik PDF!

Krok 1: Otwórz obraz tła

Ponieważ będziemy chcieli namalować tekst sprayem na jakimś tle, zacznij od otwarcia obrazu tła. Użyję tego obrazu, który pobrałem z Adobe Stock:

A w panelu Layers (Warstwy) widzimy obraz na warstwie Background (Tło):

Related: Dowiedz się, jak korzystać z warstw w Photoshopie

Krok 2: Dodaj swój tekst

Aby dodać swój tekst, wybierz narzędzie Type (Typ) z paska narzędzi:

Wybór czcionki

A następnie na pasku opcji wybierz czcionkę. Ja użyję „HWT Gothic Round”, którą pobrałem z Adobe Typekit. Jeśli nie masz dostępu do tej czcionki, to nie szkodzi. Każda czcionka będzie działać:

Więcej opcji czcionek

Jeszcze w Pasku Opcji, ustawię rozmiar czcionki na 72 pt tylko po to, aby dać mi największy wstępnie ustawiony rozmiar na teraz. I ustawię wyrównanie tekstu do środka.

Dla koloru wybiorę biały, klikając na próbkę koloru i wybierając biały z Color Picker Photoshopa. To nie jest kolor, którego będziemy używać do malowania sprayem. Na razie potrzebujemy tylko czegoś, co pozwoli nam zobaczyć tekst w trakcie jego dodawania:

Dodawanie tekstu

Kliknij w dokumencie i dodaj swój tekst. Wpiszę słowo „PAINT”:

Akceptowanie tekstu

Aby go zaakceptować, kliknij znacznik wyboru na pasku opcji:

Krok 3: Zmiana rozmiaru i położenia tekstu za pomocą funkcji Free Transform (Przekształcanie swobodne)

Aby zmienić rozmiar tekstu i przenieść go na miejsce, przejdź do menu Edit (Edycja) na pasku menu i wybierz opcję Free Transform (Przekształcanie swobodne):

A następnie, aby zmienić rozmiar tekstu, kliknij i przeciągnij dowolny uchwyt narożny. Od wersji Photoshop CC 2019 współczynnik proporcji tekstu jest automatycznie blokowany podczas przeciągania uchwytów. We wcześniejszych wersjach Photoshopa będziesz musiał przytrzymać klawisz Shift podczas przeciągania, aby zablokować proporcje w miejscu.

Aby zmienić rozmiar tekstu z jego środka, naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac) podczas przeciągania. A jeśli trzeba zmienić położenie tekstu, kliknij wewnątrz ramki Przekształcanie swobodne i przeciągnij tekst na miejsce.

Aby zaakceptować i wyjść z funkcji Przekształcanie swobodne, naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze:

Krok 4: Obniż wartość wypełnienia warstwy Type (Typ) do 0%

W panelu Layers (Warstwy) widzimy nasz tekst na nowej warstwie Type (Typ) nad obrazem:

Aby uzyskać efekt farby w sprayu, musimy najpierw uczynić nasz tekst przezroczystym. Aby to zrobić, obniż wartość wypełnienia w prawym górnym rogu panelu warstw aż do 0%. Upewnij się, że obniżasz wartość wypełnienia, a nie wartość krycia:

Tekst całkowicie znika. Nadal tam jest, tylko jest przezroczysty:

Jaka jest różnica między wartościami Krycie i Wypełnienie?

W panelu Warstwy zarówno wartości Krycie, jak i Wypełnienie wpływają na przezroczystość warstwy. Różnica między nimi polega na tym, że parametr Krycie kontroluje przezroczystość zarówno zawartości warstwy, jak i zastosowanych przez nas efektów warstwy. Z kolei wypełnienie wpływa tylko na zawartość warstwy. Nie ma wpływu na efekty warstw.

Oznacza to, że zmniejszając wartość opcji Wypełnienie, możemy zastosować efekty warstw do naszego tekstu i sprawić, że będą one widoczne, nawet jeśli sam tekst jest ukryty. I to właśnie pozwoli nam stworzyć efekt farby w sprayu.

Krok 5: Dodaj efekt warstwy Cień kropli do warstwy Typ

Cały efekt farby w sprayu można utworzyć za pomocą jednego efektu warstwy, a ten, którego potrzebujemy, to Cień kropli. Mając zaznaczoną warstwę Type, kliknij ikonę Layer Style (ikona „fx”) w dolnej części panelu Layers (Warstwy):

A następnie wybierz Drop Shadow (Cień):

Krok 6: Przywróć ustawienia domyślne efektu Drop Shadow

W oknie dialogowym Styl warstwy kliknij przycisk Reset to Default (Przywróć ustawienia domyślne), aby przywrócić domyślne ustawienia efektu Drop Shadow, tak abyśmy oboje widzieli to samo:

Krok 7: Zmień kolor Cienia Kropli na biały

Następnie zmień kolor Cienia Kropli, klikając próbkę koloru:

I w Próbniku Koloru wybierz na razie kolor biały, a następnie kliknij przycisk OK. Inne kolory dla tego efektu wybierzemy nieco później:

Krok 8: Zmiana trybu mieszania cienia na Ekran

Aby zobaczyć biel, zmień tryb mieszania cienia kropli z Mnożenie (domyślny tryb mieszania) na Ekran:

I od razu zaczynamy dostrzegać biały kolor pojawiający się za literami:

Krok 9: Zwiększ krycie cienia do 100%

Aby efekt był jaśniejszy, zwiększ krycie cienia kropli aż do 100%:

I teraz efekt jest łatwiejszy do zobaczenia. Zmieniając kolor cienia z czarnego na biały i zmieniając jego tryb mieszania z Mnożenie na Ekran, zamieniliśmy nasz cień w poświatę:

Krok 10: Ustaw Distance (Odległość) i Spread (Rozproszenie) na 0%

Zignoruj opcje Angle (Kąt) i Use Global Light (Użyj światła globalnego), ponieważ nie będą one miały tutaj znaczenia. Obniż jednak wartość opcji Odległość do 0px i upewnij się, że wartość parametru Rozciągnięcie wynosi 0%:

Ustawiając odległość na 0px, wyśrodkowaliśmy cień za tekstem, tworząc słaby kontur lub obrys wokół liter:

Krok 11: Zwiększ rozmiar cienia

Aby rozprowadzić cień (lub poświatę, w tym przypadku) dalej od krawędzi, zwiększ wartość parametru Rozmiar:

Im bardziej ją zwiększasz, tym szersza wydaje się poświata:

Krok 12: Zmień kontur na stożkowy

W tym momencie dotychczasowy efekt nie przypomina farby w sprayu. Nasza poświata musi wyglądać bardziej jak kontur wokół kształtów liter.

Aby to naprawić, jeszcze w oknie dialogowym Styl warstwy przejdź do sekcji Jakość, kliknij małą strzałkę obok miniaturki podglądu Konturu:

A następnie wybierz kontur Stożek, klikając dwukrotnie jego miniaturkę. To ten w górnym rzędzie, drugi od lewej:

Kontury wpływają na przezroczystość cienia, zmieniając sposób i miejsce przechodzenia od obszarów nieprzezroczystych do przezroczystych. I od razu widzimy znacznie mocniejszy kontur wokół krawędzi liter:

Krok 13: Usuń zaznaczenie opcji „Warstwa usuwa cień kropli”

Zauważ jednak, że mimo iż nasz tekst jest przezroczysty, poświata pojawia się tylko na zewnątrz. Musimy zobaczyć poświatę również wewnątrz liter.

Aby to naprawić, usuń zaznaczenie opcji, która mówi Layer Knocks Out Drop Shadow:

A teraz kontur pojawia się zarówno na zewnątrz, jak i wewnątrz tekstu:

Krok 14: W razie potrzeby ponownie dostosuj wartość Size

W tym momencie możesz potrzebować wrócić i ponownie dostosować wartość Size, aby zmienić grubość konturu. Nie przesadź jednak zbyt wysoko, bo rozproszysz blask zbyt daleko. Dokładny rozmiar, którego potrzebujesz, będzie zależał od rozmiaru twojego tekstu.

W moim przypadku, pójdę z wartością Size około 120px, ale możesz potrzebować innej wartości:

A oto wynik:

Krok 15: Dodaj szum

Na koniec dodaj trochę szumu do konturu, zwiększając wartość Noise. Ja ustawię swoją na około 25-30%:

A teraz, jeśli powiększę, widzimy małe plamki w konturze, dzięki czemu wygląda on bardziej jak farba w sprayu.

W zależności od rozmiaru czcionki, której używasz, możesz zauważyć pewne słabe twarde krawędzie wzdłuż obszarów, w których spotykają się efekt i tło. Na tym zrzucie ekranu można je zobaczyć wewnątrz liter „P” i „A”. Krawędzie te znikną, gdy wtopimy tekst w tło, co zrobimy w następnej kolejności:

Jak wtopić tekst namalowany sprayem w tło

W tym momencie zakończyliśmy pracę z naszym efektem warstwy Drop Shadow. Dowiedzmy się więc, jak wtopić ten efekt w tło, aby wyglądało to tak, jakby tekst był faktycznie namalowany sprayem na tle, a nie tylko znajdował się przed nim. Gdy skończymy, pokażę Ci, jak skopiować efekt, aby dodać więcej tekstu, zachowując efekty warstwy i opcje mieszania.

Krok 16: Otwórz opcje mieszania w Photoshopie

Pozostając w oknie dialogowym Styl warstwy, wybierz kategorię Opcje mieszania po lewej stronie:

Krok 17: Przeciągnij czarny suwak „Warstwa podkładowa” w prawo

Na dole okna Opcje mieszania znajdują się dwa zestawy suwaków. Ten na górze mówi „This Layer” (Ta warstwa), a ten pod nim „Underlying Layer” (Warstwa podkładowa). Możemy użyć tych suwaków do mieszania naszego tekstu z obrazem tła. A zestaw, którego potrzebujemy, to ten dolny (Warstwa podkładowa):

Zauważ dwa suwaki poniżej paska gradientu. Po lewej stronie znajduje się czarny suwak, a po prawej biały suwak. Chcemy zmieszać nasz tekst z najciemniejszymi częściami obrazu tła. W tym celu potrzebujemy czarnego suwaka.

Kliknij czarny suwak i zacznij go przeciągać w prawo:

Przeciągając, obserwuj swój tekst, a zobaczysz, że najciemniejsze obszary obrazu tła zaczną się przez niego prześwitywać. A gdy przeciągasz dalej, pojawia się coraz więcej tła:

Krok 18: Podziel czarny suwak na pół

Problem polega na tym, że przejścia między tekstem a tłem są bardzo ostre. Aby uzyskać bardziej płynne przejścia, naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac) na klawiaturze. Kliknij prawą stronę czarnego suwaka i odsuń go od lewej strony. Spowoduje to podzielenie suwaka na dwie połowy:

Krok 19: Dostosuj suwaki, aby utworzyć płynne przejście

Lewa połowa suwaka kontroluje teraz poziom jasności, przy którym tekst zaczyna pojawiać się przed tłem. Natomiast prawa połowa suwaka określa poziom jasności, przy którym tekst staje się w pełni widoczny, a tło nie prześwituje przez niego. Obszar pomiędzy tymi dwoma suwakami staje się obszarem przejściowym, w którym tekst i tło mieszają się ze sobą. Im bardziej suwaki są od siebie oddalone, tym bardziej stopniowe wydaje się przejście.

Dostosuj każdą połowę suwaka, aż uzyskasz zadowalający efekt. Nie ma konkretnych wartości do użycia tutaj, ponieważ będzie to zależało od twojego obrazu tła.

W moim przypadku ustawię moją lewą połowę na poziom jasności 10, a moją prawą połowę na poziom jasności 60. Innymi słowy, wszystkie obszary mojego obrazu tła, które są na poziomie jasności 10 lub ciemniejsze, będą całkowicie widoczne przez tekst. Obszary o poziomie jasności 60 lub jaśniejsze będą całkowicie ukryte przez tekst. A poziomy jasności pomiędzy nimi (od 11 do 59) to miejsca, w których odbywa się przejście:

A gdy tekst zlewa się teraz z obrazem, uzyskujemy znacznie bardziej realistycznie wyglądający efekt farby w sprayu:

Krok 20: Zamknij okno dialogowe Styl warstwy

Zakończyliśmy pracę z głównym efektem, więc przejdź dalej i zamknij okno dialogowe Styl warstwy, klikając przycisk OK:

A w panelu Warstwy widzimy teraz nasz cień jako efekt znajdujący się pod warstwą Typ. Widzimy również ikonę opcji mieszania obok ikony „fx”, która informuje nas, że mamy również zaawansowane opcje mieszania zastosowane do tej warstwy:

Pobierz ten poradnik jako plik PDF gotowy do wydruku!

Jak powielić efekt namalowanego sprayem tekstu

W tym momencie dodanie większej ilości namalowanego sprayem tekstu jest łatwe.

Krok 21: Utwórz kopię warstwy Type

Wszystko, co musimy zrobić, to zduplikować naszą warstwę Type. Przeciągnij ją na ikonę Dodaj nową warstwę w dolnej części panelu Warstwy:

Kopia warstwy Typ pojawia się nad oryginałem, wraz z efektem Cień i opcjami mieszania:

Krok 22: Wybierz narzędzie Przesunięcie

Aby zmienić położenie tekstu, wybierz narzędzie Przesunięcie z paska narzędzi:

Krok 23: Przesuń tekst na miejsce

A następnie kliknij tekst i przesuń go na miejsce. Przeciągnę kopię tekstu w górę:

Następnie w panelu Layers (Warstwy) kliknę oryginalną warstwę Type (Typ), aby ją zaznaczyć:

I przeciągnę oryginalny tekst w dół:

Jak edytować tekst malowany sprayem

Ponieważ nasz tekst jest nadal edytowalnym typem, możemy łatwo edytować tekst i zachować nienaruszony efekt malowania sprayem.

Krok 24: Wybierz narzędzie Type

Nie chcę, aby oba słowa były takie same, więc aby edytować górny tekst, wybiorę narzędzie Type z paska narzędzi:

Krok 25: Zaznaczanie i edycja tekstu

Następnie dwukrotnie kliknę wewnątrz słowa, aby je podświetlić:

I zmienię słowo z „PAINT” na „SPRAY”:

Aby go zaakceptować, kliknę znacznik wyboru na pasku opcji:

Krok 26: Zmiana rozmiaru edytowanego tekstu za pomocą polecenia Przekształć

Zmienię rozmiar górnego tekstu, przechodząc do menu Edycja i wybierając polecenie Przekształć swobodnie:

A następnie przeciągnę uchwyty górnego rogu, aby zmienić rozmiar słowa, tak aby miało taką samą szerokość jak słowo dolne. Aby to zaakceptować, wcisnę Enter (Win) / Return (Mac) na klawiaturze:

Jak zmienić kolor farby w sprayu

I na koniec przyjrzyjmy się, jak zmienić kolor efektu.

Krok 27: Kliknij dwukrotnie efekt warstwy Cień kropli

Aby zmienić kolor farby w sprayu, kliknij dwukrotnie słowa „Cień kropli” poniżej warstwy Typ. Jeśli tak jak ja masz więcej niż jedną warstwę typu, upewnij się, że klikasz dwukrotnie tę, którą chcesz edytować.

W moim przypadku zacznę od słowa „SPRAY” na górze:

Krok 28: Kliknij próbkę koloru

W ten sposób ponownie otworzysz okno dialogowe Styl warstwy. Kliknij próbkę koloru:

Krok 29: Wybierz nowy kolor z Próbnika kolorów

A następnie w Próbniku kolorów wybierz nowy kolor. Wybieram coś jasnego, na przykład żółty:

Kliknij OK, aby zamknąć Próbnik kolorów, a następnie kliknij OK, aby zamknąć okno dialogowe Styl warstwy. A teraz mój górny tekst ma kolor żółty:

Zmiana koloru dolnego tekstu

Zrobię to samo z dolnym tekstem. Dwukrotnie kliknę słowa „Drop Shadow”, aby ponownie otworzyć okno dialogowe Styl warstwy:

A następnie kliknę próbkę koloru:

I wybiorę nowy kolor z palety kolorów. Dla dolnego tekstu ponownie wybiorę coś jasnego, na przykład czerwonawy róż:

Klikam ponownie przycisk OK, aby zamknąć próbnik kolorów, a następnie OK, aby zamknąć okno dialogowe Styl warstwy.

A oto, po dodaniu koloru do obu słów, mój końcowy rezultat:

I oto mamy! Oto jak stworzyć tekst malowany sprayem w Photoshopie! Sprawdź nasze sekcje Efekty fotograficzne i Efekty tekstowe, aby uzyskać więcej poradników. I nie zapomnij, że wszystkie nasze tutoriale są dostępne do pobrania jako pliki PDF!