Descrição: Hoje veremos como criar um botão (web) redondo usando ferramentas, filtros e layer styles.
(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.
02. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.
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.
04. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
05. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.
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.
07. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
08. Vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo.
09. Vá em Layer> Layer Style> Satin e defina os valores abaixo.
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.
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.
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.
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.
14. Vá em Filter> Render> Lighting Effects e defina os valores abaixo.
15. No final sua imagem estará como a da foto abaixo.
Site de origem: http://psdsymptom.com/2010/08/07/create-modern-glossy-icon-in-photoshop/
Sugai, muito obrigado. Consegui fazer o tutorial até o final; ficou ótimo. Voltei a sorrir !!! Um abração.
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
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ê ?
Ó gente !! Procura o Sugai pra mim .
Carlos Alberto
Socorro!!! Meus apelos não ecoaram … Se alguem souber responder às minhas indagações acima; por favor me ajude . Um grande abraço .
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
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 .
Bacana o tutorial, porém não consigo passar do passo 13, pois o Lens Flare não é aplicado em uma camada vazia!
Socoorrro! rs
No mais, tutorial da hora!
Valeu André!
Não consegui passar do 12
Realmente , o resultado está muito bom e MUITO simples, Obrigado por mas este tutorial Andre (;
Abraço.
Perfeito irmão! Tu é foda, ou pelo menos suas fontes.. Abraços!