W tym samouczku pokażę, jak używać masek przycinających w Photoshopie, aby pokazać i ukryj różne części warstwy i dopasuj obrazy do kształtów! Nauczymy się podstaw tworzenia masek przycinających i dokładniej zbadamy ich ideę, aby pod koniec tej lekcji w pełni zrozumieć, jak działają maski przycinające. Ja ” Będę używać programu Photoshop CC, ale wszystko jest w pełni zgodne z programem Photoshop CS6 i wcześniejszymi. Zaczynajmy!
Co to są maski przycinające?
Maski przycinające w Photoshopie to potężny sposób kontrolowania widoczności warstwy. W tym sensie maski przycinające są podobne do maski warstwy. Ale chociaż wynik końcowy może wyglądać tak samo, maski przycinające i maski warstwy 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 warstwa, aby kontrolować widoczność innej.
Aby utworzyć 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ą jest warstwą przypiętą do maski.
Tam, gdzie dolna warstwa zawiera rzeczywistą zawartość (piksele, kształty lub tekst), zawartość warstwy powyżej jest widoczna. Ale jeśli jakakolwiek część warstwy na spodzie jest przezroczysta, ten sam obszar na warstwie powyżej zostanie ukryty. To może wydawać się bardziej zagmatwane niż sposób działania maski warstwy, ale maski przycinające są równie łatwe w użyciu. Stwórzmy samodzielnie maskę przycinającą, abyśmy mogli lepiej zrozumieć, jak działają.
Pobierz ten samouczek jako plik PDF gotowy do druku!
Jak działa maska przycinająca
Aby naprawdę zrozumieć maski przycinające, musimy najpierw zrozumieć różnicę między zawartością a przezroczystością na warstwie. Abyśmy razem ze mną mogli otworzyć dowolny obraz. Wykorzystam to zdjęcie mojego małego przyjaciela, który „na swój sposób próbuje też zrozumieć, o co chodzi w tym wycinaniu (zdjęcie z Adobe Stock):
Warstwa maski i warstwa przycięta
Jeśli spojrzymy na panel Warstwy, zobaczymy zdjęcie na warstwie Tło, która jest obecnie jedyną warstwą w dokument:
Potrzebujemy dwóch warstw, aby stworzyć maskę przycinającą, jeden, który będzie służył jako maska i taki, który zostanie przypięty do maski, więc dodajmy druga warstwa. 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) / Option (Mac) na klawiaturze i dwukrotnie kliknij warstwę Background:
To odblokowuje warstwę Background i zmienia nazwy it „Warstwa 0”:
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ę:
Nowa warstwa o nazwie „Warstwa 1” pojawi się pod zdjęciem, a teraz mamy dwie warstwy w dokumencie. Dolną warstwę zamienimy na maskę i obrazek powyżej zostanie przycięty do maski:
Zrozumienie masek przycinających: zawartość a przezroczystość
Ukryj na razie oryginalny obraz, klikając ikonę widoczności górnej warstwy:
Po wyłączeniu górnej warstwy widzimy właśnie dodaną warstwę. Domyślnie nowe warstwy w programie Photoshop są puste, co oznacza, że nie zawierają żadnej zawartości. Warstwa bez treści jest przezroczysta i widzimy przez nią. Jeśli pod warstwą przezroczystą nie ma innych warstw, program Photoshop wyświetla przezroczystość jako wzór szachownicy, tak jak tutaj:
Włącz górną warstwę z powrotem, klikając ją ponownie ikonę 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 programie Photoshop zawartość może być również kształtem wektorowym lub nawet tekstem. Naprawdę wszystko, co nie jest przezroczyste, jest uważane za treść:
Jak utworzyć maskę przycinającą w programie Photoshop
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 wybierz warstwę, która ma zostać przycięta do warstwy poniżej. W tym przypadku górna warstwa („Warstwa 0”) zostanie przycięta do dolnej warstwy („Warstwa 1”), więc upewnij się, że wybrana jest górna warstwa:
Krok 2: Wybierz „Utwórz maskę przycinającą”
Aby utworzyć maskę przycinającą, przejdź w górę do menu Warstwa na pasku menu i wybierz Utwórz maskę przycinającą:
I to już wszystko! Po utworzeniu maski warstwy panel Warstwy pokazuje teraz górną warstwę („Warstwa 0”) z wcięciem w prawo, z małą strzałką skierowaną w dół na „Warstwę 1” poniżej. To oto sposób, w jaki Photoshop informuje nas, że górna warstwa jest teraz przycięta do warstwy poniżej:
Ale problem polega na tym, że wszystko, co osiągnęliśmy do tej pory, tworząc maskę przycinającą, to ukrywanie obrazu, a to dlatego, że nasza warstwa maski („Warstwa 1”) nie zawiera treś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ą ukryte. Ponieważ dolna warstwa zawiera tylko przezroczystość, żadna część obrazu powyżej nie jest widoczna:
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 opcję Zwolnij maskę przycinającą:
W panelu Warstwy górna warstwa nie jest już wcięta w prawo, co oznacza, że nie jest już przycięta do warstwy poniżej:
W dokumencie wróciliśmy do obraz:
Dodawanie zawartości do maski przycinającej
Dodajmy zawartość do dolnej warstwy. Kliknij ikonę widoczności górnej warstwy, aby ukryć obraz i zobaczyć, co robimy:
Następnie kliknij dolną warstwę, aby ją aktywować:
Aby dodając zawartość, narysujemy prosty kształt. Wybierz narzędzie Zaznaczanie eliptyczne z paska narzędzi, klikając prawym przyciskiem myszy (Win) / klikając z naciśniętym klawiszem Control (Mac) narzędzie Zaznaczanie prostokątne i wybierając narzędzie Zaznaczanie eliptyczne z menu wysuwanego:
Kliknij i przeciągnij eliptyczny kontur zaznaczenia na środku dokumentu:
Przejdź do menu Edycja na pasku menu i wybierz Wypełnij:
W oknie dialogowym Wypełnij ustaw opcję Zawartość na czarny, a następnie kliknij OK:
Photoshop wypełnia zaznaczenie na czarno. Aby usunąć kontur zaznaczenia z kształtu, przejdź do menu Wybierz i wybierz Odznacz:
A teraz, zamiast całkowicie przezroczystej warstwy, mamy obszar z pewną zawartością w środku. Zwróć jednak uwagę, że obszar otaczający zawartość pozostaje przezroczysty:
Wstecz w panelu Warstwy miniatura podglądu dolnej warstwy pokazuje teraz czarny kształt. Warto tutaj zauważyć, że jeśli porównasz miniatury podglądu obu warstw, zobaczysz, że część obrazu na górnej warstwie znajduje się bezpośrednio nad zawartością (kształtem) na dolnej warstwie. Część zdjęcia znajduje się nad przezroczystymi obszarami na dolnej warstwie:
Tworzenie kolejnej maski przycinającej
Teraz, gdy dodaliśmy już zawartość do dolnej warstwy, stwó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ą zaznaczyć.Następnie kliknij ikonę widoczności górnej warstwy, aby obraz na warstwie był widoczny:
Wróć do menu Warstwa i jeszcze raz wybierz Utwórz maskę przycinającą:
W panelu Warstwy widzimy górną warstwę przyciętą do warstwy poniżej, tak jak ostatnio:
Ale w dokumencie widzimy teraz zupełnie inny wynik. Tym razem sekcja zdjęcia, która jest siedząc bezpośrednio nad kształtem na warstwie poniżej pozostaje widoczny! Jedynymi częściami zdjęcia, które są ukryte, są obszary otaczające kształt, ponieważ te obszary nadal znajdują się nad przezroczystością:
Przenoszenie treści w ramach maski 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 można łatwo przenosić i zmieniać położenie zawartości w nich. Po prostu wybierz narzędzie przenoszenia z paska narzędzi:
Następnie kliknij zdjęcie i przeciągnij je w odpowiednie miejsce. Podczas przesuwania obrazu widoczny jest tylko obszar poruszający się nad kształtem na warstwie poniżej. I to są podstawy działania masek przycinających :
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 pasować do wyraźnie zdefiniowanego kształtu. Jak widzieliśmy, może to być kształt, który narysowałeś za pomocą narzędzia do zaznaczania. Ale maski przycinającej można również użyć do wypełnienia kształtu wektorowego obrazem lub do umieszczenia obrazu w tekście. 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 wewnątrz ramki.
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ę:
A jeśli włączę górną warstwę, klikając jej ikonę widoczności:
Widzimy zdjęcie, które chcę umieścić w ramce:
Na razie ukryję górną warstwę, ponownie klikając jej ikonę widoczności, a następnie kliknę warstwę Tło, aby ją zaznaczyć:
Rysowanie lub wybieranie kształtu
I wspomniał, że maski przycinające działają najlepiej, gdy obraz musi pasować do kształtu. W tym przypadku kształtem jest obszar wewnątrz ramy. Ponieważ obszar jest wypełniony jednolitą czernią, zaznaczę go za pomocą narzędzia Magiczna różdżka programu Photoshop:
Kliknę za pomocą narzędzia Różdżka wewnątrz ramki, a teraz obszar zostanie zaznaczony:
Następnie skopiuję zaznaczony obszar do nowej warstwy, przechodząc do menu Warstwa na pasku menu, wybierając opcję Nowa, a następnie opcję Warstwa przez kopiowanie:
Photoshop kopiuje moje zaznaczenie na nową warstwę między warstwą tła a zdjęciem, które będę umieszczać wewnątrz ramki. Mam teraz kształt, którego potrzebuję, aby utworzyć moją maskę przycinającą:
Szybszy sposób tworzenia maski przycinającej
Aby utworzyć obrzynek maskę, wybiorę górną warstwę i włączę ją ponownie, klikając jej ikonę widoczności:
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 umieszczania kursora myszy między dwiema warstwami. Kursor zmieni się w ikonę maski przycinającej:
Kliknij linię podziału między nimi warstwy, aby utworzyć maskę przycinającą:
Po utworzeniu maski przycinającej zdjęcie pojawia się teraz tylko wewnątrz ramki, ponieważ jest to jedyna część obrazu znajdująca się nad rzeczywistą zawartością warstwy poniżej. Reszta zdjęcia jest ukryta, ponieważ znajduje się nad przezroczystością:
Zmiana rozmiaru treści w masce przycinającej
Wreszcie, widzieliśmy, że możemy przesuwać zawartość wewnątrz maski przycinającej za pomocą narzędzia Move. Ale możemy również zmienić rozmiar zawartości w masce przycinającej równie łatwo, używając 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ę Wolny Transformacja:
Photoshop umieszcza bezpłatny Pole transformacji i uchwyty wokół obrazu, w tym obszar poza ramką, który jest obecnie ukryty przez maskę przycinającą:
Aby zmienić jego rozmiar, naciskam i przytrzymuję klawisz Shift, klikając narożne uchwyty i przeciągając je do wewnątrz. Przytrzymanie klawisza Shift blokuje proporcje obrazu, więc go nie zniekształcam:
Aby to zaakceptować, wciskam Enter (Win) / Return (Mac) na klawiaturze, aby zamknąć darmową transformację. A teraz, dzięki mocy masek przycinających, zdjęcie ładnie mieści się w ramce:
I 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 Photoshopa!