FLASH CS 4. En introduktion. Harry Jäderström 2009



Relevanta dokument
Högskolan i Halmstad Multimedia och visuell kommunikation Övning 1 Adobe Flash, grundfunktioner & interpolering. Efter övningen förväntas du kunna:

Grunder. Grafiktyper. Vektorgrafik

Macromedia. Flash 8 Grundkurs.

Adobe. Flash CS3. Grundkurs.

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)

Vilken version av Dreamweaver använder du?

6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.

Macromedia Flash MX 2004

Macromedia Flash MX 2004

Workshop PIM 2 - PowerPoint

Macromedia Flash MX 2004

Adobe FLASH CS5 GRUNDER

Högskolan i Halmstad Multimedia och visuell kommunikation Övning 2 Adobe Flash, interaktiva knappar inklusive ljud och video

Allta bilder du ritar med verktygen i verktygspanelen eller importerar är grafik.

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad:

Macromedia Flash MX 2004

LATHUND PHOTOSHOP 6.0. RXK Konsult AB, Riddarplatsen 36 Plan Järfälla Tel: , Fax: e-post: info@rxk.

3. Hämta och infoga bilder

Del 2 INTERNET I VARDAGEN. 14. Hämta program på Internet Sköta affärer på Internet Användbara sidor (för nytta och nöje)...

diverse egenskapspaletter

Adobe FI ash CC G r u n d e r

«Sida 2 av 4 Till kursens framsida Sida 4 av 4»

Hur man skapa en Wiki.

1

BANVERKTYGET. Verktygen

Dollar Street Beta Version 1.0 Manual

06. Skapa bildsegment

Adobe Photoshop CS. Ritprogrammet Photoshop är ett pixelbaserat ritprogram. I botten på bilderna Photoshop åsadkommer finns ett rutmönster av pixels.

SCRIBUS grund. Guide och uppgifter. ITlyftet Gunnar Markinhuhta. Sida 1

Adobe. Illustrator CS3.

FIRSTCLASS. Innehåll:

Adobe Presenter. Skapad:

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

TUTORIAL 3: ATT STARTA ETT NYTT PROJEKT, IMPORTERA ELLER DIGITALISERA MATERIAL, SAMT SORTERA DET.

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

Lär dig grunderna i Photoshop Elements 4.0

ADOBE FLASH 8. Vad är egentligen Flash

Photo Story. Sara Eriksson IKT A, HT 2007

Introduktion till Adobe Acrobat Connect Pro

Miljön i Windows Vista

Att använda bildhanteringsprogram, del 2

En förladdare fångar användarens uppmärksamhet under tiden huvudfilmen laddas. Använd din kreativitet när du formger en förladdare och använd sedan

Manual Produktion av presentationssynkar med PowerPoint och Producer

Manual för din hemsida

Innehållsförteckning. Kurs i MS Office våren 2013 Word

Guide till att använda Audacity för uttalsövningar

Studentguide Adobe Connect Pro

Grunder i Flash. Handledning

Spela in och exportera din PowerPoint som en film via Premiere Elements

ATT ARBETA MED VEKTORGRAFIK

POWER POINT FÖRDJUPNING

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad

Lathund Claro Read Plus

ANVÄNDARBESKRIVNING FÖR PERSONAL

Redigera bilder snabbt och enkelt!

Elements 5.0. Innehållsförteckning

1 Photo Story Steg 1 - Hämta och fixa dina bilder

Interaktiv skrivtavla Lintex ebeam

Migrera till PowerPoint 2010

Manual för Typo3 version 4.2

DK-serien. Enklare bildredigering med Irfanview

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Styra olika typer av objekt som animering, video, ljud och Flashfilm

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp

Book Creator App för Ipad

Introduktion till After Effects

Bildredigering i EPiServer & Gimp

ODD FELLOW ORDEN. Manual. Sidverktyget. oddfellow.se. version

Imovie - Skapa ett bildspel med bilder och filmklipp

Version lättläst. Så här använder du Legimus app. för Android

Programmets startmeny ser ut så här. För att få fram menyerna Avsluta, Inställningar och Användare måste du föra markören upp till det blåa fältet.

