Hvordan lage en Nintendo Switch i Adobe Illustrator

Hva du skal skape

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.

1. Hvordan lage et nytt dokument

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 RGBSkjerm (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.

2. Hvordan lage en Nintendo Switch

Nå skal vi begynne å skape Nintendos kropp og grunnleggende komponenter.

Trinn 1

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).

Steg 2

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.

Trinn 3

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.

Trinn 4

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.

Trinn 5

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.

Trinn 6

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.

Trinn 7

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.

Trinn 8

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.

Trinn 9

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).

Trinn 10

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.


Trinn 11 

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.

Trinn 12

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-[).

Trinn 13

Gruppe hele knappen sammen (Kontroll-G) og Duplisere det (Control-C> Control-F). Plasser begge knappene som vist på bildet ovenfor.

Trinn 14

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-[)

Trinn 15

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. 

Trinn 16

Tegn tre trekanter i resten av retningene og gjenta samme fremgangsmåte som i forrige trinn. Og plasser knappene på venstre glede-con.

Trinn 17

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.

Trinn 18

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.

Trinn 19

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.

Trinn 20

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.


3. Hvordan lage en bakgrunn og legg til detaljer

Trinn 1

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.

Steg 2

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%.

Gratulerer! Du er ferdig!

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!