¿Cómo agregar una sensación de profundidad?


12

Tengo varios modelos de montañas dibujando en el fondo. Ver captura de pantalla real aquí:

ingrese la descripción de la imagen aquí

Al fondo, ves esas montañas grises. Aunque están demasiado en segundo plano, todavía no parece "en segundo plano".

¿Cómo puedo agregar una sensación de profundidad a esas montañas? Me gustaría verlos tan lejos, muy lejos.

Así es como se ve ahora, gracias a DarenW ingrese la descripción de la imagen aquí


44
¿Honestamente? Creo que la primera foto se ve mejor. Daren sugirió aligerar las montañas, pero se oscurecieron. De hecho, esas montañas grises ya eran bastante ligeras y desaturadas, por lo que crear una neblina funcionaría mejor con la respuesta de Daren. El tamaño más grande en la segunda imagen también los hace parecer bastante imponentes y menos distantes (en lugar de más).
Attackfarm

@IMX Revertí tu edición eliminando las capturas de pantalla. No elimine partes de la pregunta después de haberla preguntado.
Nathan Reed

@Attackfarm ¿Dónde están tus lentes? :)
bobobobo

@bobobobo ¿Crees que esas montañas en la segunda imagen son más ligeras y pequeñas? ¡Quizás necesito lentes nuevos! = P
Attackfarm

Respuestas:


19

Los puntiagudos objetos naranjas intensos empujan delante de todo. En artes visuales, la distancia se indica mediante:

  • Colores más pálidos. Simplemente cambiar su color naranja / óxido intenso para que esté menos saturado ayudará a las cargas.
  • Colores más claros. mezclar el color natural del objeto con el color del cielo o con un color claro suave como el gris claro o el azul pálido. Relacionado con esto: si algunos objetos son negros o muy oscuros, aparecerán muy bien frente a un fondo claro. Los objetos claros pueden necesitar algo de ayuda, como sombras fuertes, algunas características oscuras o contornos.
  • Fuera de foco (ligeramente), suponiendo que el espectador esté destinado a enfocarse en objetos cercanos. Para una escena realista, solo ligeramente desenfocada. Pero tenga en cuenta el estilo artístico: podría usar un desenfoque severo. He visto juegos como ese, y es un poco divertido visualmente, pero funcionará solo si también usas colores más claros / claros.
  • Pérdida de detalles. Incluso si las características del fondo están enfocadas, hay menos contraste e incluso la eliminación de detalles a escala fina, como grietas, golpes, textura.
  • Lo opuesto a la pérdida de detalles para objetos a distancia: bordes afilados, textura de detalle a escala fina de objetos cercanos. Incluso podría agregar esquemas usando un detector de bordes. En las animaciones de los viejos dibujos animados de los sábados por la mañana hasta el anime más nuevo, a menudo es el caso de que los personajes en primer plano tienen un trabajo lineal bien modulado, mientras que el arte de fondo es solo regiones de colores, sin un tratamiento especial de los límites. Por supuesto, esto implica la elección del estilo artístico.
  • Pistas de perspectiva como objetos largos o serpenteantes que progresan de lejos a cerca, como un río o tubería o una hilera de edificios o torres que se alejan, reduciéndose con la distancia. Pero sin las otras señales, tal cosa podría no "sentarse" en el aparente espacio 3D.

Para objetos lejanos que siempre se mostrarán muy lejos, el esfuerzo de producción puede minimizarse haciendo que los activos de la imagen original sean pálidos, claros y borrosos de manera adecuada. Entonces no se necesitará un esfuerzo adicional de composición en tiempo de ejecución.

Aunque trabajas en artes digitales, hay un montón de sabiduría acumulada en el mundo de los medios de comunicación de las bellas artes. Visito wetcanvas.com para eso, y también /graphicdesign// porque me gusta la forma SE de hacer preguntas y respuestas.


Apliqué muchos de estos puntos y el resultado es mucho mejor. ¡Gracias!
IMX

1
@IMX ¿Podría compartir la imagen resultante para que otros también puedan ver cómo ayuda?
msell

1
Claro, edité mi pregunta.
IMX

Los colores más pálidos son básicamente "niebla" (¡que está disponible en glFog!)
bobobobo

17
  • Hazlos menos afilados
  • Implemente paralaje al mover la cámara
  • Añade algo de neblina
  • Agregue otros objetos cerca de ellos para darles una perspectiva de su tamaño (como capas de nubes).
  • Agregue objetos de tamaño conocido (como árboles) que se extienden en la distancia y aún frente a las montañas
  • Añadir estribaciones alrededor de su base

Menos afilado es un buen punto. Pero hacer modelos borrosos no es compatible con XNA desde el principio. Podría agregar esa característica más adelante cuando publique el proceso del juego en Monogame.
IMX

si son montañas, ¿dónde están sus nubes? desplazamiento de paralaje y uso de nubes para hacer que las montañas sean nebulosas.
zzzzBov


1
Es tan compatible con XNA como con Monogame ... Y también recomiendo el desplazamiento de paralaje.
Phil

+1 Y para ir un paso más allá, agregue 3D estereoscópico y proyección en perspectiva con seguimiento de la cabeza.
Laurent Couvidou

1

El aspecto más importante de hacer que las montañas parezcan distantes es acercarlas al color del cielo. Si toma una fotografía de montañas nevadas que parecen distantes, y usa un selector de color en la nieve blanca, por lo general encontrará que en realidad es un azul bastante fuerte. Las montañas cubiertas de naranja con una capa azul aún se verán anaranjadas en contraste con el cielo azul.


0
  1. Cuanto más se alejan las cosas, más desenfocadas o borrosas se vuelven.
  2. Cuanto más lejos están las cosas, más "ligeras" se vuelven.

0

Haze es tu mejor amiga. Tiene tres niveles de DoF en su imagen: el camino, la primera fila de montañas, la segunda fila de montañas.

La magia ocurre en la segunda fila de montañas donde deberían obtener un poco de desenfoque del borde, menos detalles, algunos reflejos que salen del fondo y obtienen un valor de color con el cielo. Si pudieras conseguir un poco de niebla Z allí, sería bueno.

Busca en Google un poco de "neblina del paisaje" y deconstruirlo cuidadosamente.

También eche un vistazo a http://www.youtube.com/watch?v=CgogMP-kbA0

Hay un complemento PSD que puede generar un mapa de Profundidad a partir de una sola foto para que también pueda ayudarlo http://www.kolor.com/neutralhazer-haze-remover-photo-photoshop-plugin.html

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.