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:
Agora vamos colocar um efeito gradiente nesse retângulo. Observe a figura abaixo e veja as configurações do efeito:
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:
Selecione o retângulo(preto e branco) e mude o modo dele para screen(tela). Veja na imagem abaixo:
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:
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:
Pronto! Belo menu heim..
Continue mandando sugestões!!
😕 Poxa, o que podemos melhorar?
😃 Boa, seu feedback foi enviado!
✋ Você já nos enviou um feedback para este texto.