Lag dimensjon med gradienter i dette abstrakte plakatdesignet

Hva du skal skape

La oss leke med Linjære gradienter i denne abstrakte plakatdesignen. Brann opp Adobe Illustrator (Jeg skal bruke Illustrator CC 2014) og gjør deg klar til å doodle ut noen regnbuer, buede piler og paisley-lignende sprutdesigner.

1. Sett opp dokumentet

Trinn 1

Lage en Nytt dokument. Det er ditt anrop på størrelsen. Jeg til slutt slo opp med et design av 8,27 "x 11,69". Hvis du er ivrig etter å holde designen din i oppløsning, må du kontrollere at ppi er satt til 300. Ellers, 72 ppi vil gjøre det bra.

Steg 2

Bruke Rektangelverktøy (M) å tegne et stort lysegrå rektangel over artboard. Tegn to trekanter som dekker det meste av designområdet (en øverst til venstre og en øverst til høyre). Bruk en Lineær gradient som går fra mørkegrå på 100% til 0% opacity. Juster vinkelen av gradienten med Gradient Tool (G) så den mørkere fargen er i hjørnet av designet. I åpenhet panel, sett inn Blend Mode til Multiplisere og opacity til 21%.

2. Bakgrunnsformer

Trinn 1

De hvite bannerlignende figurene i bakgrunnen av designet er ganske enkle. Bruke Polygonverktøy å tegne to heksagoner (av samme størrelse) og Rektangelverktøy å tegne et rektangel av samme lengde som sekskanter. Plasser heksagene på hver ende av rektangelet (se nedenfor). Gruppe (Kontroll-G) disse figurene sammen.

Steg 2

Kopier (Control-C) og Lim inn (Control-V) De bannerlignende figurene, slik at du har seks av dem plassert i en V over tavlen. Gruppe alle former sammen og plasser dem under de trekantede gradientobjektene fra seksjon 1, trinn 2 i lag panel.

3. Tegn det sentrale designet

Trinn 1

Tegn en sirkel med Ellipseverktøyet (L). Bruk en Lineær gradient på en -90 ° vinkelsom går fra lysegrå til hvitt. Å velge sirkelen og offset banen ved å gå til Objekt> Path> Offset Pathoffset sirkelen av 2-4 piksler. Sett fyllfarge på den nye formen til hvit og sørg for at den ligger bak den minste gradientsirkelen i lag panel. Gruppe de to fasene sammen.

Steg 2

Å bruke en Drop Shadow til sirkelgruppen, Å velge det og gå til Effekt> Stylize> Drop Shadow og legg til følgende attributter:

  • Modus: Multiplisere
  • opacity: 40%
  • X Offset: 0,08 in
  • Y Offset: 0,04 in
  • Uklarhet: 0,1 in
  • Farge: Svart

Trinn 3

Bruke Blyantverktøy (N) å tegne buede, paisley-lignende design rundt dimensjonalskiven. Hvis du bruker Illustrator CC, du kan justere Valg av blyantverktøy så gjengivelse av verktøyet er jevnere, og du er mer sannsynlig å ha rene former. Tegn flere av disse som går diagonalt fra øverst til høyre til nederst til venstre i designet.

Trinn 4

Totalt trakk jeg 14 av de hvite sprutformene. Å velge alle av dem og offset former av 2-4 piksler. Påfør samme gradient fra trinn 1 i denne delen til de mindre formene. Sett fyllfarge på offsetformene til hvitt. Gruppe alle splashkomponentene sammen og plasser dem under den hvite diskgruppen i lag panel.

Trinn 5

Igjen, vil vi søke på en Drop Shadow til design. Å velge de splash formene, gå til Effekt> Stylize> Drop Shadow, og legg til følgende attributter:

  • Modus: Multiplisere
  • opacity: 33%
  • X Offset: 0,05 in
  • Y Offset: 0,03 in
  • Uklarhet: 0,05 in
  • Farge: Svart

4. Lag Rainbow

Trinn 1

Tegn syv tynne rektangler av samme størrelse i syv forskjellige farger (rosa, oransje, gul, grønn, blågrønn, blå og lilla) og Rette inn dem sammen slik at de er jevnt fordelt i en regnbuestrimmel. Gruppe rektanglene sammen og Rotere gruppen så den strekker seg over artboard diagonalt.

Steg 2

For å tegne den dimensjonale bumpen i regnbuen, bruk Pennverktøy (P) å lage et lite svingete slag (se nedenfor). Sett Stroke Color for å matche den første regnbue-stripen. I Børster panel, lage en Ny kalligrafisk børste med attributter som er sett under (målet er at det skal være flatt og båndlignende).

Trinn 3

Når fornøyd med regnbuens båndslag, Utvide det under Gjenstand. Bruke Direkte utvalgsverktøy (A) for å sørge for at hjørneankerpunktene stemmer overens med den første regnbue-stripen. Kopiereog Lim inn bump form og bruk Eyedropper Tool (I) for å velge hver regnbue stripe farge i sin tur. Still opp syv av bumpformene, parallelt med regnbue-stripegruppen. Gruppe regnbuen støter sammen sammen. KopiereLim inn, og Rotere denne gruppen for motsatt ende av regnbue-stripegruppen.

5. Sett regnbuen ut

Trinn 1

Kopiere og Lim inn regnbue bump gruppe. Del opp gruppe og Forene figurene sammen i Pathfinder panel. Bruk en Lineær gradient som går fra mørk lilla på 0% Opacity å lyse gul på 100% Opacity tilbake til mørk lilla igjen. Vinkelgraden, slik at høydepunktet vises i midten av gruppen. Gjenta for bumpen i den andre enden av regnbuen.

Kopiere og Lim inn den viktigste regnbuegruppen. Del opp gruppe og Forene figurene sammen i Pathfinder panel. Bruk en Lineær gradient som går fra mørk lilla på 100% Opacity å magenta på 0% Opacity tilbake til mørk lilla, tilbake til magenta, og tilbake til lilla igjen. Vinkelgraven, slik at skyggene (mørk lilla) vises på kantene av regnbue-stripen og under splashdesignet fra Seksjon 3. Legg denne formen under regnbuehullgruppene i lag panel.

Med Pennverktøy, tegne et vinklet rektangel under regnbue-støtgruppen som går fra mørk lilla på 100% til 0% Opacity. Konsentrere skyggen under hovedkurven til støpegruppen.

Steg 2

Med enten Pennverktøy eller Blyantverktøy, tegne buede pilformer av varierende farger som kommer av regnbuens stripe. Jeg valgte å tegne to på hver ende av designen.

Trinn 3

Gruppe sammen alle regnbue komponenter og plassere dem under splash former gruppe i lag panel. Jeg la til en annen gradientsirkel i den sentrale formen for å gi den mer dybde.

6. Fargerike sirkelformer

Trinn 1

Kopiere og Lim inn Den sentrale sirkelformen (uten den nylig tilførte gradientformen fra Seksjon 5, Trinn 3). Tegn en sirkel i midten med Ellipseverktøy. Jeg valgte lysegrønn for dette designet.

Tegn en mindre sirkel og bruk a radial gradient som går fra lysegult på 100% Opacity til basen grønn på 0% Opacity.

Kopiere og Lim inn høydepunktet sirkelen og bruk a Radial Gradient som går fra lysegrønn til mørkere grønn. Plasser den under høydepunktsirkelen i lag panel. Dette vil gi de grønne sirkler et mer dimensjonalt utseende.

Til slutt trekk en annen sirkel, mindre enn den viktigste grønne formen, men større enn de to gradientene, og sett inn Fylle farge til Null og Stroke til 1 vekt og en lys limegrønn. Gruppe alt sammen.

Steg 2

For varierende farger, Kopiere og Lim inn den fargerike sirkelgruppen så mange ganger du trenger for designen din (merk at det er flere fargerike sirkler i sluttproduktet). Tegn en sirkel som overlapper den grønne fargen og sett dens Blandingsmodus til Fargeåpenhet panel. Fargen du velger, og fargen du har laget din sirkeldesign i forrige trinn, påvirker fargen på de fargerike kretsene dine. Alternativt kan du bare gjenta det forrige trinnet med forskjellige farger og ha full kontroll over hva dine kretser ser ut.

Trinn 3

KopiereLim inn, og Endre størrelse sirkler rundt artboard til din smak. Jeg setter opp med ti totalt i mitt design.

7. Fargerike sprut

Trinn 1

Det endelige settet av trinn innebærer å bringe hele designet sammen med noen fargerike sprutformer. Igjen, bruk Blyantverktøy å tegne buede tårneformede former rundt tavlen i forskjellige regnbuefarger. Jeg har lagt til i noen hjerteformer for godt mål (og fordi jeg pleier å like å legge hjerter til kunstverket mitt).

Steg 2

Gruppe sammen skvettformer og offset deres Paths av 1-2 piksler

Trinn 3

Som de hvite sprutdesignene, bruk en Lineær gradient til den indre formen på hver gang fra grått til hvitt. Sett Blandingsmodus til Multiplisereåpenhet panel og juster hver formes gradient ved hjelp av Gradient Tool så de ligner de som er trukket før. Legg merke til hvordan alle splash designene ser ut som om de har konkav sentre.

Sett alt sammen!

Sett din fargerike sprengegruppe under regnbuegruppen i lag panel. Bortsett fra Drop Shadows og gradienter gir overlappingen av objekter designdybden. Skyv arbeidet ditt videre med et utvalg av abstrakte design med teknikkene utforsket i denne opplæringen. Vis ut plakatdesignene dine i kommentarfeltet nedenfor.

For flere veiledninger og inspirasjon av denne art, sjekk ut følgende fra Tuts + og GraphicRiver:

  • Andrei Krasovitckiis Infographic Designs
  • Lag klistremerke-lignende musikkikoner i Adobe Illustrator
  • Slik lager du et abstrakt isometrisk bybilde i Adobe Illustrator