Rendi un'illustre illustrazione di cadetti spaziali in Photoshop

Questo tutorial si concentrerà sulle funzionalità di Photoshop come strumento di rendering per dare vita alle illustrazioni vettoriali utilizzando gli effetti raster. Con solo alcune tecniche di colorazione, ovvero i livelli di regolazione, le maschere di livello e gli stili di livello; noterai che il processo può diventare piuttosto ripetitivo, rendendo così un flusso di lavoro abbastanza intuitivo ed efficiente. Iniziamo!


Prima di iniziare

Apri spacecadetBASE.psd dalla cartella di origine del download. In esso, scoprirai più gruppi di livelli introdotti da Illustrator semplicemente copiando e incollando elementi vettoriali diversi uno alla volta in un file Photoshop vuoto. Questo file particolare dovrebbe consistere di quanto segue:

  • Gruppo di testo: livelli di testo estrusi 3d
  • Gruppo di luci - Tutto il lavoro sulla linea bianca verrà posizionato qui
  • Gruppo cadetti - La figura femminile
  • Gruppo di robot - L'anomalia robotica dietro di lei
  • Gruppo Lazerz - Le linee bianche svaniscono in prospettiva
  • Grid Layer
  • Gruppo di caduta posteriore del robot
  • Strato di pannelli


Passo 1

Aggiungi un livello di regolazione direttamente sopra il gruppo 'cadet'. Il menu dei livelli di regolazione è disponibile nella parte inferiore della scheda "Livelli". Nella scheda Regolazioni fai clic sulla barra della sfumatura per visualizzare l'editor dei gradienti. Seleziona la mappa sfumatura di default "Blu, Rosso, Giallo" sotto i preset.



Passo 2

Aggiungi un'altra mappa sfumatura sopra il gruppo 'robot sullo sfondo'. Rinominiamo questo nuovo layer di mappe sfumate 'red atmos'. Vai a Modifica sfumatura e seleziona la mappa predefinita "Rosso, Verde". Se la tua immagine sembra invertita, cambia gli stop rossi e verdi alle estremità opposte della traccia nell'editor dei gradienti. Ora, fai doppio clic sull'arresto verde e cambia colore diventando più scuro (# 2f1900).



Passaggio 3

Seleziona il livello "highlights" sotto il gruppo "cadet". Applica una maschera di livello. Seleziona lo strumento pennello e impostalo su 0% di durezza con un diametro di 30px. Imposta il nero del colore di primo piano e inizia a nascondere leggermente le alte luci come mostrato di seguito. Puoi anche regolare la percentuale di "Opacità" e "Flusso" del pennello per controllarne la forza. Attiva anche l'impostazione 'aerografo'.



Passaggio 4

Proviamo ad aggiungere un po 'di ombra alla nostra figura di cadetto. Seleziona 'Livello 1 copia 4'. Vai al menu dei livelli di regolazione e seleziona "Livelli". Premi "Cmd / Ctrl + Alt + G" per applicare una maschera al livello cadetto. Regola il livello di uscita dell'evidenziazione a circa 127. Fai clic sulla maschera di livello e scegli lo strumento sfumatura. Con un'impostazione di sfumatura lineare, fare clic su + tenere premuto e trascinare dalla spalla superiore alla parte inferiore della coscia del cadetto. Assicurati che il nero sia il paralume anteriore, il bianco è lo sfondo nei tuoi colori.

Ora, aggiungi un secondo livello di regolazione 'Livelli', aggancia la maschera e modifica il livello di input dell'evidenziazione a circa 230.



Passaggio 5

Duplica il livello "evidenziazioni". Spostalo al di sotto dell'originale e maschera la maschera. 'Cmd / Ctrl + CLICK' sul livello per creare quelle 'formiche in marcia' o una selezione di selezione. Vai al menu principale e seleziona Filtro> Sfocatura> Sfocatura gaussiana. Imposta il raggio a circa 4,4 circa. Premi Cmd / Ctrl + D per deselezionare.



Passaggio 6

Duplica il livello di regolazione "atmosfera rossa" che hai fatto nel passaggio 2 facendo clic su di esso e premendo Cmd / Ctrl + J. Sposta la copia sopra il livello "evidenzia la copia" e la maschera maschera. Finora abbiamo assunto che la fonte di luce principale provenga dalla parte superiore sinistra. Seguite questa logica mentre vi mascherate con un pennello nero morbido che rende alcuni punti un po 'più chiari.



Passaggio 7

Ora è il turno del robot. Seleziona il livello del robot nel gruppo (copia del livello 2). Aggiungere un livello di regolazione del livello, mascherarlo con una maschera (Cmd / Ctrl + Alt + G) e impostare il livello di uscita dell'evidenziazione su 105. Eliminare la maschera con un pennello morbido in relazione alla direzione della sorgente luminosa. Crea un secondo livello di regolazione del livello, aggancia la maschera e imposta il livello di input dell'evidenziazione a circa 233 circa.



Passaggio 8

Copia il livello cadet (livello 1 copia 4) e incollalo all'interno del gruppo robot. Rinominare il livello "ombra" e premere CTRL + L per visualizzare una finestra dei livelli. Imposta il livello di uscita dell'evidenziazione su 0. Successivamente, maschera la maschera e imposta la modalità di fusione su "Sovrapponi" e abbassa la sua opacità principale al 60%.



Passaggio 9

Trova e duplica il livello della mappa sfumatura 'atmosfera rossa' e posizionalo sopra il livello 'ombra'. Clip maschera e usa un pennello nero morbido per mascherare via all'origine della tua fonte luminosa come prima.



Passaggio 10

Seleziona la copia del livello atmosfer rosso e duplicala. Rinominare il livello "Sovrapposizione blu". La clip maschera e modifica i colori di interruzione nell'editor del gradiente in blu scuro (n. 1f03af) e in azzurro (n. 02fffe). Fai scorrere la fermata blu scuro sulla traccia a circa il 15%.



Passaggio 11

Aggiungi un livello di regolazione "Riempimento colore", rendilo rosso (# ff0000) e maschera di ritaglio. Ora seleziona la maschera di livello e premi Cmd / Ctrl + I per invertire la maschera in nero. Con un morbido pennello bianco inizia a rivelare parte del rosso lungo il fondo del robot. Questo per far sì che risponda visivamente agli effetti che ora aggiungeremo al pavimento nei seguenti passaggi.



Passaggio 12

Selezionare il livello dei pannelli e Cmd / Ctrl + fare clic su di esso per effettuare una selezione di selezione. Seleziona lo strumento sfumatura e impostalo su una modalità sfumatura radiale. Fai clic su + trattieni dal centro della selezione e trascina verso l'esterno per applicarlo sul pavimento. Deseleziona il livello.



Passaggio 13

Duplica la mappa sfumatura 'atmosfera rossa' e la clip maschera al livello della griglia. Usa lo strumento sfumatura per applicare un mascheramento del gradiente radiale. Il nero dovrebbe essere l'ombra centrale.



Passaggio 14

Ora applichiamo un bagliore alla griglia. Fai clic sul menu 'fx' nella parte inferiore della scheda dei livelli e scegli il bagliore esterno. Copia le impostazioni mostrate di seguito.



Passaggio 15

Applica una maschera di livello invertita al livello della griglia (tieni premuto Alt + clic sull'opzione maschera di livello). Imposta il colore di sfondo su bianco e questa volta rivela la griglia con una gomma morbida (se desideri utilizzare il pennello, imposta il colore di primo piano su bianco). Puoi usare le impostazioni della gomma mostrate nell'immagine qui sotto. Assicurati che l'impostazione dell'aerografo sia attiva.



Passaggio 16

Aggiungi un livello di regolazione Livelli mascherati con clip a "Livello 5" nel gruppo "Sfondo robot". Impostare il livello di uscita dell'evidenziamento su 93. Se lo si desidera, è possibile mascherare leggermente alcune aree.



Passaggio 17

Crea un nuovo livello all'interno del gruppo. Cmd / Ctrl + clic sul livello 5 per creare una selezione di selezione. Seleziona lo strumento selezione e fai clic con il pulsante destro del mouse. Seleziona Tratto e applica una larghezza di 1,5 px al centro. Aggiungi un bagliore esterno con un giallo (# fff145). Assicurati che il tuo colore sia bianco. Utilizza le impostazioni di stile dei livelli di seguito.



Passaggio 18

Ora aggiungi una maschera di livello (Alt + clic). Rivela i bagliori come mostrato di seguito, usando un pennello bianco morbido.



Passaggio 19

Seleziona il livello 6 nel livello di sfondo del robot. Applicare una regolazione del livello mascherata con un livello di uscita di circa 40 gradi. Abbassare la maschera per fare in modo che la luce colpisca l'oggetto.



Passaggio 20

Ora torniamo al nostro cadetto e iniziamo ad applicare un po 'più di "flash" al suo aspetto. Vai al sottogruppo 'glows' group> 'cadetglows'. Aggiungi un nuovo livello e chiamalo 'contorno rosso'. Cmd / Ctrl + clic sul 'layer 1 copy 4' sotto il gruppo 'cadet' per fare una selezione di selezione. Applicare un tratto da 2 pixel al centro nel livello 'contorno rosso'.



Passaggio 21

Aggiungi un bagliore esterno (# ff4242) e una sovrapposizione di colore (# ff7376) al tratto.



Passaggio 22

Applicare una maschera di livello invertita e rivelare alcune aree con un pennello o una gomma bianca morbida.



Passaggio 23

Unhide Layer 9. Applica un bagliore esterno (# ff2099)



Passaggio 24

Ripeti il ​​passaggio 22



Passaggio 25

Duplicate Layer 9 (Cmd / Ctrl + J) ripete il passo 22. Questo per accentuare ulteriormente determinate aree.



Passaggio 26

Scopri un livello 10 e crea un livello duplicato (Cmd / Ctrl + J). Nascondi il duplicato.



Passo 27

Seleziona il livello 10 e applica un bagliore esterno (# ff3636) e una sovrapposizione di colore (# ff000c). Crea una maschera di livello invertita e rivelale con un pennello bianco morbido lungo il bordo inferiore degli stivali.



Passaggio 28

Scopri 'livello 10 copia' e aggiungi un bagliore esterno (#ffbf36) e una sovrapposizione colore (# feabf9)



Passaggio 29

Aggiungi una maschera di livello e inizia a nasconderlo in certe aree con una gomma nera morbida per renderla meno piatta.



Passaggio 30

Sul livello 13, aggiungiamo anche uno stile di livello. (bagliore esterno: # ff15cb, sovrapposizione colore: #fffbbf). Applicare una maschera di livello invertita e iniziare a rivelare con un pennello bianco morbido.



Passaggio 31

Sul livello 21, aggiungi un bagliore esterno e una sovrapposizione di colori (entrambi # 3ae1ff).



Passo 32

Ora duplichiamo il livello del contorno rosso creato nel passaggio 20 e lo rinominiamo "contorno magenta". Seleziona la sua maschera di livello e premi Cmd / Ctrl + L e regola il livello di uscita dell'ombra a 255 per renderlo completamente bianco, rivelando tutto. Cambia il suo colore bagliore esterno (# fd64ff)



Passaggio 33

Cmd / Ctrl + Fare clic su Livello 10 per creare una selezione di selezione. Scegli lo strumento selezione e imposta la modalità sottrazione. Fare clic e trascinare sopra l'intera figura, tranne per il casco. Solo la selezione del casco dovrebbe rimanere come mostrato di seguito. Ora applica un colpo di 2 pixel al centro.



Passaggio 34

Inverti la maschera di livello (Cmd / Ctrl + I) e rivela in base a dove percepisci che la tua fonte luminosa proviene da.



Passaggio 35

Ora aggiungiamo un po 'di brillantezza. Crea un nuovo livello ed etichettalo come "scintille". Scegli lo strumento linea (premi U) e impostalo sulla modalità "riempimento pixel". Disegna due linee diagonali 2px che si intersecano nel mezzo. Quindi, utilizzare un pennello morbido da 46 px con un'impostazione di flusso e opacità nell'intervallo del 60% e applicare al centro con pochi clic. Infine, vai con una gomma morbida da 48px e cancella le punte di entrambi i segmenti di linea.



Passaggio 36

Seleziona lo strumento sposta (V) e tieni premuto Alt. Il puntatore del mouse dovrebbe diventare una doppia freccia del puntatore bianco / nero. Continua tenendo premuto Alt e fai clic e trascina il livello di scintille su tutta la figura del cadetto. Tieni premuto Maiusc e seleziona tutti i livelli duplicati e unisci premendo Cmd / Ctrl + E.



Passaggio 37

Attiva tutti i livelli nel gruppo 'robotglows'. Cmd / Ctrl + Fare clic su "layer 1 copy 4" (under cadet group). Seleziona la cartella robotglows e Alt + fai clic sull'opzione maschera di livello. Ciò nasconderà qualsiasi cosa visivamente ostruisca la figura del cadetto all'interno di questo gruppo.



Passaggio 38

Nascondi tutti i livelli sotto il gruppo ad eccezione del Livello 12. Applica un bagliore esterno (# 7dfbf7) e una sovrapposizione di copertina (#fffcaa).



Passaggio 39

Applicare una maschera di livello invertita e rivelare con una spazzola morbida.



Passaggio 40

Crea un nuovo livello e rinominalo 'contorno'. Cmd / Ctrl + clic su 'Copia livello 2' sotto il gruppo di robot per creare una selezione di selezione. Applicare un colpo 2px al centro.



Passaggio 41

Applicare un bagliore esterno (# c0f8fc), aggiungere una maschera invertita e rivelare con un pennello morbido.



Passaggio 42

Ora duplica il livello, rinominalo 'outline rosso' e cambia il suo colore glow (# ff3c3c). Imposta la maschera per completare il nero e rivelare alcuni dei contorni lungo la base del robot.



Step 43

Attiva il livello 20. Applica un bagliore esterno (# 49ffa3).



Passaggio 44

Ripeti il ​​passaggio 43 per il livello 23. Maschera l'area che si sovrappone all'illustrazione del robot in primo piano come mostrato di seguito.



Passaggio 45

È ora di aggiungere più dettagli allo sfondo. Creiamo una nuova cartella direttamente sotto il gruppo 'lazerz' e chiamiamola 'starfield'. Crea un nuovo livello e chiamalo "stelle". Seleziona lo strumento pennello e impostalo su 7px 100% Durezza, Opacità e Flusso. Clicca in giro per fare un mucchio di punti.



Passaggio 46

Ora duplica il livello (Cmd / Ctrl + J) e premi Cmd / Ctrl + T per visualizzare la casella di trasformazione. Riduci il livello a una dimensione più piccola e premi Invio per confermare.



Passaggio 47

Con lo strumento di spostamento selezionato, tieni premuto Alt + Fai clic e trascina il livello per creare più copie.



Passaggio 48

Seleziona tutti i livelli stella e Cmd / Ctrl + E per unirli. Aggiungi una maschera di livello e inizia a mascherare alcune aree per creare una certa variazione di luminosità e profondità. Fare clic con il tasto destro sulla maschera di livello e fare clic su "Applica maschera di livello".



Passaggio 49

Ripeti il ​​passaggio 46



Passaggio 50

Ripeti i passaggi da 45 a 49 finché non ottieni un risultato simile a quello riportato di seguito



Passaggio 51

Crea un nuovo livello e chiamalo "stelle cadenti". Disegna una linea diagonale bianca 2px. Applica un bagliore esterno (# fc2cff) e sovrapposizione colore (# ffeb8c).



Passaggio 52

Utilizzare una gomma morbida per sfumare un'estremità della linea.



Passaggio 53

Continua a disegnare qualche altra riga in questo modo.



Passaggio 54

Il nostro campo stellare sta attualmente ostacolando il nostro gruppo sullo sfondo dei robot. Risolviamolo di Shift + Cmd / Ctrl + facendo clic sui livelli dello sfondo del robot (livelli 5 e 6) e aggiungendo una maschera di livello al gruppo di stelle utilizzando Alt + facendo clic sull'opzione maschera di livello.



Passaggio 55

Accendi il gruppo 'lazerz'. Applica un bagliore esterno (# bc53ff), bagliore interno (# 06fff6) e sovrapposizioni colore (# fcd7e2) a entrambi i livelli all'interno del gruppo.



Passaggio 56

Applica una maschera di livello a entrambi i livelli e maschera dal punto di fuga verso l'esterno come mostrato di seguito.



Passaggio 57

Ripeti ciò che hai fatto nel passaggio 54 per il gruppo lazerz.



Passaggio 58

È giunto il momento di applicare alcuni effetti atmosferici dal sottile al sostanziale. Nella prossima serie di immagini prestate molta attenzione alle varie modalità di fusione, uso dell'opacità del master e altre impostazioni. Iniziamo creando un gruppo "atmosfera" direttamente sotto il gruppo "testo". Aggiungi un livello di regolazione del gradiente impostalo su uno stile radiale e crea una tavolozza tricolore personalizzata di # d5fff5, # 9076ff, # 03f0ff (da sinistra a destra). Imposta la fine dell'opacità per # 03f0ff a 0%. Per creare un terzo stop basta semplicemente cliccare ovunque sotto la traccia del colore nell'editor del gradiente.



Passaggio 59

Crea un nuovo livello e seleziona lo strumento pennello. Impostare il diametro su 1000 px circa con un'impostazione di flusso del 27%. Clicca sul busto della figura alcune volte.



Passaggio 60

Regola la modalità di fusione, opacità e riempimento del livello. Applicare una maschera invertita e iniziare a rivelare. Ora gli affetti atmosferici possono essere abbastanza sottili, quindi c'è molto spazio per la varianza. Da qui in poi vedrai alcuni esempi della mia densità di mascheramento.



Passo 61

Aggiungi un altro livello di regolazione del gradiente con due colori di interruzione (# ff7676, # ae00ff) e in uno stile radiale. Imposta l'opacità di stop per # ae00ff a 0%. Premere ok nell'editor dei gradienti. Con la finestra "Riempimento gradiente" ancora su, sposta il gradiente sul fondo della tela sul pavimento. Non è necessario selezionare lo strumento di spostamento per farlo.



Passaggio 62

Aggiungi un livello di regolazione del livello. Imposta l'output di evidenziazione su 76 e applica una maschera di livello. Questo per aiutare ad accentuare l'attenzione sul pezzo.



Passaggio 63

Aggiungi un nuovo livello di regolazione del gradiente a 3 stop e imposta i colori finali su # c1f7ff, # a3fffc, # c6fff0 (da sinistra a destra). Fai clic sopra la traccia del colore per aggiungere una fermata di opacità nel mezzo. Imposta le interruzioni di opacità alle due estremità della traccia su 0%.



Passaggio 64

Duplica il riempimento sfumato celeste e applica una maschera di livello con sfumatura radiale.



Passaggio 65

Ora per il tocco finale. Apri il gruppo "testo". Duplica il livello '10000LYIS' e tratta entrambi i livelli come mostrato nell'immagine corrispondente sotto. Il carattere utilizzato per il testo può essere scaricato qui: Star Jedi



Step 66

Crea un tratto di contorno di 2 pixel in un nuovo livello. Aggiungi un bagliore esterno (# ffd257) e applica una maschera.



Passaggio 67

Posiziona il livello di estrusione in un nuovo gruppo. Con la nuova cartella ancora selezionata, Cmd / Ctrl + clicca sul livello 10000LYIS e Alt + clicca sull'opzione maschera di livello.



Passaggio 68

Aggiungi un nuovo livello di mappa sfumatura e aggancia la maschera (Cmd / Ctrl + Alt + G) al livello di estrusione. Imposta i colori di stop su # ff0000 e # fffc00.



Passo 69

Aggiungi un'altra mappa sfumatura mascherata con i colori di stop # d800ff e # 00f6ff. Inverti la maschera di livello (Cmd / Ctrl + I) e maschera di conseguenza.



Passaggio 70

Creare un livello di tratto contorno 2px dell'estrusione in un nuovo livello e aggiungere un bagliore (# 57fff5)



Passo 71

Trova la maschera di gruppo 'lazerz' e maschera la parte che ostruisce la vista del testo come mostrato.



Passo 72

Aggiungi un po 'di brillantezza come abbiamo fatto nei passaggi 35 e 36.



Passaggio 73

Infine, dobbiamo "basare" un po 'la figura, quindi creiamo una semplice riflessione. Trova il livello che ha la figura, copialo e incollalo. Rinominiamolo 'riflesso'. Cmd / Ctrl + T, fare clic con il tasto destro e selezionare "Capovolgi verticalmente". Spostalo sul fondo della tela sotto i piedi del cadetto, come mostrato. Premi Cmd / Ctrl + I per invertire il livello di riflessione.



Passaggio 74

Sposta il livello in fondo al gruppo e applica le impostazioni del livello indicate di seguito.



Immagine finale