Digital mediedesign nr 4

NYTT!

Bruk mobil/iPad for 책 oppdage og nyte interaktivt innhold i magasinet.

Se side 3:

Visuell kommunikasjon i digitale medier, nr.4 juni 2013

nr.4 juni 2013

Digital mediedesign, 4:2013

1

Layout og design: Morteza Amari

H

vem har lært deg å løse Rubiks kube? Spurte jeg en gutt på 13 år som løste den på imponerende kort tid. Jeg har lært den på youtube!

Svarte han. En annen gang skrøt en far av sin datters gitarspilling og at hun hadde lært det via youtube. Hun så på opplæringsvideoene og etter hvert kunne hun spille instrumentet på en god måte. Slike eksempler er det mange av og de gir et bilde av den oppvoksende generasjonens forhold til youtube. De bruker den ikke kun som underholdning skanal, men også som læringskanal. Dette handler i grunnen ikke om historien om youtube som en suksessfull bedrift, men om læringspotensiale som ligger i filmen, som et levende medium i kombinasjon med bruken av et sosialt medium som youtube

Y

outube sine offisielle tall hevder at det lastes opp 72 timer med video hvert minutt. Youtube har over en milliard unike brukere hver

Forsidebilde: Marianne Frisvold

Trykk: Notodden trykk og reklame

brukere med over 70 millioner unike besøkere hver måned. Fremtidsutsiktene for internett viser stadig mer produksjon, deling og streaming av video.

Google-glass- prosjektet skisserer en fremtid der videoopptak av personlige opplevelser og deling av disse opptakene dekker hele personens våkne tid i døgnet. Flere internasjonale eksperter hevder at innen 2014 vil 90 % av internett-traifkken være relatert til aktiviteter innen film, video og tv tjenester.

duksjon, publisering og konsumering av video både for underholdning og for læring er en del av hverdagen for den oppvoksende generasjonen.

Skolene som dannelsesarena bør bruke video inn i læringsarenaer både for estetisk opplevelse, faglig utvikling og etiske refleksjoner.

V

i ser jo også at videoopptaksfunksjonen nesten er blitt standard i alle elektroniske dingser. Stillbildekameraer, mobiltelefoner, nettbrett, tvspill-konsoller, smart-tv, spionutstyr og noen leketøy for barn er forbruksvarer som også har videoopptaksfunskjon i dag. Dette gjør produksjon av videofilmer enklere og med publiseringsverktøyene som youtube blir veien til å bli videoprodusent veldig kort. Brukeropplevelsen verdsetter autentisitet i opptakene høyere enn høy-videooppløsning. Pro-

M

aher Bahloul og Carolyn Graham viser i boka «Lights! Camera! Action and the Brain» : The Use of Film In Education hvordan digital video produksjon får stadig viktigere rolle og bidra med læring i dagens klasserom.

J

eg mener at filmkunnskap burde vært som en del av basiskunnskapen i skolen. Kunnskap om bruken av teknisk utstyr, virkemidler i film og filmredigering, men også læren om hvordan denne kunnskapen kan hjelpe oss med å konstruere ny kunnskap. Vi må sette filmkunnskapen inn i et læringsmiljø. Gjennom praktisk og teor-

Filmkunnskap

måned, over 4 milliarder timer med video blir sett på YouTube i måneden. I 2011 ble det sett videoer på YouTube mer enn 1 trillion ganger; det er nesten 140 ganger for hver person på jordkloden. Disse tallene vil sikkert øke når dette magasinet går i trykk! Youtube starter I 2005, men hvem kunne tro at den skulle bli en av de viktigste premissleverandørene for politikk, kunst og kultur i vår tid?

P

residentkandidatene i dag når massene via youtube. Eksempelvis Youtube-videoen av Barack Obama’s “A More Perfect Union” hadde over 7 millioner treff I 2008. Ekstreme og voldelige grupper bruker video for å fremme sine synspunkter. Stadig flere i musikk-, tv-, kunst- og filmbransjen bruker youtube for å markedsføre seg selv. Produsenter av elektronikk, software, handel og næring lager videoer eller «teasere» for å skape interesse for nye produkter. Utdanningsinstitusjonene legger ut forelesninger på nettet.

M

OOC er det nye fenomenet innen utdanning der blant annet tilrettelegging av videoforelesninger/ videoveiledninger for studentene er en viktig del av kursopplegget.

I tillegg til youtube kommer vimeo og mange andre video- og bildedeligsressurser på nette, samt alle andre sosiale medier som Facebook, Blogg, Twitter med flere som gir tilgang til videodeling. Nå har Vimeo ca 12 millioner registrerte

etisk filmkunnskap vil vi kunne øke elevenes engasjement, refleksjonsnivå, generell mediekompetanse og om å bære ansvarlige medborgere i et demokrati.

F

ilmproduksjon handler også om samarbeid.

Det er mange ledd i en filmproduksjon som skal fungere sammen. Elevene vil på denne måten lære om samarbeid og medvirkning. Det å bruke filmproduksjon i skolen handler ikke om å lage filmprodusenter av elevene, men å utvikle elevenes evne i problemløsning, kritisk tenkning, samarbeid og mellommenneskelig kommunikasjon. På denne måten kan vi øke elevenes bevissthet rundt samfunnsmessige spørsmål som miljø, økonomi, kulturelle og sosiale reformer, hevder Nikos Theodosakis i boka: «The Director in the Classrom».

F

ilm og digital video er et emne i årstudiet Digital mediedesign som setter fokus på kunnskaper, holdninger og ferdigheter i produksjon og kosnumering av film, video og TV produksjon. Vi vil vise mulighetene i dette mediet som kan inspirere deg til å bruke mediet enten i klasserommet, som et ledd i en læringsprosess eller som eget skapende arbeid.

Klasseleder: Morteza Amari https://vimeo.com/69832896

“Skolene som dannelsesarena bør bruke video inn i læringsarenaer både for estetisk opplevelse, faglig utvikling og etiske refleksjoner.”

2

Digital mediedesign, 4:2013

Dette magasin-nummeret har interaktivt innhold med Augmented Reality* (AR) teknologi. *Augmented Reality (AR) (Norsk: Utvidet virkelighet) er en teknologi som kombinerer data fra den fysiske verden med virtuell data, for eksempel ved bruk av grafikk og lyd. Man får et ekstra lag av informasjon. Den ekstra informasjonen vil typisk ikke erstatte virkeligheten, men utvide den på en eller flere måter. Kilde: Wikipedia

Alt du trenger å gjøre er å laste ned appen Sidene i magasinet som har interak- Rett enheten din mot sider i magasiLayar* (gratis) i App Store eller Google tivt innhold er merket med Layar net med Layar logo og klikk Scan på Play til mobilen eller nettbrettet ditt. logo: skjermen og la magien begynne! :-) *Layar er en mobil-AR-app som bygger bro over gapet mellom trykte og digitale verdener. Layar-aktiverte interaktive trykte magasiner har ekstra digitalt innhold som leserne kan engasjere seg med å bruke sin smarttelefon eller tablet. Layar App er gratis og kan lastes ned fra AppStore eller Google Play på både iOS og Android. Kilde: www.layar. com NB! Ikke alle mobile enheter støtter AR video! Dårlig Wifi/mobilnett påvirker videostrømmen! Hold enheten rolig når du skal skanne en side!

Sider som har interaktivt innhold:

Digital mediedesign, 4:2013

3

INNHOLD: Del1: Film og digital video Filmskaper: Jarle Leirpoll Anna Ducros Eli Raak Torsholt Henriette Krogh Bergli Jørn Terje Hømann Marte Kristine Refsdal Kirsten Randers-Pehrson Hilde Kristin Hømann Malin Amle Anita Nordbrekken Thorunn Løkenberg Bjørno Stine H Masseboeuf

Aina Kristensen

Filmskaper: Jonas Grimeland Semir Tahir

6 8 9 10 11 12 13 14 15 16 17 18 19 20 22

Del 2: web og informasjonsdesign Tatiana Souza Anita Nordbrekken Eli Raak Torsholt Margrete Lund Skorpen Marte Kristine Refsdal Kristin Cecilie Nyhus Aina Kristensen Malin Amle Anna Ducros Edna Haraldseid Trovanelli Lisa Kara Fröyland Semir Tahir Kirsten Randers-Pehrson Ingveig Garder Høgskolelektor: Mari Kolgrov 4

Digital mediedesign, 4:2013

24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

«You dont’t take a photograph, you make it.»

Ansel Adams Etter utallige forsøk på å lære meg manuelle innstillinger på kamera, og null kompetanse i digital bildebehandling, gikk jeg løs på studiet Digital Mediedesign ved Høgskolen i Telemark høsten 2010. Dette har åpnet for en ny verden. Det kostet en og annen revet hårdott og tygd negl, men har gitt meg stigende, bratt kompetanse og masse glede!!!

Jeg heter Marianne Frisvold, og kommer fra det sentrale Østlandet, nærmere bestemt Hønefoss. Her jobber jeg som formgivingslærer ved Studiespesialiserende Formgivning på mitt 17.år, en linje som fra høsten 2013 har fått en dødsdom. Et trist fenomen og et sorgens kapittel, da jeg selv en gang sent på 80-tallet la mitt grunnlag for kreative vei og utdannelse der.

Deretter tok jeg faglærerutdanning på Notodden, HiT, før lærerjobben ble min foreløpige vei. For øyeblikket er jeg i gang med førsteåret på Nettmaster i formgivingsfag ved samme høgskole, og har derfor video og animasjonsmodulen på vent. Eget tidligere kreativt virke; tegning og todimensjonale uttrykk, samt portrettbestillinger, har også blitt satt til side til fordel for videreutdanning.

Coverbildet er fra prosjektoppgaven i Digitalbildebehandling; «Med blanke ark og nye pixler til». Jeg har i egne pastelltegninger lekt med motiver som gjenskaper tape og ark.

Dette har i tegninger gitt en illudert og optisk bedragende dimensjon. Et foto av tape og papir mister denne dimensjonen, og er bare det det er: et foto. Jeg ønsket å se hva som skulle til for å oppnå illuderte og kanskje surrealistiske dimensjoner, ved hjelp av fotomanipulasjoner.

