Crea effetti di spostamento 3D

Oggi ti guiderò attraverso il processo creativo dell'applicazione di alcuni fantastici effetti di mezzitoni e di spostamento 3D. L'obiettivo principale di questo tutorial è quello di esplorare Displace Filter, spesso frainteso di Photoshop, e come può essere utilizzato per ricreare uno stile popolare di illustrazione.


Risorse Tutorial

Troverete alcuni file nella cartella "source". Avrai anche bisogno delle seguenti immagini e font per completare questo tutorial.

  • Texture pack uno
  • Texture pack due
  • La versione di medie dimensioni di questo modello
  • Pacchetto wireframe
  • Carattere 3D frantumato
  • Carattere LOT

Una breve ripartizione

Ecco un breve riepilogo di come è stata creata l'immagine finale. Di solito inizio con la stratificazione di trame multiple con diverse modalità di fusione per produrre uno sfondo interessante (A). La fase successiva consiste nell'aggiungere il punto focale principale, in questo caso il modello (B), quindi applicare gli effetti mezzitoni. Ho quindi utilizzato i rendering 3D per spostare diversi livelli di modello duplicati, anch'essi mascherati per creare i frammenti astratti (C e D).


Fare i tuoi pennelli può essere sia divertente che gratificante. I pennelli utilizzati in questo progetto sono stati creati applicando spray per auto a base di cellulosa e poster a base d'acqua su carta a cartuccia. Ho anche sperimentato usando la stessa tecnica su carta che era stata immerso in acqua, il che ha dato un interessante effetto marmorizzazione.



Passo 1

Premi D sulla tastiera per ripristinare i colori di primo piano / sfondo in bianco e nero, quindi premi X per scambiarli, in modo che il nero diventi il ​​colore di sfondo. Crea una nuova tela RGB 21 cm x 27,7 cm e scegli Colore sfondo dal menu a discesa Contenuto sfondo.



Passo 2

In primo luogo, useremo alcune trame per costruire lo sfondo. Apri "colorfulgrunge5.jpg" da questo pacchetto di texture, quindi scegli Immagine> Rotazione immagine> 90 gradi in senso antiorario. Posiziona come nuovo livello, quindi premi Cmd / Ctrl + T per accedere a Trasforma e allarga per riempire la tela. Assegna un nome a questo livello "Texture 1".



Passaggio 3

Aggiungi "stainedpaper9.jpg" da questo pacchetto di texture come un altro livello. Ingrandisci, modifica il metodo di miscelatura in Moltiplica e contrassegna "Texture 2".



Passaggio 4

Inserisci "colorfulgrunge7.jpg" dal primo pacchetto di texture come nuovo livello. Ingrandisci, modifica il metodo di miscelazione per moltiplicare di nuovo e etichettarlo "Texture 3".



Passaggio 5

Aggiungi "colorfulgrunge6.jpg", ancora con una modalità di fusione di Moltiplicare e chiamala "Texture 4". Ora importa "stainedpaper1.jpg" dal secondo pacchetto di texture e premi Cmd / Ctrl + I per Invertire a negativo, quindi modifica il metodo di fusione su Colore e riduci l'opacità al 15%. Dai un nome a questo livello "Texture 5".



Passaggio 6

Scegliete Bilanciamento colore dal menu Crea nuovo livello di regolazione nella parte inferiore della scheda Livelli (1). Nella finestra successiva fai clic sull'icona a doppio cerchio per scollegarlo (per influire su tutti i livelli) e copiare queste impostazioni.



Passaggio 7

Aggiungi "colorfulgrunge3.jpg" dal primo pacchetto di texture, nella parte superiore della pila di livelli, ingrandisci per coprire la tua tela. Cambia il metodo di miscelazione in Sovrapponi e etichettalo "Texture 6". Afferrate lo strumento sfumatura (G) e scegliete Primo piano (bianco) a Preimpostato trasparente ed evidenziate l'impostazione Radiale nella barra delle opzioni. Ora aggiungi una maschera di livello e trascina una serie di gradienti dal centro verso l'esterno (la mia maschera è mostrata sulla destra).



Passaggio 8

Posiziona un livello di regolazione Livelli non inclinato in cima alla pila e imposta il cursore Output punto bianco su 169 per scurire tutti i livelli.



Passaggio 9

Evidenzia la miniatura del livello di regolazione superiore, quindi tieni premuto Maiusc e evidenzia la prima miniatura della trama (questo evidenzia anche i livelli intermedi). Ora scegli Nuovo gruppo da Livelli dal menu a comparsa in alto a destra nella scheda Livelli. Nella seguente finestra digita "TEXTURES" nel campo Nome e premi OK.



