Grafika obalu aplikace Flash iOS Storybook

• Duben 27, 2024

V tomto tutoriálu vytvoříme filmové klipy pro každou stránku příběhu aplikace Flash iOS a umístíme je na hlavní Časovou osu v přípravě na vytvoření navigace na stránce.

Pro ty čtenáře, kteří vytvořili Phase One z tutoriálů, aby vytvořili animované intro pro jejich storybook, odložte tento fla soubor stranou a založte nový soubor projektu.

Začneme od začátku novým Flashem^R Soubor projektu aplikace pro iOS o šířce 1024, výšce 768 a obnovovací frekvenci 24 až 30. Tyto rozměry platí pro rozložení na šířku. Rozložení portrétu můžete vytvořit nastavením šířky na 768 a výšky na 1024. Informace o zahájení nového projektu pro iOS najdete v několika prvních tutoriálech v první fázi.

Předpokládám, že jste již vytvořili Photoshop^R soubor psd pro každou stránku knihy. Tento soubor by měl obsahovat grafiku na pozadí ve spodní vrstvě. Jednotlivé návrhové prvky, které nejsou obsaženy ve vrstvě pozadí, by měly být na svých vlastních vrstvách výše. Informace o tom, jak připravit soubory Photoshopu, najdete v několika prvních tutoriálech v první fázi.

Pokud jste tak dosud neučinili, otevřete soubor psd každé stránky do Photoshopu a uložte grafiku do spodní vrstvy jako samostatný soubor png.

1. Vyberte spodní vrstvu, která obsahuje grafiku pozadí pro stránku.
   
   
2. V nabídce Menubar klikněte na Upravit - Kopírovat.
   
   
3. Zahajte nové okno s rozlišením 1024 x 768 x 72.
   
   
4. Klikněte na Upravit - Vložit.
   
   
5. Uložte nový soubor jako cover.png.
   
   
6. Tento postup opakujte pro každou stránku knihy a postupně pojmenovávejte soubory png (tj. Cover.png, page1.png, page2.png atd.).
   
   

Nyní vytvoříme titulní stránku knihy v novém souboru fla.

1. Na snímku 1 hlavní časové osy přejmenujte vrstvu 1 na „stránky“.
   
   
2. Klikněte na Soubor - Import - Importovat do Stage a vyberte soubor cover.png.
   
   
3. Klepněte pravým tlačítkem myši na png a vyberte Covert to Symbol.
   
   
4. Nastavte Typ filmového klipu a zaškrtněte políčko Exportovat pro ActionScript.
   
   
5. Pojmenujte symbol „obal“.
   
   
6. Na panelu Vlastnosti zadejte název instance, pokud je „obal“.
   
   

Použijeme soubor cover.png na dvou snímcích a začneme první stránku knihy na snímku 3.

DŮLEŽITÉ: Tyto výukové programy pro vývoj aplikací jsou psány s ohledem na začátečníka Flash. Před dokončením aplikace pro obchod s aplikacemi budete muset svou aplikaci optimalizovat nad rámec toho, co je obsaženo v těchto výukových programech.


Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společ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 / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Week 1, continued (Duben 2024).