Kuvien luominen on yksinkertainen prosessi Adobe Fireworks Creative Suite 5:ssä. Kuvien luominen animaatioita varten on myös yksinkertaista, mutta hieman erilaista, sillä kuvat luodaan useista tiloista, jotka toistuvat peräkkäin ja luovat illuusion liikkeestä.
Luo animaatio
Luo kuva animaatiota varten seuraavasti:
Luo tai avaa objekti, jonka haluat animoida.
Tässä esimerkissä luo ympyrä ellipsityökalulla.
Valitse ympyrä osoitintyökalulla.
Valitse Ikkuna → Tilat.
Näkyviin tulee Tilat-paneeli, jossa on yksi tila.

Valitse oikean yläkulman paneelivalikosta Kopioi tila.
Näkyviin tulee Duplicate State -valintaikkuna.
Käytä Numero-liukusäädintä lisätäksesi kolme uutta tilaa.
Valitse Lisää uudet tilat -osiossa Nykyisen tilan jälkeen -valintanappi ja napsauta sitten OK.
Koska kaikki tilat ovat identtisiä, et näe muutosta. Esineet sijoitetaan päällekkäin.
![Animaatioiden luominen ja testaaminen Fireworks CS5:ssä]()
Käytä sipulin kuoria saadaksesi hyvän juoksevuuden
Sipulin nylkeminen voi olla valtava apu, kun yrität luoda hyvää kulkua animaatiolle. Sipulin kuorinta antaa mahdollisuuden muokata valittua tilaa, mutta tarkastella (himmennetyssä näkymässä) tiloja, jotka ovat ennen ja jälkeen valittua tilaa.
![Animaatioiden luominen ja testaaminen Fireworks CS5:ssä]()
Voit käyttää sipulin kuorinta animaatiossa seuraavasti:
Valitse Tila 2 -rivi Tilat-paneelista.
Napsauta paneelin vasemmassa alakulmassa olevaa Sipulin kuorinta -painiketta.
Avattava luettelo tulee näkyviin.
Valitse Näytä kaikki tilat, jos haluat näyttää yhden tilan ennen valittua tilaa ja yhden sen jälkeen.
Liikuta animaatiota
Varsinaisen animaation luominen ei todellakaan ole rakettitiedettä, mutta sinun on kiinnitettävä huomiota valitsemaasi tilaan ennen siirtoa.
Saat animaatiosi liikkeelle seuraavasti:
Valitse Tila 2 Tilat-paneelista nähdäksesi tilan 2 ympyrän.
Vedä ympyrää osoitintyökalulla hieman ylös ja oikealle.
Valitse Tila 3 nähdäksesi tilan 3 ympyrän.
Vedä ympyrä tilan 2 ympyrän alla ja oikealle puolelle.
Valitse Tila 4 nähdäksesi tilan 4 ympyrän.
Vedä ympyrä tilan 3 ympyrän yläpuolelle ja oikealle puolelle.
Sinun pitäisi nähdä virtaus, joka - primitiivisellä tavalla - edustaa pomppivaa palloa.
![Animaatioiden luominen ja testaaminen Fireworks CS5:ssä]()
Testaa animaatiota
Voit testata animaatiota suoraan Fireworks-taululla tai verkossa.
Testi ilotulituksissa
Fireworks tarjoaa useita toistosäätimiä taidetauluikkunan oikealla puolella. Voit käyttää näitä säätimiä animaation testaamiseen Fireworksissa seuraavasti:
Aloita animaatio napsauttamalla Toista-painiketta.
Huomaa, että Toista-painike muuttuu Stop-painikkeeksi.
Kun olet toistanut animaation, pysäytä animaatio napsauttamalla Stop-painiketta.
Testaa verkossa
Esikatselu selaimessa -ominaisuus antaa sinulle tarkemman käsityksen siitä, miltä animaatiosi näyttää katsojalle. Tämä toimenpide on niin helppoa, ettei se vaadi mitään vaiheita: Valitse Selaimessa Tiedosto → Esikatselu ja valitse selain, jossa haluat esikatsella animaatiota.
Jos animaatio ei toimi selaimessasi, varmista, että Fireworksin Optimoi-paneelin Vie tiedostomuodoksi on valittu GIF.