Design brilhante botão Web 2.0 no Photoshop
Olhando para projetar algum botão brilhante da Web 2.0? Aqui está um tutorial Photoshop simples que lhe dá passo a passo como obter um botão brilhante vermelho bonito.
Passo 1 - Criando a base
Abra uma nova tela e ajuste as seguintes configurações (marcadas em amarelo) de acordo com a imagem abaixo. O resto deve vir como padrão. Você pode querer verificar novamente com os padrões também.

Criar uma nova chamada de camada 'Button'

Na camada 'Button', selecione a ferramenta Retângulo arredondado

Dê um raio de 7px

Desenhe um retângulo semelhante à imagem abaixo.

Passo 2 - Botão vermelho
Clique com o botão direito nas opções de mistura para a camada 'Button'

Ajuste as seguintes configurações para
Sombra

Sombra interior

Bisel e relevo

Sobreposição de gradação


Seu botão deve ser parecido com isto

Passo 3 - Crie um efeito brilhante
Criar uma nova chamada de camada 'Glass'

Selecione Retangular Marquee Tool, certifique-se de que você está selecionando a camada 'Button'. Segure a tecla ctrl e clique na layer 'Buttons”Miniatura da camada. Seu botão agora deve estar destacado.
Selecione o botão 'Glass' agora, segure a tecla Alt com a ferramenta Retangular Marquee selecionada. Desenhe (corte) na metade inferior do botão, como na imagem abaixo.

Preencha a área selecionada com a cor branca #ffffff usando o Paint Bucket Tool

Ajuste a opacidade para 18%

Você deve ter um botão brilhante parecido com isso.

Etapa 4 - Sobreposição de Padrões
Vamos dar ao botão uma pequena sobreposição de padrão. Eu vou estar usando o personalizado stripe5px criado anteriormente. Crie uma nova chamada de camada 'Padrão' entre 'Button' e 'Glass' e prossiga com Blending Options.

Selecione Pattern Overlay, escolha Stripe5px (ou qualquer padrão que você tenha criado) e clique em OK e feche o diálogo.

Verifique se você ainda está na ferramenta Rectangular Marquee, segure
Passo 5 - Inserindo Texto
Coloque algum texto aleatório na cor branca #ffffff com as seguintes configurações

Use os seguintes efeitos de mesclagem na camada do meu texto.
Sombra

Etapa 6 - Saída Final
Você deveria ter uma imagem como essa.
