Share
I progettisti creano spesso disegni al tratto in Illustrator e poi lo portano in Photoshop per aggiungere colore ed effetti. In questo tutorial useremo Photoshop per creare un effetto di testo retrò e un'illustrazione dei personaggi con alcune illustrazioni preesistenti che puoi eliminare con i file sorgente del tutorial. Iniziamo!
Apri "psdtut_BASE.psd". All'interno della scheda dei livelli dovrebbe esserci un livello di gruppo "cadetto" con tutti i vari elementi dell'illustrazione. Assicurati di familiarizzarti brevemente con tutti i componenti. Nascondiamo tutti gli strati per i quali non abbiamo più bisogno, ad eccezione di cadetto, cannone e sfondo.
Seleziona il livello "Sfondo" e premi Comando / Ctrl + I per invertirlo.
Crea una cartella di gruppo sopra il livello'darks 'e sposta il livello cannon_lines in quel gruppo. Comando / Ctrl + Fare clic sul livello 'cadetto' per creare una selezione di selezione. Fare clic sullo strumento Maschera livello per coprire eventuali linee di cannone che ostruiscono la figura del cadetto.
Cominciamo con la colorazione che inizia con la figura del cadetto. Fai clic sui livelli di regolazione nella parte inferiore della scheda dei livelli. Crea una mappa sfumata e clip maschera al livello cadet premendo ALT + Comando / Ctrl + G. I colori del cursore per la mappa sfumatura sono # 007ea2, # bef5ff.
Riprenderemo per un po 'la tecnica della mappa con gradiente mascherata con clip. Useremo anche le maschere Layers per rivelare la colorazione dolcemente. Per fare ciò, selezionare la maschera del livello della mappa sfumatura e invertirli, quindi rivelare la mappa con un pennello bianco morbido, le impostazioni dell'aerografo attivate. Puoi anche usare lo strumento sfumatura. Le seguenti serie di immagini includeranno i codici colore esadecimali della mappa del gradiente e una vista in "Modalità Maschera veloce" usata come guida per dare un'idea di quanto viene rivelato. Ricorda che questi non devono essere seguiti rigorosamente. Usa la tua descrizione per determinare la quantità o la minima mappatura del gradiente che vuoi rivelare. # 00569f, # fffbd8
# 290a59, # 528dcf
# 470070, # 0075a0
# 5000a1, # 087bb6
# 250031, # fe0675
Ora faremo lo stesso per il livello di cannone.
# 0a3559, # e3fff9
# 290085, # 1d81ab
# 0a3f6b, # 7d1ad0
# 250031, # fe0675
* Nota * Ricordati di rimanere organizzato! A questo punto dovresti avere già alcuni livelli che si accumulano nella scheda Livelli. Questo tutorial diventerà sempre più impegnato con i contenuti man mano che avanzi, quindi è meglio organizzare il tuo materiale con le cartelle Gruppo e Sottogruppo quando necessario. Utilizzare il file PSD di riferimento (psdtut_REF.psd) per avere un'idea di quanta organizzazione è consigliata.
Crea un livello di regolazione del riempimento del colore mascherato con clip sul livello 'darks'. Vogliamo che l'ombreggiatura si fonda un po 'più strettamente con la nostra tavolozza di colori, quindi lascia che dia una tonalità blu scuro, # 0d4061.
Aggiungiamo alcuni punti salienti. Crea alcuni strati e usa un po 'di aerografia per creare luci morbide sulla figura del cadetto. Gioca con le percentuali di opacità, flusso e durezza per ottenere diversi effetti di pennello. Usa una gomma morbida ogni volta che hai voglia di averlo fatto.
Fai lo stesso per lo strato di cannone. Usa un piccolo pennello per piccoli punti luce e regola l'opacità principale dei tuoi livelli di luce su "schermo" o "sovrapposizione". È anche possibile applicare uno stile di bagliore esterno bianco per accentuare ulteriormente l'aspetto bagliore.
Trova il livello "cadet_lines_black". Inseriscilo in una cartella di gruppo denominata 'glows'. Duplica il livello con Command / Ctrl + J e inverti (Command / Ctrl + I). Applicare infine un bagliore esterno con il colore predefinito. Segui i parametri indicati nell'immagine qui sotto.
Successivamente applichiamo una maschera di livello invertita con ALT + Facendo clic sullo strumento maschera di livello nella parte inferiore della scheda dei livelli. Rivela con una spazzola morbida. Ancora una volta, una schermata del modo Maschera veloce viene utilizzata come guida per indicare la quantità di rivelazione del livello eseguita. Useremo questa guida ogni volta che il mascheramento del livello deve essere mostrato in questo tutorial.
Ripeti questa operazione questa volta con un bagliore esterno # 00EAFF
Diamo al vetro sul casco un contorno luminoso. Usa lo strumento penna per tracciare la forma (assicurati che sia sulla modalità 'percorsi'). Fai clic con il pulsante destro del mouse sul percorso e seleziona "Crea selezione". Assicurati di seguire i parametri mostrati di seguito e premi OK. Seleziona lo strumento selezione, fai clic con il pulsante destro e seleziona "Traccia". Infine, applica un mascheramento di livello.
Crea un nuovo livello nella cartella glows. Trova il livello cadetto e Comando / Ctrl + clic per creare la selezione di selezione. Comando / Ctrl + C per copiare il livello e incollarlo nel nuovo livello creato.
Imposta il livello Riempimento matrice su 0% e assegna un colore a bagliore interno, # c600f8. Seguire i parametri fx mostrati di seguito.
Quindi aggiungiamo una maschera di livello e ci nascondiamo con un pennello o una gomma nera. Ma prima di farlo, dobbiamo appiattire lo strato di luce interno. Per fare questo, creiamo un nuovo livello e uniamo i due insieme con Command / Ctrl + E. Senza entrare troppo nella fisica reale di esso, la ragione per fare questo è di modificare gli stili di livello una volta manipolata la forma dell'oggetto in qualsiasi modo se si cancella o si utilizza una maschera di livello. Unendosi con un livello vuoto, questo appiattisce lo stile di livello che impedisce il verificarsi di quanto sopra. Imposta il metodo di fusione su "Schermo".
Applicare una maschera di livello invertita e rivelare di conseguenza.
Ora ripeteremo ciò che abbiamo fatto nei passaggi 17-19 per il gruppo cannon_lines. Duplica il livello cannon_lines, inverti il duplicato e applica un bagliore esterno, # aee9ff. Usa una maschera di livello per rivelarla in varie aree.
Ripeti con il colore # 00eaff.
Crea un nuovo livello e chiamalo 'pinkoutline'. Trova il livello 'cannon' e Command / Ctrl + CLICK per creare un perimetro. Crea un tratto e dargli un bagliore esterno, # ff00f0 e una sovrapposizione colore, # fee6ff.
Vai al gruppo 'interfaccia' e applica un bagliore esterno, # 22ffc3 e una sovrapposizione colore, # c7ffe8.
Dovresti avere qualcosa di simile all'immagine qui sotto. Prendi tutto ciò che hai fatto finora e inseriscilo in una cartella di gruppo se non lo hai già fatto. Crea un'altra cartella di gruppo chiamata 'takeshi'. Questo sarà il gruppo, che conterrà il tuo trattamento tipografico.
In questa fase successiva lavoreremo in illustrator. Apri il file "psdtut_type.ai". (Per quelli di voi che non hanno Illustrator, c'è un file PSD che consiste nel trattamento del carattere tipografico. Basta saltare al punto 55)
Con lo strumento di selezione (V), ALT + Fai clic + Trascina il carattere giapponese per duplicarlo.
Seleziona uno dei personaggi e rendilo più chiaro di grigio, K-18%. (Utilizzeremo i cursori dei colori CMYK per questo esercizio)
Seleziona il carattere grigio chiaro. Vai al menu in alto e fai clic su Effetti> 3d> Estrusione e smusso. Segui i parametri nella finestra di dialogo mostrata sotto.
Ripeti il passaggio 33 per il carattere duplicato, solo questa volta, seleziona "Wireframe" nel menu a discesa Superficie.
Seleziona entrambe le estrusioni e fai clic su Oggetto> Espandi aspetto.
Impostare il colore del tratto del wireframe sul nero assoluto, C, M, Y e K al 100% e rendere tutte le linee dello spessore di 1 pt. Rinominare il suo livello di gruppo "Wireframe".
Ora dobbiamo sistemare l'estrusione solida. Per prima cosa, selezionalo e separa (Shift + Comando / Ctrl + G) tutti gli oggetti fino a quando i livelli non si espandono più.
Tutto ciò che dovrebbe rimanere ora sono un gruppo di maschere di clip chiamate "gruppo". Blocca il gruppo Wireframe. Ora seleziona tutti i livelli chiamati 'Gruppo'. Rilasciare le maschere di ritaglio premendo ALT + Comando / Ctrl + 7. Seleziona uno dei livelli di tracciati vuoti. Nel menu in alto, fare clic su Seleziona> Stesso> Colore riempimento. Questo dovrebbe selezionare tutti i livelli del percorso vuoti. Premere Elimina.
Noterai che alcune aree dell'estrusione potrebbero avere sfumature diverse. Questo perché sono tutto ciò che hanno forma. Combiniamo le forme con lo strumento Unisci nella scheda Pathfinder. (Maiusc + Comando / Ctrl + F9). Seleziona una delle estrusioni separate e uniscile. Vedere le istruzioni di seguito per ulteriori chiarimenti.
Ora fai lo stesso per le altre estrusioni. Fateli uno alla volta, non vogliamo che tutti siano un'unica, forma uniforme.
Ora sistemeremo eventuali estrusioni incomplete. Scegli lo strumento Selezione diretta e fai clic + trascina i punti di ancoraggio degli angoli per chiudere gli spazi vuoti come mostrato di seguito. Assicurati che le guide intelligenti siano accese (comando / Ctrl + U)
È inoltre possibile correggere eventuali altri spazi vuoti utilizzando lo strumento penna come mostrato di seguito.
Ora aggiungeremo alcune sfumature. Scegli una forma estrusa e seleziona lo strumento Sfumatura. Trova la scheda Sfumatura e fai clic sul cursore sfumatura per attivarlo. Con lo strumento sfumatura fare clic e trascinare per ottenere l'angolo della gradazione del colore a proprio piacimento.
Fai lo stesso per le altre forme estruse. Ricordati di farlo uno alla volta e non contemporaneamente.
Seleziona gli oggetti del tipo estruso e duplicali (ALT + clicca + trascina).
Raggruppa e blocca il tipo originale. Seleziona tutte le forme sfumate nel duplicato usando Seleziona> Stesso> Colore di riempimento nel menu in alto.
Vai alla scheda Pathfinder e Opzione + Fai clic sullo strumento Unisci per renderle forme composte. Fai clic su Espandi.
Ora seleziona di nuovo l'intero tipo e questa volta Option + Fai clic su 'Meno fronte' nella scheda Pathfinder. Assicurati che i tuoi ordini di livello siano corretti e dovresti avere un risultato come quello mostrato di seguito. Ricorda di fare clic su "Espandi".
Rimuovere il riempimento colore e dare alle forme un contorno nero da 1 pt.
Sblocca e separa il tipo originale. Raggruppa le estrusioni con gradiente. Seleziona il carattere tipografico piatto e dargli un riempimento di colore nero.
Con la tipografia nera ancora selezionata, vai al menu in alto e fai clic su Oggetto> Tracciato> Tracciato offset. Dagli un offset di circa -20 px. Correggere eventuali angoli dispari con Elimina punto di ancoraggio sotto le opzioni dello strumento Penna.
Rimuovi il riempimento colore nella forma offset e assegnagli un tratto bianco di 14 pt. Sotto il menu della scheda Tratto, imposta l'angolo su "round join".
Con l'offset ancora selezionato, vai su Oggetto> Percorso> Corsa contorno che ne farà una forma. Dare alla nuova forma un offset di -6 px e renderlo nero.
Ora dovresti avere un "kit di parti" completo per iniziare a creare la manipolazione del testo in Photoshop. Unisci tutte le parti come mostrato di seguito e posizionale tutte in livelli separati. Ci dovrebbero essere 6 in totale. Vai a File> Esporta. Esporta il file come PSD. Segui i parametri mostrati sotto nella finestra di dialogo.
Apri il file di Photoshop e seleziona tutti i livelli premendo MAIUSC + clic. Trascina i livelli selezionati sul file di illustrazione per posizionarli nell'area di disegno.
Assicurati che tutto il materiale del tipo sia nella cartella 'takeshi' e centralo sulla tela come mostrato. Invertire il wireframe e i contorni in bianco. Crea un contorno bianco da 2 a 3 pixel attorno al livello 'tipo' in un livello separato tramite la selezione del perimetro, come mostrato nel passaggio 27. Assegnagli un nome a 'contorno'.
Ora faremo un trattamento di colorazione simile che abbiamo fatto con l'illustrazione iniziale precedentemente in questo tutorial. Utilizzeremo le mappe gradiente e il mascheramento dei livelli. Ancora una volta, la modalità Maschera veloce è mostrata come guida per quanto masking è stato fatto. Iniziamo con una mappa sfumata di # ff00ba e # 1200ff.
# 000000, # 001df8
# 0054ff, # 89f0ff
Vai al livello wireframe e dagli un overlay di colore, # faffa5 e un bagliore esterno, # fff500.
Applicare un mascheramento di livello.
Seleziona il livello "Profilo di estrusione" e assegnagli un bagliore esterno, # f225ff, e applica un mascheramento di livello.
Duplica i contorni e ripeti il passaggio 62 con un bagliore esterno di # 00ffe4. Metti tutto il trattamento fatto finora in una cartella di sottogruppo chiamata 'estrusione'.
Seleziona il livello 'tipo'. Ora comando / Ctrl + clic per creare una selezione di selezione e riempirla con il colore, # fb0c67.
Crea un livello di regolazione mappa sfumatura e clip maschera (ALT + Comando / Ctrl + G) al livello 'tipo'. Aggiungi una maschera di livello invertita per rivelare con un pennello bianco morbido. Di seguito ho incluso anche una schermata della finestra di dialogo Editor sfumatura per vedere come sono stati influenzati anche i cursori.
Colori: # b2008e, # fffc00, # 00c0ff
Ripeti il passaggio 65 con i colori esadecimali # b3008b, # ff8a00, # 9cff00
Ora aggiungeremo un riempimento sfumato con una certa trasparenza, aggiungendo alcune interruzioni di opacità dello 0%. Segui la finestra di dialogo Editor sfumatura di seguito. Puoi anche spostare il riempimento sfumato intorno alla tela, tuttavia ciò è possibile solo se la finestra di dialogo "Riempimento gradiente" è attiva. NON fare aprire la finestra Editor sfumatura mentre si esegue questa operazione. Colori esadecimali: # ffc989, #ffffff, #f7fb7e
Duplica la mappa sfumatura della maschera di ritaglio ancora un paio di volte e spostale lungo la superficie del carattere. Ricordarsi di avere la casella Riempimento sfumatura aperta per spostarsi nell'area di disegno.
Riportiamo un po 'di quel colore rosa che è ora perso dietro quelle mappe sfumate che abbiamo appena creato. Duplica il livello 'tipo' (Comando / Ctrl + J). Sposta il livello di "tipo" originale sopra tutte le mappe gradiente create di recente e applica una maschera di livello invertita per svelare delicatamente con un pennello bianco (la modalità Maschera veloce viene mostrata di nuovo qui). Una volta terminato, conferisce al livello un bagliore esterno, # ff0066.
Ripetiamo i passaggi 67 e 68 ma con un riempimento sfumato radiale. Colori esadecimali: #ffffff, #ffd74c. Questo creerà alcuni punti luce sulla superficie del tipo. Metti tutto il lavoro fatto sul livello del testo in una cartella chiamata "Kanji".
Nascondi il livello 'inner pipe'. Ora seleziona il livello "pipe" e aggiungi i seguenti stili di livello:
Sovrapposizione colore: # ff0006
Ombra esterna: n. 3e0050
Bagliore interno: # 4c2200
Crea un nuovo livello. Creare un contorno bianco di 1 px attorno al tubo. Dagli un bagliore esterno predefinito e usa una maschera di livello per nascondere / rivelare.
Selezionare il livello 'inner pipe' e applicare un bagliore esterno, #fffadc e sovrapposizione colore, # ff9899.
Duplica il livello "pipe" e attribuisci gli stessi attributi del livello "type" nei passaggi 64 e 69. Un riempimento, # fb0c67, con un bagliore esterno, ## ff0066.
Duplica il livello 'inner pipe'. Cambia la sovrapposizione del colore in bianco, #ffffff. Questa volta usa una maschera di livello con un pennello più duro per accentuare alcuni punti salienti. Mettere tutto il lavoro svolto sul tubo e sui livelli del tubo interno in una cartella di gruppo.
Seleziona il livello del contorno e dargli un bagliore esterno, # f225ff. Aggiungi una maschera di livello invertita e rivelale con un pennello morbido.
Aggiungiamo alcuni punti salienti agli angoli di alcune aree con un aerografo morbido.
Ora creiamo un'ombra del cadetto e del cannone sul tipo. Scopri il gruppo cadetto. Maiusc + Comando / Ctrl + Fare clic sui livelli cadetto e cannone originali per creare una selezione di selezione intermittente.
Nascondi il gruppo cadetto. Crea un nuovo livello sopra la sottocartella 'kanji' e riempi la selezione di selezione con il nero. Dagli un overlay a colori, # 6e0050.
Ora vogliamo mantenere l'ombra entro i limiti del carattere tipografico. Comando / Ctrl + Fare clic sul livello 'tipo' per creare un perimetro. Quindi fare clic sullo strumento maschera di livello.
Duplica l'ombra ed elimina la maschera di livello. Posizionalo sopra la tua cartella pipe. Ripeti il passaggio 80 per avere un'ombra sul livello del tubo. Usa i tasti freccia sulla tastiera per spostare leggermente l'ombra. Ciò creerà una sottile illusione di profondità.
Facciamo riflettere il testo dall'illustrazione del cadetto. Nascondi tutti i livelli tranne il gruppo takeshi. Assicurati di nascondere anche le ombre dei cadetti. Vai su File> Salva come e seleziona PNG come estensione. Quando viene visualizzata la finestra Opzioni PNG, lascia Interlace come "Nessuno" e fai clic su OK.
Apri il file PNG e copia + incolla nel PSD. Vai al menu principale e fai clic su Filtro> Fluidifica (Maiusc + Comando / Ctrl + X).
Nella finestra di dialogo Fluidifica, inizia a fare clic + trascina per trasformare il tipo appiattito. Utilizzare l'immagine trasparente sotto come guida per conformarsi all'illustrazione cadetto / cannone. Prova e ottieni un risultato simile a quello qui sotto.
Metti il testo chiarificato in un nuovo gruppo. Come fatto al punto 78, crea un perimetro attorno all'illustrazione cadetto / cannone e crea una maschera di livello per il gruppo.
Aggiungi una Mappa sfumatura mascherata con clip al testo liquefatto, # 0054b2 e # 00fcff. Imposta il metodo di fusione su schermo e l'impostazione Opactiy matrice su 81%.
Aggiungi una maschera di livello invertita al livello di testo liquido e usa un pennello morbido per rivelare.
Ora creiamo alcuni ambienti con una serie di livelli di regolazione di riempimento Gradiet. Crea una nuova cartella chiamata "atmosfera" e posizionala dietro a tutto il resto. Segui i parametri forniti nelle immagini. Riempimento sfumatura lineare: # 10004a, # 10004a.
Riempimento gradiente radiale: # 00f0ff, # e400ff
Riempimento gradiente radiale: # 00ff90, # b9feff, # e200fd
Creiamo un riflesso del cadetto per enfatizzare il piano terreno. Nascondi tutti i gruppi tranne il gruppo 'cadet'. Ripetere il passaggio 82 per creare un PNG.
Apri il file PNG e copialo e incollalo nel PSD. Premi Command / Ctrl + T per visualizzare la casella di trasformazione, fai clic con il pulsante destro e seleziona "Flip Vertical".
Sposta l'illustrazione appiattita sul fondo della tela in modo che le suole degli stivali tocchino. Imposta il metodo di fusione del livello sullo schermo, assegnagli una sovrapposizione di colore di # 00067b con la modalità Blend: moltiplica il 29% e aggiungi una maschera di livello per farlo sfumare verso il basso (nessuna modalità Maschera veloce viene mostrata qui).
Aggiungiamo un altro strato di atmosfera atmosferica. Crea un livello di regolazione del gradiente sopra tutti gli altri livelli e seleziona il gradiente arcobaleno trasparente predefinito. Regola i parametri a tuo piacimento.
Imposta la modalità di fusione su Sovrapponi e assegnagli un'opacità principale al 33%. Se desideri mascherare alcune aree, usa la tecnica mostrata per la prima volta nel passaggio 23, altrimenti sposterai la disposizione dei colori della sfumatura mentre mascherai via.
Perché non aggiungere un po 'di "bling" a questa illustrazione. Per creare una scintilla, usa lo strumento Linea (Toggle Shift + U e imposta su "Fill Pixels") per creare una "X" in un nuovo livello. Sbiadire le estremità con una gomma morbida e aggiungere un bagliore esterno. Infine, usa una spazzola morbida per aggiungere un bagliore al centro. Aggiungi questi con parsimonia per tutta la tua illustrazione.
Accentsconagua