Dodaj przezroczysty typ do obrazu za pomocą Photoshopa

Napisane przez Steve'a Pattersona.

W tym Samouczek dotyczący efektów programu Photoshop , dowiemy się, jak dodać tekst przezroczysty do obrazu. Istnieje wiele różnych sposobów na przeźroczystość tekstu Photoshopa, a w tym samouczku przyjrzymy się kilku sposobom, jak to zrobić.



Najpierw przyjrzymy się najszybszemu i najprostszemu sposobowi uczynienia tekstu przezroczystym, a następnie przyjrzymy się kilku ciekawszym sposobom tworzenia przezroczystego tekstu przy użyciu stylów warstw, a także przyjrzymy się istotnej różnicy między „Krycieniem” warstwy ' i 'Wypełnij' opcje.



Jest to rodzaj połączenia samouczka dotyczącego efektów fotograficznych i samouczka dotyczącego efektów tekstowych, a każda najnowsza wersja programu Photoshop będzie działać.

Oto obraz, którego będę używać w tym samouczku Photoshopa:

  Samouczek Adobe Photoshop: Oryginalny obraz. Oryginalny obraz.

A tutaj, po przyjrzeniu się szybkiemu i łatwemu sposobowi na przeźroczystość tekstu w Photoshopie, oto bardziej interesujący wynik, nad którym będziemy pracować:



  Samouczek Adobe Photoshop: Efekt końcowy. Jeden z naszych końcowych wyników.

Ten samouczek pochodzi z naszego Efekty fotograficzne seria. Zacznijmy!

Krok 1: Dodaj swój tekst do obrazu

Zanim będziemy mogli się martwić, że nasz tekst w Photoshopie będzie przezroczysty, najpierw musimy go dodać, więc zróbmy to. Wybierz narzędzie Tekst z palety Narzędzia:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Wybierz narzędzie Tekst.

Możesz także szybko uzyskać dostęp do narzędzia tekstowego Photoshopa, naciskając T na klawiaturze. Chcę biały jako kolor pierwszego planu, więc nacisnę D na mojej klawiaturze, co powoduje zresetowanie koloru pierwszego planu programu Photoshop na czarny, a koloru tła na biały, a następnie nacisnę X aby je zamienić, zmieniając kolor biały na kolor pierwszego planu.



Po wybraniu narzędzia Tekst i białym kolorze pierwszego planu przejdź do Pasek opcji u góry ekranu i wybierz czcionkę. Wybór czcionek będzie oczywiście zależał od czcionek, które aktualnie zainstalowałeś w swoim systemie. Wybiorę czcionkę Helvetica Black Condensed. Możesz także ustawić rozmiar czcionki na pasku opcji, jeśli chcesz, ale często łatwiej jest dostosować rozmiar po dodaniu czcionki za pomocą polecenia Swobodne przekształcanie programu Photoshop, co zrobię za chwilę. Na razie pójdę dalej i dodam swój typ. Wpiszę słowa „NURKOWANIE” (choć technicznie osoby na zdjęciu nurkują, ale na pewno pójdą na nurkowanie później):

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Dodaj swój typ do obrazu.

Kliknij znacznik wyboru na pasku opcji, aby zaakceptować swój typ, gdy skończysz:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Kliknij znacznik wyboru na pasku opcji, aby zaakceptować typ.

Krok 2: Zmień rozmiar i położenie typu zgodnie z potrzebami w przypadku swobodnej transformacji

Naciskać Ctrl+T (Wygrać) / Command+T (Mac), aby przywołać Photoshopa Swobodna transformacja pole i uchwyty wokół tekstu. Przenieś tekst na odpowiednią pozycję, klikając dowolne miejsce w polu Przekształć swobodne i przeciągając tekst po ekranie (nie klikaj jednak małej ikony celu pośrodku, ponieważ przeniesiesz cel, a nie obraz). Aby zmienić rozmiar tekstu, przytrzymaj Shift+Alt (Wygrać) / Shift+Opcja (Mac) i przeciągnij dowolny z uchwytów narożnych. Przytrzymanie klawisza „Shift” mówi Photoshopowi, aby ograniczał proporcje szerokości i wysokości tekstu podczas przeciągania, aby nie zniekształcać jego wyglądu, a przytrzymanie Alt/Option mówi Photoshopowi, aby zmienił rozmiar tekstu od środka. Zamierzam również trochę rozciągnąć tekst w pionie, więc po przesunięciu go na miejsce i zmianie jego rozmiaru za pomocą uchwytów narożnych, przytrzymam Wszystko (Wygrać) / Opcja (Mac) ponownie i kliknij górny środkowy uchwyt i przeciągnij go w górę, aby rozciągnąć tekst. Po raz kolejny przytrzymanie Alt/Option rozciąga tekst od jego środka:



  Adobe Photoshop samouczek Obraz efektów Photoshopa. Przenieś i zmień rozmiar tekstu zgodnie z potrzebami za pomocą polecenia Swobodne przekształcanie programu Photoshop.

