Cover grafik til Flash iOS Storybook App

• Kan 3, 2024

I denne tutorial vil vi oprette filmklip for hver side i Flash iOS-app-historien og placere dem på hovedtidslinjen som forberedelse til opbygningen af ​​sidenavigering.

For de læsere, der oprettede fase en af ​​tutorials til at lave den animerede intro til deres historiebog, skal du placere denne fla-fil til side og starte en ny projektfil.

Vi starter i begyndelsen med en ny Flash^R iOS-app-projektfil med en bredde på 1024, højde på 768 og billedhastighed på 24 til 30. Disse dimensioner er beregnet til et landskabslayout. Du kan oprette et portrætlayout ved at indstille bredden til 768 og højden til 1024. Se de første par tutorials i fase 1 for, hvordan du starter et nyt iOS-projekt.

Jeg antager, at du allerede har oprettet en Photoshop^R psd-fil for hver side i din bog. Denne fil skal indeholde baggrundsgrafikken på det nederste lag. De individuelle designelementer, der ikke er inkluderet i baggrundslaget, skal være på deres egne lag ovenfor. Se de første par tutorials i fase 1 for, hvordan du forbereder dine Photoshop-filer.

Hvis du ikke allerede har gjort det, skal du åbne hver sides psd-fil i Photoshop og gemme grafikken på det nederste lag som en separat png-fil.

1. Vælg det nederste lag, der indeholder baggrundsgrafikken til siden.
   
   
2. Klik på Rediger - Kopier i menulinjen.
   
   
3. Start et nyt billedvindue med 1024 x 768 x 72-opløsning.
   
   
4. Klik på Rediger - Indsæt.
   
   
5. Gem den nye fil som cover.png.
   
   
6. Gentag dette for hver side i din bog, navngiv png-filerne i rækkefølge (dvs. cover.png, page1.png, page2.png osv.).
   
   

Nu bygger vi forsiden til bogen i den nye fla-fil.

1. Omrammes lag 1 til "sider" på ramme 1 på hovedtidslinjen.
   
   
2. Klik på Filer - Importer - Importer til scenen, og vælg filen Cover.png.
   
   
3. Højreklik på png og vælg Covert to Symbol.
   
   
4. Indstil typen af ​​filmklip, og marker afkrydsningsfeltet for Eksporter til ActionScript.
   
   
5. Navngiv symbolet "dækning".
   
   
6. I egenskabspanelet giver det et forekomstnavn, hvis "dækning".
   
   

Vi bruger filen cover.png på to rammer og begynder den første side i bogen om ramme 3.

VIGTIGT: Disse tutorials til appudvikling er skrevet med Flash-begynderen i tankerne. Du skal optimere din app ud over, hvad der er dækket i disse tutorials, før du afslutter din app til app store.


Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Developing iOS 11 Apps with Swift - 1. Introduction to iOS 11, Xcode 9 and Swift 4 (Kan 2024).