Como foi feita a arte no jogo "Mitsubishi ASX Challenge"?

Fiquei impressionado com a arte no jogo Mitsubishi ASX Challenge . Era uma mistura de fotos reais e arte criativa.

Eu decidi que a arte do jogo que eu estou criando deve parecer pelo menos um pouco assim.

Como isso foi feito? Como as texturas do terreno foram criadas - estrada, grama, cercas etc. - foram criadas com o Photoshop? Se sim, uma lista rápida de etapas seria muito útil.

games adobe-flash

— Astromaz3
fonte

Photoshop. É muito fácil (para designers gráficos profissionais) criar imagens realistas a partir do zero no Photoshop. Quão? Eu não faço ideia.

— JFW

@JFW: Eu não diria que é simplesmente fácil, mas que, apesar de todas as ferramentas poderosas do Photoshop, é necessária uma certa habilidade, prática e talento para criar imagens realistas, tanto que parece fácil.

— Philip Regan

@JFW, isso não é fácil! : D

— Kyle

Eu começaria tirando sua câmera favorita e tirando fotos de texturas reais das quais você gosta, como:

Grama, arbustos, galhos, árvores.
Cercas (ou outros painéis de madeira)
Lama, sujeira, grama irregular etc.
Paredes de pedra, calçada, asfalto, calçadas, tijolos.
Água, poças, lagos, rios, etc.

Tire 5 ou 6 fotos de cada uma, porque a aparência da tela da câmera não é necessariamente a maneira como será exibida no jogo.

Agora você pode carregá-lo no photoshop e dar um pouco de tlc. Altere qualquer coisa que pareça deslocada, como se você quiser uma textura total da grama, remova quaisquer manchas, áreas claras e áreas escuras. Deve ser quase sempre uniforme, uma vez que se espalha sobre uma área e qualquer coisa que se destacar rompe a ilusão de ser "totalmente natural". Durante esta etapa, você também pode fazer com que os gráficos pareçam menos "reais" e mais artísticos, se desejar.

Em seguida, você precisará tirar suas fotos favoritas de cada textura e criar uma textura tileable sem costura. Existem muitas maneiras de fazer isso, mas de longe o meu favorito é usar a ferramenta Texture Maker . Pode parecer um pouco assustador no começo, mas vale a pena aprender, pode fazer coisas incríveis! Incluindo texturas animadas (por exemplo, para água). Mas não faça isso para coisas como carros e pessoas, pois elas não precisarão ser inclináveis.

Além disso, você precisa levar em consideração a orientação de sua câmera no jogo. Será como o seu exemplo uma câmera de cima para baixo? Um platfomer de rolagem lateral ou um ambiente 3D? Como as necessidades básicas de cada gráfico mudarão bastante, dependendo do seu tipo de jogo.

Depois de fazer tudo isso, você precisará começar a mapeá-lo para seus elementos no próprio jogo, pois não sei para que tipo de jogo você está indo, não posso mais dar conselhos. Mas se você precisar de algum, ficarei feliz em ajudar.

Para resumir:

Tire uma foto do que você quer.
Edite a imagem para torná-la uniforme.
Faça tileable. (Isso deve ocorrer após todas as edições, se houver algo que se destaque quando colocado lado a lado, volte uma etapa e edite-o no Photoshop :)
Mapear para o ambiente.

Lembre-se de sempre salvar cópias de tudo, caso precise voltar algumas etapas se algo não acontecer como planejado, especialmente se você estiver usando modelos 3D, lembro-me de ter um tempo infernal para reconstruir algo que eu não salvou: D

Espero que algo disso tenha ajudado :)

— Kyle
fonte

Recomendação de software muito interessante com o Texture Maker. Eu não tinha ideia de que algo assim existisse, mas isso me lembra o editor de texturas em muitos aplicativos 3D que costumava usar, principalmente as antigas Power Tools e Bryce do Kai's. Parece que alguém poderia realmente se perder, e não quero dizer isso de maneira alguma. +1.

— Philip Regan

Sim, eu o encontrei apenas pesquisando texturas tileable no Google, como espaços reservados até que eu pudesse gastar o meu tempo, mas com essa ferramenta eu cortei cerca de 7 horas por textura! É incrível e vale a pena o dinheiro :)

— Kyle

o método de ladrilho da velha escola é criar uma textura quadrada, depois dividi-la em quadrantes e mover o quadrilátero superior esquerdo para o canto inferior direito, canto inferior direito para canto superior esquerdo, canto superior direito para canto inferior esquerdo e canto inferior esquerdo para canto superior direito. Então você retocar a costura no centro com cuidado para não fazer nada para as bordas externas

— horatio

Concordo, comecei com esse método. Agora, com ótimas ferramentas como o Texture Maker, isso não é mais necessário! As texturas ficam muito melhores quando produzidas da maneira "nova escola" :) #

— 305 Kyle