Beruflich Dokumente
Kultur Dokumente
AVISO:
Esse tutorial pode sofrer alterao sem aviso prvio.
AUTORES:
Lunovox
, Diogo_RBG e Oryon
NDICE GERAL
1. Apresentao
2. O que um DEV?
O que um Pixelart?
Que tipo de pessoa pode se tornar um Pixelart?
Precisa se preocupar com licenas?
Quais as ferramentas usadas por um Pixelart?
3. O que um cone?
4. O que um Sprite?
Exemplo de caractersticas
Fundo Transparente
Tamanho Constante de Bloco
Imagem Moral
ngulo de 45
Antialias
Compreendendo as 72 posies de um Sprite Feminino
1 Linha - Direo Sul - Parado, Andando, Sentado e Morrendo
2 Linha - Direo Sul - Soco e Flecha
3 Linha - Direo Oeste - Parado, Andando, Sentado e Morrendo
4 Linha - Direo Oeste - Soco e Flecha
5 Linha - Direo Norte - Parado, Andando, Sentado e Morrendo
6 Linha - Direo Norte - Soco e Flecha
7 Linha - Direo Leste - Parado, Andando, Sentado e Morrendo
8 Linha - Direo Leste - Soco e Flecha
5. O que Sprite de Monstros?
Seu Monstro compatvel como jogo TMW-Brasil?
TESTE 1 - Monstros Originais [OK]
TESTE 2 - Tamanho Calculado [OK]
TESTE 3 - ngulo Calculado [OK]
TESTE 4 - Cores Harmnicas [OK]
6. O que um Sprite de Equipamento?
Ateno as Prioridades de Desenvolvimento
Ateno as Duplicidades das Base
Como criar um Sprite de Equipamento
PASSO 1 - Adquira um Sprite de Personagem.
PASSO 2 - Adquirindo o editor de imagem GIMP.
PASSO 3 - Preparando grade de sequncia no GIMP.
PASSO 4 - Desenhando a base dos jogadores femininos.
PASSO 5 - Extraindo equipamento criado
PASSO 6 - Salvando uma cpia da imagem.
PASSO 7 - Criando cone
7. O que um Tilesets?
Caractersticas de Um Tilesets
Largura e Altura mltiplas de 32x32
O ngulo de viso de 45 sobre o cho
Volume atravs de Luz e Sombra
8. Como publicar seu trabalho de Pixelart?
PASSO 1 - Escolher uma Hospedagem de Imagens.
PASSO 2 - Copie o Link Direto de Imagens.
PASSO 3 - Cole o Link entre [img] e [/img] no forum.
9. Conselho Final
O que um DEV?
DEV uma abreviao para a palavra em ingls "developer", que significa
"Desenvolvedor". Um DEV alguem que desenvolve o jogo The Mana World. Existem
basicamente 3 tipos de DEVs, como: Pixelarts, Programadores e Publicadores. Neste tutorial
veremos algumas das tarefas que os Pixelarts precisam saber.
O
que um Pixelart?
Pixelart uma juno de duas palavras em ingls "Pixel" +
"Artist", que significa respectivamente "Pontilhado" e "Artista". Ou
seja, um Pixelart alguem que tem habilidade em desenhar
imagens pequenas, ponto-a-ponto.
Entretanto, para toda regra existe uma exceo, assim como para gerar essa
exceo tambm existe um regra que deve ser previamente cumprida. Ou seja, voc tem
permisso de alterar imagens de outro Pixelarts, desde que essa imagem esteja sobre a licena
que lhe d esta permisso. Os tipo de licenas que lhe do esta permisso so:
Creative Commons
- usada para obras literrias e para imagens.
Cdigo Livre (Open Source) - usada tanto para as imagens quanto para os cdigos de
uma jogo.
O jogo The Mana World est protegido sobre a licena Open Source. Ou seja, se for
uma imagem do jogo TMW ento automaticamente qualquer pessoa te m permisso para alterar
suas imagens sem nem menos precisar pedir permisso.
Um pixelart s pode desenhar se tiver ferramentas que o permitam trabalhar. Aqui mostraremos
ferramentas que esto sobre licena OpenSouce ou Freeware. Ou seja, s baixar e usar. No
precisa pagar e nem de senha de instalao porque so de uso 100% livres na forma da lei.
Acesse:
http://www.pixlr.com/editor/?loc=pt-br
Eu gosto de usar o GIMP e o Pixlr, mas neste tutorial usaremos apenas o GIMP, por ser mais
poderoso, para explicar como desenhar objetos que sero usados no jogo The Mana World. Por
isso recomendo que voc adquira e instale o Gimp agora mesmo!
Foto do Gimp Editando o smbolo do engine TMW-Maker
O que um cone?
cones do jogo The Mana World so imagens
de 32x32px (l-se 32 pixels de largura por
32 pixels de altura) com fundo transparente
(tambm conhecido como "fundo alfa" que
representado pelo xadrez no fundo) no
formato PNG, que serve como botes para o
jogador selecionar qual item deseja usar.
Exemplo de caractersticas
Fundo Transparente
Todo ou qualquer Sprite do TMW utiliza fundo transparente que serve para que o jogo possa
fazer essa imagem se movimentar sobre o mapa como um objeto vivo.Esse fundo tambm
conhecido como Fundo Alpha.
2. Selecione a Borracha no menu:
Ferramentas Caixa de Ferramentas
3. Apague o fundo branco com a borracha.
O quadriculado que vai aparece significa que sua imagem
est preparada para ser transparente. Apague todo o
branco em volta de sua imagem com cuidado. Se precisar
pode diminuir o tamanho da borracha, em Escala, na
Caixa de Ferramentas.
Tamanho Constante de Bloco
O tamanho sempre a mesmo para todos os blocos que possuem cada uma das poses.
Para que isso ocorra feito divisrias uniformes e invisveis entre as imagens para facilitar
a criao do desenho de cada bloco.
Note que na imagem acima eu coloquei umas linhas de grade para que vejam o tamanho
de cada bloco de imagem. Esse tamanho no varia. Ou seja, no muda de tamanho.
Nesta imagem acima cada bloco possui o tamanho de 64x64px (l-se 64 pixels de largura
por 64 pixel de altura). Se voc desejar desenhar algo que seja maior do que o espao
oferecido no bloco, poder aumentar o tamanho do bloco desde que aumente igualmente
para todos os outros blocos.
3. Visualizar Exibir Grade
Isso far aparecer a grade divisria que lhe ajudar a desenhar imagens que no invadam o
espao dos blocos visinhos.
Imagem Moral
O personagem est usando a menor quantidade de roupa possvel sem deix-lo vulgar, pois
serve para o pblico de todas as idades (infantil e adulto). Isso sugere que esse sprite ser
coberto por outros sprites como roupas, armas e armaduras.
ngulo de 45
O jogo tem uma viso de cima que forma um ngulo de 45 com o cho. O
primeiro quadro mostra esta viso. Para formar a imagem de "lado" voc pode usar o que
eu chamo de linhas de viso. Imagine que diante de seus olhos possui um vidro e tambm
que voc ir fazer marcaes nele para saber o tamanho e visualizao (ou no) de uma
parte do seu desenho.
O segundo quadro mostra as linhas em ao. As que esto desenhadas foram
usadas para medir os ombros, cabea e outras partes. Tambm fica fcil identificar os
objetos que sero encobertos na visualizao.
Mas no final as linhas s quebram um galho, pois o desenhista ainda precisa ter
muita imaginao para saber exatamente como ser a imagem final. E elas no conseguem
determinar com preciso quando o monstro tem 'braos curvados para frente' por exemplo.
Antialias
Alguns pixelarts costumam fazer seus desenhos de teste, que tambm so conhecidos
como desenhos conceituais, em tamanho grande, e depois de concluido diminuem o desenho
para o tamanho usvel no jogo. S que, neste processo de encolhimento, esquecem de tomar
cuidado com os aliases(ou s alias). Aliases so quando pixels aparecem ou desaparecem quando
no deviam, durante o processo de encolhimento, engrandecimento ou criao de uma imagem.
Esse processo que evita o aparecimento ou desaparecimento de pixels importante chamado de
Antialiase(ou s Aliases).
Compreendendo as 72 posies de um Sprite Feminino
Note que esta Sprite acima formado por 9 colunas e 8 Linhas. As posies da 1 e da 2 Linha
esto todas voltadas para o lado sul(para baixo). As posies da 3 e da 4 Linha esto todas
voltadas para o lado oeste (para esqueda). As posies da 5 e da 6 Linha esto todas voltadas
para o lado Norte(para cima). As posies da 7 e da 8 Linha esto todas voltadas para o lado
Leste(para direita).
1 Linha - Direo Sul - Parado, Andando, Sentado e Morrendo
10 at a 13 Imagem
- Aferindo um soco enquanto olha para o Sul.
14 at a 18 Imagem
- Lanando uma flecha para o Sul.
28 at a 31 Imagem
- Aferindo um soco enquanto olha para o Oeste.
32 at a 36 Imagem
- Lanando uma flecha para o Oeste.
5 Linha - Direo Norte - Parado, Andando, Sentado e Morrendo
46 at a 49 Imagem
- Aferindo um soco enquanto olha para o Norte.
50 at a 54 Imagem
- Lanando uma flecha para o Norte.
64 at a 67 Imagem
- Aferindo um soco ao enquanto olha para o Leste.
68 at a 72 Imagem
- Lanando uma flecha para o Leste.
Note que as imagens 09, 27, 45 e 63 so exatamente iguais. Provavelmente quem inventou
o The Mana World achou que s precisaria de um tipo de animao do personagem morrendo. Ele
poderia ter feito o personagem morrer de 4 formas diferente, enriquecendo a animao do jogo.
Provavelmente ele s repetiu as 27, 45 e 63 imagens igual a imagem 09 para no deixar
espao sem utilizar.
Note tambm que o Sprite de Base do Personagem Masculina segue as mesmas regras do sprite
feminino mencionado acima.
O que Sprite de Monstros?
Nem todo Sprite serve para entrar no jogo TMW. S alguns so compatveis. No necessrio ter
que fazer um sprite completo s para no final descobrir que no presta para o jogo. Existem
alguns teste que voc pode fazer logo aps desenhar somente o primeiro quadro do sprite. A lista
abaixo serve para voc saber que testes so esses:
O monstro do meio de outro jogo. Pode servir apenas de inspirao, desde que o
resultado seja uma ideia totalmente diferente do original. Por isso, o monstro da esquerda
100% original e criado por mim, Lunovox.
O TMW-BR no aceita monstros de outros jogos.
Se voc tem a certeza que seu tem est includo na lista de necessidades do projeto, ento fique
a vontade para criar seus itens seguindo os passos abaixo...
Note que o personagem masculino tem as pernas um pouco mais separadas do que o
personagem feminino, e as curvas do personagem feminino so mas suntuosas do que a do
personagem masculino. Isso sugere que o Sprite de Equipamento usado no personagem
masculino diferente do Sprite de Equipamento usado no personagem feminino.
Por isso o Pixelart tem a obrigao de desenhar um Sprite de Equipamento 2 vezes: na verso
masculina e na verso feminina.
Como criar um Sprite de Equipamento
PASSO 1 - Adquira um Sprite de Personagem.
Aps voc instalar o GIMP, ser hora de voc abrir a imagem que voc salvou em sua rea
de trabalho em Arquivo->Abrir .
Depois ative a grade em
Visualizar->Exibir Grade .
Por fim, configure a grade para 64x64 pixels (Largura x Altura) em
Imagem ->
Configurar Grade .
PASSO 4 - Desenhando a base dos jogadores femininos.
Agora s desenhar o equipamento que voc desejar sobre a personagem feminina.
Assim como foi feito na ilustrao abaixo. Neste exemplo foi desenhado um Robe Feminino, mas
voc poder desenhar qualquer coisa, como: Capacetes, Sapatos, Luvas, Chapus, Capacetes,
culos, Armas, Escudos e etc... A nica regra desenhar um objeto de cada vez. Ou seja, no
misture dois objetos (Exemplo: Cala e Camisa) em um s desenho, pois ficar difcil separa-los
depois.
Apague o corpo do personagem, com cuidado de deixar apenas o objeto que voc criou...
Voc no dever salvar sobre o arquivo atual, pois mais tarde voc poder desejar utilizar
esta base de personagem para criar outros objetos.
Salve uma cpia em Arquivo -> Salvar uma cpia .
Observao:
Salve no formato PNG
PASSO 7 - Criando cone
Criar cone em PNG de formato 32x32 de fundo transparente para o item simbolizar a opo que
o jogador vai selecionar quando desejar usar o item.
Caractersticas de Um Tilesets
Largura e Altura mltiplas de 32x32
A imagem do Tileset firecave.png que est abaixo tem 16x8Ts (l-se 16 colunas por 8 linhas). Se
voc multiplicar por 32, que o tamanho padro de cada tile em pixel na maioria dos RPG 2D,
vai descobrir o tamanho exato do tileset.
Exemplo:
16x8ts = (16*32px) x (8*32px) = 512256px
O ngulo de viso de 45 sobre o cho
Quase todos os jogos de RPG 2D do mundo usam o ngulo de viso de 45 como padro de
ngulo. Note que o jogador no enxerga o boneco nem de cima totalmente e nem de frente. Os
nicos jogos que usam 0 de ngulo so os de plataforma. No caso do TMW o ngulo sempre
45 tanto para
Monstros quanto para
Personagens .
Do lado oposto a luz incidida sobre um objeto existe sempre uma sombra.
O pessoal pensa que existe s 2 tipos de jogos: 2D e 3D. Mas na verdade existe o 2D (sem
volume) que tenta imitar o 3D(com volume).
AquiestumafotodoTMWMaker:
[img]https://tmwmaker.googlecode.com/svn/Imagens/Versoes/TMWMaker_v0.2.png[/i
mg]
Para finalizar s clicar no boto enviar. Pronto! Todos vo ver e comentar sobre sua imagem.
Conselho Final
Tente sempre mais uma vez, mais uma vez, mais uma vez! Eu no disse tente mais uma vez?
" "
Imagem do primeiro desenho aceitvel que eu (Lunovox) fiz, levou 40 dias para ser feito.
(Na poca eu era conhecido por Saci ou Indigovox)