Bannersketch

A todos os momentos, em praticamente qualquer página da internet, nos deparamos com banners de todos os tipos e tamanho. Como aqui ao lado.

Eles servem basicamente para fazer propaganda, seja de outro site, de um produto, um jogo, ou ainda servem para colocar alguma informação em destaque. Normalmente eles vêm com um link embutido.

O problema é que não é muito fácil criar um banner bonito, que chame a atenção, sem perder algum tempo. É aí que entra o Bannersketch. Ele agiliza o processo de forma surpreendente, e ainda fornece várias opções para você fazer seu banner exatamente do jeito que imagina.

Começando pelo começo

O site está em inglês, mas não se preocupe. Depois deste guia, tudo ficará fácil. O primeiro passo é escolher o modelo (“Template”). Você deve optar entre criar o seu próprio ou usar um pré-construído (“Prebuild Templates”), como este:

Caso deseje construir o seu, clique em (“Empty templates”). Na janela que se abre, você pode escolher entre os tamanhos prontos de modelo ou configurar você mesmo as dimensões em pixels. Dica: preste muita atenção ao espaço disponível no local onde você pretende colocar seu banner.

Escolhidas as dimensões o próximo passo é decidir o “Background”, ou seja, o plano de fundo. Há duas opções:

1) Você escolhe a cor do topo e do fundo do banner e o resultado fica em estilo degrade.

2) Você escolhe uma imagem do PC e faz “upload” dela para o site. Para usar essa opção clique em “Use a custom background” (Usar um background personalizado); na janela que se abre, selecione “Enviar arquivo”, escolha o arquivo e clique em “Upload background”. Assim como no Orkut, selecione qual setor da imagem deve ser usado no banner. Clique “Generate Preview” para ver como ficou. Se gostar, clique em “Save Preview”, do contrário, em “Upload New Image” e repita o processo.

Um texto para chamar a atenção

O próximo passo é o mais importante. Nele é definido qual será o texto do banner, normalmente aquilo que chama mais a atenção. Primeiramente, defina quantos “frames”, ou seja, quantos quadros o seu banner deve ter. Escolha um número de frames “maior” que 1 somente se quiser dar a ideia de movimento.

Em seguida, escolha quantas linhas de texto o banner deve exibir. Não é recomendado mais que três, pois de outra forma a imagem fica muito saturada. Abaixo, você deve preencher o texto desejado em cada uma das linhas. Ao lado de cada uma destas linhas aparecem três ícones com a letra “A”.

O primeiro deles serve para alterar a fonte do texto, e funciona da mesma forma que no Word. O segundo adiciona um efeito de sombreamento às letras e, o terceiro, bordas.

Abaixo, define-se a cor do texto em cada uma das linhas. Ao clicar, surge na tela uma palheta de cores. Escolha a que deseja, mas não se esqueça de clicar no ícone verde para atualizar o banner.

A próxima seção serve para configurar a localização espacial das linhas de texto dentro do banner. Para cada uma das linhas há duas barras, a que move o texto no eixo X (horizontal), e outra para o eixo Y (vertical). Para entender melhor, mexa nelas e observe o resultado. Clique em “Center” para voltar à posição inicial.

A seguir, mais três barras, uma para cada linha. Elas servem para girar o texto no próprio eixo. Clique no pequeno ícone verde para mudar entre sentido horário e anti-horário, e, na barra, defina quantos graus de rotação bastam.

Caso você tenha decidido produzir um banner com mais de 1 frame, repita as operações acima em cada um deles, fazendo as alterações desejadas. Ao lado da seleção de frames, surge uma caixa. Nela, você define o intervalo de tempo entre um frame e outro. Clique em “Preview speed” para ver uma demonstração de cada velocidade.

Finalizando

Falta pouco. Na próxima aba “Border”, você decide se quer colocar uma borda no banner. O próprio site recomenda que seja colocada uma de 1 pixel de uma cor escura. A justificativa é de que a maioria dos banners é feito assim.

Mova para a aba “Generate” e preencha os dados requisitados com informações válidas. Se você gostou do resultado, clique em “Generate and send banner” para gerar. Se não, comece tudo novamente ou volte para alguma das etapas anteriores para arrumar o que está errado.

O banner é gerado e enviado no email fornecido no cadastro. Na própria janela do site você pode clicar em “Get your HTML/Forum/MySpace codes” para obter os códigos que facilitam a postagem do banner online.