GMBR
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Entrar

Esqueci-me da senha

Últimos assuntos
» Procuro Programador de game maker
por Wou Sex 15 Mar 2024, 10:27

» Retorno da GMBR!!!
por vinians Qui 14 Mar 2024, 19:07

» Mod APK
por gamerainha Qua 13 Mar 2024, 06:30

» Mudar cor de apenas uma palavra
por lunalol Sex 01 Mar 2024, 13:42

» Aceito pedidos de sprites (Com exemplos meus)
por Sevilha Qua 28 Fev 2024, 12:17

» Inventário simples
por Isquilo_Roedor Qui 22 Fev 2024, 15:18

» Problemas na programaçnao de inimigo [jogo DOOM LIKE]
por Black Mirror Dom 11 Fev 2024, 13:34

» ANDROID MULTI TOUCH
por DiegoBr Dom 04 Fev 2024, 12:13

» Servidor de Discord do fórum?
por Lighter Sáb 27 Jan 2024, 17:18

» Save e Load Json
por Klinton Rodrigues Qui 25 Jan 2024, 11:12

» Colisão com mais de um objeto
por aminaro Seg 22 Jan 2024, 15:02

» Oi sou novo aqui
por Thiago Silveira Alexandre Sáb 20 Jan 2024, 20:55

» Como acessar conteudo comprado no marketplace
por macmilam Sex 19 Jan 2024, 07:42

» Devlogs em vídeos do Block Room
por Joton Seg 15 Jan 2024, 16:56

» Alguém aqui já ganha dinheiro com seus games?
por Joton Seg 15 Jan 2024, 16:49

» ACERVO GMBR MAGAZINE
por Joton Qui 11 Jan 2024, 19:21

» como aumentar o obj sem aumentar a colisão??
por GabrielXavier Qua 10 Jan 2024, 07:21

» Asteroid Core - Early Acesse Update [0.2.0.0]
por JOZ. Seg 08 Jan 2024, 14:39

» Versionamento de código com GitHub
por GabrielXavier Seg 08 Jan 2024, 07:32

» Rio Rise - novo launcher do Gta San Andreas SAMP Brasil
por kolesovsup Sex 29 Dez 2023, 07:16

» a funçao approach ainda existe?
por PEDRINDEV Ter 26 Dez 2023, 20:05

» Inimigo ataca até por trás! >:(
por saim Sex 22 Dez 2023, 08:55

» [RESOLVIDO]Spawn após morte
por Deception_1999 Dom 17 Dez 2023, 16:39

» Remunerado $$$ - Procuro programador para ajudar a "montar" um jogo
por theguitarmester Sáb 02 Dez 2023, 16:28

» Game maker nao abre
por Cerf Dom 26 Nov 2023, 12:01


Tutorial - Pixel Art I - Básico

5 participantes

Ir para baixo

Tutorial - Pixel Art I - Básico Empty Tutorial - Pixel Art I - Básico

Mensagem por Guardiani Qua 13 Ago 2008, 21:45

Olá pessoal!

Irei fazer alguns tutoriais sobre Pixel Art para melhorarmos a qualidade de nossos jogos 2D...

1-Introdução

Sei que não é só de Pixel Art que vivem os jogos, mas não é muito melhor ter um jogo feito inteira e exclusivamente por você ou por sua equipe?? Sem depender de imagens alheias e Google Images?? Então espero que estes tutos ajudem a deixar nossos jogos mais legais e criativos, mesmo porque, em contest's, boa parte da nota vem da criatividade e originalidade de imagens e sons.

2-Para começar...

2.1
Primeiramente vamos precisar de um programa desconhecido e difícil de encontrar: o Paint.
Conheçe?? Que bom! xDD

2.2
Recomendo também a criação de uma pasta apenas para esboços e imagens incompletas.

2.3
Se você nunca mecheu com o Paint, pode ler os tutoriais a seguir:

Aulas de Pixel Art - Anderson_H

3-O cubo


Vamos começar com um simples cubo...

Todos sabem o que é um cubo e talvez como desenhá-lo, mas como deixá-lo mais realista (assim como qualquer imagem digital) é o problema...

Crie antes uma imagens de 64x64 pixels..

Devemos primeiro desenhar um esboço do cubo, para isso usamos o comando de 'Linha" da barra de ferramentas:

a) com a tecla Shift precionada desenhamos um quadrado 25x25 pixels (para precisão basta olhar no canto direito inferior da tela);

b)ainda com o Shift precionado, desenhamos linhas diagonais de 7x7 pixels nos cantos superiores e inferior direito (todas as diagonais para cima e para a direita);

c)deve-se unir as diagonais desenhadas com uma linha horizontal em cima e uma vertical do lado direito, dando a forma do cubo.

Tutorial - Pixel Art I - Básico Cubo_e10

Agora devemos imaginar aonde a luz está em um possível ambiente 3D a volta do nosso cubo...no exemplo, imaginei a luz à esquerda e acima (mais acima que à esquerda).

Sabendo disso, imaginaremos que a face mais clara será a de cima, certo?? No exemplo, preencho esta face com um 'cinza claro 221' (R=G=B=221 >> Vermelho = Verde = Azul), porque essa cor? Não sei! xD

Depois preencho a face frontal com 'cinza médio 193' e a lateral com 'cinza 163'...

Note também que preenchi a aresta entre o cinza claro e o cinza escuro com o cinza médio, para não dar um grande 'contraste' e consequentemente aparescer os pixels. Também, por usar o fundo azul, coloquei nos cantos onde havia união de pixels diagonais uma 'cor média' entre o azul e o cinza.

Tutorial - Pixel Art I - Básico Cubo_f10

Muito bem! Agora podemos inventar mais figuras geométricas!

Como segundo exemplo, fiz um "L" cúbico.

a)Desenhe um quadrado 25x25 e as mesmas diagonais do cubo, com a diferença da diagonal da esquerda ter 14 pixels;

b)desenhe um quadrado 25x25, à direita do anterior, com sua aresta esquerda tendo como limites superior e inferior as pontas das diagonais de 7px;

c)desenhe as diagonais da direita deste segundo quadrado;

d)basta unir a diagonal de 14px à diagonal superior do segundo quadrado e esta à inferior para terminar o nosso "L".

Os preenchimentos laterais devem ser os mais escuros, sendo o da direita mais escuro que o da esquerda; o preenchimento superior deve ser o mais claro; os frontais terão uma cor 'média', também diferenciada.

Tutorial - Pixel Art I - Básico Cubo_210

No próximo exemplo, criei um meio-cubo em cima do "L", que vou deixar para que estudem....

Tutorial - Pixel Art I - Básico Cubo_310

Com o exemplo acima é possível também fazer sombras para dar ainda mais realidade à imagem...

Tutorial - Pixel Art I - Básico Cubo_410


Espero ter ajudado em algo!

Este foi apenas um primeiro tutorial, já neste deixei duas "deixas" para outros dois que estou bolando: Contraste e Cores Intermediárias, ambos intimamente ligados e muito úteis!

Qualquer dúvida ou correção (gramatical também é aceita) é só escrever aí em baixo:
Guardiani
Guardiani

Data de inscrição : 07/08/2008
Reputação : 1
Número de Mensagens : 31
Prêmios : Tutorial - Pixel Art I - Básico Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial - Pixel Art I - Básico Empty Re: Tutorial - Pixel Art I - Básico

Mensagem por GMBR Qui 14 Ago 2008, 13:41

Bom, muito bom... a galera tá precisando mesmo de uns tutoriais assim, bem explicados e que dão certo ;)
avatar
GMBR

Data de inscrição : 26/02/2008
Reputação : 6
Número de Mensagens : 352
Prêmios : Tutorial - Pixel Art I - Básico Empty

Medalhas x 0 Tutoriais x 1 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

https://gmbr.forumeiros.com

Ir para o topo Ir para baixo

Tutorial - Pixel Art I - Básico Empty Re: Tutorial - Pixel Art I - Básico

Mensagem por Janx Qui 14 Ago 2008, 14:19

nosssaaaa cara o resultado ficou mto bom!!!

gostei!
Janx
Janx

Data de inscrição : 24/05/2008
Reputação : 14
Número de Mensagens : 2417
Prêmios : Tutorial - Pixel Art I - Básico Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 2 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial - Pixel Art I - Básico Empty Re: Tutorial - Pixel Art I - Básico

Mensagem por kalegos Seg 02 Ago 2010, 08:58

parese q todo pixel art e de habbo
kalegos
kalegos

Data de inscrição : 30/07/2010
Reputação : 0
Número de Mensagens : 15
Prêmios : Tutorial - Pixel Art I - Básico Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial - Pixel Art I - Básico Empty Re: Tutorial - Pixel Art I - Básico

Mensagem por romulo_rla Ter 09 Nov 2010, 10:25

Muito bom! Parabéns! Very Happy

O resultado ficou muito bom mesmo!

O meu fico bem legal pra ser o meu Primeiro! Razz yes
romulo_rla
romulo_rla

Data de inscrição : 02/09/2010
Reputação : 0
Número de Mensagens : 45
Prêmios : Tutorial - Pixel Art I - Básico Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

http://www.zoomdicas.blogspot.com

Ir para o topo Ir para baixo

Tutorial - Pixel Art I - Básico Empty Re: Tutorial - Pixel Art I - Básico

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos