Dicas para você criar o seu primeiro banner

Um banner é uma figura que representa o seu blog e é normalmente utilizado para fazer sua divulgação, acompanhado do link para seu blog. Neste “guest post” escritor por Victor Brito, você aprenderá a utilizar o Photoshop para criar um banner para seu blog. Victor é diretor de arte com vasta experiência na área de marketing, design e publicidade, fundador do blog de design Bons Tutoriais, onde compartilha suas experiências com tutoriais de Photoshop e outras ferramentas de design.

A criação de blogs vem aumentando cada vez mais. Com isso, muita gente está blogando mas não tem noção de design ou programação, o que faz com que muita gente tenha dificuldade para criar um banner para seu site. Pensando nisso, darei algumas dicas de tamanhos de banners e também um breve tutorial de como você criar o seu banner no Photoshop.

Identidade

Preste bastante atenção na identidade de seu blog ou site. Crie um banner cujo layout esteja de acordo com o seu site para que os dois “se conversem” e a pessoa que clicou não fique perdida e ache que o banner é uma propaganda enganosa.

Tipos de banner

Ao criar um banner, você precisa definir de que tipo ele será. Como você pretender que seu banner seja?

• Estático: Banner normal, sem nenhuma animação.
• Animado: Banner com ilustrações, vídeos ou breves animações.
• Interativo: Banner onde você pode colocar uma interação com o mouse, seja um jogo, menu ou animação do ponteiro do mouse.

Tamanhos de banners

Abaixo fiz uma imagem para exemplificar o tamanho dos banners que são mais usados atualmente. Em alguns sites e blogs, o dono pode definir outros tamanhos, o que significa que você pode precisar criar banners de acordo com a necessidade do seu parceiro.

Tutorial

Neste tutorial, vou ensinar a criar seu banner usando o Photoshop.

1. Abra o Photoshop e crie um documento novo e deixe com as dimensões desejadas.

2. Pegue a imagem de seu logo e arraste-a para o seu banner dentro do Photoshop. Uma vez colocada, você poderá redimensionar o seu logo para que se ajuste ao banner. Veja abaixo.

3. Depois de ajustado, você pode salvar o seu banner. Vá a File > Save for Web. O Photoshop abrirá um painel com opções de como criar o seu banner.

4. Nesta parte é onde você pode definir o peso do seu banner. O mais recomendado é fazer um banner leve para que ele seja carregado rápido. Veja abaixo as configurações.

5. Depois disso, é só você enviar o banner para seu site.

Espero que este artigo tenha te ajudado! Em caso de dúvidas, deixe um comentário.

Sobre o autor Adelson Smania está na internet desde o longínquo ano de 1997. Trabalha na área de Tecnologia de Informação há mais de 10 anos e escreve artigos para o Gerenciando Blog, com colaborações eventuais em outros sites e blogs.