Projetar uma guia da Web 2.0 com o Photoshop
O seguinte guia tenta dar a você uma idéia de como criar um menu elegante e estilizado de guias no Photoshop, estilo Web 2.0..
Passo 1
Crie uma nova tela com fundo branco [#ffffff] em qualquer tamanho que desejar, de preferência retangular; eles são mais adequados para desenhar guias. Então mude para Separador Canais (Windows -> Canais), clique em Criar novo canal no canto inferior direito.
Passo 2
Na camada de canal selecionada, desenhe uma forma semelhante com a ferramenta Polygonal Lasso. Encha com a cor branca [#ffffff]; desmarque a região Polygonal (selecione qualquer ferramenta Marquee e pressione a tela one); dê a forma Desfoque Gaussiano com raio 6.0px.
etapa 3
CTRL-L para chamar o Diálogo de Nível e empurrar a seta para a esquerda e para a direita para encontrar a seta central, como na imagem acima. Isso vai “suave” o seu borrão-ed forma-se e dar-lhe uma forma agradável canto arredondado.
Passo 4
Na aba de canais, Segure CTRL, Clique em Miniatura do canal da camada Alfa 1. A nova forma será agora selecionada, volte para Aba Camadas, Criar nova camada e preencha a área selecionada com preto [# 000000].
Passo 5
Remova os cantos arredondados para o fundo inferior esquerdo e inferior direito, mova-o para a esquerda e posicione-o como ilustrado acima. Em seguida, vamos nos concentrar na cor preta Tab.
| Aguarde CTRL, clique na guia Miniatura da camada para destacar toda a imagem da guia. | |
| Com a imagem da guia ainda destacada, selecione Ferramenta de letreiro retangular, aguarde ALT e desenhar um retângulo da região que queremos remover. | |
| Você só deve ver a parte superior selecionada. Selecione -> Modificar -> Contrato, Contrato por 2px e você deve obter algo como a imagem à esquerda. | |
| Crie uma nova camada, preencha a região destacada com branco [#ffffff]. Clique com o botão direito, escolha Opções de mesclagem então Sobreposição de gradação. Substitua a parada de cor [#ffffff] branca por cinza [# 616161]. Sua guia deve se parecer com a imagem à esquerda. |
Passo 6
Crie uma nova camada; Selecione Ferramenta retangular arredondada (Raio 8px), desenhe um retângulo e coloque essa camada atrás da camada da guia preta. Clique com o botão direito e selecione Opções de mesclagem e insira as seguintes configurações.
Sombra
- Opacidade: 31%
- Distância: 0px
- Spread: 0%
- Tamanho: 2px
Bisel e relevo
- Profundidade: 100%
- Tamanho: 0px
- Suavizar: 0 px
Sobreposição de gradação
- Aqui estão as configurações de paradas de cores.
- Cor: #aaaaaa, Localização: 0%
- Cor: # fffffff, localização 100%
Passo 7
Coloque algum texto para ver a aparência geral da web 2.0. Estou usando a fonte Lucida Fax, tamanho da fonte 32pt e 25pt. E sua guia está pronta! Sinta-se à vontade para brincar com a combinação de cores do Tab.
Tutorial de download
