Grunnleggende om Clipping Paths og Opacity Masks

Hva du skal skape

I denne opplæringen skal vi dekke fordelene, enkelte bruksområder og hvordan i to sterke metoder for å skjule eller vise områder i et Illustrator-dokument uten å slette objekter du vil være usynlig, noe som gjør det mulig å gå tilbake og re-arbeid lettere.

Introduksjon

Opacity Masks and Clipping Paths er to av de mest brukte verktøyene i arbeidsflyten min. De lar meg enkelt avsløre eller gjemme kunstverk uten å slette noen stier. Som i all digital kunst, er det best å designe arbeidsflyten din for å gi maksimal redigerbarhet. Det er uunngåelig at enten meg selv eller klienten vil forandre seg gjennom prosessen, og denne teknikken tillater enkle revisjoner og redigeringer, noe som fører til mindre stress og lykkere kunder.

Først la oss definere forskjellen mellom en klippervei og en opasitetsmaske:

  • Clipping Paths er binære (på eller av) operasjoner som brukes mot alle baner / objekter i et lag. Dette kan til og med inkludere underlag med separat definerte Clipping Paths.

  • Opacity Masks er gråskala Kart brukes kun mot individuelle stier / objekter. Det eneste unntaket er at en Opacity Mask kan brukes mot et sett med objekter hvis de er gruppert.

Det kan være lettere å forstå med dette enkle eksempelet:

Til venstre er den opprinnelige kunst uten opacity eller clipping brukt.

I midten har jeg søkt på en stjerneformet Clipping Path til laget som inneholder turkis sirkelbanen, vist nedenfor. Fordi Clipping Paths er en Ja eller nei konsept, operasjonen gjenkjenner bare om det er eller hvis det ikke er en bane. Sirkelen er åpenbart hvor det er en sti, og skjult i fravær av den banen.

Til høyre har jeg brukt en Opacity Mask til den turkise sirkelbanen. Fordi Opacity Masks gjenkjenner hele sortimentet av svart til hvitt, brukte jeg en gradient for å vise rekkevidden av verdier mellom full ugjennomtrengelighet og ingen opasitet, noe vi vil gjøre igjen på litt. Selvfølgelig kan vi lage Opacity Masks av en hvilken som helst solid gråton for å tildele forskjellige prosentvis gjennomsiktighet / opasitet. Standardinnstillingene for Opacity Masks er: hvitt er synlig, svart usynlig, alle grays i mellom er relatert tilsvarende.

Del 1: Clipping Paths

Clipping Paths er et flott verktøy - jeg bruker dem for 2 grunnleggende grunner:

  • Beskjære et helt kunstverk til destinasjonen. Mange ganger vil jeg ha kunstverk som strekker seg langt utover de dimensjonene som er ønsket for illustrasjonen, men jeg klipper kunstverket til de riktige dimensjonene pluss det aktuelle blødet.

  • Å avsløre mønstre, teksturer eller bakgrunner innenfor et område (og dermed ekskludere det på andre områder) uten å slette noen baner eller objekter

Trinn 1

For denne demonstrasjonen skal jeg klippe under bakgrunnen til en bestemt form. Både turkis og maneter er i samme lag.

Steg 2

Nå må vi lage en sti eller form for å klippe til. Dette eksemplet ligner på hva jeg kan gjøre for en liten spotillustrasjon. Rektangler er så kjedelige og forutsigbare, la oss gjøre noe organisk. Slik at du lett kan se det, har jeg satt formen jeg vil klippe som solid svart. Jeg tegner vanligvis denne banen ufylt, med et tynt slag slik at jeg kan se under det for nøyaktighet.

Trinn 3

Hvis banen du vil klippe laget til, ikke er øverst på lagsettet, flytter du det og klikker på Make / Release Clipping Mask-knappen nederst på Lagpanelet. Ikonet viser en skreddersydd sirkel og firkant med deres forening skygget inn. Pass på å velge laget som du vil bruke Clipping Path til, i dette eksempelet er det "Layer 2", ikke selve banen.

Nå når Clipping Path er brukt, kan du se resultatene. Bare kunstverket rett under banen er avslørt.

På et hvilket som helst tidspunkt kan du alltid ta tak i stien og flytte den rundt hvis du vil. Mange ganger kan ikke Clipping Path være perfekt justert, så det er fint å ha muligheten til å knuse ting rundt. Selv selve formen er ikke permanent - du kan redigere de enkelte kontrollpunktene! Du kan frigjøre Clipping Path ved å velge Clipping Path og klikke på det samme ikonet som opprettet det i Layer-panelet, eller for å fjerne det helt, kan du trekke banen inn i Papirkurven i Lagpanelet.

Del 2: Opacity Masks

Trinn 1

Jeg har lagt en enkel JellyFish-figur foran vår ferske Clipped-bakgrunn. Vi skal legge til flekker til maneter som vil falme som de nær hans øyne og munn. Jeg har skissert stedene her først, slik at du kan se hvor de overlapper den hvite bakgrunnen.

Steg 2

Nå har jeg valgt kropp av maneter og kopierte den og limt inn foran. Jeg brukte deretter en enkel gradient gjennom Gradient-panelet. Du kan se denne formen nedenfor, vi skal bruke dette som Opacity Mask.

Trinn 3

Jeg kutter deretter den nye gradientformen for å fjerne den fra kunstverket, og holder den i utklippstavlen for bruk på bare et minutt. Etter at du valgte de hvite punktene og grupperer dem, flytter jeg til gjennomsiktighetspanelet og dobbeltklikker i det tomme området ved siden av Miniatyrbilder av prikkene.

Med banen / objektet / gruppen som du vil bruke Opacity Mask til å velge, dobbeltklikk i Transparentpanelet for å aktivere Mask Layer, som vist nedenfor.

Trinn 4

Nå som jeg har fortalt Illustrator å bruke en Opacity Mask til gruppen av prikker, limer jeg inn på forsiden igjen (Lim inn foran / bak er fine kommandoer når de tar kopierte / kuttstier og plasserer dem i nøyaktig hvor de kom fra ) i dette Opacity Mask-området. Kommando + F er Lim inn foran og Kommando + B er Lim inn i baksiden.

Hvis du visuelt ser gradienten på Artboard etter at du har limt inn, betyr det at du ikke jobber i Opacity Mask-området. I gjennomsiktighetspanelet vil du legge merke til en liten disposisjon rundt enten venstre eller høyre firkant. Det venstre torget er Artboard-kunstverket, høyre er masken. Det er lett å glemme om du jobber med Opacity Mask eller Artboard, så sørg for at du jobber med riktig. Når du limer inn i Opacity Mask, vil du ikke se den på Artboard, men en forhåndsvisning av formen (e) vil dukke opp i Transparentpanelet, som vist nedenfor.

Du vil legge merke til et ikon for en Chain Link i mellom de to. Dette betyr at hvis du flytter kunstverket, flyttes masken med den. Hvis de er låst opp (ved å klikke på ikonet) kan du flytte kunstverket uavhengig av masken. Dette er nyttig hvis du for eksempel har en Opacity Mask i form av en skjorte, men mønsteret er ikke lined opp riktig, du kan flytte mønsteret og skjorten forblir stille.

Legg merke til at jeg klikket på Inverter Mask i Transparency-panelet. Dette endrer ganske enkelt om svart eller hvitt virker som den gjennomsiktige eller synlige enden av spekteret og omvendt.

Konklusjon

Jeg beveger meg tilbake til Artboard og legger til noen lyse hvite høydepunkter uten maske for å gjøre manet pop samt toning ned bakgrunnen og legge litt gradient til tentaklene.

Og her er det ferdige produktet! Opacity Mask and Clipping Path kan frigjøre mye tid for en kunstner eller designer, lære dem godt og de vil være noen av dine beste verktøy.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.