Passaggio 10

La fase successiva consiste nell'isolare il modello dallo sfondo. Photoshop ha molti strumenti che ci consentono di raggiungere questo obiettivo, ma in questo caso utilizzeremo un canale o una maschera di densità.

Innanzitutto, scegli Immagine> Rotazione immagine> Rifletti su Tela orizzontale. Ora vai su Immagine> Calcoli, nella finestra successiva copia queste impostazioni per creare un canale composito contenente il maggior contrasto tra soggetto e sfondo e fai clic su OK.



Passaggio 11

Passa alla scheda Canali e vedrai il nuovo canale ("Alpha 1") seduto in basso. Scegli come target, quindi premi Comando / Ctrl + L e applica i seguenti livelli di regolazione per aumentare il contrasto.



Passaggio 12

L'idea è di creare una silhouette bianca e pulita del modello, quindi imposta Dodge Tool (O) su: Exposure: 50% / Range: Highlights e usa un pennello medio morbido per sbiancare i pixel del bordo come indicato in rosso.



Passaggio 13

Afferra il Pennello (B) e usa un assortimento di pennelli a spigoli vivi di diverse dimensioni per riempire di bianco le restanti aree grigie. Per impostazione predefinita, il bianco funge da aree selettive, quindi Cmd / Ctrl-clic su "Alfa 1" per creare una selezione, quindi scegli come target il canale composito RGB superiore.



Passaggio 14

Vai alla scheda Livelli. Scegli uno strumento di selezione e fai clic sul pulsante Migliora bordo nella barra delle opzioni. Nella finestra successiva selezionare Su nero (B) dal menu a discesa Modalità di visualizzazione, copiare queste impostazioni e fare clic su OK.



Passaggio 15

Ora vedrai apparire un nuovo livello mascherato e la visibilità del livello originale disabilitata. Attiva la visibilità del livello originale e riempi con il nero. Aumenta lo zoom e verifica di essere soddisfatto dei risultati del comando Migliora bordo. A questo punto puoi modificare la maschera dipingendo con bianco (per rivelare) o nero (per nascondere) con un piccolo pennello a bordi morbidi se necessario.

Quando sei felice, trascina la miniatura della maschera sull'icona del cestino in fondo alla scheda Livelli e fai clic su Applica nella seguente finestra.



Passaggio 16

Infine, Cmd / Ctrl, fai clic sul tuo livello superiore per caricarlo come selezione, quindi usa un piccolo pennello nero, con bordi morbidi per dipingere i punti salienti delle ciglia del modello.



Passaggio 17

Posiziona il modello isolato come un nuovo livello all'interno del tuo file di progetto. Aggiungi uno strato sottostante e riempilo di bianco. Scegli come target il livello del modello e premi Cmd / Ctrl + E per Unisci giù.



Passaggio 18

Seleziona Tutto (Cmd / Ctrl + A) e Copia negli Appunti. Crea un nuovo documento in modalità Scala di grigi e chiamalo "Displacement.psd"



Passaggio 19

Rivedi il tuo file di progetto e fai di nuovo clic nel pannello Cronologia quando hai aggiunto il modello come nuovo livello. Ora torna al tuo nuovo file e appiattiscilo.



Passaggio 20

Vai a Filtro> Sfocatura> Sfocatura gaussiana e inserisci 30 px.



Passaggio 21

Ora scegli Immagine> Modalità> Bitmap, assicurati che l'Output sia impostato su 300 pixel / pollice, seleziona Retina mezzitoni dal menu a discesa Usa e premi OK. Nella seguente finestra impostare la frequenza su 15 linee / pollice, l'angolo a 45 gradi e il giro sotto forma, quindi premere nuovamente OK. Ora seleziona Immagine> Modalità> Scala di grigi, mantieni il rapporto dimensionale 1, fai clic su OK e salva (con il suffisso .psd) in una posizione comoda.



Passaggio 22

Di nuovo nel nome del file del progetto il livello del modello "Modello". Duplicalo e rinomina "Mezzitoni modello".



Passaggio 23

Assicurati che il "Modello mezzitoni" sia il livello di destinazione, quindi vai su Filtro> Distorsione> Displace. Nella finestra successiva impostare entrambi i campi Scala su 10, quindi selezionare le opzioni Allunga per adattarsi e Ripeti pixel bordo e premere OK. Ti verrà richiesto di individuare e caricare il file "Displacement.psd".



Passaggio 24

Durante i passaggi seguenti utilizzeremo file sorgente di dimensioni diverse con il filtro Displace e modificeremo radicalmente le impostazioni per creare alcuni effetti 3d astratti.

Carattere aperto X da questo alfabeto e Salva come un file .psd. Duplica nuovamente il livello "Modello" originale e rinominalo "Model shatter 1" Ora premi Alt + Cmd / Ctrl + F per riaprire la finestra di dialogo di Displace, copiare queste impostazioni e navigare / selezionare il tuo carattere .psd file.



Passaggio 25

Ripeti il ​​passaggio precedente usando il carattere S e applicare queste impostazioni con Displace Filter su un altro layer duplicato denominato "Model shatter 2".



Passaggio 26

Usa la stessa tecnica usando il carattere Z come la mappa di spostamento con le seguenti impostazioni su un "Modello" definitivo duplicato e nominarla "Model shatter 3".



Passo 27

Cambia il metodo di fusione del livello "Modello" in Sovrapponi, quindi spostalo nella pila di livelli sopra "Modello in frantumi 1".

Aggiungi una maschera al livello "Mezzitoni modello". Ora carica i pennelli "PSDTUTS_grunge_brushes.abr" dalla cartella "origine" e usali in modo da timbrare in modo che restino solo bordi selettivi attorno al modello. Quando dipingi, apri il pannello Pennello (dalla barra delle opzioni) e ruota / ruota la forma della punta del pennello per evitare colpi ripetitivi.>

Se rimuovi più del necessario, ripristina le aree usando un pennello bianco o di base. La mia maschera è anche mostrata nella parte inferiore dello screengrab per chiarezza.



Passaggio 28

Ora maschera il livello "Modello" con una selezione di pennelli grunge.



Passaggio 29

Continua a mascherare i livelli di spostamento rimanenti. Ecco la maschera per il livello "Model shatter 1".



Passaggio 30

Lo strato "Model shatter 2" mascherato.



Passaggio 31

E infine, il livello mascherato "Model shatter 3".



Passo 32

Ora duplica nuovamente il livello "Modello" originale. Ripristina la modalità di fusione su Normale e modifica la maschera per mostrare il volto del modello.



Passaggio 33

Duplica il livello "Mezzitoni modello", cambia il metodo di fusione in Luce soffusa. Ora allarga il contenuto del livello in modo che i punti si estendano leggermente e modifichi la sua maschera come mostrato.



Passaggio 34

Per aumentare il contrasto del modello, aggiungi un Livello di regolazione dei livelli alla "Copia modello" e applica queste impostazioni. Per limitare (clip) la regolazione al livello di destinazione, fare clic sull'icona a doppio cerchio.



Passaggio 35

Per mantenere il tuo file organizzato, posiziona tutti i livelli del modello e della frantumazione all'interno di una cartella chiamata "MODELLO". Aggiungi "Paint_1.png" come un nuovo livello sopra la cartella "TEXTURES", cambia il metodo di fusione in Moltiplica e assegna il nome "Splat 1". Ripeti usando "Paint_2.png" e "Paint_3.png". Etichettare questi strati di conseguenza e posizionarli attorno al modello.



Passaggio 36

Aggiungi carattere O dal download di lettere 3d sopra il tuo livello precedente. Imposta la modalità di fusione su Moltiplica e etichettala "3D 1". Trasforma / posiziona centralmente dietro la testa del modello, quindi maschera come mostrato.



Passaggio 37

Duplica questo livello, rinominalo "3D 2" e posizionalo in basso a destra. Ora cambia il metodo di miscelazione in Luce soffusa e regola la sua maschera di conseguenza.



Passaggio 38

Per mantenere ordinato il file del tuo progetto, aggiungi tutti i layer mobili all'interno di una cartella chiamata "ELEMENTS 1". Ora aggiungi una maschera alla cartella "TEXTURES" e usa un assortimento di pennelli grunge per scoprire le aree dal livello "Sfondo" nero.



Passaggio 39

Metti "media-militia-wireframes-03.png" da questo pacchetto wireframe come nuovo livello in modalità Moltiplica al 50% di Opacità sopra la cartella "MODELLO". Trasforma / posiziona alla base della tua tela per coprire il braccio del modello e chiamalo "Wireframe 1".

Cmd / Ctrl-clic sulla miniatura "Mezzitoni modello" per creare una selezione basata su livelli. Assicurati che il tuo "Wireframe 1" sia il livello di destinazione, quindi vai a Livello> Maschera di livello> Nascondi selezione. Deseleziona e applica un gradiente lineare inclinato da bianco a trasparente in basso a sinistra, quindi un gradiente radiale da nero a trasparente sopra la spalla del modello per rivelare il lavoro di linea.



