em ,

Criando um botão em forma de elipse.

Preview Descrição: Hoje veremos como criar um botão (web) redondo usando ferramentas, filtros e layer styles.

tutoriaisphotoshop.net

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

01. Pressione a Ctrl+N para criar um novo documento, defina o tamanho de 600×400 pixels, 72 dpi´s e modo de cor em RGB, pressione OK, defina a cor de Foreground em #383838 e a de Background como #161616, pressione a letra U do teclado para selecionar a Elipse Tool, certifique-se de que a opção Shape Layers esteja ativada e com a tecla Shift pressionada clique e arraste para criar uma elipse no documento, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

02. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

03. Pressione Ctrl+J para duplicar a layer, dê o nome de copy shape para a nova layer, pressione Ctrl+T para abrir a caixa de Free Transform e com as teclas Alt+Shift pressionadas clique e arraste para redimensionar a cópia como na foto abaixo.

tutoriaisphotoshop.net

04. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

05. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

06. Pressione Ctrl+J para duplicar a layer, dê o nome de copy shape 2 para a nova layer, pressione Ctrl+T para abrir a caixa de Free Transform e com as teclas Alt+Shift pressionadas clique e arraste para redimensionar a cópia como na foto abaixo.

tutoriaisphotoshop.net

07. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

08. Vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.

tutoriaisphotoshop.net

09. Vá em Layer> Layer Style> Satin e defina os valores abaixo.

tutoriaisphotoshop.net

10. 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, sua cor de Foreground deve ser a branca, pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja selecionada e crie um shape como o da foto abaixo.

tutoriaisphotoshop.net

11. Mude o modo de blend da layer para Overlay e defina a opacidade em 10%, clique com o botão direito do mouse sobre a layer e escolha a opção Rasterize Layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer Copy Layer 2 para ativar a seleção, clique na layer do Shape criado, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete.

tutoriaisphotoshop.net

12. Pressione a letra U do teclado para selecionar a Custom Shape Tool (ou escolha um logo, figura, desenho etc), certifique-se de que a opção Shape Layers esteja ativada e com a tecla Shift pressionada clique e arraste para inserir o shape no documento, defina a opacidade da layer para 75% e mude o modo de blend da layer para Overlay.

tutoriaisphotoshop.net

13. Pressinone 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 Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a layer com preto, mude o modo de blend da layer para Screen, vá em Filter> Render> Lens Flare e defina os valores abaixo.

tutoriaisphotoshop.net

14. Vá em Filter> Render> Lighting Effects e defina os valores abaixo.

tutoriaisphotoshop.net

15. No final sua imagem estará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://psdsymptom.com/2010/08/07/create-modern-glossy-icon-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.

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.

11 Comments

  1. Oi Sh4Dy , Doug e Carlos Alberto, antes de aplicar o Lens Flare você precisa preencher a layer com uma cor qualquer, acabei esquecendo deste detalhe (foi mal), no caso preenchi a layer com a cor preta e mudei o modo de blend da layer para Screen e depois adicionei o filtro Lens Flare, espero que isso ajude a finalizar o projeto de vocês, obrigado pelas visitas!! :D

  2. DESISTO. !!! Por favor : Se o Sugai perguntar por mim… Diz que fui por aí ; com o meu Notebook debaixo do braço , desgostoso por não concluir este tutorial, depois de muita insistência frustrada. Em qualquer esquina eu pergunto ; em qualquer botequim eu entro tomo muita birita pra esquecer este site. Tenho 68 anos, hoje é dia dos pais, mas mesmo assim , meio triste vou passar o domingo com minha família que é minha alegria maior. Vou beber muita cerveja . Quem sabe; no final deste dia, tenha Eu, a surpresa de ter minhas dúvidas respondidas . Mas , depois de tanta comemoração que vai rolar , hoje não vou conseguir entender nada. Já comecei a tomar umas e outras . VIVA DEUS !!! ,VIVA O SOL MARAVILHOSO QUE ESTÀ NO MEU RIO DE JANEIRO !!!VIVA TODOS VOCÊS !!! VIVA O PHOTOSHOP !!!viva até os Pais dos parlamentares corruptos …. Eu bebo sim… Sugai cadê você ?

  3. Caros Tiago e Mario: Como vocês conseguiram fazer os passos 13 e 14 ? Eu não consegui aplicar os filtros Lens flare e lighting na camada vazia criada neste passo 13. Um grande abraço e muito obrigado pelo que puderem me orientar. Carlos

  4. Sugai . Tudo bem ? Olha eu tambem não consegui aplicar o filto Lens flare na camada vazia criada no passo 13. Por favor me ajude.O botão está muito bonito só falta a luz. Um abração .

Friendly Fires – Hawaiian Air.

Inspiração, Cartazes de Rock: Smith Westerns.