Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

::Barra de Site::

Colaborao: Eloah Cristina
Tutoriais Mania - O Maior Portal de Tutoriais da WEB

Crie um novo arquivo de 720px30px.
Faa 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:

bsite1


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).

bsite2


3-) No seu bevel (chanfro) você irá colocar configurações como mostra a figura a baixo:

bsite3


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 opo Button (Boto).

bsite4


5-) Agora clique duas vezes em cima do seu boto.
Vai aparecer o seguinte tela:

bsite5


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.

No esquea de colocar o "link" e a "target" do link.

bsite6


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


Site criado em 22 de julho de 2004 por Maurcio Samy Silva Direitos de terceiros reservados 2004-2017.
Contedos no pertencentes a terceiros podem ser copiados vontade (crdito ser bem-vindo).
Powered by: Maujor ®