Ako vytvoriť Prototypy vo Flash CS3

Nemusíte byť expert vo Flashi vytvoriť prototypy . Flexibilita programu umožňuje prototypovania s obmedzenými znalosťami jazyka ActionScript 3. Rapid prototyping pomáha užívateľom vizualizovať konečný produkt . Flash umožňuje vytvárať prototypy rôzne vernosti ( ako úzko prototyp podobá finálny produkt ) , takže je ľahké aktualizovať interaktívnych vrstiev a koncepty z jednoduchých drôtových modelov do podrobných dokončených návrhov . Pokyny
Príprava
1

Vytvorte obrazy , ktoré predstavujú požadované obrazovky a štáty , pomocou softvéru , ako je Fireworks , Photoshop alebo Corel . Vernosť vašich snímok môže byť kdekoľvek od drôtové vizuálnych vzorov ( pozri odkaz 2 ) .
2

Otvoriť Flash a kliknite na tlačidlo " Súbor " kliknite na tlačidlo " Nový" a potom kliknite na tlačidlo " Súbor Flash ( ActionScript 3.0 ) " v ponuke , ktorá sa otvorí . Kliknite na " okno " v hlavnom menu , potom kliknite na tlačidlo " Vlastnosti " a potom kliknite na tlačidlo " Vlastnosti " opäť v ponuke pull - out . Zadajte " 1024px " v poli " W " a " 768px " v poli " H " .
3

Uložte súbor kliknutím na tlačidlo " Súbor " v hlavnom menu , potom kliknutím na tlačidlo " uložiť ako " písanie v názve ( napr. " preto " ) a potom kliknutím na " uložiť " .
4

Import obrázkov kliknutím na tlačidlo " Súbor " a potom kliknutím na tlačidlo " Import " a kliknutím na tlačidlo " importovať do knižnice . " Pozrite si , kde sú vaše zábery potom kliknite na tlačidlo " Otvoriť " . Ak sú vaše obrázky v poradí , bude blesk automaticky importovať je ako sebe idúcich kľúčových snímok v aktuálne vybranej vrstvy , inak budete musieť pridať kľúčové snímky kliknutím pravým tlačidlom myši na ráme , potom kliknutím na tlačidlo " Vložiť kľúčový snímok " v vysúvacie menu pre každý obrázok ( pozri odkaz 3 ) .
5

Názov vrstvy " drôty " dvojitým kliknutím na " vrstvy 1 " a stlačením tlačidla " Enter " na klávesnici . Pridať kľúčové snímky medzi snímky na časovej osi kliknutím na prvý kľúčový snímku a stlačením " F5 " na klávesnici štyrikrát ( pozri odkaz 2 ) .
6

dať svoj ​​imidž rámy mená kliknutím na " Okno " v hlavné menu , potom kliknutím na tlačidlo " Vlastnosti " a potom kliknutím na tlačidlo " Vlastnosti " opäť v ponuke rozkladací . S jedným obraz rám zdôraznil , zadajte názov obrázku v poli " Frame Label " . Tento postup opakujte pre ďalšie snímky ( pozri odkaz 2 ) .
7

Vytvorte novú vrstvu kliknutím na tlačidlo " Vložiť vrstvu " v dolnej časti časovej osi a pomenovanie " AS3 . " Kliknite pravým tlačidlom myši na Snímku 1 " AS3 " vrstvy , kliknite na tlačidlo " Akcia " v menu pull - out . Zadajte nasledujúci kód :

stop ( ) ;

( . Pozri odkaz 2 )
Button
8

Double - kliknite na " Farba výplne " na paneli s nástrojmi, kliknite na tlačidlo " None " pre farbu ( to bude box s diagonálne červenou čiarou ) . Double - kliknite na " Farba ťahu " v nástrojovej lište a zadajte hodnotu " 3 " pre " Zdvih Výška " , potom kliknite na ľubovoľnú farbu ( pozri odkaz 2 ) .
9

Kliknite na nástroj " Obdĺžnik " v paneli nástrojov , a zatiaľ čo držíte myši , ťahajte cez fázu nakreslite obdĺžnik . Obdĺžnik by mal byť vhodný formát pre klikateľných oblastí . Kliknite na nástroj " Obdĺžnik " , potom v hlavnom menu kliknite na " Zmeniť " , potom kliknite na tlačidlo " Previesť do New Symbol " v menu pull - out . Kliknite na tlačidlo " " radiálne pole a zadajte " Button_btn " názov ( pozri odkaz 2 ) .
10

Poklepaním na tlačidlo zadajte svoju časovú os . Kliknite pravým tlačidlom myši na rámček s nápisom " Hit " a zvoľte " Vložiť kľúčový snímok . " Zmena farby tlačidla . Do rovnakej pre " Over " . Odstráňte farbu pre " Up " . To vám dá neviditeľné tlačidlo , ktoré budú zvýraznené , keď používateľ myši nad ním . Kliknite na " Scene 1 " v dolnej časti časovej osi pre opustenie časovej osi tlačidla . Odstránenie tlačidla z javiska ( pozri odkaz 2 ) .
11

Vytvorte novú vrstvu kliknutím na tlačidlo " Vložiť vrstvu " v dolnej časti časovej osi , a pomenovať novú vrstvu " tlačidla " . Vložte kľúčové snímky v " Buttons " vrstvy na rovnakých čísel snímok ako obrázkov v " Wire " vrstvy ( pozri odkaz 2 ) .
12

Pretiahnite tlačidla " " z knižnice a umiestnite ho na etapa . Kliknite na " okno " v hlavnom menu , potom kliknite na tlačidlo " Vlastnosti " a potom kliknite na tlačidlo " Vlastnosti " opäť v ponuke pull - out . S tlačidlo ešte zvýrazní , zadajte jedinečný názov inštancie ako názov stránky , na ktoré bude navigovať , napríklad , " page1_btn " ( pozri odkaz 2 ) .
13

Pravým tlačidlom myši na snímku 1 o " AS3 " vrstvy , kliknite na tlačidlo " Akcia " v menu pull - out . Zadajte nasledujúci kód , nahradenie " Stránka1 " pre vaše mená štítku rámu :

page1_btn.addEventListener ( MouseEvent.CLICK , onPage1 , false , 0 , true ) ;

funkcie onPage1 ( evt : MouseEvent ) : . void {

gotoAndStop ( " str.1 " ) ;

}
14

postup opakujte pre ďalšie stránky

• Predchádzajúca strana: Ako sa maska ​​v Macromedia Flash 8 
• Ďalšia strana: Ako upraviť XML Flash šablóny