Clipping Masks

Duur: 45 min

Vlekje, in een hartvormig clipping mask

De termen Clipping Path en Clipping Mask worden door elkaar gebruikt en betekenen min of meer hetzelfde. In het Nederlands wordt het een knipmasker genoemd. Het gaat hier om een vorm (een vector) die dient als clipping mask en dus andere objecten eronder toont of verbergt. De buitenste lijn van deze vorm heet het clipping path.

IntroOefening 1Oefening 2Oefening 3Theorie

In Illustrator is het maken van een clipping mask vrij simpel: je selecteert een aantal objecten en rechtsklik > Make clipping mask. Illustrator gebruikt nu het bovenste object van de selectie in het paneel Lagen om alle andere geselecteerde objecten mee te maskeren.

Een clipping mask verschijnt als een speciale groep lagen in het Lagen paneel: een Clipping Group. Dit betekent dat je de verschillende objecten nog kan bewerken, aangezien ze nog allemaal los aan te klikken zijn. Dat geldt ook voor de vorm van het clipping mask zelf.

Maar let op: er bestaat ook iets als een Masker in Illustrator en dat werkt anders. Dit wordt verder niet in deze les behandelt, maar bekijk de afbeelding hiernaast eens. Je ziet dat er geen masker aanwezig is in het paneel Transparency (Transparantie) wanneer de clip group is geselecteerd.

Laten we eens oefenen met het maken van een simpel Clipping Path. Je maakt een layout/ontwerpje van een aantal vormen en maskert deze af met een vorm die als ‘kader’ dient.

  1. Download de Training Clipping Paths en doe hiervan oefening 1.

De vorm die je Clipping Mask maakt kun je nog bewerken. Je kunt deze bijvoorbeeld lijndikte geven of de achtergrondkleur veranderen. Deze achtergrond verschijnt achter de geclipte objecten.

Je kunt ook meerdere vormen gebruiken als clipping mask. Hiervoor moet je deze vormen wel eerst samenvoegen tot een Compound Path (Samengestelde Vorm). Dit is een object dat zich gedraagt als één vorm, maar wel meerdere vormen kan bevatten.

Door een compound path te dubbelklikken met de Selection Tool (zwarte pijl) kom je in isolation mode en kun je individuele shapes bewerken. Dubbelklik op een lege plek buiten het artboard om uit isolation mode te komen.

  1. Ga verder met de Training Clipping Paths die je hebt gedownload bij oefening 1 en doe hiervan oefening 2.
  2. Bekijk indien nodig de video “3 Illustrator Clipping Mask Uses You NEED TO KNOW” vanaf ongeveer 3’00 minuten. Let op: De stap Pathfinder > Unite (rond 3’45”) kun je overslaan.

Je moet bij deze oefening een foto van jezelf uitkiezen om te gebruiken als achtergrond. Let er goed op dat deze foto wordt ingesloten en niet gekoppeld. Wanneer de foto namelijk is gekoppeld aan de locatie van het bestand op jouw computer, dan zal de link breken wanneer je de oefening inlevert. Selecteer een foto en klik op de knop Embed of Insluiten (staat ergens bovenin beeld) om de foto toe te voegen aan het Illustrator bestand.

Je kunt ook tekst gebruiken als Clipping Path. Het zou een nadeel zijn als je de tekst daarvoor eerst tot een vector-shape moet omzetten, want dan is de tekst niet meer als tekst te bewerken.

We gebruiken daarom een andere techniek om tekst te gebruiken als Clipping Mask terwijl deze te bewerken blijft.

  1. Ga verder met de Training Clipping Paths die je hebt gedownload bij oefening 1 en doe hiervan oefening 3.
deelvenster Tekenmodi
Drawing modes

De makkelijkste manier is om gebruik te maken van de verschillende ‘drawing modes’ in Illustrator. Je vindt deze onderaan de toolbar. Het waren in oudere versies drie knopjes naast elkaar, nu is het één knop.

Copy je achtergrondplaatje naar het geheugen (CMD-C) en zet de drawing mode op Inside. Selecteer je tekst en paste (CMD-D). Nu wordt je achtergrond geclipt door de tekst, terwijl je de tekst nog kunt editen.

