Icons der Wiedergabeleiste ändern (HTML5)

Captivate bietet zwar verschiedene Designs für die Wiedergabeleiste an, die Icons selbst sind allerdings zunächst mit dem Design fest vorgegeben. In diesem Artikel zeige ich Ihnen, wie Sie bei Ausgabe der Projekte in HTML5 die Icons ändern.

Zu diesem Artikel

Schwierigkeitsgrad: Fortgeschritten
Benötigte Zeit: ca. 15 Minuten
Ziel: Sie lernen, wie Sie die Icons der Wiedergabeleiste bei einer HTML5-Veröffentlichung ändern können.

Eigene Icons in der Wiedergabeleiste
Eigene Icons

Die Grundlagen

  • Um Icons auszutauschen, müssen Sie diese an deren Ablageort ersetzen.
  • Richten Sie sich bei der Erstellung eines neuen Icons nach der Größe des Originals.
  • Die Farbe der Icons ist am einfachsten über die Wiedergabefarben zu regeln. Bei deren Einsatz wird die Farbe der eigentlichen Datei irrelevant.

    Wiedergabefarben der Wiedergableiste-Icons einstellen
    Wiedergabefarben der Wiedergableiste-Icons

Die Ablageorte der Icons

Sie haben zwei Möglichkeiten, wo Sie die neuen Icons ablegen können:

    1. Wenn Sie die Icons nur bei einer fertigen HTML5-Veröffentlichung austauschen möchten, dann führen Sie die Schritte der folgenden Anleitung in dem Veröffentlichungs-Unterordner \assets\htmlimages aus.
    2. Wenn Sie die Icons vor Veröffentlichung austauschen möchten, sodass bei jeder nächsten Veröffentlichung mit Ihrem System automatisch die neuen Icons benutzt werden (und auch bereits in der Vorschau in Captivate angezeigt werden), dann führen Sie die Schritte der folgenden Anleitung im Icons-Ordner der verwendeten Wiedergabeleiste aus: Navigieren Sie in den Programmverzeichnisordner C:\Program Files\Adobe\Adobe Captivate 9 x64\de_DE\Gallery\Playbars\HTML (Win) bzw. /Applications/Adobe Captivate 9/de_DE/Gallery/Playbars/HTML (Mac) und öffnen Sie dann den entsprechenden Design-Ordner, z. B. cpPlaybar\PlaybarIcons.

      Design der Wiedergabeleiste
      Verwendetes Design der Wiedergabeleiste

So ändern Sie ein Wiedergabeleiste-Icon

Die folgende Anleitung ist beispielhaft für das Icon TOC.png der Wiedergabeleiste cpPlaybar beschrieben. Dieses Verfahren können Sie auf jedes Icon eines Wiedergabeleisten-Designs anwenden.

Originales Icon
Originales Icon
  1. Erstellen Sie eine Sicherungskopie des Icons, welches Sie ersetzen möchten, und benennen Sie die Kopie um, z. B. mit dem Suffix _alt.

    Icon duplizieren
    Icon kopieren
  2. Öffnen Sie die Datei mit dem originalen Namen in einem Bildbearbeitungsprogramm, z. B. Adobe Photoshop.
  3. Passen Sie das Icon nach Ihren Wünschen an, ersetzen Sie z. B. die nicht sprachneutrale Beschriftung durch ein Symbol.
  4. Speichern und schließen Sie die Datei.

    Neues Icon
    Neues Icon
  5. Testen Sie Ihre Veröffentlichung (Fall a) bzw. testen Sie Ihr Projekt in der Vorschau (Fall b).
    Die Wiedergabeleiste verwendet das neue Icon.

    Geändertes Icon
    Neues Icon

Sie wissen nun, wie Sie bei Projekten, die als HTML5 veröffentlicht werden, die Icons der Wiedergabeleiste nach eigenen Vorstellungen ändern können.

Übrigens: Wenn Sie noch mehr über Captivate erfahren möchten – mit vielen praktischen Beispielen und Tipps – empfehlen wir Ihnen eine unserer Schulungen. Gerne vereinbaren wir auch einen Termin für eine individuelle Firmenschulung in Adobe Captivate mit Ihnen. Kontaktieren Sie uns einfach.

Ähnliche Themen:
Lokalisierung: Tooltips der Wiedergabeleiste übersetzen
Inhaltsverzeichnis (TOC) lokalisieren bei HTML5-Ausgabe

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