Pixel Art

Tratamento de modelao de
pixels.
Por : Patrick Andr

ndice
1.
2.
3.
4.
5.
6.
7.
8.

Ferramentas;
Picture Element;
Resoluo;
Planejamento;
Criao;
Caractersticas;
Cores;
Renderizao;

Ferramentas
Qualquer software com a possibilidade de
utilizar:
Lpis;
Balde (preencher com cor);
Borracha;
Conta-gotas (selecionador de cores);
Lupa;
Renderizador;
Qualquer pc melhor que celeron.

Picture Element
A palavra Pixel vem do ingls Picture Element
(elemento da figura), que se trata do menor ponto
de uma determinada regio, como por exemplo no
monitor de um computador.

Resoluo
Geralmente para escolher um papel de parede adequado
para nosso computador procuramos saber qual a resoluo,
ou seja, os parmetros do nosso monitor para que a qualidade
da imagem seja valorizada.
Por exemplo: 1280x720.
Observando isso no padro cartesiano comum da matemtica
podemos pensar que:
Tenho 1280 pixels de largura (x)
e -720 pixels de altura (y)

Resoluo
No computador a situao se torna diferente questo do y.
Quando posicionamos o nosso mouse no canto esquerdo
superior da nossa tela aonde o ponteiro j no pode andar
mais nem para a esquerda e nem para cima, atingimos a
origem (0, 0) do plano cartesiano digital, onde se iniciam os
pixels.
Ento a partir disso entende-se que a linha y dos pixels
medida inversamente, de cima para baixo.
Ficando assim:
1280 pixels de largura e
720 pixels de altura a partir da origem

Resoluo
Lembre-se de que sempre
precisamos utilizar uma resoluo
com nmeros mpares para que
possamos ter um meio termo de
referncia no nosso desenho.
Exemplo:

Planejamento
Para se fazer uma pixel-art primeiramente
necessrio imaginarmos o que queremos, e se
preciso fazer um esboo (numa folha comum ou
qualquer outra coisa) para que no estejamos
entrando num ciclo enjoativo.
Muitas vezes comeamos um desenho sem a
ideia de como vamos termin-lo e por isso com o
tempo ao invs de criar as imagens estamos
somente retocando algo que julgamos insatisfatrio.

Criao
Para comear a por a mo na massa (finalmente) vamos
criar um personagem do estilo RPG.
Primeiramente abra a sua ferramenta de trabalho a ser
utilizada.
Para trabalhar vamos utilizar a resoluo de 51x71.
Amplie a sua viso o suficiente para enxergar os pixels de
maneira considervel.
Para garantir que no momento da renderizao voc no vai
perder um pedao da sua imagem utilize o preenchedor para
pintar a rea em utilizao de uma cor que no ser utilizada.
Exemplo:

Criao
Criando uma base:
Para que o nosso personagem tome
forma precisamos criar (ou ter) uma
base da formao do seu corpo.
Para se ter um padro mais realista
temos que fazer o corpo proporcional
ao tamanho da cabea, ento
iniciamos com a cabea.

Criao

lguns jogos tem a o seu padro mais realista enquanto

os tm uma forma de desenvolvimento totalmente fantasios
as vezes com a cabea gigante e um corpo pequeno e vice-v
as muito importante termos o nosso padro, para que o
o trabalho no fique um tanto quanto estranho, com person
mente desproporcionais.
starei utilizando essa cabea para tomar a medida do corpo,
o corpo tem 4 vezes o tamanho dela.

Criao
Agora temos os dois extremos da
formao da base do corpo.
O que quer dizer que j podemos
partir para o desenho do corpo.

Criao
Utilizando do meio termo conseguimos
criar uma base para o corpo com os
dois lados exatamente iguais, j
estruturando o corpo.
Agora iremos colorir, utilizando uma
cor de pele desejada para o
personagem de base.

Criao
Agora que temos uma base, j
temos uma noo do que fazer.
Resta agora inserir os detalhes
que voc deseja que o seu
personagem tenha (roupas,
porte fsico, cabelo, acessrios,
etc.).

Caractersticas
Como j temos a base, agora vamos partir para as
caractersticas, onde o nosso personagem comea a
tomar personalidade.
Rosto:
No pixel-art a maioria das vezes nos deparamos com
olhos no estilo mang, grandes e profundos. Muitas
vezes alguns detalhes so retirados, como por
exemplo a boca, o nariz, as orelhas e as sobrancelhas.
Primeiramente, iremos traar a localizao dos olhos,
com uma cor diferente da pele e um tamanho
proporcional ao rosto.

Caractersticas
Agora devemos marcar a regio do
cabelo (ou de algum acessrio
utilizado na cabea), de uma cor
diferente dos olhos para que no haja
interferncia da parte de nenhum dos
dois.

Caractersticas
Fazemos isso com o resto do corpo,
marcando bem a rea da diviso das
roupas e dos detalhes.
Pode parecer estranho no comeo,
mas ainda est em fase de criao.
No se preocupe!

Cores
Para que o nosso personagem ganhe
vida temos que colori-lo da forma que
desejamos. Para isso ser necessrio
que voc crie ou pegue uma paleta de
cores padro.

Cores
Iluminao/Sombreamento:
O sombreamento consiste em voc ter a noo
de onde se localiza a luz predominante da
localizao do personagem. Assim fazendo com que
o personagem tenha uma aparncia mais realista e
convincente.
Nunca podemos fazer com que a sombra e a luz
surjam do meio, porque isso gera uma ideia de que
o objeto o iluminador, a luz sai do meio dele.

Exemplo:

Cores
Agora iremos aplicar as cores padres das
caractersticas do seu personagem.
E ento quando terminado a cor
base devemos passar adiante
marcando as divises mais
Importantes com cores mais fortes.

Cores
Agora aplicaremos a iluminao imaginando a
posio da luz predominante, no meu caso do ponto
0, 0.
Utilize das cores mais claras o quanto mais perto da
luz e as mais escuras o quanto mais longe.
Lembre-se de nunca se limitar a uma
pequena regio iluminada, faa algo bem
espalhado.

Cores
Iremos agora sombrear, utilizando uma
tcnica bastante parecida com a
iluminao, s que nas posies
invertidas e cores invertidas. Agora
pensaremos no ponto mais escuro da
imagem sendo como o ponto final da
imagem.

Renderizao
O que Renderizao?
-Render pode significar diversas coisas no meio da
multimdia, por exemplo: Nos vdeos o produto final, o
vdeo em sua forma apresentvel. Mas nas imagens isso
consta em voc ter a imagem sem o fundo, ou seja,
deixando a imagem possvel de ser colocada em cima de
qualquer coisa de uma forma agradvel.
Agora com o nosso personagem
com uma aparncia que nos
agrada precisamos retirar esse
fundo cinza que temos nos
atrapalhando de coloc-lo em
algum lugar.

Renderizao
Para isso utilizaremos a nossa ferramenta
de renderizao. Muitos programas
possuem essa ferramenta, escolha o que
te mais te agrada. Recomendaes:
PhotoFiltre e PhotoShop.
Obs: O formato mais
recomendado por mim para se
salvar uma imagem o formato
.PNG, que leve e fiel a
qualidade da imagem.