Pixel art, como é chamado em inglês, é o termo dado a um determinado tipo de arte digital produzida com editores de imagem raster. O termo surgiu em 82, mas esse estilo já existia há algum tempo. Uma arte vetorial nada mais é do que um pintura digital onde cada pixel é trabalhado individualmente. Por isso uma não deve sofrer os efeitos de anti-aliasing automático, blur ou qualquer outro que calcule o valor dos novos pixels automaticamente.

Mas não se prenda às regras… sinta-se livre para criar com a ferramenta que você quiser. Uma pixel art poderia ser feita até no Inkscape. Desde que siga o mesmo estilo padrão dessa arte.

Mas… do que você vai precisar?

• Gimp (mesmo as versões mais antigas)
• Uma boa paleta de cores (ou várias delas)
• Criatividade

Vamos lá! Antes de mais nada vamos preparar a área de trabalho. Abra o GIMP e vá em Preferências. Isso se encontra no menu Editar. Em seguida vá em Grade padrão e em Espaçamento mude a altura e largura para 1 pixel. Pronto, agora é só clicar em OK.

Crie uma nova imagem de 10 por 10 pixels (esse tamanho vai mudar de acordo com o tamanho da sua arte, aqui ele é apenas para exemplificar). Observe que a tela de pintura está preta. Agora aumente o zoom para 3200%.

Por fim… vá no menu Visualizar e clique em Exibir Grade.

Esse processo proporcionou um ambiente perfeito para a pintura. A grade visível mostra a separação entre cada pixel. Agora só falta pintar! Para isso você pode usar, praticamente, qualquer ferramenta de pintura. Isso fica a sua escolha. Mas é aconselhável que utilize a ferramenta Lápis (N, para atalho) por ela ser mais fiel a esse estilo de arte.

A paleta de cores mencionada acima serve (e muito) para esse tipo de arte. Em geral artes pixeladas possuem uma composição de cores de poucos tons. No GIMP você pode habilitar a visualização das paletas de cores indo no menu Janelas » Diálogos de Encaixe » Paletas.

Daí para frente é com você.

Boas artes

Aproveite para me enviar as artes que você criar com esse método. Quem sabe ela não aparece aqui no OGIMP?
julio@ogimp.com.br

Como veremos a seguir, o GIMP é incrivelmente maleável. Podemos, assim, modificá-lo como quisermos. Podemos melhorá-lo ou simplificá-lo. Tanto na sua aparência (nas preferências do programa) quanto na sua estrutura (código-fonte).

Mas talvez também o problema dessas pessoas seja outro… talvez elas estejam querendo fazer algo no programa errado. Então fique sabendo que existem outras opções para trabalhar com imagens.

• MyPaint é um programa desenvolvido para pintura virtual – uma outra alternativa ao GIMP, já que este também é muito útil para pintura virtual.
• Tux Paint simples, prático e divertido - É destinado a crianças, ótimo para quem só quer brincar de pintar.
• Inkscape trabalha com desenhos vetoriais – ótimo para trabalhos comerciais como fazer websites, logomarcas, etc.
• Phatch é um editor de imagens em lote – perfeito para redimensionar um número grande de imagens em uma única vez.

Dito isso, agora iremos falar sobre o assunto proposto no título, que é como deixar o GIMP mais simples. Bem… se eu fosse explicar cada etapa levaria algumas boas horas. Então,suponho que você tenha uma boa base sobre o GIMP, assim será bem mais fácil entender o que direi. E para aqueles que não sabem eu colocarei alguns links, assim basta clicar neles para ler do que se trata.

Para muita gente a Caixa de ferramentas tem ferramentas demais. Remover algumas dessas ferramentas é muito simples. Basta ir no menu Janelas » Diálogos de encaixe » Ferramentas. Você verá uma lista de todas as ferramentas disponíveis, para remover basta clicar sobre o “olho” correspondente, assim ele desaparecerá, e a ferramenta também, da Caixa de ferramentas. Se por acaso você removeu alguma ferramenta por engano, basta clicar de volta e a ferramenta voltará ao seu lugar.

Você viu algo diferente nessa imagem? Está faltando uns dois “quadradinhos”, não é mesmo? Sim, para remover esses “quadradinhos” você vai em Editar » Preferências, na janela que surgir vá em Caixa de ferramentas e desative Exibir cor de frente & cor de fundo.

Se você não percebeu ainda, praticamente todas as janelas do GIMP são redimensionáveis. Então se você acha alguma delas pequena demais ou grande demais, basta arrastar o mouse para a “borda” da janela em questão e arrastar de forma que a nova dimensão se ajuste ao seu desejo. Inclusive você pode separar ou unir diálogos.

Além disso podemos mover os diálogos, assim como vemos na imagem acima. Dessa forma podemos, por exemplo, deixar todas as ferramentas em uma única janela. Para isso, pegue os diálogos de encaixe Cor de frente e fundo, Texturas, Pinceis e Degradés (suponho que para muitos, estes são os diálogos necessários). Arraste-os para baixo do diálogo das Opções de ferramentas. Ficará semelhante a imagem:

Observe que nas opções cor de frente/fundo escolhi a opção Paleta. Esta é a mais simples para escolha das cores. Qualquer um aprende a usá-la muito mais facilmente do que a opção GIMP, que é bem mais complexa.

Também modifiquei a forma como os ícones dos diálogos são exibidos. Para mim é viável que os ícones mudem de acordo com a opção selecionada, mas para outros isso é confuso. Estes prefeririam que os ícones fossem fixos. Então para fazer isso basta clicar no botão apontado pelo mouse na imagem abaixo.

Em seguida, vá em Estilo da aba e escolha Ícone. Repita o procedimento com os outros diálogos e pronto!

Por fim… um último ajuste…

Clique novamente no botão mostrado na imagem acima. E clique agora em Exibir barra de botões. Repita o processo na caixa de ferramentas.

No fim você terá um GIMP mais simples e prático de usar. Você ainda pode remover muito mais deixando apenas o essencial, mas, para isto, recomendo que você estude mais sobre o GIMP e continue voltando aqui.

Até a próxima!

Vamos lá !!!

A figura que iremos trabalhar é essa:

Abra a imagem no GIMP

após clique na ferramenta de seleção retangular na opções de ferramenta marque a opção enevoar bordas com limite de 30,0.

Com a ferramenta de seleção retangular selecione a imagem.

Clique no Menu Seleção > Inverter ou CTRL+I e inverta a seleção para que parte externa (parte de fora) da seleção fique selecionada e sem seguida crie uma Nova Camada. Menu Camada > Nova Camada , com o nome da camada de Bordas com o tipo de preenchimento transparente.

Com uma nova camada criada clique na ferramenta de preenchimento na Opções de Ferramentas de preenchimento escolha a opção Preenchimento com Textura e escolha a textura Wood of some sort.

Com a ferramenta de seleção na parte selecionada da imagem, a ponto que fique assim.

Este é o resultado final.

Espero que vocês tenham gostado, qualquer dúvidas envie um e-mail , agora é só desenvolver a sua criatividade.

Tutorial testado no Gimp 2.0

Autor: Elton Lima – (eltonlimØgmail·com)

Abra a imagem no Gimp, Clique com botão direito em cima da camada e selecione Adicionar Canal Alpha.

Clique na ferramenta Selecionar Regiões por Cor.

Na parte inferior da barra de ferramentas Marque a opção Enevoar bordas e defina o Raio para 4,0. Isto funcionará como um anti-aliasing suavizando as bordas da imagem. Para Limite informe o valor 45,0.

Clique em alguma área branca daimagem. Você pode clicar na área em volta do logo e notará que o furo do disco também ficará selecionado, já que este também é branco. perceba isto não aconteceria usando a
ferramenta de seleção de regiões contíguas.

Agora pressione Ctrl + K na janela da imagem, para tornar o fundo transparente. Pressione Shift+Ctrl+A para retirar a seleção. Um contorno branco aparece ao redor da imagem.

Sem o uso do recurso de enevoar a imagem ficaria com rebarbas.

Agora você salvará a imagem. Utilize o formato PNG que além de suportar transparência também aceitará o efeito enevoado, já que este formato suporta 24 bits de cor e o efeito funciona como um gradiente do branco para o transparente. Usando o formato Gif a suavização seria perdida.

Clique em Arquivo, Salvar como. Aparecerá o Diálogo Salvar Imagem. Após informar o nome e selecionar a pasta, Clique em Tipo de Preenchimento e selecione Imagem PNG dentro do menu que apareceu. Feito isso clique em Salvar.

Na próxima tela que aparecer você pode ecolher o nível de compressão da imagem. Se for para web deixe em 9,pois a imagem precisa de uma compressão alta para não demorar para carregar. Agora é só clicar em OK.

Adicionando uma cor de fundo nas imagens você pode notar a diferença nas bordas. O serilhado fica mais evidente em imagens escuras que contrastam com a borda.

Excluindo o fundo com o valor de Enevoar Bordas para 13, aparece um efeito interessante:

Versão em PDF aqui

Espero ter ajudado.

Tutorial testado no Gimp 2.0

Autor: Henrique Barone – (hbaroneØterra·com·br) – site: (http://quadrochave.com/)

Veja a animação

Abra uma imagem qualquer, ou esta abaixo.

Clique em Script-fu > Animadores > Ondas. Abrirá esta janela:

Você pode configurar os parâmetros de Amplitude e Comprimento da onda. Neste exemplo trabalharemos com os valores padrão de ambos , mas vamos alterar o número de quadros (camadas) para 10 quadros. Quanto maior o número de quadros , mas devagar será o movimento. Clique em OK e espere a operação ser concluída.

OBS: Não podemos criar uma animação com a variação de amplitude ou comprimento de onda personalizados com este efeito. Para isto, você deverá trabalhar com o efeito Onda dentro de Filtros > Distorções e fazer os ajustes quadro-a-quadro.

O efeito está aplicado

Note que foram criadas 10 camadas para esta animação

Para visualizar a animação clique em Filtros > Animação > Reproduzir . Clique em Passar/Parar para iniciar a reprodução.

Agora é hora de exportar a animação. Fecha a janela de reprodução, clique em Arquivo > Salvar Como
Dê um nome para a animação, seleciona a pasta em que vai salvar e escolha a extensão Gif (imagem Gif). Clique em Salvar.

A janela de Exportação de Arquivo aparecerá. Marque a opção salvar como animação

Clique em exportar. Aparecerá a janela Exportar como Gif. Caso queira que a animação seja contínua, Deixe marcada a opção Repetir indefinidamente. Por fim, clique em OK e aguarde enquanto o arquivo está sendo gerado.

Tutorial testado no Gimp 2.0

Autor: Henrique Barone – (hbaroneØterra·com·br) – site: (http://quadrochave.com/)

Existe algumas técnicas para remoção de olhos vermelhos causados pelos flashes de câmeras.
Porém, acho mais fácil fazer isto com a utilização de um plugin do Gimp que realiza esta tarefa em apenas um clique e com bom resultado.

Este tutorial foi desenvolvido tendo por base a plataforma Windows.

Baixe o plugin aqui
A versão de Windows é a zipada

Descompacte o arquivo e vá para a pasta C:/Arquivos de programas/GIMP-2.2/lib/gimp2.0/plug-ins/ e coloque o executável “redeye.exe” nessa pasta.

Inicie o Gimp, e abra a imagem a ser tratada. Você pode usar esta:

Utilize a ferramenta de seleção elípitca para fazer um círculo ao redor das pupílas. Utilize a tecla Ctrl para fazer múltiplas seleções. A seleção não precisa ser perfeita, pois você só está limitando a área que aparece a cor vermelha que deseja remover.

Clique em Filtros > Misc > Auto Red eye Remove . Pronto!

Caso queira ajustar a região sensível à correção, escolha Filtros > Misc > Red eye Remove . Uma janela se abrirá permitindo definir o ajuste de sensibilidade

Bem rápido, não é?

Tutorial testado no Gimp 2.0

Autor: Henrique Barone – (hbaroneØterra·com·br) – site: (http://quadrochave.com/)

Criar uma nova imagem com o tamanho que desejar.
Abra o diálogo de degradês (Crtl +g), Clique em Brushed Aluminium e fecha a janela.
Clique na ferrramenta degradê de cores e faça um traço na diagonal como na figura abaixo.

Clique em Filtros, Ruído, Espalhar RGB.
Desmarque a opção Independente e informe 0,30 para as cores, caso este não seja o valor padrão.

Para finalizar, clique em Filtros, Desfocar, Borrão de Movimento.
Coloque Linear para o Tipo de borrão. Em Parâmetros para borrar informe 75 para o comprimento e 45 para o ângulo.

Tutorial testado no Gimp 2.0

Autor: Henrique Barone – (hbaroneØterra·com·br) – site: (http://quadrochave.com/)

Selecione preto para a cor de fundo e crie uma nova imagem 250×150, marcando Fundo para Tipo de Preenchimento.
Selecione a ferramenta texto, escolha uma fonte cheia (Arial Bold, por exemplo), mude o tamanho da fonte para 48 e escolha cor branca.

Duplique a camada, selecione a ferramenta texto e mude sua cor para azul. Clique em Filtros, Desfocar, Borão de Movimento. Em Tipo de borrão, selecione Zoom, em Parâmetros para borrar, selecione 40 para Comprimento.

Coloque esta camada para baixo e duplique-a para realçar o efeito.

Tutorial testado no Gimp 2.0

Autor: Henrique Barone – (hbaroneØterra·com·br) – site: (http://quadrochave.com/)

Muitas pessoas costumam usar um tamanho especifico para trabalhar com imagens ou mesmo necessitam criar continuamente veja os exemplos de banner que tem por ai. Eu por exemplo criei um 32×32 ideal para alguns cenarios de jogos, e claro varios outros tamanhos também.

Então vamos começar.

Abra o GIMP vá em Arquivo >> Novo ou use o Atalho Ctrl+N. abriu uma janela com as propriedades da imagem.

Repare no combo box “A partir do Modelo” é la que ficara armazenado nosso modelo
imagem abaixo:

Bom vamos criar um modelo bem famoso o micro button ele é bem usado nos sites geralmente para parcerias. Veja este exemplo:

Coloque a medida 88×31 na resolução não foi necessário mexer devido ao tamanho reduzido da imagem.

Agora com a imagem criada basta ir em Arquivo >> Salvar como Modelo.
Eu coloquei (Web micro button 88×31),

Pronto agora quando abrir uma nova imagem “A partir do Modelo” ela estará lá.

O que já acabou ???

Tá bom mais algumas dicas,

Também poderiamos ir em Arquivo>> Diálogos >> Modelos

Aqui além de criar o modelo e a imagem a partir do modelo, também dá pra duplicar editar e remover os modelos. Ao criar você também pode escolher os icones referente ao seu modelo.(sem dúvida aqui é bem mais fácil para criar os modelo)

Agora pra quem gosta de editar arquivos basta abrir o templaterc é nele onde é gravado as informações. Veja a informação gerada para nosso botão:

(GimpTemplate “Web micro button 88×31″
(stock-id “gimp-web”)
(width 88)
(height 31)
(unit inches)
(xresolution 72.000000)
(yresolution 72.000000)
(resolution-unit inches)
(image-type rgb)
(fill-type background-fill)
(comment “Created with The GIMP”))

obs: templaterc é encontrado nos diretorios personalizados do usuário no /Home no Linux e no /Documents and Settings no Windows XP

Tutorial testado no Gimp 2.0

Autor: Anderson Prado (andeonbr-ogimpØyahoo·com·br) – site: (http://www.ogimp.com.br)

Então vamos lá

1º Crie uma nova imagem com 400×400 pixel (* só para exemplificar você pode mudar os parâmetros do tamanho).

Use a ferramenta de Selecionar regiões elípticas (Elliptical Selection) faça uma seleção circular segurando a tecla Shift para que seja um circulo perfeito.

2º O macete é colocar a cor clara de frente (Foreground) e a outra cor escura de fundo(Background) (* no nosso caso o branco e preto)
você pode selecionar outras cores com duplo clique com o botão esquerdo.

3º Vamos configurar a ferramenta gradiente (Blend) de um duplo clique com o botão esquerdo do mouse pra habilitar a configuração da ferramenta e configure com os parâmetros abaixo:

Agora com a ferramenta configurada clique com o botão esquerdo do mouse no ponto 1 e arraste até o 2 como mostra a figura abaixo:

4º Veja o resultado.

Você pode mudar a cores da esfera sem precisar recriar o efeito basta clicar com o botão direito e acessar o menu principal >> imagem >> cores >> equilíbrio de cores e configure como as configurações abaixo:

Agora utilize o atalho Crtl + Shift + A para desmarcar a seleção da imagem e esta pronta sua iamgem.

Tutorial testado no Gimp 1.2.5

Autor Anderson Prado (andeonbr-ogimpØyahoo·com·br) – site: (http://www.ogimp.com.br)