Share
Vintage incontra il moderno con questo esclusivo tutorial per videogiochi. Questo tutorial è perfetto per l'artista illustratore principiante che vuole portare le sue abilità al livello successivo. Migliora il tuo gioco e inizia subito!
Di seguito è riportato il progetto finale su cui lavoreremo.
Inizia usando lo strumento Rettangolo arrotondato. Crea un rettangolo simile a questo.
SUGGERIMENTO: puoi regolare il raggio degli angoli tenendo la freccia su o giù mentre disegni la forma.
All'interno del rettangolo disegna tre forme più piccole.
Usa il Pathfinder per tagliare un bordo del rettangolo in modo che solo i due angoli superiori abbiano i bordi arrotondati. Sovrapponi le forme l'una sopra l'altra e fai clic sull'opzione Sottrai dall'area della forma seguita da Espandi, come mostrato di seguito.
Posiziona la forma nella parte inferiore, quindi duplica e posiziona una versione ruotata della forma nella parte superiore.
Continuare a utilizzare forme semplici per comporre le parti principali del controller. Per creare il pannello direzionale, sovrapponi due rettangoli uno sopra l'altro e uniscili usando il Pathfinder.
A seconda del tipo di forma con cui si sta lavorando, la realizzazione di una versione più piccola o più grande della forma potrebbe non essere semplice quanto ridurre le dimensioni. Questo è il caso con il dpad qui sotto. Se dovessi semplicemente copiare, incollare e ridimensionare, non ci sarebbe una uguale quantità di spazio tra ogni lato. Utilizzando la tecnica seguente è facile creare una versione leggermente più piccola di una forma complessa.
Seleziona l'oggetto e vai su Oggetto> Tracciato> Tracciato offset ... Inserisci la quantità di Scostamento che desideri e premi OK.
Dare offset al rettangolo, attorno ai due pulsanti centrali e ai cerchi sulla destra.
Dare anche al rettangolo principale che costituisce il controller un offset.
Piccoli dettagli fanno molto. Utilizzando una sfumatura da rosso a bianco, riempire i cerchi come mostrato. Si noti che il mio gradiente ha tre punti: bianco, rosso e rosso più scuro. Il colore rosso più scuro è un dettaglio minore che contribuisce a dare al pulsante più di una gamma dinamica. A prima vista potrebbe non essere evidente ma fa la differenza.
Assegna allo sfondo del controller una sfumatura da grigia a nera. Assicurati di utilizzare un nero ricco e non un nero in scala di grigi. Il nero intenso è il colore nero che comprende i valori "R", "G" e "B". Per fare un ulteriore passo avanti, usa un valore zero per "R", G, "e" B. "
Nota: se questa illustrazione dovesse essere stampata presso un centro stampa, si utilizzerà un modello CMYK. Il nero ricco per quel modello sarebbe C = 40, M = 30, Y = 20 e K = 100. Il grafico sottostante mostra un ricco modello di colore nero per le opere d'arte RGB.
Crea le frecce che vanno sul dpad usando forme semplici. Usa lo Strumento Stella per creare il triangolo.
SUGGERIMENTO: regola il numero di punti sullo strumento Stella premendo la freccia su o giù mentre disegni la stella.
Allinea le forme verticalmente e fai clic su Aggiungi all'area forma, come indicato di seguito, quindi fai clic su Espandi.
Posiziona le frecce sul dpad. Utilizzare la palette di allineamento per assicurarsi che tutto sia perfettamente allineato.
Dai al rettangolo più interno e ai due pulsanti un bagliore interno andando su Effetto> Stilizzazione> Bagliore interno ...
Assicurati che il colore di riempimento dei due pulsanti sia sufficientemente chiaro in modo che il bagliore interno sia visibile. Inoltre, assicurati di selezionare Moltiplicare per Modalità.
Fai la stessa cosa per il cerchio più interno degli altri pulsanti.
E ancora sulle frecce, altera Opacità e Sfocatura per adattare ogni elemento a cui stai aggiungendo una Bagliore Interiore.
Per creare rapidamente punti salienti sul bordo delle frecce, seleziona prima tutte e quattro le frecce e uniscile nel Pathfinder usando l'opzione Aggiungi a forma area. Quindi, duplicare le frecce e scaglionarle come mostrato di seguito. Seleziona entrambi i gruppi di frecce e fai ancora clic su Sottrai dall'area forma seguita da Espandi.
Per aggiungere al realismo complessivo del controller, aggiungeremo una riflessione sul dpad. Disegna un rettangolo e ruotalo leggermente. Posiziona il rettangolo sul dpad, seleziona entrambe le forme e fai clic su Dividi nel Pathfinder. Vai a Oggetto> Separa. Elimina le forme rimanenti attorno all'esterno del dpad.
Assegna a entrambe le metà del dpad un gradiente sottile. Ricorda di usare un nero intenso anziché nero in scala di grigi.
Aggiungi un testo di tua scelta. Per dare al testo una sfumatura, devi prima selezionare il testo e andare a Tipo> Crea contorni. Ora, riempi il testo con una sfumatura a tua scelta.
Crea l'evidenziazione sui pulsanti nello stesso modo in cui lo abbiamo fatto per l'evidenziazione sulle frecce del dpad. Inizia sovrapponendo due cerchi.
Posiziona l'evidenziatore sui pulsanti e regola la loro opacità a circa il 50%.
Per fare un'intensa luce sulla parte inferiore del pulsante inizieremo disegnando un'ellisse usando lo strumento Ellisse (L.)
Vai a Oggetto> Distorsione busta> Crea con Warp ... Seleziona Arco dal menu a discesa Stile e inserisci un valore negativo per la Piegatura. Clicca OK.
Utilizzare lo strumento selezione diretta (A) per mettere a punto le maniglie e i punti della forma.
Possiamo creare un'ombreggiatura realistica per gli oggetti sfocando una forma simile all'oggetto per cui vorremmo creare un'ombra. Crea un'ombra per i due pulsanti al centro sfocando un rettangolo arrotondato andando su Effetto> Sfocatura> Sfocatura gaussiana.
SUGGERIMENTO: assicurati che la grafica sia alla scala che desideri applicare prima di applicare eventuali effetti di sfocatura poiché gli effetti di sfocatura non vengono ridimensionati indipendentemente dalle opzioni selezionate in Preferenze di Illustrator.
Posiziona l'ombra dietro i pulsanti, imposta la modalità su Moltiplicare e regola l'opacità a circa il 50% (nella tavolozza della trasparenza).
Crea luci e luci basse per la parte superiore e inferiore del controller usando la forma base del controller come punto di partenza.
Sovrapponi due forme uno sopra l'altro e nella tavolozza dell'opzione seleziona Escludi aree di forma sovrapposte seguita da Espandi. Se hai bisogno di rompere le forme dopo, seleziona Dividi, quindi vai su Oggetto> Separa.
Posiziona il punto culminante in alto e in basso in basso. Assegna a ciascuna forma un gradiente tenue.
Per creare l'impressione di un'area incassata, dare la forma evidenziata sotto una leggera sfumatura che è più scura sulla parte superiore.
Per rendere la cartuccia del videogioco utilizzare i rettangoli che sono stati uniti insieme come punto di partenza.
Usa il rettangolo angolare arrotondato come abbiamo fatto in diversi passaggi precedenti per creare le aree più dettagliate.
Per creare facilmente una serie di rettangoli multipli, disegna semplicemente due rettangoli e posizionali alla distanza desiderata.
Seleziona entrambi i rettangoli e vai su Oggetto> Miscela> Opzioni di fusione ... Seleziona Passi specificati e inserisci un numero di circa 20. Fai clic su OK.
Vai a Oggetto> Miscela> Crea e il risultato produrrà qualcosa di simile all'immagine qui sotto. Per continuare a modificare le forme dovrai andare su Oggetto> Espandi.
Dare alla cartuccia un gradiente radiale.
L'etichetta avrà anche bisogno di un semplice gradiente da grigio a bianco.
Dai al triangolo un bagliore interno andando su Effetto> Stilizzazione> Bagliore interno ...
Aggiungi un tratto sottile (sottile) al triangolo usando la tavolozza Tratto.
Seleziona il modello di rettangoli e applica anche un leggero gradiente.
Dai un'impressione di profondità duplicando il modello rettangolare e riempiendolo con un colore grigio più scuro. Dal momento che non stiamo per un nero intenso, non devi preoccuparti di usare il nero intenso.
Seleziona il rettangolo che si trova vicino al bordo superiore della cartuccia e dagli una opacità di circa l'85%.
Aggiungi piccoli punti salienti al bordo della cartuccia dando al rettangolo una leggera sfumatura.
Dare al lato anche un gradiente.
Creare la piuma è più facile di quanto tu possa pensare. Usa lo Strumento Matita (N) e disegna una forma di piuma organica come mostrato.
Disegna anche le aree che tagliano la piuma usando lo strumento Matita. Potrebbe essere più semplice disegnare un paio di queste forme alla volta, anziché tutte contemporaneamente.
Usa l'opzione Sottrai dall'area di forma per rimuovere le forme dalla parte principale della penna.
Usa lo strumento Penna (P) per disegnare la parte centrale della piuma e dare alla piuma un gradiente rosso brillante.
È praticamente impossibile dare l'impressione della penna come un'illustrazione sull'etichetta della cartuccia usando la seguente tecnica. Copia l'etichetta della cartuccia e rimuovi sia la traccia che il riempimento. Assicurati che questa forma sia davanti alla piuma, seleziona sia la forma della piuma che quella della cartuccia e vai su Oggetto> Maschera di ritaglio> Crea. Ora, tutto ciò che si trova al di fuori dell'area della cartuccia verrà mascherato!
Creare lo sfondo usando lo strumento Rettangolo arrotondato. Riempi con un gradiente blu intenso.
Selezionare le forme principali che comprendono il controller e la cartuccia. Vai a Effetto> Stilizzazione> Bagliore esterno ... Assicurati di impostare la Modalità su Schermo, in modo che la luce esterna sia visibile.
Crea un'ombra per il controller e la cartuccia sfocando un rettangolo il cui riempimento è un gradiente con il bianco su entrambi i bordi. Nella tavolozza della trasparenza, impostare la modalità su Moltiplicare e regolare l'opacità a circa il 90%.
Completa l'illustrazione sfocando un rettangolo e posizionandolo dietro il controller. Questo darà l'illusione del controller che galleggia davanti alla cartuccia.
Ecco l'illustrazione finale! Poiché le superfici e lo stile generale del controller e della cartuccia sono piatti e quadrati, questo stile di illustrazione vettoriale funziona perfettamente. Sei pronto per intensificare il tuo gioco vettoriale?
Accentsconagua