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



 
InícioPortalProcurarÚltimas imagensRegistarEntrar

 

Tutorial básico sobre Paint e Pixel Art

Ver o tópico anterior Ver o tópico seguinte Ir para baixo 
Autor Mensagem
PfP
Náufrago
PfP


Idade : Data de registro : 06/11/2009 Nº de mensagens : 7
Ranking
Nível:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/100Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/100)
Pontos:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/10Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/10)

Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitimeSáb Nov 21, 2009 5:37 pm

Tutorial básico sobre Paint e Pixel Art - por PfP

Existem infinitas maneiras de se trabalhar com pixel art no Paint. Eu mesmo uitilizo técnicas diferentes, dependendo do trabalho. Nesta pequena matéria, vou falar sobre as ferramentas do Paint enquanto faço uma tela. É importante ressaltar que não há um "processo certo", meu processo está aqui somente para ilustrar as possibilidades do Paint.

No link abaixo, a interface do Paint com alguns comentários.
http://uploaddeimagens.com.br/imagem/ver/3tela_1.gif



Começando

Tutorial básico sobre Paint e Pixel Art Figura_1

A linha reta facilita o trabalho de criar ângulos e perspectiva, e é a ferramenta preferida de muitos na hora de desenhar. Eu, particularmente, prefiro o lápis, adotando a linha somente para criar ângulos mesmo (como é o caso desse cenário, com muitos prédios e ângulos retos).

Tutorial básico sobre Paint e Pixel Art Figura_2

Tutorial básico sobre Paint e Pixel Art Figura_3

Isso vai fazer com que a imagem original permaneça no local, gerando uma cópia que será arrastada. Se o mesmo for feito segurando o shift, surgirá um "rastro", como na imagem abaixo:

Tutorial básico sobre Paint e Pixel Art Figura_3.1_

A ferramenta de recorte "forma livre", mais conhecida como "estrela", também pode ser usada, embora nesse caso não haja necessidade. Sua vantagem é recortar parcialmente a figura, contornando aquilo que se deseja. Eu não costumo usar muito.

Tutorial básico sobre Paint e Pixel Art Figura_4

A borracha é uma mão na roda, e uma das ferramentas mais importantes. Embora ela também apague, a sua função mais útil é colorir. Frequentemente me pego usando as ferramentas de recorte ou as próprias linhas e o lápis para apagar detalhes - com muito mais eficiência que a borracha.
A vantagem da borracha na colorização é a possibilidade de recolorir parcialmente a sua figura, selecionando a cor que vai ser retirada e a cor que vai substituir. Com o botão esquerdo se seleciona a cor a ser retirada, e com o botão direito se seleciona a nova cor. Veja na sequência abaixo:

Tutorial básico sobre Paint e Pixel Art Borracha_1
Tutorial básico sobre Paint e Pixel Art Borracha_2
Tutorial básico sobre Paint e Pixel Art Borracha_3

Percebam que, no segundo quadro, a borracha está sendo utilizada com o botão esquerdo, mas é a cor correspondente ao botão direito que preenche a figura. Isso porque a borracha entende a cor secundária como o "fundo da folha", e ao pressionar o botão esquerdo você estará "apagando" a imagem, revelando a cor do fundo da folha.

Agora, voltando à tela.

Tutorial básico sobre Paint e Pixel Art Figura_5

Tutorial básico sobre Paint e Pixel Art Figura_6

Tutorial básico sobre Paint e Pixel Art Figura_7

Tutorial básico sobre Paint e Pixel Art Figura_8

Tutorial básico sobre Paint e Pixel Art Figura_9

Tutorial básico sobre Paint e Pixel Art Figura_10

O vermelho que eu utilizei não está na tabela de cores padrão do Paint, porque é uma cor personalizada que eu criei. Para isso, eu percorri o seguinte caminho:

Tutorial básico sobre Paint e Pixel Art Figura_10.1_
Tutorial básico sobre Paint e Pixel Art Figura_10.2_
Tutorial básico sobre Paint e Pixel Art Figura_10.3_

Tutorial básico sobre Paint e Pixel Art Figura_11

Tutorial básico sobre Paint e Pixel Art Figura_12

Tutorial básico sobre Paint e Pixel Art Figura_13

Tutorial básico sobre Paint e Pixel Art Figura_14

Lembrem-se do que eu disse no começo do tutorial: não há um "processo certo", meu processo está aqui somente para ilustrar as possibilidades do Paint. Se o artista quiser, pode manter os contornos, dar destaque a eles, colorir com retícula... como eu disse, as possibilidades são infinitas.

Tutorial básico sobre Paint e Pixel Art Figura_15

Notem as combinações de cores e a quantidade de ferramentas nessa última etapa. No começo do tutorial, eu me contive em utilizar poucos recursos para ilustrar o processo com mais clareza. Já no final, preferi demonstrar o dinamismo da pixel art. A alternância de cores e ferramentas é constante e, quanto maior a prática, menos você percebe esses movimentos.

Tutorial básico sobre Paint e Pixel Art 7animao

Algumas utilidades, antes de finalizar

Sobre o conta-gotas


Uma ferramenta muito útil sobre a qual ainda não falei. O paint não mantém a tabela de cores personalizada que você define. Ao salvar uma imagem e fechar o programa, a paleta se perde. Quando você volta a abrir aquela tela não-finalizada, suas cores não estão mais na tabela, sumiram, mas ainda estão na imagem. É aí que entra o conta-gotas. Com ele você recupera as cores personalizadas com um clique, podendo armazenar tanto no botão direito como no botão esquerdo.

Tutorial básico sobre Paint e Pixel Art Conta-gotas_1

Girando uma imagem

Se você quer girar uma imagem, existem duas possibilidades. A primeira delas:

Tutorial básico sobre Paint e Pixel Art Inverter_girar
Tutorial básico sobre Paint e Pixel Art Inverter_girar_2
Tutorial básico sobre Paint e Pixel Art Inverter_girar_3

Com o "inverter/girar" só é possível girar a imagem nesses três ângulos. Isso para manter a ordem dos pixels, sem "quebras" na imagem. Mas há uma segunda possibilidade que te permite fazer giros "quebrados".

Tutorial básico sobre Paint e Pixel Art Alongar_inclinar
Tutorial básico sobre Paint e Pixel Art Alongar_inclinar_2
Tutorial básico sobre Paint e Pixel Art Alongar_inclinar_3

Se você estiver montando uma folha de sprites, ou sprite sheet, e pretende utilizar esse giro quebrado para animações como a do Sonic correndo por rampas, por exemplo, é aconselhável girar a imagem antes de colorir e finalizar. Isso porque será possível consertar as falhas no desenho sem dificuldade. Consertar as falhas da imagem que usei de exemplo seria praticamente um suicídio. Se você não estiver montando uma sprite sheet, então é melhor nem pensar em giros quebrados.

A terceira cor

Tutorial básico sobre Paint e Pixel Art Cor_ctrl

Na verdade a cor "ctrl" é pouco funcional, sendo que pra utilizá-la é preciso estar pressionando a tecla Ctrl e o botão esquerdo do mouse. Além de ser um desperdício de dedos, dificilmente será necessário utilizar três cores ao mesmo tempo. Eu arriscaria dizer que nunca será necessário.




Por enquanto é isso. Espero que esse tutorial tenha sido um acréscimo. Revisões posteriores são possíveis.
Ir para o topo Ir para baixo
-noOb-
Explorador
Explorador
-noOb-

Masculino
Idade : 33 Data de registro : 09/09/2009 Nº de mensagens : 101
Ranking
Nível:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/100Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/100)
Pontos:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/10Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/10)

Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Re: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitimeSeg Nov 23, 2009 7:24 am

Tutorial básico sobre Paint e Pixel Art 199394

Tutorial básico sobre Paint e Pixel Art 4aa953f61cd3c

