Conhecendo o Paint (para novatos e curiosos)

Conhecendo o Paint (para novatos e curiosos)



Estive olhando pelo fórum e vi vários tutos sobre Pixel Art (até participei de um tópico sobre isso), mas nenhum completo e ilustrado sobre a ferramenta mais usada para tal: o Paint. Alguns acham que o paint só serve para fazer gráficos e sprites de maker (e, para outros, nem pra isso), mas tem um grupo que sabe que, como toda ferramenta, o paint tem sua utilidade (no meu caso, para alterar apenas alguns pixels, ele é perfeito).

Uma coisa que pode gerar confusão é se o spriter é diferente de pixel artist... eu digo que não. A diferença é que o spriter vai utilizar um poco mais de recursos que o pixel artist, mas no fundo são a mesma coisa pelo fato de trabalharem "no meio de pixels"...

Então desenvolvi este tuto sobre o Paint (que, apesar de intuitivo, tem gente que não sabe de tudo o que ele é capaz) para o pessoal que acabou de conhecer o maker e/ou ouviu falar de Pixel Art mas que não conhece esta simples e leve ferramenta de desenho. O tuto abaixo serve tanto para spriters quanto para aqueles que planejam entrar na área de pixel artists. Boa leitura!



A primeira coisa que se passa na cabeça de um novato é: "O que diabos é 'Pixel Art'?"

Pixel Art (ou PA, para facilitar a escrita) é, literalmemnte, arte feita em pixels.

"Perae, perae!!!! E o que são pixels? O.o"

Pixel é a menor unidade de uma figura no computador... usemos o seu papel de parede no windows como exemplo.
Digamos que ele mede 800x600. Mas... 800x600 o que? Centímetros, milímetros ou pixels?
É claro que você respondeu pixels... (^_^). Portanto, seu papel de parede mede, conforme o exemplo, 800x600 pixels.

Spoiler:

As figuras estão, normalmente, nos formatos GIF, JPG, BMP e PNG. Claro que existem outro formatos, mas esses são os mais comuns e os que nos interressam no momento.

Cada figura pde ser alterada (editada) por um programa de edição de imagens como o Paint, Photoshop, iDraw, Corel, etc. Mas nesse tuto, vamos nos concentrar no editor mais simples deles: o Paint(Localizado no Menu Iniciar > Todos os programas > Acessórios > Paint).



Essa é a aparência dele:

Spoiler:

Como podemos ver, temos algumas áreas para entender... Vamos começar pelo básico:
(não explicarei sobre o menu pois as funções principais estão na forma de atalhos aqui para facilitar a vida de todos)

Spoiler:

Obs.: A partir de agora, todas as vezes que eu estiver me referindo a uma tecla, ela estará descrita assim: . um sinal de + entre duas teclas significa que deve-se segurar a primeira e apertar 1x a segunda

Esta área branca é a área de pintura. É aqui que criamos nossos PA. Note as partes marcadas: elas são alças de redimensionamento. Servem para alterar o tamanho de nossa tela de pintura. Pode ser alterada,também, pelo atalho < Ctrl > + < E > e inserindo os valores nos campos Width (comprimento) e Height (altura) na janela que aparecer:

Spoiler:

Em seguida temos, na base da janela, nossa paleta de cores:

Spoiler:

É aqui que escolhemos as cores com que vamos trabalhar. Apesar de intuitivo, existem alguns detalhes que devemos saber a respeito dela:

* Para usarmos as cores, clicamos com o botão esquerdo do mouse para usar a cor 1 (foreground ou 1º plano), o botão direito para a cor 2 (background ou 2º plano ou fundo) e, para a cor 3 (sem explicação no help do paint, vamos chamá-la de extra, inicialmente sem cor), botão esquerdo em conjunto com < Ctrl >, que DEVE continuar pressionada durante o uso.

* Para escolhermos as cores, clicamos com o botão esquerdo, botão direito ou < Ctrl > + botão esquerdo, na cor desejada, conforme a necessidade.

Pode ser que as cores aqui demonstradas nao sejam o suficiente para nosso trabalho... nesse caso precisaremos editar algumas cores. Para isto basta clicar 2x em qualquer cor da paleta

Spoiler:

"Bem melhor!! Temos uma quantidade maior de cores para usar... mas se, ainda assim, precisarmos de outras? E porque as cores customizadas estão todas brancas?"

Primeiro, as cores customizadas estão brancas por padrão (ainda não salvamos nenhuma cor editada).
Neste caso teremos que "criar" nossas cores. Pata tal clicaremos no botão "Definir cores customizadas" o que nos dará:

Spoiler:

"(censurado)!!! Quantas cores!!! Agora posso fazer meus trab...!!! Mas espera, como eu desenho?"



Chegamos ao ponto que consumirá cerca de 80% de seu trabalho... as ferramentas:

Spoiler:

Explicando cada uma delas:

Seleção de forma livre: Como o nome diz, podemos selecionar uma área com qualquer forma, o que ajuda em certas ocasiões;

Seleção retangular: Aqui as áreas selecionadas são sempre retangulares (quadrados são, por definição, retângulos com os 4 lados iguais);

Borracha: Tal qual o nome sugere, serve para apagar erros cometidos durante a elaboração do PA. Se usada com o botão direito, substitui a cor 1 pela cor 2;

Balde: pinta uma área cercada ou nao (nunca os dois) com a cor escolhida;

Amostra de cor: Sua função selecionar uma cor pré-existente na imagem;

Zoom: Aproxima a imagem em 3 níveis (4 se usar o caminho View > Zoom > Custom); neste modo podemos ativar a grade de orientação apertando < Ctrl > + < G >;

Lápis: usado para traços finos de 1 pixel (a largura não é configurável)

Pincel: Usado tanto para traços finos quanto grossos;

Spray: Como se fosse uma lata de tinta real, espalha "pingos" de tinta aleatoriamente na tela;

Linha: Muito útil em desenho de mosaicos, cria uma linha reta;

Curva: Usada para se desenhar curvas, inicialmente faça uma linha reta. depois clique a uma certa distancia da linha e ela se curvará. O segundo clique fará outra alteração na curva e só (particularmente, eu acho essa a mais difícil ferramenta do Paint, por não conseguir fazer uma curva que me agrade >_<);

Retângulo: Usado para desenhar retângulos (quadrados são, por definição, retângulos com os 4 lados iguais);

Polígono: Usado para desenhar polígonos, mas cá entre nós, pode ser usado para desenhar contornos também ^_^;

Elipse: Usado para desenhar ovais e círculos;

Retângulo arredondado: Tal qual o retângulo, soh que com quinas arredondadas;

Texto: Insere um campo de texto (com fundo na cor 2) na figura; Não funciona com zoom maior que 1x. Configurado nesta janela:

Spoiler:

Nome da fonte: especifica qual fonte (tipo de letra) você está usando no momento;
Tamanho: Autoexplicativo;
Tipo: Geralmente western (ocidental). Pode ser alterado para outras linguas se a fonte possuir tal recurso;
Negrito: Deixa o texto assim
Itálico: Deixa o texto assim
Sublinhado: deixa o texto assim
Estas 3 últimas podemm ser combinadas entre si. Por exemplo: assim, assim, assim ou assim ^-^
Nota: A opção desativada não parece ter função mesmo (pelo icone, seria para mudar a orientação do desenho para paisagem)...



Existem certas configurações para melhorar o funcionamento das ferramentas:

Spoiler:

A primeira opção, caso movamos a seleção, deixa toda a área da cor 2 (que estiver dentro da seleção) opaca.
A segunda opção, caso movamos a seleção, deixa toda a área da cor 2 (que estiver dentro da seleção) transparente. Estas duas opções atuam nas seleções (os dois tipos), e na ferramenta Texto.

Nota: as ferramentas de seleção são as únicas que permitem copiar e colar com o botão direito do mouse.

Spoiler:

As configurações acima atuam nas ferramentas pincel, linha, curva, retângulo, polígono, elipse e retângulo arredondado e variam de 1 a 5 pixels de largura pelo menu oferecido, mas pode ser maior se alterado com < Ctrl > + < + >, ou menores (até 1 pixel) se reduzidos com < Ctrl > + < - >;

Abaixo temos as configurações que afetam retângulo, polígono, elipse e retângulo arredondado (para a cor 3, deve-se manter o < Ctrl > pressionado até o fim da ação, que consiste em segurar um botão do mouse, arrastá-lo e soltar quando a figura alcançar o tamanho desejado):

Spoiler:

Somente contorno: Desenha apenas o contorno da função da ferramenta com a cor usada;
Contorno com fundo: Desenha a função da ferramenta por completo de acordo com a cor utilizada:
* contorno cor 1: fundo cor 2
* contorno cor 2: fundo cor 1 ou cor 3 (+ < Ctrl >)
* contorno cor 3: fundo cor 2
Somente fundo: Desenha apenas o fundo da função da ferramenta com a cor usada;

As configuração abaixo são autoexplicativas mas vale lembrar que podem ser alteradas em tamanho com < Ctrl > + < + > ou < - >

Spoiler:

As configuração abaixo são autoexplicativas mas vale lembrar que podem ser alteradas com < Ctrl > + < + > ou < - >

Spoiler:

As configurações abaixo são mais usadas por quem se especializa em sprites e tiles. Age em cada seleção ou na imagem inteira:

Spoiler:

O flip, efeito que faz a seleção ou imagem girar num eixo, ou seja gira entre esquerda/direita na horizontal ou cima/baixo na vertical.
Já o rotate gira a seleção (ou a imagem) em sentido horário nos ângulos de 90, 180 ou 270 graus.

As configurações abaixo requerem bastante cuidado ao serem usadas pois podem deformar a seleção (ou imagem):

Spoiler:

O sketch altera a largura e altura da imagem, entretanto se a mudança não seguir uma proporção, causa o aparecimenteo de meios-tons nos limites das cores. Como no exemplo abaixo:

Spoiler:

Neste caso, aumentei a imagem em 150% ("medidas da imagem" x 1,5). O paint, pela medida, teria que aumentar meio pixel em cada pixel da imagem. Como isso não é possível, uma vez que o pixel é a menor parte de uma figura, ele cria tons intermediários entre duas cores adjacentes para causar a ilusão de que o aumento foi realizado.

Para obter uma imagem limpa eu deveria aumentar em múltiplos de 100% (200, 600, 1000, etc.), claro que isso vai implicar em um aumento (seja insignificante ou não) de "peso" em KB no resultado final.

Quanto à opção Inclinar (Skew), ela distorce a imagem (ou seleção) de acordo com o ângulo fornecido. Pode causar meios-tons dependendo do ângulo. Abaixo alguns exemplos:

Spoiler:

E para finalizar, não queremos perder nosso trabalho não é mesmo? Então basta Salvar nosso trabalho:

File > Save ou < Ctrl > + < S >(dê um nome ao seu trabalho, escolha o tipo - bmp, jpg, gif, png - e onde guardar)
Depois da primeira vez, sempre que você salvar, o Paint substituirá o arquivo antigo pelo mais recente, então se achar que não ficou bom e quiser comparar com o original, salve com:
File > Save As... (dê um novo nome ao seu trabalho, escolha o tipo - bmp, jpg, gif, png - e onde guardar)

Nota: Salve sempre que achar necessário, mesmo que o trabalho não esteja concluído. Se possível crie uma cópia de segurança matendo-a atualizada conforme seu progresso.

Para reabrir seu trabalho, abra o Paint, e escolha File > Open e localize seu arquivo



Então acho que é isso... sabendo como a ferramenta funciona, o desempenho melhora consideravelmente...

Obrigado por ter lido e dúvidas é só postar...

Muito bom tutorial, para quem não conhece bem o paint e esta afim de começar a aprender PA, esse tuto esplica bem cada função do paint, acelerando o aprendizado, assim também não precisara ficar fuçando.
Muito bom tutorial parabens!

Excelente tutorial para iniciantes, ele explica muito detalhadamente, o que é bom.