Voltar para o Blog
Quest Log

Capsule Art Steam e Ícone: a Capa que Faz seu Jogo Ser Clicado

Artista compondo a capsule art de um jogo em miniaturas lado a lado na tela

Aprenda a criar capsule art Steam e ícone que convertem: legibilidade em miniatura, foco, contraste e os erros que matam o clique na sua página.

Capsule Art Steam e Ícone: a Capa que Faz seu Jogo Ser Clicado

A capsule art Steam é a peça de marketing mais vista do seu jogo. Mais que o trailer, mais que a página, mais que qualquer post. Ela aparece em busca, em lista de recomendação, em sale, na biblioteca do jogador. E na maior parte dessas situações ela tem o tamanho de um selo postal. Se a capa não comunica o que o jogo é nesse tamanho, o jogador rola a página e o resto do seu material nunca é visto.

A boa notícia: capa boa não é questão de orçamento, é questão de critério. Três decisões separam uma capsule que converte de uma que some na lista: legibilidade em miniatura, um único ponto de foco e contraste deliberado. Esse tutorial passa pelas três, mais o ícone, os tamanhos e as regras da Steam.

O que é capsule art e onde ela aparece

Capsule é o nome que a Steam dá pras imagens promocionais da página do jogo. Não é uma imagem só, é um conjunto, e cada uma aparece num contexto diferente:

  • Small capsule (462x174): a mais importante de todas. É a que aparece em resultados de busca, listas de mais vendidos e seções de recomendação, quase sempre reduzida pra bem menos que o tamanho original.
  • Header capsule (920x430): o topo da página da loja e a vitrine da biblioteca.
  • Main capsule (1232x706): o carrossel de destaque da frente da loja e de eventos de sale.
  • Library capsule (600x900): o formato vertical, de pôster, que aparece na biblioteca do jogador.

Repare na consequência prática: você não desenha uma capa, você desenha uma composição que sobrevive a quatro proporções diferentes. Por isso o caminho profissional é criar a key art em resolução alta, com o elemento principal destacável do fundo, e compor cada capsule a partir dela em vez de esticar uma imagem só.

E uma observação honesta antes de seguir: capa não vende jogo ruim. O que ela faz é ganhar o clique. A conversão depois disso é trabalho da página, das screenshots e do trailer. Mas sem o clique nada disso entra em campo.

Legibilidade em miniatura: o teste que decide tudo

Aqui mora o erro número um de capa indie: ela é desenhada em tela cheia, aprovada em tela cheia e celebrada em tela cheia. Só que o jogador nunca vê sua capa em tela cheia. Ele vê uma miniatura espremida entre outras vinte, numa lista que ele percorre em segundos.

O teste é simples e impiedoso. Reduza sua capa pra algo em torno de 120 pixels de largura e responda três perguntas olhando só pra ela:

  1. Dá pra ler o nome do jogo?
  2. Dá pra entender o que tem na imagem?
  3. Ela se distingue das capas ao lado, ou vira mancha?

Se qualquer resposta for não, a capa falhou no único contexto que importa. Faça esse teste no estágio de rascunho e repita a cada iteração. Corrigir composição em thumbnail custa minutos; descobrir o problema depois da arte final custa a arte final.

O nome do jogo costuma ser a primeira vítima da miniatura. Algumas regras que vêm da prática:

  • Peso acima de ornamento. Fonte fina, condensada ou cheia de serifa decorativa derrete em tamanho pequeno. Letra com peso e formas abertas sobrevive.
  • Logo grande sem vergonha. Em muitas capsules boas o nome ocupa um terço da área ou mais. Parece exagero no arquivo aberto, parece certo na lista da loja.
  • Contorno ou brilho separando do fundo. Um stroke sutil, uma sombra ou um glow garantem que o texto não se misture com a arte atrás quando tudo comprimir.
  • Menos palavras. Subtítulo longo, tagline, "Deluxe Definitive Edition": tudo isso vira ruído ilegível em 120 pixels. Se não cabe limpo, corta.

Detalhe é inimigo

Ilustração rica em detalhe é linda em wallpaper e suicida em capsule. Quando a imagem reduz, detalhes pequenos se fundem em textura e a leitura desaparece. Pense menos em pintura e mais em pôster de cinema antigo: um elemento dominante, hierarquia óbvia, espaço respirando em volta.

Foco: um elemento, uma promessa

Capa boa responde uma pergunta em meio segundo: que tipo de experiência é essa? E ela responde com um único ponto focal, não com um resumo ilustrado do jogo inteiro.

A tentação de mostrar tudo é real: o protagonista, o vilão, os quatro companheiros, o dragão, a cidade ao fundo. O resultado é uma capa onde nada é protagonista, e capa sem protagonista não gera clique.

O exercício que eu recomendo: escreva em uma frase qual é a fantasia central do seu jogo. "Você é um caçador solitário em um mundo congelado." "Você gerencia uma taverna caótica." "Você é um polvo fingindo ser humano." A capa ilustra essa frase e mais nada. Personagem principal em pose que comunica a fantasia, olhando pro jogador ou pra ação, com o cenário servindo de moldura e não de censo demográfico do mundo.

Funciona também olhar os jogos de referência do seu gênero na própria Steam. Abra a busca do gênero, reduza o zoom do navegador e observe quais capas seus olhos encontram primeiro. Quase sempre são as de um elemento só, com rosto ou silhueta forte: figura humana (ou criatura carismática) atrai o olho antes de qualquer paisagem.

Próximo nível
Quer aprender isso na prática?

No CursoGame.Dev você sai dos tutoriais soltos e constrói jogos publicáveis, com trilha progressiva, quests práticas e feedback real.

Conhecer a plataforma
+500 alunos4.9/5Garantia 7 dias

Contraste e cor: como se destacar na lista

Sua capa nunca aparece sozinha. Ela aparece numa grade ao lado de dezenas de concorrentes, sobre o fundo escuro da Steam. Isso muda o jogo: a pergunta não é "essa capa é bonita?", é "essa capa salta dessa grade?".

Três alavancas de contraste:

Valor antes de cor. Converta sua capa pra preto e branco. Se o personagem some no fundo, nenhum ajuste de cor salva. A separação entre claro e escuro é o que constrói leitura em miniatura. Figura clara sobre fundo escuro, ou o inverso, com o ponto de maior contraste exatamente onde você quer o olho do jogador.

Uma cor dominante, uma de acento. Capas memoráveis costumam ter identidade cromática resumível em uma palavra: a capa laranja, a capa roxa, a capa vermelha e preta. Paleta com seis cores brigando vira mingau na redução. Escolha uma família dominante e um acento complementar pro ponto focal.

Contexto da vizinhança. Como a interface da Steam é escura, capas escuras demais se dissolvem na página. E se o seu gênero está saturado de capas azuis e escuras (comum em sci-fi e horror), uma capa quente ou clara ganha destaque de graça. Vale tirar print de uma busca do gênero, colar sua capa no meio das outras e avaliar se ela aparece.

O ícone: a capa que mora no dispositivo do jogador

O ícone tem um trabalho diferente da capsule. A capsule conquista quem ainda não comprou; o ícone serve quem já tem o jogo, na biblioteca, na área de trabalho, na tela do celular. E ele é ainda menor: precisa funcionar em 32 pixels.

As regras de miniatura valem em dose dupla, mais algumas próprias:

  • Um símbolo, não uma cena. Ícone bom é uma marca: o rosto do personagem, o emblema do jogo, um objeto icônico. Reduzir a key art inteira pra 32 pixels gera uma mancha irreconhecível.
  • Sem texto. Nome do jogo em ícone é ilegível em qualquer plataforma. A exceção é quando o logo é uma letra ou monograma forte, que aí funciona como símbolo.
  • Silhueta fechada e fundo simples. O ícone precisa ler em fundo claro e escuro, porque você não controla o tema do sistema do jogador.
  • Coerência com a capsule. Mesmo personagem, mesma paleta. O jogador que viu sua capa na loja deve reconhecer o ícone na biblioteca sem esforço.

Se você também publica em mobile, as lojas pedem ícone em 1024x1024 (App Store) e 512x512 (Google Play). Desenhe o símbolo pensando no menor tamanho e ele escala pra cima de graça; o contrário nunca é verdade.

Regras da Steam que você precisa respeitar

Desde 2024 a Steam aperta as regras de conteúdo das capsules. Em resumo: a arte deve conter só a arte do jogo e o nome dele. Nota de review, prêmio, selo de "novo update", texto de desconto e enxerto promocional em geral são proibidos na imagem. A lógica é boa pra todo mundo: a loja fica comparável e a sua capa compete pelo que importa, a arte.

Duas oportunidades que muita gente ignora:

Capsules localizadas. A Steam permite subir versões da capsule por idioma. Se o seu logo tem texto e o jogo tem tradução, uma capsule com o título em português pro público brasileiro (e o equivalente pros outros mercados) é vantagem direta sobre concorrente que só tem a versão em inglês.

Atualizar a capa não é tabu. Estúdios grandes testam e trocam capas com frequência, e você pode fazer o mesmo: se o tráfego da página está baixo ou a taxa de clique em festival decepcionou, redesenhar a capsule é das intervenções de marketing mais baratas que existem. Você já pagou os USD 100 do Steam Direct; trocar a arte da página não custa nada além do trabalho.

Processo prático: do rascunho ao teste

O fluxo que eu sugiro pra quem vai encarar a própria capa:

  1. Escreva a fantasia central em uma frase. Ela é o briefing da capa.
  2. Colete 10 a 15 capsules do seu gênero que funcionam em miniatura. Analise o que elas têm em comum: enquadramento, paleta, tamanho do logo.
  3. Faça 3 a 5 thumbnails de composição, pequenos e toscos de propósito, só valor e silhueta. Escolha em tamanho miniatura, nunca ampliado.
  4. Desenvolva a arte em alta resolução com elementos em camadas separadas, pra recompor nas quatro proporções de capsule sem esticar nada.
  5. Teste no contexto real: cole a capa num print da busca da Steam, reduza, mostre pra gente que não conhece o jogo e pergunte só uma coisa: "que tipo de jogo é esse?". Se as respostas baterem com o seu jogo, a capa está pronta.

Se for contratar artista, esse processo continua sendo seu: briefing com a fantasia central, referências e a exigência do teste em miniatura separam uma encomenda certeira de um retrabalho caro.

Fechando

Capsule art e ícone são design de comunicação, não ilustração decorativa. Os três critérios que decidem o clique cabem numa linha: legível em miniatura, um foco só, contraste que salta da grade. Tudo o mais (estilo, técnica, render bonito) só importa depois que esses três passam no teste dos 120 pixels.

E como a capa é a peça de marketing mais barata de trocar, trate ela como hipótese, não como veredito. Lança, mede, redesenha se precisar. Jogo bom com capa ruim perde pra jogo mediano com capa certa todos os dias na lista da Steam, e essa é uma derrota que está totalmente nas suas mãos evitar.