Skip to content

Como criar banners matadores no GIMP

Você quer ter ou tem um blog e busca imagens na internet para seus artigos? Ou ainda você possuía um amigo que fazia os banners e imagens de destaque do blog mas, acabou desistindo? Continue lendo que vou mostrar uma forma simples para criar banners matadores e imagens de destaque para o seu blog.

Minha decisão em fazer meus banners e imagens de destaque

por-que-editar

Como você já deve saber eu tenho um blog o Ser ou Não Sei, eu nunca fazia material visual para o blog, um dos sócios do empreendimento fazia tudo, enquanto eu ficava responsável pelo site e dividia também a responsabilidade de edição de podcasts. Eu sempre achei muito difícil mexer com aplicações como photoshop e ilustrator, logo não me importava de deixar essa responsabilidade com meu amigo.

Mas, um belo dia, o meu amigo e sócio precisou se ausentar por alguns meses por motivos pessoais, qual seria minha solução? Claro! Vou contratar um designer para fazer minhas ilustrações! Mas, quando contatei alguns designers e eles cobrariam cerca de R$300,00 por 4 vitrines para o podcast tive que reconsiderar.

Veja que não critico o valor proposto, mas ainda não movimento dinheiro suficiente para pagar o valor proposto, assim comecei a pesquisar como poder editar minhas imagens e fazer minhas imagens matadoras. Acabei pesquisando algumas ferramentas, acabei escolhendo o GIMP.

Quando defini a ferramenta que iria trabalhar, comecei fazer uma das coisas que mais gosto, estudar. Então comecei a ver todo o tipo de material possível e imaginável sobre como trabalhar com o GIMP e suas ferramentas, comecei a treinar até conseguir gerar um resultado satisfatório. Como sempre falo a você ou você gasta o seu tempo ou seu dinheiro, nesse caso gastei meu tempo.

Vá para o próximo tópico que vou lhe explicar o que é o GIMP.

Gimp um editor de imagens open source

gimp original

Se você não conhece o GIMP vou trazer uma breve descrição:

GIMP é um programa de edição e criação de imagens para Windows, Mac e Linux. Ele é uma boa alternativa gratuita ao Photoshop e conta com uma série de ferramentas e recursos, como pincéis e efeitos para fotografias. O editor ganhou interface única, permitindo ao usuário abrir várias janelas distintas.”

Logo a grosso modo o Gimp é uma espécie de “paint avançado”, essa ferramenta possui recursos que me ajudam o montar meu banner ou minha imagem de destaque, além de permitir pegar uma imagem e colocar minha logo como marca d’agua se quiser.

Um ponto importante ressaltar que o Gimp é uma ferramenta gratuita, além de ser open source. Então você pode usar ela como quiser e alterar até ao formato que lhe agradar. Mas, mesmo sendo uma ferramenta gratuita, lhe convido a dar um valor simbólico ao projeto, mesmo que seja apenas 5 dólares por ano, pois é uma forma de ajudar a manter algo extremamente útil se desenvolvendo.

Afinal, você entrou nesse artigo para aprender como editar suas imagens para o seu site não? Então continue lendo que vou mostrar passo a passo como criar a imagem que fiz no destaque para esse artigo.

Criando seu banner no gimp

gimp-ferramenta

Veja abaixo um vídeo que fiz para explicar o processo de criação das imagens:

Para te ajudar, vou descrever aqui os pontos mais importantes do GIMP:

Área de ferramentas

gimp ferramentas

A área de ferramentas fica no canto superior direito da tela do GIMP, lá temos as principais ferramentas para manipulação das imagens, logo mais explicarei as ferramentas usadas para criar a imagem destacada no vídeo.

Área de propriedades de ferramentas

propriedades ferramentas

Logo abaixo da área de ferramentas temos as propriedades das ferramentas, ela é muito importante pois, você pode mudar algumas características da ferramenta selecionada através dessa área.

Área de gerenciamento de camadas

camadas gimp

Essa área é responsável como o nome já diz, para gerenciar as camadas, você pode criar, alterar ou excluir uma camada. Também possível mover a prioridade da camada, mas talvez você não saiba o que é uma camada não?

Pense num bolo recheado, você tem a primeira camada da massa, uma segunda camada com o recheio, outra camada fechando o bolo e até uma outra camada com a cobertura. Nesse exemplo temos 4 camadas (parte inferior, recheio, parte superior e cobertura), todas essas partes juntas formam o seu bolo, na manipulação de imagens você também terá 1 ou mais camadas e a junção das camadas você terá sua imagem tratada, simples não?

Pincéis

pinceis gimp

A área inferior direita temos a area de pinceis, o gimp possui uma dezena de pinceis, com eles é possível você desenhar e pintar como num papel, também alguns pinceis você usa com o próprio mouse para fazer retoques e correções ou até para usar como uma espécie de carimbo para colocar um elemento na sua imagem.

Uma vantagem do GIMP é que se você quiser se aprofundar você pode criar um pincel você mesmo.

Área da imagem

bebe gimp

A área mais importante onde você vai manipular sua imagem, ele possui réguas para ajudar a sua orientação e conforme você vai montando o seu desenho você vai visualizar seus elementos nessa área.

Agora vamos ver as ferramentas usadas para montar a imagem do vídeo:

Camada fundo:

Ferramenta de preenchimento: Essa ferramenta é o famoso balde de cores que você usava no paint, você seleciona a ferramenta e um pouco abaixo temos a seleção de cor, para escolher a seleção de cor você pode ir navegando na ferramenta de cor ou pode ver mais através do site HTML color codes.

Camada textura:

Ferramenta de preenchimento: Aqui eu vou até a área de propriedades e mudo de cor de preenchimento para textura, ai é escolher uma das várias texturas e inserir a textura da sua escolha. Importante nesse ponto é clicar novamente na camada de fundo, na parte superior da área de camadas, você pode ir alterando sua opacidade para combinar as camadas.

Assim que pinto a textura na camada, ainda uso a ferramenta de preenchimento e pinto uma área da textura com a mesma cor do fundo.

Camada Logo Gimp

Seleção contínua: Essa ferramenta é usada para selecionar um formato que a ferramenta entende, que é formado o desenho, ou seja ele vai fazer o traço observando a semelhança das cores, como a logo é no formato png e também possui transparências, eu posso usar essa ferramenta para selecionar tudo em volta da imagem. Mas, você pode usar essa ferramenta se a imagem que você quer selecionar possui a borda bem nítida.

Menu principal -> Selecionar -> Inverter: Algo que uso muito, pois, ao invés de selecionar a imagem você pode selecionar a área contrária e depois inverter a seleção, como no vídeo eu seleciona a área transparente, depois inverto a seleção para copiar e colar.

Ferramenta de redimensionamento: Como o nome já diz você pode aumentar ou diminuir uma seleção com essa ferramenta, no caso do exemplo do vídeo eu diminuo a imagem para se adequar ao tamanho de banner definido.

Ferramenta de mover: Essa ferramenta também é simples, através de uma seleção, posso move-la com ajuda do mouse, com ela colocamos a imagem no ponto escolhido.

Camada Logo Produtor Ninja

Eu uso as mesmas ferramentas da camada anterior.

Camada caderno Caderno

Ferramenta seleção por cor: Muito parecido com a seleção contínua, essa ferramenta você não vai só escolher cores parecidas mas, a cor especifica que você selecionar. Como no vídeo eu quero me livrar de uma escala de preto e cinza, eu vou selecionando todas as cores parecidas para remover do desenho clicando e arrastando. É importante ressaltar que essa ferramenta vai selecionar a cor escolhida então se o desenho possui essa cor ela também será selecionada.

Logo use com cuidado a ferramenta, para concluir use a inversão da seleção como mostrado na camada de logo do GIMP.

Ferramenta Borracha: Como o nome já diz a ferramenta é usada para apagar, você pode escolher um pincel e ir apagando uma determinada imagem. Eu uso a ferramenta para fazer alguns retoques na seleção.

Ferramentas já explicadas: Ferramenta de redimensionamento e Ferramenta de mover.

Camada mãos

Ferramenta de seleção livre: Essa ferramenta você vai indicando a ferramenta o formato da sua seleção (quanto mais pontos melhor), você precisar circundar a imagem que você quer até fecha-la. É uma ferramenta indicada para seleções que não estejam muito claras.

Ferramentas já explicadas: Ferramenta de redimensionamento e Ferramenta de mover.

Camada Texto

Ferramenta de texto: Com essa ferramenta você pode criar uma área de texto e escreve o que quiser. Você pode formatar normalmente o seu texto escolhendo fonte, tamanho, alinhamento e cor do texto.

Conclusão

Para criar um banner ou imagem destacada o GIMP é uma ótima ferramenta para manipular imagens, se você não conhece nada é um ótimo ponto de partida.

O processo de manipulação de imagem pode parecer um bicho de sete cabeças, mas, como descrevi é fácil fazer edições simples. Claro que imagens com manipulações** mais avançadas** é necessário muito estudo.

Se você quer aprender mais você pode ver as aulas de GIMP na TV Guarapa ou através do curso online do Cria Livre que podem lhe ajudar a fazer edições muito mais avançadas.

Se você gostou do artigo compartilhe esse artigo

Até mais e um grande abraço – Jhol

Published inUncategorized