Macromedia Flash 8 Grundkurs www.databok.se
Innehållsförteckning 1 Börja arbeta med Flash 8...1 Användningsområden...1 Bekanta dig med arbetsytan...2 Scen och tidslinje...3 Lager...3 Bibliotek...4 Verktygsfältet Standard...4 Paneler...4 Verktygslådan...5 Menyraden...5 Vektorgrafik och bitmapgrafik...7 Skillnaden mellan vektorgrafik och bitmapgrafik...7 Skapa och spara ett dokument...7 Nyheter i Flash 8...9 I detta material...10 Övningsfiler och mappar... 10 Övningsuppgift... 11 2 Arbeta med bakgrunden... 13 Ange storlek för filmen... 13 Ändra bakgrundsfärg... 14 Använda ritverktygen... 14 Ändra färg på objekt... 15 Markera/Avmarkera... 15 Visa/Dölj paneler... 15 Flytta objekt... 16 Rit-och målningsverktyg... 16 Ritinställningar... 18 Använda ritverktygen...20 Delmarkeringsverktyget... 21 Skala och rotera objekt... 21 Gruppera... 21 Skapa förekomster och symboler...22 Redigera symboler... 24 Redigera förekomster...25 Skandinaviska Databöcker AB III
3 Lager... 27 Detta är ett lager...27 Arbeta med lager...28 Skapa ett nytt lager...28 Namnge lager...28 Flytta objekt till annat lager...28 Ordningsföljd på lager...29 Redigera lager...29 Lageregenskaper...30 Ta bort lager... 31 Stödlinjelager... 31 Rörelsestödlinjelager... 31 Masklager... 31 Maskera fler lager med samma masklager...33 Bryt länkning mellan masklager och lager...33 Infoga text...34 Inställningar för text...34 Typsnitt...35 Punktstorlek...35 Textfärg...35 Text i sidfoten...36 Välkomstext...36 Rita en text...37 Importera bilder...38 Flytta lager...40 Lagermappar...42 Övningsuppgift...44 4 Animera... 45 Två typer av animeringar...45 Bild-för-bild...45 Interpolerad animering...45 Effekter...46 Effekter på tidslinjen...46 Assistants...46 Redigera/Ta bort effekt...48 Effects...48 Drop Shadow...49 Radera bildrutor...49 Expand...49 IV Skandinaviska Databöcker AB
Explode...49 Transform/Transition...50 Bildrutehastighet... 51 Nyckelbildrutor och rörelseinterpolering... 51 Hur olika animeringar visas i tidslinjen...53 Interpolera längs en rörelsebana...54 Morfning (interpolera former)...55 Figurtips...56 Ta bort figurtips...57 Bild-för-bild-animering...57 Redigera din animering...59 Justera objektet längs stödlinjen...60 Översikt över tidslinjen... 61 Övningsuppgift...62 5 Knappar... 63 Om knappar...63 Knappar i Flash...63 Skapa en egen knapp...65 Förändra utseendet då muspekaren förs över knappen...65 Ändra storlek på knappen...65 Duplicera symbol...66 Övningsuppgift...68 6 Ha översikt över flera bildrutor: Onion Skin...69 Vad är Onion Skin?...69 Använda Onion Skin...69 Visa flera bildrutor som ingår i animeringen samtidigt...70 Ändra visning med intervallmarkören...70 Avgör hur Onion Skin ska visa bildrutorna...70 Visa bilderna som konturer... 71 Redigera flera bilder... 71 Ändra Onion Skin-markeringar...72 Övningsuppgift...73 7 Interaktivitet... 75 Hur du skapar interaktivitet...75 Behaviors/Beteenden...75 Infoga ett externt filmkklipp...77 Bakåtknapp...79 Andra funktioner på panelen Behaviors...80 Ladda upp en bild... 81 Skandinaviska Databöcker AB V
Länka till webbsida...82 Stoppa och spela upp inbäddad film...82 Använda ActionScript...84 Ta bort beteende...85 Skapa en åtgärd som startar filmen...86 Några övriga åtgärder...87 Ange parametrar på panelen Actions...88 Alternativ för mushändelser...89 Bildrutor och åtgärder...90 Övningsuppgift...90 8 Ljud...91 Lägg till ljud i film... 91 Olika slags ljud i Flash...92 Händelseljud Event sounds...92 Strömljud Streaming sounds...92 Import av ljud...92 Knappar med ljud...95 Samordna ljudet med animeringen...96 Export och komprimering av ljud...96 Övningsuppgift...98 9 Slutföra projektet...99 Arbeta med flera dokument...99 Skapa mappar i biblioteket...100 Visa innehållet i alla mappar... 101 Ta bort mapp eller symbol... 101 Skapa ny symbol... 101 Redigera animering... 102 Edit Multiple Frames... 103 Animera text... 104 Infoga nyckelbildrutor i flera lager samtidigt... 104 Byt bitmap eller ändra bitmapinställningarna... 105 Stoppa animeringen... 106 Droppskugga... 107 10 Lägga ut Flashfilmen på webben...109 Få filmen att fungera på bästa möjliga sätt...109 Testa filmen innan du publicerar den...110 Publiceringsinställningar för filmen...111 Format...111 Flash...112 VI Skandinaviska Databöcker AB
HTML...114 Publicera filmen...116 Lägga till en Flashfilm på en befintlig webbsida...116 Maximera Flashfilmen...118 Exportera filmer och bilder...119 Exportera film...119 Exportera bild...119 11 Mallar i Flash...121 Bildspel... 123 Frågor och svar... 123 Skapa en egen mall... 124 12 Extra övningsuppgifter... 127 13 Sakord...131 Skandinaviska Databöcker AB VII
1 1 Börja arbeta med Flash 8 Flash är ett program som huvudsakligen används till att skapa interaktiva filmsekvenser för webben. Det har utvecklats mycket sedan 1997, då första versionen kom, och man kan numera åstadkomma avancerade animeringar med programmet. Programmet används av såväl proffs som amatörer, till enkla presentationer och kraftfulla animeringar. Flash är ett oumbärligt verktyg för den som arbetar med att skapa kreativa och dynamiska inslag på webben. I detta kapitel kommer du att gå igenom vad Flash kan användas till. Du kommer dessutom att bekanta dig med arbetsytan, lära dig om vektorgrafik och bitmapgrafik samt hur du skapar och sparar en film (ett Flash-dokument). Användningsområden Med Flash kan du skapa filmer som består av olika objekt: rörelser, länkar, text, ljud, bilder och teckningar. Filmer du skapar med programmet är interaktiv vektorgrafik och animeringar för webben. Du gör en film i Flash antingen genom att rita själv eller genom att importera objekt som du sedan ordnar på scenen. Sedan kombinerar du objekten med effekter och kod som samverkar med tidslinjen, som fungerar som filmens motor. När ditt dokument är färdigt kan du exportera det till en Flash Playerfilm förenad med ett HTML-dokument och sedan föra över det hela till en webbserver. För att kunna se en Flashfilm i webbläsaren måste du ha programmet Flash Player installerat. Antingen följer det med webbläsaren eller så kan du ladda ner det från www.macromedia.com. De senaste versionerna av t.ex. Explorer brukar vara uppdaterade med Flashspelare. Om man behöver den senaste versionen av Flash Player för att ta del av innehållet på en webbsida brukar det anges på webbsidan, ofta med länkar så att man kan ladda ner programmet. Skandinaviska Databöcker AB 1
1 Flash 8 Starta Flash För att starta Flash klickar du (eller dubbelklickar, beroende på var ikonen finns) på programmets ikon. När du startar Flash 8 för första gången, möts du av följande startsida, kallad Start Page. Den fungerar som en samlingsplats för bl.a. genvägar till vanliga aktiviteter och filer du har använt tidigare. Här (under Create New) skapar du en ny film. Genom att klicka här kan du öppna tidigare sparade filmer (Open). De senaste använda filerna ligger också här som genvägar (Recent item). På bilden syns inga genvägar eftersom detta är första gången Flash 8 används. Här kan du välja bland de vanligaste dokumentmallarna i Flash. Om du exempelvis vill skapa en presentation eller en enkel bildvisning kan du istället för att börja från början välja en mall och sedan utveckla den efter dina egna önskemål. Dessa mallar är värda att undersöka! Klicka här om du inte vill visa startsidan i fortsättningen. Innan du kan sätta igång att arbeta med programmet, ska du här välja om du vill öppna ett gammalt Flashdokument eller skapa ett helt nytt. 1. Klicka på ikonen Flash Document under Create New (skapa nytt). Bekanta dig med arbetsytan De delar du kommer att arbeta mest med då du skapar eller redigerar filmer kommer att vara följande: Stage/Scene Scen Timeline Tidslinje Menu Meny Toolbars Verktygsfält Panels Paneler Libraries Bibliotek Tool Box Verktygslådan Layers Lager 2 Skandinaviska Databöcker AB
Menyrad Paneler 1 Lager Tidslinje Verktygslåda Scen Visa/Dölj panel Öppen panel Panelen Properties kallas också Property Inspector, dvs. egenskapsinspektören. Scen och tidslinje Flash delar in filmsekvenser i bildrutor. Varje bildruta redigerar och arrangerar du på scenen genom att antingen rita på egen hand eller importera grafik. I tidslinjen ser du vilken bildruta som spelas upp: Olika lager Lager I tidslinjen sammanställer du animeringar och ställer in vid vilken tidpunkt något ska ske. Bredvid tidslinjen samlar du de olika elementen (bilder, musik, filmsnuttar) som ingår i en animering, i olika lager. Lager i Flash fungerar förenklat ungefär som element i en vanlig film; ett lager utgörs av scenografin, ett annat kanske är musik och några lager består av skådespelare. Slutresultatet, filmen, beror då på innehållet i de olika lagren samt hur de används och kombineras. Man placerar objekt i olika lager för att man ska kunna redigera dem separat utan att påverka andra samtidigt. Skandinaviska Databöcker AB 3
1 Flash 8 Bibliotek I ett bibliotek kan du spara och ordna symboler. Symboler är grafik, filmklipp och knappar. Ett bibliotek innehåller de symboler (både importerade och sådana du skapat själv) och ljudfiler, bitmapgrafik eller QuickTimefilmer som ingår i en Flashfilm. I biblioteket kan du ordna innehållet i mappar, kontrollera hur ofta ett objekt använts, datum då objektet senast förändrades och sortera efter typ. Symboler kan återanvändas och kallas då förekomster. Genom att använda förekomster blir inte filerna så stora. Oavsett hur många gånger du använder en symbol i en Flashfilm sparas det endast en version av den. Använd förekomster för varje objekt i en film som visas mer än en gång. Symboler är också viktiga ingredienser då du skapar Flashfilmer med interaktivitet. Exempelvis kan du skapa knappar som förändras då man klickar på dem eller för muspekaren över dem. Verktygsfältet Standard Verktygsfältet Standard innehåller verktygsknappar för att spara, klistra in, öppna osv. men även funktioner som jämna ut, räta ut, rotera och skeva. Det är inte säkert att det visas när du öppnar Flash, därför ska du nu ta fram det: 1. Gå in under menyn Window (fönster) och välj Toolbars (verktygsfält) och sedan Main (standard). I Library (biblioteket) kan du förhandsgranska de olika objekten genom att klicka på dem. Du visar biblioteken genom att klicka på alternativet Library (bibliotek) under menyn Window (fönster). Så här ser verktygsfältet Standard ut. Paneler Flytande paneler innehåller alternativ och kommandon för de objekt du arbetar med på scenen. Med paneler visar, ordnar och förändrar du objekt i Flash, t.ex. färger, text, förekomster, bildrutor och scener. Genom att klicka och dra kan du placera panelen i stort sett varsomhelst i fönstret. En öppen och två stängda paneler. Den nedåtpekande pilen indikerar att panelen är öppen. Om du klickar på pilen stängs menyn. 4 Skandinaviska Databöcker AB
1 Verktygslådan Med verktygen i verktygslådan skapar du dina filmer. Du kan måla, rita, markera, färglägga, förändra objekt osv. Verktygslådan är indelad i fyra sektioner: Tools/Verktyg innehåller knappar för att bl.a. rita, måla och markera. Colors/Färger innehåller alternativ för linjefärger och fyllningsfärger. View/Visa innehåller knappar för att panorera och zooma. Options/Alternativ innehåller valmöjligheter för aktiverade knappar i verktygslådan vid målning och redigering. Menyraden Nästan högst upp i programfönstret finns menyerna. Namnen på menyerna indikerar vilken typ av kommandon som finns under dem: 1 2 3 4 5 6 7 8 9 10 Skandinaviska Databöcker AB 5