Lær hvordan du oppretter den nye Nintendo-bryteren ved hjelp av grunnleggende former og verktøy i Adobe Illustrator. Vi skal ha det gøy!
Finn mer Video Game inspirasjon på GraphicRiver.
trykk Kontroll-N å lage en Nytt dokument. Sett enheter til piksler, og skriv inn 800 x 600 for Bredde og Høyde av dokumentet. Så i Avansert valg, velg RGB, Skjerm (72 ppi), og sørg for Fjern merkingen de Juster nye objekter til pikselruten boks før du klikker OK.
Gå til Preferanser (Kontroll-K) og skriv inn 1 px for Tastaturforhøyelse. trykk OK.
Du kan aktivere info panelet (Vindu> Info) for å få en forhåndsvisning av størrelsen og plasseringen av figurene dine. Husk å stille måleenheten til piksler fra Rediger> Innstillinger> Enheter. Dette vil øke hastigheten på arbeidet ditt sterkt.
Nå skal vi begynne å skape Nintendos kropp og grunnleggende komponenter.
For kroppen, opprett en 366 x 220 px rektangel med Rektangelverktøy (M) og bruk # 4D4D4D
som Fylle farge. Sett Invertert runde hjørner med a 10 px Radius fra Forvandle panel.
Legg til kontrollene med to 77 x 220 px rektangler, bruk # 4CC6E8
som Fylle farge for en av dem og # E84C53
for den andre. Deretter runde hjørnene med Levende hjørner med Direkte utvalgsverktøy (A).
Vi skal jobbe på skjermen for nå, så opprett en 345 x 205 px rektangel (# 1A1A1A
) og rund sine hjørner litt med Direkte utvalgsverktøy (A).
Lage en Kopiere (Control-C etterfulgt av Control-F) og søk a -1 px offset (Effekt> Path> Offset Path ... ). Endre Fylle farge til # 333333
. Deretter tegner to små avrundede rektangler, bruk Avrundet rektangelverktøy nederst på den siste kopien og søk Minus Front bruker Pathfinder panel.
Nå legg til en 300 x 175 px rektangel (# 1A1A1A
). Deretter legges to rektangler (#FFFFFF
) og Rotere dem 45 ° bruker Rotate Tool (R).
Sett opacity til 10% bruker menyen fra topplinjen. Med Form Builder Tool (Shift-M), klipp de resterende skjemaene ved å velge dem sammen med det indre avrundede rektangelet.
La oss nå tre skygger og belysning for kontrollene. La oss begynne med venstre glede-con. Duplisere to ganger (Control-C> Control-F) og flytte den siste kopien 5 px oppover med piltasten på tastaturet.
Søke om Minus Front bruker Pathfinder panelet og velge den forrige kopien. Endre fargen på gjenværende form til # 2CB8DE
.
Duplisere venstre glede-con to ganger igjen (Control-C> Control-F), og denne gangen flyttes den siste kopien 5 px nedad.
Søke om Minus Front med den forrige kopien ved hjelp av Pathfinder panel, og endre Fylle farge til # 6FD2ED
.
Gjenta nå samme fremgangsmåte fra trinnene 4-5 for den rette glede-con. For den nedre skyggen, bruk # D93B42
som Fylle farge, og for den øvre bezel bruk # E85D63
.
Nå ta form av venstre glede-con igjen og lage en kopi (Control-C> Control-F). Fjern Fylle farge og sett # 333333
som Fyll på slag med en 5 px tykkelse.
Tast inn Isolere modus av Dobbeltklikke formen. Ta nå Pennverktøyet (P) og legg til to noder øverst, og fjern deretter resten av noderne, og la en bue.
Sett endene på Stroke som Round Cap bruker Stroke panel.
trykk Flukt å gå ut av Isolere modus. Duplisere slaget (Control-C> Control-F) (# ACD4A3
) og reflektere det vertikalt (Høyreklikk > Transformere> Reflektere). Legg kopien på den andre glede-con.
Plasser begge slag under gledefeilene (Objekt> Ordne> Send til Tilbake).
Legg nå en knapp på konsollen ved å opprette en 32 x 3 px rektangel (# 1A1A1A
). Tegn to små rektangler (# 333333
) og to mindre rektangler (# 666666
) på den med Rektangelverktøy (M), som vist på bildet nedenfor.
Gruppe alt sammen (Kontroll-G) og legg den over Nintendo.
La oss begynne med å tegne glede-knappens knapper. For styrespaken, opprett en 40 x 40 px ellipse (# 1A1A1A
) med Ellipseverktøyet (L), og legg til en annen av 38 x 38 px (# 333333
).
Etterpå, Duplisere den siste ellipsen to ganger (Kontroll-C etterfulgt av Kontroll-F) og flytte den siste kopien 4 px nedover. Deretter gjelder Minus Front til forrige kopi ved hjelp av Pathfinder panel. Endre Fylle farge til # 4D4D4D
.
Velg den indre ellipsen, Duplisere det to ganger (Control-C> Control-F) og flytte ned siste kopi av 15 px. Søke om Minus Front fra Pathfinder panel og bruk # 363636
som Fylle farge.
Opprett nå en 30 x 30 px ellipse ved hjelp av # 1A1A1A
som Fylle og Stroke og velge en tykkelse på 1 px. Plasser den midt på knappen, og trekk deretter en linje på hvert toppunkt med Pennverktøyet (P).
Endelig opprett en 40 x 40 px ellipse (# 000000
) med 20% opacity og plasser den nederst på knappen (Styre-[).
Gruppe hele knappen sammen (Kontroll-G) og Duplisere det (Control-C> Control-F). Plasser begge knappene som vist på bildet ovenfor.
Tegn nå retningsknappene. For dette, opprett en 17 x 17 px ellipse (# 333333
). Deretter Duplisere det et par ganger (Control-C etterfulgt av Control-F) og flytte ned den siste kopien 3 px. Etterpå, gjelder Minus Front med den forrige kopien ved hjelp av Pathfinder panel.
Endre Fylle farge til # 4D4D4D
. Legg til en 17 x 17 px ellipse (# 000000
) med 20% Opacity og plasser den nederst på knappen (Styre-[)
Gruppe knappen (Kontroll-G) og Duplisere det tre ganger (Control-C> Control-F). Legg dem sammen, danner form av et kryss. Gruppe alt en gang til (Kontroll-G).
Tegn nå en trekant (# 4D4D4D
) med Polygonverktøy og Duplisere det (# 000000
) (Control-C> Control-F), flytte den 1 px oppover.
Tegn tre trekanter i resten av retningene og gjenta samme fremgangsmåte som i forrige trinn. Og plasser knappene på venstre glede-con.
Ta kopier av knappene som vi har satt sammen tidligere, og legg dem over bokstavene X, Y, EN og B bruker Typeverktøy (T), og sett deretter Fylle farge til #ABABAB
. Plasser knappene på venstre glede-con.
Du kan bruke hvilken som helst Sans Serif-skrift som du vil.
Vi skal lage to små knapper. For å gjøre dette, opprett en 12 x 4 px rektangel (# 333333
), Duplisere det (# 000000
), sett opacity til 20%, send den bakover (Styre-[), og flytt det nedover med 1 px.
Etterpå, opprett en 12 x 1 px rektangel (# 4D4D4D
) på toppen. Gruppe knappen (Kontroll-G) og Duplisere det (Control-C> Control-F).
Legg til en 4 x 12 px rektangel ( # 333333
) og a 4 x 1 px rektangel ( # 4D4D4D
). Deretter legger du til en 4 x 12 px rektangel (# 000000
) med 20% Opacity og plasser den på baksiden (Styre-[) Gruppe den andre knappen (Kontroll-G) og plasser den som vist på bildet nedenfor.
Kopier en av retningsknappene og legg til en 12 x 12 px ellipse ved hjelp av # 707070
som Fylle Stroke. Deretter tar du Star Tool og tegne en fem-stjerne stjerne og bruk # 000000
som Stroke farge. Gruppe knappen sammen (Kontroll-G) og plasser den på riktig glede.
Legg til en annen knapp på venstre glede med en 12 x 12 px avrundet rektangel (# 333333
) og sett radius til 1 px. Deretter Duplisere det to ganger (Control-C etterfulgt av Control-F) og flytte den siste kopien ned av 1 px. Etterpå, gjelder Minus Front med den forrige kopien ved hjelp av Pathfinder panel.
Bruk # 4D4D4D
som Fylle farge. Duplisere det (Kontroll-F), send til baksiden (Styre-[) og flytte den 1 px nedover. Endre Fylle farge til # 000000
og sett opacity til 20%.
Til slutt legg til en 7 x 7 px ellipse ved hjelp av # 000000
som Fylle og Stroke. Gruppe knappen sammen og plasser den på venstre glede-con.
I dette trinnet vil vi lage en bakgrunn ved hjelp av to 400 x 600 px rektangler bruker # E84C53
og # 4CC6E8
som Fylle farger. Send dem til baksiden av lerretet (Styre-[) og plasser en av dem til venstre og den andre til høyre.
Legg nå noen poeng og kryssinger med Rektangelverktøy (M) og Ellipseverktøyet (L). Bruk #FFFFFF
som fyllfarge. Til slutt legger du til en skygge under Nintendo ved hjelp av a 450 x 17 px ellipse (# 000000
) og sett opacity til 10%.
Og så har vi avsluttet denne morsomme Nintendo Switch, og nå ønsker jeg at jeg hadde en i hendene mine. Jeg håper du likte denne opplæringen og at du praktiserer alt du lærte. Jeg vil gjerne se resultatene dine!