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.
Las capturas de pantalla son importantes por muchas razones:
Y por supuesto, bueno Las capturas de pantalla harán que todas esas cosas sean mejores..
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:
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.
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.
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..
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..
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.!
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.
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:
Y, de nuevo, también encontrarás esta característica útil para otras cosas, como probar tus niveles y mecanismos o depurar tu juego.
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:
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..
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..
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.
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:
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):
Eso no es lo ideal, pero es mucho mejor. Veamos ahora el histograma:
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.
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..
Bueno, eso se ve incluso mejor que el post-procesado. ¿Qué pasa con su histograma ahora??
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:
Y aquí está otra vez el original para comparar:
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.
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.
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.
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.
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..
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.