Naciskać Wchodzić (Wygrać) / Zwrócić (Mac), kiedy skończysz akceptować transformację.

Krok 3: Obniż nieprzezroczystość warstwy typu

Najszybszym i absolutnie najłatwiejszym sposobem na uczynienie tekstu Photoshopa przezroczystym przed obrazem jest po prostu obniżenie warstwy tekstowej Nieprzezroczystość wartość. Jeśli spojrzymy w nasze Paleta warstw , widzimy, że obecnie mamy dwie warstwy, z naszym oryginalnym obrazem na dolnej warstwie „Tło”, a naszym tekstem na warstwie nad nim:



  Adobe Photoshop samouczek Obraz efektów Photoshopa. Paleta Warstwy Photoshopa pokazująca nasze dwie warstwy.

Aby zmniejszyć krycie tekstu i umożliwić częściowe prześwitywanie obrazu pod nim, po prostu przejdź do Nieprzezroczystość w prawym górnym rogu palety Warstwy i obniż jej wartość. Im niższa ustawisz wartość krycia, tym bardziej przezroczysty będzie tekst. Obniżę mój do około 50%:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Zmniejsz krycie warstwy tekstowej programu Photoshop, aby tekst był bardziej przezroczysty.

A oto mój obrazek po obniżeniu przezroczystości tekstu:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Tekst jest teraz półprzezroczysty po obniżeniu jego wartości krycia.

Tekst wydaje się teraz półprzezroczysty, a gdybym jeszcze bardziej obniżył jego wartość krycia, stałby się jeszcze bardziej przezroczysty. Oto obraz z kryciem tekstu obniżonym do 35%:



  Adobe Photoshop samouczek Obraz efektów Photoshopa. Tekst wydaje się teraz jeszcze bardziej przezroczysty po zmniejszeniu jego krycia do 35%.

Oczywiście, gdybym obniżył krycie do 0%, tekst stałby się całkowicie niewidoczny, a to nie jest to, czego chcemy. Ogólnie rzecz biorąc, w przypadku większości obrazów dobrze sprawdza się wartość krycia na poziomie 30-50%.

Jest to więc najszybszy i najłatwiejszy sposób, aby tekst był przezroczysty na obrazie, ale z pewnością nie jest to najbardziej interesujący sposób, więc spójrzmy na inny sposób. Zanim jednak to zrobimy, ustawię moją wartość krycia z powrotem na 100%:



  Adobe Photoshop samouczek Obraz efektów Photoshopa. Ustawiam wartość krycia tekstu z powrotem na pełne 100%.

Krok 4: Obniż wartość „napełnienia” aż do 0%

Przed chwilą widzieliśmy, jak obniżenie wartości krycia warstwy tekstowej może uczynić ją przezroczystą. Im bardziej obniżyliśmy wartość, tym bardziej przejrzysty stał się tekst. Jeśli spojrzysz bezpośrednio pod opcję Wartość krycia w prawym górnym rogu palety Warstwy, zobaczysz Wypełnić opcja. Różnica między „Krycie” a „Wypełnieniem” ma związek z dowolnym style warstw które zostały dodane do warstwy, a zrozumienie tej różnicy otwiera całość świat możliwości w Photoshopie, więc naprawdę ważne jest, abyś znał różnicę. Obecnie nie mam żadnych stylów warstw zastosowanych do mojej warstwy tekstowej, więc gdybym miał obniżyć wartość Fill, wynik byłby dokładnie taki sam, jak gdybym obniżył wartość Opacity. Im niższą ustawię wartość Wypełnienie, tym bardziej przezroczysty będzie typ. Właściwie zróbmy to teraz. Obniż wartość wypełnienia swojej warstwy tekstowej aż do 0% :

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Obniż wartość „Wypełnij” warstwy typu Photoshop do 0%.

Twój tekst całkowicie zniknie z obrazu, co by się stało, gdybyśmy obniżyli wartość Opacity do 0%:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Tekst zniknął wewnątrz obrazu.

Krok 5: Dodaj styl warstwy „Zewnętrzny blask”

