Tutorial: Como criar um Background para o Twitter

COMPARTILHE:

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.

Preview 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 :)

tutoriais photoshop

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.

Como criar um Background para o Twitter

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.

Como criar um Background para o Twitter

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.

Como criar um Background para o Twitter

04. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1024x1024, 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).

Como criar um Background para o Twitter

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%.

Como criar um Background para o Twitter

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%.

Como criar um Background para o Twitter

07. Pressione Ctrl+J para duplicar a layer e defina a opacidade em 100%.

Como criar um Background para o Twitter

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.

Como criar um Background para o Twitter

09. Pressione Ctrl+J para duplicar a layer , mude o modo de blend da nova layer para Overlay.

Como criar um Background para o Twitter

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 512x1024 pixels, pressione Ok.

Como criar um Background para o Twitter

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.

Como criar um Background para o Twitter

12. Agora basta fazer o upload da imagem em sua conta do Twitter e curtir seu novo Background (aproveite e siga-me por lá!).

Como criar um Background para o Twitter

site de origem: http://tutorials.mysitemyway.com/starfield-tileable-twitter-background-tutorial/

COMENTÁRIOS

BLOGGER: 19
  1. Boa dica pra galera André.

    Tem muita gente precisando hehe.

    Abraço.

    ResponderExcluir
  2. Cara você é um Gênio! Mais um Tutorial Sensacional!!!!!!

    ResponderExcluir
  3. Ensina então como fazer uma entrada flash pro myspace ;)

    ResponderExcluir
  4. muito boa dica, principalmente pra webdsigners como eu...ajuda mto....vlw

    ResponderExcluir
  5. 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:
    http://twitter.com/ciclophael

    ResponderExcluir
  6. puta veio, sou novatao no ps e conseguir fazer ficou show,

    vejam meu resultado no meu twitter

    www.twitter.com/redalmeida

    ResponderExcluir
  7. Adorei!!

    Super novato no ps e seu certo!!!

    Vlw

    ResponderExcluir
  8. 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

    ResponderExcluir
  9. è bom tambem seguir este tuto pra fazer um wallpaper ^^
    eu fiz pra wallpaper fico super bacana !!
    Otimo post Andre Sugai !!

    ResponderExcluir
  10. Não consigo colocar no twitter :S Ele fica dando Over Capacity, mó saco, alguem sabe resolver??

    ResponderExcluir
  11. 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

    http://janabebe.blogspot.com/

    ResponderExcluir
  12. vlw champz :) consegui fazer http://img824.imageshack.us/img824/3457/twitterwallpaper.jpg

    perfect x)

    ResponderExcluir
  13. 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 !

    ResponderExcluir
  14. 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?

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,231,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,493,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como criar um Background para o Twitter
Tutorial: Como criar um Background para o Twitter
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.
https://www.andresugai.org/Tutoriais/04.2009/T18/imagem12.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/04/como-criar-um-background-para-o-twitter.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/04/como-criar-um-background-para-o-twitter.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar