Pular para o conteúdo
Jogos Digitais
Nesta página
  1. Objetivos de aprendizagem
  2. Pré-requisitos
  3. Materiais
  4. Conceitos
  5. Exemplos
  6. Tutorial passo a passo
  7. Imagens
  8. Indicação da interface
  9. O código completo
  10. Explicação do código
  11. Resultado esperado
  12. Problemas comuns
  13. Exercício guiado
  14. Desafio individual
  15. Desafio avançado (opcional)
  16. Critérios de avaliação
  17. Checklist de conclusão
  18. Extensão

Módulo 5 · Aula 5.8 · Krita: cenário de fundo em camadas (opcional)

Carga horáriaDificuldadeFerramentaCompetências
4 h/a⭐⭐Krita (krita.org)C3, C4

Objetivos de aprendizagem

  1. Conhecer um programa de pintura digital gratuito.
  2. Pintar um fundo de 800 × 600 separando céu, serra distante e serra próxima em camadas.
  3. Exportar em PNG e usar como fundo da Trilha.

Pré-requisitos

Aulas 5.1 e 5.2. Krita instalado pelo professor ou pela escola (instalador da página oficial, ver FERRAMENTAS.md).

Materiais

Computador com Krita; mesa digitalizadora ajuda mas não é necessária; ceu.png da Trilha como referência.

Conceitos

Pintura digital × pixel art. No Krita se pinta com pincéis, com bordas suaves e milhares de cores. Serve bem para fundos grandes, capas e arte de divulgação. Personagem e blocos continuam em pixel art.

Camadas. Como as camadas do GDevelop (Aula 4.2), mas dentro de uma imagem: céu numa, serra distante noutra, serra próxima noutra. Errou a serra? Apaga só aquela camada.

Perspectiva atmosférica. O que está longe fica mais claro e mais azulado; o que está perto, mais escuro e com mais contraste. O ceu.png da Trilha usa isso com duas serras.

Tamanho do fundo. A Trilha usa um fundo de 800 × 600 parado na camada Ceu. Um fundo novo precisa ter esse tamanho e o mesmo nome (ceu.png) para entrar sem mexer em eventos.

Exemplos

ceu.png da Trilha (na pasta imagens/ do projeto): céu em degradê, sol, serra distante verde-acinzentada, serra próxima verde mais escura.

Tutorial passo a passo

As opções abaixo estão descritas pelo que fazem, porque os nomes dos menus do Krita não foram conferidos para esta versão do curso. O professor deve abrir o Krita antes da aula e anotar no quadro onde fica cada uma.

  1. Crie um documento novo de 800 × 600 pixels.
  2. Na primeira camada, pinte o céu com degradê (mais claro perto do horizonte).
  3. Crie uma camada nova para a serra distante: forma de montanhas com cor clara e azulada.
  4. Outra camada para a serra próxima: mais escura, mais detalhes (umas árvores, um mandacaru).
  5. Salve no formato do Krita (.kra), que guarda as camadas.
  6. Exporte como PNG com o nome ceu.png, 800 × 600.
  7. Substitua o ceu.png na cópia da Trilha e abra no GDevelop.

Imagens

Não há capturas do Krita nesta versão do curso.

Indicação da interface

O que procurarDica
documento novo com largura e alturamenu de arquivo, opção de novo documento
painel de camadasnormalmente à direita; botão de adicionar camada
exportar PNGmenu de arquivo, opção de exportar (diferente de "salvar", que gera .kra)

O código completo

Nenhum código.

Explicação do código

Igual à Aula 5.4: o jogo pede "a imagem ceu.png"; trocar o arquivo troca o visual.

Resultado esperado

Trilha rodando com um fundo pintado pelo aluno, em 800 × 600, com pelo menos três camadas no .kra.

Problemas comuns

SintomaCausaSolução
O fundo aparece cortado ou esticadotamanho diferente de 800 × 600criar o documento com o tamanho certo
Só achei o arquivo .krasalvou em vez de exportarexportar como PNG
Computador travapincel muito grande ou documento enormepincel menor; não aumentar o documento
O fundo chama mais atenção que o jogadorcontraste e cores fortes demaisclarear e diminuir a saturação do fundo

Exercício guiado

Por que o fundo deve ter menos contraste que o personagem? (Resposta: o olho vai primeiro para o que tem mais contraste; o jogador precisa ver o personagem e os perigos antes do cenário.)

Desafio individual

Pinte uma versão "fim de tarde" do mesmo fundo, mudando só as cores das camadas.

Desafio avançado (opcional)

Separe as camadas em PNGs diferentes e faça o efeito de profundidade do desafio da Aula 4.2 (serra distante andando mais devagar que a próxima).

Critérios de avaliação

  • Três camadas com perspectiva atmosférica.
  • Fundo no tamanho certo funcionando no jogo.

Checklist de conclusão

Extensão

Arte/Geografia: compare uma foto da Serra de Uruburetama ou da serra mais próxima da sua cidade, tirada de longe, com o seu fundo. As cores da distância batem?