Como adicionar uma sensação de profundidade?


12

Eu tenho vários modelos de montanha desenhando ao fundo. Veja a captura de tela real aqui:

insira a descrição da imagem aqui

Nos fundos, você vê aquelas montanhas cinzentas. Embora eles estejam muito em segundo plano, ainda não parece "em segundo plano".

Como posso adicionar uma sensação de profundidade a essas montanhas? Eu gostaria de vê-los tão longe.

É assim que parece agora, graças ao DarenW insira a descrição da imagem aqui


4
Honestamente? Eu acho que a primeira foto parece melhor. Daren sugeriu clarear as montanhas, mas elas ficaram mais escuras. De fato, aquelas montanhas cinzentas já eram bastante leves e desaturadas, então criar uma névoa funcionaria melhor da resposta de Daren. O tamanho maior da segunda imagem também os faz parecer bastante imponentes e menos (e não mais) distantes.
Attackfarm

@IMX Voltei sua edição excluindo as capturas de tela. Por favor, não remova partes da pergunta depois de fazer isso.
Nathan Reed

@Attackfarm Onde estão seus óculos? :)
bobobobo

@obobobo Você acha que as montanhas da segunda foto são mais leves e menores? Talvez eu precise de novos óculos! = P
Attackfarm

Respostas:


19

Os objetos pontiagudos e alaranjados estão empurrando na frente de tudo. Nas artes visuais, a distância é indicada por:

  • Cores mais claras. Apenas mudar sua cor laranja / ferrugem intensa para ficar menos saturada ajudará as cargas.
  • Cores mais claras. misturar a cor natural do objeto com a cor do céu ou com uma cor clara suave, como cinza claro ou azul claro. Relacionado a isso: se algum objeto for preto ou muito escuro, eles aparecerão muito bem na frente de um fundo claro. Objetos leves podem precisar de ajuda, como sombreamento intenso, alguns recursos escuros ou estrutura de tópicos.
  • Fora de foco (ligeiramente), supondo que o visualizador se concentre em objetos próximos. Para uma cena realista, apenas ligeiramente fora de foco. Mas considere o estilo artístico - você pode usar desfoque grave. Eu já vi jogos como esse, e é meio divertido visualmente, mas só funcionará se você usar cores mais claras / claras.
  • Perda de detalhes. Mesmo que os recursos do plano de fundo estejam focados, menos contraste e até eliminação de detalhes em escala reduzida, como rachaduras, solavancos e textura.
  • O oposto da perda de detalhes para objetos à distância: bordas mais nítidas, textura de detalhes em escala reduzida de objetos próximos. Você pode até adicionar contornos usando um detector de borda. Nas animações de desenhos animados antigos de sábado à manhã até o mais novo anime, geralmente os personagens em primeiro plano têm uma linha bem modulada e forte, enquanto a arte de fundo é apenas em regiões coloridas, sem tratamento especial de limites. Obviamente, isso envolve a escolha do estilo artístico.
  • Pistas de perspectiva, como objetos longos ou sinuosos que progridem de longe para perto, como um rio ou oleoduto ou uma fileira de edifícios ou torres que se afastam, encolhendo à distância. Mas sem as outras pistas, uma coisa dessas pode não "ficar" no espaço 3D aparente.

Para objetos distantes que sempre serão mostrados distantes, o esforço de produção pode ser minimizado, tornando os recursos da imagem original pálidos, claros e desfocados adequadamente. Então, nenhum esforço extra de composição em tempo de execução será necessário.

Embora você esteja trabalhando em artes digitais, há muita sabedoria acumulada no mundo da mídia tradicional da arte. Eu visito wetcanvas.com para isso e também /graphicdesign// porque gosto da maneira do SE de fazer perguntas e respostas.


Eu apliquei muitos desses pontos e o resultado é muito melhor. Obrigado!
IMX

1
@IMX Você poderia compartilhar a imagem resultante para que outras pessoas possam ver como ela ajuda?
msell

1
Claro, editei minha pergunta.
IMX

As cores mais claras são, basicamente, "fog" (que está disponível em glFog!)
bobobobo

17
  • Torne-os menos nítidos
  • Implementar paralaxe ao mover a câmera
  • Adicione um pouco de neblina
  • Adicione outros objetos próximos a eles para dar uma perspectiva do seu tamanho (como nuvens).
  • Adicione objetos de tamanho conhecido (como árvores) se espalhando pela distância e ainda na frente das montanhas
  • Adicione sopé ao redor da base

Menos nítido é um bom argumento. Mas fazer o desfoque de modelos não é suportado no XNA desde o início. Eu poderia adicionar esse recurso mais tarde, quando eu postar o jogo no Monogame.
IMX 26/04

se são montanhas, onde estão suas nuvens? rolagem de paralaxe e use nuvens para tornar as montanhas nebulosas.
ZzzzBov


1
É tão suportado no XNA quanto no Monogame ... E eu também recomendo a rolagem de paralaxe.
28413 Phil

+1 E para dar um passo adiante, adicione 3D estereoscópico e projeção em perspectiva rastreada pela cabeça.
Laurent Couvidou

1

O aspecto mais importante de fazer as montanhas parecerem distantes é aproximá-las da cor do céu. Se você tirar uma foto de montanhas cobertas de neve que parecem distantes e usar um seletor de cores na neve branca, geralmente descobrirá que é realmente um azul muito forte. As montanhas cobertas de laranja com uma sobreposição azul ainda parecerão alaranjadas em contraste com o céu azul.


0
  1. Quanto mais longe as coisas ficam, mais desfocadas ou embaçadas ficam.
  2. Quanto mais afastadas as coisas, mais "leves" elas se tornam.

0

Haze é seu melhor amigo. Você tem três níveis de DoF em sua imagem: O caminho, primeira linha de montanhas, segunda linha de montanhas.

A mágica acontece na segunda linha de montanhas, onde eles devem ter um pouco de desfoque de borda, menos detalhes, alguns destaques saindo do fundo e entrando em valor de cor com o céu. Se você pudesse encontrar um pouco de névoa Z, seria bom.

Pesquise no Google algumas "neblinas da paisagem" e desconstrua-as cuidadosamente.

Veja também http://www.youtube.com/watch?v=CgogMP-kbA0

Existe um plugin PSD que pode gerar o mapa de profundidade a partir de uma única foto, para que você também possa ajudá-lo http://www.kolor.com/neutralhazer-haze-remover-photo-photoshop-plugin.html

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.