obl.07 Fotoessay

Jeg var mildt sagt uheldig og tolket oppgaveteksten utover det som var lov ved første innlevering. Jeg brukte meg selv som modell, og selvutløser, og ble dermed oppfordret til å finne ny modell, og ikke bruke selvutløser  til forbedringen av oppgaven. Jeg kunne spille videre på ideen min fra første innlevering, og i starten var det også tanken. Modellen jeg fikk var i mammaperm, så det passet bra til temaet «husmor». Siden denne oppgaven skulle ligge til grunn for obl.08 fotogalleri og banner tenkte jeg å jobbe parallelt med begge oppgavene. Men litt uflaks skal en tydeligvis ha. I starten av arbeidsperioden ble jeg syk, så fikk sønnen min vannkopper som varte i to uker, og når jeg da endelig skulle ta bilder av modellen var hun tilbake i jobb. Løsningen ble å ta bilder av henne på jobb, en løsning modellen var mer komfortabel med.

Jeg fikk tatt mange bilder, og hadde fokus på variasjon i utsnitt og vinkler/perspektiv. Jeg ønsket å formidle modellens rolle som butikkdriver/eier, og få frem hennes glede for arbeidet og den lystige personligheten. Lyssettingen er dagslys fra vinduene, ingen bilder er tatt med blits. Bildene ble noe mørke, så jeg har redigert alle til tilnærmet high key med kontrast. Det endelige fotoessayet er jeg fornøyd med, bildene harmonerer, og jeg har fått frem både personlighet og arbeidsrollen.

Her er pdf av bildene:

Fotoessay Arbeidstid med Amalie

Reklamer

Obl.06 Forbedring av enkelt nettsted

Tilbakemeldingen jeg fikk på mitt enkle nettsted var:

  • Banneret burde lages i photoshop
  • Midtstille siden
  • ikke bruke absolute position på alt, men bruke relative
  • ellers var det bra innhold og brukervennlighet

Jeg laget banneret i Photoshop og lagret som png. Ved første innlevering hadde jeg rosa og grå som farger, og jeg følte i etterkant av innleveringen at det ble for jentete i forhold til innholdet på siden. Jeg valgte en gul farge, som både er kjønnsnøytral og frisk, og harmonerer godt med gråfargen. Jeg endret også fonten til «Coupe», en stram og slank font som står godt i stil til det stramme designet på nettstedet. Jeg startet helt på nytt med å lage siden, og jobbet meg systematisk gjennom den. La inn container med relative position og midtstilte den, og la alt innholdet inn i containeren med absolute position. Fotogalleriet midtstilte jeg også for å få en bedre helhet.

Jeg ble anbefalt å teste nettstedet i en w3c validator og der dukket det opp flere errorer, deriblant ulukkede <div id> og manglende «alt». Dette gikk raskt å endre, og etter en ny sjekk i validatoren var der ingen error.

Her finner en nettstedet:

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/

10.1 Nettsted for regnskapsfirma

Oppgaven gikk  ut på å lage et nettsted i wordpress for et fiktivt regnskapsfirma. Minst fire sider som inneholder hva de tilbyr, ansatte, kontaktinfo og nyhetsside. Jeg skulle også gi brukerrettighet til en jeg kjenner som skulle gå inn å legge inne post.

Å få installert dette nettstedet var ikke enkelt da det krasjet med andre arbeider jeg har liggende på serveren, jeg kluddret til passordet og måtte starte på nytt flere ganger. Men når det var ordnet gikk det hele ganske smertefritt. WordPress har virkelig mange muligheter liggende, og mye en kan legge til og kjøpe til som ekstraeffekter. Jeg har løst denne oppgaven på en enkel måte, og valgt å forholde meg til enkle redigeringer av temaet som farge på overskrift og organisering av menyer, legge til flere sider, og endret bilde på hovedsiden. En kollega av meg la til en post under nyheter, men jeg kan ikke se at den ligger der nå, så da får vi prøve igjen:)

Her er resultatet:

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/w/

Oj oj oj!!

Har nå fått utlevert oppgaven til mappevurderingen og prosjekteksamenen. Veldig åpen eksamensoppgave, skal bli spennende å starte på det prosjektet hva det nå enn blir:) Men først skal de obligatoriske oppgavene forbedres, og layout til mappevurderingen lages. Mye å gjøre!

9.1 Layoutstiler-CURB

