Usa Filter Forge e Adobe Photoshop per creare una Yellow Brick Road

Cosa starai creando

Filter Forge è un plugin per Photoshop che ti permette di costruire i tuoi filtri. In onore della nostra celebrazione del Mago di Oz, quale modo migliore per gestirlo attraverso i suoi passi piuttosto che creare una strada di mattoni gialli?

1. Ottieni il plugin

Filter Forge può essere eseguito sia come plug-in per Photoshop che come software standalone. In entrambi i casi, sarà comunque necessario installarlo. C'è anche un Versione di prova gratuita per 30 giorni così puoi provarlo per vedere se è giusto per te. Vai su www.filterforge.com per iniziare.

2. Utilizzare un filtro mattoncino iniziale

Una delle più impressionanti funzionalità di Filter Forge è la possibilità di creare filtri personalizzati con l'Editor filtri. Questa funzione è un editor basato su nodi che non richiede alcuna codifica! I nodi disponibili sono logici, intuitivi e robusti. 

Passo 1

Aperto Photoshop e creare un nuovo documento con File> Nuovo. Questo file manterrà le mappe di texture di base per la nostra strada renderizzata 3D e richiederà molta area di pixel. Entrare in un Larghezza di 2000 pixel e a Altezza di 2500 pixel e a Risoluzione di 72 pixel / pollice.

Passo 2

Apri il plugin con Filtro> Forgia filtro> Forgia filtro 4. Il plugin si aprirà nella sua finestra. La parte principale della finestra è il area di anteprima. A sinistra è la Biblioteca riempito con diverse trame e filtri preimpostati in fabbrica. Sfortunatamente, non c'è nessun filtro Yellow Brick Road incluso. Invece di crearne uno da zero, usa il Libreria filtri: scarica più filtri link nella parte superiore della finestra per sfogliare la libreria online.

Passaggio 3

Cerca il Castle Bricks filtrare e fare clic su Apri questo filtro in Filter Forge pulsante per scaricare e aprire automaticamente il filtro.

Passaggio 4

Castle Bricks è un'imponente struttura in mattoni e servirà bene come base per costruire il marciapiede per l'autostrada preferita di Oz. Ma non funzionerà nella sua forma attuale, quindi richiederà alcune modifiche. 

3. Utilizzare l'editor dei filtri

È il momento di aprire il cofano su questo filtro e dare un'occhiata a come funzionano le cose.

Passo 1

premi il Editor di filtri pulsante e scegliere il Modifica questo filtro opzione per iniziare a modificare la rete di nodi che costituisce questo filtro. Quando il Editor di filtri si apre, la finestra principale diventa un'area di lavoro per la rete di nodi che controlla come funziona questo filtro. All'inizio può sembrare intimidatorio e confuso, ma è davvero semplice e straordinariamente facile da usare.

Passo 2

Il colore dei mattoni è parte integrante di Yellow Brick Road. Il colore è proprio lì nel nome! Quindi queste pietre grigie opache semplicemente non lo faranno. 

Clicca sul Colore dei mattoni il nodo e il pannello di sinistra visualizzeranno le impostazioni per quel nodo. Clicca sul chip di colore per cambiarlo in un giallo brillante, # FFF404 (i mattoncini nell'anteprima appariranno multicolori, ma non fatevi prendere dal panico: quelli saranno cambiati abbastanza presto).

Passaggio 3

Allo stesso modo, cambia il Colore del mortaio a un marrone scuro, # 58410F.

Passaggio 4

Clicca sul primario Mattoni nodo e impostare il H Range (Tonalità) a 5, L Range (Leggerezza) a 20 e Gamma S (Saturazione) a 50.

Passaggio 5

Clicca sul Legame dei mattoni nodo e impostare il Valore a 4. Questo regola come si trova il modello di mattoni. Questo valore aggiunge un po 'di imperfezione, quindi l'arrangiamento non sembra così meccanicamente perfetto.

Passaggio 6

Attualmente il Risultato nodo mostra i mattoni come un blu brillante. Questo è l'esatto contrario di ciò che è necessario! La ragione di questo è il Invertire nodo vicino alla parte superiore della rete. Seleziona quel nodo e Elimina esso.

Passaggio 7

Quando il nodo viene eliminato, gli input e gli output sono interrotti e devono essere rimappati. Il bordo destro del primario Mattoni il nodo ha a grande freccia verde-questo è l'output di quel nodo. Clicca e trascina su quella freccia per collegarlo al ingresso del Miscela nodo che il Invertire il nodo era precedentemente collegato a.

Passaggio 8

premi il componenti pulsante per aprire una libreria di nodi componenti. Clicca sul Rumore categoria e trascinare a Perlin Noise componente nello spazio di lavoro principale.

Passaggio 9

Nel Perlin Noise impostazioni, impostare il Rugosità a 75 e Contrasto a 64.

Passaggio 10

Quindi mappare l'output di Perlin Noise nodo al Primo piano input del Miscela nodo. Questo mescola il rumore con il colore del mattone e fornisce un aspetto meno meccanico aggiungendo un po 'di grunge nel colore del mattone. Questo è l'equivalente dell'uso dei metodi di fusione dei livelli in Photoshop.

4. Aggiungi Texture e Profondità

Il filtro sta generando una buona tonalità gialla per la strada, quindi concentriamoci sulla ruvidità della superficie. Il gruppo di nodi inferiore controlla la profondità e la trama dei mattoni.

Passo 1

Aggiusta il Controllo del cursore per il Rugosità dei mattoni a 10.

Passo 2

Apri il componenti pannello di nuovo e guarda nel Rumore categoria. Trascina a pietre componente sullo spazio di lavoro e impostare il Rugosità a 76.

Passaggio 3

Trascina a mescolanza componente dal in lavorazione categoria sullo spazio di lavoro. Quindi mappare il Perlin Noise uscita al Sfondo di Blend ingresso. Mappa il Uscita di pietre al Ingresso in primo piano di Blend. Mappa il Miscela di uscita al Ingresso di mattoni. Questo unisce entrambe le trame in una combinazione unica per dare ai mattoni una superficie ruvida.

Passaggio 4

Aggiungere un Controllo del cursore componente dal controlli categoria. Imposta il nome su Larghezza del mortaio e il Valore a 6. Quindi mappare il produzione di questo controllo al Ingresso larghezza mortaio di entrambi Mattoni i nodi. In questo modo le modifiche alla larghezza del mortaio saranno aggiornate in entrambi i nodi dei mattoni.

Passaggio 5

A questo punto, la rete dovrebbe sembrare qualcosa di simile a questo. Non preoccuparti se i tuoi nodi si trovano in luoghi diversi: sono facili da spostare e la posizione non ha importanza. Sono le connessioni importanti.

Passaggio 6

premi il Salva filtro pulsante per tornare all'interfaccia principale di Filter Forge. L'anteprima del filtro si aggiorna per riflettere le nuove impostazioni del filtro.

Passaggio 7

Vai al impostazioni scheda e impostare il Dimensioni, pixel a 500 per ridurre la dimensione fisica dei mattoni nella trama finale. Clicca il Piastrellatura senza soluzione di continuità opzione (La Dimensione si regolerà automaticamente quando si attiva questa opzione per assicurarsi che la texture possa tessere correttamente).

Passaggio 8

I mattoni appaiono molto scuri al momento, quindi vai al Illuminazione scheda e cambia il Ambiente trama a foresta. Impostare il Luminosità a 200 e il Altezza della superficie a 35.

Passaggio 9

A questo punto, se vuoi solo una texture di base con cui lavorare in Photoshop, premi il tasto Applicare pulsante e Filter Forge renderà la trama. Ma se vuoi generare mappe da usare in 3D set di funzionalità, passare alla serie successiva di passaggi.

5. Usa mappe texture 3D

Filter Forge può generare diversi tipi di mappe di texture che possono essere utilizzate per definire proprietà specifiche degli elementi 3D in Photoshop e qualsiasi altro programma 3D.

Passo 1

Mentre ancora nel Filter Forge interfaccia, vai a Filtro> Renderizza mappe> Mappa diffusa. Quindi fare clic Applicare e il programma rende una texture da usare solo per la colorazione della strada 3D.

