Titelgrafik für Flash iOS Storybook App

• Kann 12, 2024

In diesem Tutorial erstellen wir die Movieclips für jede Seite des Flash iOS-App-Storybooks und platzieren sie in der Hauptzeitleiste, um die Erstellung der Seitennavigation vorzubereiten.

Für diejenigen Leser, die Phase Eins der Tutorials erstellt haben, um das animierte Intro für ihr Storybook zu erstellen, legen Sie diese Fla-Datei beiseite und starten Sie eine neue Projektdatei.

Wir werden am Anfang mit einem neuen Flash beginnen^R. iOS-App-Projektdatei mit einer Breite von 1024, einer Höhe von 768 und einer Bildrate von 24 bis 30. Diese Abmessungen gelten für ein Querformat. Sie können ein Hochformat erstellen, indem Sie die Breite auf 768 und die Höhe auf 1024 festlegen. Informationen zum Starten eines neuen iOS-Projekts finden Sie in den ersten Tutorials in Phase 1.

Ich gehe davon aus, dass Sie bereits ein Photoshop erstellt haben^R. psd-Datei für jede Seite Ihres Buches. Diese Datei sollte die Hintergrundgrafik auf der untersten Ebene enthalten. Die einzelnen Designelemente, die nicht in der Hintergrundebene enthalten sind, sollten sich auf ihren eigenen Ebenen darüber befinden. In den ersten Tutorials in Phase 1 erfahren Sie, wie Sie Ihre Photoshop-Dateien vorbereiten.

Wenn Sie dies noch nicht getan haben, öffnen Sie die PSD-Datei jeder Seite in Photoshop und speichern Sie die Grafik auf der untersten Ebene als separate PNG-Datei.

1. Wählen Sie die unterste Ebene aus, die die Hintergrundgrafik für die Seite enthält.
   
   
2. Klicken Sie in der Menüleiste auf Bearbeiten - Kopieren.
   
   
3. Starten Sie ein neues Bildfenster mit einer Auflösung von 1024 x 768 x 72.
   
   
4. Klicken Sie auf Bearbeiten - Einfügen.
   
   
5. Speichern Sie die neue Datei als cover.png.
   
   
6. Wiederholen Sie diesen Vorgang für jede Seite Ihres Buches und benennen Sie die PNG-Dateien nacheinander (z. B. cover.png, page1.png, page2.png usw.).
   
   

Jetzt erstellen wir das Deckblatt für das Buch in der neuen Fla-Datei.

1. Benennen Sie in Bild 1 der Hauptzeitleiste Ebene 1 in "Seiten" um.
   
   
2. Klicken Sie auf Datei - Importieren - In Bühne importieren und wählen Sie die Datei cover.png aus.
   
   
3. Klicken Sie mit der rechten Maustaste auf das PNG und wählen Sie In Symbol konvertieren.
   
   
4. Legen Sie den Typ des Movieclips fest und aktivieren Sie das Kontrollkästchen für Export for ActionScript.
   
   
5. Nennen Sie das Symbol "Abdeckung".
   
   
6. Geben Sie im Eigenschaftenfenster einen Instanznamen ein, wenn "cover".
   
   

Wir werden die Datei cover.png für zwei Frames verwenden und die erste Seite des Buches in Frame 3 beginnen.

WICHTIG: Diese Tutorials zur App-Entwicklung wurden speziell für Flash-Neulinge entwickelt. Sie müssen Ihre App über die in diesen Tutorials beschriebenen Aspekte hinaus optimieren, bevor Sie Ihre App für den App Store fertigstellen können.


Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Corona SDK Screen Transitions (Kann 2024).