Oppdatering til boka: Multimedieutvikling i Flash CS3 Professional

Transkript

1 Oppdatering til boka: Multimedieutvikling i Flash CS3 Professional Endringer i Flash CS5 Professional I denne oppdateringen går vi gjennom boka Multimedieutvikling i Flash CS3 Professional og beskriver de viktigste endringer i forhold til Flash CS5. Vær oppmerksom på at denne oppdateringen bare beskriver endringer i forhold til boka. Du finner mer informasjon om nye funksjoner og verktøy i hjelpen i Flash, eller i boka Snarveien til Flash CS5 Professional. Side 13 Skjermbildet i Flash ser slik ut: Menylinja 6 Properties-panelet 2 Dokumentfane 7 Minimaliser panelgruppe 3 Tidslinja 8 Panelgruppe 4 Verktøyboksen 9 Skjermoppsett 5 Visningsområdet Legg spesielt merke til at Properties-panelet nå er plassert på høyre side av skjermen, og at tidslinja ligger under visningsområdet.

2 Side 14 Vi kan velge mellom flere standard skjermbildeoppsett. For å velge oppsettet vi har brukt i denne oppdateringen, går du i lista med skjermoppsett og velger Essentials og deretter Reset Essentials: Side 15 Dialogboksen for dokumentinnstillingene er litt forandret, men har de samme innstillingene: Vær oppmerksom på at vi ikke lenger kan importere filer av type FreeHand, PICT, PNTG, SGI, og TGA Side 17 Symbolbiblioteket ser nesten likt ut som før, bortsett fra at symboltypen kun vises som ikoner: Side 18 og 19 Tidslinja og laglista ser nesten lik ut som før, men vær oppmerksom på at du nå finner dem nedenfor visningsområdet.

3 Side 20 Properties-panelet ligger på høyre side av skjermen. De ulike egenskapene er fordelt i felt. Du viser og skjuler innholdet i feltene ved å klikke på den lille trekanten til venstre for navnet på feltet: Egenskaper til en instans Egenskaper til en linje Egenskaper til et nøkkelbilde Side 21 Transform-panelet er likt som før bortsett fra at det har blitt utvidet med funksjoner for transformasjoner i 3D: I Align-panelet er det nå en avkrysningsboks for To Stage. Side 22 Ctrl + Enter virker som tidligere, men i menyen finner du denne kommandoen i Control-menyen -> Test Movie -> Test.

4 Side 25 Du får opp Device Central ved å velge Adobe Device Central når du lager et nytt dokument: Vær klar over at skjermbildet i Device Central er endret. Bruk Browse for å finne fram til enheten du ønsker å publisere til (krever nettilgang).

5 Side 26 Eksempel I punkt 8 angis Frame rate under FPS i Properties-panelet: I punkt 14 angis lyden under Name i Sound-feltet i Properties-panelet: Side 50 Verktøyboksen ser nesten lik ut som før, bortsett for at det har kommet noen knapper for nye funksjoner. Blant annet Deco Tool som brukse for å male med instanser i forskjellige mønstre. Bone Tool brukes for å lettere lage karakteranimasjon. Du finner mer informasjon om disse verktøyene i hjelpen i Flash, eller i boka Snarveien til Flash CS5 Professional. Side 52 Properties-panelet er forandret, men du finner fremdelse de samme funksjonene: 1 Strekfarge 4 Fyllfarge 2 Strektykkelse 5 Redigere strekstil (Custom) 3 Strekstil

6 Side 54 Color-panelet er noe forandret: I fargevalgfeltet blander du RGB- eller HSB-verdier. For eks. hvis du har merket av for R (Red) kan du bestemme rød-verdien med spaken i det vertikale fargefeltet. Du kan deretter bestemme B- (Blue) og G- (Green) verdiene i det store fargefeltet ved å dra krysset henholdsvis horisontalt og vertikalt. Ved å merke av for H (Hue) kan du velge fargetone i det vertikale feltet og fargemetning (Saturation) og lysstyrke (Brightness) i det store feltet. Mange synes dette er den enkleste måten å velge farge på. A er det samme som Alpha. Side 56 For å angi komprimering på et bilde må du merke av for Custom: Side 57 Eksempel I punkt 3 har Properties-panelet forandret utseende på samme måte som nevnt tidligere: I punkt 14 har Color-panelet forandret utseende:

7 Side 61 Eksempel Parameters-panelet er erstattet med Properties-panelet. I punkt 4 og 7 må du derfor gå i Properties-panelet: Side 70 Egenskapene til teksten vises slik i Properties-panelet: Det er kommet ny funksjonalitet når det gjelder tekst i Flash. Blant annet kan du nå la teksten flyte mellom ulike tekstbokser. Den nye typen kalles TLF, mens den gamle kalles Classic Text. 1 Teksttype 7 Skrifttype 2 Tekststil (fet, kursiv osv.) 8 Tegnavstand 3 Skriftstørrelse 9 Font Rendering Method 4 Skriftfarge 10 Sub/Superskrift 5 Valgbar tekst 11 Tekstjustering 6 Vertikal tekst Innrykk/Linjeavstand/Marger URL til teksten angis under Options i Properties-panelet(etter at du har skrevet en tekst):

8 Filtereffekter kan legges på i Filters-feltet i Properties-panelet (etter at du har skrevet en tekst): Side 71 Eksempel I punkt 1 angis egenskapene slik i Properties-panelet: Side 80 Tidslinja har nesten samme utseende som tidligere, men vær oppmerksom på at den ligger nedenfor visningsområdet. NB! Det er innført en ny type Motion Tween. Den gamle typen som er brukt i boka kalles nå Classic Tween. Dvs. at alle henvisninger til Motion Tween i boka betyr Classic Tween i Flash CS5.

9 Side 83 Dialogboksen for Convert to Symbol ser nå slik ut: Du velger symboltype i lista under Type. Under Folder kan du velge hvilken mappe i symbolbiblioteket du vil legge symbolet i. Hvis du ikke vil legge det i noen mappe velger du Library root. Side 85 Egenskapene til en instans vises i ulike felt i Properties-panelet. Farge og alpha ligger under Color Effect: Side 88 Eksempel I punkt 6 høyreklikker du et sted mellom de to nøkkelbildene og velger Create Classic Tween i menyen som dukker opp. I punkt 12, 13 og 14 settes Ease-verdien, Rotate og Scale under Tweening i Properties-panelet:

10 Side 92 Eksempel I punkt 13 høyreklikker du et sted mellom nøkkelbildene og velger Create Classic Tween i menyen som dukker opp. I punkt 15 og 16 ligger Orient to Path og Ease under Tweening i Properties-panelet: Side 93 Eksempel I punkt 2 finner du Options under Tool Settings i Properties-panelet: I punkt 4 høyreklikker du et sted mellom de to nøkkelbildene og velger Create Shape Tween i menyen som dukker opp. Side 100 Du velger lyd i et nøkkelbilde under Sound-feltet i Properties-panelet: Side 101 Edit -knappen (Edit sound envelope) er nå vist som en blyant: Side 103 Eksempel I punkt 6 går du i Properties-panelet og velger Parameters, Bindings and Schema panel-knappen :

11 Side For å importere video i Flash brukes nå Adobe Media Encoder (AME). Instillinger for format, kvalitet, klipping, bokmerker, beskjæring og størrelse gjøres nå i AME. Side 114 til 118 i boka er derfor ikke lenger relevant. Her følger en kort beskrivelse av hvordan du bruker AME for å importere video i Flash CS5: Pass på at du har lagret Flash-dokumentet (fla-fila). Gå i File-menyen og velg Import Import Video Merk av for On your computer og Load external video with playback component. Dette gjør at vi kan legge videofila på webserveren slik at den streames. Velg videofila ved å klikke på Browse-knappen. Hvis videofila ikke allerede er konvertert til flv- eller f4v-format, får du opp en advarsel om at dette bør gjøres: F4V er det nyeste Flash video-formatet. Du konverterer videoen ved å klikke på Launch Adobe Media Encoder-knappen. Du får da en påminnelse om du må gå tilbake til Flash og velge videoen på nytt når den er ferdig konvertert:

12 Adobe Media Encoder er nå startet opp. Hvis du ikke ser programmet på skjermen, så klikk på det i oppgavelinjen. Du kan kjapt velge filformat og komprimering ved å klikke på knappene under Format og Preset. Klikk på Start Queue-knappen for å starte konverteringen. Gå tilbake til Flash når konverteringen er ferdig. Klikk på Browse-knappen og velg den konverterte videofila (flv eller f4v). Fila ligger i samme mappe som flash-dokumentet (fla). Klikk på Next-knappen og velg utseende på videospiller-komponenten (Skin): Klikk på Next og deretter Finish. Videospilleren vil havne i visningsområdet.

13 Angi instillinger Hvis du ønsker å kutte, velge komprimering, angi bokmerker osv. må du gjøre dette i Adobe Media Encoder før videoen er konvertert (før du klikker på Start Queue-knappen). Klikk på Settings knappen. Du kan klippe og angi bokmerker under forhåndsvisningen til venstre. Under Export Settings kan du angi filformat og forhåndsinnstilte komprimeringsinnstillinger. Ytterligere innstillinger kan gjøres i Format- og Video-fanene. Pikselstørrelse settes i Video-fanen, mens du kan beskjære videoen med Crop-knappen til venstre i skjermbildet. øverst Klikk OK når du er ferdig med å angi innstillingene og klikk på Start Queue-knappen. Side 121 Du velger Button i lista:

14 Side 125 Instansnavn angis øverst i Properties-panelet: Side 128 Teksttypen angis i den øverste delen av Properties-panelet: Side 132 Eksempel I punkt 4 angis instansnavnet øverst i Properties-panelet: