Criação de Arte para Games e Apps

Quando desenhamos à Lápis, a imagem precisa ser preparada para Arte-Final no computador.
Nessa aula mostro como corrigir e ajustar os sketches feitos tradicionalmente.

Usando a ferramenta de pintura e desenho digital vamos fazer a Arte-Final do desenho, criando as linhas (contornos) do sprite. Essa etapa servirá como base para outras partes do Curso.

Flatting é definir áreas chapadas de Cor que servirão como base para a pintura/colorização e também Máscaras de Seleção. Nessa aula demonstro algumas dicas para facilitar esse processo.

Uma explicação sobre a idéia de Temperatura de Cor; cores quentes e cores frias.
Aplicaremos a teoria nas cores definidas no passo anterior.

Para continuar a correção das cores no sprite, demonstro outra teoria muito importante: Harmonia de Cores. Essa aula serve de base para o próximo passo.

Nessa aula usamos os conceitos sobre cores vistos até o momento para harmonizar as cores no sprite.

Aqui duas propriedades da cor são apresentadas: Valor e Saturação.
Usaremos esses conceitos para um último ajuste nas cores do sprite.

Para finalizar a etapa de Colorização, ajustamos todas as cores usando as idéias de Valor e Saturação.

Nessa aula veremos como aplicar um dos modos mais simples de 'sombrear' um sprite: a iluminação frontal.

Mais exemplos práticos de como utilizar a iluminação frontal para fazer o shading do sprite.

Aqui demonstro um outro esquema de iluminação muito utilizado: a iluminação em ângulo.

Uma aula muito importante.
Veremos como alterar, também, as matizes durante o shading pode acrescentar 'vida' às cores.

Um exemplo de iluminação para situações mais realistas.
Nessa aula demonstro como inserir um objeto em um ambiente utilizando as cores corretas.

Agora aplicamos todos os conceitos de shading (luz e sombra) no sprite.
No passo-a-passo mostro como criar volume no sprite mantendo o visual Vetorizado/Cell-Shaded, bastante utilizado em jogos 2D atuais.

Continuamos da aula anterior, detalhando as áreas de luz e reflexo no sprite.
Essa aula finaliza a etapa de criação do sprite no estilo Vetor/Cell-Shaded.

Essa aula inicia a etapa onde criaremos o sprite em versão HD/Pintura. Um estilo que pode ser utilizado para a criação de sprites maisdetalhados ou até mesmo de Ilustrações Digitais.

Para começar, demonstro como resolver um dos principais dilemas de quem começa a pintar no computador: como remover as linhas do desenho.

Demonstração da técnica mais utilizada nesse estilo de pintura: o blending (mistura/transição) de cores.

Agora, aplicamos a técnica de blending em um sprite-exemplo, antes de usá-la na pintura final.

A partir dessa aula veremos como pintar o sprite na versão HD. Começaremos criando Máscaras de Seleção com as cores base do sprite

Continuamos da aula anterior, adicionando volume às formas aplicando luz, sombra e mistura de cores com a técnica de blending.

Para finalizar o sprite em HD trabalhamos um pouco mais na imagem, corrigindo bordas, acrescentando detalhes e reflexos da luz.

O estilo Pixel-Art não poderia deixar de estar presente!
Nessa etapa começo uma introdução completa do assunto: o primeiro passo é configurar o Editor de Imagens para essa técnica.

Mais algumas modificações feitas no Editor e suas ferramentas para trabalhar com o estilo Pixel-Art.
Também comento algumas 'boas-práticas' para quando se trabalha com pixels.

Nessa aula, começamos a criar o sprite pelas linhas e contornos do desenho.

Para consertar as linhas feitas anteriormente, mostro algumas idéias/técnicas características para desenho com linhas no Pixel-Art.

Uma característica da técnica de Pixel-Art é a utilização de uma paleta limitada de cores.
Nessa aula, demonstro como importar paletas de cores usadas pelos consoles de 8/16-bit e aplicá-las ao sprite.

Para detalhar ainda mais as cores do sprite em Pixel-Art vamos aplicar, usando as devidas características do estilo, as técnicas de shading vistas anteriormente.

Nessa aula concluímos a versão em Pixel-Art de 72 pixels.

No conteúdo Bônus dessa etapa, demonstro um time-lapse gravado com a criação de um sprite em uma versão pequena, similar aos sprites da geração 8-bit.

Iniciando a etapa de Animação do sprite, vamos 'recortar' o personagem em diferentes partes que serão animadas.

Essa parte do curso também é uma introdução-prática da ferramenta Spine - um sistema de animação 2D baseado na manipulação de esqueletos (bones).

Começamos a entender a sequência-de-trabalho na Spine importando as peças do sprite e criando a hierarquia de ossos (bones) que vai controlá-las.

Para fazer com que as peças respondam ao movimento dos ossos precisamos fazer o 'skinning' entre as partes.

A aula demonstra como realizar esse processo e, também, como trabalhar com múltiplas imagens associadas à um controlador.

Vamos entender como trabalhar com a interface de animação da Spine: manipular quadros na Timeline e definir chaves de posição.

Um passo-a-passo sobre o processo de animação na Spine.

Nessa aula começamos a 'blocagem' (rascunho) do loop de animação definindo as poses-chave do movimento.

Aprimoramos a animação iniciada na aula anterior criando os quadros intermediários (in-betweens).

Para completar a animação do sprite vamos colocar detalhes no movimento através de animações secundárias. Isso será feito com uma função muito importante na Spine:os slots de imagens.

Essa aula conclui a animação do personagem. O sprite, a partir desse ponto, pode ser exportado para a Engine de jogo ou Vídeo de Animação.