Flash - inlämning 1

Nu har vi gjort första riktiga uppgiften i Interaktiva medier, Inlämning 1. Den består av ett gäng olika övningar vi har gjort som har sammanställts till vår egna lilla Flashhemsida. Ganska rolig idé. Jag har lagt upp mitt arbete på mitt studentkonto, så den finns på adressen http://student.ktd.sh.se/~sh08hp7954/Flash/index.swf för den som vill titta.

När man kommer till startsidan så är ser man lite text och en bild av mig som är animerad, samt min namnteckning som också är animerad. Det som är mest intressant i sammanhanget är väl hur jag gjorde den animerade fotografiska bilden. Det var ganska enkelt. Förklaring följer.

Animerat porträtt
Man tar en bild, öppnar den i Photoshop, gör en massa olika lager och fixar till dem på Liquify som ligger under fliken Filter. Det man gör är alltså olika bildsekvenser som man sedan ska använda till att göra animationen i Flash.

Sagt och gjort. Bilden är klar och jag sparar den i psd-formatet i stället för i jpg eller något annat. Jag öppnar sedan Flash och importerar bilden till biblioteket. Jag väljer då att importera alla bildlager från Photoshop som egna små bildrutor, keyframes.

När alla lager ligger bredvid varandra på tidslinjen i Flash så gör jag en motion tween, en slags rörelseövergång som gör att skiftningarna inte blir så brutala, och voilá! Jag har gjort en animerad bild. Inte svårare än så. Hur snygg animeringen blir beror ju så klart på hur många olika lager man gör i Photoshop och hur många mellanlägen man därmed får.

Resten av startsidan
Sidhuvud och sidfot på sidan består av block med olika färger. Den animerade pilen och namnteckningen har jag gjort genom att rita en pil och en namnteckning i Flash. Sedan har jag kopierat bilderna och modifierat dem så att rörelsen ändras och det ser ut som om de rör på sig. Därefter har jag använt mig av motion tween liksom på det animerade porträttet.

Bildspel
På sidan finns ett bildspel med bilder som jag har tagit själv, och det var en av de sakerna som tog mig längst tid att göra eftersom det är så många bilder. Man skapar en psd-fil och lägger in de bilder man vill ha i olika lager. Sedan importerar man filen till Flash och väljer att importera lagren som lager och inte som keyframes, som vi gjorde tidigare. Därefter lägger man alla bilder efter varandra i tidslinjen och försöker skapa fina övergångar med hjälp av motion tween och färgen alpha (som är genomskinlig).

Det är mycket meck, men blev ganska fint. Ska jag göra fler bildspel vill jag dock lära mig att programmera i stället, eftersom man då sparar en väldig massa tid och energi.

Hjärta
Jag har gjort en figur som förvandlas från en boll till ett hjärta. Jag skapade då en form i Flash och gjorde sedan en till keyframe (en händelseram där man förändrar något). Och i denna keyframe gjorde jag om cirkeln till ett hjärta. Sedan kopierade jag cirkeln och lade den efter hjärtat också. Sedan använde jag shape tween, alltså en formövergång mellan de tre keyframesen. Ändrade lite färg, lade in en text och så hade jag ett hjärta som bultade. Ganska häftigt va?

Havet
Här var min ambition större än jag orkade genomföra till fullo. Jag ville göra en båt som seglade graciöst över havet, men det blev inte riktigt som jag hade tänkt mig. I alla fall. Jag lade in en bakgrundsbild av havet på Öland, som jag själv tagit. Sedan gjort jag ett filmklipp med båten.

På båten finns även en gubbe som rör på armarna och i seglet flera noter som också rör på sig. Jag animerade dem som jag animerat de andra sakerna, men eftersom de var så många och små tog det mycket tid. Sedan när båten var klar ritade jag en bana som båten skulle följa. Det var krångligt att få båten att följa denna banan, men till slut gick det någorlunda och båten seglade över havet. Kanske inte graciöst, men väl framåt.

Lägereld
Detta är den animation jag är mest stolt över och som jag arbetade mest med. Det är en scout som spelar gitarr och sjunger. Låten är en lägerbålssång som jag har arrangerat och spelat in. Jag lade in en bakgrundsbild på en eld. Sedan animerade jag scouten. Det tog en faslig tid att rita honom och sedan göra så att han dels flyttar vänsterhanden på gitarrhalsen, dels högerhanden och kompar, samt trampar takten med skon.

Jag gjorde också så att gubben rör på munnen, ögonen och hakan, så att det ser ut som om han sjunger. Nästa steg var att lägga in lite noter som rör sig, en kör som sjunger och ett överkryssat paraply. Jag lekte även en del med pratbubblor som kom in i takt med att kören och scouten sjunger textraderna.

I början av klippet slår ju scouten an strängarna på gitarren och detta valde jag att gestalta genom att göra fyra noter som tonas in och åker ner i takt med tonerna på gitarren. Det tyckte jag var ganska fiffigt.

Filmen var inte speciellt svår att göra. Jag la in låten i biblioteket, gjorde animationerna på samma sätt som alltid och spenderade massor med tid på att synka läppar samt synka textrader med pratbubblorna. Jag lade också in kören så att de kommer in på olika fraser och därmed rör sig i olika takt så att alla inte skulle röra sig motoriskt i exakt samtidigt. Det hade sett onaturligt ut.

Jag är mycket nöjd med resultatet. Det ser inte mycket ut för världen, men det börjar likna någonting riktigt i alla fall och det är väl ändå det som är meningen.

Gubbe
På sidan finns också en animerad streckgubbe. Denna är den grej jag är minst nöjd med, eftersom det helt enkelt bara är en animerad gubbe. Men jag orkade inte göra någonting större av honom eftersom jag tyckte att den animerade scouten på Lägerelden redan visade att jag kan göra bättre saker. Gubben är i alla fall animerad som alla andra saker. En bild som modifieras i en ny keyframe. Very simple och grunden för all animation.

Sammanfattning
Allt som är allt jag nöjd med min inlämning. Jag har lärt mig mycket och hoppas att jag snart lär mig ännu mer så att jag kan använda mina kunskaper till att göra riktiga saker, inte bara småanimationer. Ser med nyfikenhet fram emot fortsättningen.

Interaktiva medier, vecka 2

Så var vecka två av Interaktiva medier avklarad. Denna vecka har gått väldigt snabbt. Roligast var det i början av veckan när vi fick arbeta med ljud och sätta samman flashanimationer som innehöll både rörelser och ljud. Mycket trevligt.

Senare delen av veckan ägnades åt programmering, och jag måste säga att denna del inte riktigt nådde fram till mig. Visst är det intressant med programmering och jag tycker det är kul att lära mig nya programmeringsspråk. Att få lära sig vad man kan göra, det finns så många möjligheter. Dessvärre så förstod jag (och gissningsvis större delen av klassen) inte särskilt mycket. Övningarna gick ut på att skriva av koder, men vilka delar av koden som gjorde vad förblev oförklarat, trots idoga frågor från olika håll.

Jag hade gärna lärt mig hur man programmerar bildspel så att man slipper göra det för hand. Ska se om jag kan lyckas lära mig detta nästa vecka genom att läsa mig till det eller fråga någon som kan.

Inför nästa vecka är det också dags att börja fundera på projektet och vad man vill göra. Jag har ännu inga direkta idéer, men det kanske kommer nu under helgen när man får smälta alla nya flash- och programmeringskunskaper.

Sammanfattat en ganska bra vecka. Ser fram emot nästa.

Battle of the Bags - en analys

Hur ser en interaktiv multimedial webbplats ut egentligen och hur är den uppbyggd? Jag har tittat närmare på en temasida som msnbc.com har gjort. Sidan heter Battle of the Bags: Paper vs. Plastic (http://www.msnbc.msn.com/id/23358591/) och vill utforska om det finns ett korrekt svar i frågan om konsumenter bör välja plast- eller papperspåsar. Något riktigt svar kommer de dock inte fram till, lustigt nog. För den svenska konsumenten är frågan aktuell, men innehållet stundvis svårt att relatera till eftersom webbsidan främst riktar sig till amerikanska förhållanden och amerikanska konsumenter. Den kan dock vara kul att titta på även som svensk konsument.

Om analysen
När man analyserar multimediaproduktioner använder man sig ibland av triangelmodellen som analysmodell, där varje hörn i triangeln plus mitten beskriver fyra frågor: vad, vem, hur och varför. En sådan analys följer:

Vad
Sidan vill ge information om pappers- och plastpåsar och deras påverkan på miljön. Den vill också stimulera till aktion och diskussion inom ämnet.

Vem
Som framgår av de olika testerna där man ska fylla i information, så riktar sig sidan till amerikanska matkonsumenter, dvs alla som handlar i mataffärer.

Hur
Genom videoklipp, berättarröst, intervjuer med vanligt folk och experter, interaktiva test där man kan skriva in egna vanor, texter inom ämnet och så vidare.

Varför
För att informera och påverka opinionen. Men varför msnbc.com vill göra detta är lite oklart. Kommer idén från ett politiskt håll? Detta får man inte svar på.

Struktur
Så det var lite om sidans varför och hur. Ett annat sätt att besvara frågan hur är att beskriva sidans struktur. Battle of the Bags är uppbyggd på ett ganska linjärt sätt, som syns på bilden längre ner. Man ska lyssna på ett klipp och läsa en sak och sedan klicka sig vidare i sidled. Det går att klicka sig vidare själv, men först efter att de andra sidorna laddats. Och eftersom allting ändå är tänkt att beskådas linjärt och i kronologisk ordning, har jag i flödesschemat valt att rita upp sidan som linjär, men med pilar som går åt olika håll eftersom man kan klicka sig både framåt och bakåt.



Flashiga analysord
Om man vill kan man använda sig av diverse flashiga ord för att analysera hemsidan Battle of the Bags. Man skulle till exempel kunna säga att sidan främst består av audiovisuellt innehåll som video, bilder, berättarröst etc. Man skulle kunna att medieanvändningen främst består av ljud, video, text och bild. Att interaktiviteten är ganska basal eftersom den i huvudsak består av att hemsidebesökaren klickar sig vidare till nästa grej genom navigationen, samt genom de olika test som finns där man kan fylla i egen information för att själv få veta hur man förhåller sig till plast- och papperspåsar.

En sådan analys med flashiga ord skulle dock mest bara se ut som ett show-off från min sida, och därför går vi inte djupare inpå detta.

Anslag
Något som däremot är intressant att diskutera är hemsidans anslag. Det första man ser när man kommer till Battle of the Bags, är ett löpande band, ett kassaband. Man hör hur det låter när varor scannas i kassan, videorna ligger på bandet och rullas fram som varor. Den första filmen man får se visar hur saker stoppas i en kundvagn i en väldig fart. Man undrar vart kundvagnen är på väg. Man blir nyfiken och vill titta vidare.

Dramaturgi/pedagogik
Efter att besökaren har lockats att titta vidare efter det kraftfulla anslaget med varubandet och kundvagnen, så följer webbplatsen en enkel pedagogik: så här gör du/så här många påsar köper du, så här påverkar detta omvärlden och så här kan du förändra världen genom att ändra dina vanor. En vanlig enkel dramaturgi och pedagogik.

Medium, modalitet, kanal
För att ytterligare spetsa till denna förträffliga analys ska vi bege oss in i Mark Elsom-Cooks snåriga begreppsdjungel. Elsom-Cook pratar ju som bekant en del om medium, modalitet och kanal. Hur yttrar sig då dessa fenomen i vår kära multimediala webbplats Battle of the Bags?

Hemsidan använder sig av medierna skriven text, stillbilder, video och berättarröst. Den modalitet som då berörs är audiellt och visuellt, eller audiovisuellt som vi beskrivit tidigare. Detta yttrar sig genom de kanaler som jag tidigare nämnt ett par gånger (text, stillbilder, video och berättarröst). All very simple. Även i detta kan man fördjupa sig, men det skulle inte göra oss särskilt mycket klokare.

Sammanfattning
Jag tycker att Battle of the Bags är en trevlig webbplats. Det är intressant att titta på de olika videoklippen och ämnet är högst relevant. Något som är tråkigt är att man inte får något klart svar på vilket som är bäst: pappers- eller platspåsar. Därför känns det som ett litet antiklimax när man spenderat många minuter framför skärmen för att få reda på hur man ska göra, sedan så får man inget svar.

Det är också jobbigt att sidan är så linjärt uppbyggd. Ibland skulle man vilja ha större möjlighet att välja själv vad man vill titta på. Jag hade önskat en större interaktivitet. Fler och bättre test. Testet som är i slutet där man får reda på hur många påsar som kunde sparats om hela amerikanska befolkningen förändrade sitt beteende skulle med fördel kunna göras om till att omfatta den enskildes påverkan på omvärlden, eller situationen för hela världen. Det blir så hypotetiskt som det är nu, tycker jag.

I övrigt tycker jag att det är en intressant hemsida. Man blir inspirerad till förändring och framför allt så ser man som multijournalist vad man kan åstadkomma med en enkel webbplats och lite flash …

Interaktiva medier, vecka 1

Fredag. Första veckan av delkursen Interaktiva medier är till ända. Hur ska man sammanfatta? Tja, det har varit väldigt roligt. Jag har lärt mig en hel del. Hur man animerar lättare saker i Flash, hur man gör coola bildspel, vilka bildformat som är bra att använda i flashfilmer och så vidare.

Det är som en helt ny värld som öppnar sig och det är väldigt roligt. Man inser att man kan använda sina nya kunskaper till mycket praktiskt och får många idéer på projekt som man skulle vilja genomföra. Det är fascinerande att man kan sitta framför datorn och animera små figurer och helt glömma bort tiden. Då är man verkligen inne i något ...

Jag ser fram emot att fortsätta arbeta med mitt bildspel nästa vecka, samt att få lära mig integrera ljud i flashfilmer. Då öppnar sig verkligen nya möjligheter. Jag som tycker det är roligt med musik och ljud ser många spännande projekt visualieras framför mig. Jag känner mig entusiastisk och tycker att det ska bli kul när flashandet börjar igen på måndag.

Multimedium enligt Elsom-Cook

I föregående inlägg diskuterades vad ett medium är. Men vad är då ett multimedium? Vår gode vän Mark Elsom-Cook har ett svar på detta också:

"Multimedia is the combination of a variety of communication channels into a co-ordinated communicative experience for which an integrated cross-channel language of interpretation does not exist."

Alltså:

"Multimedia är en kombination av en mängd olika kommunikationskanaler i en samordnad kommunikativ upplevelse, för vilken det inte finns ett integrerat kanalöverskridande tolkningsspråk."

Tunga grejer, men inte så svårt egentligen. Man skulle kunna säga att multimedia är flera kanaler som satts samman till någonting som den enade menigheten inte ser som ett etablerat medium. Inte än i alla fall.

Som exempel kan man säga att en flashig webbsida och en cd-romskiva är multimedia. De innehåller olika delar som text, bilder, videor, musik etcetera och eftersom vi tolkar varje kanal för sig så är det ett multimedium. Det är ännu inte vedertaget som ett medium, utan som flera, och det finns ännu inte något kanalöverskridande tolkningsspråk för dylika produkter.

Så det är ett multimedium. Flera kanaler och modaliteter som ännu inte ses som ett medium av allmänheten, utan som tolkas som ett multimedium.

Medium enligt Elsom-Cook

I boken Interactive Multimedia för Mark Elsom-Cook en diskussion om vad ett medium respektive ett multimedium är. Vad skillnaden är kan vara ganska väsentlig när man arbetar med multimedia. Elsom-Cook definierar i boken ett medium som:

"A set of co-ordinated channels spanning one or more modality which have come, by convention, to be referred to as a unitary whole, and which possess a cross-channel language of interpretation."

Ungefärligt översatt:
"En samling synkroniserade kanaler som spänner over en eller flera modaliteter som enligt konventionen har kommit att bli betraktade som en enhetlig helhet, och som innehar ett kanalöverskridande tolkningsspråk."

Det låter ju inte så mycket enklare på svenska heller, men om man tar en sak i taget så ska man nog kunna förklara det hela. För det första har vi ordet modalitet, som står för vilket sinne det specifika mediet riktar sig till. Det kan vara taktilt (genom känseln), audiellt (hörsel), visuellt (syn), olfaktoriskt (lukt) och gustatoriskt (via smaken).

Ett medium måste alltså påverka ett eller flera sinnen, dvs kommunicera via synintryck, hörselintryck eller liknande.

The plot thickens. För ett medium som använder sig av en eller flera modaliteter kan också använda sig av en eller flera kanaler. En kanal är en underavdelning till modalitet. Vi kan ta ett audiellt medium som exempel - radion. Radion använder sig av en audiell modalitet, men sättet på vilket det audiella i modaliteten förmedlas är genom olika kanaler - till exempel genom att man pratar, sjunger, spelar musik. En kanal är alltså en slags underavdelning till modaliteten.

Så vi har ett medium: den använder sig av en eller flera modaliteter, olika kanaler och den har ett kanalöverskridande tolkningsspråk. Vad innebär det?

Elsom-Cook ger ett exempel:

Vi hör att någon säger "Älskling, ska jag ta din tallrik?", sedan hör vi ett krasande ljud. Här har vi två olika kanaler, talspråk och ett ljud av någon som går sönder. Genom att vi hör de båda följt av varandra förstår vi vad som händer, någon tar hand om en tallrik som sedan faller i marken. Hade vi bara hört det ena eller det andra ljudet så hade vi inte fått hela bilden, utan det är genom de olika kanalerna som vi tolkar helheten, alltså - ett kanalöverskridande tolkningsspråk.

Är du med? Bra. För det finns en sista del i definitionen, Elsom-Cook skriver "A set of co-ordinated channels". En samling synkroniserade, samordnade kanaler alltså. Elsom-Cook ger ett exempel: Säg att du ser på tv med ljudet avstängt och så kommer din partner och undrar varför du inte har diskat. Du har då synintryck och hörselintryck, men är allt detta ett medium? Svar nej, eftersom de olika kanalerna inte är samordnade, att det blev just så här just nu för dig är en slump. Din partner följer inte automatiskt med tv:n, och därför är detta inte ett medium.

Så här har vi den igen, hela definitionen:

"A set of co-ordinated channels spanning one or more modality which have come, by convention, to be referred to as a unitary whole, and which possess a cross-channel language of interpretation."

Glasklart. Nu vet vi alla vad ett medium är eller hur? Om inte annat så har du här två exempel: tv, radio.

Interaktiva medier

Yes. Nu börjar vi en ny delkurs i Multimedia A och även denna gång kommer vi använda oss av bloggen för att lägga upp uppgifter och annat. Jag håller på och arbetar på några uppgifter som kommer läggas upp här så småningom.

I övrigt känns det som en väldigt spännande kurs. Att få lära sig Flash och andra saker, det är som helt nya världar av möjligheter som öppnar sig. Jag är fascinerad och ser fram emot fortsättningen.