Create en Detaljert Vector Traffic Light med enkle former, Gradienter, og Gløder

I denne opplæringen, vil vi se hvordan du oppretter denne detaljerte lyskrysset er bare en handler om å bygge opp lag med enkle former, egendefinerte gradienter, og Ytre glød effekt.

Final Bilde Forhåndsvisning

Ta en titt på bildet vi skal opprette . Nedenfor er ferdig illustrasjon for å se hva du skal jobbe mot.

Trinn 1

Først, la oss snakke om hvordan du kan opprette egendefinerte gradienter, som vi skal bruke dem mye for denne illustrasjonen. La oss starte med å lage noen nye fargekart. Dobbeltklikk på fyllfargen boksen i verktøypaletten og i fargevelgeren velge en fin gul farge.

Trinn 2

I Prøver Pallett klikk på Ny fargeprøve nederst for å lage en ny prøve av vår valgte gul farge. Gjør dette et par ganger for å lage to eller tre lysere fargeprøver, og to eller tre mørkere fargeprøver, alt fra veldig lys gul til mørk gulbrun. Dette er fargene vi skal bruke i de egendefinerte gradienter Merk Bilde:. For å åpne Fargeprøver Palle gå til Vindu > Fargeprøver.

Trinn 3

Nå som vi har fargeprøvene vi trenger, la oss lage en egendefinert gradient. Velg en lineær gradient. Deretter drar du en av de lysere gule fargeprøver fra swatches paletten og slipp den på den hvite fargen på gradient i gradienten paletten Slippe en fargeprøve på en farge på graderingen vil erstatte den fargen med den nye swatch farge. Slippe en fargeprøve på en tom del av gradient vil skape en ny farge på graderingen slider.

Nå dra og slippe en litt mørkere gul swatch på midten av gradient glidebryteren. Deretter slippe en enda mørkere gul /brun på den sorte fargen på graderingen. Nå har vi en egendefinert gradient. Som du gjør disse tilpassede graderinger, vil du ønsker å lagre dem til senere bruk for ulike deler av lyset. Bare klikk Ny fargeprøve i Fargeprøver paletten for å redde dem.

Trinn 4

Ok, la oss begynne å lage lyskrysset. Bruke rektangelverktøyet dra ut et rektangel, som på bildet under. Dette vil være hoveddelen av lyskrysset.

Trinn 5

Fyll rektangelet med en egendefinert gradient lik den nedenfor.

Trinn 6
< p> Mens du holder Shift å begrense proporsjoner, dra ut en firkant. Så gi det et eget gradient som den nedenfor. For å gi gradient ønsket vinkel bruke Gradient Tool. Når du har valgt verktøyet, klikk og dra fra øvre venstre til nederst til høyre av plassen.

Trinn 7

For å legge litt dybde, vil vi gi denne plassen en effekt . Med kvadratet valgte gå til Effect > Stilisere > Ytre glød. Skriv inn parametrene nedenfor bruker den mørkeste swatch du har gjort, og velger (gul /brun) for fargen. Nå har vi en liten skygge over hele plassen

Merk Bilde:. The Blur beløpet kan variere litt avhengig av den nøyaktige størrelsen på torget. Det er viktig å merke seg at vi ønsker å bruke effekter og notat Filters fordi Effects er skalerbar. Bare sørg for at Scale Strokes og effekter boksen er avkrysset i generelle preferanser (Rediger > Innstillinger > generelt).

Trinn 8

Nå vil vi lage de fire boltene som holder dette plate på. Bruke Ellipse Tool, hold Shift og dra ut en liten sirkel. Gi den samme egendefinerte gradient og justere den til suite deg. Nå gir det samme Ytre glød effekt som kvadratet. Mengden av Blur vil bli mindre. Bare justere Blur til det ser riktig.

Trinn 9

Ved hjelp av Line Segment Tool, dra ut en liten linje på tvers av sirkelen for å gjøre sporet for en skrutrekker. Gi det en svart strek av en passende mengde. Dessuten gir det samme Ytre glød effekt.

Trinn 10

For å gjøre de tre andre bolter, velg den første Alt drag over en kopi. Hvis du også holde Shift nede, vil det gjøre kopien, men sørg for å dra i en rett linje. Dette vil bidra til å få dem alle på plass enklere. Ved hjelp av denne teknikken, ta tre kopier og plassere dem på de fire hjørnene av torget. Rotere hver og en litt å random plasseringen av skruespor.

Trinn 11

Nå vil vi gjøre det jeg kaller "light festet." Det er den runde delen som er bak de "lette kjegler." For å gjøre denne formen bruke de samme teknikkene som vi pleide å gjøre de andre figurene så langt. Siden vi allerede gikk over disse teknikkene, vil jeg ikke forklare dem i detalj her. Bare lage en sirkel, gi det et eget gradient lik de andre. Deretter legger Ytre glød effekt slik at den ligner på bildet nedenfor.

Trinn 12

La oss skape den "lette kjegler." Dette er den delen som kaster skygger på lysene. Lag en sirkel litt mindre enn den "lette mount". Så gi det et hvitt til svart gradient i en 45 graders vinkel. Legg samme Ytre glød effekt. Deretter plasserer sirkelen foran "light montere."

Step 13

Nå foreta en ny sirkel, mindre enn sist, og gi det et hvitt til svart gradient. Bruke Gradient Tool, gjør gradient motsatt til den andre hvit til svart en, som på bildet under. Deretter plasserer sirkelen litt mot bunnen.

Step 14

Velg alt unntatt det første rektangelet. Så mens du holder nede Alt + Shift, dra en kopi ned. Gjenta dette for å få den øvre også. Nå har vi tre.

Trinn 15

Ok, la oss gjøre lysene. Lag en sirkel og gi den en radial gradient av lys rød til en litt mørkere rødt. Legg merke til at plasseringen av den lille glidebryteren er av sentrert mot høyre i bildet nedenfor. Påfør Ytre glød effekt til den ved hjelp av parametrene som vises nedenfor. Husk at mengden av Blur kan variere noe. Nå, kopiere lyset (Command + C) og lim den inn foran (Command + F). Dette gir lyset litt mer trøkk.

Trinn 16

Gjenta trinn 15 for å gjøre de gule og grønne lys. Merk Bilde: Jeg fant ut at når du legger til Ytre glød effekt til de gule og grønne lys som Normal modus syntes å se bedre ut enn Hardt lys modus. Annet enn at prosessen er den samme, bare de bruker forskjellige farger.

Trinn 17

Nå la oss gi lysene litt tekstur. For teksturen vil vi bruke et mønster. For å få mønsteret vil vi klikker den lille pilen i øvre høyre side av fargeprøvene pallett å åpne opp fly ut menyen. Så gå til Open Swatch Library > Andre Library > Patterns > Basic Graphics > Grunnleggende Grafisk Dots.

Lag tre sirkler nøyaktig størrelse og plassering som lysene. Deretter fyller dem med mønsteret 10 dpi 70% i grunnleggende grafisk Dots pallett vi åpnet opp. Senk åpenhet av hver enkelt individuelt. Jeg fant disse mengder av Transparency å se bra ut: rød på 4%, gul på 3%, og grønt på 10%

Trinn 18

Nå for å gjøre lysene ser blank.. Lag en sirkel den nøyaktige størrelsen og posisjonen som det røde lyset. Fyll den med hvitt. Deretter bruker Pen Tool, tegne en buet linje, som på bildet under

Trinn 19

Velg både linje og den hvite sirkelen. Deretter åpner opp Pathfinder Window (Vindu > Pathfinder). I stifinner vinduet klikker Divide.

Trinn 20

Ved å klikke Divide bryter hverandre nedre form i henhold til den formen som er på toppen av den. I dette tilfelle skiller den hvite sirkelen i henhold til den krumme linje. Bruke Direct Selection Tool (hvit pil), velg den nederste halvdelen av sirkelen og slette den.

Trinn 21

Velg den resterende halvparten av sirkelen og kopier (Command + C). Deretter limer foran (Command + F). Fyll kopien med en hvit til svart lineær gradient. Velg begge halvdeler av sirklene, og i Transparency Pallett klikke den lille pilen i øvre venstre side. Dette åpner fly ut menyen. Klikk deretter på Opacity Mask.

Step 22

I Transparency Pallett, klikker du på Transparency Mask (angitt med den røde pilen i bildet nedenfor) for å redigere den. Ved hjelp av Gradient verktøyet drag fra omtrent toppen av lyset montere ned til bunnen av det røde lys. Nå har vi en fin glanset ser lys.

Trinn 23

Bare Alt + Shift klikk og dra for å få glans for de to andre lysene.

Trinn 24

På til side kjegler. Bruke Pen Tool, lage en side kjegleform. Deretter fylle den med en egendefinert gradient, som på bildet under. Deretter plasserer den bak hoveddelen av lyskrysset.

Step 25

Nå, som jeg er sikker på at du gjettet, vil vi kopiere den siden kjegle to ganger ved hjelp av samme metode som før .

Trinn 26

Bruke pennen lage figurene for de øvre og nedre deler av lyskrysset. Gi dem en tilpasset gradient slik at de ser ligner på bildet nedenfor.

Trinn 27

Bare en siste ting. La oss gjøre side bolter. Bruke Pen Tool, gjør du figuren for siden bolten og gi det et eget gradient, som på bildet under. Deretter plasserer den bak hovedlegemet, men foran side kjegler. Kopier bolt til du har seks på hver side

Det er Konklusjon
det! Nå har vi en detaljert illustrasjon av et trafikklys som består av enkle former og Ytre glød effekt. Jeg håper du likte denne opplæringen. Anmeldelser