O TEMA DO FÓRUM ESTÁ EM MANUTENÇÃO. FEEDBACKS AQUI: ACESSAR

Passos iniciais : Lines, Paints & Colors

Iniciado por Zackh, 15/02/2013 às 21:46

15/02/2013 às 21:46 Última edição: 15/02/2013 às 22:05 por Cezar
Passos iniciais em pixel art
Lines, Paints & Colors   
[box class=calendar_today]Introdução:
Para quem viu, comecei a postar aulas para iniciantes em pixel art. Recomendo que leiam sobre os conceitos e ferramentas antes de continuarem nesta aula. Aqui, vou falar sobre os primeiros passos em pixel art.[/box]

[box class=coppa_contact]Lines
Ou linhas/esboços[/box]
[box class=catbg3]Curiosidade: São constantemente usados os termos "Lines", "Paint" e "Color" , mas porque não usar os termos em português que seriam "Linhas" , "Pintura" e "Cores" ? O Motivo é que como muitas vezes artes são expostas em um âmbito mais geral, em sites estrangeiros, fica mais fácil uma "Globalização" em termos. E o mais usado são os termos em inglês , pois se assemelham mais á maioria das outras línguas.[/box]

[box class=randomquote]Ok , já no início da aula digo que tudo que eu explicar aqui será baseado nas ferramentas do Paint da microsoft. Caso queira usar outros programas, terá que encontrar as ferramentas similares para pode continuar.

De forma resumida, Lines são apenas aquelas linhas que formam o desenho. Assim como quando você faz um desenho no papel sem pintar. Então vamos ver algumas ferramentas para Lines no paint, abra o seu Paint agora e acompanhe:




Ferramentas
Procure no seu programa de imagens a ferramenta Lápis. No paint é representada pelo ícone de um pequeno lápis mesmo.

Note que em alguns programas é necessário verificar a espessura do lápis, portanto se sua linha estiver saindo com mais de 1 pixel, ajuste a ferramenta lápis para a menor espessura possível.

Procure no seu editor de imagens, aonde fica a tabela de cores. Em programas simples como o Paint, existe uma tabela de cores pré-definidas na parte superior ou inferior do programa. Apenas clique em cima da cor desejada para "Desenhar" com aquela cor.
[close]
Pegue o Lápis, Defina a espessura dele como 1 pixel, e escolha a cor vermelha para trabalhar. Da mesma forma que se desenha no papel, use o lápis para "Desenhar" livremente o esboço inicial do seu desenho. Muitas vezes eles saem tortos, e estranhos, mas isto não será de grande importância agora.





Mude a cor do lápis para a cor desejada para a Line-Art. De preferência use o preto para dar um contraste maior ao vermelho.
* Nota: Caso use algum programa de edição de imagens que trabalhe com "Camadas", crie uma nova camada para o processo a seguir.
Agora sim, com a ferramenta Lupa, ou Zoom, aproxime a imagem até o ponto em que for agradável para você trabalhar em cima e ter um bom foco e precisão. Pegue o lápis novamente e "Desenhe por cima" dos esboço vermelho que havia sido feito, mas desta vez deixando as linhas com apenas 1 pixel em todos os pontos, e tratando de concertar a forma da imagem aonde tenha ficado torta, ou estranha.






Se você estiver usando algum programa que trabalhe com camadas, e tiver feito 2 camadas, basta apagar a primeira que você ficará apenas com a segunda.

Se está trabalhando com programas mais simples, apenas apague tudo que tenha sobrado do esboço em vermelho agora.

[box class=catbg3]
O truque da Borracha do paint
O truque da borracha do Paint: Como o paint não trabalha com transparência, a borracha tem uma peculiaridade Muito útil: Ela não "Apaga" na realidade. O que ela faz é substituir a cor por onde passa por cima, pela cor de segundo plano. Se você selecionar a cor de segundo plano como verde, na verdade ao invés de apagar, vai "Pintar" de verde as áreas por onde passa.

Mas existe um truque quanto á isto quando se faz o processo contrário: se você apagar segurando o botão Direito do mouse, ela substitui apenas a cor selecionada pela cor de fundo sem ferir as demais cores da arte. Por exemplo no desenho acima, eu deixei como selecionada a cor principal como Vermelha, e como cor de fundo o branco, e então apaguei usando o botão direito. Bingo!, apenas as linhas vermelhas são apagadas, as linhas pretas continuam intocadas.
[close]
[/box]





Para facilitar a line art, explore todas as outras ferramentas que te auxiliem , como a ferramente "Círculo" para áreas aonde forem formar formas redondas, as ferramentas linha e curva para ajudar a manter uma forma contínua e sem erros.
Durante a criação das linhas, lembre-se de que você pode corrigir algo que tenha acabado de errar, apertando as teclas Ctrl + Z juntas. Também pode corrigir pequenas falhas usando o lápis com o botão direito, pois isto fará ele pintar com a cor de segundo plano, que normalmente é usada como cor de fundo.
[/box]





[box class=coppa_contact]Paints
Colors/Cores[/box]

[box class=randomquote]O próximo passo logo após ter uma line-art já definida, é fazer o processo de pintura nela. Esta parte vou deixar simples a princípio, para em futuras aulas mostrar a aplicação de técnicas para deixar a arte mais agradável.

Para a pintura, será necessário em primeira mão da ferramenta Balde de tinta. Esta Ferramenta preenche um área fechada inteira com uma única cor.
* Se ela preenche automaticamente, por que não é considerada uma ferramenta automática?
R: Mesmo sendo uma ferramenta que faz um processo automatizado, ela não desqualifica a arte como "Pixel art", pois ela não gera nenhum "Efeito automatizado". Ela apenas diminui o tempo de trabalho do artista para fazer um processo simples.


Esta ferramenta também pode estar descrita como "Preencher com cor", a única coisa a tomar cuidado com ela é a de se certificar que a sua área esteja totalmente fechada, veja os exemplos abaixo:




  ► 
Desenho com área totalmente fechada

  ► 
Desenho com brecha ou abertura




Para pinturas simples, você pode recorrer á tabela de cores exposta no seu programa, e escolher as cores que achar que mais se adequam ao seu trabalho.
Para pinturas com técnicas de sombreamento ou iluminação (Que veremos em próximas aulas), será necessário o uso de uma Paleta de cores, para a transição entre tons mais claros ou mais escuros.


[box class=catbg3]Você verá muito em tópicos de avaliação o termo "Escolha de cores". Isto não se trata de uma técnica, é apenas a percepção do autor para as cores usadas na arte. Para uma melhor precisão, procure no seu programa encontrar o editor de cores, pois muitas vezes a cor que você procura não se encontra na tabela pré-definida, então é necessário que você mesmo crie sua própria cor:
[/box]
[/box]



Lição de casa?

Vamos forçar vocês a treinar um pouco então  :-P , caso esteja realmente disposto a mostrar que quer aprender mais sobre pixel art, faça e deixe aqui no tópico uma arte de 100x100 pixels como na imagem abaixo, com o desenho de alguma criatura, personagem ou objeto de algum jogo. Deixe a imagem e o link de referência do jogo para que então eu possa lhe avaliar e dizer aonde você precisa melhorar, ou no que você acertou, mãos á obra.


[box class=errorbox2]Não é necessário e nem recomendo se prender aos meios que mostrei neste tópico. Cada autor procura buscar seu próprio método de trabalho, então busque mais sobre tudo o que puder para se aprimorar mais ainda.

Abraços![/box]

¢



Já tinha lido antes, e realmente é um ótimo tutorial, me ajudou muito nas desventuras tentando aprender um mínimo aceitável sobre pixel art, não deu muito certo, mas não por culpa do seu tutorial, ele foi na verdade uma das poucas coisas que eu consegui assimilar dentro do contexto, de resto eu não nasci para pixelar '-'

Realmente muito bom, obrigado por se dar ao trabalho de fazê-lo, cezar o/
To Die Is To Find Out If Humanity Ever Conquers Death

Gostei da sua aula professor,olha ve minha lição de casa,se ficou boa :

[Anexo excluído pelo administrador]

Nossa, parabéns! Obrigado por disponibilizar a aula...

Eu só vi isso agora, mais tarde dou um edit aqui mostrando o resultado. (y)
Unique Destiny | um novo conceito de RPG Maker 2000!

Nossa! Hoje foi o dia dos tutoriais! hehehe! + Ouro para este lindo tutorial! Explicadíssimo!