Izrezovanje mask v Photoshopu

Napisal Steve Patterson.

V tej vadnici vam pokažem, kako uporabiti izrezovalne maske v Photoshopu, da prikažete in skrijete različne dele sloja ter prilagodite slike oblikam! Naučili se bomo osnov, kako ustvariti izrezovalno masko, in podrobneje bomo raziskali idejo, ki stoji za njimi, tako da boste do konca te lekcije dobro razumeli, kako delujejo izrezovalne maske. Uporabljal bom Photoshop CC, vendar je vse popolnoma združljivo s Photoshopom CS6 in starejšimi. Začnimo!



Kaj so strižne maske?

Maske za izrezovanje v Photoshopu so zmogljiv način za nadzor vidnosti plasti. V tem smislu so izrezovalne maske podobne slojnim maskam. Toda medtem ko lahko končni rezultat poglej enako, izrezovalne maske in slojne maske so zelo različne. A slojna maska uporablja črno-belo za prikaz in skrivanje različnih delov plasti. Ampak a strižna maska uporablja vsebino in preglednost enega sloja za nadzor vidnosti drugega.

Za izdelavo maske za izrezovanje potrebujemo dve plasti. Sloj na dnu nadzoruje vidnost sloja nad njim. Z drugimi besedami, spodnja plast je maska , plast nad njo pa je plast, ki je prirezano do maske.





Kjer spodnja plast vsebuje dejansko vsebino (slikovnih pik, oblik ali vrste), je vsebina na sloju nad njim vidna. Če pa kateri koli del plasti na dnu je pregleden , potem bo to isto območje na sloju nad njim skrito. To se morda sliši bolj zmedeno kot delovanje slojne maske, vendar so izrezovalne maske prav tako enostavne za uporabo. Ustvarimo masko za izrezovanje sami, da bomo lahko bolje razumeli, kako delujejo.

Prenesite to vadnico kot PDF, pripravljen za tiskanje!



Kako deluje strižna maska

Da bi resnično razumeli maske za izrezovanje, moramo najprej razumeti razliko med vsebino in preglednost na plasti. Če želite slediti meni, lahko odprete katero koli sliko. Tukaj bom uporabil tole fotografijo moje male prijateljice, ki prav tako poskuša na svoj način razumeti, za kaj gre pri teh izrezkih ( fotografija iz Adobe Stock):

  Odprite fotografijo, če želite izvedeti, kako delujejo maske za izrezovanje Izvirna slika. Avtor fotografije: Adobe Stock.

A Maska Plast in A Odrezano Plast

Če pogledamo v Plošča s sloji , vidimo fotografijo na Plast ozadja , ki je trenutno edina plast v dokumentu:



  Plošča Photoshop Layers, ki prikazuje izvirno fotografijo na plasti ozadja Plošča plasti, ki prikazuje fotografijo na plasti ozadja.

Potrebujemo dva plasti, da ustvarite izrezovalno masko, eno, ki bo služila kot maska, in eno, ki bo prirezana na masko, zato dodajmo drugo plast. Novo plast bomo dodali pod sliko. Najprej odklenite plast ozadja. V programu Photoshop CC kliknite ikona ključavnice da ga odklenete. V Photoshopu CS6 ali starejšem pritisnite in držite Vse (Zmaga) / Možnost (Mac) na tipkovnici in dvokliknite plast ozadja:

  Odklepanje plasti ozadja v Photoshopu Odklepanje plasti ozadja.

To odklene plast ozadja in jo preimenuje v 'plast 0':

  Sloj ozadja je bil v Photoshopu odklenjen Če odklenemo plast ozadja, lahko pod njo dodamo novo plast.

Nato, da dodate novo plast pod sliko, pritisnite in držite Ctrl (Zmaga) / Ukaz (Mac) na tipkovnici in kliknite Dodaj novo plast ikona:



  Dodajanje nove plasti pod sliko za ustvarjanje izrezovalne maske Dodajanje nove plasti pod sliko.

Pod fotografijo se prikaže nova plast z imenom 'Layer 1' in zdaj imamo v dokumentu dve plasti. Spodnjo plast bomo spremenili v masko, slika nad njo pa bo prirezana na masko:

  Druga plast, potrebna za izrezovalno masko, je bila dodana dokumentu v Photoshopu Dodana je bila druga plast, potrebna za izrezovalno masko.

Razumevanje izrezovalnih mask: vsebina proti prosojnosti

Za trenutek skrijte izvirno sliko tako, da kliknete zgornjo plast ikona vidnosti :

  S klikom na ikono vidnosti sloja skrijete sliko Kliknite ikono vidnosti, da skrijete fotografijo.

Ko je zgornji sloj izklopljen, vidimo sloj, ki smo ga pravkar dodali. Privzeto so nove plasti v Photoshopu prazne, kar pomeni, da nimajo nobene vsebine. Plast brez vsebine je pregleden in vidimo skozi to. Če pod prosojno plastjo ni drugih plasti, Photoshop prosojnost prikaže kot vzorec šahovnice, kot vidimo tukaj:



  Sloj na dnu je prozoren, označen z vzorcem šahovnice v Photoshopu Vzorec šahovnice pomeni, da je spodnja plast prozorna.

Ponovno vklopite zgornjo plast tako, da ponovno kliknete ikono vidnosti:

  Znova kliknite ikono vidnosti plasti na plošči Sloji. Klik na isto ikono vidnosti.

Zgornji sloj vsebuje dejansko vsebino . V tem primeru gre za vsebino, ki temelji na slikovnih pikah, ker gledamo digitalno fotografijo, v Photoshopu pa je vsebina lahko tudi vektorska oblika ali celo besedilo. Dejansko se vse, kar ni pregledno, šteje za vsebino:



  Zgornji sloj vsebuje vsebino, v tem primeru sliko na podlagi slikovnih pik Zgornji sloj vsebuje dejansko vsebino.

Kako ustvariti izrezovalno masko v Photoshopu

Maske za izrezovanje uporabljajo vsebino in prosojnost spodnje plasti za nadzor vidnosti zgornje plasti. Ustvarimo izrezovalno masko z našima dvema slojema in poglejmo, kaj se zgodi.

1. korak: Izberite plast, ki bo odrezana

Ko ustvarjamo izrezovalno masko, moramo najprej izbrati plast, ki bo odrezana na plast pod njo. V tem primeru bo zgornja plast ('Layer 0') prirezana na spodnjo plast ('Layer 1'), zato se prepričajte, da je zgornja plast izbrana:



  Izbira plasti, ki bo prirezana na spodnjo plast Izbira zgornje plasti.

2. korak: izberite 'Ustvari izrezovalno masko'

Če želite ustvariti izrezovalno masko, pojdite na Plast v menijski vrstici in izberite Ustvari izrezovalno masko :

  Izbira ukaza Create Clipping Mask v meniju Layer v Photoshopu Pojdite na Layer > Create Clipping Mask.

In to je vse! Ko je maska ​​plasti ustvarjena, plošča Sloji zdaj prikazuje zgornjo plast (»plast 0«), zamaknjeno v desno, z majhno puščico, ki kaže navzdol na »plast 1« pod njo. Takole nam Photoshop pove, da je zgornja plast zdaj prirezana na spodnjo plast:

  Plošča Sloji, ki prikazuje masko za izrezovanje, pri čemer je zgornja plast prirezana na spodnjo plast maske Plošča Sloji, ki prikazuje zgornjo plast, prirezano na spodnjo plast.

Toda težava je v tem, da je vse, kar smo doslej dosegli z ustvarjanjem maske za izrezovanje, to, da smo sliko skrili pred pogledom, in to zato, ker naša plast maske ('plast 1') ne vsebuje vsebine. Je popolnoma prozoren. Z izrezovalno masko so vsa področja na zgornji plasti, ki ležijo neposredno nad prosojnimi območji na spodnji plasti, skrita. Ker spodnja plast ne vsebuje nič drugega kot prosojnost, noben del slike nad njo ni viden:

  Ustvarjanje izrezovalne maske iz prosojne plasti skrije sliko nad njo pred pogledom Brez vsebine na sloju maske je slika na odrezanem sloju skrita.

Kako sprostiti strižno masko

To ni bilo zelo zanimivo, zato sprostite strižno masko, tako da se povzpnete do Plast jedilnik in izbiranje Sprostite Clipping Mask :

  Izbira ukaza Release Clipping Mask v meniju Layer v Photoshopu Pojdite na Layer > Release Clipping Mask.

Na plošči Sloji zgornja plast ni več zamaknjena v desno, kar pomeni, da ni več odrezana na spodnjo plast:

  Plošča plasti, ki prikazuje, da je bila izrezovalna maska ​​sproščena. Maska plasti je bila izdana.

In v dokumentu spet vidimo svojo sliko:

  Slika je ponovno vidna, ko sprostite izrezovalno masko. Ko sprostite izrezovalno masko, se slika vrne.

Dodajanje vsebine izrezovalni maski

Dodajmo nekaj vsebine spodnji plasti. Kliknite zgornjo plast ikona vidnosti da skrijemo sliko, da lahko vidimo, kaj počnemo:

  Skrivanje slike na zgornji plasti pred dodajanjem vsebine spodnji plasti Klik na ikono vidnosti zgornje plasti.

Nato kliknite spodnjo plast, da postane aktivna:

  Izbira spodnje plasti za dodajanje vsebine Izbira spodnje plasti.

Za dodajanje vsebine bomo narisali preprosto obliko. Izberite Orodje Elliptical Marquee Tool Iz Orodna vrstica avtor desni klik (Zmaga) / Control-klik (Mac) na orodju Rectangular Marquee Tool in izberite orodje Elliptical Marquee Tool v padajočem meniju:

  Izbira orodja Elliptical Marquee Tool v orodni vrstici v Photoshopu Izbira orodja Elliptical Marquee Tool.

Kliknite in povlecite navzven eliptični oris izbora na sredini dokumenta:

  Risanje eliptičnega obrisa izbire na spodnji plasti Risanje izbora z orodjem Elliptical Marquee Tool.

Pojdi do Uredi v menijski vrstici in izberite Izpolnite :

  Izbira ukaza Fill v meniju Edit v Photoshopu. Pojdite na Uredi > Izpolni.

V pogovornem oknu Fill nastavite Vsebina možnost za Črna in nato kliknite V redu:

  Izbira črne v pogovornem oknu Fill v Photoshopu Pogovorno okno Izpolni.

Photoshop zapolni izbor s črno. Če želite odstraniti obris izbire okoli oblike, se pomaknite do Izberite meni in izberite Prekliči izbiro :

  Izbira ukaza Prekliči izbiro v Photoshopu Pojdite na Izberi > Prekliči izbiro.

In zdaj, namesto popolnoma prozorne plasti, imamo območje z nekaj vsebine v središču. Upoštevajte pa, da območje, ki obdaja vsebino, ostane pregledno:

  Sloj maske za izrezovanje zdaj vsebuje vsebino in prosojnost Spodnji sloj zdaj vsebuje vsebino in prosojnost.

Nazaj na plošči Sloji je predogled sličice ker spodnji sloj zdaj prikazuje črno obliko. Tukaj je pomembno opozoriti, da če primerjate sličice predogleda za obe plasti, boste videli, da del slike na zgornji plasti leži neposredno nad vsebino (obliko) na spodnji plasti. In nekaj fotografij je nad prozornimi območji na spodnji plasti:

  Plošča Sloji, ki prikazuje vsebino in prosojnost na spodnji plasti Sličica predogleda, ki prikazuje vsebino in prosojnost na spodnji plasti.

Ustvarjanje druge izrezovalne maske

Zdaj, ko smo spodnji plasti dodali nekaj vsebine, ustvarimo še eno masko za izrezovanje. Spet moramo najprej izbrati plast, ki bo prirezana na spodnjo plast, zato kliknite zgornjo plast, da jo izberete. Nato kliknite zgornjo plast ikona vidnosti da bo slika na plasti vidna:

  Izbira in vklop sloja, ki bo obrezan z masko Izbira in vklop sloja, ki bo obrezan.