Spela in och spara din PowerPointpresentation

DIGITALA RESURSER MANUAL FÖR. Arbeta med video i imovie

Steg 16 Video Debut video capture Video pad editor Windows 7/8

LUVIT LMS Quick Guide LUVIT Composer

Vi börjar med en penna som ritar när du drar runt den på Scenen.

Lathund till PowerPoint 2002 (XP)

After Effects Lathund

OneNote En inspirationsguide för dig som vill lära dig grunderna i OneNote

Elisabeth Bejefalk IT-Assistent Avesta kommun

Paneler - VCPXX.2. Programmeringsmanual för VCP-paneler. Revision 2

J A G T Ä N K E R, D Ä R F Ö R Ä T E R J A G.

Nyheter i PowerPoint 2010

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

IT-körkort för språklärare. Modul 5: Ljud, del 2

Grafisk manual för Sveriges Viktigaste Jobb. ringen

Få dina bilder att tala

Klassens aktivitet. Inställningar

Microsoft PowerPoint

UngO teket. Banläggning i OCAD. ungoteket.se

MACROMEDIA FLASH. Vad är egentligen Flash

Mitt hus och jag steg för steg instruktioner

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren

Så här använder du de enklaste funktionerna i programmet: Starta programmet. Programmet startas från ikonen på skrivbordet.

Börja med att samla alla bilder som du vill använda till din film i en mapp under Mina dokument.

Så här hanterar du MEDIAFILER i Jag Vill...

6 Arbeta med text. Komma igång

Grundkurs 1 IKT Filhantering

Text och galleri på fotoklubbens nya hemsida

Transkript:

En introduktion 1

Innehåll Hur det började...1 Version... 2 Utgivningsår... 2 Nyheter... 2 Flash versions historik... 2 Vad är Flash?... 3 Man kan använda sig av tidslinjen och dess lager på fyra sätt.... 3 Library paletten - Biblioteket... 4 Gränssnittet i Flash CS4... 5 Gränssnittet i ett nytt dokument i Flash CS4... 6 Verktygspaletten... 7 Låt oss börja... 8 Publicerings inställningarna... 9 Vad händer nu?... 10 Fla formatet... 10 Viktigt om storlek och hur man håller koll på den.... 12 Rita och redigera vektor objekt... 13 Färg och övertoningar... 14 Övertoningar - Gradients... 15 Styra övertoningar... 16 Linjär övertoning... 16 Radiell övertoning... 16 ASE - Adobe Swatch Exchange och Kuler... 17 Text... 18 Dynamiska textfält... 19 Pixelfonter... 20 Importera grafi k... 21 Photoshop fi ler... 21 Photoshop fi ler till Flash... 22 Illustrator fi ler till Flash...24 Mönster - från Illustrator... 28 Symboler och biblioteket... 30 De tre olika symboltyperna... 30 Skapa symboler... 31 Ett snabbare sätt att skapa en symbol... 33 Symbol typen Graphic... 34 Button - Knapp symbolen... 35 Knapp - steg för steg... 35 Knappar fortsättning... 36 Hit läget... 36 Animera - Motion Tween... 37 Redigera en animation... 38 Animera egenskaper... 39 Animera en text - över tid... 40 Shape Tween... 41 Shape Hints - Figur Tips... 43 Animera - guide Lager - old style... 44 Classic Tween... 44 Classic Tween - fortsättning... 45 Masker... 47 En mask kan animeras... 49 Simulerad handskrift med en mask... 50 3D - ny möjlighet att animera i CS4... 51 3D ger stora fi ler...52 Animera i 3D... 53 Bones - nytt i CS 4... 54 Ljud - utan ActionScript... 56 Använd ett ljud i fi lmen... 57 Video - utan ActionScript... 59 Video och Component Inspector... 60 Video komprimering... 61 Adobe Media Encoder... 62 Egna komprimeringsinställningar för video... 63 Orginal - 200 %... 64 I Maj 2009 släppte Adobe en viktig uppdatering till Flash som heter 10.0.2. Se till att det är minst den versionen du har om du har Flash CS4 För att kolla vilken version du har. Gå till menyn: Help - About Adobe Flash CS4 Professional. I dialogrutan som dyker upp ser du ditt versionsnummer.

Interaktivitet... 65 ActionScript... 66 Stoppa en animation... 67 Klicka på en knapp - utför en instruktion... 68 En länk - med ActionScript 3.0... 69 Intern navigering... 69 Säkerhetsblockeringar... 70 Varför inte publicera från Flash?... 72 <title> taggen...73 Dreamweaver... 73 Meta taggar i Dreamweaver.... 74 Ett exempel med en sökning på webdesign.... 75 Swf object... 76 Skapa html koden... 77 Inte rätt Flash Player - alternativ... 79 Been there, done that! now what?... 80

Hur det började I mitten av 1990 talet lanserade Macromedia en teknik de kallade Shockwave. Macromedia Director var då det etablerade verktyget för multimedia och webben började växa i popularitet. Tanken var att material producerat i Director, som normalt var tänkt för publicering på CD, nu skulle kunna visas på webben. Tyvärr så blev dessa filer ändå för stora så behovet av ett nytt utvecklingsverktyg var stort. Macromedia köpte då ett animationsverktyg som hette FutureSplash Animator och döpte raskt om det till Flash. Future Splash Den stora styrkan hos FutureSplash framför Director var stödet för vektorgrafik, vilket innebär små och därmed snabbladdade filer. Flash kan importera en mängd mediatyper som punktuppbyggda bilder (psd, jpg, gif) ljudfi ler (wave, aiff, mp3) etc. Slutprodukten hos Flash är i formatet swf (brukar uttalas swiff). Swf är filändelsen och står för Shock- Wave Flash. Numera har Flash inbyggda skriptspråk (ActionScript) utvecklats till ett mycket kraftfullt objektorienterat språk helt i klass med Directors Lingo. På följande sida kan du i korthet se vad som har hänt med Flash sedan lanseringen 1996. Glöm inte att först läsa Harry s hörna det vill säga marginalen till höger De första webbsidorna (även dagens utan CSS) bestod av svart text mot vit eller grå bakgrund. Blå länkar och en och annan bild. Var det något som rörde sig så var det en gifanimation. Det i princip enda sättet att styra layouten var genom tabeller. Behovet av att styra layouten på liknande sätt som hos trycksaker var därför stort. Detta var i början på 1990-talet. Att ha kontroll över layouten/utseendet på webben var också anledningen till att Adobe lanserade PDF-formatet. Men det är en annan historia Mosaic var den första webbläsaren som kunde visa bilder. Den släpptes i Februari 1993. Nu började dagens webb. Shockwave kan enklast betraktas som en teknik som gör att webbläsaren kan presentera media i formaten dcr (Director) swf (Flash). Det sker genom en plugin eller i Internet Explorer en så kallad active x controll. Den första versionen av Shockwave släpptes 1995. Den första renodlade Flash playern baserad på shockwave tekniken släpptes 1996. Vektor grafik bygger på att man definierar former med referenspunkter (ankarpunkter). Man behöver minst två och mellan dessa skapas en vektor, en sträcka med en bestämd riktning. Då grafiken blir upplösnings oberoende (kan skalas oändligt eftersom man bara flyttar kontrollpunkterna) så blir filerna mycket mindre än motsvarande punktuppbyggda bilder de laddas därför snabbare på webben. Namnet Flash sägs vara en sammanskrivning av orden Future och Splash i det ursprungliga namnet. F i future och lash i splash. 1

Flash versions historik Version Utgivningsår Nyheter 1996 1997 I stort sätt bara nytt namn på FutureSplash. Library paletten introduceras samt ljud i stereo 1998 Movie clips och transparans. 1999 2000 Stöd för variabler och actionscript, inmatningsbara textfält, mp3 ljud etc. Actionscript 1.0, html formaterad text i dynamiska textfält. 2002 Sorenson spark video komprimering. Nytt gränssnitt med bl a en propertyinspector palett. 2003 Actionscript 2.0 Från och med nu är också actionscript känsligt för stora/små bokstäver. 2005 FLASH CS 3 2007 FLASH CS 4 2008 Filter och andra förbättringar för grafik. Ny video komprimering i form av den nya komprimeringen VP6. Flash ägs och utvecklas av Adobe. Nytt är bl a kraftigt förbättrade importmöjligheter av Photoshop och Illustrator filer samt Actionscript 3.0 Ett nytt gränssnitt. Annorlunda sätt att animera på. Samt flera animationseffekter som 3D och bones. H.264 video. Kom ihåg att vad än utvecklingsverktyget kallas (Flash MX Flash CS 3 etc) måste användaren ha en Flash Player installerad, denna player har ett kronologiskt versions nummer räknat från Flash 1. Det vill säga Flash CS 4 kräver player 10. Räkna bakåt så förstår du. 2

Vad är Flash? Flash är ett animationsprogram. Att animera i Flash grundar sig på att ett läshuvud förflyttar sig i en bestämd hastighet längs en tidslinje. I Flash CS3 och tidigare är hastigheten satt till 12 fps (frames persecond). I CS4 är den 30 fps (24 i den svenska versionen). Filmremsan matas fram bakom en lins. Bakom linsen finns en lampa som lyser och därmed projicerar aktuell bild på film duken framför projektorns lins. I Flash har man ett läshuvud som får symbolisera linsen och en scen/stage som symboliserar filmduken. Jag brukar jämföra Flash tidslinje med en traditionell (analog) filmremsa. En sådan matas vertikalt framför en fast lins i en projektor och projicerar sin bild mot en filmduk. Om man tänker sig Flash tidslinje som denna filmremsa placerad horisontellt istället och att det inte är filmremsan som rör sig utan ett läshuvud (som det heter istället för lins) så kan det vara lätttare att förstå uppbyggnaden av tidslinjen. Varje bildruta/frame i filmremsan motsvaras av en i tidslinjen. Tidslinjen kan även bestå av flera lager där varje lager kan betraktas som en separat filmremsa. Läshuvudet läser sedan av varje ruta i lagren nedanför och visar upp innehållet på en så kallad stage/scen. Denna scen motsvararas av biofilmens filmduk. Scenens storlek är den yta som vi har att placera synliga objekt på. Grundstorleken är satt till 550 pixlar bred och 400 pixlar hög. Storleken på scenen motsvaras i många andra program av det som brukar kallas dokumentstorlek/document size. Denna storlek kan varieras beroende på vad man skall göra och bör ställas in innan man gör något annat. Man kan använda sig av tidslinjen och dess lager på fyra sätt. Engelsk Motion Tween Shape Tween Motion Guide Mask Layer Svensk Rörelse Interpolering Form Interpolering Rörelsestödlinje Mask lager En biofilm har en hastighet av 24 bilder per sekund. En film på TV eller DVD har en hastighet av 25 bilder per sekund, i Europa. Man talar om att ett minimum av 16 bilder per sekund krävs för en naturtroget mjuk rörelse. I Flash används en mängd metaforer och fackuttryck som hämtats från film (ofta animerad sådan) samt från teater världen. Ett exempel på det första är uttrycket keyframe/nyckelbildruta. Något som är förutsättningen för en animation. Själva produkten vi skapar brukar man kalla för en film. 3

Vi går igenom dem i tur och ordning. Det grundläggande sättet att animera på kallas för en motion tween/rörelse interpolering. Det bygger på att man har minst två keyframes (referens punkter) och mellan dessa skapar de bilder som behövs mellan dem för att skapa själva rörelsen. Det är en så kallad tween. Uttrycket grundar sig på att i tecknad film har man en keyframer (en chefs tecknare) denne ritar den första och sista bilden i en sekvens (start och mål) sedan kommer en stab av så kallade inbetweeners och ritar de mellanliggande teckningarna. Detta sköter Flash automatiskt men vi måste skapa förutsättningarna i form utav keyframes. Varje nytt lager har som första frame en tom keyframe (en platshållare om man så vill).men för att vi ska lära oss rätt arbetsgång måste vi backa några steg och prata om paletten Library/biblioteket. Library paletten - Biblioteket Library är en palett där mycket, men inte allt, av det vi skall använda oss av i Flash filmen lagras. Det kan vara bilder, ljudfiler men inte minst så kallade symboler. Det finns tre typer av symboler och de är alla att betrakta som behållare. I och med introduktionen av movie clip kom också möjligheten att styra egenskaper som transparans. Vilket innebar att från och med Flash 3 kunde man skapa, idag vanliga, effekter som fram och borttonande objekt. Engelsk Graphic Button Movie Clip Svensk Grafik Knapp Film Klipp I Flash begynnelse så fanns det enbart graphic symboler. I Flash 3 introducerades movie clip symbolen. Ett movie clip är utan tvekan den mest användbara symboltypen. Den vanligaste slutprodukten (den fil som skall visas i en webbläsare) får filändelsen swf, brukar ibland uttalas swiff. Arbetsformatet i Flash är fla. Det finns även en mängd andra format att exportera till beroende på hur och för vem man skall distribuera sin slutprodukt. Men som sagt det vanligaste är att man skall publicera för webben. Men man får inte glömma att eftersom Flash är just ett animations program i grunden så är det många animatörer som använder Flash för just animationer då kan man inte använda sig av movie clip s. Detta eftersom det vid export till video endast är den första bildrutan (frame) som följer med. 4

Gränssnittet i Flash CS4 När vi startat Flash möts vi av en så kallad splash screen. Här har vi snabb tillgång till att öppna nya eller gamla dokument. Dokument vi nyligen arbetat med finns som en lista här Välj mellan AS 2.0 och AS 3.0. Kom ihåg att AS 3.0 kräver Flash Player 9 eller senare. Vill man hellre använda sig av File/Arkiv menyn (som har samma val) klicka/kryssa i här. Om man har klickat bort den och vill ha tillbaka den varje gång man startar Flash så fixar man det via menyn: Edit - Preferences och sedan i dialogrutan väljer man valet on Launch -Welcome Screen. Vill man hellre välja nya dokument från menyn så finns samma möjligheter som hos splash screen fönstret. Välj File sedan New och nedanstående fönster ger oss samma saker. Värt att notera, vad gäller vilket dokument vi ska välja är att ActionScript 3.0 kräver Flash Player 9 eller 10 (10 är den senaste spelaren när jag skriver detta). I CS 4 finns en del nya animationsverktyg/tekniker som också kräver just Flash Player 10 och eller actionscript 3.0, detta även om man inte har tänkt att skriva skript på actionscript 3 nivån. Lägg också på minnet att valet ActionScript File är en ren scriptfil för så kallade klasser (brukar också kallas OOP-programering) filen kommer att få filändelsen.as. Detta är vad som måste betraktas som avancerat och kommer inte att tas upp i det här kompendiet. Jag har valt att skriva ett separat material avseende actionscript och programering. Man ser skillnaden (när man tittar i filens innehåll) på en actionscript 2 klassfil och actionscript 3 klassfil genom att den föregående har ordet Class i sig och den senare istället ordet package. 5

