no ,

Criando o ícone de um botão de energia.

Preview Descrição: Hoje veremos como criar um ícone do botão de energia utilizando shapes, layers styles e textura.

tutoriaisphotoshop.net

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

01. Pressione Ctrl+N para criar um novo documento, defina um tamanho qualquer com 72 dpi’s e modo de cor em RGB, pressione Ok, 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 e clique no documento para preencher a layer com a cor escolhida, vá em View> New Guide e defina o valor de 50% para Horizontal, pressione Ok, repita o procedimento e defina o valor de 50% para Vertical, isso criará duas linhas guia no seu documento, escolha a cor azul claro, pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape Layers esteja ativada, clique no centro do documento (onde as linhas guia se encontram), mantenha as teclas Shift+Alt pressionadas e arraste para criar uma círculo como o da foto abaixo.

tutoriais photoshop

02. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, clique no centro do documento (onde as linhas guia se encontram), mantenha as teclas Shift+Alt pressionadas e arraste para criar uma círculo como o da foto abaixo, pressione a letra V do teclado para selecionar a Move Tool e desça levemente o novo círculo.

tutoriais photoshop

03. Agora marque a opção Subtract from Shape na barra de opções da ferramenta, clique no centro do círculo que fizemos anteriormente (onde as linhas guia se encontram), mantenha as teclas Shift+Alt pressionadas e arraste para criar uma círculo como o da foto abaixo.

tutoriais photoshop

04. Sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

05. Agora pressione Shift+U para selecionar a Rectangle Tool, certifique-se de que a opção Subtract from Shape esteja marcada e crie um retângulo com o da foto abaixo.

tutoriais photoshop

06. Pressione a letra A do teclado para selecionar a Direct Selection Tool e ajuste os pontos do Path como na foto abaixo.

tutoriais photoshop

07. Agora pressione Shift+U para selecionar a Rounded Rectangle Tool, defina o valor do Radius em 30 pixels e crie um shape como o da foto abaixo.

tutoriais photoshop

08. Pressione Ctrl+J para duplicar a layer, sua paleta de layers deverá ficar parecida com a da foto abaixo.

tutoriais photoshop

09. Pressione Ctrl+T para abrir a caixa de Free Transform, com as teclas Shift+Alt pressionadas clique e arraste para aumentar o shape como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriais photoshop

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

10. Pressione a letra A do teclado para selecionar a Direct Selection Tool e clique no shape superior indicado na foto abaixo.

tutoriais photoshop

11. Pressione Delete, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

12. Clique na layer do círculo central e vá em Layer> Layer Style> Gradient Overlay, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Outer Glow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Color Overlay e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

13. Clique com o botão direito do mouse sobre a layer que contém o shape onde aplicamos as layer styles e escolha a opção Copy Layer Styles, clique com o botão direito do mouse sobre a layer que contém o shape superior e escolha a opção Paste Layer Style, sua imagem deverá ficar como da foto abaixo.

tutoriais photoshop

14. Agora clique na layer do shape maior e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

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

tutoriais photoshop

15. Agora adicionaremos uma textura de carbono no shape maior, caso queira utilizar a mesma textura usada no tutorial clique aqui para fazer o download, com a textura instalada pressione a letra G do teclado para selecionar a Paint Bucket Tool e defina os valores abaixo na barra de opções da ferramenta.

tutoriais photoshop

16. Com a tecla Ctrl pressionada clique sobre a miniatura da layer do shape maior para ativar a seleção ao redor do shape, pressione Ctrl+Shift+Alt+N para criar uma nova layer, clique no documento para aplicar a textura.

tutoriais photoshop

17. Sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

18. Pressione Ctrl+D para desabilitar a seleção, mude o modo de blend da layer para Soft Light.

tutoriais photoshop

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

19. Pressione a letra U do teclado para selecionar a Ellipse Tool, escolha a cor branca, certifique-se de que a opção Shape Layers esteja ativada e crie um shape na parte superior da composição como na foto abaixo, defina a opacidade do shape em 6% e no final sua imagem estará como a da foto abaixo.

tutoriais photoshop

site de origem: http://iceflowstudios.com/2011/tutorials/photoshop-carbon-power/

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. Muito bom cara, estou aprendendo muita coisa aqui… Parabéns!

  2. muito bom, mas fiz igual e não ficou com este efeito como se o botão estivesse ligado

Deixe uma resposta

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

12 + dezesseis =

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

Um dia na vida de um AT-AT de estimação.

Inspiração, Cartazes de Cinema: John Carter (John Carter: Entre Dois Mundos).