«I try to make everyone’s day a little more surreal». Bill Watson Hjemmeside: marianne-frisvold.com

DEL 1 Film og digital video

Les tidligere numre av Digital mediedesign-magasinet p책 din mobil/iPad her: http://issuu.com/digitalmediedesign Her finner du eksempler p책 innhold: Facebook: http://www.facebook.com/pages/DigitalMediedesign/395330415553?ref=ts Flickr: http://www.flickr.com/photos/48395007@N03/page2/ Wikipedia: http://no.wikipedia.org/wiki/Digital_mediedesign Youtube: http://www.youtube.com/watch?v=duktARgYEBE&list=FLraaF6WLFw9MlOaJuvN7WNg Twitter: http://twitter.com/Mediedesign Google+: https://plus.google.com/u/0/b/104004629407087748610/104004629407087748610/ posts?partnerid=gplp0 Delicious: https://www.delicious.com/mediedesign Linkedin: http://www.linkedin.com/groups/Digital-Mediedesign-3949807?trk=myg_ugrp_ovr Studieinformasjon og opptak: http://www.hit.no/nor/HiT/Soeker/Studietilbud/Kunst-og-design/Digital-mediedesign

Digital mediedesign, 4:2013

5

Video i praksis Han har skrevet en lærebok om videoproduksjon: Video i praksis. En ny versjon av boka er under arbeid. Boka tar deg fra scratch og opp på et akseptabelt kunnskapsnivå og gjør deg i stand til å lage filmer som proffene.

The Cool Stuff in Premiere Pro For tiden skriver han på en bok om avanserte redigeringsteknikker i Premiere Pro.

Jarle Leirpoll

Her lærer du avanserte teknikker og smarte måter å jobbe på som vil spare deg for mye teknisk trøbbel, frigjøre tid, gi synlige resultater i filFilmskaper mene dine, og som gjør det kjempekult å redigere.

Jarle Leirpoll har sin utdannelse og bakgrunn fra NRK, og har over 20 Det er meningen du skal kunne grunnleggende redigering i Premiere års erfaring fra bransjen. Siden 1996 har han vært frilans fotograf og Pro fra før for å ha glede av teknikkene. Les mer om det på: www.preredigerer, og jobber hovedsakelig med å lage dokumentarfilmer og op- mierepro.net pdragsfilmer.

Video Tutorials I Digital mediedesign magasinet nr. 3 publiserte vi en artikkel av Jarle Kurs og workshop Han har kjørt kurs for kunder som NRK, Danmarks radio, BBC, Ado- Leirpoll om fargekorrigering. Du kan se dette i praktisk bruk her: http://premierepro.net/editing/color-grading-and-finishing-in-prebe, Østnorsk Filmsenter, Filmveksthuset Tvibit og Nesodden Filmpark. miere-pro-cs5-5/.

I tillegg kommer undervisning ved HIG, HIHM, Digital mediedesign/ Videoen har nå hatt over 45.000 views på Vimeo!

HIT, og påmeldingskurs hos Qross og Video 4.

Under ser du et utdrag av kapittelet om “Spesialeffekter i boka “Video i praksis” , gjengitt med tillatelse fra forfatteren.

Spesialeffekter Noe av det jeg får mest spørsmål om er hvordan man kan lage enkle spesialeffekter. Så ”by popular demand”, her er et lite knippe enkle effekter du kan prøve deg på. Det er bare prinsippene jeg beskriver her, for den konkrete fremgangsmåten vil variere fra program til program.

Skjermdumpene er fra Adobe Premiere Pro hvor alle effektene er gjort.

Poenget med VFX Mye av det å hjelpe storyen med Visuelle Effekter (VFX) går ut på at man ikke skal dette ut av ”Suspension og disbelief”. For eksempel gjøre et ansikt litt lysere for å se reaksjonen i et mørkt bilde og for at folk ikke skal begynne å tenke på at de ikke ser ansiktet. Og skal vi lage en actionfilm ville vi ikke lenger føle spenningen hvis det sier ”klikk” i stedet for ”pang” i pistolene, og det ikke kommer noen munningsflamme.

Vi bruker altså VFX for at filmen skal virke mer troverdig og dermed fortelle historien bedre. Ikke bare fordi det er kult.

Green screen Dette er nok den mest populære effekten, og en av de mest brukte.

Les først om lyssetting for greenscreen i kapitlet om effekter og filtre tidligere i boka. Det er kjempeviktig at du lyssetter riktig, ellers får du problemer med å få til en ren key. Jevnt lys på bakgrunnen og lys som matcher det bildet personen skal inn i er mye viktigere enn hvilke innstillinger du gjør i redigeringsprogrammet.

På bildet nedenfor kan du se hvordan jeg har plassert et bakgrunnsbilde på videospor 1, og green screen bildet på spor 2. Da dekker green screen I tillegg til key effekten måtte jeg legge på en Garbage Matte for å skjære bort venstre side av bildet hvor det ikke er grønn bakgrunn. Til slutt en fargekorrigering for å matche fargene på dama til fargene i bakgrunnsbildet.

Digital mediedesign, 4:2013

Når du skal justere en key viser du Mask Only. Da får du den hvite maska mot svart bakgrunn og det blir mye lettere å justere bort de grå delene av maska. De vil nemlig bli halvgjennomsiktige. Får du ikke sett med svart bakgrunn, så slår du midlertidig av laget under.

Effektene som ble brukt på chroma keyen

Når keyen er justert går du tilbake til å vise det ferdige bildet, og legger på fargekorrigering på forgrunnen, og på bakgrunnen også hvis det trengs.

Munningsflammer Det ser jo ikke ut som hun skyter ennå, så vi legger på en munningsflamme. Først må vi vite hvordan de ser ut. Her er et bilde av en ekte munningsflamme fra en AG3.

MP-5 Litt voldsom, men skal vi ha munningsflamme, så får den være skikkelig.Vi lager en sånn en!

Vi tegner en shape og fyller med litt orange og gult. Jeg brukte Titler verktøyet i Premiere Pro, men du kan gjerne bruke Photoshop eller et annet program du kan. Nå legger vi denne på et spor over skytescena, lager den én eller to ruter lang og putter på to effekter.

En som gjør kantene litt ujevne,

Video i Praksis 195

6

bildet over bakgrunnen, men det fikser vi snart på.Vi legger på en effekt som kan gjøre chroma key. De kan ha forskjellige navn, som Chroma Key, Color Key. Jeg brukte en med det merkelige navnet Non-Red Key.

196 Video i Praksis

Igjen trenger du to nesten like bilder. Her har jeg lagt en soft wipe på det øverste laget som går litt på skrå som vist på det nederste lille bildet. Gjorde den også litt myk i kanten (feather) for at ikke overgangen skal synes.

Med litt ujevne kanter, litt blur og Add blending mode har vi fått en ganske kul munningsflamme på utrolig kort tid.

Husk at den bare skal være på skjermen i en til to ruter, så ingen vil ha tid til å studere den nøye.

Lyden av et pistolskudd i tillegg = perfekt illusjon!

Munningsflammen er egentlig bare en shape

Roughen Edges, og en som gjør at det blir litt uskarpt, Blur. Da ser det nesten ut som på referansebildet vårt. Ikke helt, for jeg synes den ble kulere med litt mer rufsete kanter. Kunstnerisk frihet!

For å få resultatet du ser øverst på sida har jeg lagt på to separate shapes med litt forskjellig form, og satt Blending Mode på dem til Add. Det gjør at de blir litt lysere. Har ikke redigeringsprogrammet ditt blending modes, så let etter en effekt kalt Calculations. Den funker også.

Som feinschmeckere burde vi også ha lyst opp litt av hendene og ansiktet mens flammen er på. Det er også mulig, med Track Matte Key og litt fargekorrigering. Prøv da vel!

Dukke opp bak en stolpe Denne er enkel. La kameraet stå på stativ, start kameraet og la det gå i noen sekunder. Så kommer personen gående inn i bildet og titter fram bak stolpen. Legg siste del av klippet (med folk) på video spor 1 og starten (uten folk) på spor 2. Legg en Wipe omtrent i midten av stolpen.

Mange bilder på en gang Her har jeg lagt bildene på forskjellige videospor og brukt Crop og Position for å beskjære og plassere dem så de passer sammen. Enkelt!

Du kan legge mange videofiler oppå hverandre og forminske, beskjære og flytte dem.

Kalles gjerne Picture In Picture

Spøkelser OK, ikke helt troverdige, men i hvert fall helt greie spøkelser kan du lage ved å legge to videolag oppå hverandre. Du trenger et langt strekk med opptak. Begynner du å kjenne igjen prinsippet?

Opptaket må være dobbelt så langt som den ferdige scenen skal være. Tar det 10 sekunder for spøkelset å gå gjennom bildet må du ha 10 sekunder med ”tomt” bilde før eller etter at spøkelset er der. Men ta 15 for å være sikker! Så legger du det tomme bildet på videospor 1 og det med spøkelse på videospor 2 og skrur ned Opacity (ugjennomsiktighet) på det øverste klippet til 30-60 prosent avhengig av hvor tydelig du vil ha spøkelset.

For ordens skyld: Spøkelset er nederst i trappa.

Snakke med seg selv Igjen må du la kameraet gå lenge.

Først må personen stå på ene siden, så på andre. Legg de to bitene på hvert sitt spor og Wipe eller maske på den øverste. Pass på at ikke bevegelsen går helt over til ”feil” side.

Video i Praksis 197

198 Video i Praksis

Digital mediedesign, 4:2013

7

https://vimeo.com/70747057

BBox promofilm AV ANNA DUCROS WWW.BRANDINGBOX.NO

Til min prosjektoppgave i film, vårsemesteret 2013, valgte jeg å lage en promofilm for reklamebyrået jeg jobber for, BrandingBox. Jeg gikk for denne idéen fordi jeg tenkte det ville være et smart valg å utnytte goder som kontakter og utstyr som jobben i et reklamebyrå kan tilby. Jeg har også helt fantastiske kollegaer som stilte mer en gjerne opp! Jeg jobber veldig mye, og tenkte derfor at det kunne være lurt av meg å bringe skolen inn i jobben.

Filmen jeg har laget er en kort promofilm for byrået. Til nå har vi ikke hatt noen filmer som viser oss, og jeg tenkte dette kunne være en god idé.

Videoen varer i ett og et halvt minutt, og er ment for Internettdistrubisjon som Youtube og vår egen hjemmeside. Det er også tenkt at vi kan ta med filmen på minnepenn og vise den på skjerm eller overhead for potensielle nye kunder.

Jeg ønsket at filmen skulle virke profesjonell og tiltalende, siden det også er mulighet for at filmen skal brukes i det virkelige liv. Filmen er kort og presis og presenterer den kreative bransjen. Slagordet vårt er “Velkommen til Telemarks hyggeligste reklamebyrå”. Med dette i bakhodet tenkte jeg at filmen burde gå tett på oss menneskene som jobber i byrået. Filmen har en lett, munter og tiltalende tone og stemning med mange smil, overdrevne ansiktsuttrykk og latter. Målet med promofilmen er å sette en positiv assosiasjon til BrandingBox. Potensielle kunder skal se denne filmen og sitte igjen med følelsen av at de kan kontakte oss.

Jeg ønsket ikke å være pompøs og vise frem hele vår portfolio. Jeg tenkte at var nok å linke til hjemmesiden vår, og heller spille på varme og komedie.

På live.freeplaymusic.com fant jeg en lovlig nedlastbar glad beat som jeg har brukt i bakgrunnen av hele filmen. Denne beaten setter en positiv stemning. Filmen er relativt kort og enkel. Derfor har jeg lagt mye arbeid i redigeringen. Jeg har laget mange og raske klipp for å skape dynamikk og bevegelse i filmen.

Over all er jeg svært fornøyd med produktet jeg leverte, og jeg håper dette er en film vi kan bruke i byrået. Jeg har lært mye gjennom denne prosessen.

Spesielt at det er ekstremt vikitg med nøye planlegging for å få et godt resultat.

For første gang har jeg skrevet manus og synopsis, tegnet storyboard og gjort alle preparasjoner før selve opptaket. Med såpass gode forberedelser, gikk så og si alt slik jeg hadde planlagt.

Velkommen til Telemarks hyggeligste reklamebyrå!

8

Digital mediedesign, 4:2013

Prosjekteksamen, Høgskolen i Telemark, Digital mediedesign våren 2013

FILM OG DIGITAL VIDEO Tekst / layout / foto: Eli Raak Torsholt

En film om verdens energiregnskap og hvordan vi kan redusere energiforbruk i boliger.

Dette viktige temaet blir ofte formidlet på en veldig komplisert måte med mange faguttrykk.

Det virker fremmedgjørende og er vanskelig å forstå for de fleste.

I arbeidet med denne filmen hadde jeg som hovedfokus å finne ut av hvordan man kunne formidle vanskelige fagkunnskaper på en enkel og pedagogisk måte.

Kunnskap om hvordan man kan redusere energiforbruk i boliger er viktig for alle!

Hvordan formidle vanskelig fagstoff på en enkel og pedagogisk måte ved hjelp av film?

Jeg lagde visualiseringer og skapte tablåer ved hjelp av et barn som leker.

I tillegg tegnet jeg enkle animasjoner på filmen.

All lyd ble lagt på som voiceveover.

Digital mediedesign, 4:2013

9

DIGITAL MEDIEDESIGN

Mitt navn er Henriette Krohg Bergli, jeg bor og jobber i Oslo.

Jeg har en bachelor i litteraturvitenskap fra tidligere og jobber i forlagsbransjen.

Rørålen

Prosjektoppgave i Film og digital video

Filmen handler om en ensom mann, som lever et isolert og repetitivt liv. Samfunnet rundt ham godtar ikke hans væremåte og valg, eller mangel på valg, og foretar sanksjoner mot ham. Handlingen foregår i en verden/omgivelser vi kjenner igjen, men med en absurd vri.

10

Digital mediedesign, 4:2013

Om visuell kommunikasjon av Jørn Terje Hømann Synopsis

”Et synopsis er en kort presentasjon av ide og lages i starten av idefasen” En vandring langs kongeveien på Hadeland hvor jeg forteller om denne og visuell kommunikasjon.

Som kulturinteressert og siden jeg oppvokst på Hadeland kommer jeg til å tenke på den gamle kongeveien som går her. Det var en pilegrimsvandring som endte opp ved Nidaros i Trondheim. Her har vi bygg fra middelalderen og tanken om en felles vandring sammen med seeren dukker opp.

Poenget med filmen er jo å ta seeren med på en vandring i min kompetanse.

Jeg vandrer langs kongeveien og forteller både om historien rundt denne og min egen kompetanse.

Min film skal jo da handle om meg og min kompetanse. Som inspirasjon velger jeg en dokumentar fra NRK, nemlig serien ” Brenner - historier fra vårt land”.

Så min vinkling blir ”Om visuell kommunikasjon” og så stiller jeg tre spørsmål i introduksjonen som jeg dermed vil prøve å besvare i resten av filmen.

Spørsmålene tar utgangspunkt i at jeg har jobbet mye med fagområdet ”Visuell kommunikasjon” på så mange ulike plattformer så hva skal jeg kalle meg ?

Designer ?

Kunstner ?

Webutvikler ?

Med disse spørsmålene vil jeg vise seeren hva jeg kan.

Digital mediedesign, 4:2013

11

VISIT SKIEN Dette semesteret, i Film og Videobehandling, har vi vært lært en hel masse om hvordan man skal lage en bra film. Vi har fått opplæring i kamerabruk, vi har fått opplæring i Adobe Premiere Pro, vi har vært gjennom filmhistorie og teori. I prosjektoppgaven skulle vi lage en kortfilm eller video for bruk i tv-produksjon. Hele prosessen fra idé til ferdig produkt lå i våre hender. Jeg valgte i min oppgave å lage en reklamefilm for Skien by, der målet var å vekke interesse for byen, få flere folk til å komme på besøk og å bosette seg her. Skien har et kjempepotensiale, men det er ikke nok folk som vet det!

Jeg startet det hele ved å lage et tankekart med alle de stedene som jeg selv mener er verdt å få med seg i byen. Deretter lagde jeg et slags tidsskjema for når jeg skulle rekke alt sammen. Underveis møtte jeg hindringer, for eksempel dårlig vær. Og det er ikke noe poeng å reklamere for Skien sentrum og caféliv når det ikke er folk der. Derfor ble timingen gradvis bedre.

Jeg brukte en del tid på å skaffe meg tillatelser og kontakte folk jeg ønsket å ha med. Til slutt endte jeg opp med de jeg ønsket mest - Ordfører i Skien Hedda Foss Five, og Sjefsredaktør i Telemarksavisa Ove Mellingen. Five var utrolig engasjert, og Mellingen er en Skiensglad bergenser. Det er moro å ha med i reklamefilmen.

Hovedfokuset var uansett å få alle bildene jeg ville.

Det er så utrolig mange flotte steder i Skien, og det var vanskelig å velge. Derfor ble også resultatet til slutt litt hektisk. Jeg har forsøkt å få med så mye som mulig, noe jeg i ettertid har innsett at jeg kanskje burde latt være. Det kan nok lønne seg å heller fokusere på noen få ting.

12

Digital mediedesign, 4:2013

Redigeringen møtte også sine utfordringer, hovedsaklig lyden og musikken var problemet. Hadde man kunnet bruke den musikken man ville hadde det ikke være noe problem. Men å lete etter de lydene man ønsker seg er ikke like lett. Jeg endte opp med å bruke royalty free musikk som er funnet på nett, men disse er langt ifra den musikken jeg egentlig hadde sett for meg.

Til syvende og sist føler jeg at prosjektet gikk greit, med potensiale til å bli veldig bra hvis det hadde vært nok tid og ressurser på plass. Jeg kommer ikke til å gi meg her.

Marte Refsdal

Filmatisering av et dikt skrevet av Elisabeth Gausemel Berge.

Film av Kirsten Randers-Pehrson

Velte over evne velte glasset med vin velter ned trappen velter i grøfta velter et fjell med venstre øye velter over dørstokken velter i seng

Film og digital video

https://vimeo.com/69851385

Da jeg lagde denne filmen hadde jeg akkurat sett en film av en dansk filmskaper, Jytte Rex. Filmen het Silkevejen og den inspirerte meg veldig. Hun hadde utstrakt bruk av symboler i filmen og jobbet mye med lagvise bilder, spesielt i overgangene som ble myke og spennende med bilder oppå hverandre. Hennes tema var en kvinne som svevde mellom liv og død og gikk ut og inn av to “verdner”. I diktet jeg filmatiserte forsøkte jeg også å tenke meg to verdner: En inne i hodet på kvinnen som er hovedperson, opplevelsen av å være overstadig beruset, og den mer konkrete virkeligheten, som når man går på en vei eller velter glasset med vin.

Digital mediedesign, 4:2013

13

Jeg heter Hilde Kristin Hømann og er fra Hadeland.

Til daglig jobber jeg som design og håndtverkslærer på Hadeland videregående skole.

Denne oppgaven var eksamensprosjekt mitt på Høgskolen i Telemark i Film og digital video.

Min første ide var å fortelle om kulturlandskapet jeg har rett utenfor døren. Jeg er glad i å gå tur og pilegrimsleden går rett gjennom dette landskapet.

«Pilegrimsleden eller Pilegrimsleia er et fellesnavn på flere turveier, som fører fra forskjellige deler av Norge til Trondheim og enkelte andre hellige steder.»

Kilde: http://no.wikipedia.org/wiki/pilgrimsleden

http://www.youtube.com/watch?v=tEEN4lkcmoU

Bildebrev fra Hadeland

Fra Granavollen til Grindaker Jeg valgte å lage en dokumentarfilm fra Hadeland.

Filmen viser innslag fra en tur mellom Granavollen til Grinaker. Granavollen med Søsterkirkene, var et knutepunkt for reisen før i tida. (ca. 1030).

Bilde av Søsterkirkene på Granavollen viser to steinkirker fra middelalderen. Utenfor porten står en milestein som forteller at det er 533 km til Nidaros. Den kirken heter Nikolaikirken og den mindre kirken heter Mariakirken.

Glassmaleriet er laget av Frøydis Haavardsholm.

14

Digital mediedesign, 4:2013

http://www.historiskehadeland.no

Jeg vil med filmen påvirker seerne til å ta en tur for å oppleve kulturlandskapet og arkitekturen på hadeland.

Mitt mål med oppgaven var å lære mer hvordan en film blir til.

Ved planlegging, komponering, klipping og redigere av film

I 1989 ble det etablert et veveri på Grinaker, som har tatt opp igjen gamle vevtradisjoner. Bildene viser Grinakervev, vevstolen i bruk og produkter. http://www.grinakervev.no

Video Prosjekt - ‘Girls of Summer’ I prosjektoppgaven for Film og Digital Video valgte jeg å lage en kortfilm som representerer et nettsamfunn for jenter som driver med brettsport.

Filmen er en livsstilsfilm som skal kunne fungere som en reklamefilm for nettsamfunnet. Den kan sammenlignes med reklamefilmer fra kjente surfemerker, og det er hentet mye inspirasjon derifra. Filmen inneholder jenter i action på skateboard, surfboarf, kiteboard og SUP board. Hensikten med filmen er å tiltrekke flere jenter til nettsamfunnet og til brettsport generelt.

Forarbeid

Jeg gjorde mye research rundt engasjement for jenter innenfor brettsport slik som magasiner, nettsteder, nettsamfunn og lignende. I tillegg har jeg sett en utallig mengde med surfe og kite filmer for å lære meg mer om filmteknikker innenfor bransjen.

Jeg har hentet mye inspirasjon fra reklamefilmer for surfe-, kite-, skate-, våtdrakt- og bikini-merker. Når jeg hadde fått en idé av hvordan film jeg ville lage begynte jeg å skrive manus og lage et storyboard. Siden var det bare å sette igang med filmingen.

Filming

Jeg befant meg i Australia under studietiden, som var den perfekte plassen for å spille inn en slik film. Filmingen ble gjennomført på 3 dager med innspilling på 3 ulike strender med 5 jenter som ville stille opp som statister. Disse jentene er selv brettsportsjenter. Vi hadde det veldig gøy under innspillingen og jentene kom med flere ideer og innspill selv. Det var gøy å jobbe med en så glad og kreativ gjeng. Jeg benyttet meg av et Canon 60 D kamera og et GoPro kamera. Under innspillingen benyttet jeg meg bevisst av ulik kameraføring, vel som ulike bildesnitt og perspektiver.

Etterarbeid

Etterarbeidet besto av redigering inkludert klipping, overganger, lyd, lys, farge, effekter og filter. Dette er et stort og tidskrevende arbeid. Jeg var relativt nybegynner på dette da jeg startet, så jeg endte opp med å lære meg veldig mye. Jeg hadde en idé av hvordan uttrykk jeg ville ha på filmen, så jeg så masse undervisningsfilmer på youtube for å lære meg ulike redigeringsteknikker. Lyd, lys og fargekorrigering er viktig for å få til et proffesjonelt uttrykk på filmen din. Jeg ville få til en vintage-look på filmen min, så jeg jobbet mye med effekter og filtere for å få til dette.

Egenvurdering

Denne modulen har åpnet opp en ny og spennende verden for meg. Før modulen hadde jeg redigert en film, men jeg må si at jeg mer eller mindre var helt nybegynner. Jeg har lært enormt mye om det å skape film, og jeg har i tillegg blitt veldig interessert i dette. Nå har jeg begynt å tenke film veldig mye av fritiden min, så når jeg befinner meg ute i naturen eller er sammen med andre mennesker så kommer jeg hele tiden på nye film ideer, bildeutsnitt og lignende som jeg har lyst til å teste ut. Jeg ser også på filmer på en helt annen måte, hvor jeg analyserer filmene i forhold til film- og redigerings- teknikker, vel som lyd- og lys- effekter.

Jeg er kjempefornøyd med dette studiet og kan absolutt anbefale det for de som skulle være interesserte!

Av: Malin Amle Digital mediedesign, 4:2013

15

Film og digital video

en av fire moduler i studiet Digital Mediedesign Mitt navn er Anita Nordbrekken og jeg kommer fra Røros. Her jobber jeg som lærer ved Røros Videregående Skole og underviser i medier og kommunikasjon. Jeg har tidligere noe utdanning innen grafisk, illustrasjon og reklame men den digitale verden forandrer seg fort og jeg følte det var tid for å studere mer. Dette nettbaserte studiet har vært perfekt ettersom jeg både kan kombinere jobb, studier og rollen min som småbarnsmor. Her vil jeg presentere min prosjektoppgave i film og digital video.

Jeg har valgt å jobbe med fiksjonsfilm for barn, noe som abolutt ikke er enkelt. Ekstra krevende er det også hvis barn skal være skuespillere.

Flukten fra lekerommet Min fiksjonsfilm handler om to små gutter som er litt vel hardhendte med sine leker, antagelig som gutter flest. Lekene blir lei av denne behandlingen og får ideen om å rømme når mor leser “Flukten fra Dyreskogen” til sine to sønner.

Ideen er inspirert av Toy Story og kortfilmer jeg har sett på nett og DVD. I planleggingsfasen var det vanskelig å vite tidsperspektivet i forhold til manus, storyboard og den endelige filmen. Her må man nok ha god erfaring!

Jeg har derfor i løpet av produksjonen kortet ned på klipp og replikker, men prøvde å beholde historien og filmens budskap. Å produsere film bør egentlig være et samarbeid med andre fordi det er meget utfordrende å gjøre alt alene. I studiet har vi fått god opplæring i programvare, virkemidler og hatt varierte oppgaver som har gitt oss et godt grunnlag til å ta fatt på prosjektoppgaven.

Men det blir likevel mye å tenke på!

Forarbeidet som består av idemyldring, storyboard og manus bør være mest mulig gjennomtenkt slik at det videre arbeidet kan gjennomføres effektivt og uten plutselige problemer. Under opptak skal man følge manus med det som er tenkt ut av vinkler og utsnitt, samt passe på at lyd, lys og kamerainnstillinger er riktig. Et annet viktig

16

Digital mediedesign, 4:2013

element er å instruere skuespillerne. I mitt tilfelle der skuespillerne var to gutter på to og fire år, samt en hundevalp var det kanskje flere utfordringer enn med voksne skuespillere. Hvis alt klaffer blir redigeringsarbeidet en lek, men for min del som har lite erfaring på disse områdene blir det fort overraskelser...

Målgruppa for min film er små barn. Lekene som rømmer blir selvsagt funnet igjen av guttene og budskapet er derfor så enkelt som at man må være snill med lekene sine. Dette sier også guttene til lekene sine på slutten og det blir derfor en lykkelig slutt for alle. Det med å lage en lykkelig slutt der de onde også blir gode er mye brukt i barnefilmer. I tillegg til å se kortfilmer for barn har jeg også lest en del om hvordan barn oppfatter og lever seg inn i filmene når de er små. For eksempel kan de bli forvirret hvis det er mange korte klipp, hurtige kamerabevegelser og selv de mest harmløse ting kan bli skumle.

Arbeidet med en slik fiksjonsfilm har vært spennende og studiet ellers har også vært veldig lærerikt. Jeg har fått et mer kritisk blikk når jeg følger med på film og TVproduksjoner og hvordan de bruker virkemidler, klipping og komposisjon av innholdet.

Bilder fra filmen

MUNCHS KRAGERØ 2013 I år er det Munch jubileum og vi feirer at det er 150 år siden Edvard Munchs fødsel. I 1909 slo Munch seg ned i Kragerø etter et opphold på nerveklinikk i København. I Kragerø hadde Munch en av sine mest kreative perioder.

Hovedverkene «Solen» og «Historien» henger i Universitetets aula i Oslo og til disse verkene ble han inspirert av mennesker og landskap i Kragerø.

I min prosjektoppgave i «Film og digital video» var målet å lage en undervisningsfilm om Edvard Muncks periode i Kragerø. I den forbindelse dro jeg ditt, filmet de områdene der Munch oppholdt seg mest og vandret i gatene rundt Skrubben og til Steinmann utsiktspunkt sammen med historiker og lærer Nils Arne Tveit. I byen er det satt opp plansjer med reproduksjon av 12 kjente verk med Kragerømotiv sammen med informasjonstekster. Dette ble mitt utgangspunkt for undervisningsfilmen hvor lengden skulle være maksimum 5. minutter. Med så mye materiale var det en utfordring og holde seg innenfor maksimumsgrensen. For meg har dette vært en stort og krevende periode, med mye prøving, feiling og læring. Det har også vært morsomt og jeg har fått ny erfaring og kunnskap som jeg håper jeg kan dra med meg inn i undervisningen.

Jeg heter Thorunn Løkenberg Bjørnø. «Film og digital video» er min andre modul på Digital mediedesign. Jeg er spesialpedagog og jobber som lærer i videregående skole. For å utvide min fagkrets, tar jeg nå dette studie over to år samtidig som jeg jobber i en mindre stilling. Tidligere har jeg tatt lærerutdanning i kunst og håndverk på Høgskolen i Telemark.

Det var utrolig hyggelig å komme tilbake til Notodden og å oppleve miljøet som er så levende, skapende og estetisk. Studiet er godt organisert med dyktige forelesere og positiv klasseleder. Det blir spennende å fortsette med modulen «Digital grafisk design» til høsten.

Digital mediedesign, 4:2013

17

Dette har vært litt av en opplevelse.

Fra å møte Jarle Leirpoll in persona, en snau ukes intensiv trening, nettforelesninger, til å faktisk sette seg ned og ha ansvaret for sitt eget, lille filmprosjekt.

Gjennom filmerfaringen jeg fikk, også som “skuespiller” under det intensive kurset, fikk jeg selvtillit nok til å prøve meg som programleder i min egen film. Jeg var fra begynnelsen sikker på at jeg ønsket å gjøre et filmprosjekt der jeg kunne involvere familien min, fordi jeg gjennom intensivkurset fikk erfaring med at film også kan være et sosialt prosjekt. Gjennom erfaringene med de mindre oppgavene vi skulle løse i kuset, lærte jeg at jeg ikke skulle forvente for mye av skuespillerne mine, og at det beste på en måte ble å lage en autentisk film der premissene var tilpasset skuespillerne, ikke omvendt.

Det resulterte i en dokumentering av hagen vår, en ekte Victoriansk hage i Aberdeen.

Eksamener er jo alltid litt strevsomt, men denne gangen var det en nytelse å også kunne tilbringe deler av denne utendørs. Jeg angrer ikke på det valget!

Digital Mediedesign, Film 2013 18

Digital mediedesign, 4:2013

Kajas vår “Har man ikke noe på hjertet, bør man ikke lage film.”

Arne Skouen

Og jeg har noe både på og i hjertet...

Jeg har en viktig historie å fortelle!

Prosjektoppgave av Aina Kristensen - Mai 2013

Det finnes mange hverdagshelter her i landet.

Kaja er min - og Guro, min niese og søster.

Livet til Guro ble sudd på hodet i løpet av et par timer en vakker vårdag i 2005. Hun reiste på sykehuset med rier og store forventninger - hun skulle bli mamma! Men det viste seg raskt at noe var galt. Kaja lå i seteleie med navlestrengen under rompa. Fosterlyden ble plutselig borte og deretter skjedde alt fort men ikke fort nok...

Kaja lurte døden, men til hvilken pris?

Dette er historien om hvordan Kajas første år var preget av sykehusinnleggelser, epilepsi, spiseproblemer, hyppige luftveisinfeksjoner mm. Om hvordan hun ble dopet ned på store doser medisin.

Men mest av alt er det historien om hvordan alt snudde den dagen de begynte på et intensivt og helhetlig opptreningstilbud kalt Family Hope Center. Et tilbud de i dag står i fare for å miste støtte til - fordi regjeringen mener den motoriske utviklingen på disse barna er for dårlig...?!

Men hva med livskvalitet?

Kaja har et godt liv i dag. Hun er frisk, er så og si medisinfri. Hun er ikke dopa lenger. Selv om hun trenger hjelp til så og si alt, har hun en livsglede som det er umulig å bli smittet av. ...og latteren hennes - den må bare høres...

https://vimeo.com/69853874

Digital mediedesign, 4:2013

19

Over: Stillbilder fra KENNING; den nye musikkvideo for OUR LOST INFANTRY med regi: Joans Grimeland

samtale med

Jonas Grimeland “Alt kokes ned til ideen du har og din visjon for den. “ Jonas Grimeland fullfører sin regi-utdanning ved Kingston University i London våren 2013. Han startet med filmproduksjon på videregående og har siden regissert en rekke kortfilmer og musikkvideoer. I 2012 hadde westernfilmen To Meet It With Awe premiere på Electric Cinema i London, og han har flere prosjekter på vei i 2013.

De siste tre årene har han holdt årlige foredrag for Digital mediedesign ved Høyskolen i Telemark om hvordan han forbereder og gjør lavbuds-

20

Digital mediedesign, 4:2013

Lavbudsje jett filmproduksjoner. Her er noen tanker om å komme i gang med lavbudsjettfilm.

Hva er egentlig en lavbudsjettfilm?

Hva en lavbudsjettsfilm er, kommer veldig an på hvem du spør, men jeg tenker det som en produksjon der man ikke har valget til å betale, for å utfylle sin visjon.

Kan studentenes prosjektoppgave defineres som en lavbudsjettfilm?

Absolutt, men det er ikke det samme som å si at studentfilmer har noen begrensinger i fortellerteknikk eller kvalitet. Det er plenti av nå kjente filmregissører som startet sin karriere fra sitt arbeid som student.

Hvordan skal man starte en filmprosjekt når en i utgangspunktet ikke har finansiering?

Som med alle filmproduksjoner må man se på sine egne ideer med et kritisk blikk og se hva som er kjernen av ideen. I prinsippet er det ikke veldig annerledes å lage en kortfilm uten budsjett, fra å lage en stor spillefilm. Uten budsjett er man tvunget til å ta noen valg som ikke produksjoner med store budsjetter trenger å ta. Ofte kan dette faktisk være positivt for filmen. Det er også en god idé og ikke bare akseptere at man

ett filmproduksjon ikke her penger. Det er flere steder der man kan få penger om man har visjon. Hvis ideen er sterk nok, er dette som regel ganske opplagt. Igjen en god idé. så ville jeg ikke bare akseptert at man ikke hadde det utstyret man kunne ønske man hadde. Spør litt rundt, hør med folk i bransjen, kanskje du Du har brukt ditt nettverk i lokalmiljøet i dine prosjekter, hvor viktig det er får lånt noe som er litt utdatert, men som egentlig fungerer helt supert. å orientere seg i sine nettverk?

Lokalmiljø, og det lokale næringslivet kan bety utrolig mye for filmpro- Har du andre råd/tips til studentenes eksamensprosjekter og til nyutduksjonen du går inn i. Det har det gjort, og det gjør det fortsatt for meg. dannede studenter for realiseringen av filmideer?

Det begrenser seg ikke til de som har tidligere erfaring med film, men Alt kokes ned til ideen du har og din visjon for den. En film må komme kan for eksempel være en stoffbutikk som har rester du kan bruke til fra et personlig ønske om å fortelle noe, en historie verdt å fortelle. Hvis kostymer, eller lokaler du kan bruke som location. man klarer å formidle det gjennom filmen, er det ikke så viktig hvilket kamera man bruker.

Når jeg vokste opp i Notodden brukte jeg også mye venner og familie i produksjonene mine. De aller færreste hadde tidligere erfaring med film, men ettersom vi lagde flere filmer begynte folk å få kunnskapen og den tekniske kvaliteten ble bedre og bedre.

Linker: Kan du komme med noen konkrete tips for lyssetting og lydopptak når du jgrimeland@gmail.com ikke har anledning til å leie utstyr? http://grimeland.tumblr.com Sett bort ifra at jeg alltid søker et dypt bilde, eks. nede i en gang, i stedet http://shortfilmdays.tumblr.com for mot veggen, så prøver jeg å stole på mine egne instinkter i hva et godt bilde er. Stol på den estetikken som hører til ideen du har og din egen Digital mediedesign, 4:2013

21

W

22

Digital mediedesign, 4:2013

DEL 2 Web- og informasjonsdesign

Studentblogger 2012-2013 http://digitalmediedesign.wordpress.com/2013/08/05/studentblogger-2012-2013/

Digital mediedesign, 4:2013

23

Dette er en prosjektoppgave i Digital mediedesign ved Høgskolen i Telemark, våren 2013

På jakt etter en fluid design layout

En a-ha opplevelse I løpet av en av de første forelesningen i Web- og informasjonsdesign ble vi (jeg) introdusert en ny trend. Temaet var om Struktur og navigering, og Lars Martin Lund snakket om responsivt/fluid design, det vi si at layouten har evnet til å ta hensyn til mottakerens enhet og justere seg etter dets formatstørrelse: mobil, Ipad eller desktop - og det ville jeg ha! Denne prosjektoppgaveløsningen var stort preget av det.

Jeg er en ny begynner på denne fronten (webdesign), så grunnlaget mitt for prosjektet var alle forelesninger, materielle til øvingsoppgavene, pensumbøker, noen Youtube videoer, og tidligere innlevert prosjektrapporter. Programværer jeg har brukt var Dreamweaver (DW), Photoshop (Ps).

Nettsiden min ville være veldig enkel, responsiv, og lett å tilføye nytt innhold.

Hensikten med nettsiden er både å presentere meg som fotograf og å utfordre

24

Digital mediedesign, 4:2013

meg selv til være produktiv, slik at jeg fortsetter å lære om foto og film/video i praksis.

Jeg har som mål å kunne jobbe med det i framtiden.

Fluid Grid Layout vs. Likvidifisering Fluid Grid Layout er tilgjengelig på Dreaweaver (under Edit meny og under New... meny også). Så begynte jeg å jobbe med det.

Jeg ble veldig gira til å starte med, men etterhvert begynte jeg treffe mange utfordringer - det i seg selv er en god ting, men jeg var veldig i tvil om det jeg ønsket meg var egentlig mulig, og jeg hadde det knapt med tiden.

Jeg følt at programmet bestemt for mye om det jeg prøvd få til, layouten begynte å gå en vei jeg ikke hadde lyst til å signere under.

Jeg ga ikke opp! Jeg gikk tilbake til en av Youtube-videoene hvor det ble visst en annen teknikk til å få en fluid layout, som heter likvidifisering (liquifying).

Så måtte jeg omstille meg totalt til prosent tankegangen; og tilbake til min prosjektoppgave, started jeg på nytt med prøve-og-feile metode. Jeg var veldig takknemlig for de materielle Mari Kolgrov og Ingrid Høibo hadde lagt ut i forbindelse med øvingsoppgavene, de var absolutt avgjørende for at jeg kunne ta sjanser.

Positivt resultat Det har gått utrolig mange timer med nesten hver eneste del, det var ikke bare bare for meg! Men tatt alt i betraktning, synes jeg siden er bra,med noen få justeringer å vente.

Jeg har lært veldig mye i løpet av prosessen, jeg har lært mye i løpet av kurset.

Jeg har innsett at det vi har lært kan også vises ved å ikke vises. Det som ikke er til stedet er også viktig - sånn tausheten imellom notene i musikk. Jeg er veldig takknemlig til HiTs DMD-team.

Layouten ble fluid som jeg ønsket meg, og kommer online snart: tatianasouza.com.

Web og informasjonsdesign en av fire moduler i studiet Digital Mediedesign Mitt navn er Anita Nordbrekken og jeg kommer fra Røros. Her jobber jeg som lærer ved Røros Videregående Skole og underviser i medier og kommunikasjon. Jeg har tidligere noe utdanning innen grafisk, illustrasjon og reklame men den digitale verden forandrer seg fort og jeg følte det var tid for å studere mer. Dette nettbaserte studiet har vært perfekt ettersom jeg både kan kombinere jobb, studier og rollen min som småbarnsmor. Her vil jeg presentere min prosjektoppgave i web og informasjonsdesign. Ettersom jeg har et lite firma på si der jeg tar små grafiske oppdrag har jeg valgt å lage en hjemmeside for den.

www.nordbrekkendesign.no Domenet www.nordbrekkendesign.no har hittil ventet og ventet på at eieren skulle få ut fingeren og få et innhold på siden... Og endelig kom muligheten! På grunn av manglende ferdigheter og følelsen av at dreamweaver og koding av nettsteder er et merkelig og uforståelig språk ble det først som en prosjektoppgave i studiet Web og informasjonsdesign at drømmen ble oppfylt.

Ettersom vi i prosjektoppgaven kunne velge å promotere oss selv, ble dette derfor fort valget mitt. I startfasen lette jeg først og fremst på internett etter inspirasjon fra nettsteder til reklamebyrå og grafiske formgivere. Jeg fikk derfor et innblikk i hvordan designere viser fram seg selv men også inspirasjon til innhold og struktur. For å lære av de beste innen webdesign kikket jeg også på mange sider som har fått priser, nominasjoner eller lignende.

For å lage et nettsted er god planlegging utrolig viktig. Man bør faktisk ha det meste klart før jobben i Dreamweaver begynner.

Hvilket budskap og hvilken hensikt skal nettstedet ha? Hvem er målgruppa? Når dette er på plass må designet tilpasses. For min del er målgruppa lokale bedrifter/organisasjoner og privatpersoner. Mitt budksap er å vise hva jeg kan tilby og markedsføre meg som grafisk designer.

Jeg jobbet lenge med å finne en mal jeg ble fornøyd med. Dette innebar både design og struktur. Jeg ønsker å vise at jeg både kan være moderne men også tradisjonell. Designet mitt er nok derfor en blanding av dette.

Jeg er veldig opptatt av at design skal være enkelt og funksjonelt. Elementer må ikke forstyrre hverandre, det må være en god helhet og tilrettelagt for riktig målgruppe. Når det gjelder webdesign er dette ekstra viktig fordi bruker må få et godt førsteinntrykk med en gang slik at han eller hun ikke hopper videre til et nytt nettsted. Informasjon må være lett tilgjengelig og nettstedet må ha en forståelig struktur. Å lage god design for et nettsted tar tid, men det som også kan ta minst like lang tid er å lage den. Man skal strukturere seg selv og sin arbeidsprosess godt og beherske programmer som photoshop og illustrator der foto og grafiske elementer blir laget. Adobe Dreamweaver er det programmet jeg har brukt for å laget nettstedet mitt. Her slipper man å kunne koder, men det er likevel en fordel å følge litt med på hva som skjer i kodefeltet mens man jobber. Det er mange ting å tenke på samtidig så jeg ble derfor meget fornøyd og imponert da jeg til slutt kunne betrakte mitt nettsted og si meg ferdig.

Digital mediedesign, 4:2013

25

Prosjekteksamen, Høgskolen i Telemark, Digital mediedesign våren 2013

WEB/INFO-DESIGN Tekst / layout / foto: Eli Raak Torsholt

“Vi hjelper deg med Arkitektur og design”.

For bedrifter som har behov for for arkitekt -og designtjenester.

I arbeidet med disse nettsidene hadde jeg fokus på å skape en enkel og oversiktlig navigasjonsstruktur.

Jeg har også lagt stor vekt på den visuelle utformingen.

Det er viktig å få på plass virkemidler som skaper en umiddelbar kommunikasjon.

Den umiddelbare kommunikasjonen på et nettsted oppnås best med visuelle virkemidler!

Det har vært utfordrende og veldig interessant å jobbe med å skape nettsider.

Det hjelper lite å ha stor teknisk innsikt, hvis ikke man evner å kommunisere med visuelle virkemidler.

Designet er rett og slett et uunværlig verktøy for å oppnå brukervennlighet og god kommunikasjon!

26

Digital mediedesign, 4:2013

Eg heiter Margrete Lund Skorpen og bur på den vakre øya Stord i Sunnhordland. Det siste året har eg studert Digital Mediedesign. Hausten 2012 tok eg studie Grafisk design og Foto- og bildebehandling.

Våren 2013 har eg studert Web- og informasjonsdesign.

Oppgåve:

Lag ein nettstad med mat som tema.

Idé og målgruppe

Etter å ha vurdert både kvardagsmat, middagar, sunn mat, festmat og alt som er, landa eg på at eg ønska å lage ein nettstad om tapas. Med ein ektemann som er kokk og stadig er på oppdrag er det tydeleg å sjå at tapas er svært populært for tida, og dermed eit godt utgongspunkt for ein aktuell nettstad.

Bygging av sida i Dreamweaver

Sida bygde eg i Dreamweaver. Etter eit halvt år med dette studie har eg gong på gong erfart at nøysam planleggjing og forarbeid er svært viktig for at denne jobben skal gå smidig. Tekst, bilete og logo må liggja klart i ein god mappestruktur, det vert nemleg mykje å halda styr på etterkvart.

Målgruppa er folk flest som er glad i å lage god og spanande mat. Nettstaden inneheld eit knippe måltider som saman gir eit samansett tapas- måltid. Her kan ein også finna kort informasjon om tapas si historie samt finna nyttige lenker til sider knytta til tapas og det å invitere gjester til fest.

Forarbeid i Photoshop og Illustrator

Forarbeidet starta heime på eige kjøkken. Mannen min laga mat medan eg tok bilete og skreiv ned oppskriftene han laga. Vidare behandla eg bileta i Photoshop, laga logo i Illustrator og jobba ned ein strukturplan for nettstaden.

Besøk nettstaden min: http://home.hit.no/~122062/prosjektoppgave/index.html Digital mediedesign, 4:2013

27

www.vindfjell.no En prosjektoppgave i web-og onformasjonsdeign ved Høgskolen i Telemark, våren 2013 av Marte Refsdal Web og informasjonsdesign emnet er i skrivende stund fullført, og dette er min presentasjon av prosjektoppgaven. I prosjektoppgaven min gikk jeg til anskaffelse av et reelt prosjekt, som en del av oppgaven å promotere meg selv som webdesigner. Dette skjedde allerede når vi skrev webanalyse tidligere i semesteret, og jeg valgte likegodt å sende en mail til en av sidene jeg analyserte - www.vindfjell.no. Denne siden var gammel og ikke oppdatert på 7 år. Etter tre oppgaver i Web og informasjonsdesign følte jeg at jeg var istand til å lage noe bedre. Her er en presentasjon av prosessen og resultatet.

PROSESSEN Først og fremst oppfattet jeg det som veldig positivt at jeg tok kontakt med denne nettsiden som ikke hadde blitt oppdatert på flere år. I 2013 har de aller fleste en nettside, og i det minste må man være lett tilgjengelig på nett.

Daglig leder på Vindfjelltunet takket umiddelbart ja til å få hjelp, og jeg fikk møte og omvisning etter kort tid.

Dette er heg veldig glad for, mest fordi det viste seg at 1. Det var deilig å være tidlig ute, og 2. Det var ikke så lett å få til møter i ettertid, da han som driver stedet har veldig mye å gjøre. Jeg tok alle bildene til nettsiden selv ved to anledninger, en på vinteren og en når gress og trær begynte å bli grønt.

Etterbehandlingen av bildene har tatt en del tid, både i forhold til selve bildene, og for å få dem i riktige mål og plasseringer.

Så kommer vi jo til selve byggingen av siden. Det tar tid, og jeg skal ikke nekte for at jeg fortsatt må hente opp nettforelesninger for å huske visse oppsett og regler. Men det blir lettere og lettere, og da blir det også veldig gøy. Jeg har forsøkt å planlegge siden så godt som mulig i forhold til innhold og design. Det var fra starten av viktig for meg å rydde opp i det gamle rotet på den gamle siden. Her var det ikke lett å finne riktige priser eller å forstå hva de egentlig kunne tilby. Så det var bare å sette igang.

28

Digital mediedesign, 4:2013

NETTSIDEN Vindfjelltunet Gjestegaard tilbyr en rekke tjenester. De har overnatting på gjestegaarden, de tilbyr campingplasser, kafeteria, catering, pizzeria, arrangering av bryllup, dåp og konfirmasjoner og de har lokaler til leie, blant annet Vindfjellhallen. Det er derfor mye som kan presenteres, og bør være med. jeg bestemte meg for en hovedmeny og en tilleggs-meny med de “mindre viktige” kategoriene, bestående av Overnatting, Mat&drikke, Arrangementer og Kontakt. I tillegg har jeg laget knapper for bildegalleri, åpningstider, kart, ledige stillinger og booking. Jeg har hele veien tilrettelagt for påbygging der vindfjelltunet ønsker det senere.

Designmessig stod jeg veldig fritt, og jeg har valgt en enkel og nøytral stil på siden. Til tider har jeg tenkt at det er på grensen til det kjedelige, men har holdt meg til tanken om at det enkle ofte er det beste. Det var nyttig og nødvendig for meg å få tilbakemeldinger fra andre. Hjemmesiden skal inneholde mange sider med informasjon og på både engelsk og tysk, og kommer til å bli oppdatert over de neste ukene. Hjemmesiden finner du på denne nettadressen: home.hit.no/ ~113075 Og etterhvert på www.vindfjell.no.

Takk for meg!

Web- og informasjonsdesign Kri sti n C eci l i e Ny hu s seg godt på nett. Alle hovedlinkene er i kursiv, og de er også større enn brødteksten. Elmo, en håndskriftfont, ble valgt som blikkfang og kontrast. Bak det som er skrevet med denne, er det lagt en svak skygge, noe som også er lagt bak alle bilder som ikke er del av galleriene. Til sammen har jeg laget ni sider, inkludert fire gallerisider. Den ene gallerisiden ble utgangspunkt for hele layouten. Så snart jeg var fornøyd med form og farger på den, begynte arbeidet med å fylle resten av nettstedet med innhold, en tidkrevende, men interessant prosess. Bare det å finne fram alle bildene var litt av et arbeid, med over 10 000 fotografier liggende på ulike harddisker.

Utd anning : e ngelsk, t y sk, st at sv itensk ap E -p ost : kc ny hus@ on line. no

Valg av oppgave

I forbindelse med prosjektoppgaven i web- og informasjonsdesign kunne vi velge mellom å lage en side om mat eller en side som skulle profilere oss selv som kunst-

Konklusjon

ner, designer, fotograf eller lignende.

Selv om jeg ikke er profesjonell fotograf, falt valget mitt på sistnevnte. Etter at jeg først kjøpte digitalt speilreflekskamera i 2009, og siden tok modulen Digital foto og bildebehandling høsten 2012, har jeg tatt en rekke bilder, og noen av dem er jeg faktisk ganske stolt av. Å lage en side som skulle vise fram noen av bildene mine, falt derfor ganske naturlig.

ilde B . ette hop, m d hotos lp av o s P n ut hje de men i t ved mme n e a e e s s m g l ti ble . t sa t la en er sat vær et er ulike d i D s å e s r . l n r g l o F asje e o ave t, a n l e e kol kun amw ttsted n e e e r m i D på n S CS ilder b 63

Intensjonen min var å lage et nettsted som best mulig ville vise fram noen av de fotografiene jeg har tatt i løpet av de senere årene, og det synes jeg at jeg har fått til. Takket være at vi har fått lære grunnleggende CSS og snust på CSS3, har jeg nå muligheten til å lage sider med en profesjonell layout. Jeg vil virkelig anbefale dette kreative og inspirerende studiet til alle som kan tenke seg det.

Gjennomføring av prosjektet

Siden hele poenget med siden er å vise fram fotografier fra sin beste side, ville jeg ha en enkel layout som ikke stjeler alt fokus. Jeg er også tilhenger av ryddige og oversiktlige websider som er enkle å navigere. Det endelige resultatet ble som illustrert over og t.h.

Men før jeg kom så langt, prøvde jeg ut ulike fargekombinasjoner og andre fonter. Svart skal være en god bakgrunnsfarge for fotografier, men jeg synes det ble altfor dystert. Derfor falt valget på hvit, som jo også er en nøytral farge, i kombinasjon med gråblå, blå, gull og tre ulike gråtoner. Fonten jeg valgte til brødtekst og linker, er Verdana, en sans serif som egner

De fleste bildene på denne siden ble tatt i forbindelse med prosjektoppgaven i Digital foto og bildebehandling.

Digital mediedesign, 4:2013

29

Tenk deg at du er lærer og skal undervise i kunst- og håndverk.

Dette er et fag du ikke kan noe om. Eller kanskje du er faglærer i dette faget, men er for tiden litt tom for inspirasjon. Dette er situasjonen for mange lærere rundt omkring i landet.

Tenk deg videre at du plutselig kommer over et nettsted som renner over av konkrete, flotte kunst- og håndverksoppgaver som du bare kan printe ut manualer til og sette rett ut i praksis.

På dette nettstedet kan også du bidra med å dele dine gode oppgaver med andre. Ved å gi litt får du et mangfold tilbake!

Her kan du også kjøpe en bok som er stappfull med “Artige tips til KHtimen”.

Er dette bare en drøm tro?

Nei, jeg håper ikke det. Dette er et prosjekt som har ulmet i magen min i mange år. Men jeg har hverken hatt tid eller kunnskaper om hvordan jeg skulle realisere drømmen min. Det har jeg fått gjennom Digital mediedesign. I min grafiske prosjektoppgave utarbeidet jeg et design til boka. Og i prosjektoppgaven i web og informasjonsdesign lagde jeg et nettsted som skal fungere som promotering av boka samt som et supplement til boka.

Prosjektoppgave av Aina Kristensen Digital mediedesign Web og informasjonsdesign Mai 2013

30

Digital mediedesign, 4:2013

Så får vi se da - når jeg får fullført disse prosjektene. Grunnsteinene er lagt - så da er det er bare å bygge videre!

Jeg ønsker deg velkommen til kh-timen.no en gang i fremtiden!

Prosjektoppgave i Web- og Informasjonsdesign Min egen webside

I prosjektoppgaven i emnet webdesign valgte jeg å designe en webside hvor jeg promoterer meg selv som en aktiv kitesurfer. Jeg har holdt på med kitesurfing i 5 år og det er en stor del av mitt liv. Jeg reiser verden rundt på ekspedisjon etter de beste vindforholdene, og tilpasser jobb og studier deretter. På nettstedet ville jeg ha med informasjon om meg selv, actionbilder av kitesurfing, vel som link til sponsorer og kitefilmer jeg har laget.

Målsetting Formålet er å promotere meg selv som en atlet og å fortelle om livet som en aktiv kitesurfer. Det er viktig å tiltrekke seg en stor gruppe seere, slik at man kan gjøre seg kjent innenfor kitesurfingbransjen. Dette er en god måte å promotere egne sponsorer, vel som å tiltrekke interesse fra andre potensielle sponsorer.

Målgruppe Målgruppen for nettstedet er folk over hele verden som har en interesse for kitesurfing. Både de som driver med kiting selv og de som synes det er spennende å følge med på mitt liv som en aktiv kitesurfer. Generelt er nettstedet for de som liker å se på kule kitesurfing bilder og filmer.

Egenvurdering Jeg synes webdesign emnet har vært interessant, men også krevende. Prosjektoppgaven har bestått av mye prøving og feiling, men vi har hatt tilgang til innholdsrike nettforelesninger, samtidig som man får god hjelp underveis fra veilederne. I tillegg finnes det lett tilgjengelige undervisningsfilmer innenfor dette emnet ute på nettet, så mulighetene er uendelige. Jeg har fått en god innsikt i hvordan man bygger opp nettsider, noe jeg er veldig glad for. Jeg er nå stolt over å formidle at jeg kan bygge opp mine egne nettsider helt fra bunnen av.

Av: Malin Amle Digital mediedesign, 4:2013

31

_EKSAMEN

Prosjektoppgave i web, vårsemesteret 2013 _DATO

MAI 2013

Til prosjektoppgaven i modulen “web”, vårsemesteret 2013, fikk vi valget mellom å designe; 1 - En nettside med mat som tema.

2 - En nettside som skal promotere meg selv som kunstner/designer/fotograf eller lignende.

Ett av kriteriene var at alle bildene på nettsiden måtte være tatt eller laget av meg. Jeg har et stort utvalg av illustrasjoner, design og arbeider jeg har utviklet grafisk.

På grunn av dette var dette et lett valg for meg. Til daglig jobber jeg som grafisk designer, og til nå har jeg ingen nettside som promoterer meg selv. Jeg jobber for et reklamebyrå, og vi har vår egen nettside. Det siste året har jeg begynt å designe nettsider på jobb, men alle disse har vært ganske kommersielle.

Gjennom denne oppgaven, ønsket jeg å ta det helt ut i min stil og bruke designelementer som jeg ikke vanligvis kan bruke på jobb. Jeg er veldig glad i sterke, mange og klare farger. I tillegg har jeg en lidenskap for geometri. Alt dette tok jeg i bruk i

32

Digital mediedesign, 4:2013

ANNA DUCROS

BILDET OVER Dette er forsiden på hjemmesiden min.

Bildene fungerer som inngansportaler til utvalgte prosjekter med svart/ hvit, dus hover. I menyen i sidebaren til venstre finner man 10 punkter; om meg, kontakt + 8 utvalgte prosjekter som representerer min portfølje. Jeg har lagt til forskjellige farger på alle hoverene i menyen. Dette har jeg gjort for å legge til litt personlighet. Sitatet jeg har plukket ut, er den eneste boksen som ikke er en link. Jeg valgte meg dette sitatet på forsiden fordi det har vært mitt favorittsitat de siste 5-6 årene. Ved å legge til denne på forsiden, føler jeg at det forteller litt om hvem jeg er og hvordan jeg tenker.

BILDET OVER

oppgaven min og gjorde nettsiden litt mer kunstnerisk og moro enn det jeg er vant til. Nettsiden skulle jo tross alt promotere meg selv.

Jeg har hatt det utrolig moro med å designe nettsiden min. Jeg har ikke gitt meg selv noen hindringer og bare latt alt flyte etter min egen stil, samtidig som å prøve å gjøre nettsiden min moderne og tidsriktig.

Når jeg får kjøpt et domene + hosting, vil jeg definitivt lansere denne nettsiden, og fortsette å legge til prosjekter i portføljen min.

Bildet over viser undersiden “om meg”.

På hver enkelt underside har jeg plassert tekstboksen med den beskrivende teksten på nøyaktig lik plass for et rent og strukturert design. Jeg har definitivt valgt å fokusere på portføljen min, men samtidig vise meg selv og min personlighet med mange farger, men likevel svart/hvitt og strukturert med mye luft. På bildet over ser man hvordan den utvalgte undersiden fremheves med farge i menyen. Hver enkelt underside har sin egen farge. Arbeidene mine har generelt mye farger, i tillegg har jeg lagt til noen fargerrike designelementer.

Dette er min personlige smak.

Edna Hara l

eid ds

Trovane lli Web- og informasjonsdesign I prosjektoppgåva i Web- og informasjonsdesign valte eg å lage ein nettstad frå tunet vårt, Tveit nordre, som ligg langs gamlevegen mellom Etne og Skånevik i Sunnhordland.

På tunet er eit gamalt hus og ein verkstad i tillegg til hovedhuset. Nettstaden er laga for ein framtidig drift av tunet med mykje kreativtet og skaperglede. Me ønsker at verkstaden er levande og at det blir produsert brukskunst og kunst i keramikk og pilflett. I tillegg har me kafé og galleri i gamlahuset på sommaren og det er høve til å overnatta der. Ellers foregår det diverse annan aktivitet.

Eg lot meg inspirera av Petter Stordalen si side www.homeinvest.no. Eg synes denne sida var nyskapande og baud på noko eg ikkje hadde sett før. Nettstaden består av fire lange sider.

Istadenfor å navigere seg bakover i strukturen hoppar ein nedover sida ved hjelp av små navigasjonsknappar. Sida har store bilde, store kontrastar i fargar og bildebruk og dei skrå sidene gir eit uttrykk av dynamikk og bevegelse.

Min nettstad fekk tre lange sider, ein med om oss, og kontaktinfo, ein frå verkstaden og den siste er frå gamlehuset med kafé, galleri og overnatting.

Digital mediedesign, 4:2013

33

“Til deg som ikke tåler gluten” Bakgrunn & målgruppe:

Jeg og to av mine barn har cøliaki, så jeg har valgt å lage et nettsted med erfaringsbasert førsteinfo til nydiagnostiserte cøliakere på jakt etter mestringsnøkler i den nye hverdagen.

Idé:

