2011Tudotutorial

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.

www.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.

www.tutoriaisphotoshop.net

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

www.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.

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.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.

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.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.

www.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.

www.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.

www.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.

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

Site de origem: http://psdsymptom.com/2010/08/07/create-modern-glossy-icon-in-photoshop/

Deixe seu voto

Mostrar mais

Artigos relacionados

11 comentários

  1. 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é!

  2. 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 .

  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. Socorro!!! Meus apelos não ecoaram … Se alguem souber responder às minhas indagações acima; por favor me ajude . Um grande abraço .

  5. 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ê ?

  6. 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!! 😀

Deixe uma resposta

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

7 + sete =

Botão Voltar ao topo

Add to Collection

No Collections

Here you'll find all collections you've created before.

Fechar
Fechar

Adblock Detectado

Este site sobrevive com anúncios, desative seu Adblock para acessar nosso conteúdo. Isso garante que possamos continuar com nosso conteúdo de forma gratuita! Obrigado :)