terça-feira, 27 de novembro de 2012

Imagem lado a lado para Gmail, Facebook e capa do Twitter

Bg lado a lado

Este tutorial serve para quem quer usar um bg pattern na capa do Facebook, do Twitter ou no background do Gmail.

Nesses três casos, primeiro você tem que criar um wallpaper grande a partir do pattern. Caso crie ou encontre a imagem usando o Colour Lovers, lá já existe a opção Your Screen que gera um papel de parede do tamanho exato da sua resolução de tela:

Em qualquer outro caso, é possível gerar um wallpaper grande a partir do pattern usando um tiquinho de HTML. Para este tutorial você precisará de:

  1. Bloco de notas ou editor HTML. Pode ser o Notepad.exe do Windows, mas sugiro o Notepad++.
  2. Navegador, sugiro Chrome ou Firefox. O Internet Explorer mostra barra de rolagem mesmo quando não há conteúdo para rolar, o que deixará seu papel de parede imperfeito.
  3. Editor de imagens. O Paint do Windows serve, mas sugiro o IrfanView.

Para evitar dúvidas: pattern = imagem de fundo lado a lado = background que repete “toda a vida” nos sentidos vertical e horizontal.

► Dez passos:

Vou fazer o tutorial para Gmail porque ele exige uma imagem maior (do tamanho exato da sua área de trabalho). Essa mesma imagem pode ser usada como capa do Twitter ou do Facebook.

1. Abra o bloco de notas ou o seu editor HTML favorito.

2. Cole o seguinte código:

<html> <head> <style> body {background:url('trama-azul.png') repeat;} </style> </head> <body> &nbsp; </body> </html>

Ficará assim:

3. Onde está escrito trama-azul.png coloque o nome exato do arquivo pattern que você quer usar como fundo do Gmail.

4. Salve como bg.html dentro da mesma pasta onde está salvo o background. Se estiver usando o Notepad do Windows, selecione antes Tipo: Todos os Arquivos.

5. Abra o recém-criado arquivo bg.html no seu navegador:

6. Tecle F11 para abrir a página em tela inteira:

7. Tecle PrintScreen.

8. Agora seu papel de parede está na área de transferência. Usando Ctrl+V, cole-o no seu editor de imagens favorito:

9. Salve o wallpaper que você criou.

10. Configure o Gmail com a imagem desejada e veja o resultado:

► Na capa do Twitter

Imagem lado a lado na capa do Twitter

Se preferir, você pode recortar e salvar no tamanho exato de 1252 x 626 pixels. Para alterar a imagem vá a Configurações » Perfil » Capa.

► Na capa do Facebook

Imagem lado a lado na capa do Facebook

Se preferir, você pode recortar e salvar a imagem no tamanho exato de 850 x 315 pixels. Para alterar, passe o cursor sobre a capa atual e clique em Alterar foto » Enviar foto.

► Considerações finais

♦ Algumas pessoas vão achar mais fácil criar uma imagem do tamanho da resolução de tela e preenchê-la com o pattern. Fica a seu critério. Eu, como não poderia deixar de ser, acho muito mais fácil com HTML.

♦ Mantenha esse arquivo bg.html dentro da sua pasta de patterns. Quando quiser gerar outro papel de parede é só trocar o nome da imagem de fundo.

♦ No tema personalizado do Gmail, as imagens com o lado esquerdo escuro ficam melhores, já que o logo e as pastas sempre aparecem com fonte branca.

♦ No próprio Irfan View você pode reduzir o brilho das imagens para que o contraste no Gmail fique mais adequado. O atalho é Shift+G (Imagem » Correção das Cores).

► Confira também:


Até mais!

Pix meutedio arroba mail ponto com

Nenhum comentário:

Postar um comentário

Todos os comentários são moderados pela autora do blog.