Maski przycinające w Photoshopie

Autor: Steve Patterson.

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):

Oryginalny obraz. Zdjęcie Kredyt: 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:

Panel Warstwy pokazujący zdjęcie na warstwie Tło.

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:

Odblokowanie warstwy Background.

To odblokowuje warstwę Background i zmienia nazwy it „Warstwa 0”:

Odblokowanie warstwy Tło pozwala nam dodać nową warstwę pod nią.

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.

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:

Druga warstwa potrzebna do wycinania Dodano maskę.

Zrozumienie masek przycinających: zawartość a przezroczystość

Ukryj na razie oryginalny obraz, klikając ikonę widoczności górnej warstwy:

Kliknięcie ikony widoczności, aby ukryć zdjęcie.

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:

Szachownica oznacza dół warstwa jest przezroczysta.

Włącz górną warstwę z powrotem, klikając ją ponownie ikonę widoczności:

Klikając tę samą 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ść:

Górna warstwa zawiera rzeczywistą 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:

Wybór górnej warstwy.

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ą:

Przejdź do warstwy > 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:

Panel Warstwy pokazujący górną warstwę przyciętą do dolnej warstwy.

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:

W przypadku braku zawartości na warstwie maskującej obraz na warstwie przyciętej 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 opcję Zwolnij maskę przycinającą:

Przechodzenie do warstwy > 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:

Maska warstwy została wydana.

W dokumencie wróciliśmy do obraz:

Po zwolnieniu maski przycinającej obraz powraca ns.

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:

Kliknięcie ikony widoczności górnej warstwy.

Następnie kliknij dolną warstwę, aby ją aktywować:

Wybieranie dolnej warstwy.

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:

Wybieranie 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 Wypełnij:

Przechodzenie do edycji > Wypełnij.

W oknie dialogowym Wypełnij ustaw opcję Zawartość na czarny, a następnie kliknij OK:

Okno dialogowe Wypełnij.

Photoshop wypełnia zaznaczenie na czarno. Aby usunąć kontur zaznaczenia z kształtu, przejdź do menu Wybierz i wybierz Odznacz:

Przechodzenie do wyboru > 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:

Dolna warstwa zawiera teraz zarówno zawartość, jak i przezroczystość.

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:

Miniatura podglądu pokazująca zawartość i przezroczystość dolnej warstwy.

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:

Zaznaczanie i włączanie warstwy, która ma zostać przycięta.

Wróć do menu Warstwa i jeszcze raz wybierz Utwórz maskę przycinającą:

Wróć do warstwy > Utwórz maskę przycinającą.

W panelu Warstwy widzimy górną warstwę przyciętą do warstwy poniżej, tak jak ostatnio:

Panel Warstwy ponownie pokazujący maskę przycinającą.

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ą:

Zawartość na dolnej warstwie zachowuje widoczność części górnej warstwy.

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:

Wybieranie narzędzia przenoszenia.

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 :

Maska przycinająca po wyśrodkowaniu zdjęcia w kształcie.

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ę:

Obraz na dolnej warstwie. Kredyt do zdjęcia: Adobe Stock.

A jeśli włączę górną warstwę, klikając jej ikonę widoczności:

Włączam górną warstwę.

Widzimy zdjęcie, które chcę umieścić w ramce:

Obraz włączony górna warstwa. Zdjęcie: Adobe Stock.

Na razie ukryję górną warstwę, ponownie klikając jej ikonę widoczności, a następnie kliknę warstwę Tło, aby ją zaznaczyć:

Ukrywanie górnej warstwy i wybieranie dolnej warstwy.

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:

Wybieranie narzędzia Różdżka z paska narzędzi.

Kliknę za pomocą narzędzia Różdżka wewnątrz ramki, a teraz obszar zostanie zaznaczony:

Zaznaczanie obszaru, zostanie użyta jako maska przycinająca.

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:

Przechodzenie do warstwy > Nowa > 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ą:

Obszar wewnątrz ramki pojawia się na osobnej warstwie.

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:

Zaznaczanie i włączanie górnej

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:

Pojawi się ikona maski przycinającej.

Kliknij linię podziału między nimi warstwy, aby utworzyć maskę przycinającą:

Obraz jest teraz przycięty do „Warstwy 1” poniżej.

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ą:

Zdjęcie jest teraz przycięte wewnątrz ramki dzięki masce przycinającej.

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:

Przechodzenie do edycji > Przekształcenie swobodne.

Photoshop umieszcza bezpłatny Pole transformacji i uchwyty wokół obrazu, w tym obszar poza ramką, który jest obecnie ukryty przez maskę przycinającą:

Uchwyty swobodnej transformacji pojawiają się wokół cały obraz, łącznie z ukrytymi obszarami.

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:

Zmiana rozmiaru zdjęcia wewnątrz maski przycinającej.

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:

Ostateczny wynik maski przycinającej.

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!

Write a Comment

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *