Sem categoria Camila Fiori

Dicas para você criar o seu primeiro banner

Banner para seu blog com o PhotoShopUm 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.

ensando 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.

 

Banner para seu blog com o PhotoShop

 


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.

Banner para seu blog com o PhotoShop

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.

Banner para seu blog com o PhotoShop

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.

Banner para seu blog com o PhotoShop

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.

| Website

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

6 Comentários

  1. Ana Paula disse:

    Oi Adelson, tudo bem? Esse banner só pode ser feito no Photoshop? Existe alguma forma de usar alguma ferramenta free?

  2. John Silva disse:

    Oi Adelson!

    Não é a toa que o Photoshop é considerado o melhor programa para edições de imagens. Tem um potencial altíssimo e por isso até hoje nenhum outro software conseguiu chegar ao pés do Photoshop.

    Boa dica!

    • Adriano Luz disse:

      Olá, John!

      Realmente, o Photoshop é mesmo uma ferramenta fantástica para quem consegue dominar seus recursos.

      Como minhas necessidades de edição de imagens são bem limitadas, utilizo programas bem mais simples, como o Paint.net.

      Um abraço!

  3. Anônimo disse:

    Recomendo também o GIMP, uma otima ferramenta de Edição de Imagens

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.