Cómo crear obras de arte de juego estilizado

Sep 11, 2025

Cómo

[dieciséis]

El estilo de arte del videojuego de supervivencia en primera persona. Oscuro oscuro Puede ser engañosamente difícil de capturar. El estilo del videojuego puede terminar pareciéndose demasiado realista o demasiado caprichoso. Queremos que el jugador se sienta como si se hubieran entrado en un mundo que se siente familiar, pero también único, un mundo, tanto hermoso como peligroso.

En esto Tutorial de Photoshop , Te guiaré a través de mi proceso de capturar el estilo del apocalipsis tranquilo.

Consigue Photoshop CC aquí

Desde los primeros días del juego, queríamos que el estilo artístico se encontraba como pintor. El estilo de arte se ha logrado en un proceso de colaboración de los artistas conceptuales, los artistas 3D y los artistas de tecnología en el interior.

Puedo resumir los conceptos básicos de esta manera: amplias áreas de textura sutil encerradas en siluetas afiladas y simples.

Lo llevaré a través de mi proceso, donde usaremos las formas que alcanzamos en el boceto como base para las siluetas finales. Usando guías de composición simples para asegurarse de que la imagen general esté equilibrada, le daremos a la imagen un aspecto pintoral para el uso de pinceles de textura y trazos de pincel en negrita. Podemos conservar esas siluetas fuertes y formas audaces con una de mis armas secretas favoritas: la herramienta de lasso de Photoshop.

Estamos agregando otro animal salvaje, el alce, a la lista de adversarios que puede encontrar en el juego. Y enfocaremos la ilustración alrededor de este gigante del bosque.

01. Darte (o cliente) opciones

Creating thumbnails with composition options aids the artist and the client

La tarea era tener el alce por el agua, cerca de los abedules, y con las cuentas prominentes, que comen. Hay muchas formas de organizar estos elementos. Se me ocurrió 12 miniaturas para darme opciones y generar ideas. Me fui con opciones de primera y tercera persona, para el director creativo y director de arte Observar.

02. Resolver tantos problemas como sea posible.

Next stage is to refine the chosen thumbnail

La miniatura elegida muestra elementos fuertes de fondo y fondo, y un buen sentido de escala para los alces. Lo refino, usando una guía de composición que identifica el centro de la imagen y el Regla de los tercios .

Sin embargo, la línea del horizonte está en el centro del marco, a la izquierda y la derecha se ponderan igualmente, y los cadenas inferiores a la izquierda están distraen. Entonces, baje el horizonte hasta el tercio inferior, ajuste la puesta en escena del alces y agregue los abedules.

Pro Secreto: Composición Cheques

Usar herramientas para averiguar el centro y Regla de los tercios . Estos pueden ayudarlo a escenuar una composición agradable, y evitar errores tontos y amateados, como poner el horizonte en el punto medio del marco.

03. Organiza tu boceto

Spend some time developing the composition

Pasé tiempo desarrollando un boceto bien compuesto en Photoshop, y dividí en las capas. Esto me ayudará a usar las formas de boceto en la pintura final.

También tomo algunas capturas de pantalla de alta resolución del juego y utilicen estas capturas de pantalla como referencia, tanto para mantener el trabajo en el estilo de la oscuridad larga y como una base para la textura. Uso las formas del boceto como máscara de recorte ( Clic derecho & gt; máscara de recorte ) Para los trazos y texturas de pinceles.

04. No tenga miedo de usar las herramientas de transformación.

Free Transform and Warp will help you get the concept just right

Sigo usando las formas establecidas del boceto como una máscara de recorte, comenzando con el alce. Concepté el diseño original de Moose para el juego, así que uso el concepto establecido para ayudar a bloquear en la forma del animal.

Yo uso las herramientas de transformación gratuita y deformación ( Cmd + t De Clic derecho & gt; Warp ) según sea necesario para que se vea mayormente correcto, y pinte sobre cualquier problema sobrante.

05. Mejorar el punto focal

Lift the focal point from the background

Uso una capa de tono y saturación para oscurecer el primer plano y los árboles para ayudar a enmarcar la cabeza del alce. Luego volví a usar la máscara de recorte y duplique la capa de tono y saturación varias veces. Asegurándome de que mantenga mis capas de forma más grande separadas, las coloque encima de cada capa individual antes de aplanarlas. Luego comienzo a pintar ramas con mis pinceles.

06. Máscara con selección.

Otra forma en que enmascaré donde estoy pintando es usando mis capas para crear selecciones. He pintado en más ramas y árboles en este punto. Ahora quiero comenzar a agregar algo de luz golpeando la parte superior de los árboles. Creo una máscara de selección ( Cmd + shift + click capas).

07. Referencia la iluminación.

Getting the lighting right is crucial at this stage

Luego tomo la máscara de selección que hice en el último paso y lo convertiré en una máscara de vector. Pongo la capa para superponer y comenzar a agregar un poco de calor del sol de pisos hasta la parte superior de los árboles. Con una idea para la paleta, paso una buena cantidad de tiempo haciendo referencia y observando cómo el sol golpea la parte superior de los árboles al atardecer.

08. Lazo de esa selección.

Ahora que tengo una idea para la iluminación, llamo mi atención a los alces. Me encanta usar la herramienta de selección ( L ) Para crear formas fuertes que pueda rellenar con trazos en negrita. Signo sobre el boceto de las astas con la herramienta de lasso y use trazos de pincel en negrita y largos para insinuar una textura sutil de las astas.

Pro Secret: Lasso es mi arma secreta

La herramienta de selección de Lasso es una de mis herramientas favoritas de Photoshop. Lo uso para dibujar formas, y para combinar formas redondas orgánicas con aspectos rectos agudos. Algunos atajos para tener en cuenta: L (Herramienta Lazo); L + cmd + lift letylus off tablet (Obtenga líneas rectas punto a punto); L + cambio (Añadir a la selección); y L + alt (restar de la selección).

09. Trae los pinceles de textura.

Una vez que haya bloqueado las astas, bloqueo la transparencia en la capa de alce (haga clic en la casilla a cuadros en la parte superior de la ventana de la capa). Ahora comienzo a definir la forma de las astas, y usar pinceles texturizados para dar la imagen que la textura de pintura sutil recuerda a la oscuridad larga. También tengo muchas referencias de las astas de alumnos para entender realmente su forma y cómo atrapan la luz.

10. Refinando la paleta.

It's time to dip into Hue and Saturation

Me doy cuenta de que la imagen está bastante silenciada. Los colores deben ser más audaces, por lo que utilizo una capa de tono y saturación. Aumo la saturación ligeramente y también ajusta el tono.

Luego repito el proceso en el paso 5. Duplico la capa de tono y saturación, asegurándome de que mantenga mis capas de forma más grande separadas. Finalmente, recorte las capas de saturación y saturación sobre cada capa individual antes de aplanarlas.

11. Calidez del sol.

Empiezo a agregar el brillo cálido del sol que asoma a través de los árboles en el lado izquierdo de la imagen, usando una capa de color Dodge. Lo puse detrás de parte de la capa de árbol de fondo, pero no otros árboles en primer plano. Luego, agrego otra capa de Dodge de color y lo puse detrás de todos los árboles para obtener esa mirada soplada del sol.

12. Mejorar el punto focal.

Making adjustments to the focal point will ensure it draws the eye

Empiezo a trabajar en el área alrededor del punto focal de la pintura, que es la cabeza del alce. Me aseguro de que el ojo de la bestia se vea correcto. También noté que el cielo sobre el alce está introduciendo demasiado contraste con el área por encima de la cabeza. Mi solución es bloquear en una montaña con un cepillo redondo simple.

Pro Secreto: Practica con tus pinceles.

Textura Pinceles de Photoshop Puede parecer que es la salsa secreta que hace una buena pintura. No son. Como cualquier herramienta, requieren práctica. Tengo dos pinceles que uso todo el tiempo. Me gusta practicar con ellos haciendo estudios de fotografías de película, el trabajo de los viejos maestros o estudios fotográficos. Sin la necesidad de inventar el tema, me permite enfocarme en la técnica.

13. Empieza a añadir detalle.

Start adding detail, but remember to stop!

Recibo algunos comentarios para exagerar el tamaño de las astas, por lo que aumento su tamaño. Y ellos, teniendo en cuenta que no doncia demasiado, empiezo a agregar detalles a la escena. Si uso pinceles de textura, me aseguro de dejar que la textura haga el levantamiento pesado. Esto puede tomar varios accidentes cerebrovasculares para llegar a la derecha, así que Cmd + z Un poco justo hasta que obtenga el único golpe que sea perfecto.

14. Finalizando con los ojos frescos.

An oft-overlooked stage – step away, then return to your work afresh

Paso un tiempo lejos de la pintura para verlo con una perspectiva fresca y darse cuenta de que se necesitan más detalles en el alce como punto focal. También paso tiempo aflojando los bordes con el trabajo de pincel pintor, teniendo en cuenta el estilo de la larga oscuridad durante todo el tiempo. Luego envié el trabajo al director creativo y el director de arte para que se apruebe el arte. Una vez aprobado, la pintura está completa!

Este artículo fue publicado originalmente en Imaginefx Cuestión de la revista 157. Cómpralo aquí .

Artículos relacionados:

4 beneficios de trabajar en un estudio de juegos indie
5 consejos para iniciar su carrera en 3D
5 maneras para que los diseñadores encuentren su próximo estudio.

Cómo crear obras de arte de juego estilizado

01. Darte (o cliente) opciones

02. Resolver tantos problemas como sea posible.

03. Organiza tu boceto

04. No tenga miedo de usar las herramientas de transformación.

05. Mejorar el punto focal

06. Máscara con selección.

07. Referencia la iluminación.

08. Lazo de esa selección.

09. Trae los pinceles de textura.

10. Refinando la paleta.

11. Calidez del sol.

12. Mejorar el punto focal.

13. Empieza a añadir detalle.

14. Finalizando con los ojos frescos.

Cómo - Artículos más populares

Cómo hacer un meme en Photoshop

Cómo ocultar su código JavaScript de Ver Fuente

Crea texturas fantasmales con técnicas mixtas

Cómo crear colores brillantes con pinturas al óleo

Master la ciencia de la optimización de la tasa de conversión

Crea un diseño de logotipo perfectamente geométrico en Illustrator

Cuatro principios de la estrategia UX

Acelera su modelado 3D

Categorías