August 16,2021 Post by : Pamela Klityńska
Dodaj przezroczysty tekst do obrazu za pomocą efektów warstwy Photoshop
Dowiedz się, jak łatwo jest dodać przezroczysty tekst do obrazu za pomocą efektów warstw programu Photoshop! Samouczek krok po kroku dotyczący programu Photoshop CC 2020 i wcześniejszych.
Pobierz ten samouczek jako gotowy do druku plik PDF!
W tym samouczku pokażę prosty sposób na dodanie przezroczystego tekstu do obrazu za pomocą efektów warstw w Photoshopie. W poprzednim samouczku pokazałem, jak stworzyć przezroczysty tekst za pomocą opcji mieszania Photoshopa. Ale efekty warstw mogą dać bardziej interesujące i kreatywne rezultaty, ponieważ jest tak wiele efektów do wyboru!
Sztuką tworzenia przezroczystego tekstu z efektami warstw jest wiedza, jak sprawić, by sam tekst był przezroczysty, przy jednoczesnym zachowaniu widocznych efektów warstwy. Więc kiedy dodamy nasz tekst do obrazu, pokażę ci, jak ukryć tekst bez ukrywania pociągnięć, cieni, blasków lub innych zastosowanych efektów! Zobaczmy, jak to działa.
Używam Photoshopa CC 2020, ale możesz śledzić każdą najnowszą wersję.
Oto przykład tego, jak będzie wyglądał efekt przezroczystego tekstu. Twój wynik będzie zależał od użytych efektów warstw:
Ostateczny efekt transparentnego tekstu.
Zacznijmy!
Krok 1: Otwórz swój obraz
Zacznij od otwarcia obrazu w Photoshopie. Użyję tego obrazu z Adobe Stock:
Oryginalne zdjęcie. Źródło: Adobe Stock.
Powiązane: Poznaj wszystkie sposoby otwierania obrazów w Photoshopie
Krok 2: Wybierz narzędzie tekstowe
Aby dodać tekst, wybierz narzędzie Tekst z paska narzędzi:
Wybór narzędzia Tekst.
Krok 3: Wybierz czcionkę
Następnie na pasku opcji wybierz czcionkę. Dowolna czcionka będzie działać, ale większe, grubsze czcionki działają najlepiej.
Zachowam prostotę i pójdę z Arial Black:
Wybór czcionki.
Ustaw rozmiar czcionki na 72 pt, więc zaczynamy od największego wstępnie ustawionego rozmiaru:
Ustawienie rozmiaru czcionki.
A następnie wybierz kolor dla swojego typu, klikając próbkę koloru:
Kliknięcie próbki koloru.
Ponieważ tekst będzie przezroczysty, kolor nie ma znaczenia. Ale wybierz taki, który będzie łatwo widoczny podczas dodawania tekstu do obrazu. Wybiorę biały.
Po zakończeniu kliknij przycisk OK, aby zamknąć selektor kolorów:
Ustawienie koloru tekstu na biały w Próbniku kolorów.
Krok 4: Dodaj swój tekst
Następnie kliknij dokument i dodaj swój tekst. Wpiszę słowo „LATO”:
Dodanie tekstu do dokumentu.
Aby to zaakceptować, kliknij znacznik wyboru na pasku opcji:
Kliknięcie znacznika wyboru.
Krok 5: Zmień rozmiar i położenie tekstu za pomocą swobodnej transformacji
Aby zmienić rozmiar tekstu i przenieść go na miejsce, użyjemy polecenia Free Transform programu Photoshop.
Przejdź do menu Edycja na pasku menu i wybierz Swobodne przekształcanie:
Przejście do Edycja> Swobodne przekształcanie.
Następnie, aby zmienić rozmiar tekstu, kliknij i przeciągnij dowolny z uchwytów. Od wersji Photoshop CC 2019 funkcja Free Transform automatycznie blokuje proporcje tekstu podczas przeciągania. Ale jeśli używasz wcześniejszej wersji programu Photoshop, naciśnij i przytrzymaj klawisz Shift podczas przeciągania, aby zablokować proporcje na miejscu.
Tutaj przeciągam lewy i prawy uchwyt boczny na zewnątrz, aby powiększyć tekst:
Zmień rozmiar tekstu, przeciągając uchwyty swobodnej transformacji.
Następnie, aby zmienić położenie tekstu, kliknij i przeciągnij w polu Przekształcanie swobodne.
Przeciągnę w dół, aby wyśrodkować tekst przed obrazem:
Przeciągnij tekst w dół, aby go wyśrodkować.
Aby zaakceptować i zamknąć Swobodną transformację, kliknij znacznik wyboru na pasku opcji:
Kliknięcie znacznika wyboru, aby zamknąć Swobodną transformację.
W panelu Warstwy tekst pojawia się na warstwie tekstowej nad obrazem:
Panel Warstwy programu Photoshop pokazujący nową warstwę tekstową.
Krok 6: Zmniejsz wypełnienie warstwy tekstowej do 0 procent
Więc teraz, gdy dodaliśmy tekst, jak sprawić, by tekst był przezroczysty? Są na to dwa sposoby. Jednym z nich jest obniżenie wartości Krycie warstwy, a drugim obniżenie wartości Wypełnienie. Obie opcje znajdują się w prawym górnym rogu panelu Warstwy:
Zarówno Krycie, jak i Wypełnienie mogą być użyte do uczynienia warstwy przezroczystą.
Krycie warstwy a wypełnienie
Różnica między Kryciem a Wypełnieniem polega na tym, że Krycie wpływa zarówno na warstwę, jak i na wszystkie zastosowane efekty warstwy. Jeśli więc zmniejszymy Opacity do 0 procent, zarówno tekst, jak i efekty staną się przezroczyste, a tego nie chcemy.
Ale wartość Wypełnienie wpływa tylko na samą warstwę. Lub w tym przypadku tylko tekst. Nie wpływa na takie rzeczy, jak cienie, obrysy lub inne efekty zastosowane do tekstu.
Aby tekst był przezroczysty, zmniejsz wartość wypełnienia do 0 procent:
Zmniejszam Wypełnienie do 0 procent.
Po obniżeniu wartości Wypełnienie tekst znika:
Wynik po obniżeniu wartości wypełnienia warstwy tekstowej.
Krok 7: Dodaj cień do tekstu
Teraz, gdy nasz tekst jest przezroczysty, możemy użyć efektów warstw, aby odsłonić kształty liter. Na przykład dodajmy Cień.
W panelu Warstwy kliknij ikonę fx na dole:
Kliknięcie ikony efektów warstwy.
I wybierz Drop Shadow z listy:
Wybierając „Rzuć cień”.
Opcje cienia otwierają się w oknie dialogowym Styl warstwy programu Photoshop.
Kąt i odległość
Zacznij od dostosowania kąta i odległości cienia:
Opcje Kąt i Odległość dla cienia.
Najłatwiejszym sposobem dostosowania wartości kąta i odległości jest po prostu kliknięcie i przeciągnięcie wewnątrz dokumentu. I zauważ, że chociaż tekst jest przezroczysty, cień wciąż jest za nim ukryty, odsłaniając litery:
Cień odsłania przezroczyste litery.
W oknie dialogowym można również wprowadzić określone wartości. Ustawię kąt na 135 stopni, a odległość na 16 pikseli. Potrzebne wartości będą zależeć od Twojego wizerunku:
Ustawianie kąta i odległości.
Nieprzezroczystość
Użyj suwaka Krycie, aby dostosować przezroczystość cienia. Przyciemniam cień, zwiększając krycie do 50 procent:
Zwiększam wartość Krycia cienia.
Rozmiar
Możesz zmiękczyć krawędzie cienia, zwiększając wartość Rozmiar. Zwiększę mój do 16 pikseli:
Zmiękczanie krawędzi cienia poprzez zwiększenie rozmiaru.
Oto mój dotychczasowy wynik:
Cień ukazuje przezroczysty tekst.
Kolor
Domyślnym kolorem cienia jest czarny, ale możesz go zmienić, klikając próbkę koloru:
Kliknięcie próbki koloru cienia.
A następnie wybierz nowy kolor, korzystając z Próbnika kolorów lub próbkując kolor z obrazu.
Kliknę, aby pobrać kolor z piasku:
Kliknięcie na obrazek, aby pobrać próbkę nowego koloru cienia.
A następnie w Próbniku kolorów wybiorę ciemniejszą, nasyconą wersję tego koloru.
Następnie kliknę OK, aby zamknąć selektor kolorów:
Ciemne, nasycone kolory najlepiej sprawdzają się w przypadku cieni.
A oto wynik. Po prostu dodając cień, możemy już zobaczyć nasz przezroczysty tekst:
Do tekstu dodawany jest efekt pierwszej warstwy.
Powiązane: Utwórz tekst malowany natryskowo za pomocą cieni!
Krok 8: Dodaj obrys wokół tekstu
Dodajmy jeszcze kilka efektów. Nadal w oknie dialogowym Styl warstwy wybierz Obrys z kolumny po lewej stronie. Możemy użyć obrysu, aby dodać obramowanie wokół liter:
Dodanie efektu warstwy Obrysu.
Kolor
Wybierz kolor obrysu, klikając próbkę koloru:
Kliknięcie próbki koloru obrysu.
Następnie, tak jak w przypadku cienia, wybierz nowy kolor obrysu z Próbnika kolorów lub próbkując kolor z obrazka.
Wybiorę coś zbliżonego do bieli, próbując kolor z najjaśniejszej części piasku. Następnie kliknę OK, aby zamknąć selektor kolorów:
Próbkowanie nowego koloru obrysu z obrazu.
Pozycja
Opcja Pozycja przesuwa obrys do wewnątrz krawędzi, poza krawędzie lub do środka na krawędziach tekstu. wybiorę na zewnątrz:
Ustawienie pozycji skoku.
Rozmiar
Następnie ustaw szerokość pociągnięcia, przeciągając suwak Rozmiar. Zwiększę rozmiar do 6 pikseli:
Ustawienie wielkości obrysu.
A oto mój przezroczysty tekst z zastosowanym cieniem i obrysem:
Pociągnięcie jeszcze bardziej ułatwia zobaczenie przezroczystych liter.
Krok 9: Dodaj nakładkę gradientową
Trzecim i ostatnim efektem, który dodamy, jest nakładka gradientowa. Dodając gradient, a następnie zmieniając tryb mieszania gradientu, możemy zwiększyć kontrast obrazu wewnątrz tekstu.
Wybierz nakładkę gradientową z lewej kolumny:
Dodanie efektu nakładki gradientowej.
Krok 10: Wybierz czarny, biały gradient
Następnie wybierz gradient, klikając strzałkę obok próbki gradientu:
Wybór innego gradientu.
Wybierz gradient Czarny, Biały, klikając dwukrotnie jego miniaturę.
W programie Photoshop CC 2020 i nowszych gradienty są pogrupowane w foldery. Aby znaleźć gradient, musisz obrócić folder Basics:
Wybór gradientu Czarny, Biały.
Gradient tymczasowo zablokuje widok obrazu:
Początkowy wynik z efektem nakładki gradientowej.
Krok 11: Zmień tryb mieszania gradientu na Nakładkę
Następnie, aby zmieszać gradient z obrazem, zmień tryb mieszania gradientu z Normalny na Nakładkę:
Zmiana trybu mieszania na Overlay.
A teraz kontrast obrazu wewnątrz tekstu jest silniejszy niż otaczający go obraz:
Przezroczysty tekst z zastosowanym efektem Gradient Overlay.
Wyłączanie innych efektów warstw
Aby wyraźniej zobaczyć efekt nakładki gradientu, wyłącz efekty obrysu i cienia, odznaczając je:
Odznaczenie Obrysu i Cienia.
A teraz widzimy, jak kontrast wydobywa litery:
Efekt wykorzystujący tylko efekt Gradient Overlay.
Wypróbowanie trybu mieszania miękkiego światła
Jeśli kontrast jest zbyt silny, tak jak w przypadku mojego obrazu, spróbuj zamiast tego trybu mieszania Miękkie światło:
Zmiana trybu mieszania gradientu na Miękkie światło.
Soft Light daje podobny, ale mniej intensywny efekt:
Wynik po zmianie trybu mieszania gradientu na Miękkie światło.
Powiązane: 5 najlepszych trybów mieszania, które musisz znać!
Ponowne włączanie innych efektów
Aby ponownie włączyć obrys i upuść cień, kliknij ponownie w ich polach wyboru:
Włączanie obrysu i upuszczania cienia.
Krok 12: Zamknij okno dialogowe Styl warstwy
W tym momencie możesz spróbować dodać inne efekty warstw lub zaakceptować to, co masz, klikając OK, aby zamknąć okno dialogowe Styl warstwy:
Kliknięcie przycisku OK.
W panelu Warstwy efekty, które dodaliśmy do tekstu, pojawiają się pod warstwą tekstową.
Możesz kliknąć ikonę widoczności obok nazwy efektu, aby włączyć lub wyłączyć efekt. Możesz też kliknąć dwukrotnie bezpośrednio nazwę, aby ponownie otworzyć okno dialogowe Styl warstwy i w razie potrzeby edytować efekt:
Efekty warstw zastosowane do tekstu.
Krok 13: Zaznacz tekst
Nauczyliśmy się więc tworzyć przezroczysty tekst, obniżając wartość wypełnienia warstwy tekstowej, a następnie dodając efekty warstwy. Ale możemy jeszcze bardziej wzmocnić efekt, rozjaśniając, przyciemniając lub dodając kolor do otaczającego obrazu. Aby to zrobić, najpierw musimy zaznaczyć obszar wokół tekstu.
W panelu Warstwy naciśnij i przytrzymaj klawisz Ctrl (Win) / Command (Mac) na klawiaturze i kliknij miniaturę warstwy tekstowej:
Kliknięcie miniaturki warstwy tekstowej.
To ładuje wybór wokół liter:
Sam tekst jest zaznaczony.
Krok 14: Odwróć zaznaczenie
Następnie, aby zaznaczyć wszystko oprócz tekstu, odwróć zaznaczenie, przechodząc do menu Wybierz i wybierając Odwróć:
Przechodząc do Wybierz > Odwróć.
Krok 15: Wybierz warstwę obrazu
Wróć do panelu Warstwy, kliknij warstwę obrazu, aby ją wybrać:
Wybór warstwy obrazu.
Następnie kliknij ikonę Nowa warstwa wypełnienia lub dopasowania:
Kliknięcie ikony nowego wypełnienia lub warstwy dopasowania.
I wybierz warstwę wypełnienia Solid Color:
Dodanie warstwy wypełnienia Solid Color.
W Próbniku kolorów wybierz kolor warstwy wypełnienia. Na razie wybiorę czarny, ale za chwilę pokażę jak zmienić kolor.
Kliknij OK, gdy skończysz:
Wybór koloru warstwy wypełnienia z Próbnika kolorów.
A kolor wypełnia teraz obszary otaczające tekst:
Wynik po dodaniu czarnej warstwy wypełnienia Solid Color.
Zobacz także: Jak umieścić obraz w tekście za pomocą Photoshopa!
W panelu Warstwy warstwa wypełnienia pojawia się między obrazem a warstwą tekstową.
Powodem, dla którego warstwa wypełnienia nie wpływa na obraz wewnątrz liter, jest to, że Photoshop użył wyboru, którego dokonaliśmy, aby utworzyć maskę warstwy, jak widać na miniaturze maski warstwy. Białe obszary na masce to miejsca, w których warstwa wypełnienia jest widoczna, a czarne obszary to miejsca, w których jest ona ukryta:
Maska warstwy kontroluje widoczność warstwy wypełnienia.
Krok 16: Zmniejsz krycie warstwy wypełnienia
Aby zmieszać kolor z obrazem, zmniejsz Krycie warstwy wypełnienia.
Obniżę mój do 60 procent:
Zmniejszenie krycia warstwy wypełnienia.
Przy obniżonym kryciu obraz prześwituje przez warstwę wypełnienia. A ponieważ mój kolor wypełnienia jest czarny, tworzy to efekt przyciemnienia:
Wynik po przyciemnieniu obszaru wokół przezroczystego tekstu.
Jak zmienić kolor warstwy wypełnienia
Aby wypróbować inny kolor, kliknij dwukrotnie próbkę koloru warstwy wypełnienia:
Dwukrotne kliknięcie próbki koloru.
A następnie wybierz nowy kolor, ponownie z Próbnika kolorów lub z obrazu.
Ponieważ próbkowałem kolory bezpośrednio z obrazu, wybiorę pomarańczowy, klikając oparcie krzesła. Następnie kliknę OK, aby zamknąć selektor kolorów:
Próbkowanie nowego koloru wypełnienia z obrazu.
Zmiana trybu mieszania warstwy wypełnienia
A ponieważ tym razem wybrałem rzeczywisty kolor, zmienię tryb mieszania warstwy wypełnienia z Normalny na Kolor:
Zmiana trybu mieszania warstwy wypełnienia na Kolor.
Tryb mieszania kolorów przywraca pierwotną jasność obrazu i miesza tylko kolor:
Wynik z nowym kolorem wypełnienia i trybem mieszania.
Powiązane: Jak ujednolicić kolory na obrazie!
Zmniejszenie krycia warstwy wypełnienia
Na koniec zmniejszę intensywność koloru, zmniejszając krycie warstwy wypełnienia do około 25 procent:
Zmniejszenie krycia warstwy wypełnienia.
Możesz włączać i wyłączać warstwę wypełnienia, aby porównać efekt z oryginalnym obrazem, klikając jego ikonę widoczności:
Kliknięcie ikony widoczności warstwy wypełnienia.
A tutaj, z kolorem teraz bardziej subtelnym, jest mój końcowy wynik:
Ostateczny efekt transparentnego tekstu.
Mamy to! Oto jak stworzyć przezroczysty tekst z efektami warstw w Photoshopie!
Sprawdź naszą sekcję Efekty fotograficzne, aby uzyskać więcej samouczków.
I nie zapominaj, że wszystkie nasze samouczki są teraz dostępne do pobrania w formacie PDF!
