Criando um topo no Fireworks

Iremos aprender praticamente a criar o site todo no Fireworks...

Olá pessoal do WebLivre, nesta aula estarei lhe ensinando e dando dicas sobre topos de sites, então vamos lá!

1) No seu Fireworks abra uma nova imagem de: 777x300, crie um retângulo de: 777x300 com a cor: #333333, como a da figura abaixo:

clique para ampliar

2) Crie um retângulo de: 10x300, aplique nele o efeito: Line-Diag 2/50%, afaste-o da margem esquerda 7, ficando: x=7/y=0. como na figura abaixo:

3) Desenvolvendo o logo, crie uma retângulo com a ferramenta: Rounded Rectangle, de 140x100, x=54/y=46 com a cor: #FF9900, segurando CTRL+SHIFT+D copie-a, e diminua sua dimenção para: 130x90, x=59/y=46 com o efeito da nossa primeira aula,
as molas presentes no logo, sao circulos, faça o primeiro da cor #FFFFFF, de 80x80, duplicando-o, mude sua cor. e faça um efeito de afastamento. deverá ficar como o da figura abaixo:

4) O efeito do lado esquerdo do topo e feito da seguinte maneira, faça uma figura de 37x179, com efeito linear, e usando o o retângulo feito na primeira parte do tutorial, como borda. deverá ficar assim:

5) Use um espaço para banner, um retângulo com as bordas de cor: #FF9900, com 400x64. ficando assim:

6) O Menu Principal, e um retângulo de cor: #999999, de tamanho: 195x44, e cortando sua borda, um gadrado "deitado" de cor do fundo do topo ou seja: #333333 de 28x28. e abaixo, um simples retângulo de 194x69, de cor: #EBEBEB, deve ficar como na imagem abaixo:

7) O Menu de texto deve ser feito da seguinte maneira:
Com a ferramenta: Rounded Rectangle, crie um retângulo de: 602x167 de cor #333333, com o efeito: Line-Diag 2 50%, duplique está imagem e retire o efeito, deixe ela a 1x1 após a outra imagem, fazendo com que a outra imagem seja a sua borda, duplique está mesma imagem. deixando-a agora com a cor: #CFCFCF, a 2x2 da outra imagem. ficando como nas imagens abaixo:

clique para ampliar.

clique para ampliar

clique par ampliar.