Como fazer: Banner/Assinatura

Oi gente! Hoje eu vim ensinar vocês a fazer um banner. É simplesmente muito fácil e fica lindo! Olha um exemplo que eu já fiz:

Então vamos lá?

1º passo: O banner

Usarei   o  Photoscape

Abra o photoscape e clique em ‘’Menu’’ no painel inferior, e depois clique em ‘’Nova Foto’’. Uma janela se abrirá com a largura, a altura e a cor. Ajuste desse modo: 

Largura: 500

Altura: 300

Cor: Branco

Clique em ok. Agora vamos adicionar o background. Clique na aba ‘’objeto’’, depois clique no icone da fotografia, clique em ‘’Foto...’’ e selecione o background que você quiser. Eu usarei esse. Junto com o background abrirá uma janela ‘’foto’’ e clique em ok. Agora vá clicando no sinalzinho de + do lado do background, e ele irá abrindo mais cópias do background. Vá ajustando até que preencha todo o fundo branco (não importa se o background ficar fora da imagem). Em seguida, clique em ‘’Foto+Objetos’’ e selecione a primeira opção e clique em ok. Ainda na aba ‘’Objeto’’ selecione esse quadrado:

Ajuste dessa maneira:

Agora , em cima da imagem, selecione dessa maneira:

Ficará assim:

Novamente, clique em ‘’Foto+Objetos’’, selecione a primeira opcão e clique em ok. Pronto! A base do seu banner está pronta! Deixe o photoscape aberto desse jeito e vamos para o segundo passo!

2º passo: A doll

Vá até a sua suite, arrume a sua doll do jeito que você quer que ela fique no banner e clique em ‘’Álbum’’ para salvar ela no álbum. Não precisa salvar a suite. Agora vá na sua apresentação e clique em editar. Clique em ‘’Anexar imagem atual’’ -> ‘’Álbum’’ e abra a última doll que você salvou. Ela irá aparecer na sua apresentação do jeito que você salvou ela. Agora clique nela com o botão direito e selecione ‘’Abrir imagem em uma nova guia’’ ou simplesmente arraste a doll para uma nova guia. Agora vá na guia com a imagem da doll e clique com o botão direito e selecione ‘’Salvar imagem como...’’ e salve no lugar de sua preferência. Agora volte para o photoscape e na aba ‘’Objeto’’ clique na fotografia -> ‘’Foto...’’ e selecione a imagem da doll que você salvou. Clique em ok na janelinha que irá abrir e ajuste a doll do jeito que você quiser. Eu ajustei assim:

Agora clique em ‘’Foto+Objetos’’ -> Primeira opção -> Ok. Ainda na aba ‘’Objeto’’ clique no ‘’T’’ que corresponde a Texto. Ajuste o texto de sua preferência. Eu ajustei o meu assim:

Arrume o texto no lugar que você quiser, e clique em ‘’Foto+Objetos’’. Pronto! Salve e feche o photoscape.

3º passo: Mapeando

Este passo é opcional para quem quiser colocar aquele icone de facebook, da suite, twitter, etc, no banner. Abra no photoscape o seu banner. Na aba ‘’Objeto’’ clique na fotografia -> ‘’Foto...’’ e abra o ícone da sua rede social. Clique em ok para a janelinha que se abrirá. Ajuste o ícone do seu jeito. O meu ficou assim:

Agora clique em ‘’Foto+Objeto’’ e salve seu banner.

Agora vamos mapear a imagem. Abra esse site:  www.image-maps.com

Agora clique no botão ‘’Escolher arquivo’’ e selecione o seu banner. Após ter feito isso clique em ‘’Start mapping your image’’. Irá abrir uma janelinha que diz para esperar alguns segundos e a sua imagem abaixo. Espere a contagem acabar, e clique na opção ‘’continue to next step’’. Agora clique no botão ‘’Retangle’’. Ajuste dessa maneira:

Depois disso clique em save. Agora que já terminamos, clique no botão ‘’Get your code’’ e na página que se abriu, clique nessa aba:

Agora copie esta parte do código:

E cole em algum lugar, recomendo o bloco de notas. Logo após colar esta parte do código, adicione   </div>   no final do código e salve no seu pc. Agora para usar seu banner em uma postagem, mude para a opção HTML e cole o seu código, como na imagem a seguir:

Agora volte para a aba ESCREVER e abaixo do seu banner, escreva o seu post, normal. Visualize e veja se deu tudo certo, e se não der, repita os passos com atenção.

Bom, é isso galera, espero que tenham gostado do tutorial. Esse tutorial é apenas uma base para vocês fazerem seus próprios banners. No começo pode parecer difícil e complicado, mas é só prestar bastante atenção e seguir os passos certinhos para acertar. Qualquer duvida é só entrar em contato comigo pela minha doll Lilla_Fofucha, e vou deixar umas bases prontas aqui para vocês usarem. Recomendo também este site: www.iconfinder.com onde eu achei o ícone que usei do facebook. Beijos e tenham um ótimo dia.

Clique na imagem para ampliar