September 03,2021 Post by : Pamela Klityńska
Maski przycinające w Photoshopie
W tym samouczku pokażę, jak używać masek przycinających w Photoshopie, aby wyświetlać i ukrywać różne części warstwy oraz dopasowywać obrazy do kształtów! Nauczymy się podstaw tworzenia masek przycinających i bardziej szczegółowo omówimy kryjącą się za nimi ideę, aby pod koniec tej lekcji mieć solidne pojęcie o działaniu masek przycinających. Będę używał Photoshopa CC, ale wszystko jest w pełni kompatybilne z Photoshop CS6 i wcześniejszymi. Zacznijmy!
Co to są maski przycinające?
Maski przycinające w programie Photoshop to potężny sposób kontrolowania widoczności warstwy. W tym sensie maski przycinające są podobne do masek warstw. Ale chociaż efekt końcowy może wyglądać tak samo, maski przycinające i maski warstw są bardzo różne. Maska warstwy używa czerni i bieli do pokazywania i ukrywania różnych części warstwy. Jednak maska przycinająca wykorzystuje zawartość i przezroczystość jednej warstwy do kontrolowania widoczności innej.
Aby stworzyć maskę przycinającą, potrzebujemy dwóch warstw. Warstwa na dole kontroluje widoczność warstwy nad nią. Innymi słowy, dolna warstwa to maska, a warstwa nad nią to warstwa, która jest przycinana do maski.
Tam, gdzie dolna warstwa zawiera rzeczywistą zawartość (piksele, kształty lub tekst), zawartość warstwy nad nią jest widoczna. Ale jeśli jakakolwiek część warstwy na dole jest przezroczysta, to ten sam obszar na warstwie nad nią zostanie ukryty. To może wydawać się bardziej mylące niż sposób działania maski warstwy, ale maski przycinające są równie łatwe w użyciu. Stwórzmy sami maskę przycinającą, abyśmy mogli lepiej zrozumieć, jak działają.
Pobierz ten samouczek jako gotowy do druku plik PDF!
Jak działa maska przycinająca
Aby naprawdę zrozumieć maski przycinające, najpierw musimy zrozumieć różnicę między zawartością a przezroczystością na warstwie. Aby podążać za mną, możesz otworzyć dowolny obraz. Wykorzystam tutaj zdjęcie mojej małej przyjaciółki, która na swój własny sposób próbuje zrozumieć, o co chodzi w tych wycinankach (zdjęcie z Adobe Stock):
Oryginalny obraz. Źródło zdjęcia: Adobe Stock.
Warstwa maski i przycięta warstwa
Jeśli spojrzymy w panel Warstwy, zobaczymy zdjęcie na warstwie Tło, która jest obecnie jedyną warstwą w dokumencie:
Panel Warstwy pokazujący zdjęcie na warstwie Tło.
Potrzebujemy dwóch warstw, aby utworzyć maskę przycinającą, jedną, która będzie służyć jako maska, a drugą, która zostanie przycięta do maski, więc dodajmy drugą warstwę. Dodamy nową warstwę pod obrazem. Najpierw odblokuj warstwę tła. W programie Photoshop CC kliknij ikonę kłódki, aby ją odblokować. W programie Photoshop CS6 lub starszym naciśnij i przytrzymaj klawisz Alt (Win) / Opcja (Mac) na klawiaturze i kliknij dwukrotnie warstwę tła:
Odblokowanie warstwy tła.
To odblokuje warstwę tła i zmieni jej nazwę na „Warstwa 0”:
Odblokowanie warstwy Tło pozwala nam dodać pod nią nową warstwę.
Następnie, aby dodać nową warstwę pod obrazem, naciśnij i przytrzymaj klawisz Ctrl (Win) / Command (Mac) na klawiaturze i kliknij ikonę Dodaj nową warstwę:
Dodanie nowej warstwy pod obrazem.
Pod zdjęciem pojawi się nowa warstwa o nazwie „Warstwa 1”, aw dokumencie mamy teraz dwie warstwy. Zamienimy dolną warstwę w maskę, a obraz nad nią zostanie przycięty do maski:
Dodano drugą warstwę potrzebną do maski przycinającej.
Zrozumienie masek przycinających: treść a przezroczystość
Na razie ukryj oryginalny obraz, klikając ikonę widoczności górnej warstwy:
Kliknięcie ikony widoczności, aby ukryć zdjęcie.
Gdy górna warstwa jest wyłączona, widzimy warstwę, którą właśnie dodaliśmy. Domyślnie nowe warstwy w programie Photoshop są puste, co oznacza, że w ogóle nie zawierają treści. Warstwa bez zawartości jest przezroczysta i widzimy ją na wylot. Gdy pod warstwą przezroczystą nie ma innych warstw, program Photoshop wyświetla przezroczystość jako wzór szachownicy, jak widzimy tutaj:
Wzór szachownicy oznacza, że dolna warstwa jest przezroczysta.
Włącz ponownie górną warstwę, klikając ponownie ikonę widoczności:
Kliknięcie tej samej ikony widoczności.
Górna warstwa zawiera rzeczywistą zawartość. W tym przypadku jest to zawartość oparta na pikselach, ponieważ patrzymy na zdjęcie cyfrowe, ale w Photoshopie zawartość może być również kształtem wektorowym, a nawet tekstem. Tak naprawdę wszystko, co nie jest przezroczystością, jest uważane za treść:
Górna warstwa zawiera rzeczywistą zawartość.
Jak stworzyć maskę przycinającą w Photoshopie
Maski przycinające wykorzystują zawartość i przezroczystość warstwy poniżej do kontrolowania widoczności warstwy powyżej. Stwórzmy maskę przycinającą za pomocą naszych dwóch warstw i zobaczmy, co się stanie.
Krok 1: Wybierz warstwę, która zostanie przycięta
Tworząc maskę przycinającą, najpierw musimy wybrać warstwę, która ma zostać przycięta, do warstwy znajdującej się pod nią. W takim przypadku górna warstwa („Warstwa 0”) zostanie przycięta do dolnej warstwy („Warstwa 1”), więc upewnij się, że wybrana jest górna warstwa:
Wybór górnej warstwy.
Krok 2: Wybierz „Utwórz maskę przycinającą”
Aby utworzyć maskę przycinającą, przejdź do menu Warstwa na pasku menu i wybierz Utwórz maskę przycinającą:
Przejdź do Warstwa> Utwórz maskę przycinającą.
I to wszystko! Po utworzeniu maski warstwy panel Warstwy pokazuje teraz górną warstwę („Warstwa 0”) wciętą po prawej stronie, z małą strzałką skierowaną w dół na „Warstwa 1” poniżej. W ten sposób Photoshop mówi nam, że górna warstwa jest teraz przycinana do warstwy poniżej:
Panel Warstwy pokazujący górną warstwę przyciętą do dolnej warstwy.
Ale problem polega na tym, że do tej pory osiągnęliśmy tylko maskę przycinającą, ponieważ ukryliśmy obraz przed widokiem, a to dlatego, że nasza warstwa maski („Warstwa 1”) nie zawiera żadnej zawartości. Jest całkowicie przezroczysty. Dzięki masce przycinającej wszystkie obszary na górnej warstwie, które znajdują się bezpośrednio nad przezroczystymi obszarami na dolnej warstwie, są ukrywane. Ponieważ dolna warstwa zawiera tylko przezroczystość, żadna część obrazu nad nią nie jest widoczna:
Bez zawartości na warstwie maski obraz na przyciętej warstwie jest ukryty.
Jak zwolnić maskę przycinającą
To nie było zbyt interesujące, więc zwolnij maskę przycinającą, przechodząc do menu Warstwa i wybierając Zwolnij maskę przycinającą:
Przejście do Warstwa> Zwolnij maskę przycinającą.
W panelu Warstwy górna warstwa nie jest już wcięta z prawej strony, co oznacza, że nie jest już przycinana do warstwy poniżej:
Maska warstwy została zwolniona.
A w dokumencie wróciliśmy do oglądania naszego obrazu:
Po zwolnieniu maski przycinającej obraz powraca.
Dodawanie zawartości do maski przycinającej
Dodajmy trochę zawartości do dolnej warstwy. Kliknij ikonę widoczności górnej warstwy, aby ukryć obraz, abyśmy mogli zobaczyć, co robimy:
Kliknięcie ikony widoczności górnej warstwy.
Następnie kliknij dolną warstwę, aby ją aktywować:
Wybór dolnej warstwy.
Aby dodać treść, narysujemy prosty kształt. Wybierz narzędzie Zaznaczanie eliptyczne z paska narzędzi, klikając prawym przyciskiem myszy (Win)/klikając z wciśniętym klawiszem Control (Mac) narzędzie Zaznaczanie prostokątne i wybierając narzędzie Zaznaczanie eliptyczne z wysuwanego menu:
Wybór narzędzia Zaznaczanie eliptyczne.
Kliknij i przeciągnij eliptyczny kontur zaznaczenia na środku dokumentu:
Rysowanie zaznaczenia za pomocą narzędzia Zaznaczanie eliptyczne.
Przejdź do menu Edycja na pasku menu i wybierz opcję Wypełnij:
Przechodząc do Edycja > Wypełnij.
W oknie dialogowym Wypełnienie ustaw opcję Zawartość na czarną, a następnie kliknij OK:
Okno dialogowe Wypełnienie.
Photoshop wypełnia zaznaczenie kolorem czarnym. Aby usunąć zarys zaznaczenia wokół kształtu, przejdź do menu Zaznacz i wybierz Odznacz:
Przechodząc do Wybierz > Odznacz.
A teraz zamiast całkowicie przezroczystej warstwy mamy obszar z pewną zawartością pośrodku. Zauważ jednak, że obszar wokół treści pozostaje przezroczysty:
Dolna warstwa zawiera teraz zarówno zawartość, jak i przezroczystość.
W panelu Warstwy miniatura podglądu dolnej warstwy pokazuje teraz czarny kształt. Należy tutaj zauważyć, że jeśli porównasz miniatury podglądu dla obu warstw, zobaczysz, że część obrazu na górnej warstwie znajduje się bezpośrednio nad treścią (kształtem) na dolnej warstwie. Niektóre zdjęcia znajdują się nad przezroczystymi obszarami na dolnej warstwie:
Miniatura podglądu pokazująca zawartość i przezroczystość na dolnej warstwie.
Tworzenie kolejnej maski przycinającej
Teraz, gdy dodaliśmy trochę zawartości do dolnej warstwy, utwórzmy kolejną maskę przycinającą. Ponownie, najpierw musimy wybrać warstwę, która zostanie przycięta do warstwy poniżej, więc kliknij górną warstwę, aby ją wybrać. Następnie kliknij ikonę widoczności górnej warstwy, aby obraz na warstwie był widoczny:
Wybór i włączenie warstwy, która zostanie przycięta.
Wróć do menu Warstwa i jeszcze raz wybierz Utwórz maskę przycinającą:
Przejdź ponownie do Warstwa> Utwórz maskę przycinającą.
W panelu Warstwy widzimy górną warstwę przyciętą do warstwy pod nią, tak jak widzieliśmy ostatnim razem:
Panel Warstwy ponownie pokazuje maskę przycinającą.
Ale w dokumencie widzimy teraz zupełnie inny wynik. Tym razem część zdjęcia, która znajduje się bezpośrednio nad kształtem na warstwie poniżej, pozostaje widoczna! Jedyne ukryte części zdjęcia to obszary otaczające kształt, ponieważ te obszary nadal znajdują się ponad przezroczystością:
Zawartość dolnej warstwy sprawia, że część górnej warstwy jest widoczna.
Przenoszenie treści w masce przycinającej
Oczywiście wynik mógłby wyglądać lepiej, gdyby nasz obiekt był wyśrodkowany wewnątrz kształtu. Dzięki maskom przycinającym łatwo przenosić i zmieniać ich położenie. Po prostu wybierz narzędzie Przenieś z paska narzędzi:
Wybór narzędzia Przesuń.
Następnie kliknij zdjęcie i przeciągnij je na miejsce. Podczas przesuwania obrazu widoczny jest tylko obszar, który przesuwa się nad kształtem na warstwie poniżej. Oto podstawy działania masek przycinających:
Maska przycinająca po wyśrodkowaniu zdjęcia w kształcie.
Pobierz ten samouczek jako gotowy do druku plik PDF!
Kiedy używać maski przycinającej
Podczas gdy maski warstw najlepiej nadają się do mieszania warstw z płynnymi przejściami, maski przycinające w programie Photoshop są idealne, gdy obraz musi zmieścić się w wyraźnie zdefiniowanym kształcie. Kształt może być tym, który narysowałeś za pomocą narzędzia do zaznaczania, jak widzieliśmy. Ale maska przycinająca może być również użyta do wypełnienia kształtu wektorowego obrazem lub do umieszczenia obrazu wewnątrz tekstu. Jako kolejny przykład tego, co możemy zrobić z maskami przycinającymi, przyjrzyjmy się szybko, jak można użyć maski przycinającej do umieszczenia zdjęcia w ramce.
Umieszczanie zdjęcia w ramce z maskami przycinającymi
Tutaj mam dokument zawierający dwa obrazy, każdy na osobnej warstwie. Zdjęcie na dolnej warstwie zawiera ramkę:
Obraz na dolnej warstwie. Źródło zdjęcia: Adobe Stock.
A jeśli włączę górną warstwę, klikając jej ikonę widoczności:
Włączanie górnej warstwy.
Widzimy zdjęcie, które chcę umieścić w ramce:
Obraz na górnej warstwie. Źródło zdjęcia: Adobe Stock.
Na chwilę ukryję górną warstwę, klikając ponownie jej ikonę widoczności, a następnie kliknę warstwę tła, aby ją wybrać:
Ukrywanie górnej warstwy i wybieranie dolnej warstwy.
Rysowanie lub wybieranie kształtu
Wspomniałem, że maski przycinające działają najlepiej, gdy obraz musi pasować do kształtu. W tym przypadku kształt to obszar wewnątrz ramki. Ponieważ obszar jest wypełniony jednolitą czernią, zaznaczę go za pomocą narzędzia Magic Wand w Photoshopie:
Wybór narzędzia Magic Wand z paska narzędzi.
Kliknę narzędziem Magiczna różdżka wewnątrz ramki, a teraz obszar jest zaznaczony:
Zaznaczenie obszaru, który będzie używany jako maska przycinająca.
Następnie skopiuję zaznaczony obszar do nowej warstwy, przechodząc do menu Warstwa na pasku menu, wybierając Nowa, a następnie wybierając Warstwa przez kopiowanie:
Przejście do Warstwa> Nowa> Warstwa przez kopiowanie.
Photoshop kopiuje mój wybór na nową warstwę między warstwą tła a zdjęciem, które umieszczę wewnątrz ramki. Mam teraz kształt, którego potrzebuję do stworzenia mojej maski przycinającej:
Obszar wewnątrz ramki pojawia się na osobnej warstwie.
Szybszy sposób na stworzenie maski przycinającej
Aby utworzyć maskę przycinającą, wybiorę górną warstwę i ponownie ją włączę, klikając jej ikonę widoczności:
Wybór i włączenie górnej warstwy.
Widzieliśmy, że możemy utworzyć maskę przycinającą, wybierając opcję Utwórz maskę przycinającą z menu Warstwa. Ale szybszym sposobem jest naciśnięcie i przytrzymanie klawisza Alt (Win) / Option (Mac) na klawiaturze podczas najeżdżania kursorem myszy między dwiema warstwami. Kursor zmieni się w ikonę maski przycinającej:
Pojawi się ikona maski przycinającej.
Kliknij linię podziału między dwiema warstwami, aby utworzyć maskę przycinającą:
Obraz jest teraz przycięty do „Warstwa 1” poniżej.
Po utworzeniu maski przycinającej zdjęcie pojawia się teraz tylko w ramce, ponieważ jest to jedyna część obrazu, która znajduje się nad rzeczywistą treścią na warstwie pod nim. Reszta zdjęcia jest ukryta, ponieważ znajduje się nad przezroczystością:
Zdjęcie jest teraz przycinane wewnątrz ramki dzięki masce przycinającej.
Zmiana rozmiaru zawartości w masce przycinającej
Na koniec zobaczyliśmy, że możemy przenosić zawartość wewnątrz maski przycinającej za pomocą narzędzia Przesuń. Ale możemy również zmienić rozmiar zawartości w masce przycinającej równie łatwo, korzystając z polecenia Free Transform programu Photoshop. W tej chwili moje zdjęcie jest za duże dla ramki, więc zmienię jego rozmiar, przechodząc do menu Edycja i wybierając opcję Przekształć swobodnie:
Przejście do Edycja> Swobodne przekształcanie.
Photoshop umieszcza pole Przekształcanie swobodne i uchwyty wokół obrazu, łącznie z obszarem poza ramką, który jest aktualnie ukryty przez maskę przycinającą:
Uchwyty swobodnej transformacji pojawiają się wokół całego obrazu, w tym ukrytych obszarów.
Aby zmienić jego rozmiar, nacisnę i przytrzymam klawisz Shift, kliknę uchwyty narożne i przeciągnę je do wewnątrz. Przytrzymanie klawisza Shift blokuje proporcje obrazu, więc go nie zniekształcam:
Zmiana rozmiaru zdjęcia wewnątrz maski przycinającej.
Aby to zaakceptować, nacisnę Enter (Win) / Return (Mac) na mojej klawiaturze, aby zamknąć Swobodną transformację. A teraz, dzięki mocy masek przycinających, zdjęcie ładnie mieści się w kadrze:
Ostateczny wynik maski przycinającej.
Mamy to! Tak działają maski przycinające w Photoshopie i jak używać maski przycinającej do pokazywania i ukrywania różnych części warstwy! Odwiedź naszą sekcję Podstawy programu Photoshop, aby uzyskać więcej samouczków dotyczących programu Photoshop!
