Wie ein Rollover-Schaltfläche in Fireworks CS5 zu machen

Sie können 5 interaktive Schaltflächen in Adobe Fireworks Creative Suite erstellen Rollover-Schaltfläche zu machen - eine Schaltfläche, die sich ändert, wenn ein Mauszeiger darüber bewegt.

Erstellen Sie die grundlegenden Kunst

Zuerst müssen Sie die grundlegende Technik für die Schaltfläche zu erstellen. (. In diesem Beispiel ist die Taste ein Rechteck mit abgerundeten Ecken, aber Sie können eine andere Form ersetzen) Gehen Sie folgendermaßen vor:

  1. Klicken und das Rechteck-Werkzeug in der Kategorie Vektor des Bedienfelds Werkzeuge halten und wählen Sie dann abgerundetes Rechteck aus der Liste der versteckten Tools.

  2. Klicken und ziehen Sie im Arbeitsbereich eine Form zu erstellen.

    Jede mögliche Größe ist für dieses Beispiel in Ordnung.

  3. Wählen Sie Fenster-Styles, um das Bedienfeld Stile öffnen.

  4. Wählen Sie einen Stil aus der Dropdown-Liste.

    Zum Beispiel wählen Plastic Styles.

    Diese grundlegende Taste ist das, was der Betrachter zunächst auf Ihrer Webseite sieht.

    bild0.jpg

Fügen Sie Rollover-Verhalten

Um Rollover-Verhalten auf die Schaltfläche Hinzufügen und die Version der Schaltfläche Kunstwerk schaffen, dass die Zuschauer sehen, wenn ihre Mauszeiger darauf gehen Sie folgendermaßen vor:

  1. Wählen Sie das Rechteck mit abgerundeten Ecken Form, die Sie im vorherigen Abschnitt erstellt und dann nach rechts, klicken Sie auf Einfügen Rechteckige Scheibe auszuwählen.

    Die Form wird hervorgehoben, was darauf hinweist, dass ein Hotspot erstellt wurde.

    image1.jpg
  2. rechts, klicken Sie auf (Windows) bzw. bei gedrückter Ctrl-Taste (Mac), um das Zentrum der Scheibe, und wählen Sie Einfaches Rollover-Verhalten aus dem Kontextmenü hinzufügen.

    image2.jpg
  3. Wählen Sie Fenster-Staaten die Staaten Fenster zu öffnen.

  4. Aus dem Panel Menü Staaten wählen Status duplizieren.

    image3.jpg

    Der Status duplizieren Dialogfeld erscheint. Halten Sie die Einstellungen auf den Standard von State 1 nach dem aktuellen Zustand eingefügt wird.

    image4.jpg

Menü