Pojdite nazaj na Plast meni in še enkrat izberite Ustvari izrezovalno masko :

  Izbira ukaza Create Clipping Mask v meniju Layer v Photoshopu Ponovno pojdite na Layer > Create Clipping Mask.

Na plošči Sloji vidimo zgornjo plast, prirezano na plast pod njo, tako kot smo videli zadnjič:

  Plošča Sloji, ki prikazuje zgornjo plast, odrezano na spodnjo plast po ustvarjanju maske za izrezovanje Plošča Sloji ponovno prikazuje izrezovalno masko.

Toda v dokumentu zdaj vidimo zelo drugačen rezultat. Tokrat del fotografije, ki je neposredno nad obliko na plasti pod njo, ostane viden! Edini deli fotografije, ki so skriti, so območja, ki obdajajo obliko, saj so ta področja še vedno nad prosojnostjo:

  Izrezovalna maska ​​Photoshop po dodajanju vsebine sloju maske Vsebina na spodnji plasti ohranja del zgornje plasti vidne.

Premikanje vsebine znotraj izrezovalne maske

Seveda bi lahko bil rezultat videti boljši, če bi bil naš subjekt osredotočen na sredino oblike. Z maskami za izrezovanje je preprosto premikanje in premeščanje vsebine znotraj njih. Samo izberite Orodje za premikanje iz orodne vrstice:

  Izbira orodja Move Tool v Photoshopu. Izbira orodja za premikanje.

Nato kliknite fotografijo in jo povlecite na želeno mesto. Ko premikate sliko, ostane vidno le območje, ki se premika čez obliko na plasti pod njo. In to so osnove delovanja izrezovalnih mask:

  Kako ustvariti masko za izrezovanje v Photoshopu Maska za izrezovanje po centriranju fotografije znotraj oblike.

Kdaj uporabiti strižno masko

Medtem ko so plastne maske najboljše za mešanje plasti z brezhibnimi prehodi, so izrezovalne maske v Photoshopu popolne, ko se mora vaša slika prilegati znotraj jasno definirane oblike. Oblika je lahko tista, ki ste jo narisali z a izbirno orodje kot smo videli. Uporabite pa lahko tudi masko za striženje napolnite vektorsko obliko s sliko , ali do postavite sliko znotraj besedila . Kot še en primer, kaj lahko naredimo z izrezovalnimi maskami, si na hitro poglejmo, kako lahko izrezovalno masko uporabimo za postavitev fotografije v okvir.

Postavitev fotografije v okvir z maskami za izrezovanje

Tukaj imam dokument, ki vsebuje dve sliki, vsako na ločeni plasti. The fotografija na spodnji plasti vsebuje okvir:

  Slika okvirja za fotografije. Slika na spodnji plasti. Avtor fotografije: Adobe Stock.

In če vklopim zgornjo plast s klikom na njeno ikono vidnosti:

  Kliknite ikono vidnosti, da prikažete zgornjo plast na plošči Sloji Vklop zgornje plasti.

Vidimo fotografija V okvir želim postaviti:

  Slika, ki bo nameščena znotraj okvirja z masko za izrezovanje Slika na zgornji plasti. Avtor fotografije: Adobe Stock.

Zgornjo plast bom za trenutek skril tako, da bom še enkrat kliknil njeno ikono vidnosti, nato pa bom kliknil plast ozadja, da jo izberem:

  Skrivanje zgornje plasti in izbira spodnje plasti v Photoshopu Skrivanje zgornje plasti in izbira spodnje plasti.

Risanje ali izbiranje oblike

Omenil sem, da maske za izrezovanje najbolje delujejo, ko se mora vaša slika prilegati obliki. V tem primeru je oblika območje znotraj okvirja. Ker je območje zapolnjeno s trdno črno, ga bom izbral s Photoshopom Orodje za čarobno palico :

  Izbira orodja Magic Wand Tool v orodni vrstici v Photoshopu Izbira orodja Magic Wand Tool v orodni vrstici.

Kliknil bom z orodjem Magic Wand Tool znotraj okvirja in zdaj je območje izbrano:

  Izbira območja, ki bo uporabljeno za izrezovalno masko Izbira območja, ki bo uporabljeno za izrezovalno masko.

Nato bom izbrano območje kopiral v novo plast tako, da se pomaknem do Plast menija v menijski vrstici, izbiro Novo , in nato izbiranje Sloj prek kopiranja :

  Nova plast prek ukaza Kopiraj v Photoshopu. Pojdite na Layer > New > Layer via Copy.

Photoshop kopira moj izbor v novo plast med plastjo ozadja in fotografijo, ki jo bom postavil v okvir. Zdaj imam obliko, ki jo potrebujem za ustvarjanje maske za izrezovanje:

  Oblika območja znotraj okvirja je bila kopirana v novo plast Območje znotraj okvirja se prikaže na lastni plasti.

Hitrejši način za ustvarjanje izrezovalne maske

Za ustvarjanje izrezovalne maske bom izbral zgornjo plast in jo ponovno vklopil s klikom na ikono za vidnost:

  Izbira in vklop zgornje plasti na plošči Sloji Izbira in vklop zgornje plasti.

Videli smo, da lahko izrezovalno masko ustvarimo tako, da v meniju Layer izberemo Create Clipping Mask. Toda hitrejši način je, da pritisnete in držite Vse (Zmaga) / Možnost (Mac) na tipkovnici, medtem ko kazalec miške premikate med obema slojema. Kazalec se bo spremenil v a ikona maske za izrezovanje :

  Ustvarjanje izrezovalne maske v Photoshopu Prikaže se ikona maske za izrezovanje.

Kliknite na ločnico med obema slojema, da ustvarite izrezovalno masko:

  Izrezovalna maska ​​je bila ustvarjena iz dveh plasti Slika je zdaj prirezana na 'Layer 1' pod njo.

Ko je ustvarjena izrezovalna maska, je fotografija zdaj prikazana samo znotraj okvira, saj je to edini del slike, ki se nahaja nad dejansko vsebino na plasti pod njo. Preostanek fotografije je skrit, ker je nad prosojnico:

  Maska za izrezovanje postavi fotografijo v okvir. Fotografija je zdaj prirezana znotraj okvirja zahvaljujoč izrezovalni maski.

Spreminjanje velikosti vsebine znotraj izrezovalne maske

Končno smo videli, da lahko premikamo vsebino znotraj maske za izrezovanje z orodjem za premikanje. Prav tako lahko z uporabo Photoshopa spremenimo velikost vsebine znotraj izrezovalne maske Prosta transformacija ukaz. Trenutno je moja fotografija prevelika za okvir, zato ji bom spremenil velikost tako, da se pomaknem na Uredi jedilnik in izbiranje Prosta transformacija :

  Izbira ukaza Free Transform v Photoshopu Pojdite na Edit > Free Transform.

Photoshop postavi polje Free Transform in ročice okoli slike, vključno z območjem zunaj okvirja, ki je trenutno skrito z izrezovalno masko:

  Ročaji proste transformacije se prikažejo okoli območij slike, ki jih skriva maska ​​za izrezovanje Ročaji Free Transform se prikažejo okoli celotne slike, vključno s skritimi območji.

Za spremembo velikosti pritisnem in zadržim svoj Shift ko kliknem na kotni ročaji in jih povlecite navznoter. Držanje tipke Shift zaklene razmerje stranic slike, da je ne popačim:

  Spreminjanje velikosti fotografije znotraj maske za izrezovanje v Photoshopu z uporabo Free Transform Spreminjanje velikosti fotografije znotraj izrezovalne maske.

Če ga sprejmem, bom pritisnil Vnesite (Zmaga) / Vrnitev (Mac) na tipkovnici, da zaprem Free Transform. In zdaj, zahvaljujoč moči izrezovalnih mask, se fotografija lepo prilega okvirju:

  Učinek vadnice maske za izrezovanje v Photoshopu Končni rezultat maske za izrezovanje.