How å lage en stiliserte, teksturert Flat kamera i Adobe Illustrator
Hva du skal lage

Vil du gjøre dine flate gjenstander ser mer komplisert og detaljert? Følg denne opplæringen og lære å lage en stilig retro lommekamera, mestre gradienter for lys og skygger og bruke den innebygde Adobe Illustrator fargeprøver for en semi-realistisk tekstur!

Hvis du liker skape flat-stil objekter med realistiske detaljer andwould liker å lære noen nye teknikker om å bruke og modifisere basicshapes, mestring gradienter, lage og bruke teksturer, så jeg inviterer deg til å bli med på å skape Flat Arbeidsområde Elements for Annonser selvfølgelig! Derfra vil du også lære å lage en realistisk strukturert tre bakgrunnen for dine gjenstander.

1. Lag Base av kamera med enkle former

Trinn 1

Start danner bunnen av kameraet ved å lage en 165 x 170 px
rektangel med rektangel Tool (M)
.

Kopier
det og Lim inn i Back (Ctrl-C > Kontroll-B)
. Squash kopi til om 140 px
høyde og gjøre den bredere til om 280px; Eksporter dermed skape to overlappende rektangler.

Trinn 2

Velg bothshapes og Unite
dem i Pathfinder
. Gjør hjørnene avrundet bypulling sirkelen markører for LiveCorners
ned til sitt maksimale.

Levende Corners
funksjonen er tilgjengelig onlyin Adobe Illustrator CC. I tilfellet hvis du bruker tidligere versjoner av theprogram, gjerne bruke Effect > Stylize > Runde hjørner.

Trinn 3

Ta rektangel Tool (M) Hotell og skape ahorizontal stripe over den øvre delen av kameraet. Hold Alt-Shift Hotell og dra den ned, lage en kopi i den nederste delen.

Velg allthe elementer, ta Shape BuilderTool (Shift-M), etter hold Alt
keyand klikk for å slette unødvendige stykker utenfor kameraet.
< h3> Trinn 4

Nå let'smake den mest avgjørende del av enhver kameraet: objektivet!

Start bymaking en 150 x 150 px
sirkel ved hjelp av Ellipse Tool (L)
. Plassere den nesten inthe sentrum av kameraet, litt tettere til høyre.

Trinn 5

La oss addthe utløserknappen til vårt kamera. Opprett en 40 x 20px
rektangel med rektangel Tool (M)
. Gjør hjørnene litt avrundet, ved hjelp av Levende Corners
funksjon. Lag en kopi ved å holde Alt-Shift Hotell og dra formen til venstre for å skape en annen knapp. Gjør newbutton litt mindre, sette bredden til 30px
i Transform
panel ontop.

2. Bruke fargene til kamera

Trinn 1

Nå canapply vi fargene til våre kamera og legge til flere detaljer. Fyll bunnen av thecamera med mørk grå lineær gradient, plassere den vertikalt.

Trinn 2

Og let'smake øverste stripe på kameraet sølv ved å bruke en vertikal gradient fromgrey til lys grå. Bruke den samme fargen på bunnen stripe, plukke den withthe Dråpetellerverktøyet Tool (I)
, men placingthe farger opp-ned.

Trinn 3

Og applythe samme sølvfarge til knappene også. Send
knappene til Back (Kontroll-Skift-[)
, bak kamera.

Trinn 4

Nå let'sadd flere detaljer til linsen. Fyll sin base med vertikale lineær gradient fromdark-grå farge i bunnen for å sølvgrå på toppen.

Og let'sadd annen ring på objektivet. Gå til Objekt > Sti > Offset Sti
. Sett Offset
verdien til -7 px
, og skaper en smallercircle inne den første. Fyll den med lys-grå gradient.

Trinn 5

La oss usethe Offset Sti
funksjon igjen toadd en annen ring, men denne gangen satt den Offset Anmeldelser verdien til -3 px
. Påfør en mørk-greygradient, med en mørkere gråtone på toppen.

Trinn 6

Continuerepeating den samme handlingen og bruke en -7px Offset
å opprette en ny ring med lineær gradient av lysere farge. Legg til en annen form med -3px
Offset
verdi og darkergradient, som du kan plukke fra en av de tidligere opprettede ringer, ved hjelp av Dråpetellerverktøyet Tool (I)
.

Continueadding Offset Paths
med samme innstillinger, varierende -7 px Hotell og -3 px
verdier og vekslende mørke andlight graderinger, før du har omtrent ti sirkler totalt.

Trinn 7

Nå let'sform den indre delen av linsen, sin åpning. Denne gangen stiller Offset
verdien til -15 px
, lage en liten sirkel.

På dette trinnet kan vi allerede slette skisserer, som alle de viktigste figurene er farget. Velg alt (Ctrl-A) og sett Stroke farge til Ingen i fargepanelet.

Trinn 8

La oss Сopy
den minste sirkelen og Lim
det i Front (Ctrl-C > Kontroll-F)
. Fyll den med lineær gradientfrom blå til svart. Sett BlendingMode
til Skjerm
, noe som gjør blackside på graderingen gjennomsiktig og dermed skape en overtone.

Du kan changethe retning av gradient, plassere den diagonalt, ved hjelp av Gradient Tool (G).

Trinn 9

La oss duplicatethis tone < b> (Ctrl-C > Kontroll-F) Hotell og gjøre den mindre.

Trinn 10

Place thebottom overtone på toppen av den minste av Bringing
det til Front (Kontroll-Skift-])
. Keepingthe form valgt, ta Eraser Tool (Shift-E) Hotell og tegne en linje på tvers av høydepunktet, dele den i to deler.

Trinn 11

For theupper halvparten av overtone, la oss endre den blå delen av gradient fylle todark-lilla. Og bruke en rød farge i stedet for blå for den nederste halvdelen av overtone.

Gjør thegrey sirkel under høydepunktet litt mørkere.

Step 12

La oss Group (Ctrl-G)
elementene i åpningen andmake dem litt større.

Du kan redigere fargene på objektivet litt, noe som gjør vår gradientsdarker for å legge til mer kontrast til figurene.

3. Legg Flere detaljer til kamera

Trinn 1

Nå let'smake vår kameraet mer realistisk og tredimensjonalt ved å legge mindre detaljer. Firstof alt, la oss legge skyggen fra objektivet.

Velg thebiggest bunnen sirkel av linsen, Kopier
det og Lim inn i Back (Ctrl-C > Kontroll-B)
. Gjør formen litt større og fyll den med lineargradient fra grå til hvit. Gjør gradient gå diagonalt til right.Switch til Multiply Blending Mode
, og dermed gjøre den hvite siden av gradient gjennomsiktig.

Trinn 2

La oss deletethe nedre del av skyggen med ShapeBuilder Tool (Shift-M).
Velg både skygge og undersiden av kameraet, hold nede Alt Hotell og klikk på unneededpart av skyggen utenfor kameraet for å slette den.

Trinn 3

La oss nå formthe kamera grep på venstre side av kameraet for å gjøre den mer virkelighetstro life.Draw et rektangel i samme høyde som vår kameraet. Fyll formen med vertikale gradientfrom mørk grå til svart og slå på BlendingMode
til Skjerm
, noe som gjør blackpart gjennomsiktig og danner et høydepunkt.

Trinn 4 Anmeldelser

Duplicatethe rektangel (Ctrl-C > Kontroll-F) og dra den til høyre, feste opprettet kopien ved siden av den første rektangel og gjør det mye smalere.

Bruk EyedropperTool (I)
å plukke utseendet fra skyggen under linsen, bruke adark-grå gradient i Multiply BlendingMode
til den nyopprettede rektangel. Sett gradient horisontalt, makinga subtil skygge fra kameragrepet.

Trinn 5

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

Lag en 50 x 30 px
rektangel og legg den i thetop høyre på kameraet. Gjør det litt avrundet, ved hjelp av Levende Corners
funksjon, og gjelder adark-grå vertikal gradient, plukke fargen fra bunnen av våre kameraet withthe Dråpetellerverktøyet Tool (I)
.

Trinn 6

Bruk Offset Sti
med -10 px Offset
verdi og gjøre figuren avrundet. Fyll skapte form med en light-greyvertical gradient, forming blitsen.

Trinn 7

Gjør anotherrectangle av 30 x 10 px
størrelse. Gjør itscorners fullt avrundet og fyll den med en lys-gul lineær gradient.

Trinn 8

Lag en 20 x 20 px
sirkel og plassere den ved theleft siden av linsen. Påfør en sølv lineær gradient. Makeanother sirkel av 10 x 10 px
neste tothe første, og fyll den med lyse-gule lineær gradient.

4. Lag en Leather Texture Effect

Trinn 1

Gjør TheBase av kameraet litt mørkere. Kopier
det og Lim inn i Front (Ctrl-C > Kontroll-F).

Trinn 2

Og nowlet oss gjøre bunnen av kameraet strukturert, ved hjelp av den innebygde mønstre ofAdobe Illustrator!

Åpne Fargeprøver
panel i Vindu > Fargeprøver
. Gå til Fargeprøver Library > Patterns > Basic Graphics > Grunn Graphics_Textures
.

Trinn 3

Her havesome vi fine realistiske teksturer, som kan skape en detaljert og fancy utseende. Let'sfind noe som imiterer en lær overflate. For eksempel, kalt swatch USGS 21 Intrikate Surface
. Klikk toapply teksturen til den valgte formen.

Trinn 4

La oss tweakour tekstur litt, ved hjelp av noen av verktøyene, som tillater oss å jobbe med det påførte fargeprøver og mønstre.

Holde strukturert form valgt, dobbelt clickthe Scale Tool (S)
i Verktøy
panelet for å åpne Skala
opsjons vinduet. Her, fjern haken allthe alternativer unntatt TransformPatterns
boks. Og sette UniformScale
verdien til 90%
, gjør theelements av teksturen litt mindre.

Trinn 5

Og la oss changethe retning av vårt mønster litt. Holde teksturert valgt, dobbeltklikker du på Rotate Tool (R)
. Sjekk Transform Patterns
boksen og sette Angle
til 30 grader.

Trinn 6

Til slutt slå < b> Blending Mode
av thepattern form til Multiply
anddecrease sin Opacity
til 30%
i Transparency
panelet, noe som gjør det blanding med mørk base, slik at itfits kameraet.

Say Cheese!

Og her Vihar det! Vår semi-realistiske flat kamera med strukturert overflate er klar! Jeg hopeyou've likte å følge denne opplæringen og oppdaget noen nye tips og tricksabout endre grunnleggende former og bruke mønstre for å gjøre en flat gjenstand lookmore detaljert.

Hold å gjøre kreative ting, og la inspirasjonen guide deg!