Hur man skapar en Nintendo Switch i Adobe Illustrator

Vad du ska skapa

Lär dig hur du skapar den nya Nintendo-omkopplaren med hjälp av grundläggande former och verktyg i Adobe Illustrator. Vi ska ha roligt!

Hitta mer inspelning på videospel på GraphicRiver.

1. Hur man skapar ett nytt dokument

Tryck Kontroll-N att göra en Nytt dokument. Ställ in Enheter till pixlar, och skriv in 800 x 600 för Bredd och Höjd av dokumentet. Sedan i Avancerad alternativ, välj RGBSkärm (72 ppi), och se till att Avmarkera de Justera nya objekt till pixelnätet lådan innan du klickar ok.

Gå till Inställningar (Kontroll-K) och ange 1 px för Upprepning av tangentbordet. Tryck ok.

Du kan aktivera Info panel (Fönster> Info) för att få en förhandsvisning av storleken och positionen på dina former. Kom ihåg att ställa in mätenheten till pixlar från Redigera> Inställningar> Enheter. Detta ökar din arbetshastighet kraftigt.

2. Hur man skapar en Nintendo Switch

Nu börjar vi skapa Nintendos kropp och grundläggande komponenter.

Steg 1

För kroppen, skapa en 366 x 220 px rektangel med Rektangelverktyg (M) och använda # 4D4D4D som den Fylla Färg. Uppsättning Inverterad Runda hörn med a 10 px Radie från Omvandla panel.

Lägg till kontrollerna med två 77 x 220 px rektanglar; använda sig av # 4CC6E8 som den Fylla färg för en av dem och # E84C53 för den andra. Därefter runda hörnen med Levande hörn med Direktmarkeringsverktyg (A).

Steg 2

