Como Criar um Background para o Twitter
Autor: Adriano Souza | Publicado: 2010-11-27T23:46:00-02:00

Ola pessoal hoje recebi um email de um leitor com a seguinte dúvida " Como criar um background para Twitter"! Bem como eo nao uso o twitter e num faço a minina idéia :D eo sai incansavelmente a procura disto, e achei uma dica bem bacana no blog do nosso amigo Carlos Hps vejma só.
Preview!!! 




Não é verdade que um bem elaborado background (imagem  de fundo) associado ao Twitter, causa uma excelente impressão, quando  já demonstra, já passa qual o estilo da pessoa, o que ela faz e o que se  pode esperar de seus twittes? Imagem de fundo para twitter
Então, neste tutorial, veremos, em primeira mão, como eu desenvolvi o background do meu Twitter.
Pré-RequisitosFamiliaridade com o Fireworks CS3 ou CS4
ObjetivosCriar um background personalizado para o Twitter
Conteúdo1º&nbsp; Passo – Aplicando a Dimensão CorretaAnalisando bem a interface gráfica dos perfis do Twitter, onde os twittes são  publicados, juntamente com a barra lateral, ocupam aproximadamente 763  px de largura. Para o background percebe-se as seguintes divisões e  dimensões:
criar background para twitter
Fig. 01: DimensõesMinha intenção é criar um background para resoluções de no mínimo 1280 x 1024px. Vale a pena lembrar que devemos criar uma imagem em 72 dpi e com, no máximo, 800 KB.
No meu caso aqui, minha intenção é divulgar quem eu sou e o  que faço na lateral esquerda e na direita, inserir alguns ícones das  tecnologias, linguagens, aplicativos de que domino ou utilizo no meu  dia-a-dia de trabalho.
Então, criemos um arquivo nas dimensões 1280 x 1024 px, mas utilizaremos a área útil como sugerido acima.
2º Passo – Criando a Textura e o Efeito do BackgroundAqui vai entrar o gosto de cada um. Eu tenho minhas preferências, principalmente pela cor verde.
Um dia desses uma amiga minha me questionou:
Carlos, por que você gosta tanto da cor verde?Acredita que nem soube direito o porquê? Depois que aprendi sobre a  influência que as cores têm sobre as pessoas e os ambientes, aí sim,  descobri o lado bom do verde    .O detalhe é que meu logotipo tem e teve verde desde o início e, para  realçar, gosto de mesclar tons de escuro do verde, branco e um cinza ou  preto. É o que faremos agora.
Vamos criar um retângulo com as mesmas dimensões do arquivo (1280 x  1024px), aplicar um preenchimento gradiente radial a começar do canto  superior esquerdo até um pouco ao centro e inserir um textura como é  mostrado na imagem a seguir:
 background para twitter
Fig. 02: Preenchimento do backgroundUma outra opção é aplicar texturas externas, que não são “nativas” do  Fireworks, mas que podem ser incorporadas a ele. Abaixo vão algumas  texturas:

Textura de rayas by ~photosoma
Vintage Valentine Paper by ~Aramisdream
927 by ~redesiukEscolhida a textura, vamos criar um novo retângulo com as mesmas dimensões do anterior e colocar sobre ele.
Em seguida, com este novo retângulo selecionado, aplicaremos a nova textura:

Fig. 03: Aplicando texturaE, na imagem abaixo, vemos o resultado com e sem a aplicação de mais um efeito: Blend Mode &gt; Overlay, localizado na barra Properties.

Fig. 04: Aplicação do Blend Mode &gt; OverlayE, para finalizarmos, aplicaremos um fade neste retângulo pelo menu Commands &gt; Creative &gt; Auto Vector Mask, isso para o FW CS4, para o CS3, acesse o menu Commands &gt; Creative &gt; Fade Image:

Fig. 05: Aplicação de transparência com "Fade"E o resultado até aqui é este:

Fig. 06: Resultado parcial3º Passo – Inserindo Logotipo e Informações GeraisComo nosso foco é divulgar um Webdesigner Freelancer, vamos colocar  sua logo e um resumo do profissional e dos serviços que ele presta. E  tudo isso vai ficar na lateral esquerda, como mostrado na imagem abaixo:

Fig. 07: Resultado parcial4º Passo – Enviando o Background para o TwitterBackground criado, agora vamos inseri-lo ao Twitter. Obviamente, estando logado, acessemos Settings &gt; Design &gt; Change background image  e selecionemos a nossa imagem que deve ter sido exportada num formato  GIF, PNG ou JPG, lembrando que não poderá ultrapassar 800 KB.

Fig. 08: Escolha do backgroundClicando depois em save changes, teremos:

Fig. 09: Resultado parcial5º Passo – Ajustando as Cores do TwitterE para finalizarmos, é preciso melhorar a combinação de cores do Twitter com o novo background, não acham?
Pois bem, vejamos como acertar nesta combinação, criando uma paleta de cores:

Fig. 10: Paleta de coresE o resultado é: