Passo 1
Criar um novo documento com 1000 × 750px. Clique duas vezes no backgroundâ € ™ s da camada e emColor Overlay e escolha um marrom escuro.
Etapa 2
Habilitar os governantes (View> Rulers) no seu documento e adicionar alguns guias como mostrado abaixo.Criar 2 guias horizontais, a primeira em 30px eo segundo em 250px. Depois que adicionar 2 guias verticais em 100px e 900px.
Passo 3
Crie um retângulo com a ferramenta Retângulo (U). Use as guias para referência. Renomeie a camada para â € œheaderâ €.
Passo 4
Escolha a sua cor preta para foreground. Selecione a Ferramenta Elipse e criar a forma que será a sombra. Torná-lo um pouco mais elevado do que o retângulo branco, como mostrado. Renomeie a camada para â € € œshadowâ e colocá-lo abaixo da camada œheaderâ â € €.
Depois disso, convertê-lo para Smart Filters, aplique um Gaussian Blur e altere a opacidade para 60%.
Passo 5
Com os € € œheaderâ uma camada selecionada, clique duas vezes nele para abrir a caixa de diálogoLayer Style. Selecione Gradient Overlay. Alterar o estilo de gradiente radial. Para as cores eu usei vermelhos escuros.
Passo 6
Em seguida, selecione a ferramenta Line (U) e escolher a cor mais clara do gradiente de cabeçalho e criar uma linha. Depois que escolher preto e criar uma outra linha de apenas 1 pixel acima da linha vermelha. Selecione as linhas 2 e agrupá-las. Mudar o nome do grupo vDivider ".
Go to Layer> Layer Mask> Revelar Todas. Usando a ferramenta de gradiente, escolha um gradiente radial de preto para branco e aplique uma máscara para o nosso grupo. Comece o gradiente a partir do centro do grupo.
Passo 7
Criar o menu usando o Horizontal Type Tool (T). Use branco para a cor do texto. Selecione todas as ligações e agrupá-las. Mudar o nome do grupo â € œWhite Linksâ €.
Duplicar o grupo e colocá-lo abaixo os links branco, mudar a cor do texto para preto e mova o grupo de 1 pixel para cima e para esquerda. Isso vai criar um belo efeito 3D, exatamente como o que fizemos com as linhas.
Passo 8
Repita o Passo 6, mas desta vez criar os divisores horizontais para as ligações. Use a ferramenta de linha para desenhar uma linha vermelha e 1 pixel para a esquerda desenhar uma linha preta. Agrupá-los e duplicar o grupo de 5 vezes. Distribua os grupos, conforme mostrado abaixo.
Passo 9
Seleccionar todos os grupos de linhas e agrupá-las. Mudar o nome do grupo para um œhDividersâ € €.Depois que aplicar uma máscara de camada, Layer> Layer Mask> Revelar Todas. Mas desta vez use Linear.
Etapa 10
Abra o arquivo padrão, ou obter qualquer padrão que você gosta. Seleccionar todos e vá para Editar> Definir Padrão. Chame-lhe "webPattern".
Duplicar o â € œheader layerâ € e renomeá-lo para â € œpatternâ €. Vá até a Layer Styles e desabilitar o Overlay Gradient Overlay e defina um padrão. Escolha o "webPattern" temos de criar e alterar o Blend Mode para Color Overlay.
Depois disso, aplicar uma camada de máscara para a camada padrão usando um gradiente radial.
Etapa 11
Agora nós podemos adicionar o logotipo ea colher.
Pelo texto, PSDTUTS tipo, selecione um negrito para o PSD e uma regular ou luz para o TUTS. Go to Layer Styles e aplicar um Drop Shadow, Gradient Overlay e Stroke. Thatâ efeito € ™ sa muito comum e bonito.
Conclusão
Quando trabalhamos com web design, temos de considerar os tamanhos de arquivo, compatibilidades de browser e muitas outras questões. Às vezes, pequenos detalhes como gradientes sutis ou fronteiras com 2 cores pode criar um efeito muito bonito visual ou estilo único sem exigir muitos cortes e ajustes.
