Dowiedz się wszystkiego, co musisz wiedzieć, aby zacząć korzystać z efektów warstw i stylów warstw w programie Photoshop CC 2020, w tym zapoznaj się z nowymi ustawieniami stylu warstw, gradientami, wzorami i więcej!

W pierwszym samouczku z mojej serii na temat efektów warstw Photoshopa omawiam wszystko, co musisz wiedzieć, aby dodawać efekty warstw i style warstw w Photoshopie CC 2020! Zaczniemy od poznania różnicy między efektem warstwy a stylem warstwy oraz tego, jak korzystać ze wstępnych ustawień stylu warstwy programu Photoshop, aby dodawać do obrazów natychmiastowe efekty jednym kliknięciem. Przyjrzymy się nowym stylom warstw zawartym w programie Photoshop CC 2020 i pokażę, gdzie znaleźć brakujące style z wcześniejszych wersji Photoshopa.

Następnie dowiesz się, jak dodawać i edytować własne efekty warstw oraz jak w pełni korzystać z niesamowitych nowych gradientów i wzorów programu Photoshop CC 2020. Pokażę nawet, jak dodać wiele kopii efektu do tej samej warstwy, jak skalować efekty warstw, aby dopasować je do obrazu, jak zapisać efekty jako niestandardowe ustawienia stylu warstwy i wiele więcej!

Ten samouczek dotyczy wyłącznie programu Photoshop CC 2020. Zanim zaczniesz, upewnij się, że twoja kopia programu Photoshop CC jest aktualna.

Mamy wiele do omówienia, więc zacznijmy!

Konfigurowanie dokumentu

Jeśli chcesz śledzić, otwórz dowolny obraz, który ma być użyty jako tło, a następnie dodaj tekst powyżej. Tutaj używam tekstury tła, którą pobrałem z Adobe Stock i dodałem słowa „WARSTWA” i „EFEKTY”. W tym samouczku będę pracować z warstwami typów, ale efekty warstw można również zastosować do warstw pikseli i warstw kształtów:

Oryginalny dokument z tekstem przed obrazem tła.

W panelu Warstwy widzimy teksturę na warstwie tła, a każde słowo znajduje się na osobnej warstwie tekstowej:

Panel Warstwy pokazujący trzy warstwy w dokumencie.

Jakie są efekty warstw w Photoshopie?

Efekty warstw to zbiór nieniszczących, edytowalnych efektów, które można zastosować do niemal każdego rodzaju warstwy w Photoshopie. Do wyboru jest 10 różnych efektów warstw, ale można je zgrupować w trzy główne kategorie - Cienie i Blaski, Nakładki i Obrysy . Efekty warstw to efekty na żywo, które łączą się bezpośrednio z warstwą. Jeśli więc wprowadzisz zmiany w zawartości warstwy, wszelkie efekty zastosowane do tej warstwy zostaną natychmiast zaktualizowane.

Jakie są style warstw?

Podczas gdy często słyszysz terminy „efekty warstw” i „style warstw” używane zamiennie, efekty warstw to same efekty indywidualne, takie jak Cień, Obrys, Blask zewnętrzny i tak dalej. Styl warstwy to zbiór dwóch lub więcej efektów warstwy, które współpracują ze sobą, tworząc większy, ogólny wygląd. Style warstw obejmują również wszelkie opcje mieszania zastosowane do warstwy, w tym tryb mieszania warstwy, a także jej bieżące ustawienia Krycie i Wypełnienie Krycie.

Jakie są zalety korzystania z efektów warstw?

Efekty warstw są łatwe w użyciu, w pełni edytowalne i całkowicie nieniszczące . I nie dodają praktycznie nic do ogólnego rozmiaru dokumentu Photoshopa. Podczas gdy efekty warstw są najczęściej używane z czcionkami, mogą być również używane z obrazami i kształtami wektorowymi, aby dodać realizmu lub kreatywności na sposoby, które byłyby trudne, jeśli nie niemożliwe, bez efektów warstw.

Możesz dodać wiele efektów do pojedynczej warstwy, włączać i wyłączać efekty warstw, edytować ich ustawienia i usuwać efekty warstw bez wprowadzania trwałych zmian w obrazie. Możesz nawet dodać efekty warstw do całej grupy warstw, aby zastosować te same efekty do wielu warstw jednocześnie. I możesz łączyć efekty warstw z czcionką, aby tworzyć niesamowite efekty tekstowe, jednocześnie zachowując pełną edytowalność tekstu!

Gdzie znajdę efekty warstw programu Photoshop?

Są dwa główne miejsca, w których znajdziesz listę efektów warstw.

Menu Warstwa

Jednym z nich jest przejście do menu Warstwa na pasku menu i wybranie Stylu warstwy . Następnie zobaczysz listę wszystkich dostępnych efektów warstw, w tym fazowanie i wytłaczanie, obrys, cień wewnętrzny i inne. Aby dodać efekt, wybierz go z listy:

Przejdź do Warstwa> Styl warstwy, aby wybrać efekt warstwy.

Panel Warstwy

Innym i szybszym sposobem dodawania efektów warstw jest kliknięcie ikony FX u dołu panelu Warstwy :

Kliknięcie ikony FX.

A następnie wybierając z tej samej listy efektów warstw, które widzieliśmy na pasku menu:

Dodawanie efektu warstwy z panelu Warstwy.

Dlaczego moje efekty warstw są wyszarzone?

Jeśli efekty w menu Styl warstwy na pasku menu są wyszarzone lub ikona fx w panelu Warstwy jest wyszarzona, najprawdopodobniej wybrano warstwę tła w panelu Warstwy. Photoshop nie pozwala nam dodawać efektów warstw do warstwy tła, głównie dlatego, że efekty warstw działają najlepiej na warstwach zawierających obszary przezroczystości, których warstwa tła nie obsługuje:

Efekty warstw nie są dostępne, gdy warstwa tła jest aktywna.

Przed dodaniem efektów warstw najpierw upewnij się, że wybrano właściwą warstwę:

Zaznaczanie warstwy przed dodaniem efektów warstwy.

Dowiedz się wszystkiego o warstwach z naszym Przewodnikiem do nauki warstw!

Jak korzystać ze wstępnych ustawień stylu warstw w programie Photoshop

Zanim zaczniemy dodawać własne efekty warstw, zobaczmy, jak korzystać ze wstępnych ustawień stylu warstw w Photoshopie. Ustawienie stylu warstwy jest jak gotowy efekt jednym kliknięciem. Wystarczy kliknąć styl warstwy, aby go wybrać, a efekt zostanie natychmiast zastosowany do warstwy. Do wyboru jest wiele gotowych stylów, a Photoshop CC 2020 dodaje jeszcze więcej! Wszystkie znajdują się w panelu Style programu Photoshop.

Jeśli nie widzisz panelu Style na ekranie, możesz go otworzyć, przechodząc do menu Okno na pasku menu i wybierając Style :

Przejście do Okno> Style.

Nowe domyślne style warstw w Photoshop CC 2020

Program Photoshop CC 2020 wprowadza zupełnie nowe domyślne style warstw, a nowe style są pogrupowane w jeden z czterech zestawów - Podstawowy, Naturalny, Futerkowy i Materiałowy . Każdy zestaw ma własny folder w panelu Style, a każdy styl warstwy jest reprezentowany przez miniaturę.

Domyślnie wszystkie cztery foldery są otwarte, a rozmiar miniatury ustawiony na Duży . Aby wyświetlić wszystkie style, musisz przewinąć listę w dół:

Domyślny układ panelu Style w Photoshop CC 2020.

Dostosowywanie panelu Style

Aby wyświetlić więcej stylów warstw jednocześnie, możesz zmienić rozmiar miniaturek. Kliknij ikonę menu w prawym górnym rogu panelu Style:

Otwieranie menu panelu Style.

A następnie wybierz Mała miniatura :

Wybór małego rozmiaru miniatury.

A teraz miniatury wydają się znacznie mniejsze:

Więcej stylów warstw jest teraz widocznych na raz.

Wskazówka! Jak obrócić wszystkie foldery jednocześnie otwarte lub zamknięte

Każdy zestaw w panelu Style można obracać, otwierając lub zamykając, klikając strzałkę po lewej stronie jego ikony folderu. Możesz też obracać wszystkie foldery jednocześnie otwarte lub zamknięte, przytrzymując klawisz Ctrl (Win) / Command (Mac) na klawiaturze, klikając jedną ze strzałek.

Tutaj zamknąłem wszystkie foldery, dzięki czemu łatwo mogę zobaczyć wszystkie cztery nowe zestawy domyślne:

Przytrzymując Ctrl (Win) / Command (Mac), aby zamknąć wszystkie foldery jednocześnie.

Następnie, aby otworzyć tylko potrzebny folder, zwolnij klawisze Ctrl (Win) / Command (Mac) i kliknij strzałkę. Otworzę folder Natural :

Otwieranie pojedynczego folderu poprzez kliknięcie jego strzałki.

Jak zastosować ustawienie wstępne stylu warstwy

Aby zastosować jeden ze stylów warstw w folderze, wystarczy kliknąć jego miniaturę. Wybiorę nowy styl morski :

Kliknięcie stylu warstwy, aby go zastosować.

Styl zostanie natychmiast zastosowany do wybranej warstwy, a tutaj otrzymujemy tego rodzaju ciemny, podwodny efekt:

Wynik po zastosowaniu jednego z gotowych stylów warstw programu Photoshop.

A w panelu Warstwy wszystkie poszczególne efekty warstwy, które składają się na styl, pojawiają się na liście poniżej warstwy. Tak więc ten styl jednowarstwowy jest w rzeczywistości wynikiem (w tym przypadku) siedmiu efektów warstwy pracujących razem:

Styl jednowarstwowy może zawierać efekty wielowarstwowe.

Utwórz efekt malowania natryskowego za pomocą efektów warstw w Photoshopie!

Wybieranie innego stylu warstwy

Aby wybrać inny styl, po prostu kliknij inną miniaturę. Spróbuję innego stylu z zestawu Natural, takiego jak Wood :

Wybieranie innego ustawienia stylu.

Nowy styl warstwy zastępuje poprzedni, a teraz mój tekst jest wypełniony efektem słojów drewna:

Nowe style warstw natychmiast zastępują poprzedni styl.

A efekty tworzące nowy styl pojawiają się poniżej warstwy:

Różne style warstw wykorzystują różne efekty.

Wybieranie stylów warstw z innego zestawu

Zamknę zestaw Natural, klikając strzałkę obok jego folderu. Następnie zakręcę zestaw futra i kliknę styl Zebry :

Wybieranie innego stylu z innego zestawu.

I tym razem mój tekst jest wypełniony paskami zebry:

Kolejny nowy domyślny styl warstwy w Photoshop CC 2020.

I znowu widzimy listę efektów poniżej warstwy:

Efekty, które składają się na styl warstwy Zebry.

Utwórz tekst retro z lat 80-tych z efektami warstw!

Rozwijanie i zwijanie listy efektów warstw

Aby zwolnić miejsce w panelu Warstwy, możesz zwinąć listę efektów warstw, klikając małą strzałkę obok ikony FX po prawej stronie warstwy. Kliknij strzałkę ponownie, aby rozwinąć listę. To nie włącza ani nie wyłącza samych efektów. Jest to po prostu sposób, aby panel Warstwy nie wyglądał na zagracony, szczególnie gdy masz wiele warstw z zastosowanymi efektami:

Kliknij strzałkę, aby rozwinąć lub zwinąć listę efektów.

Jak załadować więcej stylów warstw w Photoshop CC 2020

Na pierwszy rzut oka wygląda na to, że program Photoshop CC 2020 nie zawiera wielu ustawień wstępnych stylu warstwy. A jeśli uaktualniłeś poprzednią wersję Photoshopa, możesz zastanawiać się, co stało się z oryginalnymi gotowymi stylami, które były częścią Photoshopa od lat. Wszystkie predefiniowane style z wcześniejszych wersji są nadal dostępne w CC 2020, a także jeszcze więcej zupełnie nowych stylów. Aby uzyskać do nich dostęp, wystarczy załadować je do panelu Style.

Kliknij ikonę menu panelu Style:

Otwieranie menu panelu Style.

I wybierz Starsze style i więcej :

Wybierając z menu „Starsze style i więcej”.

Dodaje to folder „Starsze style i więcej” poniżej folderów domyślnych:

Pojawi się nowy folder „Legacy Styles and More”.

Obróć folder, aby otworzyć, a znajdziesz w nim jeszcze dwa foldery. Folder Style 2019 zawiera więcej nowych stylów warstw do wypróbowania. A folder Wszystkie starsze domyślne style zawiera wszystkie wstępne ustawienia stylu warstwy z wcześniejszych wersji programu Photoshop:

Zestawy „Style 2019” i „Wszystkie starsze style domyślne”.

Style 2019

Style warstw w folderze Style 2019 są podzielone na różne zestawy, w tym żel, szkło, grunge, chrom, metaliczny i 3D. Przekręcę zestaw Chrome, a następnie wybiorę styl Bling :

Wybór jednego z nowych ustawień predefiniowanych stylu warstwy w folderze Style 2019.

I jak można oczekiwać od czegoś zwanego Bling, otrzymujemy ten błyszczący, przesadny efekt:

Wynik ze stylu warstwy Bling.

A jeśli przekręcę folder 3D i wybiorę styl Duplikaty u dołu:

Wybór stylu z zestawu 3D.

Otrzymujemy ten zupełnie inny efekt, z duplikatami tekstu pojawiającymi się za nim w różnych kolorach:

Wynik ze stylu warstwy Duplikaty.

Starsze style domyślne

Aby użyć dowolnego ze stylów warstw z poprzednich wersji programu Photoshop, obróć i otwórz folder Wszystkie starsze domyślne style, a znajdziesz wszystkie oryginalne style, ponownie podzielone na zestawy.

Wybiorę styl Chromowana satyna z zestawu Starszych domyślnych stylów :

Wybór starszego stylu warstwy.

A teraz otrzymujemy ten klasyczny efekt chromu Photoshopa:

Tradycyjny efekt chromowanej satyny.

Jak włączać i wyłączać efekty warstw

Prostym sposobem na sprawdzenie, w jaki sposób każdy efekt warstwy wpływa na ogólny wygląd stylu, jest włączanie i wyłączanie poszczególnych efektów, co można zrobić, klikając ikonę widoczności (gałka oczna) po lewej stronie ich nazw.

Na przykład, jeśli wyłączę nakładkę gradientu w stylu Chromowanej satyny:

Wyłączanie jednego z efektów w stylu warstwy.

Pomarańczowy i niebieski gradient w literach znika, pozostawiając jedynie efekty cieniowania i cień za tekstem:

Styl warstwy z wyłączoną nakładką gradientu.

Aby ponownie włączyć efekt, kliknij puste miejsce obok nazwy efektu:

Ponowne włączanie nakładki gradientu.

I pojawia się ponownie gradient:

Ten sam styl warstwy z włączoną nakładką gradientu.

Jak przełączać wszystkie efekty warstw jednocześnie

Aby jednocześnie wyłączyć wszystkie efekty warstw, kliknij główną ikonę widoczności obok słowa „Efekty”. Kliknij ponownie, aby ponownie włączyć efekty:

Włączanie i wyłączanie wszystkich efektów warstw.

Jak przenosić i kopiować style warstw

Aby skopiować styl warstwy z jednej warstwy i wkleić go na inną warstwę, kliknij prawym przyciskiem myszy (Win) / Control + Mac (Mac) na ikonie FX na warstwie, która zawiera styl, który chcesz skopiować:

Kliknięcie prawym przyciskiem myszy (Win) / przytrzymanie klawisza Control (Mac) na ikonie „FX”.

I wybierz Kopiuj styl warstwy z menu:

Wybieranie „Kopiuj styl warstwy”.

Następnie kliknij prawym przyciskiem myszy (Win) / kliknij przytrzymując klawisz Control (Mac) na warstwie, do której chcesz wkleić styl:

Kliknięcie prawym / klawiszem Control na innej warstwie.

I wybierz Wklej styl warstwy :

Wybieranie „Wklej styl warstwy”.

A teraz ten sam styl warstwy jest stosowany do obu warstw:

Wynik po skopiowaniu i wklejeniu stylu warstwy.

Jak wyczyścić styl warstwy

Aby usunąć styl warstwy, wyczyść go, klikając prawym przyciskiem myszy (Win) / przytrzymując klawisz Control (Mac) ikonę fx warstwy:

Kliknięcie prawym przyciskiem myszy (Win) / przytrzymanie klawisza Control (Mac) na ikonie „FX”.

I wybierając Clear Layer Style :

Wybieranie „Wyczyść styl warstwy”.

A teraz wracam do efektów zastosowanych tylko do górnej warstwy tekstowej:

Styl warstwy został usunięty z dolnego tekstu.

Jak przenieść efekty warstw na inną warstwę

Jeśli chcesz tylko przenieść efekty na inną warstwę, kliknij ikonę FX na warstwie zawierającej efekty, przeciągnij ją na drugą warstwę, a następnie zwolnij przycisk myszy:

Przeciąganie ikony „FX” z jednej warstwy na drugą.

Efekty są natychmiast przenoszone z oryginalnej warstwy na nową warstwę:

Efekty zostały przeniesione z górnej warstwy tekstu na dół.

Naucz się 5 prostych sposobów przenoszenia zdjęć między dokumentami Photoshopa!

Szybszy sposób kopiowania efektów warstw

A jeśli naciśniesz i przytrzymasz klawisz Alt (Win) / Option (Mac) na klawiaturze podczas przeciągania ikony FX :

Przytrzymując Alt (Win) / Option (Mac), przeciągając ikonę „FX”.

Skopiujesz efekty zamiast przenosić je z jednej warstwy na drugą. Więcej na temat kopiowania efektów warstw omówię w moim samouczku Jak skopiować efekty warstw:

Efekty są ponownie stosowane do obu warstw tekstu.

Jak edytować efekt w stylu warstwy

Zauważ, że po skopiowaniu tego samego stylu warstwy Chrome na obie warstwy tekstowe gradient wygląda dokładnie tak samo na obu literach, od pomarańczowego u dołu do niebieskiego u góry. Co jeśli chciałbym odwrócić gradient na dolnym tekście? Za chwilę przyjrzymy się, jak bardziej szczegółowo dodawać i edytować efekty warstw. Aby edytować ustawienia dowolnego efektu w stylu warstwy, kliknij dwukrotnie nazwę efektu poniżej warstwy.

Na przykład chcę edytować gradient, więc kliknę dwukrotnie efekt Nakładki gradientu :

Podwójne kliknięcie na efekt, który chcę edytować.

Program Photoshop otwiera okno dialogowe Styl warstwy, a na środku okna dialogowego znajdują się ustawienia efektu:

Zostanie otwarte okno dialogowe Styl warstwy z ustawieniami efektu warstwy.

Aby przerzucić kolory w gradiencie, wystarczy wybrać opcję Odwróć . Następnie kliknę przycisk OK, aby zamknąć okno dialogowe:

Wybierz Odwróć, aby odwrócić kolory gradientu.

A teraz kolory gradientu w dolnym tekście są odwrócone:

Efekt po odwróceniu kolorów w nakładce gradientowej.

Jak usunąć style warstw z wielu warstw jednocześnie

Wcześniej nauczyliśmy się, jak usuwać styl warstwy z pojedynczej warstwy. Aby usunąć style z dwóch lub więcej warstw jednocześnie, kliknij jedną warstwę, wybierz ją, a następnie przytrzymaj klawisz Ctrl (Win) / Command (Mac) i kliknij pozostałe warstwy, aby je wybrać:

Zaznaczanie dwóch warstw jednocześnie w panelu Warstwy.

Następnie kliknij prawym przyciskiem myszy (Win) / kliknij przytrzymując klawisz Control (Mac) na dowolnej z wybranych warstw i wybierz z menu opcję Wyczyść styl warstwy :

Wybieranie polecenia „Wyczyść styl warstwy”.

A teraz wracam do moich zwykłych białych liter na niebieskim tle:

Wynik po usunięciu stylów warstw z obu warstw typów.

Jak skalować efekty warstw w Photoshopie

Czasami zastosujesz styl warstwy, a efekt będzie wyglądał, jakby był za duży lub za mały dla zawartości twojej warstwy. Jest tak, ponieważ wynik uzyskiwany z efektów warstwowych zależy w dużej mierze od rozmiaru obrazu. Większe obrazy często wymagają innych ustawień niż mniejsze obrazy, aby uzyskać ten sam wygląd. Możesz jednak rozwiązać wszelkie problemy z rozmiarem, skalując efekty do dowolnych potrzebnych rozmiarów.

Na przykład w panelu Warstwy wybiorę moją górną warstwę tekstową:

Wybieranie górnej warstwy w panelu Warstwy.

A potem w panelu Style otworzę zestaw KS Style (znajdujący się w folderze Wszystkie starsze domyślne style) i wybiorę styl Frosted :

Wybór stylu warstwy Matowe.

To natychmiast nadaje tekstowi zamrożony, lodowaty wygląd. Ale chociaż jest to fajny efekt (zamierzony gra słów), wygląda również nieco przytłaczająco, jakby efekt był zbyt duży dla rozmiaru liter:

Wynik po zastosowaniu stylu warstwy Matowe.

Aby to naprawić, możemy skalować efekty. Jednym ze sposobów skalowania efektów warstw jest przejście do menu Warstwa na pasku menu, wybranie Stylu warstwy, a następnie wybranie Skaluj efekty :

Przejście do Warstwa> Styl warstwy> Efekty skali.

Drugim jest kliknięcie prawym przyciskiem myszy (Win) / Control + Mac (ikona Mac) ikony fx warstwy:

Kliknięcie prawym przyciskiem myszy / przytrzymanie klawisza Control „ikona”

I wybierając Skaluj efekty z menu:

Wybierz „Skaluj efekty” z menu „FX”.

Następnie w oknie dialogowym Skaluj efekty warstw dostosuj wartość Skaluj do potrzebnej ilości. Obniżę kopalnię ze 100% do 60%. Upewnij się, że pole Podgląd jest zaznaczone, aby można było wyświetlić podgląd wyników podczas dostosowywania wartości. Po zakończeniu kliknij przycisk OK, aby zamknąć okno dialogowe:

Dostosowywanie kwoty skali.

A oto wynik z tym samym stylem Frosted skalowanym do 60% jego pierwotnego rozmiaru. Zauważ, że rozmiar samego tekstu nie zmienił się. Zmieniono tylko efekty zastosowane do tekstu:

Wynik po skalowaniu efektów.

Jak zmieniać rozmiar zdjęć bez utraty jakości dzięki Smart Objects!

Style warstw mogą obejmować nie tylko efekty

Zanim przejdziemy dalej, zauważ w panelu Warstwy, że wraz z efektami ten styl warstwy obniżył również wartość wypełnienia warstwy ze 100% do 56%:

Styl warstwy również zmienił wartość wypełnienia warstwy.

Za chwilę przyjrzymy się, co oznacza wartość wypełnienia. Ale styl warstwy może obejmować nie tylko efekty, ale także Opcje mieszania warstwy, które obejmują wartości Krycie i Wypełnienie wraz z trybem mieszania warstwy:

Wartości trybu mieszania, krycia i wypełnienia mogą być częścią stylu warstwy.

Jeszcze jeden sposób na wyczyszczenie stylu warstwy

A oto jeszcze jeden sposób na wyczyszczenie stylu warstwy w Photoshop CC 2020. Upewnij się, że w panelu Warstwy wybrano właściwą warstwę. Następnie w panelu Style otwórz folder Podstawy i wybierz domyślny styl, czyli Brak . To biała miniatura z czerwoną ukośną linią:

Wybranie „Brak” z folderu Basics.

Po wyczyszczeniu stylu znów wracam do zwykłego białego tekstu. I to są podstawy korzystania ze wstępnych stylów warstw w Photoshopie!

Wynik po ustawieniu stylu warstwy na „Brak”.

Jak dodawać efekty warstw w Photoshopie

Teraz, gdy wiemy, jak używać ustawień wstępnych stylu warstwy w Photoshopie, nauczmy się, jak dodawać własne efekty poszczególnych warstw. Nie omówimy każdego efektu warstwy i każdego ustawienia, ale dobrze zrozumiesz, jak działają efekty warstw. Omówię konkretne efekty bardziej szczegółowo w innych samouczkach z tej serii.

Wybór efektu warstwy

Najpierw w panelu Warstwy wybierz warstwę, na której chcesz zastosować jeden lub więcej efektów. Wybiorę moją górną warstwę tekstową:

Wybieranie górnej warstwy tekstowej.

Następnie kliknij ikonę Efekty warstw (ikona efektów ):

Kliknięcie ikony „FX”.

I wybierz efekt warstwy z listy. Zacznę od Drop Shadow :

Dodawanie efektu warstwy Cienia.

Okno dialogowe Styl warstwy programu Photoshop

Wybranie dowolnego efektu powoduje otwarcie okna dialogowego Styl warstwy . A ponieważ wybrałem Drop Shadow, okno dialogowe otwiera się do ustawień Drop Shadow, dzięki czemu mogę dostosować wygląd efektu:

Okno dialogowe Styl warstwy pokazujące ustawienia dla wybranego efektu warstwy.

Przywracanie domyślnych ustawień efektu warstwy

Okno dialogowe Styl warstwy zapamiętuje ostatnio zastosowane ustawienia. Dlatego zanim zaczniesz dostosowywać efekt, zwykle warto przywrócić ustawienia domyślne, klikając przycisk Resetuj do domyślnych :

Okno dialogowe Styl warstwy w Photoshopie.

Jak dostosować efekt warstwy

Następnie możesz dostosować ustawienia efektu, aby uzyskać pożądany wygląd. Każdy efekt warstwy ma swoje własne ustawienia unikalne dla tego konkretnego efektu.

Na przykład za pomocą opcji Cień możesz przeciągnąć suwak Krycie, aby dostosować intensywność cienia. Możesz zmienić tryb mieszania efektu (chociaż Mnożenie zwykle działa najlepiej w przypadku cieni). Możesz kliknąć próbkę koloru, aby wybrać inny kolor cienia. Czarny jest domyślnym kolorem cienia, ale czasem inny kolor działa lepiej:

Ustawienia Krycia, Trybu Mieszania i Kolorów Cienia.

Opcja Kąt pozwala dostosować kierunek źródła światła, a cień pojawi się w przeciwnym kierunku. Więc jeśli światło pochodzi z lewego górnego rogu, cień pojawi się w prawym dolnym rogu. Możesz zmienić kąt, klikając i przeciągając wewnątrz tarczy promieniowej lub wprowadzając określoną wartość:

Użyj opcji Kąt, aby dostosować źródło światła cienia.

Użyj Global Light

Opcja Użyj globalnego światła pozwala wszystkim efektom warstwy, które wymagają źródła światła, współdzielić to samo źródło światła, dzięki czemu oświetlenie będzie wyglądało jednolicie przez cały efekt. Znajdziesz tę opcję nie tylko w ustawieniach Drop Shadow, ale także w ustawieniach Bevel & Emboss i Inner Shadow. W większości przypadków warto pozostawić opcję Użyj globalnego światła, która jest domyślnie włączona:

„Użyj globalnego światła” utrzymuje źródło światła spójne z różnymi efektami.

Wartość Odległości kontroluje odległość cienia od zawartości warstwy. Na przykład podczas nakładania cienia na warstwę tekstową Odległość określa, jak daleko cień wystaje od liter.

A wartość Rozmiar kontroluje ogólny rozmiar cienia. Gdy wartość Spread jest ustawiona na 0%, zwiększenie wartości Rozmiar powoduje zmiękczenie krawędzi cienia. A zwiększenie wartości Spread wypełnia cień i czyni go bardziej nieprzejrzystym:

Opcje odległości, rozrzutu i rozmiaru.

Zwiększę krycie cienia do 40%, odległość do 90 pikseli, a rozmiar do 40 pikseli :

Dostosowywanie ustawień Drop Shadow.

Jak zaakceptować ustawienia

Jeśli jesteś zadowolony z ustawień i jest to jedyny efekt warstwy, który musisz zastosować, kliknij OK, aby zaakceptować ustawienia i zamknąć okno dialogowe Styl warstwy:

Kliknięcie OK, aby zamknąć okno dialogowe.

Twórz edytowalny zamazany tekst za pomocą Drop Shadows!

Jak edytować efekt warstwy

W dokumencie cień pojawia się za literami w słowie „WARSTWA”:

Wynik po dodaniu Cienia do słowa „WARSTWA”.

A w panelu Warstwy Cień jest teraz wyświetlany jako efekt poniżej warstwy. Aby edytować efekt warstwy, kliknij dwukrotnie nazwę efektu:

Podwójne kliknięcie na słowa „Drop Shadow”.

Program Photoshop ponownie otworzy okno dialogowe Styl warstwy do bieżących ustawień efektu, dzięki czemu możesz wprowadzić wszelkie potrzebne zmiany. Efekty warstw są całkowicie nieniszczące, więc nie stracisz jakości obrazu bez względu na liczbę wprowadzonych zmian.

Zwiększę Krycie cienia do 50% i zwiększę Odległość do 100 pikseli . Ale nie zamknę jeszcze okna dialogowego Styl warstwy, ponieważ mam inne efekty warstw, które chcę dodać:

Edycja ustawień Drop Shadow.

Po edycji efektu cień jest teraz bardziej widoczny za literami:

Wynik po edycji ustawień Drop Shadow.

Dodawanie kolejnych efektów w oknie dialogowym Styl warstwy

Wiemy, że możemy dodawać efekty warstw, klikając ikonę fx w panelu Warstwy. Ale jeśli okno dialogowe Styl warstwy jest otwarte, możesz dodać więcej efektów, wybierając je z kolumny po lewej stronie:

Lista efektów w oknie dialogowym Styl warstwy.

Jak pokazać brakujące efekty

Jeśli na liście brakuje niektórych efektów warstwy, kliknij przycisk FX w lewym dolnym rogu okna dialogowego:

Kliknięcie przycisku „FX”.

I wybierz Pokaż wszystkie efekty :

Wybierz „Pokaż wszystkie efekty” z menu.

Kategorie efektów warstw

Jak wspomniałem wcześniej, efekty warstw programu Photoshop można podzielić na trzy główne kategorie. Mamy efekty Cienia i Blasku, które obejmują Fazę i Tłoczenie, Cień Wewnętrzny, Blask Wewnętrzny, Satynę, Blask Zewnętrzny i Cień. Zauważ, że Kontur i Tekstura wymienione poniżej Faza i Tłoczenie są częścią efektu Fazowania i Tłoczenia, dlatego są wcięte w prawo:

Efekty warstwy Cienie i poświaty.

Mamy również efekty nakładki (nakładka koloru, nakładka gradientu i nakładka wzoru):

Efekty warstwy nakładki.

I mamy obrys, który dodaje kontur lub obramowanie wokół zawartości warstwy:

Efekt warstwy obrysu.

Kolejność nakładania warstw w programie Photoshop

Zwróć uwagę na kolejność wyświetlania efektów warstw. W najnowszych wersjach programu Photoshop efekty warstw są teraz wyświetlane w kolejności ich stosowania, od dołu do góry. Tak więc cień jest zawsze stosowany jako pierwszy, a następnie nad nim będzie nakładana zewnętrzna poświata. Kolejne byłyby efekty nakładki (Wzór, następnie Gradient, a następnie Kolor), a następnie Satyna, Blask wewnętrzny, Cień wewnętrzny, a następnie Obrys. Efekt Bevel & Emboss jest zawsze stosowany jako ostatni, oprócz wszystkich innych efektów, które zastosowaliśmy.

Ponadto Drop Shadow i Outer Glow to jedyne dwa efekty warstw, które pojawiają się poniżej zawartości warstwy. Każdy inny efekt pojawia się nad zawartością. Znajomość kolejności nakładania efektów warstw może wydawać się trywialna, ale może pomóc ci zrozumieć, dlaczego twoje efekty nie dają oczekiwanych rezultatów:

Efekty warstw są zawsze stosowane w kolejności od dołu do góry.

Dodanie efektu drugiej warstwy

Aby dodać kolejny efekt warstwy, kliknij jego nazwę na liście. Dodam obrys :

Dodawanie efektu warstwy obrysu.

Dostosowywanie efektu Obrysu

W ustawieniach obrysu jeszcze raz zacznę od kliknięcia przycisku Resetuj do domyślnych, aby przywrócić wartości domyślne:

Resetowanie domyślnych ustawień obrysu.

Następnie zmienię kolor obrysu, klikając próbkę koloru :

Kliknięcie próbki koloru obrysu.

A w Próbniku kolorów wybiorę odcień pomarańczy, ustawiając wartość Barwa ( H ) na 25, wartość Nasycenie ( S ) na 100, a wartość Jasność ( B ) również na 100 . Następnie kliknę przycisk OK, aby zamknąć Próbnik kolorów:

Wybieranie nowego koloru dla obrysu.

Opcja Położenie pozwala wyrównać obrys do wewnętrznej lub zewnętrznej krawędzi zawartości warstwy. Lub możesz wyśrodkować obrys wzdłuż krawędzi. Wybiorę Outside. Opcja Rozmiar to miejsce, w którym ustawiamy szerokość lub grubość obrysu. Zwiększę rozmiar do 20 pikseli :

Ustawianie rozmiaru i położenia obrysu.

Znowu pozostawię okno dialogowe Styl warstwy otwarte. A oto efekt z pomarańczowym obrysem i cieniem zastosowanym do górnego tekstu:

Wynik po zastosowaniu obrysu i cienia.

Jak stworzyć złoty tekst z efektami warstw!

Opcje mieszania

Oprócz wybierania i edytowania efektów okno dialogowe Styl warstwy daje nam również dostęp do opcji mieszania warstwy. Kliknij kategorię Opcje mieszania nad efektami w lewej kolumnie:

Otwieranie opcji mieszania.

Stąd możemy uzyskać dostęp do tych samych ustawień trybu mieszania, krycia i wypełnienia, które znajdują się w panelu Warstwy. Mamy też kilka opcji zaawansowanego mieszania, które omówimy w innych samouczkach:

Możesz zmienić tryb mieszania, krycie lub wypełnienie w oknie dialogowym Styl warstwy.

Jak ukryć zawartość warstwy i wyświetlić tylko efekty

Świetną sztuczką, którą możemy zrobić z opcjami mieszania, jest to, że możemy ukryć rzeczywistą zawartość warstwy i wyświetlić tylko same efekty warstwy. Możesz to zrobić w oknie dialogowym Styl warstwy lub w panelu Warstwy.

Jeśli obniżę wartość Krycia ze 100% aż do 0% :

Obniżenie wartości Krycie do 0 procent.

Zarówno tekst, jak i efekty warstw zastosowane do tekstu znikają:

Obniżenie Krycia sprawiło, że warstwa i efekty warstwy były przezroczyste.

Ale jeśli ustawię Krycie z powrotem na 100%, a następnie obniżę wartość Wypełnienia (lub Wypełnij Krycie w oknie dialogowym Styl warstwy) do 0% :

Obniżenie wartości Krycie wypełnienia do 0 procent.

Tym razem sam tekst znika, ale efekty warstw pozostają widoczne, co pozwala nam widzieć litery na niebieskim tle tła za nimi. Tak więc wartość Krycie wpływa na przezroczystość zarówno zawartości warstwy, jak i wszelkich efektów warstwy, a wartość Wypełnienie wpływa na przezroczystość samej zawartości warstwy. Zapoznaj się z moim samouczkiem Warstwy krycia kontra wypełnienie, aby dowiedzieć się więcej:

Wynik po obniżeniu wartości wypełnienia do 0 procent.

Mieszaj tekst w chmury dzięki zaawansowanym opcjom mieszania programu Photoshop!

Zamykanie okna dialogowego Styl warstwy

Na razie zamknę okno dialogowe Styl warstwy, klikając OK:

Kliknięcie OK, aby zamknąć okno dialogowe.

A w panelu Warstwy widzimy obrys i upuszczony cień wymienione jako efekty pod warstwą. Zauważ, że wartość Wypełnienia jest również ustawiona na 0%, ponieważ obniżyłem ją w oknie dialogowym Styl warstwy:

Panel Warstwy pokazujący dwa efekty warstw plus nową wartość Wypełnienie.

Nowe gradienty i wzory w Photoshop CC 2020

Oprócz nowych stylów warstw program Photoshop CC 2020 zawiera także nowe gradienty i wzory, które można stosować jako efekty warstw. Aby jednak uzyskać dostęp do wszystkich gradientów i wzorów, musimy najpierw odwiedzić panele Gradienty i wzory, które są również nowe w CC 2020.

Jak załadować więcej wzorów

Najpierw przejdź do panelu Wzory . Znajdziesz go zagnieżdżony z panelami Kolor i Próbki. Podobnie jak w panelu Style nowe wzory są podzielone na zestawy, które można obracać w pozycji otwartej i zamkniętej. Ale domyślnie do wyboru jest tylko kilka zestawów wzorów (drzewa, trawa i woda).

Aby załadować więcej wzorów, kliknij ikonę menu panelu Wzory:

Kliknij ikonę menu panelu Wzory.

I wybierz Starsze wzory i więcej :

Wybieranie „Starszych wzorów i więcej”.

Nowy folder o nazwie „Starsze wzory i więcej” pojawi się poniżej domyślnych zestawów wzorów. A jeśli otworzysz folder, znajdziesz w nim jeszcze dwa foldery. Jeden zawiera więcej nowych wzorów z 2019 roku, a drugi zawiera wszystkie oryginalne wzory z wcześniejszych wersji Photoshopa. Wszystkie te wzory będą teraz dostępne w oknie dialogowym Styl warstwy:

Wszystkie wzory Photoshopa są już dostępne.

Jak załadować więcej gradientów

Następnie przejdź do nowego panelu Gradienty, zagnieżdżonego obok panelu Wzory. Tutaj znajdziesz wiele nowych gradientów do wyboru w CC 2020, ponownie podzielonych na zestawy.

Ale jeśli chcesz również uzyskać dostęp do poprzednich gradientów z wcześniejszych wersji programu Photoshop, kliknij ikonę menu panelu Gradienty:

Kliknij ikonę menu panelu Gradienty.

I wybierz Starsze gradienty :

Ładowanie starszych gradientów w Photoshop CC 2020.

Folder „Starsze gradienty” pojawi się poniżej domyślnych gradientów i będą one teraz dostępne w oknie dialogowym Styl warstwy:

Starsze gradienty zostały załadowane.

Dodawanie efektu nakładki wzoru

Gradienty i wzory można nakładać na warstwy jako efekty nakładki. Aby dodać wzór, kliknij ikonę fx na dole panelu Warstwy:

Kliknij ikonę Efekty warstw.

I wybierz nakładkę wzoru :

Dodawanie efektu nakładki wzoru.

W oknie dialogowym Styl warstwy kliknij próbkę wzoru :

Kliknięcie próbki w ustawieniach nakładki wzoru.

Następnie przewiń zestawy, aby wybrać wzór. Otworzę folder Starsze wzory i więcej, następnie folder Wzory 2019, a następnie folder Kamienny i wybiorę wzór Kamienny marmur, klikając jego miniaturę. Pamiętaj, że w razie potrzeby możesz przeciągnąć okno wyboru wzoru:

Wybór jednego z nowych wzorów w Photoshop CC 2020.

A teraz mój tekst jest wypełniony marmurowym wzorem:

Wynik po zastosowaniu nakładki wzoru do tekstu.

Dodawanie efektu nakładki gradientowej

Aby dodać gradient, przy wciąż otwartym oknie dialogowym Styl warstwy, wybierz opcję Nakładka gradientu z lewej kolumny:

Dodawanie efektu nakładki gradientowej.

A następnie kliknij małą strzałkę obok próbki gradientu. Nie klikaj samej próbki, bo otworzy się edytor gradientów Photoshopa. Chcemy tylko wybierać spośród predefiniowanych ustawień gradientu, więc zamiast tego kliknij strzałkę:

Kliknięcie strzałki obok próbki gradientu.

Then scroll through the sets to choose a gradient. I'll twirl open the Oranges folder and I'll select the Orange 10 gradient by clicking its thumbnail:

Selecting one of the new gradients in Photoshop CC 2020.

And here's my text with the gradient applied. But notice that the gradient is blocking the pattern from view. That's because gradients are always applied above patterns, as we learned earlier when we looked at the layer effect stacking order:

The gradient is currently blocking the pattern below it.

Changing a layer effect's blend mode

To blend the gradient in with the pattern, go up to the Blend Mode option in the Gradient Overlay settings and choose a new blend mode from the list. I'll choose Linear Burn :

Setting the Gradient Overlay effect to Linear Burn.

And now the colors from the gradient are blending in with the pattern below it:

The Gradient Overlay now blends with the Pattern Overlay effect.

Get my Layer Blend Modes Complete Guide when you download this tutorial as a PDF!

How to add multiple copies of the same layer effect

If you look at the effects along the left of the Layer Style dialog box, you'll notice that some effects ( Stroke, Inner Shadow, Color Overlay, Gradient Overlay, and Drop Shadow ) each have a plus sign on the right. The plus sign means that we can add multiple copies of the effect to the same layer:

Photoshop lets us add multiple copies of certain effects.

Editing the first Stroke effect

Let's look at how to add a second stroke. But first, I want to change the color of my existing stroke, so I'll reselect Stroke from the list:

Reselecting the current Stroke layer effect.

Then I'll click on the stroke's color swatch :

Changing the color of the first stroke.

And in the Color Picker, I'll choose white :

Wybieranie bieli z Próbnika kolorów.

I'll leave the Position of this stroke set to Outside :

Leaving the stroke's Position set to Outside.

And here we see the text with the stroke color changed to white:

The result after changing the Stroke color.

Adding a second Stroke effect

To add a second stroke to the same layer, click the plus sign :

Clicking the plus sign to add another stroke.

Photoshop adds the new Stroke effect above the first one, which means that it's sitting above the original stroke in the document:

A second stroke is added.

Editing the second stroke

At the moment, both strokes are exactly the same. So for my second stroke, I'll change its color to black by clicking the color swatch :

Clicking the color swatch for the second Stroke.

And choosing black from the Color Picker:

Setting the new Stroke to black.

But notice that the new stroke is now blocking the original one from view. Instead of seeing a white stroke and a black stroke around the text, all we're seeing is black:

The black stroke appears, but the white stroke is now missing.

The reason is that both strokes have their Position set to Outside, which means they are both aligned to the outside edges of the letters. And since both strokes are the same size (20px), the second one is blocking the first one from view.

To fix that, I'll change the Position of the second stroke to Inside so that it aligns to the inside edges of the letters. And I'll lower the stroke's Size from 20px down to 10px :

Changing the second stroke's Position to Inside and lowering its size.

And now, we have a white 20px stroke around the outside of the text, and a black 10px stroke along the inside. You can add up to 10 strokes to the same layer:

Both strokes are now visible around the letters.

Saving your effects as a custom layer style preset

Finally, to save your layer effects as a new style preset, click the New Style button on the right of the Layer Style dialog box:

Clicking the "New Style" button.

And then give your preset a name. I'll name mine "2 Strokes + Orange + Marble ". Make sure Include Layer Effects is checked, and if you've used any custom blend settings, check Include Layer Blending Options as well. You can also add the new style to your Creative Cloud library:

Saving the new layer style preset.

Click OK to close the New Style dialog box, and then click OK to close the Layer Style dialog box.

Switch over to your Styles panel, and you'll find a thumbnail for your new style below the folders:

The new style appears in the Styles panel.

Creating your own layer styles folder

To keep the Styles panel organized, add your custom styles to a separate folder. Click the Create New Group icon at the bottom of the Styles panel:

Clicking the "Create New Group" icon.

And then give the group a name, like "My Styles". Click OK to accept it:

Naming the new group.

The new folder appears below the others. Click on your layer style's thumbnail and drag it into the folder:

Dragging the custom style into the "My Styles" folder.

How to apply your custom layer style

To apply any of your custom styles to a layer, first select the layer in the Layers panel:

Selecting the layer where the custom style will be applied.

Then in the Styles panel, just click on the style's thumbnail:

Selecting the custom style.

And the entire effect is instantly applied to the layer:

The result after applying the custom style to the second type layer.

Mamy to! That's everything you need to know to start using layer effects and layer styles in Photoshop CC 2020! Zapoznaj się z naszą sekcją Podstawy programu Photoshop, aby uzyskać więcej samouczków. I nie zapomnij, wszystkie nasze samouczki Photoshopa można pobrać w formacie PDF!

Kategoria:

Podstawy Photoshopa