Criando um Menu para página de internet
- Parallax
- Administrador
- Mensagens: 21268
- Registrado em: Seg Nov 15, 2010 07:30
- Texto Pessoal: EU SOU A LEI!!
- Contato:
Criando um Menu para página de internet
Bem, começaremos criando um arquivo 610 x124 px com 72 dpi de resolução.
Preencha a o fundo com a cor 60015c
Após isso realize o download do pattern Xadrex e configure o pattern Overlay como mostra a imagem.
Para configurar o pattern Ovarlay você deve ir em adicionar camada de estilo
Resultado
O próximo passo é adicionar uma barra no nosso projeto... Selecione a ferramenta Rectangle tool 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 tem que está em uso.
Va novamente em adicionar camada de estilo
use desta vez a opção Outer Glow
Após este passo teremos o seguinte resultado
Novamente use a ferramenta rectangle tool e faça uma faixa dentro da barra que criamos no passo anterior.
use a cor 60015c
Adicione outra camada de estilo
use a opção Inner Shadow
Após isso teremos o seguinte efeito
Selecione a ferramenta Text tool e configure suas opções com os seguintes valores.
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.
Selecione a ferramenta Elipse Tool e faça uma pequena bolinha e coloque ao lado de cada nome.
a cor usada foi a ff2bb7
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 e escolha a seta
Teremos o seguinte resultado.
Novamente pegue a ferramenta Rectangle tool e faça uma nova faixa ( Branca Dessa vez) sobre os Nomes.
Diminua sua opacidade para 22% ( Diminua na camada da faixa)
Coloque um nome para nossa logo marca.
se quiser fazer de outra forma você também pode. Altere cores, estilo, use a imaginação.
-
- 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
Eu ainda prefiro fazer só o fundo e adicionar as palavras no HTML, mas vlw pelo tutorial