Maski przycinające w Photoshopie

Napisane przez Steve'a Pattersona.

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ć to samo, maski przycinające i maski warstw są bardzo różne. A maska ​​warstwy używa czerni i bieli do pokazywania i ukrywania różnych części warstwy. Ale… maska ​​przycinająca używa treść i przejrzystość jednej warstwy, aby kontrolować widoczność drugiej.



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 powyżej to ta, która obcięty do maski.

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 przezroczysty , ten sam obszar na warstwie powyżej 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ść oraz przezroczystość na warstwie. Aby podążać za mną, możesz otworzyć dowolny obraz. Użyję tutaj tego zdjęcia mojej małej przyjaciółki, która również próbuje zrozumieć, na swój sposób, o co chodzi w tym wycinaniu ( zdjęcie z Adobe Stock):

  Otwórz zdjęcie, aby dowiedzieć się, jak działają maski przycinające Oryginalny obraz. Źródło zdjęcia: Adobe Stock.

A Maska Warstwa i A Przycięte Warstwa

Jeśli spojrzymy w Panel warstw , widzimy zdjęcie na Warstwa tła , która jest obecnie jedyną warstwą w dokumencie:

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

Potrzebujemy dwa warstwy, 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 ikona kłódki do odblokowania tego. W programie Photoshop CS6 lub starszym naciśnij i przytrzymaj klawisz Wszystko (Wygrać) / Opcja (Mac) na klawiaturze i kliknij dwukrotnie warstwę tła:



  Odblokowanie warstwy tła w Photoshopie Odblokowanie warstwy tła.

To odblokuje warstwę tła i zmieni jej nazwę na „Warstwa 0”:

  Warstwa tła została odblokowana w Photoshopie Odblokowanie warstwy Tło pozwala nam dodać nową warstwę pod nią.

Następnie, aby dodać nową warstwę pod obrazem, naciśnij i przytrzymaj klawisz kontrolny (Wygrać) / Komenda (Mac) na klawiaturze i kliknij Dodaj nową warstwę Ikona:

  Dodanie nowej warstwy pod obrazem, aby utworzyć maskę przycinającą 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:



  Druga warstwa potrzebna do maski przycinającej została dodana do dokumentu w Photoshopie Dodano drugą warstwę potrzebną do maski przycinającej.

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

Na razie ukryj oryginalny obraz, klikając na górnej warstwie ikona widoczności :

  Kliknięcie ikony widoczności warstwy, aby ukryć obraz 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 to przezroczysty i widzimy to na wylot. Gdy pod warstwą przezroczystą nie ma innych warstw, program Photoshop wyświetla przezroczystość jako wzór szachownicy, jak widzimy tutaj:



  Warstwa na dole jest przezroczysta, na co wskazuje wzór szachownicy w Photoshopie Wzór szachownicy oznacza, że ​​dolna warstwa jest przezroczysta.

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

  Ponowne kliknięcie ikony widoczności warstwy w panelu Warstwy. Kliknięcie tej samej ikony widoczności.

Górna warstwa zawiera rzeczywiste 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ść:

  Warstwa na górze zawiera treść, w tym przypadku obraz oparty na pikselach 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 warstwy, która zostanie przycięta do warstwy poniżej Wybór górnej warstwy.

Krok 2: Wybierz „Utwórz maskę przycinającą”

Aby utworzyć maskę przycinającą, przejdź do Warstwa menu na pasku menu i wybierz Utwórz maskę przycinającą :



  Wybranie polecenia Utwórz maskę przycinającą z menu Warstwa w programie Photoshop 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 z maską przycinającą, z górną warstwą przyciętą do warstwy maski poniżej Panel Warstwy pokazujący górną warstwę przyciętą do dolnej warstwy.

Problem polega jednak 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:

  Utworzenie maski przycinającej z przezroczystej warstwy powoduje ukrycie znajdującego się nad nią obrazu 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ą, podchodząc do Warstwa menu i wybór Zwolnij maskę przycinającą :

  Wybór polecenia Zwolnij maskę przycinającą z menu Warstwa w programie Photoshop 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:

  Panel Warstwy pokazujący, że maska ​​przycinająca została zwolniona. Maska warstwy została zwolniona.

A w dokumencie wróciliśmy do oglądania naszego obrazu:

  Obraz jest ponownie widoczny po zwolnieniu maski przycinającej. Po zwolnieniu maski przycinającej obraz powraca.

Dodawanie zawartości do maski przycinającej

Dodajmy trochę zawartości do dolnej warstwy. Kliknij na górnej warstwie ikona widoczności aby ukryć obraz, abyśmy mogli zobaczyć, co robimy:

  Ukrywanie obrazu na górnej warstwie przed dodaniem treści do warstwy poniżej Kliknięcie ikony widoczności górnej warstwy.

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

  Wybór dolnej warstwy, aby dodać zawartość Wybór dolnej warstwy.

Aby dodać treść, narysujemy prosty kształt. Wybierz Eliptyczne narzędzie markizy od pasek narzędzi za pomocą kliknięcie prawym przyciskiem myszy (Wygrać) / Klikanie z wciśniętym klawiszem Control (Mac) w narzędziu Zaznaczanie prostokątne i wybierając narzędzie Zaznaczanie eliptyczne z wysuwanego menu:

  Wybór narzędzia Zaznaczanie eliptyczne z paska narzędzi w Photoshopie Wybór narzędzia Zaznaczanie eliptyczne.

Kliknij i przeciągnij eliptyczny kontur zaznaczenia na środku dokumentu:

  Rysowanie eliptycznego konturu zaznaczenia na dolnej warstwie Rysowanie zaznaczenia za pomocą narzędzia Zaznaczanie eliptyczne.

Idź do Edytować menu na pasku menu i wybierz Wypełnić :

  Wybierając polecenie Wypełnij z menu Edycja w programie Photoshop. Przechodząc do Edycja > Wypełnij.

W oknie dialogowym Wypełnienie ustaw Zawartość możliwość czarny , a następnie kliknij OK:

  Wybór koloru czarnego w oknie dialogowym Wypełnienie w programie Photoshop Okno dialogowe Wypełnienie.

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

  Wybór polecenia Odznacz w Photoshopie 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:

  Warstwa maski przycinającej zawiera teraz zarówno zawartość, jak i przezroczystość Dolna warstwa zawiera teraz zarówno zawartość, jak i przezroczystość.

W panelu Warstwy miniatura podglądu dolna warstwa 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 zawartością (kształtem) na dolnej warstwie. Niektóre zdjęcia znajdują się nad przezroczystymi obszarami na dolnej warstwie:

  Panel Warstwy pokazujący zawartość i przezroczystość dolnej warstwy Miniaturka 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 na wierzchniej warstwie ikona widoczności aby obraz na warstwie był widoczny:

  Zaznaczanie i włączanie warstwy, która zostanie przycięta przez maskę Wybór i włączenie warstwy, która zostanie przycięta.

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

  Wybranie polecenia Utwórz maskę przycinającą z menu Warstwa w programie Photoshop 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 pokazujący górną warstwę przyciętą do dolnej warstwy po utworzeniu maski przycinającej Panel Warstwy ponownie pokazuje maskę przycinającą.

Ale w dokumencie widzimy teraz zupełnie inny wynik. Tym razem fragment zdjęcia, który znajduje się bezpośrednio nad kształtem na warstwie poniżej, pozostaje widoczny! Jedyne ukryte części zdjęcia to obszary otaczające kształt, ponieważ te obszary nadal znajdują się ponad przezroczystością:

  Maska przycinająca Photoshopa po dodaniu zawartości do warstwy maski 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 jest przenosić i zmieniać ich położenie. Po prostu wybierz Narzędzie do przesuwania z paska narzędzi:

  Wybór narzędzia Przesuń w Photoshopie. 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:

  Jak utworzyć maskę przycinającą w samouczku Photoshopa 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 zmieścić się w wyraźnie zdefiniowanym kształcie. Kształt może być taki, który narysowałeś za pomocą narzędzie selekcji jak widzieliśmy. Ale maska ​​przycinająca może być również używana do wypełnić kształt wektorowy obrazem , lub umieść obrazek 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. The zdjęcie na dolnej warstwie zawiera ramkę:

  Obraz ramki na zdjęcia. 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:

  Kliknięcie ikony widoczności, aby wyświetlić górną warstwę w panelu Warstwy Włączanie górnej warstwy.

Widzimy zdjęcie Chcę umieścić wewnątrz ramki:

  Obraz, który zostanie umieszczony w ramce za pomocą maski przycinającej 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 w Photoshopie 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ą programu Photoshop Magiczna różdżka :

  Wybór narzędzia Magiczna różdżka z paska narzędzi 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:

  Wybór obszaru, który będzie używany jako maska ​​przycinająca Zaznaczenie obszaru, który będzie używany jako maska ​​przycinająca.

Następnie skopiuję wybrany obszar do nowej warstwy, przechodząc do Warstwa menu na pasku menu, wybierając Nowy , a następnie wybierając Warstwę poprzez kopię :

  Nowa warstwa za pomocą polecenia Kopiuj w Photoshopie. 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:

  Kształt obszaru wewnątrz ramki został skopiowany do nowej warstwy 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:

  Zaznaczanie i włączanie górnej warstwy w panelu Warstwy 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 Wszystko (Wygrać) / Opcja (Mac) na klawiaturze, przesuwając kursor myszy między dwiema warstwami. Kursor zmieni się w a ikona maski przycinającej :

  Tworzenie maski przycinającej w Photoshopie Pojawi się ikona maski przycinającej.

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

  Maska przycinająca została utworzona z dwóch warstw 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 poniżej. Reszta zdjęcia jest ukryta, ponieważ znajduje się nad przezroczystością:

  Maska przycinająca umieszcza zdjęcie w ramce. 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 treści w masce przycinającej równie łatwo, korzystając z programu Photoshop Swobodna transformacja Komenda. W tej chwili moje zdjęcie jest za duże dla ramki, więc zmienię jego rozmiar, przechodząc do Edytować menu i wybór Swobodna transformacja :

  Wybór polecenia Przekształć swobodne w Photoshopie Przejście do Edycja> Swobodna transformacja.

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ół obszarów obrazu ukrytych 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 mój Zmiana klawisz jak klikam na uchwyty narożne i przeciągnij je do środka. Przytrzymanie klawisza Shift blokuje proporcje obrazu, więc go nie zniekształcam:

  Zmiana rozmiaru zdjęcia w masce przycinającej w Photoshopie za pomocą swobodnej transformacji Zmiana rozmiaru zdjęcia wewnątrz maski przycinającej.

Aby to zaakceptować, nacisnę Wchodzić (Wygrać) / Zwrócić (Mac) na mojej klawiaturze, aby zamknąć swobodne przekształcanie. A teraz, dzięki mocy masek przycinających, zdjęcie ładnie mieści się w kadrze:

  Efekt samouczka maski przycinającej w Photoshopie Ostateczny wynik maski przycinającej.