Transcript Forssell_Josefin_vf

 Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Karriäristan Josefin Forssell & Lisa Segersson Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Innehållsförteckning INNEHÅLLSFÖRTECKNING 2 BAKGRUND OCH INLEDNING FRÅGESTÄLLNING OCH IDÉ FÖR UTFORSKANDET RESULTAT Diskussion och sammanfattning Referenser Bilagor 3 4 5 7 8 9 Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Bakgrund och inledning Bakgrunden till vårt arbete är att vi ganska direkt visste vad vi ville rikta in oss på. Både jag och Lisa kände att vi kunde grunderna i inDesign, Photoshop och Illustrator helt okej. Det är program som vi arbetat med fram och tillbaka sen vi började vår utbildning, men som vi känt att vi gärna skulle bli bättre på. Vi började fundera på vad exakt vi ville göra, och bestämde oss ganska snabbt att vi ville få in någonting rörligt i vår inDesign-­‐fil. Vi kom överens om att vi ville få våra bilder att röra sig. Ett inDesgin-­‐ dokument som är snyggt designat, med bilder vi redigerat i Photoshop, illustrationer som vi gjort i Illustrator, och bilder som kunde röra sig, blev vår idé. Hur vi skulle gå till väga visste vi till viss del. Allt förutom hur vi skulle få våra bilder att röra sig. Det hade vi ingen vetskap om hur det skulle gå till. Det ville vi lära oss. Målen blev att lära oss de tre Adobeprogrammen bra, samt att lära oss hur man kan animera bilder så att de rör sig. Personligen ville jag få bli säker i programmen och känna att det här är program jag behärskar. Om det skulle dyka upp ett jobb där de kunskaperna behövs, vill jag ha dem. Jag hade även som mål att lära mig någonting helt nytt som kändes användbart att kunna. Den delen tänkte jag då skulle vara de rörliga bilderna. Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Frågeställning och idé för utforskandet Vår frågeställning för arbetet blev: Hur kan man med hjälp av design och rörliga bilder få exempelvis ett reportage att bli mer intressant för läsaren? Vi ville med hjälp av design och interaktivitet (alltså våra rörliga bilder), göra två texter vi hade sedan tidigare, roligare för läsaren. När vi tidigare layoutat texter vi har skrivit har man ofta klistrat in sin text i inDesign, lagt till en eller flera bilder, kanske förstorat ett citat och sedan inte mycket mer än så. Det har sett bra ut, men vi ville fördjupa kunskaperna så att texterna/uppslagen skulle få en förhöjd läsarupplevelse. En frågeställning som sedan dök upp under arbetet var hur man skulle kunna publicera detta. Vi hade från början tänk att vi skulle exportera vårt dokument till en interaktiv PDF. Detta gick dock inte med våra bilder, utan det gick endast att exportera till SWF. Självklart kan man lägga upp filen på en blogg eller hemsida, men vi vet inte hur man bäst skulle publicera detta. Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Resultat Vi började arbetet med att sätta oss ner och bestämma hur vi ville att designen skulle se ut. Vi använde första dagen till att bestämma typsnitt, färger och hur vi ville att text och bild skulle placeras. Vi kom snabbt överens med hur vi ville ha det. Vi delade sedan upp arbetet till viss del. Lisa satt och la in reportage i inDesign, samt valde vilka bilder vi ville använda som togs i samband med reportagen. Jag började då med att försöka komma underfund med hur vi skulle få våra bilder att röra sig. Vi hade aldrig räknat med hur komplicerat det skulle bli att få detta att fungera. Jag letade runt på internet samt tittade på klipp på Youtube, men ingenstans fanns exakt beskrivningar på det vi ville göra. Alla föreslog att vi skulle göra rörliga bilder i Photoshop, och sen exportera dem till GIF-­‐filer. Detta hade varit en bra och ganska enkelt metod om vi sedan hade kunnat få in det i inDesign, vilket inte gick. InDesign tar nämligen inte emot GIF-­‐filer. Efter en hel dags letande, hittade jag en åtta minuter lång film där man kunde se hur animationer gjordes i inDesign. Jag såg den flera gånger och försökte göra det själv i inDesign, vilket fungerade till viss del. Dock slutade bilderna röra sig när de gått ett varv. Det gick åt flera dagar första veckan till att försöka hitta en lösning på våra animationsproblem. Det blev en lång process innan vi fick det hela att fungera. Vi talade med flera lärare som försökte hjälpa oss, men ingenting fungerade. Vi fick sedan komma i kontakt med en elevassistent vid namn Nico, som hjälpte oss. Det var två knappar som strulade. Efter det började jag och Lisa tillsammans att inDesigna det hela. Lisa photoshopade alla bilder, och jag animerade dem. Vi gjorde illustrationer båda två, och Lisa satt mycket och pillade med hur allt skulle ligga i dokumentet. Vi hade från början tänkt att vi skulle exportera dokumentet till en interaktiv PDF. Vi upptäckte dock att det inte skulle fungera. Vi hade tänk anpassa PDF:en till iPad. Eftersom att våra bilder var animerade i dokumentet, fanns det bara ett format som Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 fungerade, vilket var SWF. Det blev ett av våra problem. Vi vet inte hur man gör om man vill ha rörliga bilder, men att resultatet inte ska exporteras till SWF. Vårt andra problem blev att bilderna inte ville börja röra sig samtidigt. Bilderna ligger länkade tillsammans, men varje länk med bilder startar efter att bildsamlingen över ska ha rört sig ett varv. De rörliga bilderna är alltså en serie med bilder som ligger på varandra och visas i cirka 0.5 sekunder var. De ligger loopade så att de ska fortsätta röra sig och inte sluta efter att de spelats upp ett varv. Jag tycker överlag att arbetet har gått väldigt bra. Jag och Lisa har samarbetat bra, och delat upp arbetet rättvist. Självklart hade det kunnat gå snabbare med att lära oss animeringarna. Då hade vi sparat tid. Man kan dock aldrig veta i förväg exakt vilka problem man kommer stöta på, men jag tycker att vi klarade det bra i alla fall. Vi fick ihop två illustrationer var, och vi hann fota flera bilder. Vi tog en halvdag till att fota bilderna på munnen som finns med på första sidan. Vi fotade även bilden där man kan se hur man gör en fläta. Bilden på en tjej som öppnar och stänger sin kimono är också tagen vid det tillfället. Lisa fotade mig, och vi blev nöjda med resultaten. Resten av bilderna är tagna när reportagen gjordes. Vi är överlag nöjda med vårt resultat, och med arbetet. Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Diskussion och sammanfattning Som jag nämnde tidigare är vi nöjda med arbetet. Jag känner att jag har lärt mig väldigt mycket och är glad över området vi valde att arbeta i. Jag känner att jag har lärt mig framför allt inDesgin väldigt bra, och även Photoshop och Illustrator. Jag känner mig säkrare i att redigera en bild bra, att hantera verktygen i inDesign och så vidare. Men framför allt är jag nöjd över att vi lyckades med våra rörliga bilder. Det tog tid att lära sig och vi kämpade för att hitta lösningar, men när det väl gick var vi väldigt nöjda. Jag hade satt målen att jag ville fördjupa och lära mig de tre programmen jag nämnde ovan. Det och att med hjälp av rörliga bilder, illustrationer osv, ge två texter n förhöjd läsarupplevelse. Jag tycker att jag med hjälp av Lisa, har uppnått mina mål och våra mål tillsammans. Jag känner mig säkrare i programmen, och kommer aldrig glömma bort hur man gör bilder rörliga i inDesign. Det har krävts mycket tid och pillande i programmen, men jag är nöjd över hur resultatet blev, och vad jag lärde mig av det här. Självklart kan jag önska att vi hade kommit på en bra idé över hur det skulle publiceras bäst, men vi ville inte fastna för mycket i det. Vi publicerar vårt dokument på våra hemsidor och det får bli någonting som vi får diskutera. Överlag känns det bra! Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Referenser •
https://www.youtube.com/watch?v=Q6flP4kUqmI •
http://helpx.adobe.com/indesign/using/animation.html •
Handledning av John Persson, Ulf Larsson och Martin Lindqvist •
Elevassistent Nico, som var med på torsdagen 23/10. •
https://ssd03.web.sh.se/kurswebb20142/dmt05795.nsf/0/BA1B7DF13B
CAAC1CC1257D65002ACB69/$file/Design_för_läsplatta_InDesign_Labb_H
T14.pdf •
Litteratur: Digital Publishing av Sandee Cohen och Diane Burns, 2012. Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 Bilagor •
Loggbok över dagliga aktiviteter: måndag 20/10-­‐ På måndagen gjorde vi ett arbetsschema där vi delade upp arbetet. Vi planerade tiden så att vi skulle hinna med allt vi ville göra. Vi letade även inspiration och samlade idéer för hur vi ville ha det. tisdag 21/10-­‐ Vi använde tisdagen till att göra skisser över hur vi ville att designdokumentet skulle se ut. Vi satt och valde typsnitt, färger och så vidare. Vi började även leta efter hur vi skulle få våra bilder att röra sig. onsdag 22/10-­‐ Hela onsdagen gick till att lära oss hur vi skulle animera bilderna. Vi letade information, videoklipp på Youtube, och testade oss fram. torsdag 23/10-­‐ Fortsatte försöka lösa problemen med animationerna som vi inte fick ihop helt. Vi fick handledning av elevassistenten Nico, och löste på eftermiddagen problemet. fredag 24/10-­‐ Vi arbetade hela fredagen med att animera våra bilder. Vi tog även egna bilder som vi ville ha med. måndag 27/10-­‐ Vi arbetade med de sista animationerna, samt började arbeta med illustrationer som vi ville ha med i vårt designdokument. Tisdag 28/10-­‐ Vi arbetade med designen och hur vi exakt ville att det skulle se ut. onsdag 29/10-­‐ Rapportskrivning torsdag 30/10-­‐ Finslipade dokumentet med bilder, text, illustrationer osv. Vi planerade även redovisning. Fredag 31/10-­‐ Under fredagen gjorde vi det sista som behövde göras. Vi finslipade dokument, redovisning samt rapporten. •
Tidsuppskattning för individuellt nedlagt arbete-­‐ Om jag skulle uppskatta tiden jag har lagt ner på det här arbetet i timmar, skulle jag få det till ungefär 90-­‐100 Josefin Forssell [Skriv t
ext] JMM-­‐VT13, Södertörns Högskola Webbproduktion, Valbar fördjupning 9309260785, (0763472155) [email protected] Antal tecken med blanksteg: 9628 timmar. Vi har suttit i skolan ungefär åtta timmar per dag, fem dagar i veckan. Utöver det har vi skrivit rapport hemifrån, samt arbetat med idéer och inspiration. •
På nästa sida följer en bild av det arbetsschemat som vi gjorde första dagen. Mycket ändrades under arbetets gång, men detta är första versionen på hur vi tänkte lägga upp vårt arbete: