Facehabbok: Pixel Art (Como fazer uma animação com efeitos )

Olá pessoal! Vocês irão aprender a como criar uma animação, mais conhecida como gif. Irei repassar a vocês ouvintes, tudo o que aprendi desde um simples efeito, até os movimentos de um avatar. Siga os seguintes passos:

Programas utilizados:

Microsoft Paint
Photoscape
Photofiltre

Instruções

- Pegue seu avatar no Habbo imager clicando aqui. Usarei o avatar abaixo para fazer o tutorial:

- Depois de salvar a imagem no seu computador, abra o arquivo no paint. Não esqueça de fazer os seguintes passos em apenas um arquivo para você não se confudir fazendo as frames.
- Iremos começar a fazer os efeitos. Selecione a ferramenta lápis e desenhe ao redor do seu avatar como a figura abaixo. Recomendo a usarem cores fortes.

- Depois de fazer todo contorno, você irá tirar todo excesso e a cabeça do boneco, de preferência, copie e cole. Após tirar o excesso e separar a cabeça, você irá passar as linhas para preto.
- Para mudar as cores, abra o software Photofiltre. Abra o contorno vermelho no Photofiltre, depois, vá em Adjust > Duotone e configure de acordo com a imagem a seguir:

- Salve o arquivo e abra o mesmo no paint;
- Agora, iremos colorir o seu avatar. Primeiro, pegue/separe as cores do seu habbo e faça uma palheta (Espécie de quadro das cores da imagem) para auxiliar na recoloração do mesmo.

- Após separar as devidas cores, só falta colorir. Comece a colorir a imagem pelas cores mais claras e depois de colorir todas as partes em branco, aplique as sombras (Clique aqui para aprender a fazer).

- Agora o básico está montado. Vamos agora fazer o mais impressionante, o efeito! Irei ensinar dois tipos de efeitos, um efeito do 0 e o outro com a ajuda de sprits. Para quem não sabe, scripters são efeitos que são usados em jogos no qual hoje não está sendo mais raro como antes, ou seja, podemos notar que vários trabalhos estão sendo feitos com essa categoria.
- Para fazer o efeito com sprits, você deve ter a imagem do efeito (Recomendo procurar no Google por efeito Dragon Ball z).

- Após fazer começar a montar as imagens, você deve posicionar o efeito e o avatar nos lugares certos, ilustrando movimento de lançamento e quem deve fazer os movimentos no boneco é você de acordo com a sua criatividade. Lembrando, a criatividade do pixel-artista conta nesse momento e faça esses devidos efeitos no software Photoscape. Exemplo:

- Agora, iremos aprender um pouco de como fazer o efeito do zero. O trabalho a ser feito será uma esfera d'agua. Primeiramente, crie uma esfera com o contorno preto, se quiser, primeiro faça o contorno de vermelho. Logo em seguida, separe as cores que pareça com água e transforme em uma palheta;

- Após selecionar as cores, vamos começar a pintar a esfera. Pinte primeiramente as bordas com as cores mais escuras. Continue os passos da lateral para a base. Confira abaixo:

- Continue fazendo isso com todas as cores. Após fazer os passos, passe as linhas pretas da esfera para uma cor mais escura que tenha dentro da esfera. Sua esfera ficará da seguinte forma:

- Você deve ir separando em diversos trabalhos com a pintura de cada parte e a imagem ficará assim:

- Agora que já temos a esfera, só nos resta fazer a mesma ter a ilustração parecida com a de água, para isto, devemos fazer nos mínimos detalhes para no final dar tudo certo! Primeiro, apague toda esfera apenas deixando uma pequena parte da cor mais forte. Após apagar e deixar apenas uma beiradinha, faça a mesma ação deixando uma parte maior. Faça isso até a esfera se completar;

- Após completar a esfera, iremos fazer um efeito cujo mesmo da uma impressão que está dando voltas. Pegue a cor mais escura e coloque na mais clara, assim, faça o inverso até chegar ao topo. Chegará uma hora em que a cor mais escura do azul irá predominar e o que você deve fazer é fazer o inverso. Pegar a cor mais clara e colocar em baixo da escura de acordo que fique a cor clara predominando. É meio confuso mas com a imagem abaixo você irá entender. Acompanhe:

- Agora iremos aprender a fazer o efeito jato. Para começar a fazer, temos que ter três pixels com espaço de um pixel a cada e um pixel a cada espaço da esfera. Logo em seguida, você deve preencher os espaços entre os pixels com a segunda cor mais forte na esfera e de acordo com os passos, iremos fazer três pixels com a terceira em cima da segunda cor mais forte, e depois com novamente três pixels de espaço de um pixel (Que complicado). Após fazer toda essa sequência, você irá fazer uma espécie de abertura da esfera, com mais ou menos dois pixels, e depois fazer uma abertura deixando um pixel da linha que está contornando a esfera. Avance as cores até chegar ao determinado ponto;

- Agora com todas imagens feitas, abra o paint e vá fazendo todas imagens em frames. Lembre-se, salve todas imagens no formato PNG.
- Abra o programa PhotoScape e vá na opção "Animação GIF". Após abrir a seção citada, procure na tabela a esquerda, abra a pasta aonde você salvou as imagens/frames e arraste cada frame ao retângulo do lado direito. Depois de ter arrastado todos arquivos que pertencem ao futuro gif, vá em alterar tempo e altere o mesmo para 0.10. Acompanhe a imagem abaixo:

Exemplos de gifs com sprits:

Exemplos de gifs criados do zero:

Exemplos de gifs apenas com movimentos, sem efeitos:

Bônus:

- Para você criar roupas, capacetes e vários outros utensílios, basta criá-los com contorno vermelho e depois passar para preto. Logo em seguida, colorindo da forma em que você quiser.
- Primeiramente, as cores claras e depois faça as sombras. Veja o exemplo: