�Digital Magazine�, Teil 1

Zum gedruckten Magazin kommt immer häufiger eine digitale Aus­gabe hinzu. Eine neue Herausforderung für Design und Produktion. Der erste Workshop zeigt die Erstellung einer animierten Navigation.

Haeme Ulrich 2010 ist das Jahr der digitalen Magazine. Die Verlagswelt setzt grosse Hoffnung auf neue Endgeräte wie das Apple iPad. Man rechnet damit, digitalen Inhalt endlich nicht mehr verschenken zu müssen, wie dies im Internet viel zu lange gemacht wurde. Dabei gibt Adobe die Marschrichtung mit InDesign CS5 auch unmissverständlich vor: InDesign hat sich vom Print-Layoutprogramm zum Universaltool für Crossmedia gewandelt. Digitale Magazine mit interaktivem Mehrwert können vollständig mit InDesign CS5 gebaut werden. Printlayouter werden also mit ihrem angestammten Programm künftig auch für digitale Magazine wirken.

Dieser und der nächste Workshop führen Sie in die Grundlagen der Interaktivität mit InDesign CS5 ein. Leider gibt es im Moment noch keine klare Anzeichen, in welchem Format digitale Magazine erstellt werden. Apple setzt auf HTML 5, während Adobe Flash vorsieht.

Arbeiten Sie grundsätzlich auf der Mustervorlage.

1. Erstellen Sie drei Buttons: für «forward»(weiter) , «back» (zurück) und «home» (Startseite). Meine Buttons habe ich aus je zwei gruppierten Elementen aufgebaut, um ihnen dann einen Rollover-Effekt zuweisen zu können.
2. Hinterlegen Sie jedem der drei Buttons den korrekten Befehl zur Navigation durch das Dokument. Dazu kommen noch die Rollover-Effekte, die im Online-Video näher erläutert werden.
3. Hinterlegen Sie die Schaltflächen mit einem Objekt.
4. Wählen Sie den Hintergrund und die Schaltflächen aus und weisen sie diesen über das Animation-Panel die Animation Hereinfliegen von oben zu. Den Auslöser für die Animation können Sie auf Beim Laden der Seite belassen.
5. Im Zeitpunkt-Panel verbinden Sie nun die Buttons und den Hintergrund, damit sie gleichzeitig in das Dokument fliegen.
6. Drücken Sie cmd+shift+return, um in der Vorschau direkt in InDesign CS5 die eben erstellte Navigation zu prüfen. Tipp: Vergrössern Sie das Vorschau-Panel. Sie können es sogar auf einem zweiten Monitor platzieren.

Den vollständigen Workshop mit näheren Informationen können Sie als Quicktime-Video downloaden oder als Flashvideo in hoher Auflösung ansehen.