No design de sites, elementos de navegação tridimensionais são freqüentemente usados. Esses botões podem ser feitos no editor gráfico do Photoshop, simulando o volume usando sombras e preenchimento gradiente.
Necessário
Programa Photoshop
Instruções
Passo 1
Crie um novo documento em um editor gráfico usando a opção Novo do menu Arquivo. Selecione o tamanho do novo documento para caber no botão e torne o fundo transparente.
Passo 2
Ative a ferramenta Retângulo arredondado. Se você quiser um botão ligeiramente arredondado, na barra de opções de ferramentas, defina o raio para um milímetro. Desenhe um retângulo arredondado usando a ferramenta selecionada. A forma resultante será a base para o botão.
etapa 3
Clique com o botão direito na camada e selecione a opção Rasterizar camada. Carregue a seleção com a opção Carregar Seleção no menu Selecionar.
Passo 4
Use a ferramenta Gradiente para preencher o botão com um gradiente de duas cores, escolhendo uma combinação adequada de cores das predefinições na paleta de gradientes. O estilo do gradiente deve ser linear, selecione-o clicando no botão Gradiente Linear no menu principal. A parte superior do botão após o enchimento deve ser mais clara que a inferior.
Etapa 5
Aplique um estilo à camada. Para fazer isso, use a opção Opções de mesclagem no menu de contexto. Selecione a guia Drop Shadow e insira um valor de cento e vinte graus para o parâmetro Angle. Defina o parâmetro Tamanho para três pixels.
Etapa 6
Na guia Sombra interna, defina o mesmo valor para o parâmetro Ângulo e, para Tamanho, defina o valor para cinco pixels. Aplique o estilo pressionando a tecla Enter.
Etapa 7
Faça uma sombra para o botão. Para fazer isso, clique no botão Criar uma nova camada e preencha a área selecionada da nova camada com preto. Selecione a ferramenta Lata de tinta para isso. Desmarque com Ctrl + D.
Etapa 8
Aplique um filtro Desfoque Gaussiano do grupo Desfoque do menu Filtro ao retângulo preto. Defina o raio para quatro pixels. Arraste a camada de sombra sob a camada de botão e eleve a sombra três a quatro pixels para cima. Para fazer isso, ative a ferramenta Mover e mova a sombra com os botões do cursor. Reduza a opacidade dessa camada para sessenta por cento.
Etapa 9
Faça a camada ativa com o botão e carregue uma seleção a partir dela. Reduza a seleção em dois pixels usando a opção Contrato do grupo Modificar do menu Seleção.
Etapa 10
Crie uma nova camada e preencha a seleção resultante com um gradiente linear de branco a transparente para que a parte branca fique na parte inferior do botão. Desmarque a seleção. Usando a opção Transformação livre do menu Editar, reduza a área coberta pelo gradiente verticalmente. Aplique a transformação com a tecla Enter.
Etapa 11
Mude o modo de mesclagem da camada de gradiente para Overlay. Isso pode ser feito selecionando um modo na lista suspensa do lado esquerdo da paleta Estilos. Reduza a opacidade da camada para sessenta por cento.
Etapa 12
Usando a ferramenta Horizontal Type, escreva o texto que deve estar no botão.
Etapa 13
Colete todas as camadas em uma pasta usando a opção Agrupar camadas no menu Camada, selecionando-as enquanto mantém pressionada a tecla Ctrl. Salve o botão em um arquivo psd usando a opção Salvar do menu Arquivo.
