Adobe. Flash CS3. Grundkurs.

Transkript

1 Adobe Flash CS3 Grundkurs

2 Innehållsförteckning 1 Inledning... 1 Utbildningsmaterialet... 1 Övningsfiler och mappar Arbetsytan...3 Starta Flash... 3 Skapa ett nytt dokument... 4 Bekanta dig med arbetsytan... 4 Arbetsytan i Flash CS Scen och tidslinjen... 5 Lager... 6 Bibliotek... 6 Verktygsfältet Standard... 7 Paneler... 7 Skapa en ny paneldocka... 7 Verktygspanelen... 8 Menyraden... 8 Menyradens innehåll... 8 Hjälpfunktionen... 9 Panelen Egenskaper Verktyg och inställningar Ange dokumentegenskaper Ändra bakgrundsfärg Markeringsverktygen Markeringsverktyget den svarta pilen Delmarkeringsverktyget Omforma fritt och övertoningsomformning Lasso Ritstiftsverktyget Text- och linjeverktygen Rektangel-, oval- och polygonverktygen Penn- och penselverktygen Färg- och retuschverktyg Ändra färg på objekt Markera/Avmarkera Visa och dölja paneler Flytta objekt Ritinställningar Användbara paneler Panelen Justera Panelen Färg och Färgrutor Panelen Omforma Tillämpningsuppgifter Lager...22 Detta är ett lager Arbeta med lager Skapa ett nytt lager Namnge lager Ordningsföljd på lager Flytta lager Flytta objekt till annat lager Lageregenskaper Redigera lager Ta bort lager Stödlinjelager Rörelsestödlinjelager Maskeringslager Maskera fler lager med samma masklager Bryta länkning mellan masklager och lager Lagermappar Tillämpningsuppgifter Symboler och panelen Bibliotek...31 Symboltyper Skandinaviska Databöcker AB Flash CS3 i

3 Skapa en symbol Skapa symbol ifrån biblioteket Redigera symboler Ta bort mapp eller symbol Bibliotek i Flash Överblick över bibliotekspanelen Delade bibliotek Hämta symboler från externa bibliotek Tillämpningsuppgifter Text...38 Inställningar för text Typsnitt Punktstorlek Textfärg Formatera, justera och flytta text Textorientering Redigera och omforma text Sök och ersätt Stavningskontroll Tillämpningsuppgifter Animera Två typer av animeringar Bild-för-bild Interpolerad animering Översikt över tidslinjen Bildrutehastighet Bildrutor och nyckelbildrutor Ta bort bildrutor Skapa en rörelseinterpolering Testa filmen Kopiera och klistra in bildrutor Hur olika animeringar visas i tidslinjen Interpolera längs en rörelsestödlinje Forminterpolering Figurtips Ta bort figurtips Bild-för-bild-animering Ha översikt över flera bildrutor: Lökskal Använda Lökskal Visa flera bildrutor som ingår i animeringen samtidigt.5 7 Ändra visning med intervallmarkören Avgör hur lökskalen ska visa bildrutorna Visa bilderna som konturer Redigera flera bildrutor Ändra Lökskalsmarkeringar Kapslade animeringar Använda kapslade animeringar Kopiera rörelse Återanvända kapslade animeringar Animera text Animera maskeringslager Tillämpningsuppgifter Importera bilder Skillnaden mellan vektorbaserad grafik och bitmapppgrafik Filformat vid import Importera till scenen eller till biblioteket Importera Illustratorfiler Redigera importerad bild Kopiera och klistra in Förbereda bilder för import Importera bitmappbilder Importera Photoshopbilder Importera bildsekvenser Tillämpningsuppgifter Knappar...75 Om knappar Knappar i Flash Skapa en egen knapp Förändra utseendet då muspekaren förs över knappen.7 7 Ändra storlek på knappen Duplicera symbol Att arbeta med förekomster av knappar Tillämpningsuppgifter Interaktivitet Hur du skapar interaktivitet Beteenden Vad är ActionScript? Infoga ett externt filmklipp Bakåtknapp Andra funktioner på panelen Beteenden Ladda upp en bild Länka till webbsida Stoppa och spela upp inbäddad film Ta bort beteende Kombinera Beteenden med Åtgärder Skapa en åtgärd som startar filmen Några övriga åtgärder Panelen Åtgärder Ange parametrar på panelen Åtgärder Alternativ för mushändelser ActionScript Tillämpningsuppgifter ii Flash CS3 Skandinaviska Databöcker AB

4 11 Filter och effekter Panelen Filter Lägga till filter Ta bort filter Kopiera och klistra in filter Inställningar för filter Skapa ett filterbibliotek Effekter på tidslinjen Assistenter Redigera/Ta bort effekt Effekter Skugga Utöka Dela upp Omforma/Övergång Tillämpningsuppgifter Ljud Lägg till ljud i film Olika slags ljud i Flash Händelseljud Direktuppspelningsljud Ljud för mobila enheter Import av ljud Redigera ljud Knappar med ljud Samordna ljudet med animeringen Export och komprimering av ljud Tillämpningsuppgifter Mallar och Device central Bildspel Frågeformulär Skapa en egen mall Device Central Tillämpningsuppgifter Publicera Flashfiler på webben Förberedelser Få filmen att fungera på bästa möjliga sätt Testa filmen innan publicering Arbeta med flera dokument Skapa mappar i biblioteket Visa innehållet i alla mappar Ta bort mapp eller symbol Skapa ny symbol Publiceringsinställningar Format Flash HTML Publicera filmen Lägga till en Flashfilm på en befintlig webbsida Maximera Flashfilmen Exportera filmer och bilder Exportera film Exportera bild Tillämpningsuppgifter Kortkommandon Sakregister Skandinaviska Databöcker AB Flash CS3 iii

5 7 Animera 7 Animera I det här kapitlet ska du lära dig hur du skapar olika typer av animeringar som rörelse- och forminterpoleringar samt bild-för-bild-animeringar. Du kommer även att läsa om bildrutehastighet och om hur du skapar nyckelbildrutor. Du kommer även lära dig hur olika slags animeringar ser ut i tidslinjen. Två typer av animeringar Animeringar skapas genom att du förändrar innehållet i nyckelbildrutor som ligger efter varandra på en tidslinje. Genom att animera får du objekt att exempelvis byta färg och form, röra sig, förstoras eller förminskas. Det finns två typer av animeringar, den mest grundläggande animeringen kallas bild-förbild-animering och bygger på flera bildrutor som följer på varandra i en serie. Den andra typen av animering kallas interpolerad animering och är en något mer utvecklad typ av animering. Bild-för-bild Då du använder animeringstypen bild-för-bild skapar du en bild i varje bildruta. Filstorleken ökar p.g.a. att värdena för samtliga förändringar sparas, alltså bildruta för bildruta. Tekniken passar bäst för små okomplicerade förändringar och variationer som i minspel exempelvis. Interpolerad animering Med interpolerad animering skapar du en startbildruta och en slutbildruta (likt två poler) sen lägger Flash själv till bildrutorna däremellan. Det gör att animeringen (t.ex. toning, färg, förstoring eller förminskning) förändras i jämna steg mellan start- och slutrutorna. Att arbeta med interpolerade animeringar håller ner filstorleken eftersom endast förändringen mellan bildrutorna sparas. 46 Flash CS3 Skandinaviska Databöcker AB

6 7 Animera Översikt över tidslinjen Nedan kan du ta del av hur de olika delarna samarbetar på tidslinjen som bildrutor, nyckelbildrutor, interpoleringar och lager. Spelhuvud Nyckelbildrutor Används för att införa nya händelser eller egenskaper till objekt/animeringar i dokumentet. Bildruta Eftersom informationen i alla bildrutor på detta lager är densamma kan man använda bildrutor för att förlänga lagret så att det följer med animeringen. Rörelseinterpolering Första och sista bildrutan i en interpolering måste bestå av nyckelbildrutor. Bildrutehastighet Innan du börjar arbeta med animeringar är viktigt att du ställer in rätt bildrutehastighet eller bildrutefrekvens, alltså animeringens uppspelningshastighet (förkortas fps eng. frames per second). Eftersom du bara kan ange en bildrutehastighet för hela Flashfilen bör du göra det innan du skapar själva animeringen. Bildrutehastigheten anger du i etikettrutan Bildrutefrekvens på panelen Egenskaper som du öppnar via Fönster, Egenskaper. Vilken bildrutehastighet du ska välja för din Flashfilm beror på vilken typ av animering du vill skapa. Se exemplen till höger. Tecknade filmer (cartoons) tar ca fps. Video och 3D-animeringar tar ca 30 fps. Spelfilmer tar ca 24 fps (alt. 48 fps på bio). Skandinaviska Databöcker AB Flash CS3 47

7 7 Animera Om du ställer in en för låg bildrutehastighet ser animeringen ut som den stannar till och startar igen. Ställer du in en för hög animeringshastighet kommer detaljer att se oskarpa ut. Bäst resultat får du för det mesta om du använder standardhastigheten 12 fps (eng. frames per second dvs. bildrutor per sekund). Hur jämnt animeringen sedan spelas upp beror bl.a. på datorns hastighet samt hur omfattande animeringen är. Det kan kännas lockande att dra upp bildrutehastigheten för att försöka få en jämnare animering men det är oklokt med tanke på webbens beskaffenhet; din publik har sällan exakt samma förutsättningar som du själv. En god regel är att pröva hur animeringen beter sig på olika datorer för att komma fram till bästa möjliga bildrutehastighet. Bildrutor och nyckelbildrutor En bildruta är ett steg eller just en bildruta på tidslinjen. I ett nyskapat Flashdokument är det befintliga lagret i filen endast en bildruta långt. Ofta krävs det fler bildrutor än en för att skapa en animering. Det finns olika sätt att lägga till ytterligare bildrutor i tidslinjen, mest tidsbesparande är det att använda kortkommandot F5 men det går ungefär lika snabbt att högerklicka på tidslinjen och välja Infoga bildruta. Ett något mer omständigt sätt att infoga fler bildrutor är att först markera en bildruta på tidslinjen, gå till Infoga i menyn och välja Tidslinje och Bildruta. För att kunna animera måste du skapa s.k. nyckelbildrutor. Med en nyckelbildruta bestämmer du var, när och hur förändringen i animeringen ska inträffa. I animeringstypen bild-för-bild är varje enskild bild en nyckelbildruta och vid en interpolerad animering lägger du in nyckelbildrutor på de ställen i tidslinjen mellan vilka något ska ske i animeringen. För att lägga till en nyckelbildruta markerar du en ruta i tidslinjen och väljer kortkommandot F6 eller högerklickar på tidslinjen och väljer Infoga nyckelbildruta. Om en nyckelbildruta inte har något innehåll i form av en bild, säger man att nyckelbildrutan är tom och i tidslinjen framgår det av att bildrutan består av en ofylld punkt. Motsvarigheten; en fylld punkt i tidslinjen avser en nyckelbildruta med innehåll. Tom nyckelbildruta. Nyckelbildruta med innehåll. Skillnaden mellan en enkel bildruta och en nyckelbildruta är att nyckelbildrutan på ett eller annat sätt utgör en förändring i tidslinjen och därmed i animeringen. 48 Flash CS3 Skandinaviska Databöcker AB

8 7 Animera Om du inte varken har bildruta eller nyckelbildruta kan du inte rita något överhuvudtaget på scenen. Flash kommer i de fallen att varna dig i en meddelanderuta. Se exemplet nedan. Ta bort bildrutor Ibland är det nödvändigt att ta bort bildrutor om du exempelvis vill korta och därmed snabba på en animering något. För att ta bort bildrutor måste du först markera dessa. Klicka i en bildruta för att markera den och Skift-klicka sedan några rutor bort för att markera bildrutorna däremellan. Högerklicka därefter och välj Ta bort bildrutor. För att ta bort nyckelbildrutor gör du ungefär på samma sätt, nämligen markerar nyckelbildrutan, högerklickar och väljer Ta bort nyckelbildruta. Skapa en rörelseinterpolering Nu ska du pröva att göra en rörelseinterpolering. Du ska först börja med att öppna ett nytt Flashdokument och därefter infoga en nyckelbildruta. 1. Skapa en ny Flashfil via Arkiv, Nytt, välj format och klicka på OK. I Flashfilens befintliga lager (Lager 1) ser du en tom nyckelbildruta i tidslinjen. 2. Döp det befintliga lagret till Boll. Rita upp en cirkel med ovalverktyget (och Skift nedtryckt), placera cirkeln på scenens vänstra sida. Välj en valfri men enhetlig linje- och fyllningsfärg i panelen Egenskaper. Konvertera cirkeln till en grafiksymbol och ge den namnet Cirkel. 3. Markera bildruta 20 i tidslinjen och tryck F6 för att infogat en nyckelbildruta där. Nu när du har infogat en nyckelbildruta är det en fördel att också göra den förändring som du vill ska ske vid den här punkten. Eftersom du vill att bollen ska studsa till motsatt sida av scenen, flyttar du därför cirkeln dit samtidigt som du har den nyinfogade nyckelbildrutan markerad i tidslinjen. 4. Välj markeringsverktyget, klicka och dra cirkeln till motstående sida av scenen. Klicka på bildruta 1 i tidslinjen för att se skillnaden. Skandinaviska Databöcker AB Flash CS3 49