Botão estilo Glass
Publicado em: Montagem de Fotos, Primeiros Passos, Tutoriais
Hoje iremos criar um botão estilo Glass.
1 - Crie um novo documento no tamanho 600x600Px com fundo transparente.
Com a ferramenta Letreiro Elíptico, faça um círculo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggIeUaDqDmwzjvt6y_3ex1KvnhpRo78WvYYy36puelv0-ynT1s30WETOe-l8g27M9x1EB5v_kH_h00qViRn0xfA1i_iM4lnYNZrfHxf-3Hs6-bjvUxWHMH4ItPPKQyQL6DFDRZ-RqhGveK/s400/1.jpg)
Selecione a ferramenta Degradê ( Gradiente) e escolha uma cor de sua preferência. Lembrando que você deve escolher um gradiente que vá do Mais claro ao Mais escuro.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRTFVQj3S7qdwjW0qoI9lqZn3b-u6VSCG7G4VQlg7-QQjcf_p6xa34PWVoUz4Lra156MJC2_K-2CINkdRY29c7lr7VScufTCvUaI-uRQferJdbZ6QcpCBh1RNMtj7rFgrkmY3EdlVvQtQ/s400/2.jpg)
Lembre-se de selecionar a opção Radial
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtcOoVdlojdlrSZ3moUeec_9vsrxKCLhYWtKLkk3h5KheanDSMs5ODwL8Py7HOBwWW6gZZWXMTKYFKXT6S1HKcFIAKLNHOBlqbYLkYAIYy8BzJw-T6YAvmhKsOTKaJJb7cG3h8CBok2pH/s400/3.jpg)
Preencha o círculo com o Gradiente
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCUhpW81Zz_O-09_UTCBiVYBfW_CLgI_xbhKRRx8GVpV-8RUeHLr5dHS2ySTP4EGKamKU0DsflF7SOPM61oUpYAbdcNIF4pQLVjGwXzuk2hfF4OQF2rSQbI3hbiyxeUAAdgaiJsGZ-yq_/s400/4.jpg)
Crie uma nova camada e vá na ferramenta Degradê ( Gradiente ) e crie um gradiente Branco.
Mas lembre-se, deve ser um Branco com final transparente como mostrado na imagem abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDRaqmzdFU0rwuI0r7eIA2WP9wRBoubE2fX41nVXDy5x9FOBTgbh74u7lZ6ZvdvIwnYcTJVP9nkDQWzu1r5yA6TVNFR4Oht3WR9ZiKDvTPCV6241oHcBw-ERgDxOKrTx283J1-hWi38eZ/s400/5.jpg)
Desta vez, marque gradiente Linear e preencha a seleção de cima para baixo
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9pDM5ZHfzeEy4s8Ll6Wl9KRe2emv-1XqATk2TyZjt0nBY5QJHd-s6g50vub4PatdIA2N5vyuww7dy2eIUBd_36lJ8PJMvBZiOZzeabbITckk7VielicL3KpiaxeNbbSDnVF11-X3CPWU/s400/6.jpg)
Vá em: Editar/Transformação livre e redimensione como mostrado abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsD6j6-ZEPvuu9e4CKhVH0KJGnlSb_tvs2yHShLUw6klSODhinQybDnY6ln8VbPeCgHVvM7U-zsn8P0zvlWvi5U3ZDlejC7Eithywlq8RVDZmfr3DHbFORlp1K3CRWmqb6VbbEOoER8_S3/s400/7.jpg)
Para dar um efeito mais realístico, vá em: Filtro/Desfoque/Desfoque Gaussiano e configure em 2,8px.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOc_eo2wSz7pBHpusCfHSqRDQcIj-cpLtRNrZXHPpugy7U567OcTT7fgc0MdNdpwdnVWJmlyZnGsfYQOcA_rqQ3eJmwJV39HELqCxD4bXmdyedDKOoGvcScIuP-DSffsMw40tvrHb7PDvu/s400/8.jpg)
Resultado final:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiac87Fa7FxagubbUZs3d-fV9tluc9IVfKkJ2l3OdMQ2C7vwZOkuqv8UjDIWS8GKbUeJWbulCv6u2JwP9Bu01SkRmnWElNddjYqtJLZTBAI4UqVGa6vp8NmmADvtECqitlwpdCNmvzK1qxU/s400/Resultado+final.png)
Espero que gostem.
Tweet
Pin It now!
1 - Crie um novo documento no tamanho 600x600Px com fundo transparente.
Com a ferramenta Letreiro Elíptico, faça um círculo.
Dica: Segure a tecla SHIFT para criar um círculo perfeito.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggIeUaDqDmwzjvt6y_3ex1KvnhpRo78WvYYy36puelv0-ynT1s30WETOe-l8g27M9x1EB5v_kH_h00qViRn0xfA1i_iM4lnYNZrfHxf-3Hs6-bjvUxWHMH4ItPPKQyQL6DFDRZ-RqhGveK/s400/1.jpg)
Selecione a ferramenta Degradê ( Gradiente) e escolha uma cor de sua preferência. Lembrando que você deve escolher um gradiente que vá do Mais claro ao Mais escuro.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRTFVQj3S7qdwjW0qoI9lqZn3b-u6VSCG7G4VQlg7-QQjcf_p6xa34PWVoUz4Lra156MJC2_K-2CINkdRY29c7lr7VScufTCvUaI-uRQferJdbZ6QcpCBh1RNMtj7rFgrkmY3EdlVvQtQ/s400/2.jpg)
Lembre-se de selecionar a opção Radial
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtcOoVdlojdlrSZ3moUeec_9vsrxKCLhYWtKLkk3h5KheanDSMs5ODwL8Py7HOBwWW6gZZWXMTKYFKXT6S1HKcFIAKLNHOBlqbYLkYAIYy8BzJw-T6YAvmhKsOTKaJJb7cG3h8CBok2pH/s400/3.jpg)
Preencha o círculo com o Gradiente
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCUhpW81Zz_O-09_UTCBiVYBfW_CLgI_xbhKRRx8GVpV-8RUeHLr5dHS2ySTP4EGKamKU0DsflF7SOPM61oUpYAbdcNIF4pQLVjGwXzuk2hfF4OQF2rSQbI3hbiyxeUAAdgaiJsGZ-yq_/s400/4.jpg)
Crie uma nova camada e vá na ferramenta Degradê ( Gradiente ) e crie um gradiente Branco.
Mas lembre-se, deve ser um Branco com final transparente como mostrado na imagem abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDRaqmzdFU0rwuI0r7eIA2WP9wRBoubE2fX41nVXDy5x9FOBTgbh74u7lZ6ZvdvIwnYcTJVP9nkDQWzu1r5yA6TVNFR4Oht3WR9ZiKDvTPCV6241oHcBw-ERgDxOKrTx283J1-hWi38eZ/s400/5.jpg)
Desta vez, marque gradiente Linear e preencha a seleção de cima para baixo
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9pDM5ZHfzeEy4s8Ll6Wl9KRe2emv-1XqATk2TyZjt0nBY5QJHd-s6g50vub4PatdIA2N5vyuww7dy2eIUBd_36lJ8PJMvBZiOZzeabbITckk7VielicL3KpiaxeNbbSDnVF11-X3CPWU/s400/6.jpg)
Vá em: Editar/Transformação livre e redimensione como mostrado abaixo.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsD6j6-ZEPvuu9e4CKhVH0KJGnlSb_tvs2yHShLUw6klSODhinQybDnY6ln8VbPeCgHVvM7U-zsn8P0zvlWvi5U3ZDlejC7Eithywlq8RVDZmfr3DHbFORlp1K3CRWmqb6VbbEOoER8_S3/s400/7.jpg)
Para dar um efeito mais realístico, vá em: Filtro/Desfoque/Desfoque Gaussiano e configure em 2,8px.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOc_eo2wSz7pBHpusCfHSqRDQcIj-cpLtRNrZXHPpugy7U567OcTT7fgc0MdNdpwdnVWJmlyZnGsfYQOcA_rqQ3eJmwJV39HELqCxD4bXmdyedDKOoGvcScIuP-DSffsMw40tvrHb7PDvu/s400/8.jpg)
Resultado final:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiac87Fa7FxagubbUZs3d-fV9tluc9IVfKkJ2l3OdMQ2C7vwZOkuqv8UjDIWS8GKbUeJWbulCv6u2JwP9Bu01SkRmnWElNddjYqtJLZTBAI4UqVGa6vp8NmmADvtECqitlwpdCNmvzK1qxU/s400/Resultado+final.png)
Espero que gostem.
Jean carlo eu vi que voce deixou um recado sobre a imagem do meu banner no meu blog dizendo que não tava entrando mas, eu dei uma olhada aqui e está tudo certo!!
qualquer coisa me diz!
abraço!!
Postar um comentário
- Todos os comentários passam pelo sistema de moderação antes de serem exibidos.
- Comente com o OpenID ou com o nome/url do Blog, assim, poderei retribuir a visita.
- Se você escreveu ou encontrou um artigo interessante e que seja relacionado ao post, o link para esse artigo no comentário é bem vindo.
- Pedidos de parcerias, somente por e-mail.
- Dúvidas que não forem relacionadas ao post, somente por e-mail.
- Comentários que não tenham nada a ver com o post e com links definidos como SPAM serão rejeitados IMEDIATAMENTE.
- Se você deseja divulgar seu site ou blog, entre em contato por e-mail solicitando um orçamento.
Agradecemos a visita e o seu comentário no Canal Adobe Photoshop