Crea un casco robot futuristico in stile Line Art in Adobe Illustrator

In questo tutorial ti mostrerò come creare una testa robot dettagliata in Adobe Illustrator. Gli strumenti che userò in questo tutorial includono: lo strumento Penna (P), lo strumento Ellisse (L), lo strumento rettangolo arrotondato e lo strumento contagocce (I). Utilizzerò anche le opzioni di pannello Pathfinder e Corto contorno nel processo. La pazienza è necessaria quando si crea un'illustrazione così dettagliata. Quindi iniziamo!



1. Preparare lo schizzo di base

Passo 1

Creare un Nuovo documento (Controllo + N), chiamalo "Testa robotica". Imposta la dimensione della tavola da disegno su 600 px x 700 px e Modalità colore CMYK a 72dpi. Tutto ciò di cui abbiamo bisogno è uno schizzo di base in questo primo passo. Quindi possiamo iniziare creando un nuovo livello, chiamandolo "Sketch di base".

Passo 2

Disegna uno schizzo approssimativo della testa del robot con Strumento Pennello blob (MAIUSC + B). In questo caso, ti consiglierò di farlo con una tavoletta grafica in quanto ti sembrerà più organico. Ma se non ne hai uno, puoi semplicemente disegnare su carta e scansionare il risultato.

Passaggio 3

Dopo aver finito, impostalo Opacità a 33% e Serratura questo livello "Schizzo di base". Questo schizzo non interferirà con il prossimo processo. Crea nuovo livello che puoi nominare "Linee" o qualcosa da te.


2. Creare la Line Art of Section in cima alla testa

Passo 1

Da questa sezione lo trasformerò da abbozzo grezzo a linee vettoriali pulite. Colpire il Strumento penna (P), imposta il tratto su un 4pt Peso e inizia a disegnare un tracciato chiuso che segue la parte superiore del pannello principale. Sto creando un design simmetrico, quindi significa che ho solo bisogno di crearne metà.

Una volta completata la metà, duplicarla selezionando l'oggetto e trascinandolo a sinistra tenendo premuto MAIUSC + ALT.

Questo oggetto duplicato deve essere riflesso da Cliccando col tasto destro, quindi selezionare Trasforma> Rifletti. Apparirà la finestra di dialogo. Dai un'occhiata Verticale opzione quindi fare clic ok.

Imposta la loro posizione in modo che entrambi gli oggetti si attacchino l'un l'altro. Apri il esploratore pannello (Maiusc + controllo + F9) e scegliere Unire per unirli.

Passo 2

Continuerò a creare l'elemento della fotocamera frontale. Crea un percorso chiuso come l'immagine qui sotto. Se crei una forma che va oltre l'altra, non ti preoccupare poiché puoi utilizzare il pannello Pathfinder per pulire i bordi.

Ecco una rapida spiegazione:

  • copia (Control + C) l'elemento superiore della testa e Incolla davanti (Controllo + F).
  • Seleziona questa parte copiata accanto alla parte anteriore della videocamera.
  • Clic intersecare sopra esploratore pannello per rimuovere la parte sovrapposta della videocamera.

L'utilizzo di questo metodo ti aiuterà a creare un percorso che sembra pulito e non deviato l'uno dall'altro.

copia e Incolla davanti il risultato precedente del pannello della fotocamera. Ridimensiona tenendo premuto Control + Maiusc + Alt, quindi dovrebbe essere un pezzo più piccolo all'interno. Set it's Peso del colpo a 3pt.

Crea il pannello sinistro e destro per dare dettagli degli angoli angolati sull'elemento superiore della testa. Disporli dietro l'elemento anteriore della telecamera. Rendili tutti di colore bianco, in modo che tu possa vedere la vera posizione di ciascuna parte. Disegna anche il cerchio della telecamera usando Strumento ellisse (L).

Passaggio 3

Sono sicuro che ora puoi fare il resto delle parti superiori della testa. L'immagine qui sotto mostra che ho fatto con il corno, il cranio, la fronte e un rigonfiamento della testa.

Tutte le parti sono realizzate con percorsi chiusi e impilabili l'una sull'altra. Guarda lo schizzo di base come riferimento.

Fai una copia per tutti loro e trascina a destra. Unire loro uno per uno per le parti che sono le stesse.

Dai piccoli dettagli sul clacson che potrebbe essere il filtro dell'aria. Ho fatto questo usando il Strumento ellisse (L). Gruppo (Controllo + G) e fatene una copia per il corno giusto.


3. Lavorare sulla sezione inferiore del casco

Passo 1

Continuiamo alle parti inferiori del casco. In questa sezione, improvviserò il design degli occhi poiché penso che lo schizzo originale non mi sembra buono. Basta colpire Strumento penna (P) di nuovo e fai la mezza forma dell'occhio del robot. Riflettere e Unire quando hai finito.

Al termine, selezionare questa parte e Pulsante destro del mouse il tuo mouse, scegli Disponi> Porta in secondo piano.

Passo 2

Vai al livello inferiore e aggiungi la parte inferiore del coperchio della bocca.

Disegnare una linea del pannello su di esso, impostare il Peso del colpo a 3pt. Questa linea di pannelli è anche un miglioramento, dal momento che non mi sta nello schizzo di base.

Per dare maggiori dettagli, ho aggiunto un paio di linee di pannelli verticali. Sembra meglio per ora.


4. Creare le parti del filtro dell'aria

Passo 1

In questo passaggio, ci concentreremo solo sulla creazione delle parti del filtro dell'aria, in modo da poter nascondere per un istante tutte le parti completate dai passaggi precedenti. Continuiamo a usare il Strumento penna (P) per creare un filtro come riferimento dallo schizzo di base.

Aggiungendo più percorsi all'interno, il filtro dell'aria è finalmente più profondo con gli angoli angolati.

Crea una pinna per completare questa parte. tenere Alt + Maiusc duplicarlo direttamente in fondo. Fatelo due volte, quindi abbiamo tre pinne per riempire lo spazio vuoto. Disporre ogni parte di pinna nella loro giusta posizione. Seleziona una pinna e tocca Control + [ per inviarlo indietro una volta.

Passo 2

Metti questa parte del filtro dell'aria completata sul lato sinistro del coperchio della bocca come mostrato nell'immagine qui sotto. Fai una copia di una parte del filtro dell'aria completata e trascinala sul lato destro della testa del robot. Gruppo (Controllo + G) entrambe queste parti.

Passaggio 3

Aggiungi un paio di connettori dietro ogni filtro dell'aria.

Completa questo passaggio aggiungendo un piccolo dettaglio piatto dietro i connettori.

Finora questo è ciò che otterrai, ma penso che non sia abbastanza. Abbiamo bisogno di creare più linee e dimensioni del pannello su questa testa robot e vedere se funziona davvero. Questo è solo l'inizio, quindi continuiamo.


5. Aggiungi elementi di dettaglio

Passo 1

Ho aggiunto linee e forme più spesse attorno al casco per aggiungere ulteriore profondità. Inoltre, cambio il colore della visiera in nero pieno e creo alcune linee del pannello per aggiungere ulteriori dimensioni.

Prova a dare alcune linee del pannello alle altre parti. Usa la tecnica "Interseca" per rendere ogni pannello ordinato, nel caso in cui desideri creare un tracciato chiuso invece del percorso aperto per queste linee del pannello. Impostare il Peso del colpo a 2pt in quanto questa è una linea di dettaglio più piccola e non deve essere confusa con il profilo più grosso del casco.

Continuo ad aggiungere dettagli e pannelli angolati attraverso il casco.

L'immagine sotto è il risultato finale. Puoi vedere che ho aggiunto più linee di pannelli sulla testata superiore. Ho anche modificato la dimensione della videocamera.

Passo 2

Piccoli dettagli sono l'ideale per aggiungere quei tocchi finali a un design. Puoi applicare alcune forme in qualsiasi parte di cui hai bisogno. Utilizzare il Strumento rettangolo arrotondato per creare parti di rigonfiamento o forse semplicemente affidarsi al Strumento penna (P) per rendere i dettagli sulla testa. Non dimenticare di Gruppo ogni coppia di loro.

Passaggio 3

La testa del robot ora sembra grande con i dettagli raffinati. Più linee di pannelli che sono state aggiunte in esso darà un'impressione forte di lastre di metallo.

Solo alcune cose che devono essere fatte sulla parte del coperchio della bocca. Penso che possiamo migliorarlo modificando questa parte dove sembra ancora deserta.

Zoom sul lato sinistro del coperchio della bocca. Crea un nuovo pannello che sporge nella forma della copertura della bocca.

Fai una copia anche per quella giusta e Gruppo loro.

Utilizzare il Strumento rettangolo arrotondato fare un buco del coperchio della bocca. Duplicalo in modo da avere tre fori e posizionarli nel mezzo.

Aggiungi più linee di pannello qui per completare i dettagli. È possibile tracciare un percorso aperto per questa linea di pannello, ma non dimenticare di eliminare il Colore di riempimento toccando (/) sulla tastiera.

Manipola la sezione inferiore del pannello accatastando oggetti neri. Fatto per le parti della bocca.


5. Aggiungi una riflessione sul visore

Passo 1

Possiamo usare Strumento rettangolo (M) per creare un effetto riflesso sulla visiera. Basta fare due rettangoli verticali proprio come l'immagine qui sotto. Cambia la loro pendenza selezionando entrambi gli oggetti e poi usa il Strumento di trasformazione gratuito (E). Fai clic sul nodo superiore degli oggetti centrali e tieni premuto MAIUSC + ALT, trascina il nodo a destra.

Passo 2

Spostali sul lato destro dell'occhio. Dobbiamo cancellare la metà di questo effetto di riflessione. Fare così, copia la visiera e Incolla davanti (Controllo + F) di loro. Seleziona sia la visiera che l'effetto riflesso e Pulsante destro del mouse > Crea maschera di ritaglio. Vedrai che l'effetto riflesso è ora limitato dal campo visivo. Taglio (Control + X) l'effetto e Incolla davanti della visiera.

Il risultato :


6. Affina la Line Art

Passo 1

Quasi completo. Faresti meglio a controllare ogni coppia di oggetti. Assicurati che ciascun oggetto gemello a sinistra e a destra sia in gruppo. Seleziona l'intera immagine e apri il Allineare pannello (MAIUSC + F7), passare a Allinea alla selezione modalità e colpisci Centro allineamento orizzontale per rendere tutti gli oggetti accoppiati esattamente in posizione centrale l'uno rispetto all'altro.

Passo 2

Questo è il passo finale della line art. Voglio solo aggiungere più dettagli per una composizione migliore, correggendo anche alcune apparenze di oggetti.

Passaggio 3

Al termine, è necessario trasformare tutti i contorni degli oggetti selezionando l'intera immagine e quindi facendo clic sul menu Oggetto> Percorso> Corsa contorno.

Passaggio 4

Continua a selezionare l'intera immagine. Aperto esploratore pannello e fare clic su tagliare opzione da esso. Questo è per ripulire il caos. Lo faccio di solito per eliminare tutti gli oggetti sovrapposti e non utilizzati dietro le parti, in modo da non distrarre il processo di colorazione in futuro.


7. Colora il tuo design

Passo 1

Prima di iniziare il processo di colorazione, sarebbe meglio selezionare lo stesso colore nero e Unire il centro commerciale.

Passo 2

Questo è il set di colori che verrà applicato al casco. Ci sono quattro colori grigi qui per le testate e un colore giallo / verde per le parti piccole.

Passaggio 3

Iniziare il processo di colorazione. Usa questo set per dare i colori delle piastre. Puoi farlo rapidamente selezionando prima alcune parti, poi fai clic su Strumento contagocce (I) o in alternativa puoi utilizzare il secchio di pittura dinamica (K). Scegline uno dal set di colori e il colore verrà applicato automaticamente agli oggetti selezionati.

Passaggio 4

Completali. La fonte della luce si troverà davanti agli oggetti, quindi il colore grigio più chiaro è quello più applicato nella parte anteriore della testa. Qualsiasi altra parte dietro deve essere più scura, incluse le pieghe del pannello. Mantenere l'effetto riflesso in bianco e dare ai piccoli dettagli un colore giallo / verde. Questo semplice set di colori lo renderebbe unico e armonioso con le linee. Aggiungi anche uno sfondo con un riempimento nero.

Passaggio 5

Fai un contorno colorato extra dietro la testa, seleziona le parti intere e poi copia e Incolla dietro (Controllo + B). Unisci queste parti copiate e dona Peso del colpo di 9pt. Converti questo tratto in oggetto usando Cenni di contorno comando e dare il colore giallo / verde ad esso.


Congratulazioni! Hai finito!

Il tuo progetto è finalmente completato. È sempre bene controllare alcuni piccoli errori e correggerli prima di condividere il tuo lavoro. Spero che ti piaccia l'intero processo e mi senta bene con il risultato finale. Continua ad imparare di più per migliorare le tue capacità e continuare a spingere te stesso.