Cover Graphic for Flash iOS Storybook App

• Kan 18, 2024

I denne opplæringen vil vi lage filmklippene for hver side i Flash iOS-app-historien og plassere dem på hovedtidslinjen som forberedelse til å bygge sidenavigasjonen.

For de leserne som opprettet fase en av opplæringsprogrammene for å lage den animerte introen til historien sin, legg denne fla-filen til side og start en ny prosjektfil.

Vi begynner i begynnelsen med en ny Flash^R iOS-app-prosjektfil med en bredde på 1024, høyde på 768 og bildefrekvens fra 24 til 30. Disse dimensjonene er for en liggende layout. Du kan lage et portrettoppsett ved å stille bredden til 768 og høyden til 1024. Se de første veiledningene i fase en for hvordan du starter et nytt iOS-prosjekt.

Jeg antar at du allerede har opprettet en Photoshop^R psd-fil for hver side av boken din. Denne filen skal inneholde bakgrunnsbildet i bunnsjiktet. De individuelle designelementene som ikke er inkludert i bakgrunnslaget, bør være på sine egne lag over. Se de første opplæringsprogrammene i fase én for hvordan du forbereder Photoshop-filene.

Hvis du ikke allerede har gjort det, åpner du hver sides psd-fil i Photoshop og lagrer grafikken på bunnlaget som en egen png-fil.

1. Velg det nederste laget som inneholder bakgrunnsbildet for siden.
   
   
2. Klikk på Rediger - Kopier fra menylinjen.
   
   
3. Start et nytt bildevindu på 1024 x 768 x 72.
   
   
4. Klikk Rediger - Lim inn.
   
   
5. Lagre den nye filen som cover.png.
   
   
6. Gjenta dette for hver side i boken din, og navngi png-filene i rekkefølge (dvs. cover.png, page1.png, page2.png osv.).
   
   

Nå skal vi bygge forsiden til boka i den nye fla-filen.

1. Gi navn til lag 1 til "sider" på ramme 1 på hovedtidslinjen.
   
   
2. Klikk File - Import - Import to Stage og velg cover.png-filen.
   
   
3. Høyreklikk på png og velg Covert to Symbol.
   
   
4. Angi typen filmklipp og merk av for Eksporter for ActionScript.
   
   
5. Navn symbolet "omslag".
   
   
6. I Egenskaper-panelet gi det et forekomstnavn hvis "deksel".
   
   

Vi vil bruke cover.png-filen på to rammer og begynne på den første siden i boken på ramme 3.

VIKTIG: Disse opplæringsprogrammene for apputvikling er skrevet med Flash-novisen i tankene. Du må optimalisere appen din utover det som dekkes i disse opplæringsprogrammene før du fullfører appen din for app store.


Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: Creano - Umko & the Litter Monster- 2D animated interactive book (app) (Kan 2024).