Mediator 9. Materiale til elever. Version: August 2012

Transkript

1 Mediator 9 Materiale til elever Version: August 2012

2

3 Indholdsfortegnelse Farveliste til kopiering/udlevering...4 Mediator - et eksemplarisk forløb...5 Dataindsamling...5 Start programmet...5 Intro...8 Menu-siden...21 Video-siden...24 Billeder-siden...25 EXIT-siden...26 Menuerne...29 Side [3] af [33]

4 Farveliste til kopiering/udlevering Side [4] af [33]

5 Mediator - et eksemplarisk forløb Du skal nu prøve at arbejde med Mediator v. 9 Pro. I lighed med det tidligere beskrevne, vil vi føre dig igennem en opgave, punkt for punkt. På den måde kan vi garantere, at du kommer omkring de væsentligste detaljer i programmet. Til slut vil der være nogle eksempler på mere avanceret brug af Mediator. Hvor det er formålstjenstligt, er der lavet en faktaboks, som er værd at kigge på! Dataindsamling Vi har sørget for de data, vi skal bruge til din præsentation / multimedieværket. Det drejer sig om billeder, lyd og video fra Hitman2 (et computerspil). De er lagt til fri download på nettet og vi kan derfor anvende dem til denne gennemgang. Skulle vi i gang med et reelt produkt, som evt. skulle udgives på cd eller internet, skulle vi være langt mere påpasselige i forhold til - læs mere andetsteds! Du kan vælge at anvende andre filer programfunktionerne er de samme uanset videoens indhold, billedets udseende etc. Sørg for, at dine filer er placeret logisk i mapper på computeren! Du er nu klar til at gå i gang! Start programmet Når Mediator starter, vil du blive spurgt om følgende: Vælg Nyt dokument Side [5] af [33]

6 Vælg Standard (flash og html er til nettet) Vælg Fuldskærm m. ramme (det er en smagssag!) Vælg 800x600 Side [6] af [33]

7 Menuer Arbejdsfladen Sideoversigt Hvilke objekter (lyd, billede m.m.) er der brugt på siden? Her ses hele arbejdsfladen med korte beskrivelser af de forskellige områder! Side [7] af [33]

8 Du er nu klar til at gå i gang med selve arbejdet. Her er et storyboard over projektet, du skal lave: I alt 5 sider: Intro Menu Video Billeder Exit...og lad os så komme i gang! Intro Introen skal være det første brugeren ser - der skal altså lægges op til noget stort :)! Det vil vi gøre dels baggrundsmusik, dels med et billede + et par tekster/overskrifter. Introen bliver selvkørende, dvs. brugeren skal læne sig tilbage og nyde showet, til Menu siden dukker frem! For at få et god arbejdsrytme, vil vi starte med at navngive siden Intro. 1. Højreklik på siden (det hvide felt) eller klik F12 2. Vælg Egenskaber Side [8] af [33]

9 Du får nu egenskaberne for siden! 3. Klik i feltet ud for Beskrivelse og giv siden navnet Intro At navngive siderne med logiske navne, gør det langt lettere at arbejde med Mediator / at finde rundt! Egenskaber kan man finde for alle elementer både tekster, billeder, knapper osv. Det får du brug for mange gange! Vi skal nu hente et billede ind, som vi skal bruge i introen! 1. Klik på Billed-værktøjet 2. Træk og slip en ramme på siden - bare rolig, størrelsen kan ændres senere! Side [9] af [33]

10 3. Du skal nu vælge dit billede 4. Vælg Hitman-white - og klik Åbn 5. Svar OK - Du har nu et billede på siden! Side [10] af [33]

11 Som det ses, sidder billedet ikke præcist på siden. Du skal nu lære at bruge værktøjet Arranger 1. Aktivér billedet ved at klikke 1 gang på det - bemærk trækpunkterne (8 stk.)! 2. Klik på Formater + Justering eller klik på F2 3. Udfyld som vist her og klik OK - dit billede sidder nu perfekt midt på siden! Side [11] af [33]

12 Arranger kan bruges til alle elementer - og man kan tilmed arrangere elementer i forhold til hinanden! Her er et uddrag fra hjælpeteksten i Mediator: Hvis et objekt er valgt bliver det kun justeret i forhold til siden. Har du for eksempel valgt et billede, kan du åbne justerings-dialogen og markere 'Top' og 'Venstre'. Billedet bliver nu placeret i det øverste venstre hjørne. Hvis flere objekter er valgt (ved at holde ctrl-tasten og klikke de udvalgte billeder/objekter) vil de som standard blive justeret i forhold til det først valgte objekt. Hvis du f.eks. har valgt 'Højre' i justerings-dialogen vil alle de efterfølgende valgte objekter blive justeret til højre for det først valgte objekt. Flere objekter vælger du ved at holde shift- eller ctrl-tasten nede mens du klikker på de forskellige objekter. Vi vil gerne lave noget smart, så vi gemmer lige billedet lidt væk Højreklik på billedet og vælg Egenskaber eller F3 2. Fjern fluebenet ud for Vis objekt - forklaring følger... Billedet er stadig på siden, men kan bare ikke umiddelbart ses - det gi'r nogle gode muligheder! Side [12] af [33]

13 Vi vil også ha' en tekst på siden: 1. Klik på Overskrift -værktøjet 2. Klik og træk en ramme på siden 3. Skriv overskriften Eksempel 4. Klik Ok Nu får du en række muligheder: Man kan nu via knapperne tilpasse sin overskrift med farver, skrifttype, effekter osv. Side [13] af [33]

14 Vi vil dog også vise Egenskabsmenuen for overskriften en anden vej at gå! 1. Højreklik din nye overskrift og vælg Egenskaber eller tryk F12 2. Ved hjælp af de forskellige faneblade skal du nu: Ændre skrifttypen til en selvvalgt skrifttypen Ændre farven Tilføje en skygge i en kontrastfarve Nu kan din overskrift f.eks. se sådan ud: Ved hjælp af Egenskaber for overskriften, skal du nu fjerne fluebenet ved Vis objekt eller klik F3 Overskriftsværktøjet bruges til at lave store overskrifter. Det almindelige skriveværktøj bruges til al anden tekst!! Side [14] af [33]

15 Du har nu en tom side - men der ligger 2 elementer gemt på siden. Dem skal vi til at arbejde med nu! Bemærk hvordan programmet skriver titel + medietype i hjørnet! Da vi gerne vil lave en selvkørende introside, skal der laves en begivenhed på siden. 1. Klik på Side og Begivenhed eller klik på F9 Du skal nu til at lave din allerførste begivenhed i Mediator! Side [15] af [33]

16 I venstre spalte har man handlingerne (det der starter en begivenhed) og i den vandrette bjælke begivenhederne. 1. Træk handlingen Ved side klar ind i det lille vindue Du fortæller nu computeren, at når siden er klar (dvs. lyd + billeder og andre objekter er klar til brug) skal programmet starte den efterfølgende begivenhed. 2. Træk nu Tidslinjen ned ved siden af Side klar - et vindue åbner Vi har brug for tidslinjen til at styre hvornår hvad sker på siden! Side [16] af [33]

17 1. Vi vil starte med lyd - brug fanebladet Multimedia - og træk den ned så den ligger helt til venstre på tidslinjen (de forskellige rækker i tidslinjen er blot for at kunne overskue det hele samt for at slå fast, at man godt kan sætte flere ting i gang på samme tid!) 2. Når du slipper Lyd inde på tidslinjen, skal du udvælge en lyd: 3. Udfyld som vist ovenfor (de 2 flueben sikrer, at lyden afbryder al anden lyd) - OK Side [17] af [33]

18 Der er nu en grafisk visning af lyden og dens længde i sekunder (den grønne bjælke!) 4. Det er på tide med en lille test! Luk tidslinjen med OK eller klik F6 Virkede det? Du skulle gerne se en tom side - men nu med musik! Vi skal have billederne med!! For at lave en lidt dramatisk effekt, vil vi lade musikken køre lidt, før vi viser billederne! 1. Klik F9 for at vælge sidens begivenheder - og dobbeltklik så på tidslinjen. Du kan nu redigere i den tidslinje, vi før var i gang med! 2. Træk begivenheden Vis ned på tidslinjen v. 2 sekunder. Et nyt vindue åbner, og du skal vælge hvilket objekt, der skal vises. Vælg Overskrift. Vælg så effekten Ton ud som vist her. Varighed=2000 ms=2 sekunder 3. Sig OK til det hele - test siden igen (F6)! Virker det? Side [18] af [33]

19 Det anbefales det at teste mange gange og gemme endnu flere gange! 4. Vi skal nu have vist baggrundsbilledet også. Åbn igen tidslinjen for siden (F9) Du vælger selv effekten - men få det til at se sådan ud på skærmen: Opsummering: Når siden starter, kommer først lyden. Efter 2 sekunder vises overskriften (og visningen tager 2 sekunder). Endelig kommer baggrundsbilledet - effekten tager 2 sekunder. Test! Vi skal nu stoppe lyden og lave et sideskift til siden Menu 1. Åbn igen tidslinjen for siden 2. Efter 8 sekunder skal lyden stoppe - det gør vi sådan: Vi beder altså computeren om at afbryde al lyd ved at indsætte ingen lyd!! (man kunne også fade lyden etc., men det er mere avanceret...) Side [19] af [33]

20 3. Endelig lægger vi et sideskift ind samtidig med lydstoppet: Indsæt Sideskift - klik på Ny... - og gi' den så et navn, her Menu Til slut vælges effekt + den tid, sideskiftet skal tage, f.eks: Du har nu lavet hele intro-siden! TEST! Side [20] af [33]

