Grafika obalu aplikácie Flash iOS Storybook

• Apríl 30, 2024

V tomto tutoriále vytvoríme filmové klipy pre každú stránku príbehu aplikácie Flash iOS a umiestnime ich na hlavnú časovú os ako prípravu na navigáciu na stránke.

Pre tých čitateľov, ktorí vytvorili Phase One z tutoriálov na vytvorenie animovaného intro pre ich rozprávky, odložte tento súbor fla a odložte nový súbor projektu.

Začneme od začiatku novým Flashom^R Projektový súbor aplikácie pre iOS so šírkou 1024, výškou 768 a obnovovacou frekvenciou 24 až 30. Tieto rozmery slúžia na usporiadanie na šírku. Rozloženie portrétu môžete vytvoriť nastavením šírky na 768 a výšky na 1024. Informácie o tom, ako začať nový projekt iOS, nájdete v niekoľkých prvých príručkách v prvej fáze.

Predpokladám, že ste už vytvorili Photoshop^R súbor psd pre každú stránku knihy. Tento súbor by mal obsahovať grafiku na pozadí v spodnej vrstve. Jednotlivé konštrukčné prvky, ktoré nie sú súčasťou vrstvy pozadia, by mali byť na svojich vlastných vrstvách vyššie. Informácie o tom, ako pripraviť súbory Photoshopu, nájdete v niekoľkých prvých príručkách v prvej fáze.

Ak ste tak ešte neurobili, otvorte súbor psd každej stránky do aplikácie Photoshop a uložte grafiku do spodnej vrstvy ako samostatný súbor png.

1. Vyberte spodnú vrstvu, ktorá obsahuje grafiku na pozadí pre stránku.
   
   
2. Na paneli Menubar kliknite na položku Upraviť - Kopírovať.
   
   
3. Spustite nové okno s rozlíšením 1024 x 768 x 72.
   
   
4. Kliknite na položku Upraviť - Vložiť.
   
   
5. Nový súbor uložte ako cover.png.
   
   
6. Tento postup zopakujte pre každú stránku knihy, pričom súbory png pomenujte postupne (tj cover.png, page1.png, page2.png atď.).
   
   

Teraz vytvoríme titulnú stránku knihy v novom súbore fla.

1. Na snímke 1 hlavnej časovej osi premenujte vrstvu 1 na „stránky“.
   
   
2. Kliknite na File - Import - Import to Stage a vyberte súbor cover.png.
   
   
3. Pravým tlačidlom myši kliknite na ikonu png a vyberte príkaz Covert to Symbol.
   
   
4. Nastavte typ filmového klipu a začiarknite políčko Exportovať pre ActionScript.
   
   
5. Pomenujte „cover“.
   
   
6. Na paneli Vlastnosti zadajte názov inštancie, ak je „kryt“.
   
   

Použijeme súbor cover.png na dvoch snímkach a začneme prvou stranou knihy o snímke 3.

DÔLEŽITÉ: Tieto výukové programy pre vývoj aplikácií sú písané s ohľadom na začiatočníkov vo formáte Flash. Pred dokončením aplikácie pre obchod s aplikáciami budete musieť svoju aplikáciu optimalizovať nad rámec toho, čo je uvedené v týchto príručkách.


Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.