Mappeinnlevering web 2.semester
Mappeinnlevering 2. semester var en obligatorisk innlevering der vi skulle samle alle de obligatoriske oppgavene fra dette semesteret (web/digital) på en nettside som skulle inneholde linker til alle oppgavene. Det var valgfritt om vi laget nettsiden i HMTL eller Flash. I tillegg til obligatoriske oppgaver kunne vi valgfritt også legge til læringsaktiviteter / andre arbeider. Mappen skulle designes på en måte som representerer meg som designer.
Her er min digitale mappeinnlevering for 2. semester multimediedesign:
Jeg har kalt den ”Digital portefolio” og den inneholder link til følgende obligatoriske oppgaver fra 2.semester:
- Obligatorisk oppgave 06 – Enkelt nettsted
- Obligatorisk oppgave 07 – Fotoessay (PDF-format)
- Obligatorisk oppgave 08 – Fotoessay (Flash webside basert på fotoessayet i oppgave 07)
- Obligatorisk oppgave 08 – Flash interaktivt banner
- Læringsaktivitet: WordPress nettside www.brunmark.no (jeg gjorde denne i 2.semester i stedet for læringsaktiviteten ”Regnskapsfirma”.
- Læringsaktivitet: Lysbruk i portretter de siste 1000 år (Research + PDF)
- Diverse foto tatt i løpet av studiet som ligger på min Flickr-konto.
Valg av teknisk løsning for mappeinnlevering:
Presentasjonen kunne være i HTML eller Flash og jeg valgte HTML fordi jeg nettopp har jobbet med to Flash-prosjekter i obligatorisk oppgave 08, og trenger mer øvelse i HTML. En annen grunn er at Flash ikke støttes av alle typer devices (f.eks iPad) så det er sannsynligvis viktigere å lære seg HTML enn Flash.
Jeg har for første gang laget en nettside 100% i Photoshop og klippet den opp ved å bruke funksjonen ”slices” og ”save for web and devices”. Det var mye enklere enn jeg trodde, ikke noe stress med alle boksene div’ene som legger seg feil og hopper rundt, slik det gjerne blir når man skal lage en nettside ved å begynne å kode HTML og CSS på et blankt dokument. (Obligatorisk oppgave 06 Enkelt nettsted er bygget på den måten)
Designvalg for mappe:
Jeg er en person som liker sans seriff skrifter best, gjerne geometriske, og gjerne tynne. Jeg liker ren, enkel design, men den må ikke være for kjedelig, kontraster og skarpe farger må få bryte opp, der må være dynamikk. Jeg liker også røffe, scruffy finisher, som for eksempel på fotoessayet/fotogalleriet.
Denne mappepresentasjonen har mange av disse elementene i seg, så jeg vil si at den representerer meg ganske godt som designer. Bakgrunnsbildet er et makrobilde jeg tok av boblene i colaglasset mitt, men jeg synes det ligner på aliens. Jeg liker jordfarger og skarpe farger i kontrast mot svart. Jeg er glad i å fotografere og synes svart er fint som ramme for foto men også ellers i design. Sjakkbrettruter har jeg alltid likt, når jeg var liten ønsket jeg meg svart-hvitt sjakkrutete kjøkkengulv når jeg ble stor. 🙂
Skisser mappepresentasjon:
Arbeid med digital mappe i Photoshop (screenshot):
Arbeid i Dreamweaver (screenshot):
Deilig å ha levert inn mappa mi, da er det bare prosjekteksamen igjen! 😀
Obligatorisk oppgave 08 – Fotogalleri Flash – forbedret versjon
I denne obligatoriske oppgaven (08) skulle vi lage et Flash fotogalleri fra bildene vi tok i obligatorisk oppgave 07 Fotoessay. I tillegg skulle vi lage et Flash banner som skulle plasseres på Enkelt nettsted (obligatorisk oppgave 06) og ved å klikke på dette banneret skulle man komme til Fotoessayet. I forbindelse med mappeinnlevering for 2.semester, har jeg jobbet med å forbedre oppgave 08.
Interaktivt banner i flash
Her er et bilde av det gamle banneret:
Og her et bilde av det nye:
Jeg har tegnet om igjen de tre grafiske elementene, koppen, saksen og kammen med en mer nøyaktig strek og med tynnere stroke. Jeg har valgt å gjøre bakgrunnen lys grå fordi jeg synes det gamle versjonen var veldig skrikende i kontrast mot den svarte nettsiden. Den nye lysegrå ser faktisk hvit ut mot det svarte, men er ikke like skarp å se på.
Se den nye versjonen av banneret nederst på Enkelt nettsted (ny versjon): http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/index.html
Den gamle versjonen av banneret kan du se nederst på gammel versjon av enkelt nettsted: http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/oldsite/index.html
Fotogalleri
Kritikken jeg fikk for det første fotogalleriet mitt var at det var forskjellig stil på banner og galleri. På banneret hadde jeg f.eks tegnede elementer, disse var ikke å finne i fotogalleriet.
Noen skisseidéer til ny utforming av fotogalleriet
I den nye versjonen av fotogalleriet har jeg integrert koppen, saksen og kammen i nederste del av galleriet (footer). De fungerer samtidig som ”hjem” knapp; ved å klikke på dem kommer man tilbake til forsiden.
Jeg har lagt en rad med thumbnails (små kvadratiske versjoner av alle de seks bildene) i footer, ved å klikke på disse kommer man til den store versjonen av bildet. Det ligger også usynlige fremover og bakover-knapper helt til høyre og helt til venstre nederst i de store bildene (rett over den svarte footeren). Disse blir synlige ved mouseover, og man kan klikke fremover eller bakover eller hele veien rundt.
Link til obligatorisk oppgave 08 Fotogalleri (ny versjon):
http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/flash/Fotogalleri_ny_2012.swf
(Til sammenligning, her er den gamle versjonen: http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/oldsite/Flash/Fotogalleri_03_oldversion.swf )
Obligatorisk oppgave 07 Fotoessay (PDF) – forbedret versjon
Som en av de digitale oppgavene fra 2.semester i multimediedesign skulle oppgave 07 Fotoessay også forbedres før mappeinnlevering. Her er litt informasjon om forbedringsarbeidet mitt med denne oppgaven.
Bildene
Ved bytte av pc og overgang til Mac har jeg dessverre klart å miste en masse originalfiler som jeg trodde jeg hadde kopi av på en ekstern disk. De originale RAW-filene til bildene i Fotoessay /Fotogalleri er dessverre borte. Om du som leser dette er glad og fornøyd og har viktige filer og bilder lagret på ett sted – skaff deg en ekstra kopi, lagre alltid to steder! Noen ganger krasjer disker eller man sletter foldere uten å vite det…
Jeg fikk en del tips fra lærer ved første innlevering av obligatorisk oppgave 07 Fotoessay om hvordan bildene kunne redigeres bedre. Men fordi jeg kun har gjenfunnet jpeg-versjoner som allerede var redigert ganske kraftig til en grunge-aktig look med mye konstrast og et grønnlig fargestikk, så var det ganske lite jeg kunne gjøre for å forbedre bildene. Men jeg har gjort et forsøk.
Forside før og etter:
Bildet skulle være helt i svart-hvitt men jeg hadde valgt en desaturert versjon der jeg fjernet alle farger bortsett fra lilla. Den nye versjonen av forsiden er laget i helt svart-hvitt. Jeg har rettet opp bildet som var noe skjevt i forhold til horisonten (bordkanten).
Bilde 1 før og etter:
Kommentar var lærer på at det rosa neonlyset bak henne var forstyrrende. Jeg har duset det ned så godt det var mulig på en jpeg.
Bilde 2 før og etter:
Jeg har redusert det skarpe lyset på hånda hennes.
Bilde 3 før og etter:
Jeg har duset (uskarpet) og mørknet bakgrunnen og skarpet/lysnet henne for å få henne mer fram. Har også croppet bildet tettere for å fremheve at hun er objektet, ikke miljøet rundt henne.
Bilde 4 før og etter:
Jeg har gjort bakgrunnen mer diffus på dette bildet slik at frisøren og kunden kommer bedre fram.
Bilde 5 før og etter:
Jeg har gjort bakgrunnen (speilbildet) ennå mer diffus enn på originalen og en anelse mørkere.
Bilde 6 før og etter:
Lærer kommenterte at dette bildet var for likt bilde to, men jeg har valgt å beholde det da jeg ikke hadde et som var bedre å erstatte det med. Jeg har en tett crop på dette bildet med vilje for å komme nært innpå situasjonen.
Layout på PDF
Komposisjonen på den første PDF-presentasjonen av Fotoessayet trengte mer bearbeidelse spesielt med tanke på luften i mellom bildene. Jeg har jobbet mye med forskjellige muligheter her. En liten utfordring med to bilder i liggende format og fire i stående.
Noen skisser for layout PDF
Jeg er enig med læreren i vurderingen av første versjon og jobbet med å lage en ny komposisjon som hadde fokus på luften i mellom bildene, samtidig som den var mer spennende.
Arbeid i InDesign med ny PDF-layout
En ny variant:
En annen utgave:
Ny versjon som jeg hadde tenkt å levere:
Sammenligning av gammel og (foreløpig) ny versjon av PDF:
Ny versjon som harmonerer bedre med Fotogalleri
Mye senere, etter at jeg egentlig var ferdig med en ny versjon av PDF’en, og hadde laget ny versjon av Fotogalleriet i Flash, så syntes jeg PDF’en og Flash-versjonen ikke harmoniserte nok. Så jeg ville lage enda en ny PDF som stod mer i stil med Fotogalleriet slik det var blitt. Her er skisser til PDF-layout som er laget etter at Fotogalleriet var ferdig:
Jeg har endret fonten fra Karat til Arial som er fonten jeg bruker i flash Fotogalleriet, og gjort mye bruk av svart på samme måte som Fotogalleriet har. Jeg bruker for eksempel samme svarte felt nede på forsiden og samme tekstlayout, men har valgt å beholde sirklene fra forrige versjon, bare at de er svarte og større. Fotonettsider og layout der et foto fyller hele siden synes jeg er veldig flott, og har valgt å gjøre dette her.
Endelig versjon av Fotoessay (hver enkelt side):
Som PDF spread:
Link til ny versjon av obligatorisk oppgave 07 Fotoessay:
http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/pdf/Fotoessay_new_10.pdf
Til sammenligning, her er den gamle versjonen:
https://grymonica.wordpress.com/wp-content/uploads/2012/03/fotoessay_02.pdf
Obligatorisk oppgave 07 Fotoessay
Klikk på forsidebildet ovenfor for å se mitt fotoessay «En frisørs hverdag» presentert som PDF.
Eller klikk her om du vil lese den på ISSU.COM/gmfh.
Og her er bildene mine fra fotoessayet ett og ett:
- Forside
- Mette frisør er full av frisørenergi!
- Farging krever nøyaktighet
- Telefonen må besvares mellom andre gjøremål
- Vask og deilig hodebunnsmassasje er en nytelse
- Sladder med kundene er en viktig del av hverdagen
- Klipp er siste hånd på verket
Rapport om prosessen
I denne innleveringsoppgaven skulle vi lage et fotoessay for portretterte en person. Det kunne gjerne være flere personer med, men en person i hovedrollen. Et fotoessay vil si en rekke bilder som forteller en historie. Vi skulle ta 6 bilder pluss et forsidebilde i svart-hvitt, forsidebildet skulle være tatt i studiolys/kunstig lys, og minst ett av de andre bildene i serien skulle være tatt i naturlig lys (dagslys). Men ellers var det fritt fram for bruk av lyskilder og utstyr.
Personen som portretteres skulle samtykke i at bildene ble tatt og at de kunne publiseres, en kontrakt som gav tillatelse til dette skulle fylles ut.
I forkant har jeg vært hos Mette og sett hvordan og hvor bildene kunne tas. Jeg fant ut at det ville være best å ha ekstra lys i tillegg til blitsen på kameraet og skaffet meg en ekstern Canonblits. Vi diskuterte litt rundt mulige bilder på forhånd og avtalte tid for fotografering. Jeg leste litt om lys, bruk av blits og portrettfotografering på forhånd.
- Veggbilder hos Adam og Eva Strøget
Veggbilde og stil hos Adam og Eva Strøget
Forsidebildet er av en frisørsaks, en kam og en kopp kaffe. Alle tre typiske objekter på en frisørsalong og nært knyttet til Mette siden hun bruker dem hele tiden. Jeg har gjort bildet svart-hvitt med unntak av kammen, her har jeg latt rødfargen være igjen, for at forsidebildet skulle passe sammen med resten av bildene. Jeg prøvde med helt svart-hvitt og det ble ikke fint i det hele tatt. Derfor dette valget her selv om det står svart-hvitt i oppgaven.
Lys og utstyr
Bildet av Mette der hun smiler crazy og skal til å klippe sitt eget hår, er tatt i dagslys utenfor salongen i Strøget. Forsidebildet er tatt med ekstern Canon blits inne i salongen. Alle andre bilder er tatt med kunstig lys innendørs (med og uten blits). Det var vanskelige lysforhold i salongen med mye downlights (spots) i tillegg til store glødelamper (lysepærer uten skjerm) som hang fra taket. Jeg tok bilder både med og uten blits for å se hva som ble best, og skiftet mellom tre objektiver; 18-55mm, 50mm og noen få med 100mm. Brukte også blitsen med og uten en lys plasthette foran.
Belysning hos Adam og Eva Strøget
Lyssettingen i bildene er kunne helt sikkert vært mye bedre, men jeg valgte bevisst å ta innendørs bilder til denne oppgaven selv om dette ikke er det jeg kan mest om. Hittil har jeg tatt mest bilder i utendørs i dagslys, lyssetting og innendørs foto er en stor utfordring for meg og noe jeg vil lære mer om. Skulle gjerne lære å ta bilder med så flott lys som bildet av modellen med det krusete håret ovenfor (som henger på veggen hos Adam og Eva Strøget). Eller som bildet med modellen med det hvite håret, her er det flott dramatisk lyssetting!
Bildebehandling
Denne læringsaktiviteten er en fortsettelse av aktiviteten som heter «Reise – mobil enhet».
Oppgaven var å øve oss på å manipulere og behandle bilder digitalt. Vi skulle ta de tre bildene fra «Reise – mobil enhet»-oppgaven og gjøre som følger:
– Et bilde skulle ha kontrasten mellom lys og mørke justert.
– Et bilde skulle gjøres om til svart-hvitt.
– Et bilde som enten var high-key eller low-key skulle normaliseres.
Siden jeg kjøpte digitalt speilreflekskamera i mars 2010 har jeg tatt utrolig mange bilder, og det er en aktivitet jeg virkelig koser meg med. Jeg har begynt å bruke Adobe Photoshop Lightroom som redigeringsprogram, og synes det er utrolig lett å bruke selv uten å ta tid til å lære det i dybden (noe jeg også planlegger å gjøre etterhvert). Det er nok uante muligheter her som jeg ikke har oppdaget.
Her er resultatet av øvelsen:
1. Flyvindu: Low key bilde som er normalisert. Exposure økt bittelitt (+0,32), fill light økt (76), kontrast litt økt (+9).
2. Reisende i rulletrapp på Charles de Gaulle: Konvertert til greyscale.
3. Ventende på flytoget: Kontrast mellom lys og mørke er justert. Kontrast redusert (-50), redusert clarity (-70), saturation redusert (-36), økt brightness (+74) og lagt på en vignette.
Det jeg gjerne vil lære mer om er avansert fotoredigering både i Lightroom og i vanlig Photoshop. Jeg har akkurat gjort mine første forsøk på å redigere bilder i vanlig fotoshop ved å bruke adjustment layers, filtre osv. Her er det uante muligheter! Veldig spennende! Jeg har derfor lagt til to ekstra bilder som jeg har redigert med Photoshop, før og etter.
På disse bildene har jeg prøvd oppskriften fra fotograf Mette Rasmussen, slik som hun beskriver i bloggen sin her.
-
- Low key bilde – FØR.
-
- Low key bilde – NORMALISERT.
-
- Reisende i rulletrapp – NORMAL I FARGER.
-
- Reisende i rulletrapp – KONVERTERT TIL SVART-HVITT.
-
- Venter på flytoget – NORMAL.
-
- Venter på flytoget – KONTRAST JUSTERT.
-
- Gutt – originalt bilde
-
- Gutt – redigert
-
- Øye – original
-
- Øye – redigert
Lyssetting og valører
I denne læringsaktiviteten skulle vi lyssette og ta bilder av en ballong i eget «hjemmestudio». Vi skulle gjøre en research på studiolyssetting, og finne erstatninger for disse hjemme.
Jeg har forsøkt både med ballong og med sitroner, men har dessverre veldig uegnede lamper hjemme til dette bruk. Men jeg laster likevel opp noen av bildene slik at dere kan se hva jeg har holdt på med. I fjor sommer fikk jeg prøve å ta bilder i et ordentlig fotostudio i Istanbul, da hjalp fotografen meg med å sette opp lamper og softbokser. Jeg skulle gjerne ha prøvd det igjen, men denne gangen ville jeg ha prøvd å stille opp lampene og utstyret på diverse måter selv, for å se hvordan det endret seg.
Skulle gjerne prøve Rembrant Lighting (to lamper eller en lampe + en reflektor) eller typisk portrett lyssetting, tre lamper; hovedlys (key light), sidelys (fill light) og baklys (back light / rim light).
Rembrandt Lighting
Standard lyssetting med 3 lyskilder
Jeg ville helst ha low-key bilder med høy kontrast, og jeg fikk nok til ganske low-key, men kontrasten er ikke så høy som jeg planla. Tror den ville blitt bedre om jeg hadde hatt større og sterkere lamper. Gjorde også noen forsøk med en hjemmelagd reflektor. En plate som jeg limte på hvitt papir på den ene siden og regnbuefarget skimrende innpakningspapir i plast på den andre siden…
Her er noen ballonger og sitroner lyssatt i mitt «studio»:
Jeg skrev ikke opp de forskjellige lyskombinasjonene på de lilla ballongene (de første ballongbildene), men på sitronene gjorde jeg som følger: Bilde 1: Hardt sidelys av kun en lampe. Bilde 2-3: Lys fra én lampe ovenifra, nær og fjern. Bilde 4-5: Brukte hvit reflektor på venstre side. Bilde 6-7: Brukte regnbuesølvfarget reflektor på venstre side. Bilde 8-9: Prøvde å legge inn fill light i tillegg til en lampe og en reflektor.
Tok også et par bilder av en hvit ballong, prøvde å fange fargerefleksjonene mellom ballongen og reflektoren.
Nyttige linker om lyssetting: http://en.wikipedia.org/wiki/Portrait_photography og http://en.wikipedia.org/wiki/Rembrandt_lighting
Lysbruk i portretter de siste 1000 år
Dette er en oppgave fra studiet multimediedesign der vi ser på fotografiet i en historisk sammenheng. Oppgaven gikk ut på å gjøre research på bruken av lys i portretter de siste 1000 årene. Siden fotografiet først kom i bruk i det 19. århundre er dette en reise gjennom kunsthistorien på jakt etter lyset.
Et bilde fra hvert århundre skulle presenteres på den reflekterte dagboken (blogg) og i tillegg skulle vi lage en PDF av alle bildene og laste denne opp på http://www.issuu.com eller et lignende nettsted, for deretter å embedde denne ut på den reflekterte dagboken.
Vi skulle se spesielt etter hva slags lyskilde som er blitt brukt, hvordan lyset skaper form og hva valørene i bildet har å si for formidling av budskapet.
Ps. Det står klart og tydelig på ISSUU at man må ha en bestemt Issuu-plugin for å embedde på Wordpress. Og på WordPress.com leser jeg at det er kun WordPress.org-plattformen som støtter plugins. Fordi denne bloggen ligger på WordPress.com, kan jeg ikke embedde direkte, men legger istedet ut linken til dokumentet på issuu.com. Enjoy! 🙂
Klikk her for å lese dokumentet på Issuu: http://issuu.com/gmfh/docs/lysbruk_i_portretter_de_siste_1000__r
Reise – mobil enhet 2
Vi skulle ta bilder under en reise, på en bil, en sykkel, et tog, et fly en båt eller annen mobil enhet. Vi skulle velge ut tre bilder som viser essensen av reisen og tenke på tema, vinkel og følelser man vil bringe frem.
Tema: Reise – å være på vei
Vinkel: Flytog og flyreise
Følelser: Utålmodighet og forventninger
Det er kaldt å vente på flytoget og morgenen, utålmodighet etter å komme avsted…
Flyturen er også en slags venting, og forventning. Man er utålmodig etter å komme frem, ser utover skyene med forventning.
Endelig fremme på bestemmelsesstedet, men man må fortsatt gjennom tunneller, rullebånd, dører, tog og metro før man er helt fremme. Man er fortsatt på vei, utålmodig, gleder seg…
Gry Monica's hjørne 
Kommentarene