Różnica między „Krycie” a „Wypełnieniem” polega na tym, że gdybyśmy obniżyli wartość Krycie do 0%, nie tylko sam typ byłby całkowicie przezroczysty i ukryty przed widokiem, ale wszelkie style warstw, które próbowaliśmy do niego dodać, również byłyby również całkowicie przezroczysty, co oznacza, że ​​nie zobaczylibyśmy niczego bez względu na to, co zrobiliśmy z typem, co oznacza, że ​​cała ta sprawa byłaby bezcelowa, naprawdę. Jednak obniżając wartość wypełnienia do 0%, tekst nadal staje się przezroczysty, ale wszystkie dodawane przez nas style warstw pozostają w pełni widoczne! Kliknij na Style warstw ikonę (ikona, która wygląda jak „f”) na dole palety Warstwy i wybierz Blask zewnętrzny styl warstwy z listy:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Dodaj styl warstwy „Zewnętrzny blask” do warstwy typu Photoshop.

Spowoduje to wyświetlenie okna dialogowego Styl warstwy z ustawieniem opcji Blask zewnętrzny w środkowej kolumnie i już, jeśli spojrzysz na obraz, zobaczysz blask wokół zewnętrznej części tekstu. Ponownie, gdybyśmy obniżyli wartość Krycie do 0%, sam styl warstwy również byłby ukryty, ale ponieważ obniżyliśmy wartość Wypełnienie, tylko tekst staje się przezroczysty, a styl warstwy pozostaje widoczny.

Domyślnie kolor Outer Glow jest żółty, więc zmieńmy go na coś, co lepiej pasuje do naszego wizerunku. W rzeczywistości spróbujmy kolor bezpośrednio z obrazu i użyjmy go jako naszego koloru Outer Glow. Aby to zrobić, kliknij próbka koloru bezpośrednio pod słowem „Hałas”:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Kliknij próbkę koloru, aby zmienić kolor zewnętrznego blasku.

Spowoduje to wyświetlenie Photoshopa Narzędzie do wybierania kolorów ale po prostu zignoruj ​​go lub odsuń go, jeśli to konieczne, ponieważ nie będziemy go używać. Zamiast tego przesuń kursor myszy na obraz, a gdy to zrobisz, zobaczysz, że kursor myszy zmienia się w Kroplomierz Ikona. Kliknij w dowolnym miejscu obrazu, aby pobrać próbkę koloru, który stanie się kolorem Twojego Outer Glow. Gdy tylko klikniesz wewnątrz obrazu, zobaczysz, że zewnętrzna poświata wokół tekstu zmieni się na kolor, który właśnie pobrałeś, więc możesz klikać różne obszary obrazu, aby zobaczyć, jak wygląda ten kolor. Zamierzam próbkować jasnoniebieski z lewego górnego rogu mojego obrazu, a gdy tylko to zrobię, kolor blasku wokół tekstu zmieni się na ten sam jasnoniebieski kolor:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Kliknij wewnątrz obrazu, aby pobrać próbkę koloru do wykorzystania w zewnętrznym blasku.

Po pobraniu próbki koloru do użycia w zewnętrznym blasku kliknij OK w prawym górnym rogu selektora kolorów programu Photoshop, aby go zamknąć i powrócić do opcji Zewnętrzna poświata w środkowej kolumnie okna dialogowego Styl warstwy. Zwiększyć Nieprzezroczystość swojego Outer Glow do 100%, a następnie zwiększ blask Rozmiar do około 20 pikseli :

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Zwiększ krycie zewnętrznego blasku do 100% i zwiększ rozmiar do około 20 pikseli.

Po zakończeniu kliknij przycisk OK, aby wyjść z okna dialogowego Styl warstwy. Oto mój dotychczasowy obraz:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Tekst programu Photoshop po zastosowaniu stylu warstwy Blask zewnętrzny z kolorem pobranym z obrazu.

Moglibyśmy tutaj zakończyć, jeśli chcielibyśmy, ponieważ mamy teraz nasz przezroczysty efekt tekstowy i wygląda on ciekawiej, niż gdybyśmy po prostu obniżyli wartość Opacity warstwy tekstowej, tak jak to zrobiliśmy na początku samouczka, ale przejdźmy dalej.

Krok 6: Ustaw wartość „Wypełnij” z powrotem na 100%

Wróć do prawego górnego rogu palety Warstwy i ustaw wartość wypełnienia warstwy tekstowej z powrotem na pełne 100%:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Ustaw wartość wypełnienia warstwy tekstowej programu Photoshop z powrotem na 100%.

Spowoduje to tymczasowe ponowne wypełnienie tekstu białym kolorem:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Tekst jest teraz ponownie wypełniony jednolitym kolorem białym.

Krok 7: Zmień tryb mieszania warstwy typu na „Nakładka”

Innym sposobem na uczynienie tekstu przezroczystym na obrazku jest zmiana jego tryb mieszania . Domyślnie tryb mieszania warstwy jest ustawiony na „Normalny”, co w zasadzie oznacza „nic specjalnego”. Warstwa tekstowa po prostu tam siedzi i w żaden sposób nie wchodzi w interakcję z obrazem pod nią, ale możemy to zmienić. Przejdź do opcji Tryb mieszania w lewym górnym rogu palety Warstwy, bezpośrednio naprzeciwko opcji Krycie. Kliknij strzałkę skierowaną w dół po prawej stronie słowa „Normalny” i wybierz Narzuta z rozwijanej listy, która się pojawi:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Zmień tryb mieszania warstwy typu Photoshop z „Normalny” na „Nakładka”.

Teraz spójrz na obraz. Tekst znów stał się przezroczysty, ale zbiera też kolory z poniższego obrazka i rozjaśnia wszystko, co daje naprawdę fajny efekt:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Po zmianie trybu mieszania warstwy tekstowej na „Nakładka” tekst staje się ponownie przezroczysty, a obraz pod nim staje się jaśniejszy i bardziej kolorowy.

Jeśli okaże się, że tryb mieszania nakładki jest zbyt intensywny dla twojego obrazu, spróbuj zamiast tego „Miękkie światło”, które daje ten sam, ale znacznie bardziej subtelny efekt.

Znowu moglibyśmy na tym poprzestać, ale zakończmy sprawę, nadając naszemu przezroczystemu typowi nieco więcej definicji.

Krok 8: Dodaj styl warstwy „wewnętrzny blask” do typu

Kliknij ponownie Style warstw ikonę na dole palety Warstwy i tym razem wybierz Wewnętrzny blask z listy:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Dodaj styl warstwy „Inner Glow” do warstwy typu Photoshop.

Po raz kolejny Photoshop wyświetli okno dialogowe Styl warstwy, tym razem ustawione na opcje Inner Glow w środkowej kolumnie. Podobnie jak w przypadku zewnętrznego blasku, spróbujmy kolor z obrazka, aby użyć go w naszym wewnętrznym blasku. Kliknij na próbka koloru bezpośrednio pod słowem „Hałas”:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Kliknij próbkę koloru dla Inner Glow, aby zmienić jego kolor.

Pojawi się selektor kolorów Photoshopa i ponownie go zignorujemy, ponieważ próbkujemy kolor bezpośrednio z obrazu. Przesuń kursor myszy nad obraz, a zobaczysz, że zmienia się on w ikonę Kroplomierza. Kliknij ciemny kolor na obrazku, aby go wypróbować. Chcemy ciemnego koloru, ponieważ zamierzamy zmienić naszą poświatę w cień, więc upewnij się, że próbkujesz kolor, który jest ładny i ciemny. Wypróbuję ciemnoniebieski kolor z mojego obrazu:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Próbkuj ciemny kolor z obrazu, który stanie się wewnętrznym „cieniem”.

Po pobraniu próbki koloru kliknij przycisk OK w prawym górnym rogu Próbnika kolorów, aby wyjść z niego i powrócić do opcji Blask wewnętrzny w oknie dialogowym Styl warstwy. Aby zmienić nasz Wewnętrzny Blask w Wewnętrzny Cień, wystarczy zmienić jego Tryb mieszania u góry opcji od „Ekran” do Zwielokrotniać klikając strzałkę skierowaną w dół po prawej stronie słowa „Ekran” i wybierając z listy „Pomnóż”. Jak tylko zmienisz tryb mieszania, zobaczysz cień pojawiający się tuż wewnątrz krawędzi twoich liter. Obniżyć Nieprzezroczystość wartość cienia do około 40% więc nie jest tak intensywny, a na koniec zwiększ Rozmiar cienia na około 18 pikseli :

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Zmień opcje wewnętrznego blasku (cienia), jak zaznaczono powyżej.

Po zmianie opcji kliknij OK, aby wyjść z okna dialogowego Styl warstwy i gotowe! Tutaj, po dodaniu trochę więcej definicji do mojego transparentnego typu z wewnętrznym blaskiem, jest mój efekt końcowy:

  Adobe Photoshop samouczek Obraz efektów Photoshopa. Wynik końcowy.