De flesta viktiga paletterna återfinns i menyn Window/ Fönster. Gränssnittet i ett nytt dokument i Flash CS4 I Flash CS 4 ändrade man ganska så radikalt gränssnittet och flyttade om paletterna till nya platser. Det har hänt förut. I Flash MX (efterföljaren till Flash 5) hände det senast. Men det är inte så omvälvande som man kan tro i CS 4 är det mest en fråga om nya platser. Därmed inte sagt att det inte finns mycket nytt, främst gällande animeringar. Välj bland olika gränssnitt beroende på vad man gör. Återställ även ett gränssnitt man förändrat. En viktig del av innehållet i en Flash film är Symbols/symboler. Dessa hamnar i Library/ Biblioteket och kan skapas via Insert menyn. Från Control menyn kan vi välja att förhandsgranska filmen via valet test movie. Ett objekt på scen som man vill göra till en symbol kan konverteras via menyn Modify. Scenen/Stage är att betrakta som den filmduk som filmen projiceras på. Det som ska synas placeras här. Properties/Egenskaps paletten är en av de viktigaste paletterna. Den byter utseende och ger oss därmed inställningsmöjligheter beroende på vad som har markerats. Väljer man textverktyget får man tillgång till egenskaperna för just text I Library/Biblioteket lagras I Motion editor är helt ny i Flash CS 4 och används för att mycket exakt finjustera animationer Timeline/Tidslinjen är där vi animerar. Den består av Keyframes/Nyckelbilder och Frames/Bildrutor. Den är som en filmremsa placerad horisontellt. Varje lager (Layer 1 här) är en egen filmremsa där det som ligger längst ned också är längst bak. Dubbelklicka på namnet för att döpa lagret. olika symboler och ljud med mera. Den fungerar som en intern databas. Mycket viktig och en del av det fundamentala i Läshuvudet (den röda rektangeln) är linsen som visar upp det den passerar på scenen Flash. Ögat döljer lager, hänglåset låser och kvadraten visar innehållet utan färg (bara konturerna). Viktigt är att klickar man på ikonen påverkas alla lager rakt nedanför. Vill man påverka ett lager måste man klicka på pricken under respektive ikon och i rätt lager. Onion skinning/lökskal är en teknik tagen från tecknad film som låter oss se frames och keyframes tidigare i tidslinjen. Här kan vi, från vänster till höger, välja att skapa nya lager, mappar att placera lager i samt kasta markerat lager. 6

Verktygspaletten Markeringsverktyg som förutom att markera med även kan användas för att redigera banor i ett vektorobjekt. Omforma fritt. Rotera, skala och skeva objekt. Se mer längs ner. Den vita pilen används för att markera och flytta ankarpunkter. Övertoningsverktyget används för att styra, skala och på andra sätt påverka övertoningar. Se avsnittet Färg Nytt i CS 4. Används för att rotera objekt likt 3D. Mer en förvrängning av perspektivet. Kräver Flash Player 10. Lasson markerar ankarpunkterna inom det område man ringar in. Ritstiftet och de övriga underverktygen fungerar exakt likadant som hos Illustrator. Man klickar och/eller klickar och drar för att sätta ut ankarpunkter och hävarmar. ar. Penseln ett enkelt målarverktyg. Storleken väljs i verktygspalettens nedre del när penseln markerats. Samma gäller pennan ovan. Sprayburken kan användas för att spraya ut en symbol man sparat i Library paletten Man kan i properties/egenskaps paletten ange egenskaper för objekten INNAN man ritar dessa former. Med shift-tangenten nedtryckt blir de likformiga och håller man dessutom ned alt-tangenten så används objektens mittpunkt som utgångspunkt. Bone verktyget är nytt i CS 4, används för att rita upp ett skelett mellan movie clip (även grafik och knapp symboler) dessa kan sedan animeras länkade till varandra. Kräver Flash Player 9 och AS 3.0. Hinken används för att fylla ett omarkerat objekt med färg. Bläckhornet färgsätter outline/linje på omarkerade objekt Många gånger är det lättare att använda paletten Transform/omforma (Window - Transform) än att använda verktyget. Det finns även diverse möjligheter i menyn: Modify - Transform. De tre nedersta är dynamiska efter att man ritat dem. Man kan alltså, via properties/ egenskaps paletten, ändra dess egenskaper EFTER att man ritat dem. Shift och alt tangenter som ovan. Det finns flera verktyg jag inte nämnt på den här sidan t ex. text verktyget. Liksom hos flera verktyg så får man inställningsmöjligheter via properties paletten. Text kan vara av tre olika typer och det återkommer vi till senare i materialet. Flera verktyg, bl a pennan, ger oss inställningsmöjligheter i verktygs palettens nedersta del. Liksom att vi där kan välja fyllnadsfärg (hinken) och linje färg (penn symbolen). Med suddgummit kan vi sudda på ett (ogruperat) vektor objekt med liknande resultat som när vi suddar pixlar i Photoshop. 7

Låt oss börja Det första beslutet vi måste ta när vi skapar en ny Flash film är: vilken player har målgruppen? Väljer vi Flash File (ActionScript 3.0 ) måste mottagaren ha Flash Player 9, eller senare. Väljer vi Flash File (ActionScript 2.0) blir det konstigt nog ännu mer invecklat. I det följande kapitlet ska jag försöka redogöra för förutsättningar baserade på player version. Vi kommer att börja med att skapa ett Flash dokument som utgår från att användaren har den senaste playern/flash spelaren. Då mina exempel här är gjorda med Flash CS 4 betyder det att när vi väljer: File - New så är det förvalt: Flash File (ActionScript 3.0). och Flash Player 10. Klicka ok. Scenen/Stage vi ser framför oss nu är vårt dokument, den yta vi har att placera objekt på. Ta svart pil (markeringsverktyget) och klicka på scenen. I Properties/egenskaps paletten ser vi nu scenens (vår ytas) egenskaper. Jag har valt gränssnittet Essentials då ser properties paletten ut så här. Väljer man ett annat grässnitt ser den något annorlunda ut men innehåller samma val. Version av spelare som krävs för den här filmen Version av actionscript. ActionScript 3.0 kräver player 9 eller senare. Class är möjligheten att associera en s k klass fil till filmen. Det är en text fil med filändelsen.as innehållande actionscript kod. Det tar vi upp i ett annat kompendie. Filmen hastighet (Frames Per Second) är här 30. Har vi Svensk version av Flash är den 24. Har vi CS 3 eller äldre är filmens grundhastighet satt till 12 fps. Dokumentstorleken/scenen är i samtliga versioner av Flash 550 pixlar bred och 400 pixlar hög. Kan ändras genom att först klicka på knappen Edit. Bakgrundsfärgen är som grundinställning vit. Klicka för att ändra. Profile Default grundinställningarna för detta dokuments player. Kan ändras via knappen Edit. Läs vidare hur och varför. Mycket viktigt! 8

Publicerings inställningarna Dialogrutan vi får fram genom att klicka på knappen Edit, se föregående sida, är samma som vi kan få fram via menyn: File och välja Publish Settings (Arkiv - Publicerings Inställningar). Den förvalda fliken (av tre möjliga) ger oss förutsättningar för hur den slutliga produkten kommer att exporteras. Jag ska här redogöra för några. Resten återkommer vi till när vi behöver dem. Liksom de övriga flikarna. Det här materialet handlar om funktioner och möjligheter samt arbetsgången i Flash. Men när du fått kläm på det hela kan det vara intressant att se en alternativ publicerings metod - swf object - som jag går igenom med början på sidan 72. Mottagarens spelare avgör vad vi kan använda oss av i vår film. Har vi transparans måste vi exportera för Flash Player 3 eller senare för innan dess fanns inte transparans, i Flash. Om vi har skript, där vi kanske inte varit så noga med skillnaderna mellan stora och små bokstäver måste vi exportera för Flash Player 6, eller tidigare. Då ActionScript 2.0 infördes i Flash MX 2004 (Flash Player 7) vilket bl a innebär just det (mycket annat men...). Något som kanske inte är självklart är att använder vi oss av Filter så kom dom i Flash 8, exportera för Flash Player 8. Använder vi oss av ActionScript 3.0 kod måste vi minst exportera som Flash Player 9. De nya 3D effekterna hos CS 4, Flash Player 10. Så beroende av vad vi använder begränsar vi vår bakåtkompabilitet. Alla punktuppbyggda bilder, oberoende av format, man importerar till Flash kommer att exporteras med jpeg-komprimering. Kvaliten kan man globalt ställa här men vi ska senare se hur man exakt och per bild kan bestämma själv. Även om vi använder grafiska funktioner som kräver t ex Flash Player 9 eller senare kan man behöva välja en äldre actionscript version. Som med bilder så exporteras även ljud med globala inställningar. En Wave (.wav) fil kommer att exporteras som en hårt komprimerad mp3 fil. Globala inställningar här men senare hur man exakt bestämmer själv. Klicka på knappen Set för val. I huvudtidslinjen kan man, genom att tända/släcka ögat, visa/dölja lager. I alla versioner av Flash så kommer ett släkt lager att exporteras. Från och med Flash CS 3 kan man välja att inte exportera ett släkt lager,klicka bort bocken här. De inställningar du valt här bakas in i slutprodukten swf-filen. Den kallas för en kompilerad fil. Det betyder att alla instruktioner vi gett ska tolkas av FlashPlayern via s k byte kod blivande ettor och nollor. Det sker när du publiserar eller kör, från menyn: Controll - Test Movie. Adobe AIR (arbetsnamnet var Apollo) är en relativt ny teknik som innebär att man kan skapa webbplatser som inte är beroende av en webbläsare. Dessa behöver dock en player. Flash Lite är för mobiltelefoner och liknande. 9

