Captivate 8: Smartform-Schaltflächen mit Hover-Effekt

Mit den neuen Schaltflächenzuständen in Captivate 8 können Sie wirkungsvolle Effekte für Ihre Smartform-Schaltflächen erzeugen. Welche Zustände eine Smartform-Schaltfläche nun einnehmen kann und wie Sie diese definieren, zeige ich Ihnen im heutigen Blogartikel.

Zu diesem Artikel
Programm: Adobe Captivate 8
Schwierigkeitsgrad: Einsteiger
Benötigte Zeit: ca. 10 Minuten
Ziel: Sie erfahren, wie Sie Schaltflächenzustände für Smartformen definieren können.
Schaltflächenzustände einer Smartform

Übersicht

Bislang konnten Sie einen Hover-Effekt für eine Smartform-Schaltfläche nur per Workaround erzeugen, mit Hilfe einer Rollover-Smartform. In Captivate 8 haben Sie nun die Möglichkeit, Schaltflächenzustände direkt in den Eigenschaften einer Smartform oder im Objektstil einer Smartform zu definieren. Folgende drei Status kann eine Smartform-Schaltfläche einnehmen:

  • Normal: Normalzustand der Smartform-Schaltfläche.
  • Nach unten (optional): Zustand, wenn der Benutzer auf die Smartform-Schaltfläche klickt.
  • Rollover (optional): Zustand, wenn der Benutzer die Smartform-Schaltfläche mit der Maus überfährt.

Hinweis: Standardmäßig sind die optionalen Status Nach unten und Rollover aktiviert, sobald Sie eine Smartform als Schaltfläche verwenden. Möchten Sie einen oder beide Status nicht nutzen, deaktivieren Sie einfach im Bedienfeld Eigenschaften unter dem jeweiligen Status die Option Aktivieren.

So definieren Sie Zustände für eine Smartform-Schaltfläche

Im folgenden Beispiel möchte ich Ihnen zeigen, wie Sie mit Hilfe der Schaltflächenzustände aus einer Smartform-Schaltfläche eine Bildschaltfläche mit Mouse-Over-Effekt erzeugen können.

  1. Fügen Sie eine Smartform ein und verwenden Sie diese als Schaltfläche.
Smartform als Schaltfläche
Smartform als Schaltfläche

Hinweis: In einem früheren Blogartikel habe ich Ihnen bereits beschrieben, wie Sie eine Smartform als Schaltfläche verwenden.

  • Wählen Sie im Bedienfeld Eigenschaften unter dem Tab Stil unter Status Normal.
  • Der Status Normal
    Der Status Normal
  • Wählen Sie im ersten Dropdownmenü im Bereich Füllung Bildfüllung.
  • Bildfüllung
    Bildfüllung
  • Klicken Sie unter Füllung auf das Ordner-Symbol.
  • Benutzerdefiniertes Bild auswählen
    Benutzerdefiniertes Bild auswählen

    Das Fenster Bild/Audio aus Bibliothek auswählen öffnet sich.

  • Klicken Sie auf Importieren und öffnen Sie das Bild, welches im Normalzustand der Smartform-Schaltfläche zu sehen sein soll.
  • Das Fenster Bild/Audio aus Bibliothek auswählen
    Das Fenster Bild/Audio aus Bibliothek auswählen

    Die Smartform wurde mit dem Bild gefüllt.

    Smartform mit Bildfüllung
    Smartform mit Bildfüllung

    Hinweis: Sollte das Bild verzerrt dargestellt werden, erfahren Sie in diesem Blogartikel, wie Sie Verzerrungen von Bildern vermeiden können. Beachten Sie jedoch, dass die Transparenz in Bildern verloren geht, wenn Sie die Option Dehnen deaktivieren. Um das Bild zu entzerren und die Transparenz dennoch beizubehalten, passen Sie die Größe der Smartform einfach der Größe des Bildes an.

  • Entfernen Sie die Kontur der Smartform-Schaltfläche: Geben Sie dazu im Bereich Strich unter Breite den Wert 0 ein.
  • Der Bereich Strich
    Der Bereich Strich
  • Deaktivieren Sie wahlweise den Status Nach unten: Wählen Sie dazu unter Status Nach unten und deaktivieren Sie die Option Aktivieren.
  • Wählen Sie den Status Rollover und füllen Sie die Smartform-Schaltfläche analog der Schritte 3-6 mit dem Bild, welches im Rollover-Zustand zu sehen sein soll.
  • Hinweis: Um ein “Springen” der Bilder während des Zustandswechsels zu vermeiden, sollten Sie darauf achten, dass beide Bilder die identische Größe (und Position innerhalb des Bildes) besitzen.

    Sie sehen, dass sich das Bild nun ändert, sobald Sie es mit der Maus überfahren.

    Der Rollover-Status
    Der Rollover-Status

    Übrigens: Sie möchten so schnell wie möglich fit in Captivate 8 werden? Professionell mit dem Programm arbeiten können? Wir bieten die passenden Schulungen, ob als öffentlicher Kurs, Firmentraining oder Einzelcoaching. Kontaktieren Sie uns einfach.

    Ähnliche Themen:

    Was ist neu in Captivate 8?
    Captivate 8: Die neue Benutzeroberfläche

    Schreibe einen Kommentar

    Webinar: Das neue Adobe Captivate (12)

    Entdecken Sie mit uns die Highlights des neu entwickelten Adobe Captivate. Wir zeigen Ihnen wie Sie schnell und einfach interaktive responsive E-Learnings erstellen können.

    Newsletter abonnieren

    Automatisch über neue Captivate-Versionen, Updates und neue Bücher informieren lassen:

    Kommende Trainings

    Keine Veranstaltung gefunden