6 cosas simples que puedes hacer para mejorar tus capturas de pantalla

Una buena captura de pantalla realmente puede vender tu juego. En este tutorial, voy a describir varios trucos simples que mejorarán la calidad de tus capturas de pantalla. Estos consejos son lo suficientemente genéricos como para ser aplicados a la mayoría de los juegos, ya sea en 2D o 3D. Hablaré sobre las herramientas que lo ayudan a elegir una mejor posición de vista y ángulo, consideraciones de interfaz de usuario, formas de mejorar los colores de captura de pantalla, problemas de recorte y más.

Por qué importan las buenas capturas de pantalla

Las capturas de pantalla son importantes por muchas razones:

  • Puedes exhibir el juego de la mejor manera..
  • Compartir una imagen es una forma fácil y efectiva de correr la voz sobre tu juego.
  • La gente reconocerá tu juego por capturas de pantalla antes de ver un artículo o un video.
  • Los necesitarás para comercializar tu juego en tu sitio..
  • Deben incluirse en su carpeta de prensa y correos electrónicos para que los revisores puedan usarlos fácilmente.
  • Los necesitarás para las presentaciones de la tienda..
  • Son una buena fuente de arte de juegos para anuncios y materiales de marketing..

Y por supuesto, bueno Las capturas de pantalla harán que todas esas cosas sean mejores..

Usa tu propio mecanismo de captura de pantalla

Si bien existen herramientas externas para realizar capturas de pantalla, la captura de capturas de su juego por sí misma es útil de varias maneras:

  • Siempre está ahí; no es necesario que recuerdes ejecutar ningún programa para hacer capturas de pantalla cuando las necesites. Cada vez que obtienes ese "¡Guau! ¡Gran vista!" En el momento de probar tu juego, solo tienes que presionar un botón para capturarlo..
  • Puede guardar capturas de pantalla donde las desee, en el formato que desee..
  • Puede ocultar automáticamente las cosas que no desea en sus capturas de pantalla (como información de depuración en pantalla, líneas de guía o HUD).
  • Puedes agregar automáticamente cosas como marcas de agua o el nombre de tu juego y la URL del sitio web.
  • Puede post-procesar imágenes si es necesario.
  • Una vez que lo tienes, es más fácil agregar funciones adicionales como grabar animaciones cortas o hacer capturas de pantalla enormes para carteles al renderizar múltiples imágenes.

Desafortunadamente, esto podría no ser una opción (o podría ser demasiado difícil) en algunos motores. Afortunadamente, ya está hecho para usted en muchos motores; solo necesitarás ajustarlo a tus necesidades.

Modo de pausa con cámara activa

Quieres hacer una buena captura de pantalla, pero los enemigos huyen o aparecen de repente y atacan a tu personaje. O el efecto de partículas que quieres capturar es tan difícil de alcanzar..

¿La solución? Agregue un botón que detenga su juego al instante (y lo reanude al presionarlo nuevamente) mientras le permite mover la cámara para obtener el ángulo correcto para su captura de pantalla.


Acabo de pausar mi juego Arcane Worlds. Este no es el mejor ángulo para la captura de pantalla..
La misma escena, pero desde un punto de vista diferente..

Encuentro esta característica extremadamente útil. Puedes capturar cualquier imagen, ya sea que el jugador pueda verlas en el juego normalmente o no. Puede obtener primeros planos de los paisajes o personajes. También puede usarlo para depurar su juego, pausándolo para analizar la situación, que es aún más útil si tiene ayudas visuales de depuración..

Modo de un solo paso o cámara lenta

Puedes mejorar ese modo de pausa aún más agregando un botón para un solo paso en tu juego o ejecutándolo en cámara lenta. Esto te ayudará a capturar el momento correcto de la animación (además del ángulo de la cámara) y es muy útil para la depuración también..

Composición

El propósito de tener el modo de pausa con la cámara activa es la composición de tus capturas de pantalla. El tema de la composición está fuera del alcance de este artículo, pero hay una cosa simple que puedes hacer para ayudarte: agregar pautas.

La regla de los tercios es una forma común de componer imágenes, y es posible que también le resulte útil el índice de oro. Por supuesto, siempre puedes hacer cosas con el globo ocular, pero si tienes problemas con eso, las pautas son útiles. Sin embargo, asegúrese de no incluir estas pautas en la captura de pantalla real.!


Usando las pautas de la "regla de los tercios".

Las pautas también se pueden usar para obtener una vista previa del aspecto que tendrá la imagen cuando se recorte en varias relaciones de aspecto. Más sobre eso abajo.

Carácter de jugador de teletransporte

El personaje controlado por el jugador suele ser una pieza importante en la composición de tus capturas de pantalla. Ahorre mucho tiempo y problemas facilitando el traslado a cualquier nivel que desee en su nivel.