Gradients Verdieping

Duur: 75 min

Mesh Tool

Met de tool Verloop (Gradient Tool) kun je kiezen uit 3 type verlopen: Linear, Radial of Freeform. Maar wat als geen van deze je uitkomst bieden? Dan kun je denken aan het samenvoegen van meerdere verlopen. Of misschien is een Gradient Mesh wel de oplossing.

IntroOefening 1Oefening 2Oefening 3Theorie
Meerdere verlopen samenvoegen
Hier zie je twee fills in het geselecteerde object.

Hierbij moet je denken aan het stapelen van verschillende vullingen (fills), als lagen, binnen één vorm. Dus iedere fill kan zijn eigen gradient bevatten. Je kunt deze lagen vervolgens op een ‘overvloeimodus’ (blendmode) zetten, zoals je misschien kent uit Photoshop. Dit gebeurt allemaal in het paneel Vormgeving (Appearance).

De Mesh Tool
Klik om te vergroten

Met de Netobjecten (Mesh) Tool kun je van een vorm een mesh maken, zogezegd een soort ‘net’. De knooppunten van het net kun je een kleur geven en dan ontstaat er tussen de knooppunten een verloop.

We gaan oefenen in het maken van één object met meerdere vullingen (fills). In het voorbeeld hiernaast zie je een object met drie fills op elkaar: de blauwe achtergrond (linear), de zon (radial), en bovenop de grond (linear).

  1. Download de Training Gradients Verdieping en open deze in Illustrator.
  2. Maak hiervan oefening 1.
  3. Bekijk indien nodig de video “Gradients in Illustrator” (nl) van 2:55 tot 6:45.

We gaan oefenen met de Mesh Tool. We tekenen vlammen op een foto van een lucifer. De lucifer is losgeknipt, zodat we er vlammen voor en achter kunnen tekenen. We gebruiken een blendmode om de voorste lagen mooi te laten mengen met de lagen eronder.

  1. Werk verder in het bestand Training Gradient Tool Verdieping dat je hebt gedownload bij oefening 1.
  2. Maak hiervan oefening 2.
  3. Indien nodig, bekijk dan de video “Gradients in Illustrator” (nl) van 6:45 tot 13:30.

Voorbeeld van de opbouw van vlammen met de Mesh Tool:

vorm achter lucifer
vorm linksvoor
vorm rechtsvoor

Bekijk de onderstaande video:
6:45-13:30 – Mogelijkheden en beperkingen van de Mesh Tool:

Deze Mesh-lijnen zijn niet handig

Aan het einde van de video “Gradients in Illustrator” (van 13:30-17:19) wordt uitgelegd dat de mesh tool niet altijd goed werkt. Sommige vormen geven een lastige mesh die niet goed te sturen is. Een ster-vorm (zie voorbeeld) geeft bijvoorbeeld scherpe hoeken in je Mesh die niet te verwijderen zijn.

Een Mesh achter een stervormig clipping mask.

In dit soort gevallen kun je gebruik maken van een knipmasker (clipping mask) met een Mesh er achter. Dit geeft je meer controle over de mesh en je kunt ook de vorm van het clipping mask wijzigen zonder de Mesh te beïnvloeden.

Een Clipping Mask maak je door twee of meer vormen te selecteren en dan rechtsklik > Clipping Mask. De achterste vorm(en) wordt nu gemaskerd door de voorste vorm (alles binnen de voorste vorm is zichtbaar). Zie ook Adobe Help: Knipmasker bewerken.

  1. Werk verder in het bestand Training Gradient Tool Verdieping dat je hebt gedownload bij oefening 1.
  2. Maak hiervan oefening 3.
  3. Indien nodig, bekijk dan de video Gradients in Illustrator (zie Theorie).

In onderstaande video wordt uitgelegd:

  • 0:00-2:55 – Werking van de Gradient Tool en Paneel Gradient
  • 2:55-6:45 – Gradients stapelen met Paneel Vormgeving
  • 6:45-13:30 – Mogelijkheden en beperkingen van de Mesh Tool
  • 13:30-17:19 – Mogelijkheden en beperkingen van type Freeform Gradient

De basiskennis over Gradients wordt uitgelegd in deze video: