Pixel art Intermediário

-Introdução
-Faces
-Icons
-Auto-tiles
-Dicas do Thiago
-Créditos




Bom pessoal depois de “Pixel art para iniciantes” trago a vocês “Pixel art Intermediário”, são para aqueles que não são “soda” nem ruim, são meio termo, vou ensinar aqui para vocês a fazer faces, icons, e autotiles, então Vamos logo que o tempo voa.



Aqui vou dar-lhes um template que eu fiz com base no do “Face Maker 2”. Sempre tenha uma paleta de cores do lado, você vai precisar dela.


Primeiro faça a boca, como você quiser.


Depois um nariz. Sugiro que faça tudo bem simples até você começar a pegar a pratica


Agora faça, a parte de cima do olho, tipo uma boca feliz de cabeça para baixo. :-P


E depois a parte de baixo. Faça do tamanho que você quiser, sugiro que faça como eu e depois tente sozinho.


Pinte de branco, mas mantendo um formato de olho.


Faça a pupila do olho, do tamanho que desejar, mas que faça sentido, não vai fazer uma pupila minúscula num olho enorme. xD


Faça uma pequena bolinha preta indicando para onde ele esta olhando.


Pinte o olho da cor desejada


Faça como se fosse uma bolinha branca no lado contrario ao que ele esta olhando (isto é uma iluminação no olho)


E se quiser faça em baixo também, que também fica legalzin. ^^


Faça o olho do outro lado repetindo os mesmos passos, lógico que o olho ficara pela metade por que o espaço é menor. ;-)


Faça o formato do cabelo desejado.


Pinte-o de uma cor só (da cor que será o cabelo)


Faça com uma cor um pouco mais forte um sombreamento no canto, e se o cabelo for meio espetado faz a sombra meio espetada, siga sempre o formato do cabelo.


Faça ricos de dois pixels de grossura, para a iluminação do cabelo (Pessoal aviso: eu errei em uma parte mais concertei agora, abaixei mais os olhos e o nariz, se não, não haverá espaço para a sobrancelha). Faça a sobrancelha já.


Faça uma linha no lado esquerdo do rosto dele(seu lado esquerdo, lado direito dele) com a segunda cor da paleta que eu deixei junto no começo.(dois pixels de gossura)


Faça uma linha com a terceira cor


De uma pequena levantada no cor próxima ao nariz (Veja a imagem e entenderá).


Faça uma linha com dois pixels de grossura com quarta e ultima cor.


Na parte do queixo deixe a sombra maior (Veja a figura para entender).


Faça um risco em cima do nariz com a terceira cor.


Com a ultima cor una a sombra do nariz com a do rosto. Assim:


Faça um risco com a segunda cor em cima no cabelo (em toda a parte, as só em cima)


Agora contorne tudo com a terceira cor.


E com a ultima cor faça uma camada de duas linhas ou o que couber.


No pescoço faça como todo o resto, uma linha com a segunda, uma linha com a terceira e outra com a quarta, só na parte de baixo de deixe a quarta uma pouco maior


E fim, o dito cujo ta pronto, bem simples pro começo, mas é só para aprender depois solte o tigre que existe em você, ou sua imaginação, serve também.





Você poderá fazer seu ícone de vários formatos:


vou usar este porque acho que é mais fácil para explicar.
Tenha sempre ao lado uma paleta de cores para de auxiliar, dessa vez faça uma paleta de no mínimo 14 cores, e deixe no meio a cor que será a cor base, ou seja a cor do icon, a predominante.



Irei numerar as cores para facilitar o entendimento, quando eu falar cor 1 será açor que recebeu o numero um, ou sewja, a primeira cor.



Então vamos começar.
Pinte o lado direito e a parte de baixo do icon com a cor 1. Você poderá pintar em outros lugares também, mas faça como eu digo até entender.



Faça um risco com a cor 2, na parte sudoeste.



Faça outro rico, agora com a cor 3.



Agora com a cor 4



Repita isso até chegar na cor base, a minha eu escolhi a cor 8, então eu parei na cor 7



Pinte com sua cor base, e repita tudo de novo, só que agora na parte nordeste, e vindo de trás para frente, até chegar na cor base.(veja a imagem)



nas duas ultimas cores, da sombra e da iluminação faça mais um risco com a mesma cor que estiver por ultimo, para ficar com 2 pixels de grossura.(veja a figura para entender)



Ecolha uma cor entre 10 e 11 para pintar a parte de cima e a parte esquerda do icon(eu escolhi a cor 10).




A base do icon esta pronta agora ponha dentro o que você quer que o icon represente, como uma espada, uma machado, ou até algo escrito.



É isto pessoal espero que tenham gostado, até a próxima.






Sabe quando você está fazendo seu mapa e de repente, “Puxa podia ter uma estradinha de terra aqui” (É só um exemplo, porque o RMXP já oferece a estrada de terra), seus problemas acabaram, pois fazendo os auti-tiles você terá sua estrada de terra tão desejada x-)
Bom... Primeiro, os auto-tiles são divididos em 4 partes de 32 x 32 e uma de 96 x 96 Assim:



Vamos lá, no primeiro quadrado iremos fazer o que ficara a mostra no RM na criação de mapas.



Então vamos fazer um montinho de terra:
Obs: se você quiser fazer sua própria grama no fundo você pode fazer, mas ficara estranha na própria grama do RM ai você teria o trabalho de fazer outra auto-tile de grama, por isso deixei o fundo branco, assim usarei a própria grama de lá.



Pronto fácil não? Isso irá aparecer no RMXP na hora de criar mapas.


Agora o segundo quadrado, não sei bem explicar este, então aconselho que ponha ou nada como meu caso (faça isso so se for algo como o meu sem nada mesmo pra usar a grama do RTP) ou o chão no qual esta colocado o que você quer (ex uma estrada de terra ponha grama, num castelo ponha um chão, e etc e tal xP )

No terceiro você deve colocará o que deve acontecer quando eles de unirem, pelos quatro cantos, ou seja, as quinas.
Obs: não se esqueça de que o lado direito deve ficar na mesma reta que o do lado esquerdo para eles se unirem corretamente, o mesmo com o de cima e o de baixo.



Simples né?


E no ultimo você fará 9 quadrados desses se unirem.



Obs: Não se esqueça de deixar esses cantos assim e não assim para ficar certinho no RMXP, se não ficar tudo assim. (Estou falando do 4°quadrado)

Obs:² E também deixe esses meios assim e não assim .

Obs:³ Não esqueça também de apagar as linhas e a cada linha apagada você anda para a esquerda ou para cima depende da linha. Se estiver na vertical é para a esquerda que você vai com tudo que estiver a direita da linha, mesmo que a linha só esteja lá em cima. E se estiver na horizontal, você sobe tudo que estiver em baixo da linha.

Obs:4 na hora de fazer o 4° quadrado deixe tudo assim , para na hora de juntar tudo (o que eu disse na Obs³) dar certo.

Obs:5 As obs 3 e 4 serão usadas apenas se você tiver usando o template que eu dei lá no começo.

Terminado ^^

Agora admire o Ash andando na nossa terra.






-Quando estiver fazendo suas coisas no Paint, precione a tecla ctrl e clique na cor de sejada, isso ira abrir uma terceira cor,e para usa-la segura ctrl e clique normalmente.. isso ira ajudar muito no seu rendimento. ^^
-Com a borracha, você pode escolher apenas uma cor para apagar, escolha a cor a ser apagada com o botão esquerdo e apague com o direito, então somente a cor desejada será apagada.



-A mim por criar o tuto
-E ao Sethyh pela ajuda no aprendizado.


Aproveitem pois foi dificil fazer ^^
Qualquer problema no tutorial porfavor me avisem

Bom tutorial, mas o efeito final da face fica terrívelmente ruim e o tuotiral do autotile você não explicou como faz aquela terrinha, você chegou e disse "faça a terrinha", como se alguém que está lendo um tutorial de pixel art soubesse exatamente como se faz o que está nele.

Bem vou ver se melhoro a face!

Sobre os autotile, eu disse que ensinaria, sim como fazer o autotitle, a forma de faze-lo, que a terrinha era so um exemplo, por isso nao ensinei a faze-la, mas se faz falta farei ^^


Obrigado
°thiago°

Não estou utilizando o rpg maker, mais este tuturial me ajudou em uns racicionios aqui :P
(n me chamem de louco :P)