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!
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:
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.
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).
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'.
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.
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.
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.
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.
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%.
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.
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%.
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.
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.
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.
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.
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.
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.
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.
Ora aggiungi una maschera di livello (Alt + clic). Rivela i bagliori come mostrato di seguito, usando un pennello bianco morbido.
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.
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'.
Aggiungi un bagliore esterno (# ff4242) e una sovrapposizione di colore (# ff7376) al tratto.
Applicare una maschera di livello invertita e rivelare alcune aree con un pennello o una gomma bianca morbida.
Unhide Layer 9. Applica un bagliore esterno (# ff2099)
Ripeti il passaggio 22
Duplicate Layer 9 (Cmd / Ctrl + J) ripete il passo 22. Questo per accentuare ulteriormente determinate aree.
Scopri un livello 10 e crea un livello duplicato (Cmd / Ctrl + J). Nascondi il duplicato.
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.
Scopri 'livello 10 copia' e aggiungi un bagliore esterno (#ffbf36) e una sovrapposizione colore (# feabf9)
Aggiungi una maschera di livello e inizia a nasconderlo in certe aree con una gomma nera morbida per renderla meno piatta.
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.
Sul livello 21, aggiungi un bagliore esterno e una sovrapposizione di colori (entrambi # 3ae1ff).
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)
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.
Inverti la maschera di livello (Cmd / Ctrl + I) e rivela in base a dove percepisci che la tua fonte luminosa proviene da.
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.
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.
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.
Nascondi tutti i livelli sotto il gruppo ad eccezione del Livello 12. Applica un bagliore esterno (# 7dfbf7) e una sovrapposizione di copertina (#fffcaa).
Applicare una maschera di livello invertita e rivelare con una spazzola morbida.
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.
Applicare un bagliore esterno (# c0f8fc), aggiungere una maschera invertita e rivelare con un pennello morbido.
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.
Attiva il livello 20. Applica un bagliore esterno (# 49ffa3).
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.
È 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.
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.
Con lo strumento di spostamento selezionato, tieni premuto Alt + Fai clic e trascina il livello per creare più copie.
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".
Ripeti il passaggio 46
Ripeti i passaggi da 45 a 49 finché non ottieni un risultato simile a quello riportato di seguito
Crea un nuovo livello e chiamalo "stelle cadenti". Disegna una linea diagonale bianca 2px. Applica un bagliore esterno (# fc2cff) e sovrapposizione colore (# ffeb8c).
Utilizzare una gomma morbida per sfumare un'estremità della linea.
Continua a disegnare qualche altra riga in questo modo.
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.
Accendi il gruppo 'lazerz'. Applica un bagliore esterno (# bc53ff), bagliore interno (# 06fff6) e sovrapposizioni colore (# fcd7e2) a entrambi i livelli all'interno del gruppo.
Applica una maschera di livello a entrambi i livelli e maschera dal punto di fuga verso l'esterno come mostrato di seguito.
Ripeti ciò che hai fatto nel passaggio 54 per il gruppo lazerz.
È 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.
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.
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.
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.
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.
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%.
Duplica il riempimento sfumato celeste e applica una maschera di livello con sfumatura radiale.
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
Crea un tratto di contorno di 2 pixel in un nuovo livello. Aggiungi un bagliore esterno (# ffd257) e applica una maschera.
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.
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.
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.
Creare un livello di tratto contorno 2px dell'estrusione in un nuovo livello e aggiungere un bagliore (# 57fff5)
Trova la maschera di gruppo 'lazerz' e maschera la parte che ostruisce la vista del testo come mostrato.
Aggiungi un po 'di brillantezza come abbiamo fatto nei passaggi 35 e 36.
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.
Sposta il livello in fondo al gruppo e applica le impostazioni del livello indicate di seguito.