Vad händer nu? Vad som händer nu är att för att förhandsgranska filmen väljer vi från menyn: Controll - Test Movie. Då visas det vi gjort i en intern player som simulerar hur det kommer att se ut på webben, med de inställningar vi valt i det föregående. En swf-fil sparas i en temp-katalog, någonstans. Eller där vi sparat vår Fla-fil. Fla formatet Formatet Fla är Flash arbetsformat. Precis som word har.doc, Photoshop har.psd och Illustrator.ai. Så har Flash ett format att spara det vi jobbar med. Gör en mapp och välj File - Save As. I mappen jag här kallat Flash sparar jag min arbetsfil (fla). Jag har två alternativ. Dels den version av Flash jag arbetar med och en version bakåt. Eftersom jag har Flash CS 4 kan jag välja det som format men också ett format en version bakåt. I det här fallet CS 3. Om detta varit CS 3 skulle jag ha valet Flash 8, som var versionen innan. Kom ihåg att allt kan inte sparas bakåt. Om den föregående versionen inte har en funktion så följer den naturligtvis inte med. 10

Ikonen för Fla filer ser ut så här. Om vi nu väljer att förhandsgranska filmen via menyns Control - Test Movie så händer följande: En swf fil kompileras/skapas med de inställningar som angetts i publiserings inställningarna. Den öppnas i ett fönster internt i Flash och en swf fil sparas nu i samma mapp som Fla filen. Gör du några förändringar och upprepar proceduren så skrivs swf filen över med en ny. Kompilering är en process som är viktig att för tillfället vara medve- ten om senare förstå. Den innebär att alla instruktioner vi gör, kan vara grafiska moment, animeringar och/eller Actionscript instruktioner, översätts till ett språk som Flash Playern förstår så kallad byte kod. Ett viktigt snabbkomando. Se mer i marginalen på nästa sida Swiff filen (swf) sparas i samma mapp som Fla filen. Det är storleken på denna (komprimerade) swf fil som är storleken på slutprodukten. Fla filen är mycket större. Våra filer här innehåller inget så nu ska vi börja fylla Flash med innehåll. Vi börjar med ritverktygen. Men först litet om filstorlek. 11

Viktigt om storlek och hur man håller koll på den. Beroende på vad man gör för något i Flash, målgrupp inte minst. Man kanske skapar banners där maxstorleken idag ligger mellan 30-45 k. Så är det viktigt att kunna hålla koll på slutproduktens storlek. Till viss del kan man göra det via det tidigare beskrivna förhandsvisnings fönstret. Den övre delen (menyn) av det fönster som visar upp förhandsgranskningen av filmen, när man väljer Control - Test Movie (ctrl -Enter) ser ut så här. För att få detaljer om din film som färdig ta fram en överdel av förhandsgranskningsfönstret som heter Bandwidth Profiler. Här kan vi nu se viktig information om bland annat den kompilerade filens storlek. Slutprodukten När man gör preloaders kan man simulera nedladdningen av filmen man håller på med genom att välja Simulate Download. Kom ihåg att när fönstret har öppnats så använder man ctrl - Enter (snabbkommandot för Test Movie) för då simulerar Flash varannan gång och spelar upp med datorns hastighet nästa. då kompendiet inte tar upp actionscript nämnvärt diskuterar jag inte preloaders på djupet. En preloader kan enklast betraktast som en liten film innan huvudfilmen. Något som händer medan huvudfilmen laddas klart i bakgrunden. 12