Icons der Wiedergabeleiste ändern (HTML5)

Captivate bie­tet zwar ver­schie­de­ne Designs für die Wie­der­ga­be­leis­te an, die Icons selbst sind aller­dings zunächst mit dem Design fest vor­ge­ge­ben. In die­sem Arti­kel zei­ge ich Ihnen, wie Sie bei Aus­ga­be der Pro­jek­te in HTML5 die Icons ändern.

Zu die­sem Artikel

Schwie­rig­keits­grad: Fortgeschritten
Benö­tig­te Zeit: ca. 15 Minuten
Ziel: Sie ler­nen, wie Sie die Icons der Wie­der­ga­be­leis­te bei einer HTML5-Veröffentlichung ändern können.

Eigene Icons in der Wiedergabeleiste
Eige­ne Icons

Die Grundlagen

  • Um Icons aus­zu­tau­schen, müs­sen Sie die­se an deren Abla­ge­ort ersetzen.
  • Rich­ten Sie sich bei der Erstel­lung eines neu­en Icons nach der Grö­ße des Originals.
  • Die Far­be der Icons ist am ein­fachs­ten über die Wie­der­ga­be­far­ben zu regeln. Bei deren Ein­satz wird die Far­be der eigent­li­chen Datei irrelevant. 

    Wiedergabefarben der Wiedergableiste-Icons einstellen
    Wie­der­ga­be­far­ben der Wiedergableiste-Icons

Die Ablageorte der Icons

Sie haben zwei Mög­lich­kei­ten, wo Sie die neu­en Icons able­gen können:

    1. Wenn Sie die Icons nur bei einer fer­ti­gen HTML5-Veröffentlichung aus­tau­schen möch­ten, dann füh­ren Sie die Schrit­te der fol­gen­den Anlei­tung in dem Veröffentlichungs-Unterordner \assets\htmlimages aus.
    2. Wenn Sie die Icons vor Ver­öf­fent­li­chung aus­tau­schen möch­ten, sodass bei jeder nächs­ten Ver­öf­fent­li­chung mit Ihrem Sys­tem auto­ma­tisch die neu­en Icons benutzt wer­den (und auch bereits in der Vor­schau in Captivate ange­zeigt wer­den), dann füh­ren Sie die Schrit­te der fol­gen­den Anlei­tung im Icons-Ordner der ver­wen­de­ten Wie­der­ga­be­leis­te aus: Navi­gie­ren Sie in den Pro­gramm­ver­zeich­nis­ord­ner 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 öff­nen Sie dann den ent­spre­chen­den Design-Ordner, z. B. cpPlaybar\PlaybarIcons.

      Design der Wiedergabeleiste
      Ver­wen­de­tes Design der Wiedergabeleiste

So ändern Sie ein Wiedergabeleiste-Icon

Die fol­gen­de Anlei­tung ist bei­spiel­haft für das Icon TOC.png der Wie­der­ga­be­leis­te cpP­lay­bar beschrie­ben. Die­ses Ver­fah­ren kön­nen Sie auf jedes Icon eines Wiedergabeleisten-Designs anwenden.

Originales Icon
Ori­gi­na­les Icon
  1. Erstel­len Sie eine Siche­rungs­ko­pie des Icons, wel­ches Sie erset­zen möch­ten, und benen­nen Sie die Kopie um, z. B. mit dem Suf­fix _alt.

    Icon duplizieren
    Icon kopie­ren
  2. Öff­nen Sie die Datei mit dem ori­gi­na­len Namen in einem Bild­be­ar­bei­tungs­pro­gramm, z. B. Adobe Pho­to­shop.
  3. Pas­sen Sie das Icon nach Ihren Wün­schen an, erset­zen Sie z. B. die nicht sprach­neu­tra­le Beschrif­tung durch ein Symbol.
  4. Spei­chern und schlie­ßen Sie die Datei. 

    Neues Icon
    Neu­es Icon
  5. Tes­ten Sie Ihre Ver­öf­fent­li­chung (Fall a) bzw. tes­ten Sie Ihr Pro­jekt in der Vor­schau (Fall b).
    Die Wie­der­ga­be­leis­te ver­wen­det das neue Icon.

    Geändertes Icon
    Neu­es Icon

Sie wis­sen nun, wie Sie bei Pro­jek­ten, die als HTML5 ver­öf­fent­licht wer­den, die Icons der Wie­der­ga­be­leis­te nach eige­nen Vor­stel­lun­gen ändern können.

Übri­gens: Wenn Sie noch mehr über Captivate erfah­ren möch­ten – mit vie­len prak­ti­schen Bei­spie­len und Tipps – emp­feh­len wir Ihnen eine unse­rer Schu­lun­gen. Ger­ne ver­ein­ba­ren wir auch einen Ter­min für eine indi­vi­du­el­le Fir­men­schu­lung in Adobe Captivate mit Ihnen. Kon­tak­tie­ren Sie uns einfach.

Ähn­li­che Themen:
Loka­li­sie­rung: Tool­tips der Wie­der­ga­be­leis­te übersetzen
Inhalts­ver­zeich­nis (TOC) loka­li­sie­ren bei HTML5-Ausgabe

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht.