How å lage en Rainy Vindu Vector Bakgrunn

Ved hjelp av symbolikken Tools, pluss litt av Gradient Mesh, lære å lage en realistisk vindu dekket med regndråper. Dette er en avansert tutorial som forutsetter en god del Illustrator erfaring, men alle bør være i stand til å følge med. Det kan gjøres med tidligere versjoner av Illustrator, men drar full nytte av nyere funksjoner i CS4. La oss komme i gang!

publiseres Tutorial

Hver noen uker, vi besøker noen av våre lesernes favoritt innlegg fra hele historien til området. Denne opplæringen ble første gang utgitt i august 2009.

Final Bilde Forhåndsvisning

Nedenfor er det siste bildet vi skal jobbe mot. Ønsker tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden

Tutorial Detaljer

Program:. Adobe Illustrator CS4

Vanskelighetsgrad: Middels til avansert

Anslått Ferdigstillelse Tid: 1,5 timer

Trinn 1

Opprett et nytt dokument 11 inches med 8,5 inches. Det kan være CMYK eller RGB, avhengig av hva du foretrekker. Før du begynner, sette opp en farge gruppe på om lag åtte forskjellige blues. Jeg vil referere til disse fargene som "1" for den letteste, "8" for den mørkeste, og de andre nummerert tilsvarende.

Trinn 2

Tegn en firkant samme dimensjoner som din artboard , og fyll den med en medium blå fra fargegruppe. Gå til Objekt > Lag Gradient Mesh, deretter inn 6 rader og 6 kolonner.

Trinn 3

Nå manipulere mesh punkter for å lage en amorf, abstrakt bakgrunn. Klikk individuelle mesh poeng og farge dem med forskjellige blues fra fargegruppe. Det trenger ikke å være komplisert. Dette vil fungere som en ut-av-fokus landskapet eller bybildet i det fjerne.

Trinn 4

Lås lag med bakgrunnen på den, og opprette en ny over den. Trekke flere sirkler i ulike størrelser, og plassere dem tilfeldig over bakgrunnen. Fyll sirklene med noen av de lettere blues, og endre Opacity til 60% - 80%. Disse sirklene er ment å se ut som lys i bakgrunnen.

Plasser lysere sirkler over lysere områder av mesh, og mer gjennomsiktige seg i løpet av de mørke områdene. Velg alle sirkler og gå til Effect > Blur > Gaussian Blur. Tast 4 piksler. Velg et par sirkler og forandre blur til 6 piksler.

Dette vil gi mer dybde til "lys." Det er greit hvis noen av sirklene faller av artboard &ndash du kan trimme dem senere. Illustrasjonen skal se ut som på bildet nedenfor.

Trinn 5

Lås sirkler lag og opprette en ny over den. Tegn en ellipse, og fyll den med en fire-stop radial gradient som den nedenfor. Juster gradient slik at det hvite er ved den nedre kant av ellipsen. Gradient Annotator i Illustrator CS4 gjør dette noe enklere, men du kan oppnå samme resultat med tidligere versjoner.

Trinn 6

Bruk en indre glød til ellipse, som nedenfor. Merk: Dette trinnet er valgfritt. Rastereffekter kan bruke mer prosessorkraft, og dermed langsom ting ned. Fortsett i henhold til hastigheten på datamaskinen din.

Trinn 7

Tegn en lang, litt tynn ellipse, og fyll den med den lyseste blå (blå # 1). Gå til Effect > Warp > Arc, og angi verdiene nedenfor. Dette vil være høydepunktet i regndråpe. Plasser vridd ellipse over gradient-fylt ellipse du nettopp opprettet.

Ordne den på toppen og roter det off-center. Forstørre eller forminske det til å passe den regndråpe. Når det ser bra ut, gå til Objekt > Utvid Utseende. Påfør en radial gradient til høydepunktet, som nedenfor, og endre Blending Mode til Screen.

Trinn 8

Duplicate den opprinnelige ellipse, send det bak, og fyll den med en subtil, mørk lineær gradient. Endre Blending Mode til Multipliser og Opacity til 80%. Dette vil være skyggen av regndråpe.

Trinn 9

Dupliser regndråpe to ganger. Juster gradienter på hver; En vil være en lettere versjon av det opprinnelige, vil den andre være en mørkere versjon.

Trinn 10

Dra hvert fall inn i Symboler panel. Velg Graphic som Type, og navngi hver nye symbol hvis du vil. Jeg heter mine "Droplet Lys", "Droplet Medium" og "Droplet mørke."

Step 11

Nå som du har symbolene skapt, rive av symbolikken Tools ved å klikke og holde nede Symbol Sprøyter Tool (Shift + S). Beveg musen over den vertikale tearoff bar, og slipp. Dette vil gjøre det enklere å bruke de ulike symbol verktøy. Trivia: Alle symbolikken verktøy starter med bokstaven S.

Trinn 12

Velg Symbol Sprayer Tool, klikk på lysere dråpesymbolet, og dra markøren over den øverste tredjedel av illustrasjonen. Spray noen symboler, deretter Kommando-klikk for å fjerne merkingen og starte en annen gruppe.

løst dekke toppen tredje med dråper. Gjør det samme for den midtre tredjedel, og den nedre delen ved hjelp av de respektive dråpe symbolene for de seksjoner (middels og mørke).

endre diameteren av verktøyet, om nødvendig, ved å trykke på høyre og venstre parentes. Du vil ende opp med flere symbol tilfeller og illustrasjoner skal se ut omtrent som bildet under.

Trinn 13

Nå velger Symbol Sizer Tool. Tilfeldig klikk på symbolene for å endre størrelsen. Hold tasten nede Alt for å redusere størrelsen. Du vil ende opp med mange forskjellige størrelser av regndråper. Det kan ta et par prøver å få taket på det. Prøv å klikke direkte på toppen av en dråpe å endre størrelsen. For ytterligere å random symbolene, bruk symbol Shifter Tool til å flytte dem rundt.

Trinn 14

Du kan kopiere enkeltsymbol tilfeller, og re-size dem som en gruppe. Prøv knuse noen av dråpene slik at de er lengre enn de er brede. Det er opp til deg hvordan våt
du vil at vinduet for å være, så lage så mange kopier av symbol tilfeller som du liker, så omorganisere dem til å se tilfeldig og naturlig.

Når du ' re fornøyd med regndråpene, utvide symboler ved å gå til Objekt > Utvide. Dette vil resultere i enkelte symboler, så gå til Objekt > Utvid igjen for å slippe symbolene til objekter.

Trinn 15

Du kan nå foreta endelige tweaks til regndråpene. Randomisere størrelse og plassering, og separate dråper som overlapper hverandre. Din illustrasjon skal se omtrent ut som på bildet under.

Step 16

Nå for noen finpuss. Gjør et nytt lag over "sirkler" lag, og under "drops" lag. Bruk Blob Brush Tool (Shift + B) og trekke noen løse drips, starter på toppen av siden.

Fyll formene med en mørk gradient (Blå 8 til Blå 6), og endre blending modus i Transparency panelet til Soft Light. Juster gradienter slik at det drypper visne inn i vindusruten
.

Konklusjon

Trykk høyre brakett nøkkelen for å forstørre diameteren på Blob Brush, og hvis du liker Tegn andre figurer eller ord på vinduet, som om du gjør merkene med fingeren på en våt vinduet. Endelig, klippe av sirklene og drypper som strekker seg utover artboard, og du er ferdig!

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.