Smartform-Schaltflächen mit Mouse-Over-Effekt

Standardmäßig ändert sich der Zustand einer Smartform-Schaltfläche nicht, wenn der Benutzer mit der Maus darüber fährt. Im heutigen Blogartikel möchte ich Ihnen zeigen, wie Sie auch diese Schaltflächen um einem Hover-Effekt ergänzen.

Zu diesem Artikel

Programm: Adobe Captivate 6
Schwierigkeitsgrad: Fortgeschrittene
Benötigte Zeit: ca. 10 Minuten
Ziel: Sie erfahren, wie Sie einen Hover-Effekt für Smartform-Schaltflächen erzeugen können.

Hover-Effekt
Hover-Effekt

So erzeugen Sie einen Hover-Effekt für Smartform-Schaltflächen

  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.

  2. Duplizieren Sie die Smartform-Schaltfläche: Drücken Sie [Strg] + [D] (Win)/ [Cmd] + [D] (Mac).
  3. Klicken Sie im Bedienfeld Eigenschaften der (neuen) Smartform im Bereich Füllung und Strüch unter Füllung auf den Farbwähler und wählen Sie eine gewünschte Farbe für den Hover-Effekt aus, z. B. Orange.

    Farbe des Hover-Effekts festlegen
    Farbe des Hover-Effekts festlegen
  4. Tragen Sie außerdem unter Alpha füllen den Wert 100 % sowie eine Breite von 0 ein.

    Transparenz und Rahmen
    Transparenz und Rahmen
  5. Markieren Sie mit gedrückter Taste [Shift] die (bestehende) Smartform-Schaltfläche sowie die (neue) Smartform und platzieren Sie diese mit Hilfe der Leiste Ausrichten direkt übereinander.

    Ausrichten
    Ausrichten
  6. Rechtsklicken Sie auf die neue Smartform und wählen Sie In Rollover-Smartform konvertieren.
    Die Smartform wird in eine Rollover-Smartform umgewandelt und Sie sehen den Rollover-Bereichauf der Folie.

    Rollover-Smartform
    Rollover-Smartform
  7. Markieren Sie den Rollover-Bereich und tragen Sie in den Eigenschaften im Bereich Füllung und Strich unter Alpha füllen den Wert 0 % sowie eine Breite von 0 ein.

    Rollover-Bereich formatiert
    Rollover-Bereich formatiert
  8. Platzieren Sie den Rollover-Bereich über der Rollover-Smartform und passen Sie die Größe an die Rollover-Smartform an.

    Rollover-Bereich in der Größe anpassen
    Rollover-Bereich in der Größe anpassen
  9. Testen Sie das Projekt in der Vorschau.

Sie sehen, dass nun beim Überfahren der Schaltfläche mit der Maus ein typischer Hover-Effekt ausgelöst wird – auch wenn die Objekte übereinander liegen, können Sie weiterhin die Schaltfläche auslösen.

Übrigens: Wenn Sie generell mehr über Adobe Captivate mit praktischen Beispielen erfahren möchten, empfehle ich Ihnen mein Buch zu Captivate 6 – wenn es spezieller und noch detaillierter sein soll: Ein Seminar oder einen Captivate-Workshop bei unsKontaktieren Sie uns einfach. Wir analysieren Ihr Vorhaben und stellen Ihnen eine ideale Lösung vor.

Ähnliche Themen:

Captivate 6: Smartformen
Was ist neu in Adobe Captivate 6?

Schreibe einen Kommentar

Newsletter abonnieren

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



Kommende Trainings

18.10. – 21.10.2022
Adobe Captivate Masterkurs

19.10. – 20.10.2022
Adobe Captivate für Einsteiger

06.12. – 09.12.2022

Adobe Captivate Masterkurs

07.12. – 08.12.2022
Adobe Captivate für Einsteiger