Nettstedets grunnidé er å være et hjelpemiddel for personer som søker rundt på nettet etter praktisk informasjon om hvordan deres nye hverdag vil bli. Nettstedet skal gi en løsning på hverdagsutfordringer som man ikke får hjelp til på de medisinfaglig baserte cøliaki-sidene på nettet.

Design:

Grønnfargen er valgt for å gi nettstedet et anstrøk av det positive, håpet, det helsebringende. Tittelbanneret forteller i all tydelighet hvem sidene er rettet mot, og den enkle utformingen på nettportalen gir umiddelbar informasjon om hva man finner på dette nettstedet.

Funksjonalitet:

Ved hjelp av ett klikk kan man nå alle undersidene. De tre hoved-undersidene er markert i form av logofotografier med forklarende og klikkbar tekstlogo under.

Bildene er bevisst satt i gråtoneformat for ikke å distrahere fargen vekk fra motivet. Blikkretning og kjønn er også bevisst valgt for å understøtte budskapet om at cøliaki er noe alle kan få, i alle aldre, og at det ikke trenger å være noe negativt. Mentaliteten her er “når en dør lukker seg, åpner det seg en annen”.

34

Digital mediedesign, 4:2013

Produsert april/mai 2013 av Lisa Kara Fröyland på Digital mediedesign, Høgskolen i Notodden Oslo

Web og informasjonsdesign Semir Tahir Internett består av et nettverk der flere datamaskiner er koblet sammen slik at de kan kommunisere med hverandre. Internett er et verdensbasert datanettverk, og ved hjelp av Internett kan man få tilgang til enorme mengder av informasjon i elektronisk form, som for eksempel tekst, lyd, video osv.

Jeg tegner, maler og lager skulpturer. I mange år har jeg greid å samle ganske en stor mengde av arbeid. Jeg har veken vært aktiv til å selge eller utstille dem. Dette gjorde at jeg måtte stanse og produserte flere kunst verk, fordi 1. Jeg har ikke plass i leiligheten.

2. Det koster en del formue å fortsette å drive med kunst, uten å selge.

I flere anledninger har jeg blitt spurte om jeg har en webside hvor jeg viser mine arbeid. Svar har alltid vært nei. Ideen til å lage en webside har begynt å vokse rett etter jeg begynte i webdesign studie i HIT. I alle oppgaver som vi har fått i studien øvde vi på hvordan kan man oppnå ganske gode resultater websider.

Websiden har 8 sider, tre i den horisontale menyen ( HOME, ABOUT og CONTACT). Det er en link i HOME siden orienterer til noen fotografier som et slag tidslinje bilder. Det samme er med ABOUT siden er det en link under et navn MIN SOMMER JOBB. Den fører til noen bilder om min sommer jobb som en tegner. På den vertikale sidemenyen er det en link med navn SE FLERE BILDER i hver side. Disse linkene leder til en nye sider med flere bilder fremvisning. Den vanligste måten å organisere et nettsted på som er hierarki, der informasjonen deles inn i enheter som utdypes nedover i strukturen. Dette er en oversiktlig struktur så lenge de ulike kategoriene fremstår som logiske for brukeren, og kan ofte være et godt utgangspunkt for mer komplekse nettsteder. Jeg har passet på at det skal ikke være altfor vanskelig å finne fram til detaljinformasjonen Mitt overordnede mål var at skape en brukervennlig webside, som alle kan benytte. Når man utvikler en hjemmeside er det veldig viktig at man husker flere ting 1. Bruksvennlighet.

2. Enkel og samtidig oversiktlig

3 Den er attraktiv og fangende

4. Imøtekommende og signalere seriøsitet og troverdighet.

Digital mediedesign, 4:2013

35

Webog informasjonsdesign vår 2013 Kirsten Randers-Pehrson I prosjektoppgaven for dette semesteret, valgte jeg å lage en nettside for å profilere meg som fotograf. Jeg ønsket en nettside som skulle fremheve bildene, ha en enkel design og i tillegg være lett å bruke.

Webdesign er helt nytt for meg og jeg innrømmer gjerne at det har vært perioder hvor pc`en stod i fare for å bli kastet ut av vinduet. Heldigvis ble den ikke det, og jeg kom meg gjennom studiet med mer kunnskap og ikke minst en egen nettside.

36

Digital mediedesign, 4:2013

Tekst, foto og layout: Ingveig Garder

Jeg heter Ingveig Garder og er ei 20 år gammel jente som for tiden studerer Digital Mediedesign på høgskolen i Telemark. Jeg har lenge hatt lyst til å lære meg mer om grafisk design og programmering, derfor var dette studiet perfekt for meg.

Prosjektoppgaven i web- og informasjonsdesign dette semesteret gikk ut på å lage et nettsted hvor vi enten hadde mat som tema eller promoterte oss selv som kunstner/fotograf/designer osv. Jeg valgte å lage et nettsted med mat som tema, nærmere bestemt baking og oppskrifter. Jeg er ganske glad i å bake fra før av, så dette temaet passet meg bra i forhold til å skaffe innhold og bilder til nettsiden.

På nettsiden kunne vi bare bruke våre egne bilder og grafiske illustrasjoner. På grunn av dette startet arbeidsprosessen med en god del baking, slik at jeg at jeg fikk noe å ta bilder av til nettsiden. Etter fotograferingen gikk jeg i gang med å lage selve siden. Det var mye jobb med både designet og oppsettet. Jeg forandret på det utallige ganger, men ble veldig fornøyd med det jeg endte opp med til slutt. Da designet var ferdig var det på tide å bygge siden i Dreamweaver. Dreamweaver kan til tider føles veldig vanskelig og frustrerende å jobbe med, men når man ser resultatene av det man har gjort er det verdt det.

Prosessen fra idé til produkt har vært både interessant og lærerik. Jeg har fått bruk for nesten alt vi har lært dette semesteret. Oppgaven min er ikke perfekt og det er mange ting som kunne vært forbedret, men læreutbyttet jeg har fått av å jobbe med den er uvurderlig.

Digital mediedesign, 4:2013

37

Digital Mediedesign Web og Informasjonsdesign Web og informasjonsdesign er en av fire moduler ved studiet Digital Mediedesign. Denne modulen gir deg mulighet til å lage din egen webside, med ditt eget særpreg. Følelsen av å laste opp og legge ut din egendesignede nettside for første gang, er ganske spesiell. Web arenaen åpner en ny verden for deg og gir deg mange muligheter videre. På ett tastetrykk kan du få lesere/brukere fra både inn og utland. Dette åpner selvfølgelig en ny verden for deg, noe som gjør at du må forholde deg mer kritisk til det du velger å dele med andre, akkurat fordi hele verden får tilgang til ditt materiale.

Som foreleser og veileder ved Digital Mediedesign står jeg ovenfor et fagfelt i stadig endring og utvikling. Dette gjør jobben både utfordrende og spennende. Etter å ha arbeidet flere år ved dette

studiet, vil jeg si at det som kjennetegner studentene ved Digital Mediedesign er deres fantastiske engasjement og motivasjon. Noe som helt tydelig blir synliggjort i oppgavene som blir levert. Jeg føler meg derfor heldig som får lov til å følge hver og en gjennom både oppgaver og dialog.

med studiet. Steg for steg-manualer er gode og lene seg til i starten av året. Nedenfor har jeg tatt med et eksempel på hvordan en slik manual kan se ut.

“Det som kjennetegner studentene ved Digital Mediedesign er deres fantastiske engasjement og motivasjon” Web og informasjonsdesign er en modul der studentene får bryne sine små grå. Vi benytter programvaren Adobe Dreamweaver som kan føles ganske overveldende i begynnelsen. Det er derfor viktig med hjelpemidler for å komme godt i gang

Mari Kolgrov

Nå skal du opprette linkene og linke mellom sidene. Jeg skal vise dere to måter å gjøre dette på.

1. Marker teksten: “Link til side 2“. Pass på at du arbeider i “side_en.html”

2. Nå skal du linke fra “side_to” til “side_en” Gå til html-siden: “side_to”. Marker teksten “Link til side 1”.

Høgskolelektor ved Høgskolen i Telemark.

Underviser ved Digital Mediedesign.

Opprette tekstlinker, linke mellom sidene, samt laste opp.

I denne øvingsoppgaven skal du opprette to websider, som det skal linkes mellom.

Start med å opprette to html-sider. Navnet velger du selv, men jeg har valgt å kalle dem: “side_en” og “side_to”.

Skriv inn teksten: “Link til side 1” og “Link til side 2”. på begge html - sidene. Det er disse tekstene som skal bli linkene på html-siden din.

For å lage linken fra “side_en” til “side_to” drar du fra “point to file-merket” ved å trykke og holde musetasten inne. Dette symbolet finner du nederst på siden. Hold musetasten inne til du treffer “side_to” under Files panelet.

38

Digital mediedesign, 4:2013

Trykk deretter på mappesymbolet nederst i DreamWeaver for å finne “side_en.html”

Eksempler på studentarbeider i modulen web og Informasjonsdesign. Anna Ducros (t.v.) og Anita Nordbrekken (t.h.)

Når du har funnet “side_en” i mappesystemet ditt markerer du den, og trykker OK.

Gjør tilsvarende for de to andre linktekstene, pass på at du linker til riktig side. Nå er sidene linket til hverandre og du kan teste om de fungerer.

Du kan enten teste siden ved å forhåndsvise den i nettleseren. Dette gjør du ved å trykke preview og velge nettleser.

Når teksten blir blå og understreket er linken på plass.

Du kan også laste opp begge sidene til serveren og teste websiden i nettleseren din. Dette gjør du ved å markere begge html-sidene og trykke på den blå pila. Sjekk at du er tilkoblet serveren.

Adressen til siden din vil være: home.hit.no/~studentnr.ditt/mappenavn

Digital mediedesign, 4:2013

39

Fakultet for estetiske fag, folkekultur og lærerutdanning (EFL) Studietilbud på Institutt for forming og formgiving

Du kan finne studietibudene på din mobil/iPad her: http://www.hit.no/nor/HiT/Soeker/Studietilbud/Kunst-og-design eller ved å scanne baksida med Layar app

s

Søknadsfrist: 15. april For spesiell vurdering, forhåndsløfte og realkompetanse er fristen 1. mars.