Grunderna för klippningsvägar och opacitetsmaskar

Vad du ska skapa

I den här handledningen kommer vi att täcka fördelarna, vissa användningsområden och "hur till" av två kraftfulla metoder för att dölja eller visa områden i ett Illustrator-dokument utan att radera objekt som du vill vara osynliga, vilket gör att du kan gå tillbaka och arbeta lättare.

Introduktion

Opacity Masks and Clipping Paths är två av de mest använda verktygen i mitt arbetsflöde. De tillåter mig att enkelt avslöja eller dölja bilder utan att radera några vägar. Som i alla digitala konster är det bäst att designa ditt arbetsflöde för att möjliggöra maximal redigering. Det är oundvikligt att antingen jag själv eller klienten kommer att ändra sig genom processen och denna teknik möjliggör enkla ändringar och ändringar, vilket leder till mindre stress och lyckligare kunder.

Låt oss först definiera skillnaden mellan ett klippningsbana och en opacitetsmask:

  • Clipping paths är binära (på eller av) operationer som tillämpas mot alla banor / objekt i ett lager. Detta kan till och med innehålla underlag med separat definierade klippvägar.

  • Opacity Masks är gråskaliga kartor applicerade endast mot enskilda vägar / objekt. Det enda undantaget är att en Opacity Mask kan appliceras mot en uppsättning objekt om de är grupperade.

Det kan vara lättare att förstå med det här enkla exemplet:

Till vänster är den ursprungliga konsten utan opacitet eller klipping tillämpad.

I mitten har jag applicerat en stjärnformad klippningsväg till skiktet som innehåller turkoscirkelvägen, som visas nedan. Eftersom Clipping Paths är en Ja eller nej koncept, erkänner insatsen endast om det finns eller om det inte finns en väg. Cirkeln uppenbaras där det finns en väg och gömd i frånvaron av den vägen.

Till höger har jag applicerat en opacitetsmaske på turkoscirkelvägen. Eftersom opacitetsmasker känner igen hela sortimentet av svart till vitt använde jag en gradient för att visa värdena mellan fullständig opacitet och ingen opacitet, något vi kommer att göra igen på bara en bit. Självklart kan vi skapa opacitetsmasker av någon solid grå färg för att tilldela olika procentuell transparens / opacitet. Standardinställningarna för Opacity Masks är: Vitt är synligt, svart osynligt, alla grader däremellan hänför sig därmed.

Del 1: Clipping Paths

Clipping Paths är ett bra verktyg - jag använder dem av två huvudorsaker:

  • Beskära en hel del konstverk till destinationen. Många gånger kommer jag att ha konstverk som sträcker sig långt utöver de dimensioner som önskas för illustrationen, men jag klippar konstverket till rätt dimensioner plus lämplig blödning.

  • Återge mönster, texturer eller bakgrunder inom ett område (och därmed utesluta det på andra områden) utan att radera några vägar eller objekt

Steg 1

För den här demonstrationen kommer jag att klippa nedre bakgrunden till en viss form. Både turkos och maneter är i samma lager.

Steg 2

Nu måste vi skapa en sökväg eller form för att klippa till. Detta exempel liknar vad jag kan göra för en liten punktillustration. Rektanglar är så tråkiga och förutsägbara, låt oss göra något organiskt. Så att du lätt kan se det, har jag satt den form som jag vill klippa som solid svart. Jag brukar dra denna väg ofylld, med en tunn stroke så att jag kan se under den för noggrannhet.

Steg 3

Om den sökväg du vill klippa skiktet till inte ligger högst upp i lagersatsen, flytta den där och klicka på knappen Gör / Släpp Clipping Mask längst ner på panelen Lager. Ikonen visar en skisserad cirkel och en kvadrat med deras fackförbund skuggade in. Var noga med att välja det skikt som du vill använda Clipping Path till, i det här exemplet är det "Layer 2", inte själva vägen.

Nu när Clipping Path tillämpas, kan du se resultaten. Endast konstverket direkt under vägen avslöjas.

När som helst kan du alltid ta vägen och flytta den om du vill. Många gånger kan din klippningsväg kanske inte vara perfekt justerad så det är trevligt att ha möjlighet att knyta saker runt. Även formen i sig är inte permanent - du kan redigera de enskilda kontrollpunkterna! Du kan släppa klippplattan genom att välja Clipping Path och klicka på samma ikon som skapade den i panelen Lager eller för att helt ta bort den kan du dra sökvägen till papperskorgen i panelen Lager.

Del 2: Opacitetsmasker

Steg 1

Jag har lagt en enkel JellyFish karaktär framför vår nyligen klippta bakgrund. Vi kommer att lägga till några fläckar till maneterna som kommer att blekna när de är nära hans ögon och mun. Jag har skisserat fläckarna här först så att du kan se var de överlappar den vita bakgrunden.

Steg 2

Nu har jag valt kropp av maneterna och kopierade den och klistrade in på framsidan. Sedan tillämpade jag en enkel gradient genom Gradient-panelen. Du kan se den här formen nedan, vi ska använda detta som opacitetsmasken.

Steg 3

Jag klipper sedan den nya lutningsformen för att ta bort den från konstverket och håller den i utklippstavlan för användning på bara en minut. När du har valt de vita prickarna och grupperar dem flyttar jag till panelen Transparens och dubbelklickar på det tomma området bredvid Miniatyrbilden.

Med sökvägen / objektet / gruppen som du vill tillämpa Opacity Mask på markerad, dubbelklicka på panelen Transparens för att aktivera Mask Layer, som visas nedan.

Steg 4

Nu när jag har berättat Illustrator att applicera en opacitetsmaske till gruppen prickar, klistrar jag in på framsidan igen (Klistra in på framsidan / bakåt är trevliga kommandon när de tar de kopierade / klippade banorna och placerar dem i exakt var de kom ifrån ) i detta Opacity Mask-område. Kommando + F är Klistra in på framsidan och Kommando + B är Klistra in bakåt.

Om du visuellt ser gradienten på Artboard efter att du klistra in betyder det att du inte arbetar i Opacity Mask-området. På panelen Transparens ser du en liten kontur runt antingen vänster eller höger. Den vänstra rutan är ditt Artboard-konstverk, den högra är masken. Det är lätt att glömma om du arbetar på Opacity Mask eller Artboard så se till att du arbetar på rätt sätt. När du klistrar in i opacitetsmasken ser du den inte på Artboard, men en förhandsgranskning av formen kommer att dyka upp i panelen Transparens, som visas nedan.

Du kommer att märka en ikon för en Chain Link mellan de två. Detta innebär att om du flyttar konstverket flyttas masken med den. Om de är upplåsta (genom att klicka på ikonen) kan du flytta konstverket oberoende av masken. Det här är användbart om du till exempel har en Opacity Mask i form av en tröja, men mönstret är inte upprättat korrekt, du kan flytta mönstret och skjortan stannar kvar.

Observera också att jag klickade på Invert Mask i panelen Transparency. Detta ändras helt enkelt om svart eller vitt fungerar som den transparenta eller synliga änden av spektret och vice versa.

Slutsats

Jag går tillbaka till Artboard och lagt till några ljusa vita höjdpunkter utan masker för att göra maneterna pop- samt toning ner bakgrunden och lägga lite gradient till tentaklarna.

Och här är den färdiga produkten! Opacity Mask and Clipping Path kan frigöra mycket tid för en artist eller designer, lära sig dem bra och de kommer att vara några av dina bästa verktyg.

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.