Snabb Tips 100% Vector Drop Shadow med Illustrator CS6

I dagens snabba tips handledning kommer jag att visa dig hur du använder en av de fantastiska nya funktionerna i Adobe Illustrator CS6, gradient på stroke, för att skapa en 100% vektor Drop Shadow och Inner Glow.

Introduktion

I dagens snabba tips handledning kommer jag att visa dig hur du använder en av de fantastiska nya funktionerna i Adobe Illustrator CS6, gradient på stroke, för att skapa en 100% vektor Drop Shadow och Inner Glow.

Så låt oss ta itu med det genast.


Ta bort Drop Shadow

Innan vi kommer in i hur vi uppnår denna fallskugga behöver vi förstå vad som faktiskt händer när vi använder en Drop Shadow-effekt i Adobe Illustrator för närvarande och varför den inte är helt vektor.

Så du har ritat ett slumpmässigt objekt, i det här fallet har jag använt Star Tool och du vill ha en droppskugga på den. För att få det här till Effect> Stylize> Drop Shadow och du får blås dialogrutan för att ändra din skuggskugga som du önskar.

Men om du skulle tillämpa denna effekt och sedan Objekt> Expandera den och borra ner i den grupp som den producerar, märker du att den innehåller ett rasterelement. Detta är objektet märkt "Bild" som du kan se nedan.

Faktum är att om du döljer "Image" kommer du bara att lämna med den ursprungliga formen. Så vad händer faktiskt?

Vad som faktiskt händer när du tillämpar effekten är Adobe Illustrator duplicerar formen och ändrar sedan fyllnadsfärgen för att säga svart i det här fallet. Det rastererar sedan objektet, försvinner det och förskjuter det. Därefter kombineras formen med originalet för att producera Live Effect Drop Shadow. Det betyder att du kan gå tillbaka till alternativen för Drop Shadow via Utseckningspanelen för att ändra allt från färgskala fyllning färg, oskärpa och så vidare. Detsamma gäller när du skapar en inre glödseffekt.


100% Vector Drop Shadow - CS5 Style

Om du är en vanlig läsare av VectorTuts + kan du ha sett en liknande handledningstitel ett par år tillbaka. Faktum är att jag gjorde en video snabb tips handledning om hur man skapar en 100% vektor drop shadow i Adobe Illustrator CS5. Detta görs genom att använda "Justera streck utanför" i Utseendepanelen.

Du kan tillämpa en liknande process för att skapa en inre glödseffekt, bara genom att använda "Justera streck inuti".


100% Vector Drop Shadow - CS6 Style

Så hur kan vi uppnå en Drop Shadow i CS6? Enkelt genom att duplicera din form och ge den en svart fyllning och sedan en svart transparent linjär gradientsats inställd på "Apply gradient across stroke".

Det finns ett par saker du behöver tänka på. Du kan inte "Justera streck utanför" med en lutning. För att komma runt detta måste du se till att din Drop Shadow-färg, i detta fall svart, är den mest centrala Gradient Slider och vid 100% opacitet. Annat än det, hittar du att du kan öka Drop Shadow "oskärpa" genom att spela med Stroke Weight och även Gradient Sliders längs toppen.

Låt oss bara titta på detta lite mer närmare och Objekt> Utöka vår grad på slag. När du gör detta märker du Gradient on Stroke är bara en Gradient Mesh! Så inte ett rasterelement som Live Effect Drop Shadow använder. Detta gör det till en vektor Drop Shadow.

För att bevisa att det dessutom är en Gradient Mesh och en som du faktiskt kan redigera, har jag använt Direct Selection Tool (A) för att välja alla punkter i hörnet på nätet och ändrade färgen till blå.


100% Vector Inner Glow - CS6 Style

Om du bara skulle kunna använda "Justera strejkinsidan" med Gradient on Stroke, skulle det vara mycket lättare att skapa ett inre glöd. Men som du kan se från nedan, är alternativet gråtonat / nollställt. Så för att skapa ett inre glöd först duplicera din ursprungliga form. Lägg sedan på din fyllning som vanligt och sedan "Applicera gradient över stroke" med den tidigare använda transparenta linjära graden. Ge stroke bara ett blandningsläge och opacitet.

Använd dubbletter av den ursprungliga formen och skapa sedan en Clipping Mask (Command + 7) och där har du ditt inre glöd.


Slutsats

Varför skulle du vilja göra det här? Tja, om du är en vektorfreak som jag, gör tanken på att ha några rasterelement i ditt arbete att din hud kryper och du vill gå den extra milen för att säkerställa att alla delar av ditt arbete är vektor. Kanske har jag bara erkänt några bizarra vektor OCD. Hur som helst än det, det är bara en övning för dem som gillar att utöva sina skalbara hjärnor. Jag hoppas att du har haft det här tipset!