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 layer styles e shape layers.
Página 1 de 1
Criando um botão web com layer styles e shape layers.
Descrição: Neste tutorial veremos como criar um botão web utilizando shape layers e layer styles.
01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.
02. Vá em Layer> Group Layers, dê o nome de Plastic Buttons.
03. Defina a cor de Foreground como #018afd e de Background como #0e7fc8, pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada e defina o valor de Radius em 20 pixels e crie uma shape como o da foto abaixo.
03. Agora vá em Layer> Layer Style> Gradient Overlay, defina o gradiente como na foto abaixo.
04. Vá em Layer> Layer Style> Stroke e defina os valores abaixo, defina a cor em #0d659f.
05. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #cecfcf.
06. Seu shape deverá ficar como o da foto abaixo.
07. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool novamente, defina o Radius em 20 pixels, certifique-se de que a opção Shape Layers esteja selecionada, escolha a cor branca, crie um shape como o da foto abaixo e defina o valor de Fill da layer em 25%.
08. Defina a cor de Foreground como #0d6fae, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.
09. Vá em Layer> Layer Style> Outer Glow, escolha a cor #1289e9 e defina os valores abaixo.
10. No final seu botão ficará como o da foto abaixo.
11. E abaixo vocês conferem algumas variações.
Site de origem: webdesign.org
01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.
02. Vá em Layer> Group Layers, dê o nome de Plastic Buttons.
03. Defina a cor de Foreground como #018afd e de Background como #0e7fc8, pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada e defina o valor de Radius em 20 pixels e crie uma shape como o da foto abaixo.
03. Agora vá em Layer> Layer Style> Gradient Overlay, defina o gradiente como na foto abaixo.
04. Vá em Layer> Layer Style> Stroke e defina os valores abaixo, defina a cor em #0d659f.
05. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #cecfcf.
06. Seu shape deverá ficar como o da foto abaixo.
07. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool novamente, defina o Radius em 20 pixels, certifique-se de que a opção Shape Layers esteja selecionada, escolha a cor branca, crie um shape como o da foto abaixo e defina o valor de Fill da layer em 25%.
08. Defina a cor de Foreground como #0d6fae, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.
09. Vá em Layer> Layer Style> Outer Glow, escolha a cor #1289e9 e defina os valores abaixo.
10. No final seu botão ficará como o da foto abaixo.
11. E abaixo vocês conferem algumas variações.
Site de origem: webdesign.org
Tópicos semelhantes
» Criando um botão web com efeitos de luz.
» 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