Como fazer um botão Rollover no Fireworks CS5

Você pode criar botões interativos em Adobe Fireworks Creative Suite 5 para fazer um botão de rolagem - um botão que muda quando um ponteiro do mouse passa sobre ele.

Criar a arte básica

Primeiro, você precisa criar a arte básica para o botão. (. Para este exemplo, o botão é um retângulo arredondado, mas você pode substituir por outra forma) Siga estes passos:

  1. Clique e mantenha a ferramenta Retângulo na seção Vetor do painel Ferramentas e selecione Retângulo arredondado da lista de ferramentas ocultas.

  2. Clique e arraste na área de trabalho para criar uma forma.

    Todo o tamanho é bom para este exemplo.

  3. Escolha Janela-Styles para abrir o painel Estilos.

  4. Escolha um estilo a partir da lista drop-down.

    Por exemplo, selecione Estilos de plástico.

    Este botão básico é o que o espectador vê inicialmente na sua página web.

    image0.jpg

Adicionar comportamento de sobreposição

Para adicionar comportamento de sobreposição para o botão e criar a versão do botão de obras de arte que os telespectadores vão ver quando seus ponteiros do mouse passar sobre ele, siga estes passos:

  1. Escolha a forma de retângulo arredondado que você criou na seção anterior e depois à direita; clique para selecionar Inserir Fatia retangular.

    A forma é realçado, indicando que um ponto de acesso foi criado.

    image1.jpg
  2. direita; clique (Windows) ou Control + clique (Mac) no centro da fatia e selecione Adicionar comportamento de sobreposição simples a partir do menu contextual.

    image2.jpg
  3. Escolha Janela-Membros para abrir o painel Estados.

  4. No menu do painel Unidos, escolha Duplicar estado.

    image3.jpg

    A caixa de diálogo Duplicar estado aparece. Mantenha as configurações para o padrão de estado 1 sendo inserido após o estado atual.

    image4.jpg

menu