Denne aktiviteten gikk ut på å utarbeide layout for Curb magasinet sin hovedside på nettet. Fra tidligere var jeg kjent med dette fiktive magasinet siden vi jobbet med layout til magasinet i høst semesteret av dette studiet. Jeg fikk utlevert en mappe med bilder, logo og brødtekst som jeg kunne bruke som jeg selv ønsket. Det som manglet var menyer, noe som er vesentlig å ha med på en nettside. Jeg diktet da selv opp menyer ut ifra hva jeg vil anta et slikt magasin handler om utifra navnet på bladet «Curb» som betyr fortauskant. Menyene jeg laget ble da: Nyheter, Arkitektur, Design, Street Art, Reportasjer, Om oss, Abonner, Kontakt.

Minimumskravet for skisser var 6 stk, der jeg skulle prøve ut symmetrisk, asymmetrisk og kombinasjon av disse. Jeg startet med analoge skisser, men jeg klarer sjeldent å velge ut ifra de, og laget dermed noen digitale skisser også, da jeg føler det er enklere å se hvordan elementene fungerer sammen.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Jeg landet til slutt på skissen nederst til høyre, en asymmetrisk layout, med få elementer hentet fra Curb mappen jeg fikk utdelt, jeg har også lagt til ei linje som ligger på skrå under logoen. Bildet over viser grid systemet jeg tegnet opp etter elementene jeg skulle ha med på nettstedet. Asymmetrisk layout er ikke sentrert, det er en mer dynamisk layout, og er ikke fullt så stramt som en symmetrisk layout. Layouten er ikke lik på begge sider noe som skaper dynamikk, men samtidig skal de ulike elementene spille på lag og ikke skape uønsket ubalanse.

Endelig resultat er lagt ut på mitt enkle nettsted:

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/aktiviteter.html

 

Oblig 08 Flash banner og galleri

Det var deilig å få levert denne oppgaven i tide. Iløpet av de fem ukene jeg hadde til rådighet på denne oppgaven føler jeg mesteparten av tiden har gått med til pleie av sykt barn, trodde en stund vannkoppene skulle være der for godt. Men etter to uker var jeg tilbake på skolebenken, passe stresset. Siden jeg bommet på obligatorisk oppgave 07 Fotoessay måtte jeg ta nye bilder ifølge veileder, jeg kunne bruke de gamle bildene til denne innleveringen, men måtte da bytte ut bildene til mappevurderingen. Jeg så ikke poenget i dette, for dersom jeg hadde laget en layout som passet den gamle fotooppgaven min ville den garantert ikke passe med de nye bildene. Så løsningen ble da å ta nye bilder, redigere de og samtidig utarbeide denne oppgaven. Heldigvis klarte jeg å levere i tide, takket være mamma og pappa som har vært barnevakt noen helger denne perioden.

Jeg har tatt bilder av ei venninde som driver Cosmetique, i bildene ønsket jeg å få frem gleden hun har av å drive butikk, og deler av hennes hverdag som butikk driver. Videre ønsket jeg av banneret og fotogalleriet skulle gjenspeile stilen i bildene, og bildenes innhold. Bildene er gjort betydelig lysere i redigeringen for å gjøre de renere. Det er noe klassisk over bidene, og dette ønsket jeg å ta videre i fotogalleriet.

Fotogalleriet satte standarden for designet av banneret, og jeg ønsket at banneret skulle gi en smakebit på fotogalleriet.

Her er mitt endelige resultat, bær over med designet på nettsiden, det er under oppdatering:)

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/

 

7.3 Bil, start – stop

Dette var en utrolig artig oppgave som virkelig gir mersmak på animasjon! Oppgaven gikk ut på å tegne en bil og få den til å flytte seg fra to ekstremposisjoner, dvs. punkt A (start) til punkt. B (stop). I tillegg skulle animasjonen ha en myk start og slutt noe en får ved å legge til classic tween easing.

Når jeg tenker tilbake på en av de første oppgavene jeg hadde på dette studiet der jeg skulle tegne en bokstav digitalt i Adobe illustrator husker jeg godt hvor stor frustrasjonen var, og jeg hadde vell egentlig ikke troen på at jeg noen gang skulle klare å tegne noe i Adobe programmene. Men nå føler jeg at jeg har fått taket på det, ja det er tidkrevende og et skikkelig pirkearbeid til tider, men samtidig veldig gøy å kunne!

Bilen i animasjonen er tegnet i Flash og convertert til et movieclip. Jeg plasserte bilen i punkt A i frame1, og i punkt B i frame 48. Deretter la jeg til easing for å få myk start og slutt. Klikk på bildet for å se resultatet.