21 Du kan - når du er i redigeringssituationen - springe fra side til side med Page Up og Page Down tasterne! Menu-siden Vi skal nu have lavet den menu-side, der kan guide os videre rundt på siderne. For at få overblik, vil vi starte med at oprette de manglende sider: 1. Klik på Side - Ny 2. Lav siderne Video, Billeder og Exit Bemærk at sidernes placering på sidelisten er ligegyldig, dog SKAL den øverste være startsiden! (du kan flytte siderne på listen ved at klikke - holde flytte!) 1. Vælg nu Menu -siden 2. Vi skal ha' lavet en knap, der fører os til Video-siden - brug knap-værktøjet og træk+slip en knap på siden! Skriv Video på knappen 3. Vælg Egenskaber for knappen (aktiver knappen med 1 klik, tryk på F12 og sørg nu for at knappen ser godt ud (du må ændre farven, teksten osv.) Dette er kun for at prøve det, brug ikke for lang tid!! 4. Vi skal nu have forklaret computeren, hvad der skal ske, når man klikker på knappen. Aktivér knappen m. højre musetast og vælg Begivenheder Side [21] af [33]

22 Udfyld som vist her: (Vælg fanebladet Bruger og træk nu Klik her-markør ned i det hvide felt. Denne kommando bevirker...tja...test og peg med musen på knappen!! Smart, ik'?) 5. Åbn nu begivenhederne for knappen igen - lav følgende: Nu har du tilføjet: Hvis man klikker på knappen, skal der ske følgende - Cursoren bliver til en pil (vigtigt!! - ellers følger hånden med over på næste side) og dernæst foretages et sideskift! TEST! Ved ethvert sideskift skal man være opmærksom på cursorens udseende specielt hvis man bruger klik her -funktionen (og det gør man!!). Desuden skal man være opmærksom på, at man ikke kan lave begivenheder efter et sideskift! Endelig viser eksemplet her, at man også kan bruge flyt ind / flyt ud som handling før en begivenhed - altså: Man behøver ikke nødvendigvis klikke på en knap, før den gør noget (her skifter cursoren f.eks. blot ved at man flytter ind over knappens område!) Side [22] af [33]

23 Alt kan være knapper! Billeder, tekst - you name it! Det er blot et spørgsmål om at lave en begivenhed på et objekt! Flere knapper! Du skal nu selv lave de sidste knapper på Menu -siden 1. Lav en knap, der giver mulighed for at skifte til hver af siderne Billeder og Exit 2. Du skal sørge for, at bruge Klik-her -indstillingen på knapperne Et eksempel: TEST!! Side [23] af [33]

24 Video-siden På videosiden skal der vises en video - vi vil blot sørge for, at der på siden bliver vist en video og at man kan komme tilbage til menusiden! Du skal nu arbejde på videosiden! 1. Start med at lave en knap, der fører tilbage til Menu -siden 2. Du skal nu importere en video: Brug videoværktøjet og træk/slip en kasse på siden. Vælg så videoen! Læg mærke til, at du kan se en preview af videoen! 3. Centrer videoen på siden (brug arranger / juster) 4. Højreklik nu på video-vinduet og vælg Egenskaber (eller F12) - udfyld som vist her: Side [24] af [33]

25 På den måde sikres det, at videoen starter i det øjeblik brugeren kommer ind på siden! Her ses siden... TEST! Man kan i programmet styre videoen - lægge play/pause/stop-knapper ind etc. Videosiden er nu færdig! Billeder-siden Du skal nu lave siden med billeder (eller rettere: billede). 1. Gå ind på billeder-siden 2. Hent billedet: Hitman-black 3. Billedet skal fylde hele siden (placer det på midten, brug evt. trækpunkterne) 4. Skjul billedet 5. Lav en begivenhed på siden, der Ved side klar viser billedet og spiller et nyt stykke musik: Side [25] af [33]

26 6. Du skal nu lave en begivenhed på selve billedet (husk at ALT kan være en knap!) Lyden skal stoppe, klik-her skal aktiveres og der skal ske et sideskift TEST EXIT-siden Tilbage er kun at lave Exit-siden. På Exit-siden vil vi lave en flot rulletekst, som fortæller lidt om produktet. 1. Lav en tekstramme, der fylder hele skærmens højde og ca. halvdelen af bredden. 2. Skriv din tekst, så det fylder ca. hele tekstrammen: 3. Sørg nu for, at teksten ikke er vist (fjern fluebenet ved Vis under Egenskaber ) Side [26] af [33]

27 4. Lav en begivenhed på siden: Det ser lidt uoverskueligt ud, men: Ved side klar - tidslinje. Første punkt på tidslinjen er en Vis -funktion. Vis teksten vha. effekten Rul op - lade det vare ms. Dernæst: Lige efter Vis -funktionen er fuldført, indsættes en Skjul -funktion. Teksten skal skjules med Rul op -effekten. Sæt tiden til ms. TEST Til sidst i tidslinjen indsættes følgende: Du er nu helt færdig med din demo!! Side [27] af [33]

28 Man bør i en præsentation altid overveje at ha' en exit (afslut) mulighed på hver side. Som bruger er det irriterende ikke at kunne afslutte på en nem måde. På samme måde v. lange, selvkørende indslag (f.eks. vores intro) - her kan man overveje at ha' en Spring-direkte-til-menuen -knap. God fornøjelse med programmet! Side [28] af [33]

29 Menuerne Side [29] af [33]

30 Side [30] af [33]

31 Noter

32 Noter

33