Índice:
Vídeo: Como Criar Efeito Rollover no Fireworks Facilmente 2024
Você pode criar botões interativos no Adobe Fireworks Creative Suite 5 para fazer um botão de rolagem - um botão que muda quando um ponteiro do mouse passa por ele.
Crie 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 outra forma). Siga estes passos:
-
Clique e segure a ferramenta Retângulo na seção vetorial do painel Ferramentas e, em seguida, selecione Rectângulo arredondado da lista de ferramentas ocultas.
-
Clique e arraste no espaço de trabalho para criar uma forma.
Qualquer tamanho é bom para este exemplo.
-
Escolha Janela → Estilos para abrir o painel de estilos.
-
Escolha um estilo na lista suspensa.
Por exemplo, selecione Plástico Estilos.
Este botão básico é o que o visualizador vê inicialmente na sua página da web.
Adicionar comportamento de rollover
Para adicionar o comportamento de rolagem ao botão e c reaque a versão da obra de arte do botão que os telespectadores verão quando os ponteiros do mouse passam sobre ele, siga estas etapas:
-
Selecione a forma de retângulo arredondado que você criou na seção anterior e clique com o botão direito do mouse para selecionar Inserir Fatia retangular.
O formato é realçado, indicando que um ponto de acesso foi criado.
-
Clique com o botão direito do mouse (Windows) ou clique com o botão direito do mouse (Mac) no centro da fatia e escolha Adicionar comportamento de rolagem simples no menu contextual.
-
Escolha Janela → Estados para abrir o painel dos Estados.
-
No menu do painel de estados, escolha Estado duplicado.
Aparece a caixa de diálogo Estado duplicado. Mantenha as configurações no padrão do Estado 1 sendo inserido após o estado atual.