[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2

por **Tiger** Dom 27 Mar 2011, 13:11

Progama
Photoshop CS5
Nivel
Básico
Autor
Anderson (Tiger)

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialcomA

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 Tigereu

Ola pessoal hoje estou postando a 2° Parte do Tutorial criando sprite no PS!! Sera bem curto então preste bem atenção.

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 Parte1

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 Parte1

Bom na aula anterior vocês aprenderam os primeiros movimentos básicos de uma sprite parado, hoje estarei explicando detalhadamente as sequencias que devem seguir quando se cria uma sprite andando como você vem na imagem acima.

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 1passo

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 1passo

Se você já leu a 1° parte entendeu, então essa parte não vai ter dificuldade, veja a imagem anterior e se repararem coloquei alguns números + e - em vermelhos destacados, essas são as sequencias de frames, para fazer um determinado movimento sempre tem que seguir essa regra, e sempre prestar atenção na layer que for puxar para alguma direção, no caso vamos começar pelo movimento super básico, vocês conhecem o Rayman e o Pac-Gundam (Meu jogo)? , então no caso deles, eles não tem perna nem braço, mas sim pés e mãos que ficam flutuando.

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 Cdn.ecetia.com.files.2010.12.rayman

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 GundamT

Para fazer esse movimento , temos que seguir de acordo com as sequencias

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 Sequencia1

Selecione as layers pé, e depois eleve uma layer pé para cima e a outra para trás, vai fazendo essa sequencia e depois volte, no final saira o resultado como a imagem abaixo!!

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite2G

Da mesma maneira que um personagem subindo, a sequência dela pode ser usada para fazer ele sumindo por exemplo numa escada.

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 Sequencia2

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite3G

Feito isso, agora você já começa a pegar o jeito e saber como fazer as sequencias, os exeplos abaixos são as variedades de sequencias que você pode fazer mas sempre prestando atenção no deslocamento de uma layer do corpo.

Pegando item ou sinal de vitória

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite9G

Machucando (nível avançado)*

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite8G

Fraco (nível avançado)*

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite12G

Andando fraco (nível avançado)*

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite13G

Pulando simples

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite4G

Caindo simples

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite5G

Agachado simples

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite6G

Atacando andando (nível avançado)*

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite7G

Atacando parado (nível avançado)*

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite10G

Chute aéreo (nível avançado)*s

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite14G

Morrendo (nível avançado)*

[Tiger-Tutorial] Aprendendo a fazer sprite no PS - Parte 2 TutorialSprite11G

Agora é praticar !!

Exercício

Faça uma sprite andando do jeito como você quiser mas desde que siga o tutorial de cima, e me mande MP, para eu colocar na exposição do tópico.

Alguém: -Mas o que eu ganho com isso?
Tiger: -Você ganha experiência xD!!

Bom finalizamos o tutorial criando sprite no PS nível básico, as sprites de cima que tiverem o * eu explicarei na próxima aula, que sera o nível avançado!! Se gostaram comentem!!
Caso divulgue esse tutorial coloque os devidos créditos para Anderson(Tiger)
As sprites foram 100% feitas por mim caso utilize em algum jogo coloque os devidos créditos!

por **Dancity** Qua 13 Abr 2011, 16:02

Muito bom esse Tutorial. Você organizou bem e explicou certinho.
Mas, eu prefiro usar imagens separadas em .png e juntar no GM pq aí não perde tanto a qualidade da imagem quanto num .gif