Pampas Arbetsbeskrivning gif-animering (Mediator 8) I detta exempel kommer du att lära dig Att använda det inbyggda multimediabiblioteket Att lägga in rörliga bilder, gif-animeringar Att skapa animeringsbanor (Animation Path) Att animera objekt med hjälp av animeringsbanor Arbetsgång Denna övning går ut på att skapa en presentation med en bakgrundsbild samt rörliga bilder, gif-animeringar. Animeringsbanor kommer också att användas för att flytta objekt, både gifanimeringar och text. 1. Förbered genom att skapa mappar med lämpliga namn till presentationen. 2. Hämta bilderna och bakgrundsljudet som tillhör övningen och spara dem i respektive mapp. Bilderna och ljudet finns i filen pampas.zip. 3. Starta nu Mediator och skapa en ny standardpresentation som skall visas i ett fönster, Window, med storleken 600 x 400. Spara presentationen med filnamnet Förnamn_Efternam_Pampas. 4. Vi skall börja med att lägga in en bakgrundsbild i presentationen. I Mediators multimediabibliotek finns färdiga objekt att använda. Öppna multimediabiblioteket genom att klicka på knappen i verktygsfältet. Klicka nu på mappen Clipart Backgrounds Scenery. Här finns nu ett antal bakgrundsbilder som man kan använda. När man för musmarkören över en bild visas bilden uppförstorad samt en text under med objektinformation. Välj bilden Scenery 57 och med musmarkören nedtryckt, dra den till scenen i presentationen och släpp. Bilden hamnar nu som en bakgrundsbild. Välj nu mappen Animated GIFs i multimediabiblioteket och dra på samma sätt som bakgrunden in bilderna Bird, Butterfly och Sun och släpp. Lägg nu in de andra gif-bilderna som du har hämtat i Fronter genom att klicka på knappen i verktygsfältet. Dra ut en markering och släpp för att välja respektive bild. Flytta sedan bilderna så det ligger enligt bilden nedan. Bilderna Bird och Butterfly ligger utanför scenen till vänster i det gråa fältet, vilket innebär att de inte syns från början. Pampas_Arbetsbeskrivning.doc 1 (5)
5. Nu är det dags att skapa textobjektet. Klicka på textknappen i verktygsfältet och dra ut en markering på scenen. Skriv texten Varmt på Pampas och formatera texten till Arial, storlek 20, fet och gul textfärg genom att markera texten och formatera den med hjälp av verktygsfältet Text Editing. När man är klar klickar man på knappen för att utföra kommandot. Vill man ändra texten senare är det bara att dubbelklicka på objektet. Flytta nu textobjektet så att det kommer mitt ovanför scenen ute i det gråa fältet. Skulle textrutan bli för liten är det bara att dra i kantmarkeringarna för att anpassa rutan. 6. För att flytta objekt i presentationen använder man animeringsbanor, Animation Path. Man drar då upp linjer som objektet skall följa och ställer sedan in hur objektet skall följa banan. I vårt exempel skall vi animera de tre objekten som ligger utanför presentationen från början. Vi skall börja med att skapa animeringsbanan till textobjektet. Klicka på knappen för att kunna skapa en animeringsbana. För att skapa punkter klickar man med musen för att bilda punkter som linjerna skall utgå ifrån. Skapa animeringsbanan enligt bilden nedan genom att klicka med markören för att bilda punkterna 1 4. Pampas_Arbetsbeskrivning.doc 2 (5)
När man är klar klickar man på knappen för att utföra kommandot. I objektslistan ute till vänster syns nu objektet AniPath och vill man ändra någonting är det bara att dubbelklicka på objektet i listan. Vi skall nu kontrollera så att punkterna 2 och tre ligger på samma linje, vågrätt, så att animeringen blir rak. Dubbelklicka på objektet AniPath i objektslistan. Markera sedan punkt två och kontrollera vad det står för siffror i verktygsfältet för animeringsbanan. Övre vänstra hörnet har koordinaterna 0 i sida och 0 i höjd. I bilden ovan kan jag se att punkt fyra är markerad och befinner sig på platsen 443 punkter in från vänster samt - 33 punkter från ovankanten, dvs. den ligger ovanför kanten på presentationen. Ställ nu in så att punkt 2 och 3 ligger på samma höjd. I mitt exempel använde jag 45 ned från ovankanten. När man är klar klickar man på knappen för att utföra kommandot. Skapa nu de två andra animeringsbanorna på liknande sätt. För fågeln skall banan vara vågrät. Kolla därför att det är samma värde på båda punkterna i höjdled. Tänk också på att banorna skall börja och sluta utanför scenen så att objekten kommer in utifrån och sedan går ut ur scenen. Ändra även namnen på animeringsbanorna enligt bilden till höger. Pampas_Arbetsbeskrivning.doc 3 (5)
7. Då är det dags att göra händelseinställningarna för Page1. Det som skall ställas in är animeringarna och bakgrundsljudet. Välj Events för Page1 och dra in On Page Ready samt Animate. Välj nu vilket objekt som skall animeras, vilken animeringsbana som skall användas samt tiden som animeringen skall ta. För texten skall inställningen vara enligt bilden nedan med tiden 10 sekunder dvs. 10 000 ms. Gör nu på samma sätt för fågeln med tiden 7 sekunder och fjärilen med tiden 15 sekunder. Lägg sedan in bakgrundsljudet så att det repeteras så länge presentationen är i gång. Pampas_Arbetsbeskrivning.doc 4 (5)
8. Nu är det dags att kolla om bildspelet fungerar och sedan göra klart presentationen för distribution Om du använder Mediator gör du det enligt Zip N Run samt CD-ROM (Direct). 9. Lämna in Zip N run-filen samt de filer som skapades när du gjorde CD-ROM distributionen och som ligger i mappen Data. Lycka till Pampas_Arbetsbeskrivning.doc 5 (5)