Rask Tips 100% Vector Drop Shadow med Illustrator CS6

I dagens raske tipsveiledning skal jeg vise deg hvordan du bruker en av de flotte nye funksjonene i Adobe Illustrator CS6, gradient på slag, for å lage en 100% vektor Drop Shadow og Inner Glow.

Introduksjon

I dagens raske tipsveiledning skal jeg vise deg hvordan du bruker en av de flotte nye funksjonene i Adobe Illustrator CS6, gradient på slag, for å lage en 100% vektor Drop Shadow og Inner Glow.

Så la oss komme til det med en gang.


Tar Apart Drop Shadow

Før vi kommer inn på hvordan vi skal oppnå denne dropshadow, må vi forstå hva som faktisk skjer når vi bruker en Drop Shadow-effekt i Adobe Illustrator for tiden, og hvorfor det ikke er helt vektor.

Så du har tegnet et tilfeldig objekt, i dette tilfellet har jeg brukt Star Tool og du vil ha en dråpe skygge på den. For å få dette til å gå til Effekt> Stylize> Drop Shadow, og du får blow dialogboksen for å endre drop shadow som du ønsker.

Men hvis du skulle bruke denne effekten og deretter Objekt> Utvid den og bore ned i gruppen den produserer, vil du legge merke til at den inneholder et rasterelement. Dette er objektet merket "Image" som du kan se nedenfor.

Faktisk hvis du skjuler "Image", vil du bare være igjen med den originale formen. Så hva skjer egentlig?

Hva som faktisk skjer når du bruker effekten er Adobe Illustrator dupliserer formen og endrer deretter fyllfarge for å si svart i dette tilfellet. Den rasteriserer objektet, blurser det og utligner det. Da er formen kombinert med originalen for å produsere Live Effect Drop Shadow. Dette betyr at du kan gå tilbake til alternativene til Drop Shadow via Utseende panelet for å endre alt fra drop shadow fylle farge, uskarphet og så videre. Det samme gjelder når du lager en Inner Glow-effekt.


100% Vector Drop Shadow - CS5 Style

Hvis du er en vanlig leser av VectorTuts +, har du kanskje sett en lignende opplærings tittel et par år tilbake. Faktisk gjorde jeg en videoopplæringsveiledning for hvordan du lager en 100% vektor dropshadow i Adobe Illustrator CS5. Dette gjøres ved å bruke "Juster strøk utenfor" i Utseendepanelet.

Du kan bruke en lignende prosess for å skape en indre glødseffekt, bare ved å bruke "Juster Stroke Inside".


100% Vector Drop Shadow - CS6 Style

Så hvordan kan vi oppnå en Drop Shadow i CS6? Enkelt, ved å duplisere formen din og gi den en svart fyll og deretter et svart gjennomsiktig lineært gradientslag satt til "Apply gradient across stroke".

Det er et par ting du må huske på. Du kan ikke "Justere Stroke Outside" med en gradient. For å komme seg rundt dette må du sikre at din Drop Shadow-farge, i dette tilfellet svart, er den mest sentrale Gradient Slider og 100% Opacity. Annet enn det, finner du at du kan øke Drop Shadow "uskarphet" ved å spille med Stroke Weight og selv Gradient Sliders langs toppen.

La oss bare se på dette litt nærmere og objekt> Utvid vår gradient på slag. Når du gjør dette, vil du legge merke til Gradient on Stroke er bare en Gradient Mesh! Så ikke et rasterelement som Live Effect Drop Shadow bruker. Dette gjør det til en vektor Drop Shadow.

For å bevise at det også er et Gradient Mesh og en du faktisk kan redigere, har jeg brukt Direkte utvalgsverktøyet (A) til å velge alle punktene i hjørnet av nettverket vårt og endret fargen til blå.


100% Vector Inner Glow - CS6 Style

Hvis du bare kunne bruke "Juster strøk innvendig" med Gradient on Stroke, ville det være mye enklere å skape en indre glød. Men som du kan se fra nedenfor, er alternativet gråtonet / nullet ut. Så å lage en Inner Glow først duplisere din opprinnelige form. Legg deretter på fyllingen som vanlig og deretter "Påfør gradient over slag" med den tidligere brukte transparente lineære gradienten. Gi taket bare en blandemodus og opasitet.

Bruk duplikatet av den opprinnelige formen og opprett deretter en Clipping Mask (Command + 7), og der vil du ha din Inner Glow.


Konklusjon

Hvorfor vil du gjøre dette? Vel, hvis du er en vektorfreak som meg, har tanken på å ha noen rasterelementer i arbeidet ditt at du gjennomsøker huden, og du vil gjerne ha den ekstra milen for å sikre at alle deler av arbeidet ditt er vektor. Kanskje jeg bare har bekjentgjort noen bizar vektor CCD. Uansett, det er bare en øvelse for de som liker å trene sine skalerbare hjerner. Jeg håper du har hatt dette tipset!