Descrição: Hoje veremos como criar um Background para o Twitter, o famoso serviço de microblogging que virou sucesso na internet ainda não conta com nenhuma opção de otimização para criação de Backgrounds, se você não quiser usar os templates que o serviço oferece tem que fazer tudo “na mão”, neste tutorial veremos como criar um Background simples, utilizando 3 imagens, criação de patterns, modos de blend, fill layers etc.
- [message]
-
##check##AVISO: Como criar um Background para o Twitter
- Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂
01. Para este tutorial utilizaremos 3 imagens para formar nosso Background, clique com o botão direito do mouse sobre a imagem abaixo e escolha a opção Save Link As para baixar o arquivo zipado contendo as três imagens.
02. Pressione Ctrl+O e abra a primeira imagem, pressione Ctrl+Shift+U para retirar a saturação da foto, pressione Ctrl+I para inverter as cores, agora pressione Ctrl+A para selecionar todo conteúdo do documento e vá em Edit> Define Pattern, escolha um nome para o novo Pattern e pressione Ok.
03. Repita o processo com as outras duas imagens mas não inverta as cores depois de retirar a saturação, transforme as imagens em Patterns.
04. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1024×1024, vá em Layer> New Fill Layer> Gradient, pressione Ok e defina um gradiente como o da foto abaixo (não é necessário que fique perfeitamente igual).
05. Agora vá em Layer> New Fill Layer> Pattern e escolha o primeiro Pattern que salvamos, mude o modo de blend da layer para Soft Light e defina a opacidade em 40%.
06. Vá novamente em Layer> New Fill Layer> Pattern e desta vez escolha o segundo Pattern que salvamos, mude o modo de blend da layer para Overlay e defina a opacidade em 40%.
07. Pressione Ctrl+J para duplicar a layer e defina a opacidade em 100%.
08. Agora vá em Layer> New Fill Layer> Pattern, selecione o terceiro Pattern que foi criado e mude o modo de blend da layer para Color Dodge.
09. Pressione Ctrl+J para duplicar a layer , mude o modo de blend da nova layer para Overlay.
10. Agora será necessário otimizar o tamanho do arquivo para salvar a imagem com o tamanho exato do Background do Twitter, vá em Image> Canvas Size e defina o tamanho de 512×1024 pixels, pressione Ok.
11. Agora vá em File> Save For Web & Devices e defina os valores abaixo, deixe o Filetype em JPEG e Quality em 90%, pressione Save para salvar a imagem.
12. Agora basta fazer o upload da imagem em sua conta do Twitter e curtir seu novo Background (aproveite e siga-me por lá!).
site de origem: http://tutorials.mysitemyway.com/starfield-tileable-twitter-background-tutorial/
Não consegui :s
Qual é esse photoshop???
Quero fazer um pro meu twitter mas com minha logo na lateral esquerda do site.
e do lado direito uma lista de serviços ou talvez um mascote. tem como me ajudar?
Affs, eu não consegui nem fazer esse BG. Parei na parte que tem que repitir o processo com as outras. Como assim? Em novo documento? Em nova layer?
Eu não consegui entender isso aê.
Explica por favor?
Bjos !
vlw champz 🙂 consegui fazer img824.imageshack.us/img824/3457/twitterwallpaper.jpg
perfect x)
queria fazer com fotos… mas q ficassem aparecendo no cantinho, e naum atras do meu twitter, se alguem souber como faz deixa recado pra mim no meu blogger
janabebe.blogspot.com/
Não consigo colocar no twitter :S Ele fica dando Over Capacity, mó saco, alguem sabe resolver??
Muito bom,perfeito
Sensacional! Parabéns e muito obrigada!
è bom tambem seguir este tuto pra fazer um wallpaper ^^
eu fiz pra wallpaper fico super bacana !!
Otimo post Andre Sugai !!
cara não consegui mudar o blend mode das layers com o pattern :S
mas o tutorial tah otimo velho, e o resultado ficou magnifico… pena que não consegui fazer o meu x)
abraço
Adorei!!
Super novato no ps e seu certo!!!
Vlw
puta veio, sou novatao no ps e conseguir fazer ficou show,
vejam meu resultado no meu twitter
twitter.com/redalmeida
André que d+++++++, ontem me matei pra poder fazer um back pro meu, fikei horas tentando encaixar os trequinhos no lugar certo e não ficava kakakakaka, muito bom vlw.Meu 1ºpost:
twitter.com/ciclophael
muito bom a onda ta pegando
muito boa dica, principalmente pra webdsigners como eu…ajuda mto….vlw
Ensina então como fazer uma entrada flash pro myspace 😉
Cara você é um Gênio! Mais um Tutorial Sensacional!!!!!!
Boa dica pra galera André.
Tem muita gente precisando hehe.
Abraço.