Quem é você?

De onde tu saiu mano?

E p*** que pariu, a quanto tempo você faz Pixel Art e como você aprendeu tudo isso?

Eu uso o Paint dês de pivete pra desenhar besteira, antes mesmo de conhecer o Pixel Art, e NUNCA nem me passou pela cabeça sobre essa terceira cor, e aquilo com a borracha, eu não lembrava. O tutorial está impecável, o português está ótimo, espero que não seja só nos tutoriais.

Cara, sem palavras, simplesmente, espero ler alguns tutoriais seus mais direcionados a Pixel Art, eu ficaria MUITO agradecido, por que pelo o que eu pude ver, suas habilidades são incríveis.

Desculpe o palavriado ali em cima, mas essa foi realmente a espressão que eu tive.

Tutorial básico sobre Paint e Pixel Art 251592
Ir para o topo Ir para baixo
PfP
Náufrago
PfP


Idade : Data de registro : 06/11/2009 Nº de mensagens : 7
Ranking
Nível:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/100Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/100)
Pontos:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/10Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/10)

Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Re: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitimeSeg Nov 23, 2009 1:11 pm

Fico feliz que tenha gostado =)

Antes da pixel art eu também brincava no Paint, acho que todo mundo aqui fazia isso. Fui conhecer a pixel art mesmo lá por 2002, e o que eu conheço hoje aprendi mexendo no programa, algumas coisas conheci por tutoriais e colegas de fórum... enfim, o de sempre!
Ir para o topo Ir para baixo
Captain Ricco
Nativo
Nativo
Captain Ricco

Masculino
Idade : Data de registro : 26/08/2009 Nº de mensagens : 431
Ranking
Nível:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/100Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/100)
Pontos:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue8/10Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (8/10)

Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Re: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitimeSeg Nov 23, 2009 1:17 pm

pooorra velho esse tuto é seu?? achei que tinha copiado de algum lugar e postado só

muito foda mesmo essa PA do montrão do olho, não sei usar paint, uso Idraw que é meio limitado pra cores, mas meio que me acostumei já com as ferramentas
Ir para o topo Ir para baixo
ONE
Andarilho
Andarilho
ONE

Masculino
Idade : 40 Data de registro : 05/03/2009 Nº de mensagens : 60
Ranking
Nível:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue1/100Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (1/100)
Pontos:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue7/10Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (7/10)

Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Re: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitimeSeg Nov 23, 2009 9:46 pm

E eu achando que conhecia o Paint. Não imaginava que dava pra fazer isso com a borracha. Pra mim o negócio dela era só apagar. Muito bom, aprendi muito com esse artigo. Valeu. Agora é borracha sempre. Tutorial básico sobre Paint e Pixel Art 302826
Ir para o topo Ir para baixo
Alones
Explorador
Explorador
Alones

Masculino
Idade : 32 Data de registro : 31/03/2009 Nº de mensagens : 120
Ranking
Nível:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue2/100Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (2/100)
Pontos:
Tutorial básico sobre Paint e Pixel Art Left_bar_bleue7/10Tutorial básico sobre Paint e Pixel Art Empty_bar_bleue  (7/10)

Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Re: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitimeTer Nov 24, 2009 4:13 pm

Ótimo tutorial. Ah, e não é incomum pra mim usar as 3 cores ao mesmo tempo. Aliás, se pudessem ser 4 seria uma mão na roda.
Ir para o topo Ir para baixo
Conteúdo patrocinado





Tutorial básico sobre Paint e Pixel Art Vide
MensagemAssunto: Re: Tutorial básico sobre Paint e Pixel Art   Tutorial básico sobre Paint e Pixel Art Icon_minitime

Ir para o topo Ir para baixo

Tutorial básico sobre Paint e Pixel Art

Ver o tópico anterior Ver o tópico seguinte Ir para o topo 
Página 1 de 1

Permissões neste sub-fórum Não podes responder a tópicos
Pixel Paradise :: Pixel Art :: Tutoriais -