Acesso Rápido
- Player Promo
- Entretenimento
- Games
- Escola
- Designer
- Outros serviços
Adicionar aos Favoritos Adicionar como pagina inicial
Últimos assuntos
Criando um botão web com efeitos de luz.
2 participantes
Página 1 de 1
Criando um botão web com efeitos de luz.
Descrição: Neste tutorial veremos como criar um botão web com efeitos de luz usando layer styles e ferramentas diversas.
01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 640x480 pixels, 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 selecionara Paint Bucket Tool e clique no documento para preencher a layer Background com a cor preta, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Background Lighting, escolha a cor cinza escuro, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e pontas suaves, clique no centro do documento, sua imagem deverá ficar como a da foto abaixo.
02. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, na barra de opções da ferramenta defina os valores abaixo.
03. Desenhe um shape como o da foto abaixo.
04. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
05. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.
06. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
07. Seu shape deverá ficar como o da foto abaixo.
08. Com a tecla Ctrl pressionada clique sobre a miniatura da layer do Shape para ativar a seleção ao redor do shape, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Lighting para a nova layer, 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 B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho pequeno, dê apenas um clique no centro do Shape como na foto abaixo.
09. Seu shape deverá ficar como o da foto abaixo.
10. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
11. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
12. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
13. Pressione Ctrl+D para desabilitar a seleção, seu shape ficará como o da foto abaixo.
14. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Vertical, você notará uma pequena borda.
15. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, aplique no local indicado abaixo.
16. Seu efeito ficará como o da foto abaixo.
17. 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 T do teclado para selecionar a Horizontal Type Tool, clique no shape e escreva uma palavra qualquer.
18. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
19. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
20. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
21. No final seu botão estará como o da foto abaixo.
Site de origem: webdesign.org
01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 640x480 pixels, 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 selecionara Paint Bucket Tool e clique no documento para preencher a layer Background com a cor preta, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Background Lighting, escolha a cor cinza escuro, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e pontas suaves, clique no centro do documento, sua imagem deverá ficar como a da foto abaixo.
02. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, na barra de opções da ferramenta defina os valores abaixo.
03. Desenhe um shape como o da foto abaixo.
04. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
05. Vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.
06. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
07. Seu shape deverá ficar como o da foto abaixo.
08. Com a tecla Ctrl pressionada clique sobre a miniatura da layer do Shape para ativar a seleção ao redor do shape, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Lighting para a nova layer, 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 B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho pequeno, dê apenas um clique no centro do Shape como na foto abaixo.
09. Seu shape deverá ficar como o da foto abaixo.
10. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
11. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
12. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
13. Pressione Ctrl+D para desabilitar a seleção, seu shape ficará como o da foto abaixo.
14. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Vertical, você notará uma pequena borda.
15. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho médio e pontas suaves, aplique no local indicado abaixo.
16. Seu efeito ficará como o da foto abaixo.
17. 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 T do teclado para selecionar a Horizontal Type Tool, clique no shape e escreva uma palavra qualquer.
18. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
19. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
20. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
21. No final seu botão estará como o da foto abaixo.
Site de origem: webdesign.org
Re: Criando um botão web com efeitos de luz.
cara , me ajudou bastante , não sabia isso .-.
Doritosz- sou nivel 3
- Mensagens : 17
Moedas : 4390
Reputação : 1
Data de nascimento : 24/07/1999
Idade : 24
Tópicos semelhantes
» Criando um botão web com layer styles e shape layers.
» Criando borda modelada renderizada
» [Video] Criando um texto em 3D pelo Photoshop CS5.
» [Video] Criando um texto em 3D pelo Photoshop CS5.
» Criando um mini planeta com filtros e modos de blend
» Criando borda modelada renderizada
» [Video] Criando um texto em 3D pelo Photoshop CS5.
» [Video] Criando um texto em 3D pelo Photoshop CS5.
» Criando um mini planeta com filtros e modos de blend
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sáb Dez 29, 2012 10:41 pm por Heaven
» Apresentação
Qua Out 24, 2012 1:01 pm por 'Sony
» Recrutamento para Staff, Vagas abertas!
Qua Out 24, 2012 12:59 pm por 'Sony
» [Video] David Guetta ft Ne-yo & Akon - Play Hard
Ter Set 25, 2012 1:17 pm por Heaven
» [Video] Remady & Manu-L feat. J-Son - Single Ladies (Extended Mix)
Ter Set 25, 2012 1:16 pm por Heaven
» Los Cheats Fórum - Parceria
Qui Jul 26, 2012 2:25 pm por Heaven
» Brincadeira do 1 a 1000
Qui Jul 19, 2012 10:45 am por MatheusX
» Vans se sofisticam e vendem de café a temaki e sushi
Qua Jul 18, 2012 1:37 pm por joão.medeiros
» [Ação e Aventura] Car Chaos
Seg Jul 16, 2012 1:09 pm por joão.medeiros