em , , , ,

Tutorial: Como criar um Background para o Twitter

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

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 512×1024 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/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

19 Comments

  1. 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 !

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

O maravilhoso mundo do Twitter (Legendado).

Inspiração, Cartazes de Rock: Nick Cave.