Barra de Site

Prévia do material em texto

Barra de Site
1-) Crie um novo arquivo de 720px30px. Faça um retângulo com 720px30px com cor
azul(#336699) e com borda cinza(#666666).
Agora aplique um efeito linear verticalmente com a mesma cor azul e acrescente um branco,
você irá utilizar a ferramenta degrade(G) fazendo horizontalmente uma reta. O resultado deverá
ser igual a seguinte imagem:
2-) Agora você irá aplicar alguns efeitos na barra. Primeiro vá em Bevel and Emboss (Chanfro e
Relevo), e escolha o efeito Inner Bevel (Chanfro Interno).
3-) No seu bevel (chanfro) você irá colocar configurações como mostra a figura a baixo:
Traduções para quem usa o Fireworks em português:
Smooth -> Suavização
Highlighted -> Alto Relevo
4-) Agora escreva os links que irão compor a sua barra. Depois selecione todas as palavras e vá
em Modify/Align/Center Horizontarl (Modificar/Alinhar/Centralizado Horizontal).
Agora vamos colocar efeitos nos links. Clique no primeiro link e depois vá em
Modify/Symbol/Convert to Symbol (Modificar/Simbolo/Converte em simbolo) ou apenas aperte
"F8". Agora escolha a opção Button (Botão).
5-) Agora clique duas vezes em cima do seu botão. Vai aparecer o seguinte tela:
6-) Copie o nome do primeiro link e cole no Frame 2 (Moldura 2), no outro Frame (Moldura)
você poderá mudar a cor do lin para qualquer outra cor. Agora faça esse mesmo procedimentos
em todos os outros links. Não esqueça de colocar o "link" e a"target" do link.
Prontinho, a sua barra está pronta para colocar em seu site, lembre-se o estilo vai de vocês,
aqui é apenas uma instrução básica por onde começar.
Bem, espero que tenham gostado dessa dica. Qualquer dúvida ou crítica, entre em contato.
Grande abraço e até a próxima!