Criando um Menu para página de internet

Todo tipo de tutorial sobre imagem.
Responder
Avatar do usuário
Parallax
Administrador
Administrador
Mensagens: 20788
Registrado em: Seg Nov 15, 2010 07:30
Texto Pessoal: EU SOU A LEI!!
Contato:

Criando um Menu para página de internet

Mensagem por Parallax »

Imagem

Imagem

Bem, começaremos criando um arquivo 610 x124 px com 72 dpi de resolução.
Imagem

Preencha a o fundo com a cor 60015c
Imagem

Após isso realize o download do pattern Xadrex e configure o pattern Overlay como mostra a imagem.
Imagem

Para configurar o pattern Ovarlay você deve ir em adicionar camada de estilo Imagem

Resultado
Imagem

O próximo passo é adicionar uma barra no nosso projeto... Selecione a ferramenta Rectangle tool Imagem e faça um retângulo de uma ponta a outra. Use a cor 9d0097

p.s - Para que se faça uma camada já com a cor que desejamos a opção Shape Layer Imagem tem que está em uso.

Imagem

Va novamente em adicionar camada de estilo Imagem

use desta vez a opção Outer Glow
Imagem

Após este passo teremos o seguinte resultado
Imagem

Novamente use a ferramenta rectangle tool Imagem e faça uma faixa dentro da barra que criamos no passo anterior.

use a cor 60015c
Imagem

Adicione outra camada de estilo Imagem

use a opção Inner Shadow
Imagem

Após isso teremos o seguinte efeito
Imagem

Selecione a ferramenta Text tool Imagem e configure suas opções com os seguintes valores.
Imagem

escreva o que você quiser. lembre-se de deixar um espaço entre as palavras... Cuidado com a distância para que não fique feio.
Imagem

Selecione a ferramenta Elipse Tool e faça uma pequena bolinha e coloque ao lado de cada nome.

a cor usada foi a ff2bb7
Imagem

Para complementar as marcações que criamos ( as bolinhas) coloque setas indicando para cada nome.

para colocar as setas utilize a ferramenta Custom Shape Tool Imagem e escolha a seta
Imagem

Teremos o seguinte resultado.
Imagem

Imagem

Novamente pegue a ferramenta Rectangle tool e faça uma nova faixa ( Branca Dessa vez) sobre os Nomes.
Imagem

Diminua sua opacidade para 22% ( Diminua na camada da faixa)
Imagem

Coloque um nome para nossa logo marca.
Imagem

se quiser fazer de outra forma você também pode. Altere cores, estilo, use a imaginação.
Imagem

ro455
Membro Steal
Membro Steal
Mensagens: 116
Registrado em: Qui Jun 23, 2011 12:16
Localização: Maringá - PR

Re: Criando um Menu para página de internet

Mensagem por ro455 »

Eu ainda prefiro fazer só o fundo e adicionar as palavras no HTML, mas vlw pelo tutorial
Imagem

Imagem

Responder