Oppgave 5- Formidling

Da er tiden kommet til oppgave 5 i faget web- og informasjonsdesign. Dette er en fast oppgave på alle fagene under digital mediedesign. Hensikten er å sette fokus på læringsprosessen i faglig formidling på blogg.

Jeg har tenkt å ta for meg oppgave 3- Webside 1, der vi skulle lage et nettsted der man presenterte seg selv og en hobby, eller hjemstedet. Jeg valgte å presentere min hobby, og da var det selvfølgelig hageliv som står mitt hjerte nærmest.

Mål og krav til oppgaven:

Minst fire sider med lenker mellom sidene.
Ta med bilder/illustrasjoner.

Mine ønsker for nettsiden:

Informerende om planter som er egnet for sone H5.
Inspirerende i form av å vise frem mine hageprosjekter i form av plantegninger og gjennomføring.
Kort informasjon om meg.

Resultat og gjennomføring

Jeg startet med å skisse opp en struktur for nettsiden der jeg tenkte på tre-klikks "regelen". Så satte jeg med opp en liste over hvilke temaer jeg ville si noe om, og hva jeg ønsket å formidle av innhold på de ulike sidene. Til slutt satt jeg igjen med seks ulike tema som jeg ville legge i navigasjonsbaren i form av: Hjem, min hage, hageplaner, prosjekter, blomster og kontakt. Jeg ønsket et design som fremhevde temaet for nettstedet gjennom illustrasjoner, bilder og fargevalg.

Jeg brukte Dreamweawer til å sette opp selve nettsiden. Jeg startet med å designe en mal som jeg kunne bruke til alle undersidene, med to justerbare felt. Malen inneholdt navigasjonsbaren, bakgrunnen, footer og alle innstillinger for tekst og bakgrunn.

Strukturen for sidene:

Jeg startet med en Wrapper (som omfavnet hele siden) Inni denne plasserte jeg:

Header med navigasjonsbaren. Jeg kunne like gjerne kalt denne navigasjonsbar.

<div id="wrapper">
	<div id="header">
	<div class="linker"><a href="index.html">Hjem</a></div>
	<div class="linker"><a href="Min_hage.html">Min hage</a></div>
	<div class="linker"><a href="hageplaner.html">Hageplaner</a></div>
	<div class="linker"><a href="prosjekter.html">Prosjekter</a></div>
	<div class="linker"><a href="blomster.html">blomster</a></div>
	<div class="linker"><a href="kontakt.html">Kontakt</a></div><br />
	</div>

  Deretter lagde jeg en Maincontent hvor tekst og innhold på sidene skulle stå. Jeg valgte to bokser inni Maincontent, en til bilde og en til tekst.

Til slutt på siden la jeg inn en footer med mitt navn, lenke til min innholdsportal hvor jeg presenterer mine oppgaver og en lenke til studiet.  

<div id="footer"><br />
	<h5 style="color: white;"><a href="http://www.hit.no/nor/HiT/Soeker/Studietilbud/Kunst-og-design/Digital-mediedesign" target="_blank">”Dette er en øvingsoppgave ved Høgskolen i Telemark, Digital Mediedesign”<br />
	</a><a href="http://home.hit.no/~971420/index.html" target="_blank">Min inngangsportal ved studiet. </a>
	<br />©Heidi Strøm Kristoffersen </h5>
	</div>

Jeg lagde et eget SCC  som jeg kalte hoved CSS, her la jeg inn alle føringer for overskrift 1-2-3, linker, scrollbar og lignende. Etterpå lenket jeg til denne i "head" delen av HTML koden. De gangene jeg trengte å gjøre mindre endringer på en side la jeg dette inn under "styles i "head".

Så var det tid for å forfatte tekst og finne frem bilder. Jeg lagde illustrasjonen på forsiden i Illustrator og tilpasset alle bildene i Photoshop før jeg satte dem inn på nettsiden.

Da jeg var ferdig la jeg alle sidene ut på serveren til Høgskolen i Sørøst-Norge.

Resultat:

Jeg ble ganske fornøyd med resultatet, men det er noen småting å rette på. Fargen på teksten i footeren er for mørk, bildelinkene på blomstersiden skal jeg ta bort. Noen bilder har dårlig kvalitet og burde vært skiftet ut. Men jeg er fornøyd med navigasjonen, designet og innholdet og føler at jeg har svart bra på oppgavekravene og mine krav til nettstedet. 

Film Noir

 

 Bahamas, baby!

Det å lage en spillefilm på 3 minutter har sine utfordringer. Film Noir var temaet og oppgaven skulle løses på 3 uker.
 
På digital mediedesign har vi hatt en oppgave i faget film og digital video-emne ved Høgskolen i Sørøst Norge, Notodden. Oppgaven gikk ut på å produsere en kortfilm innenfor sjangeren Film Noir. Det første vi startet med var å skrive en kort synopsis og så få på plass et manus på maks 5 sider. Til hjelp med å skrive manus fikk vi tips om å bruke denne siden:celtx som er greit skriveprogram for manus. Mitt manus ble på tre sider pluss forsiden. Handlingen ble lagt på to locations, hjemme og på et kontor. 

Mål og krav:

- Forståelse for sjangeren Film Noir
- Erfaring innenfor lyssetting for film
- Ta opp og bruke eksterne lydopptak i filmproduksjon

Hva er film Noir? 

Film Noir er en sjanger som ofte forbindes med sterke kontraster i lys og skygge. Handlingen foregår ofte på kvelden eller natten, eller i mørke omgivelser på dagtid. Lys brukes også ofte for å fremheve øyne, og lyskilden plasseres lavt for å skape lange slagskygger. Les om flere sjangertrekk på Mediana.no.
 
I min film har jeg filmet med mitt speilrefleks Canon 550D. Jeg satte innstillingene til sort/hvitt og justerte ned på lysstyrken da jeg måtte filme alt i dagslys, for det var da det passet for skuespillerne. Jeg brukte blenderåpning f 11, for å få grei dybde-skarphet i bildet, og filmet med 25 bilder i sekundet. Utfordringene under selve filmingen var mange, og forarbeidet var viktig. Først måtte jeg rydde plass til filming og planlegge hvor jeg ville at skuespillerne skulle stå og bevege seg. Deretter gjorde jeg opptak for å sjekke lysforhold og bildevinkel. Som skuespillere brukte jeg mannen min og en venninne, jeg måtte også hente inn en barnevakt til å passe ungene mens filmingen foregikk. Det hadde vært kjekt å hatt hjelp med å styre lys og ta opp lyd, men det får være til neste prosjekt.



Her kunne jeg dekket til det store vinduet i enden av rommet.

Redigering og klipping ble gjort i programmet Premiere Pro. Jeg startet med å legge til klippene jeg hadde tatt opp, og gjorde så store begjæringer for å fjerne unødvendige scener. Når den jobben var gjort la jeg til effekter, og justerte Levels på lyset for å skape større kontraster. Til slutt redigerte jeg lydsporet, la til effektlyd og musikk. Jeg prøvde å bruke musikken til å bygge opp stemningen og måtte derfor gjøre mindre justeringer på bildet for å få lyd og bilde til å passe sammen.
 

Erfaringer:

Resultatet ble greit. Jeg manglet litt materiell for å variere mer mellom totalbilde og nærbilde, men hadde flere opptak av samme scene med ulik lengde så der kunne jeg velge det som passet best. Lyden ble tatt opp gjennom kameraet og noen effekter ble tatt opp med en ekstern opptaker. Lyssettingen var en stor utfordring alene. I stuen/kjøkken var det sol ute men det ble veldig jevnt lys uten de helt store kontrastene. På kontoret var det mørkere, men de vinduene som var der ga veldig mye lys, noe som gjorde kvinnen blir veldig mørk mot den lyse bakgrunnen. En større lyskilde hadde også vært fint, da hodelykten jeg brukte gav et lys som var veldig sentrert. Jeg brukte en vinduene som lyskilde og filmet fra motsatt side, i tillegg brukte jeg en lyskilde bak mannen. Det kan fort høres ut som om det meste var pes, men det var faktisk veldig gøy å filme og redigere. Lyssettingen kunne vært bedre om jeg hadde filmet på kvelden, men det ble som det ble. Legger ved noen bilder fra et prøveopptak på kvelden, her er jeg mer fornøyd med lyssettingen.

Her kan du se den ferdige filmen:

 

Oppgave 2- Visuell profil

Da har bloggen min skiftet utseende for en bitte liten stund. I studiet digital mediedesign er nå tiden kommet til web- og informasjonsdesign. I oppgave 2 fikk vi i oppdrag å lage profil til en ny webside og lage en moodboard ved hjelp av en inspirasjonskilde. Jeg fant dette bildet på en nettside og brukte som inspirasjon til mitt moodboard. 

 kilde.

Moodboardet er laget i Photoshop. Jeg lot meg inspirere av fargene, fargekontrastene og blomstene som ga meg ideen for temaet til min nettside. 

Valmuesøstre skulle være en webside som solgte frø, planter og tilbehør til hagen spesielt rettet mot det nordnorske klimaet. Jeg valgte navnet valmuesøstre og blåfargene fordi denne blomsten får spesiell vakker blåfarge her oppe i nord. Jeg valgte delvis sterke farger i designet fordi det skulle samsvare med noen av de sterke fargene man finner igjen på blomstene. Jeg valgte å duse de sterke fargene noe slik at blomsterbildene ble blikkfanget. De lyse gule boksene skulle brukes til symboler som en handlevogn, en enkel sol, og en sol bak en sky, som skulle brukes under blomsterbildene for å gi info om kjøp, og hvilke forhold blomstene trives i som sol eller skygge. 

