Coverafbeelding voor Flash iOS Storybook-app

• April 30, 2024

In deze zelfstudie maken we de filmclips voor elke pagina van het verhalenboek van de Flash iOS-app en plaatsen we deze op de hoofdtijdlijn als voorbereiding op het bouwen van de paginanavigatie.

Voor die lezers die fase één van de tutorials hebben gemaakt om de geanimeerde intro voor hun verhalenboek te maken, leg dit fla-bestand opzij en start een nieuw projectbestand.

We beginnen bij het begin met een nieuwe Flash^R iOS-app-projectbestand met een breedte van 1024, een hoogte van 768 en een framesnelheid van 24 tot 30. Deze afmetingen zijn voor een liggende lay-out. U kunt een portretlay-out maken door de breedte in te stellen op 768 en de hoogte in te stellen op 1024. Raadpleeg de eerste paar tutorials in Phase One voor het starten van een nieuw iOS-project.

Ik ga ervan uit dat je al een Photoshop hebt gemaakt^R psd-bestand voor elke pagina van uw boek. Dit bestand moet de achtergrondafbeelding op de onderste laag bevatten. De afzonderlijke ontwerpelementen die niet in de achtergrondlaag zijn opgenomen, moeten zich op hun eigen bovenliggende lagen bevinden. Raadpleeg de eerste paar tutorials in Phase One voor het voorbereiden van uw Photoshop-bestanden.

Als u dit nog niet hebt gedaan, opent u het psd-bestand van elke pagina in Photoshop en slaat u de afbeelding op de onderste laag op als een afzonderlijk png-bestand.

1. Selecteer de onderste laag die de achtergrondafbeelding voor de pagina bevat.
   
   
2. Klik op de menubalk op Bewerken - Kopiëren.
   
   
3. Start een nieuw afbeeldingsvenster met een resolutie van 1024 x 768 x 72.
   
   
4. Klik op Bewerken - Plakken.
   
   
5. Sla het nieuwe bestand op als cover.png.
   
   
6. Herhaal dit voor elke pagina van uw boek, waarbij u de png-bestanden opeenvolgend een naam geeft (bijv. Cover.png, page1.png, page2.png enz.).
   
   

Nu zullen we het voorblad voor het boek in het nieuwe fla-bestand bouwen.

1. Hernoem laag 1 in frame 1 van de hoofdtijdlijn naar "pagina's".
   
   
2. Klik op Bestand - Importeren - Importeren naar werkgebied en selecteer het bestand cover.png.
   
   
3. Klik met de rechtermuisknop op de png en kies Covert to Symbol.
   
   
4. Stel het type filmclip in en schakel het selectievakje in voor Export voor ActionScript.
   
   
5. Noem het symbool "cover".
   
   
6. Geef het in het deelvenster Eigenschappen een instantienaam als "cover".
   
   

We zullen het cover.png-bestand op twee frames gebruiken en beginnen met de eerste pagina van het boek op Frame 3.

BELANGRIJK: deze zelfstudies voor app-ontwikkeling zijn geschreven met de Flash-beginner in gedachten. U moet uw app verder optimaliseren dan wat in deze zelfstudies wordt behandeld voordat u uw app finaliseert voor de app store.


Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.