Menu com efeito aqua

Um efeito FANTÁSTICO de menu, o efeito aqua vem sendo cada vez mais procurado. Uma ótima opção de menu para compor seu site.

Por | @oficinadanet Softwares

Olá amigos,
Recebi algumas sugestões quanto ao menu. Por tanto, resolvi falar hoje sobre o tal menu aqua.

Vamos lá!!  Crie um palco com largura 600x300

Crie um retângulo de 100(largura) x 25(altura), com o fundo branco e borda na cor #cccccc. Coloque também um arredondamento de valor 25. Ficará assim:

Menu com efeito aqua

Agora vamos colocar um efeito gradiente nesse retângulo. Observe a figura abaixo e veja as configurações do efeito:

Menu com efeito aqua

Duplique o retângulo, retire o efeito radial da cópia e coloque o efeito de preenchimento LINEAR, com a cor preto(#000000) e branco(#ffffff).
Modifique o tamanho da cópia para 196(largura) x 20(altura).
Posicione-a de modo que fique como a imagem abaixo:

Menu com efeito aqua

Selecione o retângulo(preto e branco) e mude o modo dele para screen(tela). Veja na imagem abaixo:

Menu com efeito aqua

Feito isso, você pode ajusta-lo de modo que o efeito fique mais limpo. Para isso você deve tirar a borda do retângulo criado no inicio do artigo, em seguida siga as configurações da imagem abaixo:

Menu com efeito aqua

Uhm.. Com o efeito áqua pronto já ficou bacana.
Agora vamos dar forma ao nosso menu.

Selecione os dois retângulos, aperte Ctrl+G ; para agrupar o botão.
Faça 4 cópias deste botão, coloque-os um do lado do outro, com um espaço de 2px de um para o outro.

Coloque um titulo na cor branca, fonte verdana 10, sobre cada botão com os respectivos nomes: Principal, Cadastro, Downloads, Contato.

Coloque uma sombra em cada título para realçar.

Se seguiu todos os passos corretamente ficará semelhante a este:

Menu com efeito aqua

Pronto! Belo menu heim..

Continue mandando sugestões!!

Mais sobre:
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo