Procurar
Últimos assuntos
Barra de Site
Página 1 de 1
Barra de Site
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 link 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. Grande abraço e até a próxima!
[]' Eloah Cristina
Tutoriais Mania - O Maior Portal de Tutoriais da WEB
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 link 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. Grande abraço e até a próxima!
[]' Eloah Cristina
Tutoriais Mania - O Maior Portal de Tutoriais da WEB
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
02/07/10, 06:10 pm por emerson
» site para voce denunciar ou pedir ajuda
02/07/10, 06:02 pm por emerson
» Regras Gerais.
22/06/10, 08:05 pm por emerson
» novidades para 31 de junho de 2010
20/06/10, 07:07 pm por emerson
» Efeito Fogo
15/06/10, 07:57 pm por emerson
» Criando Paisagem
15/06/10, 07:54 pm por emerson
» criando CDS
15/06/10, 07:53 pm por emerson
» Barra de Site
15/06/10, 07:51 pm por emerson
» Efeito Texto a Letra
15/06/10, 07:50 pm por emerson