Come aggiungere una sensazione di profondità?


12

Ho diversi modelli di montagna che disegnano sullo sfondo. Vedi lo screenshot reale qui:

inserisci qui la descrizione dell'immagine

Sul retro, vedi quelle montagne grigie. Anche se sono così tanto in background, non sembra ancora "in background".

Come posso aggiungere una sensazione di profondità a quelle montagne? Mi piacerebbe vederli così lontani.

Ecco come appare ora, grazie a DarenW inserisci qui la descrizione dell'immagine


4
Onestamente? Penso che la prima foto sia migliore. Daren suggerì di alleggerire le montagne, eppure diventarono più scure. In effetti, quelle montagne grigie erano già abbastanza chiare e desaturate, quindi creare una foschia avrebbe funzionato al meglio dalla risposta di Daren. Le dimensioni maggiori nella seconda immagine le fanno sembrare abbastanza imponenti e meno (piuttosto che più) distanti.
Attackfarm,

@IMX Ho ripristinato la tua modifica eliminando gli screenshot. Si prega di non rimuovere parti della domanda dopo averlo posto.
Nathan Reed,

@Attackfarm Dove sono i tuoi occhiali? :)
bobobobo,

@bobobobo Pensi che quelle montagne nella seconda foto siano più chiare e più piccole? Forse ho bisogno di nuovi occhiali! = P
Attackfarm l'

Risposte:


19

Gli arancioni intensi e appuntiti spingono di fronte a tutto. Nelle arti visive, la distanza è indicata da:

  • Colori più chiari. Basta cambiare il tuo intenso colore arancione / ruggine per renderlo meno saturo per aiutare i carichi.
  • Colori più chiari. fondendo il colore naturale dell'oggetto con il colore del cielo o con un colore chiaro tenue come il grigio chiaro o un azzurro pallido. In relazione a questo: se gli oggetti sono neri o molto scuri, si apriranno bene davanti a uno sfondo chiaro. Gli oggetti chiari potrebbero aver bisogno di aiuto come ombreggiature forti, alcune caratteristiche scure o delineamento.
  • Sfocato (leggermente), supponendo che lo spettatore debba focalizzarsi su oggetti vicini. Per una scena realistica, solo leggermente sfocata. Ma considera lo stile artistico: potresti usare una sfocatura grave. Ho visto giochi del genere, ed è un po 'divertente visivamente, ma funzionerà solo se usi anche colori più chiari / chiari.
  • Perdita di dettagli. Anche se le caratteristiche di sfondo sono a fuoco, meno contrasto e persino eliminazione di dettagli in scala fine come crepe, dossi, trama.
  • L'opposto della perdita di dettagli per gli oggetti a distanza: spigoli vivi, trama dei dettagli in scala fine degli oggetti vicini. Puoi persino aggiungere delineamenti usando un rilevatore di bordi. Nelle animazioni dai vecchi cartoni animati del sabato mattina ai più recenti anime, è spesso il caso che i personaggi in primo piano abbiano una linea ben modulata mentre le immagini di sfondo sono solo regioni colorate, nessun trattamento speciale dei confini. Naturalmente, ciò implica la scelta dello stile artistico.
  • Indizi di prospettiva come oggetti lunghi o tortuosi che avanzano da molto vicino a vicini, come un fiume o un oleodotto o una fila di edifici o torri che si allontanano, restringendosi con la distanza. Ma senza gli altri segnali, una cosa del genere potrebbe non "sedersi" nello spazio 3D apparente.

Per oggetti lontani che verranno sempre mostrati molto lontano, lo sforzo di produzione può essere ridotto al minimo rendendo pallide, chiare e sfocate le risorse dell'immagine originale. Quindi non saranno necessari ulteriori sforzi di composizione in fase di esecuzione.

Anche se stai lavorando nelle arti digitali, c'è un sacco di saggezza accumulata nel mondo dei media tradizionali delle belle arti. Visito wetcanvas.com per questo, e anche /graphicdesign// perché mi piace il modo SE di fare domande e risposte .


Ho applicato molti di questi punti e il risultato è molto migliore. Grazie!
IMX,

1
@IMX Potresti condividere l'immagine risultante in modo che anche gli altri possano vedere come aiuta?
msell,

1
Certo, ho modificato la mia domanda.
IMX,

I colori più chiari sono fondamentalmente "nebbia" (che è disponibile in glFog!)
bobobobo

17
  • Rendili meno nitidi
  • Implementare la parallasse quando si sposta la telecamera
  • Aggiungi un po 'di foschia
  • Aggiungi altri oggetti vicino a loro per dare una prospettiva sulla loro dimensione (come i cloud cap).
  • Aggiungi oggetti di dimensioni conosciute (come alberi) diffondendoli in lontananza e ancora di fronte alle montagne
  • Aggiungi le colline ai piedi della base

Meno nitido è un buon punto. Ma rendere sfocati i modelli non è supportato in XNA sin dall'inizio. Potrei aggiungere quella funzione in seguito quando inserisco l'elaborazione del gioco in Monogame.
IMX,

se sono montagne, dove sono le loro nuvole? scorrimento della parallasse e uso delle nuvole per rendere le montagne confuse.
zzzzBov,


1
È supportato tanto in XNA quanto in Monogame ... E raccomando anche lo scorrimento della parallasse.
Phil

+1 E per fare un ulteriore passo avanti, aggiungi 3D stereoscopico e proiezione prospettica tracciata a testa.
Laurent Couvidou,

1

L'aspetto più importante per far apparire le montagne distanti è avvicinarle al colore del cielo. Se scatti una foto di montagne innevate che sembrano lontane e usi un selettore di colori sulla neve bianca, di solito scoprirai che in realtà è un blu abbastanza forte. Le montagne che sono coperte di arancione con una sovrapposizione blu appariranno ancora arancioni in contrasto con il cielo blu.


0
  1. Più le cose si allontanano, più sfuocate o sfocate diventano.
  2. Più le cose sono lontane, più "leggere" diventano.

0

Haze è il tuo migliore amico. Hai tre livelli di DoF nell'immagine: il percorso, la prima fila di montagne, la seconda fila di montagne.

La magia accade sulla seconda fila di montagne dove dovrebbero ottenere un po 'di sfocatura dei bordi, meno dettagli, alcuni punti salienti che escono dal fondo e ottenere un valore di colore con il cielo. Se riuscissi a far entrare un po 'di nebbia Z, sarebbe bene.

Google alcuni "paesaggio foschia" e decostruirlo con cura.

Dai anche un'occhiata a http://www.youtube.com/watch?v=CgogMP-kbA0

Esiste un plug-in PSD in grado di generare la mappa di profondità da una singola foto in modo da poterti aiutare anche http://www.kolor.com/neutralhazer-haze-remover-photo-photoshop-plugin.html

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.