Slik lager du en stilisert, teksturert flatkamera i Adobe Illustrator

Hva du skal skape

Ønsker du å gjøre dine flate objekter ser mer intrikate og detaljerte ut? Følg denne veiledningen og lær hvordan du lager et stilig retro lommekamera, mestrer gradienter for lys og skygger, og bruker de innebygde Adobe Illustrator-fargene for en semi-realistisk overflatestruktur!

Hvis du liker å lage stilige objekter med realistiske detaljer, og ønsker å lære noen nye teknikker om bruk og modifisering av grunnleggende former, mastering av gradienter, oppretting og bruk av teksturer, inviterer jeg deg til å delta i opprettelsen av flate arbeidsarealelementer for annonser! Derfra vil du også lære å lage en realistisk teksturert trebakgrunn for objektene dine.

1. Lag basen av kameraet med enkle former

Trinn 1

Start å danne foten av kameraet ved å lage en 165 x 170 px rektangel med Rektangelverktøy (M).

Kopiere det og Lim inn i baksiden (Control-C> Control-B). Squash kopien til ca. 140 px høyde og gjøre det bredere til om 280 px, og dermed skape to overlappende rektangler.

Steg 2

Velg begge fasene og Forene dem i Pathfinder. Gjør hjørnene avrundet ved å trekke sirkelmarkørene til Levende hjørner ned til sitt maksimum.

De Levende hjørner funksjonen er bare tilgjengelig i Adobe Illustrator CC. Hvis du bruker tidligere versjoner av programmet, kan du gjerne søke Effekt> Stylize> Round Corners.

Trinn 3

Ta Rektangelverktøy (M) og lag en horisontal stripe over den øvre delen av kameraet. Holde Alt-Shift og dra den ned, og opprett en kopi i bunnen.

Velg alle elementene, ta Form Builder Tool (Shift-M), hold alt tast og klikk for å slette de unødvendige brikkene utenfor kameraet.

Trinn 4

La oss nå gjøre den viktigste delen av hvert kamera: linsen!

Start med å lage en 150 x 150 px sirkel ved hjelp av Ellipseverktøyet (L). Plasser den nesten i midten av kameraet, litt nærmere til høyre.

Trinn 5

La oss legge ut lukkerknappen til kameraet vårt. Lage en 40 x 20 px rektangel med Rektangelverktøy (M). Gjør hjørnene litt avrundet, ved hjelp av Levende hjørner funksjon. Lag en kopi ved å holde Alt-Shift og dra formen til venstre for å opprette en annen knapp. Gjør den nye knappen litt mindre, sett bredden til 30 px i Forvandle panel på toppen.

2. Bruk farger til kameraet

Trinn 1

Nå kan vi bruke fargene til kameraet vårt og legge til flere detaljer. Fyll foten på kameraet med mørkegrå lineær gradient, plasser den vertikalt.

Steg 2

Og la oss lage den øvre stripen på kameraet sølv ved å bruke en vertikal gradient fra grått til lysegråt. Påfør den samme fargen til bunndelen, plukk den med Eyedropper Tool (I), men plasserer fargene opp ned.

Trinn 3

Og bruk samme sølvfargen til knappene også. Sende knappene å gå tilbake (Control-Shift- [), bak kameraet.

Trinn 4

La oss legge til flere detaljer på linsen. Fyll base med vertikal lineær gradient fra mørkegrå farge i bunnen til sølvgrå på toppen.

Og la oss legge til en annen ring på linsen. Gå til Objekt> Path> Offset Path. Sett offset verdi til -7 px, skaper en mindre sirkel inne i den første. Fyll den med lysgrå gradient.

Trinn 5

La oss bruke Offset-banen fungere igjen for å legge til en annen ring, men denne gangen angir du offset verdi til -3 px. Påfør en mørkegrå gradient, med en mørkere gråton på toppen.

Trinn 6

Fortsett å gjenta den samme handlingen og bruk a -7 px forskyvning å lage en ny ring med lineær gradient av lettere farge. Legg til en annen form med -3 px offset verdi og mørkere gradient, som du kan velge fra en av de tidligere opprettede ringene, ved hjelp av Eyedropper Tool (I).

Fortsett å legge til Offset-baner med de samme innstillingene, varierende -7 px og -3 px verdier og alternerende mørke og lyse gradienter, til du har omtrent ti sirkler totalt.

Trinn 7

La oss nå danne den indre delen av objektivet, dets blenderåpning. Denne gangen satte offset verdi til -15 px, skaper en liten sirkel.

På dette trinnet kan vi allerede slette konturene, da alle de viktigste figurene er farget. Velg alt (Kontroll-A) og sett Stroke farge til Ingen i Farge panel.

Trinn 8

la oss Сopy den minste sirkelen og Lim inn den foran (Control-C> Control-F). Fyll den med lineær gradient fra blått til svart. Sett Blandingsmodus til Skjerm, gjør den svarte siden av graden gjennomsiktig og dermed skaper en overton. 

Du kan endre retningen til graden, plassere den diagonalt, ved hjelp av Gradient Tool (G).

Trinn 9

La oss kopiere denne overtonen (Control-C> Control-F) og gjør det mindre.

Trinn 10

Legg den nederste overtonen på toppen av den minste Bringing den Til Front (Control-Shift-]). Hold formen valgt, ta Eraser Tool (Shift-E) og trekk en linje over høydepunktet, og del den inn i to deler.

Trinn 11

For den øvre halvdelen av overtonen, la oss endre den blå delen av gradientfyllingen til mørklilla. Og bruk en rød farge i stedet for blå for den nederste halvdelen av overtonen.

Gjør den grå sirkelen under høydepunktet litt mørkere.

Trinn 12

la oss Gruppe (Control-G) elementene i blenderåpningen og gjøre dem litt større. 

Du kan redigere linsens farger litt, noe som gjør våre graderinger mørkere for å legge til mer kontrast til figurene.

3. Legg til flere detaljer i kameraet

Trinn 1

La oss nå gjøre kameraet mer realistisk og tredimensjonalt ved å legge til mindre detaljer. Først av alt, la oss legge til skyggen fra objektivet.

Velg den største bunnen av linsen, Kopiere det og Lim inn i baksiden (Control-C> Control-B). Gjør formen litt større og fyll den med lineær gradient fra grått til hvitt. Gjør gradienten diagonalt til høyre. Bytte til Multipliser Blending Mode, slik at den hvite siden av graden blir gjennomsiktig.

Steg 2

La oss slette den nedre delen av skyggen med Form Builder Tool (Shift-M). Velg både skyggen og basen på kameraet, hold nede alt og klikk på unødvendig del av skyggen utenfor kameraet for å slette den.

Trinn 3

La oss nå danne kameraet grepet på venstre side av kameraet for å gjøre det mer sant. Tegn et rektangel i samme høyde som vårt kamera. Fyll formen med vertikal gradient fra mørkegrå til svart og bytt Blandingsmodus til Skjerm, gjør den svarte delen gjennomsiktig og danner et høydepunkt.

Trinn 4

Kopier rektangelet (Control-C> Control-F) og dra den til høyre, fest den opprettede kopien ved siden av det første rektangelet og gjør det mye smalere. 

Bruke Eyedropper Tool (I) å plukke utseendet fra skyggen under linsen, ved å bruke en mørkegrå gradient i Multipliser Blending Mode til det nyopprettede rektangel. Sett graden horisontalt, noe som gjør en subtil skygge fra kameraets grep.

Trinn 5

La oss legge til flere detaljer, for eksempel blits og indikatorer, til den øverste delen av kameraet vårt.

Lage en 50 x 30 px rektangel og plasser det i øverste høyre hjørne av kameraet. Gjør det litt avrundet, bruk Levende hjørner funksjon, og bruk en mørkegrå vertikal gradient, plukke fargen fra basen av kameraet vårt med Pipetteverktøyet (I).

Trinn 6

Påfør Offset-banen med -10 px forskyvning verdi og gjør formen avrundet. Fyll den opprettede formen med en lysegrå vertikal gradient som danner blitsen.

Trinn 7

Lag et annet rektangel av 30 x 10 px størrelse. Gjør hjørnene helt avrundede og fyll den med en lysegul lineær gradient.

Trinn 8

Lage en 20 x 20 px sirkel og plasser den på venstre side av objektivet. Påfør en sølv lineær gradient. Lag en annen sirkel av 10 x 10 px ved siden av den første og fyll den med lysegul lineær gradient.

4. Lag en tekstur på lærtekstur

Trinn 1

Gjør foten av kameraet litt mørkere. Kopiere det og Lim inn foran (Control-C> Control-F).

Steg 2

Og la oss nå gjøre foten av kameraet teksturert med de innebygde mønstrene av Adobe Illustrator!

Åpne fargeprøver panelet i Vindu> Stikkord. Gå til Fargebokser> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster.

Trinn 3

Her har vi noen fine realistiske teksturer, som kan skape et detaljert og fancy utseende. La oss finne noe som etterligner en skinnoverflate. For eksempel kalles swatchen USGS 21 intrikate overflate. Klikk for å bruke teksten til den valgte formen.

Trinn 4

La oss justere tekstur litt, ved hjelp av noen av verktøyene, som tillater oss å arbeide med de anvendte fargene og mønstrene. 

Hvis du beholder den strukturerte formen som er valgt, dobbeltklikker du på Skalverktøy (S) i Verktøy panel for å åpne Scale alternativer vindu. Her fjerner du alle alternativene unntatt Transform mønstre eske. Og sett Uniform Scale verdi til 90%, gjør elementene i tekstur litt mindre.

Trinn 5

Og la oss endre retningen til vårt mønster litt. Hvis du holder teksturen valgt, dobbeltklikker du på Rotate Tool (R). Undersøk Transform mønstre boksen og sett inn Angle til 30 grader.

Trinn 6

Endelig bytt Blandingsmodus av mønsterformen til Multiplisere og redusere dens opacity til 30% i åpenhet panelet, slik at det blandes med den mørke basen, slik at den passer til kameraet.

Si ost!

Og her har vi det! Vårt semi-realistiske flate kamera med strukturert overflate er klar! Jeg håper du har hatt glede av å følge denne opplæringen og oppdaget noen nye tips og triks om å endre grunnleggende former og bruke mønstre for å gjøre en flat gjenstand mer detaljert. 

Fortsett å lage kreative ting, og la inspirasjonen lede deg!