Hvordan man laver og tester animationer i fyrværkeri CS5 - dummies

Oprettelse af billeder er en simpel proces i Adobe Fireworks Creative Suite 5. Oprettelse af billeder til animationer er også enkel, men lidt anderledes, i at billederne er skabt fra flere stater, der spiller efter hinanden for at skabe illusion af bevægelse.

Opret en animation

For at oprette et billede til animation skal du følge disse trin:

1. Opret eller åbent det objekt, du vil animere.

   For dette eksempel opretter du en cirkel med Ellipse-værktøjet.

2. Med markørværktøjet skal du vælge cirklen.

3. Vælg vindue → stater.

   Statens panel vises og angiver en stat.

   

4. Vælg panelet Duplicate i panelmenuen øverst til højre.

   Dialogboksen Dupliceringsstatus vises.

5. Brug skyderen Nummer til at tilføje tre nye tilstande.

6. I afsnittet Indsæt nye lande skal du vælge knappen Efter aktuelle tilstand og derefter klikke på OK.

   Da alle stater er identiske, ser du ingen ændring. Objekterne er placeret oven på hinanden.

   

Brug løgeskind for at få en god strømning

Løgskindning kan være en stor hjælp, når du forsøger at skabe et godt flow for en animation. Løgskindning giver dig mulighed for at redigere den valgte tilstand, men se (i en nedtonet visning) de tilstande, der kommer før og efter den valgte tilstand.

Følg disse trin for at bruge løgskylling i en animation:

1. Vælg stat 2-rækken i panelet States.

2. Klik på knappen Onion Skinning i nederste venstre hjørne af panelet.

   Der vises en rulleliste.

3. Vælg Vis alle stater for at vise en tilstand før og en efter den valgte tilstand.

Gør animationen flytte

Oprettelse af den egentlige animation er bestemt ikke raketvidenskab, men du skal være opmærksom på den tilstand, du vælger, før du foretager dit træk.

Følg disse trin for at sætte din animation i gang:

1. Vælg stat 2 i panelet States for at få vist tilstand 2-cirklen.

2. Træk cirklen lidt op og til højre ved hjælp af markørværktøjet.

3. Vælg stat 3 for at få vist tilstand 3 cirkel.

4. Træk cirklen nedenunder og til højre for tilstanden 2 cirkel.

5. Vælg stat 4 for at få vist tilstand 4-cirklen.

6. Træk cirklen over og til højre for tilstanden 3 cirkel.

   Du skal se en strøm, der på en primitiv måde repræsenterer en hoppende bold.

   

Test animationen

Du kan teste en animation direkte i Fireworks-tavlen eller på nettet.

Test i fyrværkeri

Fyrværkeri giver flere afspilningskontroller på højre side af vinduet.Følg disse trin for at bruge disse kontroller til at teste en animation i Fireworks:

1. Klik på knappen Afspil for at starte animationen.

   Bemærk, at afspilningsknappen ændres til stopknappen.

2. Når du har afspillet animationen, skal du klikke på knappen Stop for at stoppe animationen.

Test på internettet

Funktionen Forhåndsvisning i browser giver dig en mere præcis ide om, hvordan din animation vises for seeren. Denne procedure er så let, at der ikke er behov for trin: Vælg Filer → Forhåndsvis i Browser, og vælg den browser, hvor du vil forhåndsvise animationen.

Hvis animationen ikke virker i din browser, skal du sørge for at have GIF valgt som eksportfilformat i vinduet Optimer i Fireworks.