Grafica di copertina per Flash Storybook App iOS

• Potrebbe 2, 2024

In questo tutorial, creeremo i clip filmato per ogni pagina del libro di fiabe dell'app Flash iOS e li posizioneremo sulla linea temporale principale in preparazione per la creazione della navigazione della pagina.

Per quei lettori che hanno creato la Fase Uno dei tutorial per creare un'introduzione animata per il loro libro di fiabe, metti da parte questo file fla e avvia un nuovo file di progetto.

Iniziamo con un nuovo Flash^R File di progetto dell'app iOS con una larghezza di 1024, altezza di 768 e frame rate da 24 a 30. Queste dimensioni sono per un layout orizzontale. È possibile creare un layout verticale impostando la larghezza su 768 e l'altezza su 1024. Fare riferimento ai primi tutorial nella Fase Uno per come avviare un nuovo progetto iOS.

Presumo che tu abbia già creato un Photoshop^R file psd per ogni pagina del tuo libro. Questo file dovrebbe contenere l'immagine di sfondo sul livello inferiore. I singoli elementi di progettazione non inclusi nel livello di sfondo devono essere sui rispettivi livelli sopra. Fai riferimento ai primi tutorial della Fase Uno per sapere come preparare i tuoi file Photoshop.

Se non lo hai già fatto, apri il file psd di ogni pagina in Photoshop e salva l'immagine sul livello inferiore come file png separato.

1. Seleziona il livello inferiore che contiene l'immagine di sfondo per la pagina.
   
   
2. Dalla barra dei menu, fai clic su Modifica - Copia.
   
   
3. Avvia una nuova finestra immagine con risoluzione 1024 x 768 x 72.
   
   
4. Fai clic su Modifica - Incolla.
   
   
5. Salvare il nuovo file come cover.png.
   
   
6. Ripeti l'operazione per ogni pagina del tuo libro, nominando i file png in sequenza (ad esempio cover.png, page1.png, page2.png ecc.).
   
   

Ora costruiremo la copertina per il libro nel nuovo file fla.

1. Nel fotogramma 1 della linea temporale principale, rinominare il livello 1 in "pagine".
   
   
2. Fai clic su File - Importa - Importa su stage e seleziona il file cover.png.
   
   
3. Fai clic con il tasto destro del mouse su png e scegli Converti in simbolo.
   
   
4. Imposta il Tipo di clip filmato e seleziona la casella di controllo Esporta per ActionScript.
   
   
5. Denominare il simbolo "copertina".
   
   
6. Nel pannello Proprietà assegnagli un nome istanza se "cover".
   
   

Useremo il file cover.png su due frame e inizieremo la prima pagina del libro sul Frame 3.

IMPORTANTE: queste esercitazioni sullo sviluppo di app sono scritte pensando ai principianti di Flash. Dovrai ottimizzare l'app oltre a quanto descritto in queste esercitazioni prima di finalizzare l'app per l'app store.


Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.