Her er et forslag som er laget i Photoshop på hvordan websiden kunne sett ut. 

I min blogg har jeg satt inn header og bakgrunn som tilhører denne fiktive nettsiden. Jeg har også endret fargen på fonten i overskifter og navigasjon. Jeg klarte ikke å endre baksiden til den horisontale navigasjonslisten. Denne skulle jeg gjerne hatt gul. Jeg har også valgt fonten Arial i dette dokumentet som samsvarer med valget til nettsiden.  

Gleder meg til å lære mer slik at jeg kan lage en slik side i virkeligheten og ikke bare i Photoshop. 

Gavepapir i Illustrator

Oppgaven jeg nå vil presentere var en oppgave innenfor grafisk design som omhandlet bruk av pen tool, pencil tool og mønsterbygging i illustrator. Vi skulle designe et gavepapir til en selvvalgt målgruppe og presentere dette ved hjelp av Indesign.

 

 

Jeg tegnet mange skisser før jeg endte opp med temaet "Space invaders". Motivet er fra en skog med fjell og trær. Tre rare fugler observerer en ufo som bortfører en hare. I front er et stor hvit flate som kan minne om et romskip, men som også bare kan være en liten ås. Fritt for andre å tolke. Målet mitt var å lage et surrealistisk motiv med store kontraster i form, farge og flater.

Målgruppe: Bokhandlere og andre butikker som selger tegneserier og bøker. Det kan også brukes hos trendbevisste interiørbutikker som liker å skille seg litt ut med noe nytt og annerledes.

Illustrator

Jeg tegnet opp det meste med tegnebrett og pecil tool. Stripene på himmelen ble tegnet med line tool og kopiert flere ganger ved å holde nede alt og dra ut en kopi, deretter trykket jeg ctr + D for å få flere kopier med lik avstand. Romskipet er tegnet med ellipse tool. Her brukte jeg også pathfinder for å slå sammen former. Har jobbet mye med lag og overlapping. Når motivet var ferdig markerte jeg det, og  lagde jeg det om til mønster>Object>pattern>make. Her måtte jeg justere avstander, plassering, og størrelse før jeg trykket ok. 

Du kan lære mer om pencil tool ved å lese et tidligere innlegg på bloggen min.

 

 

Presentasjon

Mønsteret ble skrevet ut på et hvitt A3 ark og brukt til å pakke inn en eske. Satte på grønt bånd for å få en sterk kontrast mot alt det hvite og sorte. Gavelappen ble laget med ufoen som motiv.  Tok bilder av det ferdige produktet ute på verandaen med speilrefleks kameraet mitt.

 

InDesign

Hentet inn bilder og satte tekst til i InDesign. Brukte liggende A4 format og satte inn bildebokser og tekstbokser. La på en skygge bak bildene for å fremheve disse.

 

Egenvurdering

Er godt fornøyd med motivet i forhold til målgruppen. Kunne brukt mer plass på presentasjonen av produktet og heller skrevet informasjon om prosessen på eget ark.

Pen tool i Illustrator CS6, en rask innføring.

Når vi tegner med pen tool opprettes det et Anchor point for hver gang vi trykker på arket. Dette punktet er flyttbart med den hvite pilen som har hurtigtast (A). Når vi tegner kan vi lage rette og buede linjer. De buede linjene har justeringspunkter i tillegg til anchor point. Disse heter handle. Når jeg tegner trykker jeg først på hvit pil, deretter på pen tool. Når jeg så tegner og holder ned Ctrl får jeg opp hvit pil og kan flytte punktene hvis jeg trenger.

 

Tegne rette linjer

Tegne buede linjer

Endre retning på handles

Legg til punkter på en form

Fjern punkter fra en form

Endre rett linje til buet linje og motsatt

Magisk realisme fra Tallin

Et bilde hvor ferieminner forandres til en ny verden. Kanskje slik det en gang var på 1100-tallet, eller slik man ser for seg det var, eller bare en drøm om noe magisk.

 Jeg er som nevnt tidliger, student i Digital mediedesign . Et nettstudie som ligger under Høgskolen i Telemark, Avdeling Notodden. Les mer om det her: Digital mediedesign. Studiet har også en egen blogg blogg. Studiet består av fire moduler og jeg vil her gi en presentasjon av en an mine oppgaver til studiet digital foto, som omhandler fotomanipulering.

Oppgave i fotomanipulering

I oppgaven skulle vi jobbe med foto og fotomanipulering. Det vil si å forandre på et originalfoto slik at det får nytt innhold og betydning, uten å miste utgangspunktet. Det finnes flere retninger innenfor fotomanipulering, og det jeg hadde lyst til å jobbe med var magisk realisme. Gjennom mine tildligere studier innenfor formgivning har jeg stiftet bekjentskap med surrealismen og Salvador Dalì, Rene Magritte, og har fortsatt stor fasinasjon for perioden. I tillegg er jeg en stor fan av fantasy sjangeren. Det norske leksikon forklare det slik: «Et karakteristisk trekk ved fantasy er magiske elementer og bruk av magi som en naturlig del av handlingen. Fantasy-fortellinger er gjerne lagt til en åpenbart oppdiktet verden, ofte befolket med trollmenn, alver, snakkende dyr, ulike monstre og andre overnaturlige skapninger.» (Kilde: https://snl.no/fantasy)

Beskrivelse av oppgaven

Vi skulle planlegge komposisjonen i det ferdige bildet og så ta foto som vi etter på kunne sette sammen. Manipulasjonen skulle bestå av minst tre ulike motiv som vi skulle sette sammen til et bilde. Det var viktig å planlegge bildet i forhold til lys og skygge samt fargestikk. Bildene skulle monteres sammen i Photoshop ved bruk av ulike metoder som markering, masker og kanaler. Magisk realisme var som sagt mitt tema og jeg startet derfor med å tegne skisser på ulike komposisjoner. Uttrykket jeg ønsket å få frem var mystikk, stillhet, magi, drama. Motivet skulle inneholde arkitektur, natur og komposisjonelle virkemidler. Samtidig som jeg tegnet skisser prøvde jeg å sette meg inn i Photoshop og verktøyer som egnet seg for å skape magisk realisme.

Motivvalg og tekniske løsninger ved opptak

Bildet er satt sammen av 4 ulike foto: De tre første er tatt med vidvinkel 10-22mm. DEt siste med standard objektiv 18-55mm.

1.      Hovedmotivet er et tårn fra Tallin. Dette bildet tok jeg på høylys dag i solskinn. Lyset treffer tårnet forfra. f: 8, 1/320s,  ISO 200

2.      Bilde av muren er også tatt i full solskinn og har store lys/skygge kontraster. f:4,5, 1/400, ISO 200.

3.      Døren er i gotisk stil og hentet fra en vegg som var i skygge. f:4,5, 1/200s, ISO 200

4.      Bakgrunnen er en himmel som er tatt senere på kvelden, hjemme i Norge. f: 22, 1/250, ISO 400.

Bildebehandling i Photoshop cs6

1.      Fra bilde 1 har jeg markert tårnet med quick selection tool, og satt det inn på en nytt layer. Deretter er det duplisert og satt sammen med overlapp. Det ene tårnet er skalert ned på størrelse med transform tool. Etterpå har jeg laget et grå/blått lag i samme form som tårnene. Fargen hentet jeg fra himmelen. Dette laget slo jeg sammen med tårnene og brukte Hard light for å endre fargetonen på tårnene slik at den passet bedre til bakgrunnen. Jeg har også lagt til drop shadow og mørknet sidene på tårnet.

2.      Muren er hentet fram ved bruk av quick selection tool og layer mask. Dette var greit da jeg måtte prøve meg litt frem på hvor mye mur og gress jeg ville ha med i bildet.

3.      Døren er klippet ut med lasso tool, deretter er det brukt layer mask for å gradvis «felle den inn i veggen». Har brukt burn tool for å gi skyggeeffekt inni dørhullet.

4.      Bakgrunnen er lysnet litt med exposure og deretter satt inn og forstørret slik at jeg kunne velge et utsnitt.

 Komposisjon:

«Rule of thirds», der tårnene er blikkfanget. Muren danner en linje som leder blikket mot tårnene. Mørk himmel for å fremheve tårnene og skape dramatikk. Ønsket å skape en magisk realisme med litt surrealistisk innhold. Derfor er tårnene i litt overdrevent perspektiv for å skape undring og ha noe som er litt unormalt. Plasseringen av tårnene på en bakketopp, øde og ensomt, fargene som er litt duse, skarpheten i tårnene som fremhever dem, tyder på at dette kan være en drøm som manifesterer seg i vår virkelige verden. Et kjennetegn på magisk realisme.

Egenvurdering

Totalt sett var dette en veldig fin oppgave som jeg koste meg mye med. Jeg fikk øvd meg mye på blending modes som jeg ikke har jobbet så mye med før. Det vanskeligste var å ta fotoene so passet til skissen jeg tegnet. Der lærte jeg at man ikke kan være for detaljert, men sette en grovplan for tema. Resultatet er blitt greit og jeg føler at jeg har fått frem den mystikken og stemningen jeg ønsket. Dette ga absolutt mersmak og det er noe jeg vil fortsette å jobbe med fremover.

Maskering for å endre himmel i Photoshop