[TUTORIAL]Fazendo Bons Sprites no Microsoft PowerPoint – Parte 1

Olá pessoal!

Bem, eu vejo que na maioria dos jogos daqui da GMBR, o quesito gráfico fica um pouco a desejar, principalmente em jogos feitos por usuários menos experientes. Tá certo que todos devem começar com algo básico, mas até pessoas com mais experiência no Game Maker fazem jogos utilizando o pixel art, por exemplo. Eu não tenho nada contra o pixel art, pelo contário, acho que dependendo do jogo ele pode cair muito bem, se for bem feito. O problema é que há pessoas que não se importam em fazer uma coisa mais caprichada, mesmo em pixel art, deixando o jogo ruim visualmente.
E é por isso que hoje eu venho trazer a vocês um tutorial sobre como fazer bons sprites, no Microsoft Office PowerPoint 2007.

OBS: Para que o tutorial não fique muito carregado de imagens, algumas foram colocadas como link.

Descrição: Aprenda a fazer sprites bonitos no Microsoft Office PowerPoint 2007.
Nível: Fácil (eu acho...)
Do que você precisa:
- Microsoft Office PowerPoint 2007
- Algum editor de imagens (PhotoShop, Gimp, etc)
- Criatividade

-----Iniciando-----
Antes de tudo abra o PowerPoint. Ao abrir isso será mostrado:
http://c.imagehost.org/view/0031/print001
Delete esses campos de texto e vá na aba Design. Clique no primeiro item, Configurar Página, e surgirá essa janela:

A parte marcada em vermelho é o tamanho da área de desenho. Note que os valores que aparecem na imagem acima (2,54 de largura e 2,54 de altura) foram colocados por mim (o padrão inicial é 25,4 de largura e 19,05 de altura), para que a edição das sprites fique mais fácil com um campo menor.

-----Começando a desenhar-----
Depois de deixar a área de desenho menor, vamos começar a desenhar. Na aba Início existe uma caixa onde se encontram várias formas de desenho (retângulo, triângulo, círculo). Vamos começar com o círculo. Clique e arraste para formar o desenho. Ele ficará assim:

Se você quiser redimensioná-lo vá na aba Ferramentas e mude o tamanho nas caixinhas à direita da tela:
http://c.imagehost.org/view/0232/print005
Eu deixei o meu círculo com 1cmX1cm (eu recomendo que sempre trabalhem com esse valor ou com 0,5; 2 ; 4 ; etc; pois quando forem passadas para um editor de imagens, as imagens de 1cmX1cm ficarão com o tamanho de 64pixelsX64pixels(pode ser que varie um puquinho dependendo do programa, mas se quiser basta redimensionar para um tamanho próximo no próprio editor que você estiver usando)).

-----Cores e sombreamento-----
Agora vamos colorir o nosso círculo. Clique no item Preenchimento da Forma e selecione a cor que você quer (as outras opções de preenchimento serão abordadas no próximo tutorial):
http://a.imagehost.org/view/0008/print006
Você também pode modificar o contorno da forma, ajustando a expessura, o tipo de contorno e a cor:


http://a.imagehost.org/view/0463/print009
Depois de colorir a sua forma vamos fazer o sombreamento da mesma. Clique com o botão direito sobre a forma e escolha a opção Formatar Forma:

A seguinte janela se abrirá:

Nessa janela estão várias opções de customização de formas. Para o sombreamento vá na aba Sombra:
http://a.imagehost.org/view/0336/print012
Clique no item Predefinições e escolha um tipo de sombreamento (para treinar escolha o mesmo que está apontado pela seta do mouse na imagem abaixo):

Então aparecerão os valores padrões e a forma vai ficar com efeito de sombreamento:
http://a.imagehost.org/view/0084/print014
Cor – é a cor da sombra (recomendo que sempre deixe preto)
Transparência – é a tranparência da sombra ( sério?), a intensidade; quanto maior a transparência mais clara a sombra ficará, quanto menor a transparência mais escura será a sombra.
Tamanho – esse valor só aparece quando você usa sombras externas; ele representa o tamanho da sombra (não me diga...).
Esfumado – é como se fosse um efeito blur para a sombra; eu recomendo que não exagere nesse valor para sprites, pois se não a sombra pode não aparecer muito e pode ocupar toda a forma.
Ângulo – é a direção em que a sombra se encontra em relação a forma; modifique esse valor de acordo com a sua necessidade.
Distância – esse valor define a distância da origem da sombra até o valor determinado nessa opção de acordo com o ângulo.

Se você não entendeu essa descrição sobre esses valores, altere-os e faça testes pra que você entenda o que eles alteram.
O sombreamento da imagem acima está muito forte, para o meu estlio de desenho, então vou alterá-lo para que a sombra fique mais “lite”. Altere os valores e veja o que acontece até que você obtenha o resultado desejado. Eu deixei os valores assim:
http://a.imagehost.org/view/0609/print015
Note que a sombra ficou mais clara, com um ar mais calmo (eu gosto desse estilo de sombreamento). Uma boa dica para obter um resultado satisfatório, é experimentar todas as opções de sombreamento e de cores disponíveis, alterando os valores e configurações disponíveis.
Depois que você terminar o seu desenho, selecione tudo (Ctrl+T), copie, e cole em um editor de imagens como o PhotoShop ou o Gimp, por exemplo. Pronto você acabou de fazer um bom sprite!

Bem pessoal, chegamos ao fim desse tutorial. Mas essa foi apenas a 1ª parte. No próximo tutorial sobre sprites no PowerPoint, eu falarei sobre como usar preenchimento com texturas e gradientes.

É só isso pessoal... até a próxima! Espero ter ajudado!
E comentem, não me deixem no vácuo!

Gostei do tutorial, bem simples!
Olha o meu resultado:




Usem ctrl+T para selecionar tudo e colar no editor de imagens de vocês!

Muito bom!

Obrigado!
O seu personagem ficou bem legal, bem criativo!
Ah, obrigado por falar do Ctrl+T para selecionar, tinha esquecido disso, vou colocar isso no primeiro post.
Espero que meu tutorial ajude a muitos!
Flws!

O tutorial esta bom. O PP é uma boa alternativa para quem nao tem outros programas.
Só uma sugestao:
Se for possivel, tire algumas imagens, nem que voce ponha os links para elas, é porque demora um pouco para carregar.... Tem muita imagem, poe links para algumas...

FLW

Obrigado pela sugestão dos links das imagens.
Já modifiquei o primeiro post.
Flws!