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.
