torsdag 14 januari 2010
torsdag 17 december 2009
Mötet
Vår film ligger nu uppe på youtube.
Kolla in den på: http://www.youtube.com/watch?v=p-mku_OEK-k
fredag 11 december 2009
Ny kurs
Jag tror att Ljud och bildkursen är en rolig och lärorikkurs som kommer öppna våra ögon för ett nytt uttrycksätt. Det ska bli roligt att få göra egna filmer, och jag ser fram emot att lära mig mer om hur man redigerar på bästa sätt.
Svårast tror jag att ljussättningstänket kommer bli, hur man bäst får till ett bra naturligt ljus när man filmer.
Let the camera roll!
Svårast tror jag att ljussättningstänket kommer bli, hur man bäst får till ett bra naturligt ljus när man filmer.
Let the camera roll!
Inlämning ett i Flash
Frame by frame:
Jag skapar ett nytt Flashdokument och väljer version 2 av programmeringsspråket actionscript.Jag gör en streckgubbe som håller i ett par hantlar, i bildruta två sätter jag in en keyframe genom att trycka f6 eller högerklicka på bildrutan och infoga keyframe. I denna gör jag en förändring i utseendet, jag böjer på armarna så att det ser ut som han lyfter hantlarna, jag infogar en keyframe i nästföljande ruta och böjer munnen så att det ser
som gubben gör en grimas av ansträngning osv. När jag sedan trycker på crl och enter eller går in på Windows/test movie för att se hur filen kommer att se ut publicerad så ser det ut som gubben rör sig.
Motiontween och shapetween kombinerat:
Jag gjorde ett hjärta som springer fram och kramar en. Jag gjorde hjärtats rörelser med hjälp av shape tween och drog sedan ut den på scenen där jag skapade en rörelse över scenen genom att använda motion tween.
Jag skapade ett nytt motion guide lager där jag ritade hur hjärtat skulle röra sig för att sedan på hjärtats lager haka fast hjärtat i ändarna på den ritade linjen på två keyframes, en där rörelsen börjar och slutar. När man sedan sätter en motiontween mellan dessa två keyframes följer hjärtat den ritade linjen. Linjen syns inte i den publicerade filmen.
Shapetween:
Jag ritade en cirkel med gul fyllning som ska föreställa en fullmåne,sedan satte jag en keyframe där jag vill att tweenen ska sluta, det skapar en kopia av den första figuren till och med den andra keyframen.Jag satte en keyframe någonstans däremellan på tidslinjen och ändrade där formen på cirkeln till en månskära. Sedan gjorde jag en shape tween mellan den första och andra keyframen genom att högeklicka på den första och välja create shapetween,sedan gör jag likadant mellan den andra och tredje.
Porträtt bitmapsekvens:
Jag öppnade ett porträtt på mig i photoshop, sparade den som en kopia.Jag gjorde nya lager av bilden. Jag markerar den första lagerkopian och förändrar munnen genom att välja filter/liquify där det finns verktyg för att förändra utseendet och sparar om jag är nöjd. I nästföljande lager gör jag ännu en förändring av utseendet. När jag är färdig sparar jag och importerar porträttet och dess lager i Flash. Innan jag importerat färdigt väljer jag att importera lagren som keyframes.
Ljud och bild synkroniserade:
Jag öppnar ett nytt flashdokument, infogar en ny symbol, och väljer symbolen movieclip. Jag sparar och namnger filen. Jag gjorde en kvinna och ritade hennes kroppsdelar i olika lager efter att ha satt in keyframes i de lagren.På munlagret satte jag en keyframe några rutor fram och ändrade formen på munnen, det gjorde jag även på på ögonlagret.Jag drar in en instans av symbolen på scenen, i propertiesfönstret ändrar jag movieclipet till en graphic. På ett annat lager lägger jag in det ljud jag valt att synca bilderna med.Man syncar bilderna med ljudet genom att lägga in keyframes på kvinnans lager, där det är tyst ställer man in single frame nere i propertiesfönstret, där kvinnan ska prata ställer man in den på loop, vilket gör att det kommer se ut som hon rör på munnen och blinkar när hon pratar, men är stilla när det är tyst.
Bildspelet:
Jag började med att bearbeta bilderna som ska användas i bildspelet i photoshop. Upplösningen på bilderna ändrades i edit/imagesize till 72 dpi och bildernas höjd och bredd anpassades till storleken som eftersträvades.Sedan sparade jag bilderna som en kopia till originalet, En av bilderna gav jag namnet "bildspel". Jag markerade alla bilder jag ville ha med i bildspelet och kopierade dem för att sedan klistra in dem i bildspel fotot, så att de bildar lager till den bilden.Jag sparade "bildspel" och importerade den sedan till scenen i flash. Innan jag gjorde det gjorde jag alla lager till movieclips och valde att importera dem som flash layers.Då kommer de in som lager även i flash.Jag namngav de olika lagren och placerade dem i den ordning jag ville ha.Jag satte en keyframe där jag vill att varje bild ska börja och sluta, för att göra så att bilderna tonar ut och in i varandra,satte jag först keyframes några rutor innan slutet på första bilden och några rutor inne i andra bilden. Sedan sätter man en motiontween mellan dessa keyframes,mellan de sista två keyframes i slutet på första bilden och mellan de två första i den andra bilden.För att sedan i ett andra steg skapa toningen,
Navigation:
Jag skapade en ny flashfilm som jag döpte till index för att inte glömma vilken fil som är startfilen.Jag skapade ett antal nya lager som jag namngav efter funktion; script kallade jag lagret högst ihop där jag samlade all actionscript.Jag satte keyframes på var femte ruta fram till och med nr. 30 för att sedan sätta en etikett på dessa fem ställen; de första fem rutorna fick heta "start" "del2""del3" "del4" osv.Detta gör vi för att struktura upp de olika delarna vi vi vill ha med. För att sätta en etikett på ett område ställer du dig på en keyframe går ner till propertiesfönstret och skriver in ett namn under frame. I dessa fem keyframes ska vi senare genom actionscript ladda in externa swf filer så att indexfilmen inte blir så stor. Jag skapade ett knapplager där jag drog in osynliga knappar. De osynliga knapparna gjorde jag genom att gå in på insert/new symbol för att sedan välja typen button och namnge den till osynlig_btn. Button har sin egen tidslinje där jag satte in en keyfram under Hit och drog ut ett rektangulärt avkänningsområde för knappen sedan var det bara att spara och gå tillbaka till scenen. Väl där drog jag ut instanser av knappen till knapplagret.Varje instans av knappen namngav jag genom att markera instansen och sedan gå till Propertiesfönstret och gen den ett instansnamn t.ex."start_btn" vilket är jätteviktigt för att man sedan ska kunna göra knappen interaktiv med actionscript senare och för att då kunna referera till knappen.För att skriva in text i knapparna skapade vi ett textlager och skrev in lämpliga namn i varje osynlig knapp som man sedan ska klicka på.Jag gjorde ett "markör"lager och satte in keyframes under varje etiketterat ställe på tidslinjen, i keyframen under start ritar jag ett streck under startsidans namn för att visa att besökaren nu befinner sig där och gör sedan ett likadant streck under de andra knapparna.
Grafiken på sidan lägger jag på ett "grafik" lager. Mitt sidhuvud la jag in där. Sidhuvudet i sin tur gjorde jag i ett separat movieclip så att jag kunde lägga till olika filter på den som jag annars inte hade varit möjligt. Innehållet på sidan la jag in på lagret"innehåll". I första keyframen på det lagret placerade jag då startsidan dit jag la in det jag ville ha där som en bild på mig och lite text. Texten skapade jag i ett movieclip för att kunna sätta olika filter på texten om jag så skulle vilja. Sedan drog jag in det movieclipet till startsidan.
För att ladda in allt innehåll på sidan så skapade jag först ett tomt movieclip som jag kallade "target_mc". Sedan satte jag en keyframe under del1 på den femte keyframen på innehållslagret. Dit drog jag in target_mc och satte in frames hela vägen till keyframe trettio.
För att då skapa interaktivitet med actionscript lägger jag in allt script på lagret "script". Jag ställde mig på den första keyframen där startsidan börjar, högerklickar och väljer actions i menyn. I rutan som kommer upp ska du göra så att man kommer till rätt frame när man trycker på rätt knapp. Där skrev jag in följande:
stop();start_btn.onRelease = function(){gotoAndStop("start");
Jag skrev in denna kod för alla knappar. Koden gör så att startsidan blir det första du ser, och när du trycker på start_btn i det här fallet så går du till och stannar på "start", alltså etiketten på ruta 1-5.
För att ladda in swffilmerna måste du lägga in script på det ställe du vill att de ska hamna. För att en film ska hamna under "del1" markerar du först keyframen på "del1" högerklickar och väljer actions. Sedan skriver du in följande kod: target_mc.loadMovie("namnpåfilm.swf");
Detta gör vi på alla ställen vi vill ladda in en film.
För att kolla att allt funkar tryck cntrl enter för att publicera filmen.
Jag skapar ett nytt Flashdokument och väljer version 2 av programmeringsspråket actionscript.Jag gör en streckgubbe som håller i ett par hantlar, i bildruta två sätter jag in en keyframe genom att trycka f6 eller högerklicka på bildrutan och infoga keyframe. I denna gör jag en förändring i utseendet, jag böjer på armarna så att det ser ut som han lyfter hantlarna, jag infogar en keyframe i nästföljande ruta och böjer munnen så att det ser
som gubben gör en grimas av ansträngning osv. När jag sedan trycker på crl och enter eller går in på Windows/test movie för att se hur filen kommer att se ut publicerad så ser det ut som gubben rör sig.
Motiontween och shapetween kombinerat:
Jag gjorde ett hjärta som springer fram och kramar en. Jag gjorde hjärtats rörelser med hjälp av shape tween och drog sedan ut den på scenen där jag skapade en rörelse över scenen genom att använda motion tween.
Jag skapade ett nytt motion guide lager där jag ritade hur hjärtat skulle röra sig för att sedan på hjärtats lager haka fast hjärtat i ändarna på den ritade linjen på två keyframes, en där rörelsen börjar och slutar. När man sedan sätter en motiontween mellan dessa två keyframes följer hjärtat den ritade linjen. Linjen syns inte i den publicerade filmen.
Shapetween:
Jag ritade en cirkel med gul fyllning som ska föreställa en fullmåne,sedan satte jag en keyframe där jag vill att tweenen ska sluta, det skapar en kopia av den första figuren till och med den andra keyframen.Jag satte en keyframe någonstans däremellan på tidslinjen och ändrade där formen på cirkeln till en månskära. Sedan gjorde jag en shape tween mellan den första och andra keyframen genom att högeklicka på den första och välja create shapetween,sedan gör jag likadant mellan den andra och tredje.
Porträtt bitmapsekvens:
Jag öppnade ett porträtt på mig i photoshop, sparade den som en kopia.Jag gjorde nya lager av bilden. Jag markerar den första lagerkopian och förändrar munnen genom att välja filter/liquify där det finns verktyg för att förändra utseendet och sparar om jag är nöjd. I nästföljande lager gör jag ännu en förändring av utseendet. När jag är färdig sparar jag och importerar porträttet och dess lager i Flash. Innan jag importerat färdigt väljer jag att importera lagren som keyframes.
Ljud och bild synkroniserade:
Jag öppnar ett nytt flashdokument, infogar en ny symbol, och väljer symbolen movieclip. Jag sparar och namnger filen. Jag gjorde en kvinna och ritade hennes kroppsdelar i olika lager efter att ha satt in keyframes i de lagren.På munlagret satte jag en keyframe några rutor fram och ändrade formen på munnen, det gjorde jag även på på ögonlagret.Jag drar in en instans av symbolen på scenen, i propertiesfönstret ändrar jag movieclipet till en graphic. På ett annat lager lägger jag in det ljud jag valt att synca bilderna med.Man syncar bilderna med ljudet genom att lägga in keyframes på kvinnans lager, där det är tyst ställer man in single frame nere i propertiesfönstret, där kvinnan ska prata ställer man in den på loop, vilket gör att det kommer se ut som hon rör på munnen och blinkar när hon pratar, men är stilla när det är tyst.
Bildspelet:
Jag började med att bearbeta bilderna som ska användas i bildspelet i photoshop. Upplösningen på bilderna ändrades i edit/imagesize till 72 dpi och bildernas höjd och bredd anpassades till storleken som eftersträvades.Sedan sparade jag bilderna som en kopia till originalet, En av bilderna gav jag namnet "bildspel". Jag markerade alla bilder jag ville ha med i bildspelet och kopierade dem för att sedan klistra in dem i bildspel fotot, så att de bildar lager till den bilden.Jag sparade "bildspel" och importerade den sedan till scenen i flash. Innan jag gjorde det gjorde jag alla lager till movieclips och valde att importera dem som flash layers.Då kommer de in som lager även i flash.Jag namngav de olika lagren och placerade dem i den ordning jag ville ha.Jag satte en keyframe där jag vill att varje bild ska börja och sluta, för att göra så att bilderna tonar ut och in i varandra,satte jag först keyframes några rutor innan slutet på första bilden och några rutor inne i andra bilden. Sedan sätter man en motiontween mellan dessa keyframes,mellan de sista två keyframes i slutet på första bilden och mellan de två första i den andra bilden.För att sedan i ett andra steg skapa toningen,
Navigation:
Jag skapade en ny flashfilm som jag döpte till index för att inte glömma vilken fil som är startfilen.Jag skapade ett antal nya lager som jag namngav efter funktion; script kallade jag lagret högst ihop där jag samlade all actionscript.Jag satte keyframes på var femte ruta fram till och med nr. 30 för att sedan sätta en etikett på dessa fem ställen; de första fem rutorna fick heta "start" "del2""del3" "del4" osv.Detta gör vi för att struktura upp de olika delarna vi vi vill ha med. För att sätta en etikett på ett område ställer du dig på en keyframe går ner till propertiesfönstret och skriver in ett namn under frame. I dessa fem keyframes ska vi senare genom actionscript ladda in externa swf filer så att indexfilmen inte blir så stor. Jag skapade ett knapplager där jag drog in osynliga knappar. De osynliga knapparna gjorde jag genom att gå in på insert/new symbol för att sedan välja typen button och namnge den till osynlig_btn. Button har sin egen tidslinje där jag satte in en keyfram under Hit och drog ut ett rektangulärt avkänningsområde för knappen sedan var det bara att spara och gå tillbaka till scenen. Väl där drog jag ut instanser av knappen till knapplagret.Varje instans av knappen namngav jag genom att markera instansen och sedan gå till Propertiesfönstret och gen den ett instansnamn t.ex."start_btn" vilket är jätteviktigt för att man sedan ska kunna göra knappen interaktiv med actionscript senare och för att då kunna referera till knappen.För att skriva in text i knapparna skapade vi ett textlager och skrev in lämpliga namn i varje osynlig knapp som man sedan ska klicka på.Jag gjorde ett "markör"lager och satte in keyframes under varje etiketterat ställe på tidslinjen, i keyframen under start ritar jag ett streck under startsidans namn för att visa att besökaren nu befinner sig där och gör sedan ett likadant streck under de andra knapparna.
Grafiken på sidan lägger jag på ett "grafik" lager. Mitt sidhuvud la jag in där. Sidhuvudet i sin tur gjorde jag i ett separat movieclip så att jag kunde lägga till olika filter på den som jag annars inte hade varit möjligt. Innehållet på sidan la jag in på lagret"innehåll". I första keyframen på det lagret placerade jag då startsidan dit jag la in det jag ville ha där som en bild på mig och lite text. Texten skapade jag i ett movieclip för att kunna sätta olika filter på texten om jag så skulle vilja. Sedan drog jag in det movieclipet till startsidan.
För att ladda in allt innehåll på sidan så skapade jag först ett tomt movieclip som jag kallade "target_mc". Sedan satte jag en keyframe under del1 på den femte keyframen på innehållslagret. Dit drog jag in target_mc och satte in frames hela vägen till keyframe trettio.
För att då skapa interaktivitet med actionscript lägger jag in allt script på lagret "script". Jag ställde mig på den första keyframen där startsidan börjar, högerklickar och väljer actions i menyn. I rutan som kommer upp ska du göra så att man kommer till rätt frame när man trycker på rätt knapp. Där skrev jag in följande:
stop();start_btn.onRelease = function(){gotoAndStop("start");
Jag skrev in denna kod för alla knappar. Koden gör så att startsidan blir det första du ser, och när du trycker på start_btn i det här fallet så går du till och stannar på "start", alltså etiketten på ruta 1-5.
För att ladda in swffilmerna måste du lägga in script på det ställe du vill att de ska hamna. För att en film ska hamna under "del1" markerar du först keyframen på "del1" högerklickar och väljer actions. Sedan skriver du in följande kod: target_mc.loadMovie("namnpåfilm.swf");
Detta gör vi på alla ställen vi vill ladda in en film.
För att kolla att allt funkar tryck cntrl enter för att publicera filmen.
torsdag 3 december 2009
Veckans reflektioner
Det har varit jättekul att sitta och jobba med grupprojektet, jag kommer sakna det faktiskt. Det har varit fantastiskt att få ge utlopp för all bortträngd kreativitet som man inte får tillfälle till att göra i vanliga fall.
Det tog däremot längre tid än förväntat att rita figurer och animera sagan. I slutändan så blev sagan inte helt färdig, men jag har gjort ett första utkast som inte är perfekt men som jag ändå är hyfsat nöjd med. Jag har tyckt att det har jättekul att få se resultatet av våra gemensamma ansträngningar förvandlat till en fin helhet.
Interaktiva medier har verkligen varit en av de roligaste kurser jag deltagit i.
fredag 20 november 2009
Fredagsreflektioner!
En slutsats man kan dra av den här veckan är att animationer tar tid och inte är så lätta att realisera. Man kan ha en fantastisk idé, men att sedan förverkliga den idén är en annan fråga.
I vår grupp har vi börjat att animera figurer till vårt intro. Jag håller på att finslipa en korridor med facklor som brinner och en fladdermus som så småningom ska flaxa omkring. Det blir nog coolt när det är klart.
Det ska bli kul att sätta ihop gruppens animationer i movieclips till en helhet, och skapa interaktivitet med actionscript. Jag ser fram emot nästa vecka. Det här projektet känns väldigt avancerat men samtidigt otroligt roligt. Jag böjer mig inte för en utmaning.
torsdag 19 november 2009
Förväntningar inför projekt
Jag tycker det ska bli jättekul att göra grupprojektet i Flash. I vår grupp har vi bestämt att animera korta sagor för barn som man ska kunna välja genom att klicka på dem i bokform i ett bibliotek.
Jag hoppas att jag ska lära mig en massa om hur man gör en animerad film, hur man bygger upp en navigationsstruktur och ännu mer om Actionscript som jag inte kan mycket om just nu.
Det ska bli superkul att animera sagor!
So here we go!
Prenumerera på:
Inlägg (Atom)