El método exacto varía según el juego, pero el mejor método suele ser "apunta y presiona un botón" o "presiona un botón y apunta" El modo de movimiento turbo sin clip también funciona bien. No es necesario llegar a ningún lugar en un salto, pero es esencial llegar a cualquier lugar en unos segundos..

En mi juego LEVEL UP! Tengo un "modo de vista" que se activa al presionar una sola tecla. La vista se puede desplazar rápidamente con el mouse y el personaje se puede teletransportar a la cruz con solo presionar un botón:


"Ver modo" de mi juego LEVEL UP!

Y, de nuevo, también encontrarás esta característica útil para otras cosas, como probar tus niveles y mecanismos o depurar tu juego.

Texto, interfaz de usuario y menús

Evita poner demasiado texto en tus capturas de pantalla. Con todo, estás haciendo fotos; Si quieres decir algo con texto, será mejor que lo escribas por separado..

La interfaz de usuario requiere mucho tiempo, por lo que, naturalmente, querrá mostrarla en sus capturas de pantalla (lo sé). Pero eso no es una buena idea. Está bien como una captura de pantalla de desarrollo en tu blog, pero las interfaces de usuario y los menús no deberían ser el foco de tus capturas de pantalla de la galería de juegos a menos que sea una simulación incondicional con extensas hojas de cálculo o algo así..

Sin embargo, hay otro tipo de interfaz de usuario: el HUD (pantalla de visualización) o la interfaz del juego (esta última es principalmente para juegos de estrategia). Debes considerar si quieres esto en tus capturas de pantalla.

Para cualquier persona lo suficientemente interesada, el HUD proporciona información sobre la mecánica del juego y el juego. Esto significa que puede ofrecer más información sobre tu juego:


Una captura de pantalla de Bastion, mostrando su HUD.
Uno puede adivinar mucho sobre el juego de la captura de pantalla anterior!

Sin embargo, mostrar la interfaz a menudo es redundante en múltiples capturas de pantalla, y es posible que no quiera hacerlo por razones de mercadeo (trabajo temprano, competencia, robo). También esconde y desordena tu arte. Es necesario cuando juegas, pero no cuando muestras sus imágenes a otros..

Como puede ver, hay más desventajas que ventajas de incluir la interfaz de usuario, pero debería evaluarlas usted mismo para su juego..

Agrega un botón para ocultar el HUD y la GUI del juego

Incluso si decide mantener el HUD en sus capturas de pantalla, agregar un botón para alternar es una buena idea. Es posible que necesite la imagen de su juego para otras cosas que no sean capturas de pantalla: diseño del sitio, materiales impresos y anuncios.

Y, por supuesto, sus jugadores pueden querer tomar capturas de pantalla agradables de su juego para compartirlas en la web o convertirlas en fondos de pantalla, donde un HUD solo se interpondrá en el camino..

Analice su histograma de captura de pantalla

Un histograma muestra la cantidad de píxeles para cada nivel de brillo como una barra. Puede encontrarlo en Photoshop, GIMP (como una ventana separada) y Paint.NET (en Ajustes> Niveles). Los ejemplos a continuación utilizan el histograma GIMP, con una escala logarítmica para mayor claridad.


Aquí está la captura de pantalla original de un juego de ficción. Se lleva a cabo en un calabozo, por lo que está oscuro. Difícil de ver nada.

Vamos a empezar con esta captura de pantalla. Puedes ver algunas hogueras y probablemente algunos enemigos y muros si entrecierras los ojos. Echemos un vistazo a su histograma:


Histograma de la captura de pantalla original..

El espacio en el extremo izquierdo representa los colores oscuros que no se utilizan, ¡no hay negro en la imagen en absoluto! El espacio a la derecha (que es aproximadamente un tercio del rango) representa los colores de luz no utilizados (hasta el blanco).

Los colores de la imagen real solo usan aproximadamente la mitad del rango total, eso es malo. Vamos a arreglarlo con un poco de post-procesamiento. Usaré el ajuste de "niveles", que está disponible en muchos programas de procesamiento gráfico, y estableceré el rango de entrada para que coincida con los colores utilizados en el histograma y ajuste un poco la gama (curva):


Captura de pantalla procesada. El método de procesamiento se llama "niveles" en la mayoría de los programas de procesamiento de imágenes.

Eso no es lo ideal, pero es mucho mejor. Veamos ahora el histograma:


Histograma de la captura de pantalla procesada..

Como puede ver, los colores utilizados ahora llenan toda la gama de brillo; El ajuste "estiró" los valores de color para llenar el rango. Esto se puede hacer automáticamente como un paso de post-procesamiento en su representación. También puedes probar otros efectos de procesamiento en el programa de manipulación de imágenes que prefieras y luego aplicar los que más te gusten en tu juego..

Sin embargo, hay otra manera.

Ajustar el arte basado en histograma

El histograma de captura de pantalla original nos dice que hay una falta de colores oscuros y brillantes, por lo que el rango utilizado es más pequeño de lo que podría ser. Vamos a arreglar eso mejorando el arte. Las cosas brillantes aquí son llamas y ojos de monstruo, y las oscuras son el fondo (piso) y las cenizas..


Arte mejorado: llamas más brillantes y ojos de monstruos, fondo más oscuro y cenizas.

Bueno, eso se ve incluso mejor que el post-procesado. ¿Qué pasa con su histograma ahora??


Histograma de la captura de pantalla con arte mejorado..

Como ves, el rango de brillo se usa mucho mejor ahora. Por supuesto, puedes combinar ajustes artísticos con post-procesamiento.!

Comprimí el extremo brillante del rango (las llamas), sacrificando algunos detalles para expandir el rango del resto de la imagen:


Histograma de la captura de pantalla con arte mejorado y posprocesado..
Arte mejorado con un poco de post-procesamiento aplicado..

Y aquí está otra vez el original para comparar:


La captura de pantalla original de nuestro juego de ficción..

Resolución y relaciones de aspecto

Siempre que haya una galería de capturas de pantalla para su juego (su sitio, una tienda en línea, etc.) es mejor mantener la resolución de captura de pantalla coherente en esa galería. Por lo menos, debes mantener el aspecto relación (como 16: 9, 4: 3 o 2: 1) consistente.

Eso plantea la cuestión de cómo elegir la mejor resolución de pantalla para tu juego. Considere cuál es su plataforma de destino principal y elija la resolución y la relación de aspecto en función de eso.

Cultivo

Cualquiera que sea la resolución que haya seleccionado, tarde o temprano encontrará el problema de cultivo. Ya sea en las imágenes de Twitter o en la captura de pantalla del sábado, algunos sitios recortarán sus imágenes para cumplir con sus estándares.

Para lidiar con esto, recomiendo mantener las cosas más interesantes en el centro de la captura de pantalla y verificar cómo se recortarán al cuadrado. Agregar pautas en tu juego también puede ayudar con eso. También puede agregar pautas para otras relaciones de aspecto si las necesita.


Líneas de guía de composición (regla de los tercios) y líneas de guía de recorte (cuadradas y 2: 1).

Miniaturas

Otro problema similar es cuando sus imágenes se reducen para crear miniaturas. Esto elimina efectivamente los detalles pequeños y de alta frecuencia de su captura de pantalla, dejando solo características grandes y de baja frecuencia. Así que asegúrate de tenerlos, y de que tengan un contraste lo suficientemente alto. Eso también es bueno para tu juego, ya que es más fácil obtener lo que está en la pantalla cuando hay grandes características visuales de contraste para guiar tu mirada..

Para ayudarte con eso, agrega una miniatura de vista previa que se muestra junto con otras herramientas de captura de pantalla como pautas.

Imágenes animadas

Algunos juegos se ven bien en movimiento, pero no tan buenos en capturas de pantalla fijas. Y a veces, una imagen estática simplemente no puede dar suficiente información sobre tu juego.

Considera hacer capturas de pantalla animadas con GIFs. Hay otras formas de hacerlo, pero los GIF son ampliamente compatibles, lo que permite que muchas personas los vean en varios dispositivos. Si quieres ser más moderno o eficiente, prueba Gfycat para videos HTML5.

Puede grabar un video y convertirlo en un GIF, o usar un programa que pueda grabar en GIF directamente como GifCam o LICEcap.

Buffer de bucle

Esta función está incorporada en FRAPS y puedes implementarla directamente en tu juego. La idea es que el programa siempre esté grabando en un búfer de tamaño limitado, digamos 30 segundos de video. Entonces, cuando juegas tu juego, haces algo y piensas "hey, eso fue increíble", solo puedes presionar un botón para guardar un video de los últimos 30 segundos. antes de Lo presionaste, como si la grabación comenzara hace 30 segundos..

Conclusión

Ahora conoces varias herramientas y métodos que te ayudarán a mostrar tu juego de la mejor manera posible: modo de pausa activa y personaje de teletransportador del jugador para obtener la mejor vista, ocultar tu HUD (o mantenerlo y cuándo hacerlo), analizando el histograma de la captura de pantalla para mejorar sus colores y utilizando pautas para ayudarlo con el recorte y la composición.

Muchos de estos consejos también te ayudarán a desarrollar el juego y mejorarán la calidad de tu arte de juego y capturas de pantalla hechas por la comunidad.