no ,

Criando um Badge com estilização de texturas.

Preview Descrição: Hoje veremos como criar um badge usando shape layers, layer styles, filtros, texturas, modos de blend e diversas ferramentas.

tutoriaisphotoshop.net

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

02. Vá em File> Place e adicione uma textura qualquer, no caso deste tutorial foi usada uma textura jeans, redimensione a textura de acordo com o tamanho do seu documento e pressione Enter para finalizar a transformação, vá em Filter> Distort> Glass e pressione Ok, pressione Ctrl+U para abrir a caixa de Hue/Saturation, arraste o slider de Hue e encontre a cor que deseja, pressione Ok, vá em Filter> Render> Lighting Effects e modifique o efeito de luz de acordo com seu gosto, pressione Ok.

tutoriaisphotoshop.net

03. Pressione a letra U do teclado para selecionar a Polygon Tool, na barra de opções da ferramenta clique em Shape e defina os valores abaixo, escolha a cor #af0a02 e crie o shape como na foto abaixo.

tutoriaisphotoshop.net

04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da Shape Layer que criamos anteriormente para ativar a seleção ao redor do shape, escolha a cor #ffffff, vá em Select> Modify> Contract e defina o valor de 3 pixels, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.
tutoriaisphotoshop.net

04. Clique nas setas direcionais do teclado para baixo e para a direita, pressione Delete para apagar a área selecionada, defina a opacidade da layer em 80%.

tutoriaisphotoshop.net

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Badge, com a tecla Ctrl pressionada clique sobre a layer do Shape para ativar a seleção novamente, vá em Select> Modify> Contract, defina o valor de 9 pixels e pressione Ok, escolha a cor #ff5a00, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

tutoriaisphotoshop.net

06. Clique na layer do Shape e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

07. Clique na layer Badge e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

08. Clique na layer Badge e vá em Filter> Noise> Add Noise, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

09. Agora pressione Ctrl+O e abra uma textura qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem de acordo com o tamanho do seu documento, mude o modo de blend da layer para Soft Light.

tutoriaisphotoshop.net

10. Com a tecla Ctrl pressionada clique sobre a miniatura da layer Badge para ativar a seleção, vá em Layer> Layer Mask> Reveal All, repita o procedimento adicionando outra textura (opcional).

tutoriaisphotoshop.net

11. Escolha a cor #ffffff, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho em 380 pixels, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o brush como na foto abaixo.

tutoriaisphotoshop.net

12. Mude o modo de blend da layer para Soft Light, com a tecla Ctrl pressionada clique sobre a miniatura da layer Badge para ativar a seleção, vá em Layer> Layer Mask> Reveal All.

tutoriaisphotoshop.net

13. Escolha a cor #022ea9, pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, crie um retângulo como o da foto abaixo.

tutoriaisphotoshop.net

14. Vá em Edit> Transform> Warp e distorça o shape como na foto abaixo.

tutoriaisphotoshop.net

14. Pressione a letra P do teclado para selecionar a Pen Tool, certifique de que a opção Shape Layers esteja selecionada, escolha a cor #022ea9 e desenhe a borda do shape como na foto abaixo, deixe a layer abaixo da layer do retângulo modificado..

tutoriaisphotoshop.net

15. Pressione Ctrl+J para duplicar a borda criada, vá em Edit> Transform> Flip Horizontal, pressione a letra V do teclado para selecionar a Move Tool e mova a borda duplicada para a outra borda do shape.

tutoriaisphotoshop.net

16. Clique no shape do retângulo que foi alterado, vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

17. Clique na layer da borda direita e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Stroke e defina os valores abaixo, repita o procedimento na borda esquerda.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

18. Clique na layer do retângulo modificado, pressione Ctrl+O e abra uma textura qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem de acordo com o tamanho do seu documento, mude o modo de blend da layer para Soft Light, om a tecla Ctrl pressionada clique sobre a miniatura da layer do retângulo modificado para ativar a seleção, vá em Layer> Layer Mask> Reveal All.

tutoriaisphotoshop.net

19. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer e pressione Enter (no teclado numérico), adicione diversos textos, no texto sobre o retângulo modificado clique na opção Create Warped Text e defina os valores abaixo.

tutoriaisphotoshop.net

20. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra NEW) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

21. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra TEMPLATE) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

22. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra WEBSOULZ) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay, defina os valores que achar mais adequados para a estilização do texto.

tutoriaisphotoshop.net

23. Clique na layer Background e vá em File> Place, adicione a textura que achar mais adequada, abaixo vocês conferem três resultados diferentes, defina o modo de blend da layer em Soft Light e no final sua composição estará como a da foto abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

Site de origem: http://websoulz.com/learn-how-to-create-an-attractive-and-trendy-badge-in-photoshop/

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.

$ s Comentários

Deixe uma resposta
  1. Filter> Render> Lighting Effects Filtro>Acabamento>Efeitos de Iluminação

Deixe uma resposta

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

5 × 1 =

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

O que é motion-design?

Inspiração, Cartazes de Cinema: Happy Feet Two (Happy Feet 2 – O Pinguim).