Erstellen Sie eine Hype-Vorlage für iBooks Author


In einem früheren Hype for iBooks AuthorR. Tutorial haben wir eine Bildergalerie mit interaktiven Schaltflächen und animierten Übergängen erstellt. Das Projekt verlief so gut, dass ich mich entschied, ein paar weitere für das Projekt "Kinderbuchvorlagen-Benutzerhandbuch" zu erstellen. Der erste Schritt bestand natürlich darin, eine Hype-Vorlage zu erstellen. In diesen Tutorials konvertieren wir das vorherige Galerie-Widget-Projekt in eine Hype-Vorlage.

Die Spezifikationen

Wenn Sie dem vorherigen Tutorial gefolgt sind, wissen Sie, dass jedes Bild in der Galerie eine eigene Szene in Hype hat. Das Projekt war eine kleine Galerie mit 8 Bildern. Fügen Sie zwei Szenen für eine größere Galerie hinzu und richten Sie für jede Szene ein Platzhalterbild ein. Wir können eine generische Platzhaltergrafik verwenden und, um dem Benutzer die Größe des Bildes mitzuteilen, einen Text auf das Bild setzen, der die Abmessungen in Pixel von 2048 x 1536 angibt. Außerdem müssen wir den Text in jeder Szene im Original ersetzen Projekt mit Platzhaltertext.

Die Tech

Hype hat im Elements Inspector eine nette Funktion zum Ersetzen von Bildern auf dem Bildschirm. Unsere Vorlage enthält nur eine Platzhaltergrafik, und der Benutzer kann diese Funktion verwenden, um die Platzhaltergrafik einfach durch eigene Bilder zu ersetzen.

Für den Platzhaltertext können wir etwas verwenden, das dem Benutzer mitteilt, welche Szene er bearbeitet, z. B. "Szene X - Ihr Text hier".

Der Prozess

Da wir unser Galerie-Widget bereits für unser iBooks Author-Projekt erstellt haben, können wir das Projekt in Hype öffnen, unsere Anpassungen vornehmen und als Hype-Vorlage speichern.

Öffnen Sie Ihr Galerieprojekt in Hype. Wie Sie sehen können, enthält unser Projekt 8 Szenen mit einem Screenshot in der unteren Ebene, dem Bildschirmtiteltext und zwei Schaltflächen in jeder Szene. Wenn Sie die Grafik für die Schaltflächen ändern möchten, ist jetzt ein guter Zeitpunkt. Nachdem Sie die Einstellungen für die Vorlage vorgenommen haben, speichern Sie sie als Vorlagendatei, damit wir keine Änderungen am ursprünglichen Projekt vornehmen.

  1. Klicken Sie auf Datei - Vorlage speichern und speichern Sie die Datei im Format .hypetemplate.

    Unsere Vorlage enthält 10 Szenen, daher müssen wir zwei hinzufügen. Da die Szenen 2 bis 7 Schaltflächen haben, mit denen die Galerie auf die vorherigen und nächsten Standardszenen verschoben wird, können wir jede dieser Szenen duplizieren.

  2. Benennen Sie Szene 8 in Szene 10 um. Doppelklicken Sie auf den Szenentitel unter der Miniaturansicht und benennen Sie die Szene um.

    Jetzt können wir eine Szene zweimal duplizieren, um insgesamt 10 Szenen zu erhalten.

  3. Klicken Sie mit der rechten Maustaste auf Szene 7 und wählen Sie im Popup-Menü die Option Szene duplizieren.

  4. Doppelklicken Sie auf den Titel und benennen Sie die doppelte Szene in "Szene 8" um.

    Wiederholen Sie diesen Vorgang, um Szene 9 zu erstellen. Jetzt können wir unseren Szenen unsere Platzhaltergrafik hinzufügen.

  5. Wählen Sie in Szene 1 die Hintergrundgrafik aus. Klicken Sie im Elementinspektor auf die Schaltfläche Auswählen, um das Finder-Fenster zu öffnen und Ihre Platzhaltergrafik auszuwählen. Hype ersetzt die vorhandene Grafik durch den neuen Platzhalter.

    Wiederholen Sie den vorherigen Schritt für alle zehn Szenen. Jetzt können wir den Platzhaltertext einrichten.

  6. Doppelklicken Sie in Szene 1 auf den Text unten in der Platzhaltergrafik und geben Sie "Szene 1 - Ihr Text hier" ein. Wiederholen Sie dies für jede Szene.

Wir haben jetzt unsere Platzhalter festgelegt, damit wir das Projekt speichern können.

iBooks, HTML5-Apps, Tabzines - Wohin entwickelt sich der Tablet Publishing-Markt? (Kann 2021)



Tags Artikel: Erstellen Sie eine Hype-Vorlage für iBooks Author, Flash und Animation, um eine Hype-Vorlage zu erstellen