Fagformidling i webdesign: Hobbyside

Oppgave
I denne oppgaven, oppgave 3, skulle vi lage en nettside om "min hobby" eller "mitt hjemsted".
Vi skulle presentere oss selv gjennom bilder og tekst, og skulle selv velge hvor private vi ville være.
Vi skulle tenke logisk oppbygging av nettstedet, og organisere presentasjonen på en hensiktsmessig måte.

Kriteriene for oppgaven var som følger:

• Innholdet skulle settes inn i "div'er".
• Nettstedet, siten, skulle inneholde minst fire sider med lenker mellom sidene.
• Alle sidene skulle inneholde bilder/illustrasjoner.
• Det skulle være en link fra siden til hver vår inngangsportal.
• Alle sidene skulle merkes med navn og "Dette er en øvingsoppgave ved Høgskolen i Telemark, Digial Mediedesign", hvor teksten skulle linke til HiT sine sider om digital mediedesign.

Sidene skulle lastes opp på skolens server.


Min løsning
Jeg tok for meg to av mine hobbyer til denne oppgaven, foto og tegning.
Jeg ville holde det enkelt både designmessig og innholdsmessig.
Jeg ville også holde meg selv ganske privat, og kanskje heller litt mystisk, ved å ikke røpe for mye om meg selv personlig, men heller vise fram litt av det jeg driver med, og hva som interesserer meg.

Jeg kikket gjennom undervisningene tilgjengelige på Fronter, og satt meg inn i hvordan CSS fungerte i Dreamweaver. Etter jeg begynte å forstå hvordan det fungerte, visste jeg hvordan jeg ville at mine sider skulle se ut, og regnet på hvor mye plass jeg trengte til hva, osv.
Dette var første gang jeg jobbet med CSS, så det var litt utfordrende, men jeg tok fort tak i det og det tok ikke lang tid før jeg jobbet uten noe særlig problemer. Dette var gøy!

Jeg jobbet med diver, satt inn body, header, maincontent, footer, meny og linker.
Så fort rammeverket var på plass, begynte jeg å jobbe i Photoshop med header og linkbilder.
Jeg ville ha forskjellig farge på linkbildene når man holder musa over, så dette satt jeg inn som rollover image i Dreamweaver etter å ha laget det i Photoshop.

Jeg forandret fonten og fontstørrelsen på alle CSS-reglene, slik at alle tekst på siden ville ha lik font, for å få et mer helhetlig design på siden.
Jeg la også inn streker under linkene i menyen øverst, og over og under footeren, men jeg ser i etterkant at jeg burde ha tatt vekk strekene under linkene når jeg gjorde dette, ettersom det ble litt mye med begge deler.

Jeg valgte ut bildene jeg ville sette inn på siden, og forandret på størrelsen på disse, slik at de passet perfekt inn der jeg hadde laget bokser for de.

Ettersom jeg ikke hadde fått laget inngangsportal på samlingen, fordi jeg ikke hadde mulighet til å være med på den, måtte jeg lage dette også mens jeg jobbet med denne oppgaven.
Jeg bestemte meg for at jeg ville ha "matchende design", og laget linkbilder med rollover image til alt av linker.

Oppgave 3 - Min Hobby:

http://home.hit.no/~103720/MinHobby.html

Inngangsportal:

http://home.hit.no/~103720/

Fagformidling i filmarbeid: Nyhetsoppslag

Jeg har valgt å ta for meg oppgave 7: TV-mediet. I denne oppgaven skulle vi velge å enten ta for oss nyhetsoppslag eller TV-innslag av en type (f.eks. barne-TV, fakta-program, såpeopera, etc.), skrive litt om et oppslag/innslag vi selv valgte, og deretter lage vår egen versjon.
Jeg valgte å ta for meg nyhetsoppslag,  og måtte deretter skrive om et nyhetsoppslag fra mitt distrikt, for så å lage mitt eget nyhetsoppslag som kunne passe til distrikssendingsformatet.

Del 1: Beskrivelse av et nyhetsoppslag fra mitt nærmiljø

Jeg valgte et oppslag fra mitt "gamle" nærmiljø siden vi skulle ta det fra NRK, så det ble fra NRK Østafjells.

NRK Østafjells
Sendt 11.03.2014
Lengde: 2 min. 22 sek. + 17 sek. introduksjon fra studio
Tema: Elever på Nøtterøy setter opp det eneste skolestykket i Norge av Les Miserables
Tittel: Les Miserables
Klipp: 1
Sekvens: 1

Oppslaget starter med et oversiktlig utsnitt av elever som synger fra Les Miserables, og zoomer inn her og der på elevene. Deretter går kameraet til høyre, mot reporter og korskoleleder Kristin Vold Nese ved Kirkens korskole Nøtterøy, og korskolelederen blir intervjuet om oppsettingen av musikalen. Kameraet går rundt på elevene i koret mens korskolelederen snakker, før hovedrolleinnehaver Øystein Fidjeland kommer bort til reporteren og svarer på noen spørsmål.
Deretter går kameraet mot den store gruppen elever igjen, elevene begynner å synge igjen, mens kameraet zoomer inn her og der på elevene, før oppslaget er ferdig og sendingen går tilbake til studio.
Oppslaget er filmet med normalprespektiv og fugleperspektiv, i utsnittene stortotal, total, halvtotal og halvnær.

Budskap: Elever setter opp Les Miserables som skolestykke, og lærer om frihet, likhet og brorskap underveis
Berørte: Elevene på Nøtterøy som er med i stykket, korskoleleder og de som skal se stykket
Konklusjon: Elever skal sette opp et spesielt og interessant stykke, som de kan lære noe av.

Nyhetsoppslag:
http://tv.nrk.no/serie/distriktsnyheter-oestafjells/dkte99031114/11-03-2014#t=7m56s

Del 2: Mitt eget nyhetsoppslag

Jeg valgte et lystig, nesten typisk lokalnytt-tema, nemlig været! Her i København har våren vært på vei en stund nå, så jeg valgte temaet vår. Selvfølgelig ble været vått og grått igjen kort tid etter jeg filmet alt dette, så jeg var heldig.

Jeg planla tema, klipp og intervju før jeg startet, og skrev manus for hva jeg ville legge på senere some voiceover.
Det ble til at jeg filmet mange flere klipp enn jeg planla, og deretter kunne jeg velge bedre mellom hvilke klipp jeg ville ha med i oppslaget.

Jeg har verken ordentlig stativ eller mikrofon med meg hit, dessverre, så jeg festet kameraet på GorillaPod-stativet mitt og ordna det slik at jeg kunne la det hvile på skuldra mi mens jeg holder i et av bena, samtidig som jeg kan se hva jeg filmer. Dette fungerte mye bedre enn håndholdt, men det er likevel litt skjelving, og det beklager jeg.

Mannen min stilte som assistent/reporter, etter jeg fant ut at det ikke fungerte å operere kamera og være så nære det og så samtidig intervjue folk. Så han stilte spørsmål, og tok opp lyd med iPhonen min, noe som fungerte overraskende bra. Jeg er fornøyd med lyden, bortsett fra vindkastene man kan høre her og der. Det har blåst noe vannvittig i det siste (må vel kanskje forvente det her i Danmark), men heldigvis var det ikke så ille i den inngjerdede parken der jeg filmet. Jeg må også beklage filmingen under det første intervjuet, hun hadde allerede blitt intervjuet en gang hvor mannen min holdt "mikrofonen" altfor høyt, så vi kunne ikke bruke det, og når han gjorde det igjen valgte jeg å bare tilte kameraet litt oppover, ettersom hun som ble intervjuet virket litt smånervøs. Mannen min beklager så mye, men jeg bestemte meg for å bruke klippet uansett, siden det var svært få som hadde lyst til å bli filmet den dagen, hehe.
Jeg var også dum og glemte helt å spørre personene vi intervjuet om navnene deres. Jeg informerte dem selvfølgelig om hva filmen var til osv., og fikk tillatelse til å ha de med. Men jeg måtte finne på navnene jeg brukte i oppslaget. Noe å absolutt huske til neste gang!

Klippene av parken er filmet i utsnittene stortotal og total, og klippene av intervjuene er filmet i utsnittet halvnær.
Jeg har brukt Adobe Premiere Pro til å redigere filmen, og har forkortet de fleste klippene under redigeringsprosessen. Jeg har lagt på 10.0 i Contrast som en Brightness & Contrast effekt på alle klippene.
Volumet på reallyden er justert i Premiere Pro, og jeg har i tillegg lagt på DeNoiser på reallyden, og Vocal Enhancer på lyden under intervjuene. Jeg har i tillegg lagt på reallyd fra andre klipp på intervjudelene (med fugler som kvitrer), ettersom reallyden med stemmer og opptaket av intervjuene ikke ble 100% perfekt synkronisert i Premiere Pro. Jeg synes dette fungerte bra.

Mitt nyhetsoppslag:
http://bostream1.hit.no/play.php?vid=15059

Oppgave 6 i Web- og informasjonsdesign: App

I denne oppgaven skulle vi lage og designe en app for en kulturbedrift e.l., ved hjelp av verktøyet Appshed på www.appshed.com.

Jeg valgte å lage en app til galleriet og kulturbedriften Kunsthall Grenland, hvor jeg tidligere jobbet som gallerivakt og nå jobber som kurator for deres prosjektrom. Kunsthall Grenland har et galleri i kulturhuset Ælvespeilet i Porsgrunn, og er direkte knyttet til foreningen Porsgrunn Kunstforening. I galleriet stilles det ut kunstverk fra lokale, nasjonale og internasjonale kunstnere, i tillegg til at det selges utgivelser og kunst av ulike slag. I deres prosjektrom, "Prosjektrommet", vises det film.

Jeg ville lage en enkel og oversiktlig app, med et enkelt design, slik at det skulle være lettleselig og enkelt å navigere seg rundt. Designambisjonene mine var for høye i forhold til det verktøyet Appshed kunne tilby uten at jeg har noe særlig kunnskap i å lage CSS-koder for apper. Dermed ble ikke appen slik jeg originalt hadde tenkt meg, men jeg fikk raskt vendt meg til hvordan verktøyet fungerte og fikk det dermed til å fungere med det jeg hadde.

Jeg har lagt inn 5 tabs slik at det er enkelt å navigere seg rundt uansett hvor man er i appen, og det er alltid lett å vende tilbake dit man kom fra. Jeg har lagt inn flere sider på de forskjellige tabsidene, slik at det er enkelt å komme seg videre til videre informasjon om de forskjellige tingene jeg har valgt å ha med.

Det er ikke bilder på alle sidene, men jeg har laget såpass mange sider at det ville nok kanskje blitt litt mye. Det er bilder der det er naturlig at det er bilder, i forbindelse med utstillinger o.l.

Appen inneholder masse informasjon om Kunsthallen, utstillingene og nyheter i forbindelse med Kunsthallen og prosjekter tilhørende det.
Jeg ville prøve å få appen så lik nettsiden til Kunsthall Grenland som mulig, og har dermed tatt all informasjon, tekst og bilder fra sidene deres.

Webapp: http://apps.appshed.com/191393/
App preview: http://appshed.com/appbuilder/preview/191393 

Kunsthall Grenland sine nettsider:  http://kunsthallgrenland.no/

Magasindesign

Magasindesign for Digital mediedesign

Til denne oppgaven jobbet jeg først med bildet i Photoshop. Jeg bestemte meg for å ha bildet i svart/hvitt og heller ha litt av fargene synlige. For å få til dette jobbet jeg med svart/hvitt lag i Photoshop og tegnet over de stedene jeg ville at fargene skulle titte frem.
Jeg valgte også et utsnitt jeg synes passet bra til en forside med de ideene jeg hadde, og bestemte meg for at jeg ville at klovnen skulle være i midten av bildet.
Jeg forflyttet bildet inn i InDesign etter å ha lagret det, å fant en passende plassering.
Jeg ville ha egne felter for tittel/overskrift og annen tekst. Jeg valgte runde, enkle former som jeg synes passet bra med fontene vi skulle bruke, men som samtidig ga en liten kontrast til linjene som "kommer ut av" overskriften.
Til tekstfeltet nederst på forsiden bestemte jeg meg for å leke med plassering og formen av teksten, og ville spille litt på den runde formen.
Jeg valgte også å ha små biter av tittelen og teksten i samme type farge som jeg har markert i bildet av klovnen, for å nettopp spille litt på de små fargedetaljene i bildet.

Det sammensatte bilde

Magasinforside

Til denne oppgaven valgte jeg å basere temaet til det fiktive magasinet rundt små dekorasjoner innen interiør. Vi har selv mye smått, for det meste brukt, som vi dekorerer med i huset vårt. Jeg valgte å ta bilde av en del av min lille favorittvegg med noen enkle dekorasjoner. Jeg følte dette passet bra til oppgaven med tanke på elementer i bildet, og jeg ville eksperimentere med det å legge til tekstelemente rundt disse elementene i Photoshop.
Jeg føler jeg klarte å kombinere elementene i bildet med tekstelementene ganske bra. Jeg brukte fontene Bodoni, som jeg lastet ned fra www.fontspace.com/category/magazine (til kommersiell bruk), og Century Gothic som er en av fontene på PC'en. Bodoni Italic Bold er en elegant font som jeg synes passer bra til et magasin som er fokusert mindre rundt det moderne, og mer rundt det retro. Jeg synes disse to fontene utfyller hverandre bra, som antikva font og grotesk font. Jeg ville ha en av hver for å skape litt kontrast i lesingen.
Jeg redigerte farger og lys på bildet jeg tok, jeg gjorde det litt lysere og økte kontrastene, samt økte svartfargene og nyanserte hvitfargene i selective color. Jeg manipulerte bort noe skrift på tavlen på veggen og litt overeksponering på lampen.
Jeg satte inn en strekkode for magasin nederst på siden, samt et lite felt for tekst om utgaven.
Helhetlig er bildet både litt rotete, men samtidig oversiktlig, og jeg synes alt henger bra sammen.

Illustrasjon til artikkel

Illustrasjon til artikkel

Jeg har valgt å illustrere det jeg fikk ut av artikkelen så godt jeg kunne. Dette gjorde jeg ved å tegne et barn som sitter i en posisjon barn ofte sitter i når de vil uttrykke at de kjeder seg, og en tankeboble med tegnestifter og pensler som popper ut av barnets hode!

Vignettillustrasjonene tegnet jeg først for seg selv etter å ha tegnet opp barnet, og bestemte meg senere også for å bruke de i hovedillustrasjonen.

Jeg har tegnet alt i Illustrator og valgt et enkelt design for layouten i Indesign.
Jeg har valgt å bruke en antikva font på de største delene av teksten slik at det skal være enklest å lese det på print, og en grotesk font på overskriftene og sitatet for at disse skal skille seg ut.

 

 

 

 

 

Det manipulerte bilde

Walking the dog x 3

Jeg hadde ufattelig mange ideer til denne oppgaven, men valget falt på noe enkelt. Jeg ville personlig ikke lage noe veldig surrealistisk, og de fleste "sprø" ideene jeg hadde, hadde jeg ikke ressurser (av ulike slag) til å lage akkurat nå.
I tillegg ville jeg gjerne ha med litt høststemning i bildet mitt, siden høsten er min favorittårstid.
Jeg har lenge tenkt på ideen jeg valgte, men var usikker på hvordan jeg ville utføre den. Jeg bestemte meg for å bruke ganske dagligdagse motiver (bokstavelig talt dagligdags faktisk, siden motivene ble mannen og hunden min på tur, noe vi gjør flere ganger om dagen)!
Jeg ville bruke dette fordi jeg synes det blir ekstra morsomt når jeg bruker noe så "vanlig", og lager et bilde som ser ganske normalt ut, men som samtidig blir surrealistisk på grunn av manipuleringen. Jeg ville at bildet skulle se så ekte ut som mulig, samtidig som motivene som er manipulert sammen blir til noe surrealistisk.

Jeg valgte nettopp dette stedet for å ta bildet på grunn av veien, og trærne ved siden av veien. De er ikke helt symmetrisk satt opp, men de gir uansett en følelse av retning innover i bildet. Jeg valgte disse plasseringene for at motivene (personen og hunden x 3) skal være det man legger merke til, uten at de trenger å være en stort kontrast til resten av bildet eller ta opp mye plass.
Veien fører deg innover i bildet, og retter fokuset spesielt på motivet i midten av bildet.
Ved å sette de andre motivene i siden av veien, satt jeg de også i det gylne snitt på hver sin side.
For å manipulere dette bildet, la jeg tre bilder i lag oppå hverandre, og markerte områdene jeg ville viske ut med eraser tool, for at bildet/bildene under skulle komme fram. Det underste/bakerste bildet er helt, mens på de to andre visket jeg ut alt bortsett fra personen og hunden.
Deretter la jeg lagene sammen til et bilde, ved å utføre flatten image, før jeg begynte å redigere farger osv.
Jeg brukte masker til å redigere lys, farger, kontraster og filter. Jeg la på et varmefilter, siden jeg føler dette passer bra til høstbilder. Deretter justerte jeg på fargene slik at magentafargen kom litt bedre frem i bildet, og jeg valgte å få frem svartfargen litt bedre i selective color.

Workshop

Bokomslag

Gavepapir og merkelapp

Gavepapir og merkelapp

Jeg printa ut to forskjellige versjoner av papiret, med litt størrelsesforskjell på mønsteret.
Jeg var veldig inspirert av kunstneren Alfons Mucha til dette prosjektet, med fargene og de blomsterlignende mandalene.
Dessverre ble gavelappen i litt feil farge da jeg printa ut (jeg regner med dette skjedde fordi jeg printa denne ut på datamaskinen på jobb, som ikke hadde Illustrator).

Det iscenesatte bilde

Thinking About Death

Til denne oppgaven valgte jeg bildet Thinking About Death av Frida Kahlo. Jeg hadde utrolig mange ideer til denne oppgaven, og mange bilder jeg vurderte, men endte til slutt opp med dette. Frida Kahlo er en av favorittkunstnerne mine, jeg har alltid vært veldig fascinert av maleriene hennes. Siden hun for det meste malte surrealistiske/merkelige bilder som det ville vært ekstremt vanskelig å få iscenesatt nogenlunde likt, valgte jeg Thinking About Death fordi det er et forholdsvis "enkelt", men samtidig veldig spesielt, maleri. Det er både fargerikt og dystert på samme tid, noe som man ofte ikke forbinder med hverandre, men som ofte går igjen i maleriene til Frida Kahlo.
Kahlo satte spørsmål ved og uttrykte mye i maleriene sine, og får titterne ofte til å tenke litt over hva som egentlig skjer i bildet, og hva som ligger bak det.

Jeg valgte å arrangere mitt bilde som Kahlo sitt, så godt som jeg kunne. Jeg hadde egentlig tenkt til å ta et selvportrett, men fant ut at jeg heller ville bruke en mannlig modell, dette for å hinte til Kahlo som en kunstner, med tanke på hennes lek med det feminine og maskuline gjennom kunsten hennes, og hennes personlige bakgrunn.

 Bildet mitt er tatt med lukkertid på 1/60, blender på f4 og ISO på 3200. (Det var litt vanskelig å lyssette, fordi jeg ikke har noe profesjonelt lysutstyr av noe slag, og lampene våre er heller ikke de beste (ikke har vi taklampe, heller).
Om jeg kunne, hadde jeg nok kjøpt inn litt bedre lys, samt litt flere effekter/rekvisitter for å gjøre bildet enda bedre, men det hadde jeg dessverre ikke mulighet til nå.)
Utsnittet, posituren og "skyggeleggingen" stammer fra originalbildet. "Døden" på dette bildet har jeg tegnet digitalt, for å sette et litt mer "moderne" preg på mitt bilde, noe bakgrunnen og det lille man ser av tatoveringen på modellens brystkasse også gir hint av.

Logo-profil

Facebook-profil

Jeg synes dette var en morsom oppgave, som førte med en god del frustrasjon for en som ikke har rørt Illustrator på 6 år!
Jeg valgte å ha et enkelt, tegneserielignende design på min egen profil, som forteller om en liten del av livet mitt.
Jeg brukte pen tool til å illustrere meg selv og en av de tingene som opptar en god del av tiden min - nemlig hunden min. Pen tool er nå både min beste venn og verste fiende i Illustrator, siden jeg synes det er utrolig morsomt å holde på med, men samtidig frustrerende og tidkrevende. Men dette var en fin måte å begynne og øve på, og jeg vet at jo mer jeg gjør dette jo lettere blir det.
Jeg brukte også ellipse tool og live paint bucket, og prøvde meg fram med en del andre ting, men kom frem til at jeg likte det best enkelt og stilisert.
Hadde jeg hatt litt mer tid (jeg har ligget syk med hals- og bihulebetennelse en stund, og derfor ikke hatt stort med energi til å gjøre stort annet enn å slappe av), så hadde jeg nok gjort litt mer ut av det, men jeg er fornøyd med dette for nå!

Signalbygg

Porsgrunn Rådhus

Jeg valgte Porsgrunn Rådhus som mitt signalbygg siden dette er et bygg hvor det skjer utrolig mye. Porsgrunn er mindre by med mye kulturliv, og mye av dette skjer rundt, foran og i denne bygningen. Den årlige teaterfestivalen PiT har åpningsshowet sitt foran rådhuset, det er til stadighet konserter holdt der, samt både mat- og bruktmarkeder. I tillegg er det teatersaler inne i selve rådhuset hvor det blir fremvist forestillinger.
Og for å bemerke det tydelige, så er dette et bygg hvor en del av fremtiden til det nærmiljøet blir diskutert og bestemt.

Disse bildene ble tatt på kvelden, ettersom jeg synes bygningen er finest på kveldstid på grunn av den nydelige belysningen av bygget.

Dokumentarisk blikk
Dette bildet er tatt med vidvinkel på 24mm brennvidde, ettersom det er et stort bygg. Siden det er tatt på kvelden er det tatt med forholdsvis høy ISO, 2000, og med lenger lukkertid på 1/25 og lav blender på f2.8 slik at belysningen ble tatt opp på det jeg ser på som finest måte.
Det er tatt rett forfra med sikt over området foran for best mulig oversikt over området på en dokumentarisk måte.

Estetisk blikk
Dette bildet er også tatt med vidvinkel brennvidde på 24mm. Det er tatt med ekstra høy ISO på 6400 for en ekstra kornete effekt, noe jeg personlig synes er fint på visse bilder. Det er tatt med medium lang lukkertid på 1/60 og litt høyere blender på f4.0 for litt mer oversikt.

Jeg valgte å ta bildet slik at vidvinkelperspektivet forvrengte bygningen litt og ga mer oversikt over den mørke himmelen over bygningen, slik at bygget ser litt mindre ut, men fortsatt ganske mektig.

Oppstartsoppgave

Oppstartskiwi

Ekspresjonistisk foto

(Gode eller dårlige) nyheter

En postkasse kan forbindes med mye. Som regel kommer den med nyheter. Noen viktige og noen uviktige, noen som betyr mye og noen ubetydelige, noen gode og noen dårlige. Av og til kan den komme med nyheter som forandrer livet ditt.

Formalistisk foto

Fanga lys

Lys fanga innen geometriske former, som en geometrisk form. Sirkler omgir en sylinder, som holder lyspærene og tre rette stolper.

Diptych

Sykdom

Med denne diptychen vil jeg beskrive hvordan hverdagen til en kronisk syk som er mye sengeliggende ser ut.
Når man er kronisk syk og ikke har mulighet til å delta i hverdagen, i andres hverdager og i samfunnet på den måten man vil, føler man seg så liten, som om man ikke synes. Det føles som om man er gjemt bort og at man ikke får blomstret opp til å bli stor og sterk og stikke ut av mengden og bety noe for det rundt deg. Man ligger og stirrer endeløst i taket og har all tid i verden til å tenke.
Men man håper at man en dag vil få muligheten til å blomstre opp til å bli sterk nok, og derfor ser man alltid fremover, og oppover, for de mulighetene som vil komme.

Introduksjon

Heisann!

Dette er en blogg for mine arbeider som jeg lager og jobber med under studiet Digital mediedesign ved Høgskolen i Telemark.
Dette første semesteret tar jeg modulene Digital foto og bildebehandling, og Digital grafisk design, og for øyeblikket er det arbeider fra disse jeg jobber med.

Følg med!

Test

Testing, testing, testing, testing!