Descrição: Hoje veremos como criar um ícone do botão de energia utilizando shapes, layers styles e textura.
(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.
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.
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.
04. Sua imagem deverá ficar como a da foto abaixo.
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.
06. Pressione a letra A do teclado para selecionar a Direct Selection Tool e ajuste os pontos do Path como na foto abaixo.
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.
08. Pressione Ctrl+J para duplicar a layer, sua paleta de layers deverá ficar parecida com a da foto abaixo.
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.
(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.
11. Pressione Delete, sua imagem deverá ficar como a da foto abaixo.
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.
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.
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.
(adsbygoogle = window.adsbygoogle || []).push({});
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.
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.
17. Sua imagem deverá ficar como a da foto abaixo.
18. Pressione Ctrl+D para desabilitar a seleção, mude o modo de blend da layer para Soft Light.
(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.
site de origem: http://iceflowstudios.com/2011/tutorials/photoshop-carbon-power/
muito bom, mas fiz igual e não ficou com este efeito como se o botão estivesse ligado
Muito bom cara, estou aprendendo muita coisa aqui… Parabéns!