Descrição: Hoje veremos como desenvolver um layout para o novo (nem tão novo assim) Twitter, para isso usaremos ferramentas, filtros, modos de blend, layer styles, templates, fontes e ícones.
(adsbygoogle = window.adsbygoogle || []).push({});
01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.
02. Pressione Ctrl+R para habilitar as rulers ao redor do documento, vá em View> New Guide e defina o valor de 50% para horizontal, pressione Ok, repita o processo e desta vez escolha a opção Vertical, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção retangular horizontal, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com a cor preta, repita o processo criando o traço vertical.
03. Agora vá em Edit> Define Pattern, dê um nome para o novo Pattern e pressione Ok.
04. Agora clique aqui para fazer o download do template com resoluções de tela para que possamos basear o template na resolução do monitor que você está utilizando, pressione Ctrl+O e abra o template, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma seleção de acordo com a resolução do seu monitor, no caso do tutorial a resolução era de 1900×1200 pixels, vá em File> Save As e salve uma cópia do arquivo original, vá em Image> Crop.
05. Toda a criação ficará abaixo da linha indicada na imagem abaixo, acima desta linha temos a barra preta do Twitter.
06. Remova a visibilidade de todos os folders e da layer Background, para isso clique no folder ou na layer Background e vá em Layer> Hide Layers, clique na layer Background, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher a layer de branco.
07. Vá em Layer> Layer Style> Gradient Overlay, Layer> Layer Style> Pattern Overlay e defina os valores abaixo.
08. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher a layer de branco, mude o modo de blend da layer para Multiply, vá em Filter> Noise> Add Noise e defina os valores abaixo.
09. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho grande, escolha a cor indicada abaixo, com a tecla Shift pressionada clique e arraste nas bordas do documento para criar a sombra como na imagem abaixo.
10. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, com a tecla Shift pressionada clique e arraste para criar um quadrado como o da foto abaixo, ele será o molde para sua foto, pressione Ctrl+T para abrir a caixa de Free Transform, rotacione levemente o quadrado e pressione Enter para finalizar a transformação, vá em Layer> Layer Style> Outer Glow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
11. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, rotacione levemente o quadrado e pressione Enter para finalizar a transformação.
12. Pressione a letra U do teclado para selecionar a Rectangle Tool novamente, clique e arraste para criar um retângulo menor na parte superior central do quadrado anterior, vá em Layer> Layer Style> Inner Glow e defina os valores abaixo, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma frase qualquer, no caso deste tutorial usamos a fonte Jellyka CuttyCupcakes.
13. Vá em File> Place e escolha uma imagem para colocar na moldura que criamos, redimensione e posicione a imagem como desejar, pressione Enter para finalizar a transformação, vá em Layer> Create Clipping Mask.
14. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, crie uma shape como o da foto abaixo, mude o modo de blend da layer para Multiply, vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay, Layer> Layer Style> Stroke e defina os valores abaixo.
15. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste a cópia para baixo, repita o procedimento para que sua imagem fique como a da foto abaixo.
16. Agora clique aqui para fazer o download do pack de ícones sociais (caso queira utilizar o mesmo set usado neste tutorial), vá em File> Place, importe o primeiro ícone, redimensione e posicione o ícone, pressione Enter para finalizar, repita o procedimento para cada shape, caso queira mudar a cor de algum ícone vá em Layer> Layer Style> Color Overlay e defina a cor que você deseja.
17. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva os links dos seus contatos em redes sociais, no caso deste tutorial usamos a fonte Bebas Neue, caso o link seja muito grande utilize o site Tiny Url para diminuir seu tamanho.
18. No final seu layout ficará como o da foto abaixo.
Site de origem: http://bloomwebdesign.net/myblog/2011/08/31/design-a-stylish-twitter-background-in-photoshop/
consegui fazer mais meu twitter cortou a imagem…
AJUDAAAAAAAAAAAAAAAA
img834.imageshack.us/img834/1728/damnitm.jpg