Vi kommer att arbeta på skärmen för nu, så skapa en 345 x 205 px rektangel (# 1A1A1A) och runda hörnen något med Direktmarkeringsverktyg (A)

Göra en Kopia (Control-C följt av Control-F) och tillämpa a -1 px offset (Effekt> Path> Offset Path ... ). Ändra Fylla färg till # 333333. Dra sedan två små runda rektanglar, använd Rundad rektangelverktyg längst ned i den sista kopian och tillämpa Minus Front använda Stigfinnare panel.

Steg 3

Lägg nu till en 300 x 175 px rektangel (# 1A1A1A). Lägg sedan till två rektanglar (#FFFFFF) och Rotera dem 45 ° använda Rotera verktyg (R).

Ställ in Opacitet till 10% använder menyn från toppraden. Med Formverktygsverktyg (Shift-M), klippa de återstående formerna genom att välja dem tillsammans med den inre runda rektangeln.

Steg 4

Låt oss nu dra några skuggor och belysning för kontrollerna. Låt oss börja med vänster glädje. Duplicera två gånger (Control-C> Control-F) och flytta den sista kopian 5 px uppåt med pilknappen på tangentbordet.

Tillämpa Minus Front använda Stigfinnare panelen och välja föregående kopia. Ändra färgen på den återstående blanketten till # 2CB8DE.

Steg 5

Duplicera vänster glädje-con två gånger igen (Control-C> Control-F), och den här gången flytta den sista kopian 5 px nedåt.

Tillämpa Minus Front med föregående kopia med Stigfinnare panel och ändra Fylla färg till # 6FD2ED.

Steg 6

Upprepa samma procedur från steg 4-5 för rätt glädje. För den nedre skuggan, använd # D93B42 som den Fylla färg, och för övre höljets användning # E85D63.

Steg 7

Ta nu form av vänster glädje igen och gör en kopia (Control-C> Control-F). Ta bort Fylla färg och set # 333333 som Fyll på slag med en 5 px tjocklek.

Steg 8

Stiga på Isolera läge av Dubbelklicka formuläret. Ta nu Penverktyg (P) och lägg till två noder högst upp och ta sedan bort resten av noderna och lämna en båge.

Ställ in ändarna på Stroke som Round Cap använda Stroke panel.

Steg 9

Tryck Fly att lämna Isolera läge. Duplicera stroke (Control-C> Control-F) (# ACD4A3) och reflektera det vertikalt (Högerklicka > Transformera> Reflektera). Placera kopian på den andra glädjen.

Placera båda slag under glädje-nackdelarna (Objekt> Ordna> Skicka till Tillbaka).

Steg 10

Lägg nu till en knapp på konsolen genom att skapa en 32 x 3 px rektangel (# 1A1A1A). Rita två små rektanglar (# 333333) och två mindre rektanglar (# 666666) på den med Rektangelverktyg (M), som visas i bilden nedan.

Grupp allt tillsammans (Kontroll-G) och placera den över Nintendo.


Steg 11 

Låt oss börja med att skriva glädje-knappens knappar. För joysticken, skapa en 40 x 40 px ellipsen (# 1A1A1A) med Ellipsverktyg (L), och lägg till en annan av 38 x 38 px (# 333333).

I efterhand, Duplicera den sista ellipsen två gånger (Kontroll-C följd av Kontroll-F) och flytta den sista kopian 4 px nedåt. Applicera sedan Minus Front till föregående kopia med hjälp av Stigfinnare panel. Ändra Fylla färg till # 4D4D4D.

Steg 12

Välj den inre ellipsen, Duplicera det två gångerControl-C> Control-F) och flytta ner sista kopian av 15 px. Tillämpa Minus Front från Stigfinnare panel och användning # 363.636 som den Fylla Färg.

Skapa nu en 30 x 30 px ellipse med # 1A1A1A som den Fylla och Stroke och välja en tjocklek på 1 px. Placera den i mitten av knappen och dra sedan en linje på varje toppunkt med Penverktyg (P).

Slutligen skapa en 40 x 40 px ellipsen (# 000000) med 20% Opacitet och placera den längst ner på knappen (Kontrollera-[).

Steg 13

Grupp hela knappen tillsammans (Kontroll-G) och Duplicera Det (Control-C> Control-F). Placera båda knapparna som visas på bilden ovan.

Steg 14

Rita nu riktningsknapparna. För detta, skapa en 17 x 17 px ellipsen (# 333333). Sedan Duplicera det ett par gånger (Control-C följt av Control-F) och flytta ner den sista kopian 3 px. Efteråt, ansöka Minus Front med föregående kopia med Stigfinnare panel.

Ändra Fylla färg till # 4D4D4D. Lägg till en 17 x 17 px ellipsen (# 000000) med 20% opacitet och placera den längst ner på knappen (Kontrollera-[)

Steg 15

Grupp knappen (Kontroll-G) och Duplicera det tre gånger (Control-C> Control-F). Lägg dem ihop och bilda ett korsform. Grupp allt en gång till (Kontroll-G).

Rita nu en triangel (# 4D4D4D) med Polygon Tool och Duplicera Det (# 000000) (Control-C> Control-F), flytta den 1 px uppåt. 

Steg 16

Rita tre trianglar i de övriga riktningarna och upprepa samma procedur som i föregående steg. Och placera knapparna på vänster glädje.

Steg 17

Ta kopiorna av knapparna som vi sätter ihop tidigare och lägg över bokstäverna över dem X, Y, en och B använda Typverktyg (T), och ställ sedan in Fylla färg till #ABABAB. Placera knapparna på vänster glädje.

Du kan använda vilken Sans Serif-typsnitt som helst.

Steg 18

Vi ska skapa två små knappar. För att göra detta, skapa en 12 x 4 px rektangel (# 333333), Duplicera Det (# 000000), ställ in Opacitet till 20%, skicka det bakåt (Kontrollera-[) och flytta den nedåt med 1 px.

Efteråt skapa en 12 x 1 px rektangel (# 4D4D4D) på toppen. Grupp knappen (Kontroll-G) och Duplicera Det (Control-C> Control-F). 

Lägg till en 4 x 12 px rektangel ( # 333333 ) och a 4 x 1 px rektangel ( # 4D4D4D ). Lägg sedan till en 4 x 12 px rektangel (# 000000) med 20% opacitet och placera den på baksidan (Kontrollera-[) Grupp den andra knappen (Kontroll-G) och placera den enligt bilden nedan.

Steg 19

Kopiera en av riktningsknapparna och lägg till en 12 x 12 px ellipse med # 707.070 som den Fylla Stroke. Ta sedan Star Tool och rita en femstjärnig stjärna och använd # 000000 som den Stroke Färg. Grupp knappen tillsammans (Kontroll-G) och placera den på rätt glädje.

Steg 20

Lägg till en annan knapp till vänster glädje med en 12 x 12 px rundad rektangel (# 333333) och ställ dess radie till 1 px. Sedan Duplicera det två gångerControl-C följt av Control-F) och flytta den sista kopian ner av 1 px. Efteråt, ansöka Minus Front med föregående kopia med Stigfinnare panel.

Använda sig av # 4D4D4D som den Fylla Färg. Duplicera Det (Kontroll-F), skicka till baksidan (Kontrollera-[) och flytta den 1 px nedåt. Ändra Fylla färg till # 000000 och ställa in Opacitet till 20%.

Slutligen lägg till en 7 x 7 px ellipse med # 000000 som den Fylla och Stroke. Grupp Knappen tillsammans och placera den på vänster glädje.


3. Hur man skapar en bakgrund och lägger till detaljer

Steg 1

I det här steget kommer vi att skapa en bakgrund med två 400 x 600 px rektanglar med # E84C53 och # 4CC6E8 som den Fylla färger. Skicka dem till baksidan av duken (Kontrollera-[) och placera en av dem till vänster och den andra till höger.

Steg 2

Lägg nu till några punkter och korsningar med hjälp av Rektangelverktyg (M) och Ellipsverktyg (L). Använda sig av #FFFFFF som fyllfärgen. Slutligen lägg till en skugga under Nintendo med hjälp av a 450 x 17 px ellipsen (# 000000) och ställa in Opacitet till 10%.

grattis! Du är klar!

Och så har vi avslutat denna roliga Nintendo Switch, och nu önskar jag att jag hade en i mina händer. Jag hoppas att du haft den här handledningen och att du tränar allt du lärde dig. Jag skulle vilja se dina resultat!