Passaggio 40

Inserisci "media-militia-wireframes-12.png" dallo stesso pacchetto, Trasforma / posiziona in basso a destra e chiamalo "Wireframe 2". Premi Cmd / Ctrl + I per invertire il livello in negativo e imposta il metodo di fusione su Luce soffusa, ma lascia l'opacità al 100%. Ora maschera con una selezione dal tuo livello "Modello mezzitoni".



Passaggio 41

Aggiungi "Paint_4.jpg" nella parte superiore della pila di livelli e Ruota, ridimensiona, posiziona sopra l'occhio sinistro del modello e chiamalo "Splash occhi". Cambiare la modalità di miscelatura in Moltiplica e abbassare l'opacità intorno al 60 - 70% per fondersi con la pelle del modello. Ora usa un piccolo pennello da morbido a medio duro per mascherarlo.



Passaggio 42

Questo paio di passaggi successivi funzionerà molto meglio utilizzando un tablet. Aggiungi un nuovo livello superiore chiamato "Linework 1". Prendi un pennello bianco da 7 px a spigoli vivi e scarabocchilo sulla faccia e sulla spalla del modello. Cerca di seguire i contorni naturali, ma non preoccuparti di essere troppo preciso, perché molti saranno nascosti nel passaggio successivo.



Step 43

Cambia la modalità di miscelatura in Luce soffusa per ridurre l'effetto, quindi usa un pennello grande a bordi morbidi a bassa opacità per mascherare come mostrato.



Passaggio 44

Aggiungi un altro livello e usa una punta dura leggermente più grande per tracciare le caratteristiche principali del modello. Assegna un nome a questo livello "Linework 2" e la maschera è come richiesto. Ora posiziona questi due strati insieme a quelli sottostanti in una cartella chiamata "ELEMENTS 2".



Passaggio 45

Prima di aggiungere il testo e il logo, siediti e rivedi la composizione, quindi esegui eventuali modifiche finali. Ho usato una combinazione dello strumento Patch (J) e dello strumento Timbro clone (S) su alcuni livelli di spostamento per rimuovere le forme dall'aspetto scomodo che si sovrappongono alla spalla del modello. Successivamente, ho ridotto l'opacità di alcuni strati di texture come indicato e infine modificato un paio di maschere.



Passaggio 46

Afferra lo strumento di testo (T) e aggiungi le lettere CRE usando questo tipo di carattere. Apri i pannelli Carattere e Paragrafo (dalla barra delle opzioni) e imposta la dimensione del punto a circa 89 e allinearlo correttamente. Duplica il livello testo, quindi trascina tenendo premuto Maiusc e digita le lettere MANGIÒ.

Ora dovrai ridurre manualmente lo spazio tra il UN e E. Per fare ciò, posiziona il cursore del testo tra i due caratteri e imposta il valore di crenatura su -100. Ora posiziona entrambi i livelli di testo all'interno di una cartella denominata "GRAFICI".



Passaggio 47

Apri il "Logo.pdf" dalla cartella "fonte" direttamente da Photoshop, o tramite Illustrator, quindi Copia> Incolla come oggetto avanzato e posiziona in basso a destra all'interno della stessa cartella.

Aggiungi una maschera di cartella e suddividi il testo con un assortimento di pennelli grunge. Ora ripristina la maschera con il bianco indicato per mantenere intatto il logo.



Passaggio 48

Per attenuare il colore generale, aggiungi un livello di regolazione tonalità / saturazione non applicato nella parte superiore della pila e imposta il cursore Saturazione su -36.



Passaggio 49

Creare una selezione basata sul livello dal logo e riempire con il nero sulla maschera di regolazione. Infine, dipingi con un pennello morbido all'interno di una selezione creata dal livello "Modello" per riportare l'intensità del colore di occhi e labbra.



Conclusione e ambito

Come hai scoperto, Displace Filter può essere divertente da lavorare e produrre anche fantastici risultati. Vale la pena ricordare che il filtro Displace funziona allineando i bordi in alto a sinistra sia sul livello di destinazione che sul file di spostamento, quindi per risultati prevedibili sempre Unisci il livello di destinazione oppure Ritaglia l'immagine in modo che entrambi i file condividano le dimensioni esatte dei pixel.

Gli incidenti felici possono accadere utilizzando mappe di spostamento di dimensioni diverse per il file di destinazione e anche sperimentando con le impostazioni nella finestra del filtro.