Tutorial by Lucas Flores - 1

[lcsflrs 0]

Bem Galera, há um tempo eu uso um programa ainda pouco conhecido por muitos, o seu nome é Paint, tá, você deve estar pensando "Que cara louco, quem não conhece o Paint?", mas não estou falando do mesmo paint que você, me Refiro ao Paint.NET

Download - http://www.baixaki.com.br/download/paint-net.htm

 

Esse Novo Paint, como gosto de chamar, tem muitas utilidades, porém, é pouco conhecido como havia dito(procurei vários tutoriais pela internet, achei 3 e olhe lá em :X)

 

Enfim, vamos ao tutorial certo?

Logo aviso que ele foi criado 100% por mim, lcsflrs ( Lucas Flores )

 

1º Passo - Baixe-o e Instale no seu PC

 

2º Passo - Abra-o

Após Abrir, você vera uma +/- tela assim :

 

Número 1:

Explicando:

1A - Selecionar com Retangulo - Recorta de Forma Quadrada ou Retangular

2A - Selecionar com Laço - Recorta a Seu Gosto, porém requer um pouco de pratica com o mouse

3A - Selecionar com Elipse - Recorta em forma Redonda

4A - Varinha Magica - Seleciona por Cor, é influenciado pela Tolerancia

, ou seja, se a Tolerância estiver 100%, seleciona a imagem inteira, se estiver 0%, seleciona a Cor que você clicou, apenas ela.

5A - Preenchimento - Preenche espaços, também influenciado pela Tolerância.

6A - Pincel - Pinta a seu gosto, existe várias formas de preenchimento, é só selecionar a Corsólida para decidir.E ele vem imbutido o AA, porém tem como desativa-lo, é só clicar na linha Azul com 3 pontinhos, e trocar para Suavização de Bordas Desativado.A Largura do Pincel também é você quem decide.

7A - Lápis - Desenha o que você quiser, é bom para imagens pequenas como sprites.

8A - Selo de Clonagem - Não vejo utilidade em usa-lo para fazer Sprites, mas vou explicar mesmo assim, se você selecionar o Selo de Clonagem, irá aparecer um circulo para você, você pode escolher o tamanho do circulo alterando a Largura do Pincel, clique Ctrl + Botão Esquerdo com esse Circulo em um lugar, e pinte em outro, você verá o que irá acontecer...

9A - Texto - Escolhe um Lugar, e Digite o que você quiser, você pode alterar a fonte, o Tamanho, entre outros.

10A - Retangulo - Faz Figuras em forma de Quadrado ou Retangulo

11A - Elipse - Faz Formas Redondas com AA

 

1B - Mover Pixels Selecionados - Move Algo Selecionado

2B - Mover Seleção - Move a Seleção, porém a imagem continua lá

3B - Zoom - Aumenta ou Diminui a Visualização, sendo possivel aumentar até 3200%

4B - Panoramica - Substitui a rolagem do mouse, se a imagem for grande, você pode usar a panoramica para ver outros lugares da imagem

5B - Grandiente - Faz Gradiente da Cor Primária para a Secundária, recomendo usar junto com a varinha Mágica, caso contrario, o gradiente irá ocupar a tela toda

6B - Apagador - Apaga(--')

7B - Selecionar Cores - Mesma Função que o conta-gotas do Paint normal, você poe ele em cima da cor que você quer, e clica sobre ela

8B - Recolorir - Este é meio complicado de usar, recolore a cor que for clicada pela Primaria ou Secundária

9B - Reta/Curva - Fazem Linhas, onde você pode escolher o formato no final e do meio, além de poder escolher o tamanho.Ele ja vem com AA.

10B - Retângulo Arredondado - Faz um Retangulo sem Pontas Retas, e já vem com AA

11B - Formato Livre - Semelhante ao Laço, com essa ferramenta, você pode desenhar do jeito que quiser

 

Número 2:

Na Parte Verde, você pode escolher a cor que você quiser.

Na Vermelha, você escolhe se quer com transparencia, e quanto transparente a cor será;

Na Parte Azul, você também pode escolher alguns tons de cores, e altera-los a seu gosto;

Na Parte Rosa, você escolhe qual cor quer modificar, Primária ou Secundária;

Você altera o Red, Green e Blue da Imagem, podendo chegar a uma que você goste, e também pode ver o número Hexadecimal da cor.

 

Número 3:

Acho que está óbvio, mas vou explicar antes que venha alguém e me pergunte, esta parte, é onde você desenha...

 

Número 4:

Aqui você encontra, literalmente, as Ferramentas das Ferramentas.

 

Número 5:

Aqui, no histórico, você ver o que você fez até agora, podendo deletar alguns feitos.

OBS: Se você deleter alguma coisa, se tiver algo que você fez depois, ele(s) também serão deletados.

 

Número 6:

Aqui você encontra as camadas, você pode duplicar, adicionar, ou modificar a tipagem de alguma, explicarei isso depois...

 

Número 7 e 8:

Aqui, no 7, você ver o tamanho da Tela

E no 8, você ver a posição(X,Y) do seu mouse.

 

Número 9:

Tela de Visualização, nesta tela, você tem a imagem de todas as camadas unidas, e todas as modificações que você faz, aparece nessa tela.

 

_______________________________________

3º Passo - Vamos fazer alguma coisa...

Primeiro, vamos redimesionar a tela para o tamanho padrão de itens, 32 x 32.

Clique em Ctrl + Shift + R( se você for viciado no paint, irá clicar Ctrl + Shift + E, e irá gerar o efeito Sépia), e faça assim:

Pronto, vamos ao Sprite Agora...

Vamos fazer uma Armadura de Guerra para Dwarfs -

Eu Sugiro que você aumente a Tela em, no mínimo, 1600%, pois assim você tem uma visualização melhor.

Faça seu OutLine

Se você quer uma grade pixelada, próximo ao zoom, você encontra uma grade, é so clicar nela e aproximar.

Depois de ter feito o OutLine, vamos fazer as marcas.Que dão uma ideia de como vai ser o Sprite

E Agora, vamos pintar...

A Luz, vem nesta direção:

Então não podemos perder essa realidade

Pinte a Seu Gosto ^^

E Quero pedir desculpa ai, pois eu não tenho nenhum sprite melhor para mostrar agora ...

 

Camadas

Bem, agora vão saber um pouco sobre as camadas

Você tem dificuldade de fazer aquela textura de ouro muito brilhante?

Ou então uma camada de Magia?

Vamos Aqui, fazer esse pot da CipSoft, virar esse lindo e exuberante(tá, eu exagerei) pot de ouro . Bom, vamos lá...

Copie e Cole o pot da cipsoft na sua tela tamanho 32x32

 

Após Clicar onde a imagem mostra, você irá perceber que a camada Plano de Fundo (virou açucar e) duplicou em outra Camada Plano de Fundo oO.

Pronto vamos voltar para o tutorial,

Note que eu fiz uma combinação(transparencia + Saturação + Valor + Cor)

Escolha uma cor amarela clara, e use uma transparencia(a intensidade fica a seu gosto)

Pegue o Pincel(não vou falar como faz, quero ver se aprendeu) e ponha para que a largura do pincel seja de 500, dê um clique de leve na sprite(com a segunda camada selecionada).

 

Agora, dê dois cliques no seu Plano de Fundo Clonado, mude o nome dele para Camada 2(não é necessário), e escolha o modo que você quer, sempre olhando para a Tela de Visualização, pois lá mostra como o Sprite tá ficando.

O modo, no caso que eu usei, foi o incandescência...Mas se gostar dos outros eu deixo você usar( oeieoieoei zua, zua )

 

 

 

E por fim galera, vamos Mesclar as camadas

A imagem fala por si '-'

Aqui outra coisa que você pode fazer com camadas:

Qualquer coisa, um erro aqui, outro ali, me falem que eu edito

Por favor, (me doem V$) comentem, isso eh gratificante

 

Fixo?

 

Edited August 18, 2010 by lcsflrs

[Vítor Amaral 1]

Achei bem interessante.

Se você puder explicar sobre AA seria bacana

 

Até mais!

 

P.s: Depois que a última árvore for cortada;

Depois que a última gota secar;

Depois que o último animal cair;

Vocês vão descobrir que não se come dinheiro!

 

Socialista?

[Victinh0 0]

Achei bem interessante²

Esse "novo paint" parece ser bem util, mas prefiro o meu bom e velho paint, até pq só uso o lapis.

O Sprite de exemplo ficou ruimzin p/powah.

[lcsflrs 0]

eh, eu sei disso, tanto q pedi desculpas '-'

[Mathss 0]

eh, eu sei disso, tanto q pedi desculpas '-'

Ahushuashiasausaushaushaushuas

 

 

Bem legal o tutorial... Vai me ajudar...

[rui_miguel 0]

gostei do tutorial =)

e não achei a frase socialista xD

[Izzydk 0]

bom o tutorial, pela frase eu axei bem bacana fazer assim

Depois que a última árvore for cortada;

Depois que a última gota secar;

Depois que o último animal cair;

Vocês vão descobrir que não se come dinheiro!

Então vamos tratar de fazer dinheiro comestivel!

[smithphb 0]

Ótimo tuto...

muito legal esse programa, não conhecia vou baixar

[Posoidon 0]

Bom o Tópico , Gostei das Funções de Troca de Cor Ali (Camadas).

O Programa deve ser bom vo baixar pra testar

[Bloxe 0]

acho que aquilo que vc fez no pote é ripping D:

[lcsflrs 0]

acho que aquilo que vc fez no pote é ripping D:

 

 

Creio que não, pois logo depois coloquei os créditos a Cipsoft...

[Fairbanks 0]

legal esse paint,vo tentar usar

-EDIT-

Fiz um tile só com gradient e seleção desse paint

resultado:

ECA

(mas é melhor q o paint tradicional de win XP !)

Edited September 23, 2010 by Fairbanks

[lcsflrs 0]

Eu não recomendo usar muito o gradiente, eu particulamente não uso

Na verdade quando uso, eu uso o Gradiente Conico '-'

Para fazer Pontas de escudos '-'

[Alison_ 0]

Pra mim sprites eram apenas no Paint, mais vi que vai muito além.

Realmente, ótimos talentos vocês tem e paciência talvez.

 

Bacana o tutorial, aprendi muita coisa.

Valeu (;