Lag en Propeller Pinwheel Illustrasjon i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du oppretter en fargerik propellens pinwheel-illustrasjon i Adobe Illustrator.

For det første lærer du hvordan du konfigurerer et enkelt nett og hvordan du lager den første propellen ved hjelp av grunnleggende verktøy og effekter. Når du flytter på deg, lærer du å legge til farge og skyggelegging for disse figurene ved å bruke grunnleggende blanding og vektormodellbyggingsteknikker sammen med Utseendepanelet. Ved hjelp av en enkel Transform-effekter og en rekke nye farger lærer du å formere og tilbakekalle de nye propellene. 

Til slutt lærer du å lage en fargerik og subtilt strukturert bacgkround.

1. Opprett et nytt dokument og sett opp et rutenett

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 600 i breddeboksen og 750 I høydeboksen klikker du deretter på Avansert knapp. Å velge RGB, Skjerm (72ppi) og sørg for at Juster nye objekter til pikselruten boksen er ikke merket før du klikker OK.

Aktiver Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Til å begynne med trenger du et rutenett hver 5px, så bare gå til Rediger> Innstillinger> Guider> Grid, Tast inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet, det vil lette arbeidet ditt og huske på at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Lag de to hovedformene

Trinn 1

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, velg deretter fyll og sett fargen på R = 255 G = 167 B = 0. Flytt til din tavle og bare lage en 135 x 55px rektangel, den Snap to Grid bør lette arbeidet ditt. Fokus på toppen av dette oransje rektangel og velg Direkte utvalgsverktøy (A). Velg riktig ankerpunkt og bare dra det 55 piksler til venstre.

Pass på at ditt flyttede ankerpunkt forblir valgt, flytt til kontrollpanelet og bare skriv inn 24px i det Corners eske. Denne funksjonen er bare tilgjengelig for CC-brukere. Den beste løsningen for å erstatte denne effekten ville være Runde hvilket som helst hjørne som kan finne i denne artikkelen: 20 gratis og nyttige Adobe Illustrator Scripts. Lagre det på harddisken, gå tilbake til Illustrator og ta tak i Direkte utvalgsverktøy (A). Velg det ankerpunktet og gå til Fil> Skript> Annet skript. Åpne Runde et hvilket som helst hjørnescript, skriv inn en 24px radius og klikk OK. Sluttresultatet kan se litt annerledes ut.

Steg 2

Fortsett å fokusere på toppen av din oransje form og sørg for at Direkte utvalgsverktøy (A) er fortsatt aktiv. Velg venstre ankerpunkt, gå tilbake til kontrollpanelet og sett inn Hjørne Radius30px. Bruker Utvalgsverktøy (V), velg hele figuren din og gå til Effekt> Warp> Arc Lower. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Objekt> Utvid Utseende.

Trinn 3

Pass på at din oransje form fortsatt er valgt og gå til Effekt> Warp> Arc Lower. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Objekt> Utvid Utseende. Fokuser på bunnsiden av den resulterende formen og bytt til Direkte utvalgsverktøy (A). Velg riktig ankerpunkt, flytt til kontrollpanelet og sett inn Hjørne Radius3px. Til slutt skal din oransje form se ut i det tredje bildet.

Trinn 4

Sett fyllfarge på R = 255 G = 194 B = 53, velg Rektangelverktøy (M), lage en 70 x 55px form og plasser den som vist i det første bildet. Pass på at dette gule rektangelet forblir valgt, bytt til Slett ankerpunktsverktøy (-) og bare klikk på bunnen, høyre ankerpunkt for å fjerne den. Dette bør slå det gule rektangelet i en trekant som vist i det andre bildet.

Trinn 5

Pass på at den gule trekant er valgt og gå til Effekt> Warp> Arch. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Effekt> Warp> Arc Lower. Skriv inn attributene vist under, klikk OK og gå til Objekt> Utvid Utseende.

Trinn 6

Fokus på toppen av den gule figuren og velg Direkte utvalgsverktøy (A). Velg venstre ankerpunkt, fokus på kontrollpanelet og sett inn Hjørne Radius10px.

Trinn 7

Deaktiver Snap to Grid (Se> Snap to Grid), aktivere Smart Guides (Kontroll-U) og fokus på det øverste, høyre ankerpunktet på den gule figuren. Bruker Pennverktøyet (P), Lag en enkel bane grovt som vist i det første bildet. Vellgir din oransje form og lag en kopi foran (Control-C> Control-F). Velg denne kopien sammen med formen laget i begynnelsen av trinnet, åpne Pathfinder panelet (Vindu> Pathfinder) og klikk på Krysse knapp. Når du er ferdig, deaktivere Smart Guides (Kontroll-U).

Trinn 8

Velg din gule form og bare klikk Shift-Control-] å bringe det til fronten. Velg denne formen sammen med den lille banen i det forrige trinnet og klikk på Forene knapp fra Pathfinder panel.

Trinn 9

Pass på at den gule figuren er valgt, og lag en kopi foran (Control-C> Control-F). Velg denne kopien sammen med din oransje form og klikk på Minus Front knapp fra Pathfinder panel.

3. Legg til farge og subtile høydepunkter

Trinn 1

Gå til Rediger> Innstillinger> Generelt og sørg for at Tastaturøkning er satt til 1px. Velg din oransje form og lag to kopier foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1px ned og 1px til høyre ved hjelp av piltastene fra tastaturet. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Velg den resulterende formen og fokus på Utseende panel. Sett fyllfarge på svart (R = 0 G = 0 B = 0) så klikk bare på det "opacity"stykke tekst for å åpne åpenhet fly-out panel. Senk opacity til 25% og endre Blandingsmodus til Mykt lys.

Steg 2

Velg din oransje form og lag ytterligere to kopier foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 3px ned og 5px til høyre. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med svart, senk dens opacity til 10% og endre Blandingsmodus til Mykt lys.

Trinn 3

Vellgir din oransje form og lag en kopi foran (Control-C> Control-F). Velg denne kopien og gå til Objekt> Transformere> Rotere. Sett Angle5 grader og klikk på Kopiere knapp. Pass på at den nyopprettede formen er valgt og flytt den 5px ned og 5px til høyre. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med svart, senk dens opacity til 5% og endre Blandingsmodus til Mykt lys.

Trinn 4

Velg din oransje form og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Pass på at den nyopprettede formen er valgt og lag en kopi foran (Control-C> Control-F). Velg denne kopien og flytte den 1px opp. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med den lineære gradienten som vises i det følgende bildet og senk det opacity til 70%. Husk at den gule nullen fra gradient bildet står for opacity prosentandel som bare betyr at du må velge den gradientregulatoren, fokusere på opacity boks (fra gradient panelet) og sett det på 0%.

Trinn 5

Velg din oransje form, fokus på Utseende panel og legg til en ny fylling ved hjelp av Legg til ny fylling knapp. Velg denne nye fyllingen og legg bare til den lineære gradienten som vises i det første bildet. Ikke glem at gult null fra gradient bildet står for opacity prosentvis mens den blå "50" står for plassering prosentdel.

Pass på at din oransje form fortsatt er valgt og legg til en tredje fylling med det samme Legg til ny fylling knapp. Velg den nye fyllingen, senk den opacity til 30% og legg til den lineære gradienten som vises i det andre bildet.

Trinn 6

Flytt til den gule formen, velg den og lag to kopier foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1px opp og 1px til venstre. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Kontroller at den resulterende formen er valgt, endre dens Blandingsmodus til Mykt lys og legg til den lineære gradienten som vises i det følgende bildet.

Trinn 7

Flytt til den gule formen, velg den og lag to kopier foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 2px til høyre. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Pass på at den resulterende formen er valgt, senk dens opacity til 50%, endre Blandingsmodus til Mykt lys og legg til den lineære gradienten som vises i det følgende bildet.

Trinn 8

Sørg for at den gule figuren din fortsatt er valgt, og erstatt eksisterende fyllfarge med den lineære gradienten som vises i bildet nedenfor. Når du er ferdig, velg alle fasene som er laget så langt, og bare klikk Kontroll-G til Gruppe dem.

4. Multiply og Recolor Propellen din

Trinn 1

Velg gruppen din og gå til Effekt> Distort & Transform> Transform. Skriv inn egenskapene som vises i følgende bilde (ikke glem å sjekke nederst, venstre referansepunkt), klikk OK så gå til Objekt> Utvid Utseende. Pass på at den resulterende gruppen av figurer er valgt og bare klikk Skift-Control-G til Del opp gruppe den. Fokus på lag panelet og du vil finne fire separate grupper, en for hver propell.

Steg 2

Fokuser på gruppen av former som utgjør bunnen, høyre propeller og bare erstatt fargene som brukes til hovedformene med de som vises i det følgende bildet.

Trinn 3

Fokuser på gruppen av former som lager bunnen, venstre propell og bare erstatte fargene som brukes til hovedformene med de som vises i følgende bilde.

Trinn 4

Fokuser på gruppen av former som utgjør den øverste, venstre propell og bare erstatt fargene som brukes til hovedformene med de som vises i følgende bilde.

Trinn 5

Velg gruppen av figurer som utgjør den gjenværende gule propellen, lag en kopi foran (Control-C> Control-F) og ta det til forsiden (Shift-Control-[ ). Velg gruppen av figurer som utgjør din blå propell, lag en kopi foran (Control-C> Control-F), velg det og klikk på Forene knapp fra Pathfinder panel. Fyll den resulterende formen med en flat hvit (R = 255 G = 255 B = 255) og ta det til forsiden (Shift-Control-] ).

Trinn 6

Velg den hvite formen sammen med kopien av den gule propellen, åpne åpenhet panelet (Vindu> Gjennomsiktighet) og bare klikk på Lag maske knapp.

Trinn 7

Vellgjøre alle former laget så langt og gå til Objekt> Transformere> Rotere. Skriv inn en -45 graders vinkel klikk deretter OK.

5. Lag staven

Trinn 1

Aktiver Snap to Grid (Se> Snap to Grid). Velg en enkel brun for fyllfarge, ta tak i Rektangelverktøy (M), lage en 10 x 200px form og plasser den som vist på bildet nedenfor. Pass på at dette nye rektangelet forblir valgt og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 2px radius, klikk OK og gå til Effekt> Warp> Arc Lower. Skriv inn egenskapene som vises i det følgende bildet, klikk OK og gå til Objekt> Utvid Utseende.

Steg 2

Sørg for at brunformen din fortsatt er valgt, erstatt den eksisterende fyllfargen med den lineære gradienten som vises i det følgende bildet, og trykk deretter bare på Shift-Control-[ å sende den til rygg.

Trinn 3

Pass på at formen som stavformen forblir valgt, fokuseres på Utseende panel og legg til en ny fylling med det samme Legg til ny fylling knapp. Velg den nye fyllingen, senk den opacity til 70%, endre Blandingsmodus til Mykt lys, legg til den lineære gradienten som vises i det følgende bildet, og gå til Effekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK.

Trinn 4

Pass på at formen som stavformen forblir valgt, fokuseres på Utseende panel og legg til en tredje fylling. Gjør det svart, senk det opacity til 6%, endre Blandingsmodus til Multiplisere og gå til Effekt> Path> Offset Path. Skriv inn en -1px Offset, klikk OK og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

6. Lag pinnen

Trinn 1

Bruker Ellipseverktøyet (L), lage en 10px sirkel, plasser den som vist i det følgende bildet og fyll det med den radiale gradienten som vises nedenfor.

Steg 2

Deaktiver Snap to Grid (Se> Snap to Grid). Pass på at din 10px sirkelen er fortsatt valgt og lagre to eksemplarer foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1px opp med pil opp-knappen fra tastaturet. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med svart og senk dens opacity til 20%.

Aktiver Snap to Grid (Se> Snap to Grid) deretter gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 1 i Gridline hver eske. Bruker Ellipseverktøyet (L), lage en 4 x 2px form og plasser den som vist i det tredje bildet. Fyll denne lille formen med hvit, senk den opacity til 70% og endre Blandingsmodus til Mykt lys.

Trinn 3

Deaktiver Rutenett (Vis> Skjul rutenett) og Snap to Grid (Se> Snap to Grid). Vellgjør din 10px sirkel sammen med de to, små figurene som brukes til å markere den og Gruppe dem (Kontroll-G).

Pass på at denne nye gruppen forblir valgt, fokus på Utseende panel og bare legge til et nytt slag ved hjelp av Legg til nytt slag knapp. Klare det 1px bredt og sett fargen på R = 35 G = 31 B = 32 senk deretter opacity til 10% og endre Blandingsmodus til Multiplisere. Fortsett å fokusere på dette slag, sørg for at det fortsatt er valgt, gå til Effekt> Pathfinder> Legg til så gå til Effekt> Path> Offset Path. Skriv inn en 0,5 px forskyvning og klikk OK.

Nå, velg hele gruppen (bare klikk på den "Gruppe"tekststykke fra toppen av Utseende panel) og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet (i bildet nedenfor), klikk OK Legg deretter til de to andre Drop Shadow effekter vist i følgende bilde.

Trinn 4

Vellgjøre alle former laget så langt og enkelt Gruppe dem (Kontroll-G).

7. Lag bakgrunnen og legg til litt subtil skygge

Trinn 1

Velg Rektangelverktøy (M) og bare klikk på tavla for å åpne Rektangel vindu. Tast inn 610 i Bredde boks og 760Høyde boksen og klikk deretter på OK knapp. Pass på at den resulterende formen forblir valgt, send den tilbake (Shift-Control-[ ) og sett fyllfarge på R = 254 G = 211 B = 170.

Deretter må du sentrere det, så åpne Rette inn panelet (Vindu> Juster). Sett innstillingen til Artboard (åpne menyen for å fly ut og gå til Vis alternativer hvis du ikke kan se Juster til seksjon som vist på bildet nedenfor), kontroller at formen din er valgt, klikk deretter på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Til slutt skal rektangelet dekke hele tavlen som vist på bildet nedenfor.

Steg 2

Pass på at bakgrunnsformen din fortsatt er valgt, fokus på Utseende panel og legg til en ny fylling med det samme Legg til ny fylling knapp. Velg den nye fyllingen og legg ganske enkelt til den radiale gradienten som vises i bildet nedenfor.

Trinn 3

Pass på at bakgrunnsformen din blir valgt, fokus på Utseende panel og legg til en tredje fylling. Du trenger et innebygd mønster for denne nye fyllingen, så gå til fargeprøver panel, åpne menyen for utflytting og gå til Åpne Swatch Library> Mønster> Dekorative> Dekorative Legacy. Et nytt vindu med et sett med innebygde mønstre skal åpnes. Pass på at fyllingen som er lagt til i dette trinnet fremdeles er valgt, legg til "Vevfarge"mønster, senk det opacity til 20%, endre Blandingsmodus til Mykt lys og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som er vist under og klikk OK.

Trinn 4

Velg den gruppen av figurer som fyller propellerhjulet ditt og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i øverste, venstre vindu (i det følgende bildet), klikk OK Legg deretter til de fem andre Drop Shadow effekter vist nedenfor.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.

Du er velkommen til å prøve et annet sett med farger for propellene dine.