Dois Cliques

Neste post vou explicar como criar um banner para blog com o MS Paint usando várias imagens diferentes para criar um banner único, e dar dicas gerais sobre o Paint.

O Paint é o programa de edição de imagem que vem com o Windows, bom para edições básicas, como inserir uma imagem dentro de outra, recortar, copiar, etc. Para quem quiser experimentar edição mais avançada, há programas com mais funções e que permitem adicionar efeitos extra à imagem ou foto.

Vou apenas referir o meu editor de imagens preferido que além de ser muito completo é também grátis, é o Paint.Net criado originalmente para ser um substituto do MS Paint do Windows mas que acabou por se tornar um programa muito melhor e com funções avançadas de edição de fotos ou banners, destaco por exemplo a edição da imagem por camadas, a adição de efeitos, ou a ferramenta de clonagem para copiar/clonar zonas da imagem, tudo isto o torna também um óptimo programa para criar banners para blogs.

O Paint.Net pode ser descarregado daqui: Download Paint.Net (requer a instalação prévia do Net Framework da Microsoft).

Criar banners para blogs no Paint

Para criar um banner para o seu blog pode usar imagens que tenha já no seu computador e combiná-las de forma a criar uma imagem nova e única. Isto também ajudará a tornar o seu blog único. ;)

Antes de começar a trabalhar o banner no Paint, veja no template do seu blog qual a largura dele, ou abra-o no navegador e veja qual o tamanho do banner actual. Para ver isto, clique com o botão direito do rato em cima do banner e em "Exibir imagem de fundo" ou "Exibir imagem".

O banner vai aparecer na janela do navegador, agora pode clicar com o botão direito de novo nela, e em "Propriedades do elemento", no caso de usar o Firefox (como eu), ou a opção equivalente no Internet Explorer, e ver quais os valores em "Dimensões da imagem". Outra possibilidade aqui é simplesmente guardar a imagem no computador e abri-la no Paint, assim basta editá-la para ter o seu banner para o blog sem se preocupar com as dimensões.

Usando o Paint do Windows

1. Para iniciar o Paint, vá a Iniciar > Todos os Programas > Acessórios > Paint.
2. Abra a pasta  com a imagens que quer usar para o banner e arraste uma delas para cima da janela do Paint, ela será aberta no Paint e estará pronta a editar. Se a imagem tiver um tamanho diferente do banner pode clicar de novo no canto inferior direito do programa e arrastar para o tamanho certo, a imagem será cortada. Dica: será mais fácil se o seu blog já tiver um banner, assim pode copiá-lo para o seu computador, abrir a pasta onde o guardou, arrastá-lo para dentro do Paint, e editar.
3. Agora pode arrastar outras imagens mais pequenas para cima da actual para criar uma nova imagem, ou usar as ferramentas no lado direito da janela do programa para inserir formas geométricas coloridas na imagem, colocar bordas, ou colocar spray como se de um graffiti se tratasse. Também pode inserir texto no banner, veja como:

Como inserir texto num banner no Paint: Clique no ícone "A" que está na barra de ferramentas do Paint, no lado esquerdo, e depois clique na zona da imagem onde quer que o texto apareça.

Surge uma janelinha na qual poderá definir qual o tipo de letra a usar, o tamanho, e a formatação. Por exemplo letra Algerian, tamanho 22, a negrito.

Para mudar a cor de fundo das letras, clique com o botão direito numa das cores na ferramenta de selecção de cores do Paint, na parte de baixo da janela. Se quiser mudar a cor das letras, clique com o botão esquerdo.

Se quiser que as letras fiquem sem fundo (fundo transparente) clique no último ícone na barra de ferramentas do lado direito, o que mostra um cubo verde sobre um fundo transparente.

Pode usar outras ferramentas para modificar o banner, como o pincel, o spray, ou o lápis, definindo a cor que quiser para elas. Pode inserir quadrados, áreas ovais ou círculos (para fazer círculos no Paint, mantenha a tecla SHIFT pressionada enquanto arrasta o rato, ao fazer uma área oval. O mesmo se aplica para fazer quadrados, ao seleccionar a ferramenta de rectângulos).

Se tiver dúvidas sobre como usar as ferramentas no Paint, clique em Ajuda > Tópicos de Ajuda, no programa.

Truque engraçado para o Paint: Veja o acontece ao seleccionar uma pequena zona da imagem (ferramenta de selecção no topo da barra de ferramentas, a estrela ou o rectângulo), e depois, mantendo a tecla SHIFT pressionada, arrastar a zona seleccionada com o rato. ;)

Quando o novo banner estiver como você quer, clique em Ficheiro > Guardar como, e seleccione a pasta onde quer guardar a imagem. Guarde no formato JPEG para criar um ficheiro mais pequeno. A imagem terá as mesmas dimensões mas o ficheiro ocupará menos espaço, isto também ajudará a que o seu blog abra mais depressa para os seus visitantes.

Uma das razões que fazem alguns blogs demorarem a abrir é o tamanho exagerado das imagens que estão nele, incluindo a imagem no banner de topo.

Dicas para formatos de imagem: Se a imagem tiver muito texto, é melhor guardar no formato PNG para manter tamanho pequeno mas boa qualidade, se quiser guardar a imagem no seu computador para editar de novo em outra altura, use o formato BMP, este produz imagens de maior qualidade mas com um tamanho enorme de ficheiro (não use imagens BMP como banner, se tiver uma que queira usar como banner, converta primeiro para outro formato).

Criando um banner do zero: Uma forma alternativa para criar banners para blogs é criar o banner começando uma imagem do zero em vez de usar imagens existentes. Para fazer isto abra o programa, vá à barra de ferramentas na parte de cima da janela e clique em Ficheiro, Novo. Isto cria uma nova imagem em branco na janela do Paint.

Coloque o ponteiro do rato no canto inferior direito desta nova imagem e quando ele mudar para um seta dupla, arraste o rato até dar à imagem o tamanho que quer para o banner, pode ver o tamanho actual na barra inferior na janela do programa, do lado direito. Será algo assim como 700x200 o que significa que a imagem tem 700 pixéis de largura por 200 de altura. Dê-lhe o mesmo tamanho do banner que quer criar.

Colocar o banner num blog do Blogspot

Depois de ter o novo banner a seu gosto, é hora de o colocar no blog. Vou mostrar como fazer em relação a blogs no Blogspot. Entre no painel de administração do seu blog, e vá a "Layout", depois clique na área "Cabeçalho". ´

Na janelinha que aparece, clique dentro do campo em "Imagem > De seu computador", e navegue até à pasta onde guardou a imagem, seleccione-a. Depois clique em "Enviar arquivo".

Se a imagem for maior do que o espaço disponível para ela no cabeçalho do blog, marque a caixinha que diz "Reduzir para ajustar" em "Posicionamento". Clique em "Salvar".

Se quiser dicas sobre como enviar banners para blogs alojados em outras plataformas que não o Blogger ou Blogspot deixe um comentário a este post.