Alpha Channels

I mine undersøgelser om hvordan man bedst integrerer After Effects bedst muligt ind i Flash faldt jeg over et nyt fænomen, som jeg endnu ikke havde hørt om. Dette var brugen af de såkaldte alpha channels. Disse alpha channels har førhen været ukendt for folk som brugte flash, men lige siden Flash 8, hvor Adobe for første gang integrerede disse alpha channels ind i Flash er det blevet mere og mere velkendt blandt Flashudviklere. De giver nogle helt nye muligheder når det kommer til udviklingen af flash, da man så kan bruge sine videoeffekter interaktivt i sin flash.

Som de fleste designere ved så er der 3 channels når man snakker om farveinformation: (R) Rød, (G)Grøn, (B) Blå. Dette er RGB farvesystemet. Som en tilføjelse til dette farvesystem er der også en fjerde kanal, som man kalder (A)alpha kanalen. Hvor de andre kanaler indeholder information om intensiteten af de tre farver indeholder denne kanal information om transparent. Et normalt billede uden alpha channel er 24-bit, da hver channel er på 8 bit og der er 3 af dem. Et billede med alpha channel har altså en ekstra channel og bliver derfor til et 32-bits billede. Man kalder også et 24-bit format for ”Millions of Colors” eftersom at der er millioner af farvekombinationer. Når der er en alpha channel inkluderet så kalder man det for ”Millions of Colors+”.

Når man laver en effekt i After Effects som man gerne vil bruge i et flash projekt. Så er det vigtigt at tjekke alpha kanalen. Dette kan man nemt gøre i ”Composition” panelet som kan findes lige under compositions vinduet. Hvis man klikker på denne alpha channel previewer så bliver billeder sort/hvidt. Det hvide indikerer komplet synlighed, hvor det sorte indikerer komplet transparent.

Der er nogle forskellige filformater som kan gemme disse alpha kanaler. Nogle af dem er (FLV) Flash Video, PDF, AVI og QuickTime. Når man bruger AVI og Quicktime skal man dog være opmærksom på at man i de fleste tilfælde skal bruge nogle specielle codecs til at indkode disse alpha channels.

Adobe illustrator (EPS files), photoshop (PDF files) og After Effects konverterer automatisk tomme områder til en alpha kanal.

Eksportering af AE

Hvad skal man vide før man starter

- Output format

Den største forskel på Flash og After Effects er output formatet. Når man laver et flash projekt så er det i langt de største tilfælde baseret på vektorer. Vektorgrafik bruger matematik til at gemme og lave billeder. Dette medvirker til at billedet ikke bliver dårligere selvom at man forstørre det.

After effekts bruger primært pixels. Dette bliver også kaldt for raster-grafik. Dette vil sige at billederne er opbygget af små farvede prikker som ved siden af hinanden former billederne. Dette fører to ting med sig. For det første så kan man ikke forstørre billederne uden at det også kan ses på kvaliteten, derimod får det billederne til at se mere realistisk. Dette giver dog god mening eftersom at After Effects for det meste bruges til at lave film.

- Hvilke filformater kan man eksportere som

Jeg har nu efter at have søgt en del på nettet og selv siddet og undersøgt mulighederne fundet frem til, at der er tre måder som man kan eksportere After Effects over i Flash. De tre filformater som man kan eksportere som er SWF, FLA og FLX. Der er nogle grundprincipper for, hvornår man vil bruge det ene filformat fremfor det andet.

SWF: Hvis man foreksempel har lavet noget grafik i After Effekts, hvor man har leget med de teksteffekter som er indbygget i After Effekts, så er det en god ide at eksportere som en swf fil, da dette filformat kan bibeholde de vektorer som After Effekts har brugt til at lave teksteffekten. Det store minus ved at bruge swf-filen er at du ikke kan redigere i den når den først er kommet over i Flash. SWF filer kan afspilles direkte i en flash afspiller eller kan importeres ind i et andet flash projekt.

FLV: Hvis man har lavet en hel del grafik med foreksempel motion-blur, glow og partikler så er det FLV formatet man skal bruge. Hvis man foreksempel har det samme tekst, som det man eksporterede som swf filen, men hvor man derimod tilføjer noget motion-blur,  så vil After Effects eksportere som et raster billede. FLV filer skal importeres ind i Flash og derefter udgives som en SWF filer for at kunne afspilles. FLV kan ikke afspilles direkte i en Flash afspiller.

XFL: I Adobe’s nye version af After Effects CS4 er det blevet muligt at eksportere filer fra After Effects til Flash med et nyt filformat. Det filformat hedder XFL. Når du exporterer som en xfl-fil så har du muligheden for yderligere at redigere indholdet i Flash. En XFL-fil er af den type Flash fil som gemmer informationer ligesom en FLA, men en XFL gemmer bare informationerne i XML format. Dette medvirker til at når du eksportere din komposition fra After Effects med XFL over i Flash så bibeholder den nogle af de layers og keyframes som er lavet i After Effects. Når man importere XFL-filen til Flash, så pakker Flash filen ud og tilføjer de såkaldte assets til Fla filen efter de instruktioner som står i XML filen.

Arbejds Process

For at lære After Effekts vil jeg gøre brug af Tutorials. Man lærer bedst et så avanceret program ved selv at sidde og lave det ved siden af, samtidig med at man følger tutorialen. Bagefter vil jeg så lave noget lignende det som jeg læret i tutorialen uden at gøre brug af selve tutorialen. For dermed at kunne se om jeg har lært de teknikker og funktioner, som bliver brugt i tutorialen

Jeg vil fokuserer mest på tutorials som viser, hvordan man laver grafik som eventuelt kunne gøres brug af på et e-portfolio. Der er nogle enkelte funktioner som er gode at kunne og disse vil jeg selvfølgelig være mere opmærksom på. Dette er funktioner som “Null Objekt” og “Adjustments Layers”.

Jeg vil samtidig gøre brug af internettet for at finde ud af, hvordan andre har brugt After Effects CS3 i deres udvikling af hjemmesider og portfolio’s. Dette er samtidig en rigtig god måde at få inspiration til sit eget på.

Jeg vil også læse de mest relevante og interessante dele af nogle forskellige ActionScript bøger for at få en idé om, hvordan det hele kan gå op i en højere enhed. Det er trods alt meningen at jeg vil implementere After Effects ind i Flash. Der kan både gøres brug af Flash Anime og Flash kodning. Hvilken jeg vil anvende mest er ikke på nuværende tidspunkt sikkert, men det er en god idé at kunne begge dele.

Motivation

Min interesse indenfor MultimedieDesign har altid været at designe og programme. Man kan godt sige at jeg er lidt af en filmnarkoman og jeg elsker at se en god film, især hvis der er nogle rigtig fede og gennemførte effekter med i den. Jeg tror det er her jeg har min interesse for effekter fra. Jeg har altid interesseret mig meget for brugen af effekter både i reklamer og i film. På 2. Semester begyndte jeg at arbejde en del med programmet Adobe After Effects og blev utrolig fascineret over, hvilke ting man kunne udrette i dette program. Lige siden har jeg brugt en masse tid på at se tutorials og lege med programmet i min fritid.
Når det kommer til at programmere så har jeg gode kendskaber til xhtml, css og kan det basiske i php. Min interesse har dog næsten altid været indenfor flash, da jeg synes man kan lave nogle rigtige fede ting i dette program. Jeg har en del kendskab til as3 og kan kode de basiske ting.
Det lå mig meget nært at det var noget med effekter jeg skulle lave. Derfor har jeg valgt at fokusere min specialiseringsperiode på, hvordan jeg kan integrere After Effects ind i Flash.
Jeg er af den opfattelse at et portfolie er meget vigtigt når man skal ud og søge arbejde bagefter. Det er derfor meget vigtigt at ens portfolio er nemt at finde når man søger efter det. Derfor vil jeg også bruge noget af min specialisering på at finde ud af, hvordan man kan søge optimere et flash site så det er til at finde i så mange browsere som overhovedet muligt.

Problemformulering

Hvordan integreres Adobe After Effekts CS3 mest hensigtmæssigt med Adobe Flash CS3?
Hvordan søgemaskineoptimerer (SEO) man et flashbaseret site?
Hvordan kan jeg bruge alt dette til at lave et e-portfolio til mig selv.
Burning questions:

♣    Hvad er et e-portfolio?
♣    Hvorfor er flash at foretrække?
♣    Hvordan importerer man After Effects elementer ind i Flash på en nem og overskuelig måde, hvor de bibeholdes i en god kvalitet?
♣    Hvilket filformat er at foretrække til sine AE elementer. Her tænkes på kvalitet vs. Filstørrelse?
♣    Hvordan søge optimerer man en flash side?