In deze tutorial laat ik je zien hoe je knipmaskers in Photoshop gebruikt om te laten zien en verberg verschillende delen van een laag en plaats afbeeldingen in vormen! We leren de basisprincipes van het maken van een knipmasker, en we ‘zullen het idee erachter in meer detail onderzoeken, zodat je aan het einde van deze les een goed begrip zult hebben van hoe knipmaskers werken. I’ Ik zal Photoshop CC gebruiken, maar alles is volledig compatibel met Photoshop CS6 en eerder. Laten we beginnen!

Wat zijn knipmaskers?

Knipmaskers in Photoshop zijn een krachtige manier om de zichtbaarheid van een laag te bepalen. In die zin lijken knipmaskers op laagmaskers. Maar hoewel het eindresultaat er hetzelfde uitziet, zijn uitknipmaskers en laagmaskers heel verschillend. Een laagmasker gebruikt zwart en wit om verschillende delen van de laag weer te geven en te verbergen. Maar een uitknipmasker gebruikt de inhoud en transparantie van een laag. laag om de zichtbaarheid van een andere te bepalen.

Om een uitknipmasker te maken, hebben we twee lagen nodig. De laag onderaan bepaalt de zichtbaarheid van de laag erboven. Met andere woorden, de onderste laag is het masker , en de laag erboven is de laag die aan het masker is geknipt.

Waar de onderste laag feitelijke inhoud bevat (pixels, vormen of type), is de inhoud op de laag erboven zichtbaar. Maar als een deel van de laag aan de onderkant transparant is, wordt datzelfde gebied op de laag erboven verborgen. Dat klinkt misschien verwarrender dan hoe een laagmasker werkt, maar knipmaskers zijn net zo gemakkelijk te gebruiken. Laten we zelf een uitknipmasker maken zodat we beter kunnen begrijpen hoe ze werken.

Download deze tutorial als een printklare pdf!

Hoe een uitknipmasker werkt

Om de uitknipmaskers echt te begrijpen, moeten we eerst het verschil begrijpen tussen inhoud en transparantie op een laag. Om met mij mee te gaan, kun je elke afbeelding openen. Ik gebruik deze foto van mijn kleine vriend hier die “probeert ook op haar eigen manier te begrijpen waar dit knipsel allemaal over gaat (foto van Adobe Stock):

Een maskerlaag en een geknipte laag

Als we in het deelvenster Lagen kijken, zien we de foto op de achtergrondlaag, die momenteel de enige laag in het document:

We hebben twee lagen nodig om een uitknipmasker te maken, een die als masker dient en een die aan het masker wordt vastgeklemd, dus laten we toevoegen een tweede laag. We voegen de nieuwe laag onder de afbeelding toe. Ontgrendel eerst de achtergrondlaag. Klik in Photoshop CC op het vergrendelingspictogram om deze te ontgrendelen. Houd in Photoshop CS6 of eerder de Alt (Win) / Option (Mac) -toets ingedrukt op je toetsenbord en dubbelklik op de achtergrondlaag:

Dit ontgrendelt de achtergrondlaag en hernoemt it “Layer 0”:

Vervolgens, om een nieuwe laag onder de afbeelding, houd de Ctrl (Win) / Command (Mac) -toets op uw toetsenbord ingedrukt en klik op het pictogram Nieuwe laag toevoegen:

Een nieuwe laag genaamd “Laag 1” verschijnt onder de foto en we hebben nu twee lagen in het document. We zullen de onderste laag in het masker veranderen en de afbeelding erboven wordt naar het masker geknipt:

Inzicht in uitknipmaskers: inhoud versus transparantie

Verberg de originele afbeelding voorlopig door op het zichtbaarheidspictogram van de bovenste laag te klikken:

Met de bovenste laag uitgeschakeld, zien we de laag die we zojuist hebben toegevoegd. Nieuwe lagen in Photoshop zijn standaard leeg, wat betekent dat ze helemaal geen inhoud bevatten. Een laag zonder inhoud is transparant en we kijken er dwars doorheen. Als er geen andere lagen onder een transparante laag zijn, geeft Photoshop de transparantie weer als een dambordpatroon, zoals we hier zien:

Schakel de bovenste laag weer in door nogmaals op het zichtbaarheidspictogram te klikken:

De bovenste laag bevat daadwerkelijke inhoud. In dit geval is het pixelgebaseerde inhoud omdat we naar een digitale foto kijken, maar in Photoshop kan de inhoud ook een vectorvorm of zelfs tekst zijn. Eigenlijk wordt alles wat niet transparant is, als inhoud beschouwd:

Hoe maak je een uitknipmasker in Photoshop

Knipmaskers gebruiken de inhoud en transparantie van de laag eronder om de zichtbaarheid van de laag erboven te bepalen. Laten we een uitknipmasker maken met behulp van onze twee lagen en kijken wat er gebeurt.

Stap 1: Selecteer de laag die wordt afgekapt

Bij het maken van een uitknipmasker moeten we eerst selecteer de laag die naar de onderliggende laag wordt geknipt. In dit geval wordt de bovenste laag (“Laag 0”) naar de onderste laag (“Laag 1”) geknipt, dus zorg ervoor dat de bovenste laag is geselecteerd:

Stap 2: Kies “Creëer uitknipmasker”

Om het uitknipmasker te maken, gaat u omhoog naar het menu Laag in de menubalk en kies Knipmasker maken:

En dat is alles! Nu het laagmasker is gemaakt, toont het deelvenster Lagen nu de bovenste laag (“Laag 0”) ingesprongen naar rechts, met een kleine pijl naar beneden gericht op “Laag 1” eronder. Dit zo vertelt Photoshop ons dat de bovenste laag nu is afgekapt op de onderste laag:

Maar het probleem is dat alles wat we tot nu toe hebben bereikt door een uitknipmasker te maken, is dat we de afbeelding aan het zicht hebben onttrokken, en dat komt omdat onze maskerlaag (“Layer 1”) bevat geen inhoud. Het is volledig transparant. Met een uitknipmasker worden alle gebieden op de bovenste laag die direct boven de transparante gebieden op de onderste laag zitten, verborgen. Omdat de onderste laag alleen transparantie bevat, is geen enkel deel van de afbeelding erboven zichtbaar:

Een uitknipmasker vrijgeven

Dat was niet erg interessant, dus laat het uitknipmasker los door naar het menu Laag te gaan en Release Clipping Mask te kiezen:

In het deelvenster Lagen is de bovenste laag niet langer naar rechts ingesprongen, wat betekent dat deze niet langer is afgekapt naar de onderstaande laag:

En in het document zien we weer onze image:

Inhoud toevoegen aan het uitknipmasker

Laten we wat inhoud toevoegen aan de onderste laag. Klik op het zichtbaarheidspictogram van de bovenste laag om de afbeelding te verbergen, zodat we kunnen zien wat we “doen:

Klik vervolgens op de onderste laag om deze actief te maken:

Om inhoud toevoegen, zullen we een eenvoudige vorm tekenen. Selecteer de Elliptical Marquee Tool in de Toolbar door met de rechtermuisknop te klikken (Win) / Control-klikken (Mac) op de Rectangular Marquee Tool en de Elliptical Marquee Tool te kiezen in het uitklapmenu:

Klik en sleep een elliptische selectieomtrek in het midden van het document:

Ga naar het menu Bewerken in de menubalk en kies Vullen:

In het dialoogvenster Vullen stelt u de optie Inhoud in op zwart en klikt u vervolgens op OK:

Photoshop vult de selectie met zwart. Om de selectieomtrek rond de vorm te verwijderen, gaat u omhoog naar het menu Selecteren en kiest u Deselecteren:

En nu, in plaats van een volledig transparante laag, hebben we een gebied met wat inhoud in het midden. Merk echter op dat het gebied rond de inhoud transparant blijft:

Terug in het deelvenster Lagen toont de voorbeeldminiatuur voor de onderste laag nu de zwarte vorm. Wat hier belangrijk is om op te merken, is dat als je de voorbeeldminiaturen voor beide lagen vergelijkt, je zult zien dat een deel van de afbeelding op de bovenste laag direct boven de inhoud (de vorm) op de onderste laag zit. En een deel van de foto bevindt zich boven de transparante gebieden op de onderste laag:

Nog een uitknipmasker maken

Nu we wat inhoud aan de onderste laag hebben toegevoegd, gaan we nog een uitknipmasker maken. Nogmaals, we moeten eerst de laag selecteren die op de laag eronder wordt geknipt, dus klik op de bovenste laag om deze te selecteren.Klik vervolgens op het zichtbaarheidspictogram van de bovenste laag om de afbeelding op de laag zichtbaar te maken:

Ga terug naar het menu Laag en kies nogmaals Clipping Mask maken:

In het deelvenster Lagen zien we de bovenste laag afgekapt op de onderliggende laag, net zoals we de vorige keer zagen:

Maar in het document zien we nu een heel ander resultaat. Deze keer is het gedeelte van de foto dat zittend direct boven de vorm op de laag eronder blijft het zichtbaar! De enige delen van de foto die verborgen zijn, zijn de gebieden rond de vorm, aangezien die gebieden nog steeds boven transparantie staan:

Verplaatsen van inhoud binnen een uitknipmasker

Natuurlijk zou het resultaat er beter uit kunnen zien als ons onderwerp gecentreerd was in de vorm. Met knipmaskers is het gemakkelijk om inhoud erin te verplaatsen en opnieuw te positioneren. Selecteer gewoon het verplaatsgereedschap op de werkbalk:

Klik vervolgens op de foto en sleep deze naar de juiste positie. Terwijl u de afbeelding verplaatst, blijft alleen het gebied dat over de vorm op de onderliggende laag beweegt zichtbaar. En dat is de basis van hoe knipmaskers werken :

Wanneer een uitknipmasker gebruiken

Hoewel laagmaskers het beste zijn voor het mengen van lagen met naadloze overgangen, zijn knipmaskers in Photoshop perfect wanneer uw afbeelding in een duidelijk gedefinieerde vorm moet passen. De vorm kan er een zijn die u hebt getekend met een selectiegereedschap, zoals we hebben gezien. Maar een uitknipmasker kan ook worden gebruikt om een vectorvorm met een afbeelding te vullen of om een afbeelding in tekst te plaatsen. Als een ander voorbeeld van wat we kunnen doen met knipmaskers, laten we eens kijken hoe een knipmasker kan worden gebruikt om een foto in een kader te plaatsen.

Een foto in een kader plaatsen met knipmaskers

Hier heb ik een document met twee afbeeldingen, elk op een aparte laag. De foto op de onderste laag bevat het frame:

En als ik de bovenste laag aanzet door op het zichtbaarheidspictogram te klikken:

We zien de foto die ik in het frame wil plaatsen:

Ik verberg de bovenste laag voorlopig door nogmaals op het zichtbaarheidspictogram te klikken, en dan klik ik op de achtergrondlaag om deze te selecteren:

Tekenen of de vorm selecteren

I zei dat knipmaskers het beste werken als uw afbeelding in een vorm moet passen. In dit geval is de vorm het gebied binnen het frame. Aangezien het gebied is gevuld met effen zwart, zal ik het selecteren met de Toverstaf-tool van Photoshop:

Ik klik met de toverstaf in het frame en nu is het gebied geselecteerd:

Vervolgens kopieer ik het geselecteerde gebied naar een nieuwe laag door naar het menu Laag in de menubalk te gaan, Nieuw te kiezen en vervolgens Laag via kopiëren te kiezen:

Photoshop kopieert mijn selectie naar een nieuwe laag tussen de achtergrondlaag en de foto die ik in het kader zal plaatsen. Ik heb nu de vorm die ik nodig heb om mijn uitknipmasker te maken:

Een snellere manier om een uitknipmasker te maken

Om het knippen masker, selecteer ik de bovenste laag, en ik zet de laag weer aan door op het zichtbaarheidspictogram te klikken:

We hebben gezien dat we een uitknipmasker kunnen maken door Create Clipping Mask te kiezen in het Layer-menu. Maar een snellere manier is om de Alt (Win) / Option (Mac) -toets op uw toetsenbord ingedrukt te houden terwijl u uw muiscursor tussen de twee lagen beweegt. Uw cursor verandert in een uitknipmaskerpictogram:

Klik op de scheidslijn tussen de twee lagen om het uitknipmasker te maken:

Nu het uitknipmasker is gemaakt, verschijnt de foto nu alleen binnen het frame, aangezien dat het enige deel van de afbeelding is dat boven de werkelijke inhoud op de laag eronder staat. De rest van de foto is verborgen omdat deze boven transparantie staat:

De grootte van inhoud binnen een uitknipmasker wijzigen

Ten slotte hebben we gezien dat we inhoud binnen een uitknipmasker kunnen verplaatsen met het gereedschap Verplaatsen. Maar we kunnen de grootte van de inhoud binnen een uitknipmasker net zo gemakkelijk wijzigen met de opdracht Vrije transformatie van Photoshop. Op dit moment is mijn foto te groot voor het kader, dus ik pas het formaat aan door naar het menu Bewerken te gaan en Vrij te kiezen. Transformeren:

Photoshop plaatst de gratis Transformeervak en handvatten rond de afbeelding, inclusief het gebied buiten het frame dat momenteel verborgen is door het uitknipmasker:

Om het formaat te wijzigen, houd ik mijn Shift-toets ingedrukt terwijl ik op de hoekgrepen klik en ze naar binnen sleep. Als u de Shift-toets ingedrukt houdt, wordt de beeldverhouding van de afbeelding vergrendeld, zodat ik deze niet vervorm:

Om het te accepteren, druk ik op Enter (Win) / Return (Mac) op mijn toetsenbord om Vrije transformatie af te sluiten. En nu, dankzij de kracht van knipmaskers, past de foto mooi in het kader:

En daar hebben we het! Dat is hoe knipmaskers werken in Photoshop en hoe je een knipmasker gebruikt om verschillende delen van een laag weer te geven en te verbergen! Bezoek onze Photoshop Basics-sectie voor meer Photoshop-tutorials!