Passo 2

Una volta finito il rendering del filtro in Photoshop, assicurati che non ci siano aree di magenta chiare che devono essere ritagliate (questo accade solo se le dimensioni del documento non funzionano con i parametri di piastrellatura senza interruzioni) e salva questo file come YellowBrickColor.jpg.

Passaggio 3

Corri il Filter Forge plugin di nuovo e questa volta impostare il Filtro> Render Maps> Bump Map. Applica questa impostazione e salva il risultato come YellowBrickBump.jpg.

Passaggio 4

Corri il Filter Forge plugin di nuovo e questa volta impostare il Filtro> Render Maps> Mappa normale. Applica questa impostazione e salva il risultato come YellowBrickNormal.jpg.

Passaggio 5

Apri l'allegato OzLandscape.jpg file in Photoshop. Questa è un'immagine paesaggistica composita che servirà da base per la nostra avventura Highway color limone!

Passaggio 6

Aggiungi un nuovo livello con Livello> Nuovo> Livello (Maiusc-Control-N) per la strada. Utilizzare il Strumento rettangolare di selezione (M) per creare una selezione alta e stretta, e Riempire con bianca.

Passaggio 7

Vai a 3D> Nuova estrusione 3D dal livello selezionato. Photoshop passa all'interfaccia 3D e trasforma il rettangolo pieno in una casella 3D. Nel Proprietà pannello, impostare il Profondità di estrusione a 10 px per rendere la scatola molto piatta.

Passaggio 8

Utilizzare il Sposta strumento (V) e il Widget di trasformazione 3D a Ruotare e Scala la scatola fino a quando non entra nella scena come una strada di base.

Passaggio 9

Nel Pannello 3D trovare la Materiale di gonfiaggio anteriore strada. Quindi guarda nel Proprietà pannello e fare clic sull'icona del documento accanto a Diffondere. Selezionare Sostituisci trama e caricare YellowBrickColor.jpg.

Passaggio 10

Fare nuovamente clic sull'icona del documento e selezionare Modifica proprietà UV. Nel Scala sezione, impostare il U / X a 125% e il V / Y a 20%.

Queste impostazioni regolano la scala della texture del mattone lungo l'oggetto 3D in modo che i mattoni sembrino a grandezza naturale e non allungati.

Passaggio 11

Quindi, assegnare il YellowBrickBump.jpg file al urto impostazione e regolazione del urto Scala a 5%. Impostare il Proprietà UV per abbinare le impostazioni utilizzate nella mappa diffusa.

Passaggio 12

Allo stesso modo assegnare il YellowBrickNormal.jpg al Normale mappa, usando lo stesso Proprietà UV.

Passaggio 13

Selezionare Luce infinita 1 nel Pannello 3D. Utilizzare il widget di direzione della luce sullo schermo per ruotare la luce in modo che corrisponda all'angolo dell'illuminazione nella scena. Nel Proprietà il pannello imposta la luce Colore a a giallo pallido, Intensità a 110% e Morbidezza dell'ombra a 10%.

Passaggio 14

Crea una selezione attorno alla strada 3D e vai a 3D> Render (Alt-Shift-Control-R).Photoshop combina tutte le informazioni sulla trama e l'illuminazione in a rendering finale della nostra Strada di mattoni gialli!

6. Manipolazione fotografica

Il rendering della strada 3D completa il coinvolgimento di Filter Forge plugin per questo progetto. I seguenti passaggi sono le tecniche tradizionali di Photoshop per comporre il rendering nella scena e completare l'immagine finale.

Passo 1

Controllo clicca sul 3D Strada livello per creare una selezione, quindi andare a Livello> Nuovo> Nuovo livello tramite copia (Control-J) per copiare i pixel su un nuovo livello. Questo crea una versione rasterizzata del rendering senza perdere le informazioni 3D. Dai un nome al nuovo livello Road Render e nascondi il livello 3D originale.


Passo 2

Crea una copia di Road Render strato con Livello> Nuovo> Nuovo livello tramite copia (Control-J) e spostarlo ulteriormente "indietro" nello scenario ridimensionandolo leggermente più piccolo e spostandolo verso l'alto. Quindi vai a Modifica> Trasforma> Deforma e usa la gabbia di curvatura per modellare la strada attorno alla curva nella foto.

Passaggio 3

Per entrambi gli strati stradali, vaia Livello> Maschera di livello> Nascondi tutto per nascondere l'intero livello. Quindi utilizzare a Soft Round Brush con la vernice bianca sulle maschere per rivelare il marciapiede solo lungo la carreggiata.

Passaggio 4

Apri il Spazzola pannello Finestra> Pennello (F5) e fai le seguenti impostazioni del pennello.

Impostazioni forma punta pennello:

  • Pennello a punta Chalk 36 pixel
  • Spaziatura: 33%

Dinamica della forma:

  • Dimensione Jitter: 22%
  • Angle Jitter: 100%

Impostazioni di dispersione:

  • scatter: 76%
  • Entrambi gli assi opzione abilitata

Passaggio 5

Aggiungere un Nuovo strato per il Area Ombra e impostare il Modalità di fusione a Scurire. Usa il pennello appena definito a 40% di opacità con una vernice verde scuro # 243400 per aggiungere ombre al bordo della carreggiata.

Passaggio 6

Aggiungi un altro Nuovo strato per erbe. Utilizzare il Strumento timbro clone (S) con il Dune Brush preimpostato per campionare i pixel dal campo erboso e clonarli sul bordo in primo piano della carreggiata in modo che la strada appaia dietro ai fili d'erba.

Passaggio 7

Aggiungere un Nuovo strato per il Strada lontana e usare a Soft Round Brush punta a una dimensione del pennello molto bassa, circa 6 pixel, con vernice gialla brillante # ffff2a tracciare con attenzione lungo la strada in lontananza. Cambia la modalità di fusione in copertura e ridurre il Opacità a 74%.

Passaggio 8

Creare un selezione della carreggiata di Shift-Control-clic su entrambe le maschere di livello per il Road Render strati. Quindi aggiungere un curve strato di regolazione e creare una curva a forma di collina come mostrato di seguito per rallegrare la strada gialla.

Passaggio 9

Aggiungi un altro Nuovo strato per I raggi del sole. Usa lo stesso pennello personalizzato che è stato usato per aggiungere le ombre alla carreggiata, ma questa volta usalo su 100% di opacità e bianca dipingere. Crea una massa di segni di pennello al centro della tela.

Passaggio 10

Vai a Filtro> Sfocatura> Sfocatura radiale e impostare il Metodo di sfocatura a Zoom e il Quantità a 100. Se l'effetto non è abbastanza forte la prima volta, esegui questo stesso filtro due volte.

Passaggio 11

Impostare il Modalità di fusione a Schermo e usare Modifica> Trasformazione libera (Control-T) per ridimensionare le strisce di luce e riposizionare l'effetto in modo che sia direttamente sopra il sole nella foto.

Passaggio 12

Per l'effetto finale, crea un livello unito nella parte superiore della pila tenendo premuto alt e andando a Livello> Unisci visibili. Allora vai filtrare> Camera Raw Filter (Control-Shift-A). Nel Di base scheda impostare il Chiarezza a +64 e il Vibrance a +18.

Passare al Scheda Effetti e nel Vignettatura post-ritaglio sezione l'ammontare a -33. Quindi premere ok applicare il filtro.

E tu sei fatto!

Clicca i talloni insieme tre volte perché hai finito! Congratulazioni per un bel pezzo di grafica digitale. Questo pezzo sarebbe stato molto più difficile da realizzare senza l'aiuto del plugin Filter Forge. L'abilità di creare creativamente i tuoi filtri e usarli come mappe di rendering 3D può sbloccare nuovi mondi di meravigliose possibilità.

Come è venuto fuori il tuo filtro personalizzato? Condividi la tua immagine qui sotto nei commenti!

Voglio di più?

Sei ispirato ad affrontare altri progetti di manipolazione fotografica? Vuoi provare la tua mano con alcuni pennelli personalizzati di Photoshop? Controlla il mio profilo qui su Tuts + per i miei altri tutorial, suggerimenti rapidi e corsi.