6 maneiras de criar um banner da web

Índice:

6 maneiras de criar um banner da web
6 maneiras de criar um banner da web
Anonim

Você deve estar familiarizado com banners da web (banners da web). Esse material gráfico geralmente fica no topo de um site e exibe o nome e o logotipo da empresa, ou na forma de um anúncio - ou uma combinação de ambos, em um site comercial. Os banners devem ser informativos, atraentes e convidativos - os banners devem fazer os visitantes regulares se sentirem em casa. Mostraremos abaixo várias maneiras de criar um banner.

Etapa

Método 1 de 6: Photoshop

Etapa 1 para fazer um banner
Etapa 1 para fazer um banner

Etapa 1. Crie um novo documento

Especifique o tamanho do banner, vários tamanhos de banner padrão estão disponíveis. Para os fins deste artigo, vamos nos concentrar no tamanho padrão de "banner completo" (468 x 60 pixels).

Nota: este é o tamanho padrão do banner, mas não é obrigatório. Se você quiser um tamanho diferente, use esse tamanho como um guia

Etapa 2 para fazer um banner
Etapa 2 para fazer um banner

Etapa 2. Defina a cor de fundo do banner

Preencha a camada de fundo (também conhecida como camada) com uma cor que suporte o design do seu site.

  • Clique em Cor do primeiro plano para abrir o Seletor de cores e escolha uma cor de preenchimento.
  • Com a ferramenta Paint Bucket, preencha a camada de fundo do banner com a cor de sua escolha.
Etapa 3 para fazer um banner
Etapa 3 para fazer um banner

Etapa 3. Crie uma nova camada

Vamos preencher essa camada com uma cor mais rica para ajudar a embelezar o texto e o logotipo. O tamanho desta camada deve ser proporcional ao tamanho do banner e centralizado.

  • Em uma nova camada, faça uma seleção um pouco menor do que o banner original e preencha com a cor desejada.
  • Centralize a área preenchida. Selecione a camada inteira pressionando CTRL + A (PC) ou Command + A (Macintosh).
  • No menu Camada, escolha Alinhar camadas à seleção> Centros verticais. Repita esta etapa, mas selecione Centros horizontais. Esta ação centralizará a camada de contraste horizontal e verticalmente.
Etapa 4 para fazer um banner
Etapa 4 para fazer um banner

Etapa 4. Adicionar um logotipo

Abra o arquivo do logotipo, copie-o e cole-o no documento do banner para que apareça como uma nova camada. Redimensione para caber conforme necessário. Pressione CTRL + T em um PC ou Command + T em um Macintosh e use as alças para redimensionar o documento. Use a tecla Shift na alça para redimensioná-la proporcionalmente.

Etapa 5 para fazer um banner
Etapa 5 para fazer um banner

Etapa 5. Adicione o nome da empresa ou site

Selecione a ferramenta de texto, selecione a fonte (também conhecida como fonte) desejada e digite o texto nela. Se necessário, ajuste o tamanho da fonte, conforme descrito na etapa anterior.

Etapa 6 para fazer um banner
Etapa 6 para fazer um banner

Etapa 6. Adicione elementos extras

Às vezes, um logotipo e um nome são suficientes. Mas adicionar algumas linhas e ornamentos aumentará o interesse ao banner. Crie uma nova camada para fazer isso para que seus ajustes não interfiram com as outras camadas.

Etapa 7 para fazer um banner
Etapa 7 para fazer um banner

Etapa 7. Limpe

Ajuste o posicionamento do logotipo, do título e de quaisquer elementos extras e salve o banner.

Método 2 de 6: Microsoft Paint

Etapa 8 para fazer um banner
Etapa 8 para fazer um banner

Etapa 1. Crie um novo documento

Etapa 9 para fazer um banner
Etapa 9 para fazer um banner

Etapa 2. Desenhe uma seleção do tamanho de um banner

Você pode criar o tamanho que desejar ou clicar aqui para ver os tamanhos de banner padrão.

Etapa 10 para fazer um banner
Etapa 10 para fazer um banner

Etapa 3. Para criar um fundo colorido, use a ferramenta balde de tinta para preencher o banner com a cor que desejar

Use cores que combinem com o site.

Etapa 11 para fazer um banner
Etapa 11 para fazer um banner

Etapa 4. Adicione fotos, imagens e texto

Clique na guia Colar e, no menu, selecione Colar de.

Encontre uma imagem de sua preferência e clique no botão Abrir

Etapa 12 para fazer um banner
Etapa 12 para fazer um banner

Etapa 5. Redimensione a imagem, se necessário

Clique na guia Redimensionar e selecione Pixels. Ajuste sua altura vertical para coincidir com a altura do banner.

  • Mova a imagem para o lugar.
  • Adicione quantas imagens quiser (e ajuste!)
Etapa 13 para fazer um banner
Etapa 13 para fazer um banner

Etapa 6. Adicione um nome

Use a ferramenta Texto (botão A) para adicionar seu nome ou qualquer outro texto que desejar.

Etapa 14 para fazer um banner
Etapa 14 para fazer um banner

Etapa 7. Corte (também conhecido como cortar) o banner

Use a ferramenta Selecionar e desenhe uma caixa ao redor do banner. Certifique-se de que corresponda ao tamanho do resultado final que você deseja. Em seguida, clique em Cortar.

Etapa 15 para fazer um banner
Etapa 15 para fazer um banner

Etapa 8. Uma vez feito isso, salve

Método 3 de 6: usando o Microsoft PowerPoint

Etapa 16 para fazer um banner
Etapa 16 para fazer um banner

Etapa 1. Crie um novo documento PowerPoint em branco

Ajuste a visualização para 100%

Etapa 17 para fazer um banner
Etapa 17 para fazer um banner

Etapa 2. Desenhe o fundo do banner

Use um dos tamanhos de banner padrão ou o tamanho que você precisar.

  • Clique na guia Forma e selecione um retângulo básico.
  • Desenhe o tamanho que você deseja e, em seguida, preencha o conteúdo do seu coração. Você pode usar uma cor sólida ou, no menu de cores de preenchimento, selecionar Efeitos de preenchimento ou clicar no botão Estilos rápidos e escolher uma cor de preenchimento predefinida.
Etapa 18 para fazer um banner
Etapa 18 para fazer um banner

Etapa 3. Adicionar imagem ou logotipo

Você pode adicionar uma foto, logotipo ou outra imagem ao banner. Usaremos algum clip art como decoração. Clique no botão Imagem e selecione o tipo de imagem que deseja inserir. Adicione uma imagem, redimensione-a e coloque-a no banner.

Etapa 19 para fazer um banner
Etapa 19 para fazer um banner

Etapa 4. Adicione texto ou outros elementos

Insira o nome da empresa, slogan ou outras informações complementares para o banner.

Etapa 20 para fazer um banner
Etapa 20 para fazer um banner

Etapa 5. Selecione o banner

No menu Editar, escolha Selecionar tudo ou digite CTRL + A (PC) ou Command + A (Mac). Importante: certifique-se de que seu banner está exatamente como você deseja e que nada mais esteja no slide (também conhecido como slide)!

Clique com o botão direito em qualquer elemento que não seja de texto no banner e selecione Salvar como imagem …

Etapa 21 para fazer um banner
Etapa 21 para fazer um banner

Etapa 6. Salve o banner

Abra-o e verifique se o banner é exatamente o que você deseja, depois use-o conforme necessário!

Método 4 de 6: Usando o Criador de Banner Online

Etapa 22 para fazer um banner
Etapa 22 para fazer um banner

Etapa 1. Visite um dos seguintes sites:

BannersABC.com, Addesigner.com, mybannermaker.com, etc. (Pesquise qualquer outra coisa no Google). Existem muitos fabricantes de banners online. Reserve alguns minutos para comparar os vários recursos e, em seguida, escolha o mais adequado para você.

Etapa 23 para fazer um banner
Etapa 23 para fazer um banner

Etapa 2. Adicione texto e imagens

Siga as instruções na tela e instruções para criar um banner. Esses sites geralmente oferecem sua própria arte que você pode adicionar ao banner, mas também pode importar imagens de sua própria criação.

Etapa 24 para fazer um banner
Etapa 24 para fazer um banner

Etapa 3. Gere o banner

Uma vez feito isso, geralmente haverá um recurso de exportação que permitirá que você especifique o diretório onde o banner será salvo, junto com o formato (JPEG geralmente é de boa qualidade). Siga as instruções, salve, baixe e use o banner conforme necessário.

Método 5 de 6: Criando um Avatar Adequado para o Banner

Etapa 25 para fazer um banner
Etapa 25 para fazer um banner

Etapa 1. Esta etapa é opcional

Você pode criar um avatar que corresponda ao banner, se você usá-lo nos fóruns.

Etapa 26 para fazer um banner
Etapa 26 para fazer um banner

Etapa 2. Use a opção Cortar

Este recurso está disponível na maioria dos aplicativos gráficos. Corte o banner em um tamanho pequeno.

Como alternativa, você pode criar uma versão pequena que incorpore elementos em um banner grande. Pode ser um logotipo, uma imagem ou apenas o nome de uma empresa. O segredo é mantê-lo fácil de ler

Etapa 27 para fazer um banner
Etapa 27 para fazer um banner

Etapa 3. O tamanho do avatar deve ser pequeno

O tamanho padrão é 48x48 pixels.

Etapa 28 para fazer um banner
Etapa 28 para fazer um banner

Etapa 4. Salve o avatar

Método 6 de 6: Adicionando Banners para Assinaturas de Fóruns, Sites, etc

Etapa 29 para fazer um banner
Etapa 29 para fazer um banner

Etapa 1. Crie uma conta

Use um site de compartilhamento de fotos como Photobucket, Flickr, Tumblr ou similar.

Depois de criar uma conta, você pode fazer upload de banners, avatares e outras imagens para o site

Etapa 30 para fazer um banner
Etapa 30 para fazer um banner

Etapa 2. Obtenha o código

Use a ferramenta de compartilhamento para obter o código HTML para adicionar seu banner a assinaturas de fóruns, sites ou qualquer outra coisa.

Pontas

  • Instale várias fontes em seu computador.
  • Pratique muito!
  • Veja exemplos de banners em fóruns ou outros lugares.

Aviso

  • Fazer banners leva tempo e paciência!
  • Para salvar o banner nas melhores condições possíveis, salve-o no formato bitmap de 24 bits e faça uma cópia dele em JPEG e GIF, pois JPEGs e GIFs podem adicionar desfoque aleatório à imagem.
  • Se você usar o PowerPoint para criar um banner, o resultado final pode estar no formato EMF, que o Photobucket não suporta. Para convertê-lo, certifique-se de salvar a imagem (passo # 9) no formato JPEG ou GIF. Ambos os formatos podem ser suportados pelo Photobucket.

Recomendado: