Share
Cosa starai creandoScopri come creare il nuovo Nintendo Switch utilizzando forme e strumenti di base in Adobe Illustrator. Ci divertiremo!
Trova più ispirazione per Video Game su GraphicRiver.
stampa Control-N fare un Nuovo documento. Impostare il unità a pixel, ed entra 800 x 600 per il Larghezza e Altezza del documento. Quindi nel Avanzate opzioni, selezionare RGB, Schermo (72 ppi), e assicurati di Deseleziona il Allinea nuovi oggetti a Pixel Grid casella prima di fare clic ok.
Vai al Preferenze (Control-K) e inserire 1 px per il Incremento della tastiera. stampa ok.
È possibile attivare il Informazioni pannello (Finestra> Informazioni) per avere un'anteprima delle dimensioni e della posizione delle tue forme. Ricordarsi di impostare l'unità di misura su pixel a partire dal Modifica> Preferenze> Unità. Ciò aumenterà notevolmente la velocità del tuo lavoro.
Ora inizieremo a creare il corpo e i componenti di base del Nintendo.
Per il corpo, crea a 366 x 220 px rettangolo con il Strumento rettangolo (M) e usare # 4D4D4D come il Riempire colore. Impostato Round invertito angoli con a 10 px Raggio dal Trasformare pannello.
Aggiungi i controlli usando due 77 x 220 px rettangoli; uso # 4CC6E8 come il Riempire colore per uno di loro e # E84C53 per l'altro. Quindi arrotondare gli angoli usando Angoli vivi con il Strumento di selezione diretta (A).
Per ora lavoreremo sullo schermo, quindi crea un 345 x 205 px rettangolo (# 1A1A1A) e arrotondare leggermente gli angoli con il Strumento di selezione diretta (A).
Fare un copia (Control-C seguito da Control-F) e applicare a -1 px compensare (Effetto> Percorso> Percorso offset ... ). Cambiare il Riempire colore a # 333333. Quindi disegna due piccoli rettangoli arrotondati, usa il Strumento rettangolo arrotondato nella parte inferiore dell'ultima copia e applicare Fronte meno usando il esploratore pannello.
Ora, aggiungi un 300 x 175 px rettangolo (# 1A1A1A). Quindi aggiungi due rettangoli (#FFFFFF) e Ruotare loro 45 ° usando il Ruota strumento (R).
Impostare il Opacità a 10% usando il menu dalla barra in alto. Con il Strumento di creazione forme (Shift-M), tagliare le forme rimanenti selezionandole insieme al rettangolo arrotondato interno.
Ora disegniamo alcune ombre e luci per i controlli. Iniziamo con la gioia di sinistra. Duplicare due volte (Control-C> Control-F) e sposta l'ultima copia 5 px verso l'alto usando il tasto freccia sulla tastiera.
Applicare Fronte meno usando il esploratore pannello e selezionando la copia precedente. Cambia il colore della forma rimanente in # 2CB8DE.
Duplicare il joystick di sinistra due volte di nuovo (Control-C> Control-F), e questa volta sposta l'ultima copia 5 px verso il basso.
Applicare Fronte meno con la copia precedente usando il esploratore pannello, e cambia il Riempire colore a # 6FD2ED.
Ora ripeti la stessa procedura dai passaggi 4-5 per il giusto joy-con. Per l'ombra inferiore, usa # D93B42 come il Riempire colore e per l'uso della ghiera superiore # E85D63.
Ora prendi di nuovo la forma del joystick sinistro e fai una copia (Control-C> Control-F). Rimuovi il Riempire colore e set # 333333 come Riempi tratto con un 5 px spessore.
accedere Modalità di isolamento di Facendo doppio clic il modulo. Ora prendi il Strumento penna (P) e aggiungi due nodi nella parte superiore, quindi rimuovi il resto dei nodi, lasciando un arco.
Imposta le estremità del Ictus come Tappo rotondo usando il Ictus pannello.
stampa Fuga uscire Modalità di isolamento. Duplicare il colpo (Control-C> Control-F) (# ACD4A3) e rifletterlo verticalmente (tasto destro > Trasforma> Rifletti). Posiziona la copia sull'altro joy-con.
Metti entrambi i colpi sotto i joy-cons (Oggetto> Disponi> Porta in secondo piano).
Ora aggiungi un pulsante sulla console creando un 32 x 3 px rettangolo (# 1A1A1A). Disegna due piccoli rettangoli (# 333333) e due rettangoli più piccoli (# 666666) su di esso con il Strumento rettangolo (M), come mostrato nell'immagine qui sotto.
Gruppo tutto insieme (Controllo-G) e posizionarlo sopra il Nintendo.
Ora iniziamo disegnando i pulsanti del joy-con. Per il joystick, crea a 40 x 40 px ellisse (# 1A1A1A) con il Strumento ellisse (L), e aggiungine un altro di 38 x 38 px (# 333333).
in seguito, Duplicare l'ultima ellisse due volte (Control-C seguito da Control-F) e sposta l'ultima copia 4 px verso il basso. Quindi applicare Fronte meno alla copia precedente usando il esploratore pannello. Cambiare il Riempire colore a # 4D4D4D.
Seleziona l'ellisse interna, Duplicare due volte (Control-C> Control-F) e sposta l'ultima copia di 15 px. Applicare Fronte meno dal esploratore pannello e uso # 363636 come il Riempire colore.
Ora crea un 30 x 30 px ellisse usando # 1A1A1A come il Riempire e Ictus e selezionando uno spessore di 1 px. Posizionalo al centro del pulsante, quindi traccia una linea su ciascun vertice con il tasto Strumento penna (P).
Infine, crea un 40 x 40 px ellisse (# 000000) con 20% Opacità e posizionarlo nella parte inferiore del pulsante (Controllo-[).
Gruppo l'intero pulsante insieme (Controllo-G) e Duplicare (Control-C> Control-F). Posiziona entrambi i pulsanti come mostrato nella figura sopra.
Ora disegna i pulsanti direzionali. Per questo, crea un 17 x 17 px ellisse (# 333333). Poi Duplicare un paio di volte (Control-C seguito da Control-F) e sposta l'ultima copia verso il basso 3 px. Successivamente, applicare Fronte meno con la copia precedente usando il esploratore pannello.
Cambiare il Riempire colore a # 4D4D4D. Aggiungere un 17 x 17 px ellisse (# 000000) con 20% di opacità e posizionarlo nella parte inferiore del pulsante (Controllo-[)
Gruppo il tasto (Controllo-G) e Duplicare tre volte (Control-C> Control-F). Mettili insieme, formando la forma di una croce. Gruppo tutto ancora una volta (Controllo-G).
Ora disegna un triangolo (# 4D4D4D) con il Strumento Poligono e Duplicare (# 000000) (Control-C> Control-F), spostandolo 1 px verso l'alto.
Disegna tre triangoli nel resto delle direzioni e ripeti la stessa procedura del passaggio precedente. E posiziona i pulsanti sul joystick di sinistra.
Prendi le copie dei pulsanti che abbiamo impostato in precedenza e aggiungi loro le lettere X, Y, UN e B usando il Tipo Strumento (T), e quindi impostare il Riempire colore a #ABABAB. Posiziona i pulsanti sul joystick di sinistra.
Puoi usare qualsiasi tipo di carattere Sans Serif che ti piace.
Creeremo due piccoli pulsanti. Per fare ciò, crea un 12 x 4 px rettangolo (# 333333), Duplicare (# 000000), impostare il Opacità a 20%, mandalo indietro (Controllo-[), e spostarlo verso il basso di 1 px.
Successivamente, crea un 12 x 1 px rettangolo (# 4D4D4D) in cima. Gruppo il tasto (Controllo-G) e Duplicare (Control-C> Control-F).
Aggiungere un 4 x 12 px rettangolo ( # 333333 ) e a 4 x 1 px rettangolo ( # 4D4D4D ). Quindi, aggiungere un 4 x 12 px rettangolo (# 000000) con 20% di opacità e posizionalo sul retro (Controllo-[) Gruppo il secondo pulsante (Controllo-G) e posizionarlo come mostrato nell'immagine sottostante.
Copia uno dei pulsanti direzionali e aggiungi a 12 x 12 px ellisse usando # 707070 come il Riempire Ictus. Quindi, prendi il Star Tool e disegna una stella a cinque angoli e usa # 000000 come il Ictus colore. Gruppo il pulsante insieme (Controllo-G) e metterlo sulla giusta gioia-con.
Aggiungi un altro pulsante a sinistra joy-con utilizzando a 12 x 12 px rettangolo arrotondato (# 333333) e impostare il suo raggio su 1 px. Poi Duplicare due volte (Control-C seguito da Control-F) e sposta l'ultima copia verso il basso di 1 px. Successivamente, applicare Fronte meno con la copia precedente usando il esploratore pannello.
Uso # 4D4D4D come il Riempire colore. Duplicare (Control-F), invia al retro (Controllo-[) e spostarlo 1 px verso il basso. Cambiare il Riempire colore a # 000000 e impostare il Opacità a 20%.
Infine, aggiungi un 7 x 7 px ellisse usando # 000000 come il Riempire e Ictus. Gruppo il pulsante insieme e metterlo sulla gioia di sinistra.
In questo passaggio, creeremo uno sfondo utilizzando due 400 x 600 px rettangoli usando # E84C53 e # 4CC6E8 come il Riempire colori. Mandali sul retro della tela (Controllo-[) e posto uno di loro a sinistra e l'altro a destra.
Ora aggiungi alcuni punti e incroci usando il Strumento rettangolo (M) e Strumento ellisse (L). Uso #FFFFFF come il colore di riempimento. Infine, aggiungi un'ombra sotto il Nintendo usando a 450 x 17 px ellisse (# 000000) e impostare il Opacità a 10%.
E così abbiamo finito questo divertente Nintendo Switch, e ora vorrei averne uno nelle mie mani. Spero che questo tutorial ti sia piaciuto e che tu abbia messo in pratica tutto ciò che hai imparato. Mi piacerebbe vedere i tuoi risultati!
Accentsconagua