ola pessoal vim mostrar-lhes um tutorial feito nao por mim mais sim pela equipe do fireworks do maujor
vamos la:
Novo DocumentoAbra o FW
Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento".
Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:
Largura: 300 pixels - Altura: 250 pixels
Cor da Tela: #FFFFFF.
1-) Desenhe um retângulo com cantos arredondados no palco e ajuste suas dimensões para 250px x 50px.
Clique na marca amarela e arraste para a esquerda com a finalidade de arredondar ao máximo os cantos do retângulo.
3-) Selecione o retângulo já com a forma indicada no número 2 e clone-o.
Para clonar tecle
Ctrl + Shift + D;
Após clonar mantenha a tecla Shift apertada e tecle seta para baixo. Isto desloca o clone para baixo.
Vamos agora diminuir o tamanho do clone conforme mostra a figura:
Selecione o clone e tecle
Ctrl + Shift + T ( ou
menu Modify ==> Transform ==> Numeric Transform ). Com esta ação você abrirá uma caixa para tranformação do que foi selecionado (
o clone).
Nesta caixa abra o menu de salto em cima e escolha Resize.
Deixe as duas caixinhas a esquerda em baixo, marcadas (caixas Scale Attributes e Constrain Proportions).
Digite
200 para largura e
30 para altura. Agora você está com um retângulo de
250 x 50e outro de
200 x 30 conforme mostrado no número
3.
1-) Selecione o retângulo menor localizado no meio.
Aplique um preenchimento gradiente linear nas cores
#FFFFFF e
#006633.
Tecle na ferramenta balde de tinta ou clique com a seta preta para "
aparecer" a guia de controle do gradiente e ajuste o gradiente com a cor branca em cima e a verde em baixo como mostrado no número
1.
2-) Selecione este retângulo cujo gradiente você acabou de aplicar e vá teclando
seta para cima até posicioná-lo como mostrado no número
2.
3-) Selecione o outro retângulo menor e aplique um preenchimento sólido na cor
#00FF33.
e um contorno na cor
#006600 de
1Pixel Soft.Aplique o
efeito Blur == >
Gaussian Blur e raio
10.Aplique transparência
85.
4-) Vá teclando seta para cima até posicionar este retângulo como mostrado no número
4e por final é so adcionar texto aos botoes...e pronto
creditos: fireworks do maujor
Edites> eu
tks
espero que gostem