Menu Interativo

01. Crie um documento de 800 x 120, resolução de 72 e fundo branco.

02. Desenhe um retângulo de 800 x 30 na posição x=0 e y=0 na cor preta.
03. Vamos montar o menu, configure a fonte para Bauhaus_93, tamanho 20, cor branca.

HOME - x = 137 e y = 1.
PRODUTOS - x = 298 e y = 1.
SERVIÇOS - x = 506 e y = 1.
CONTATO - x = 700 e y = 1.

04. As linhas estão na cor #00FFFF com medidas W=1 e H=25, posições:
1ª - x = 199 e y = 5.
2ª - x = 406 e y = 5.
3ª - x = 600 e y = 5.

05. Salve a imagem as duas imagens abaixo:

06. Importe a imagem da família. Altere as propriedades para Opacidade 40%.

W=800   |   X=0
H=120    |   Y=0

07. Altere a ordem da imagem da família para baixo de todas as camadas.

08. Na janela Molduras duplique a moldura atual. Clicando na Moldura 1 e arrastando para o ícone indicado.

09. Na moldura dois, importe a imagem do Homer Simpson.
10. Altere o tamanho para W=102 e H=110.
Homer do Home na posição: X=49 e Y=5.
Homer do Produtos na posição: X=209 e Y=5.
Homer do Serviços na posição: X=417 e Y=5.
Homer do Contato na posição: X=611 e Y=5.

11. Coloque Efeito de Brilho nos textos.

08. Agora com a ferramenta Fatia, faça a forma dos botões:

09. Clique com o botão direito em cima de cada fatia e escolha a opção:

"Adicionar comportamento rollover simples".

10. Menu Arquivo / Assistente de exportação

11. Clique em Continuar...

12. Clique em continuar novamente...

13. Mude o formato para JPEG e qualidade para 100 e clique no botão Exportar.

14. Execute os seguintes procedimentos:

1. Crie uma pasta no Desktop com o nome de site.
2. Dentro dessa pasta crie outra pasta com o nome de _imagem.

15. Volte para o FireWorks.
Localize a pasta do site.
Marque a opção ( ) Colocar imagens na subpasta. e selecione a pasta das imagens.

Clique em Salvar.