RSS

Månedlige arkiver: juni 2013

WEBM – Web Mappevurdering semester 2

Du skal til denne mappevurdering samle alle arbeidene fra 2.semester på EN nettside. Denne nettsiden må designes på en måte som representerer deg som designer. Siden skal ha linker til alle oppgavene, og link til din reflekterte dagbok.

Jeg har jobbet veldig intens med denne oppgaven, kveldene etter jobb og morningene før jobb. Så det har vært en hard måned og det merkes på kroppen. Men jeg er i mål, og gledeshylet har de fleste fått hørt til nå. Jeg er fornøyd med designet, som reflekterer meg – Jeg elsker farger, uansett om det er sterke eller pastell farger. Jeg liker det lekente, hvor designet kan lekes med og grensene kan tøyes. Litt ut av boksen ville jeg sagt.

Jeg laget meg en nettside via One.com hvor jeg kjøpte meg et domene og valgte et enkelt theme som var stilrent, som jeg kunne leke meg med og endre det slik jeg ville. Jeg startet med research – inspirasjon, deretter skissing av hvordan jeg ville nettsiden skulle bygges opp. Her var det viktig å prøve seg ut, og ikkje gå for det første designet. Når en har mye i hodet som en vil bruke, kan det bli fort krasj og rett og slett for mye for øyet. Her var det viktig å nøytralisere designet.

INSPIRASJON:

inspirasjon

Et oppslag om hva som fanger, og beskrive meg. Flott ikke sant ? Det er enkelt, fargerikt, nøytralt, fengende, kreativt og abstrakt som gjør det spennende.

Brainmap

S-C253-13061810130

Enkelt og det fungerer!Plutselig kommer det frem mye som en ikke ar tenkt på.

Skissing

S-C253-13061812420

Frimerkeskissing. Jeg skisset ned det jeg kunne tenkt meg som et design ned på papiret. Jeg gikk for det nr 4 oppe til høyre, og under side 2, valgte jeg den i midten til høyre. Jeg følte at disse 2 kunne passet til et innholdet jeg ville bruke på nettsiden. Neste steg var å sette igang å tegne i illustrator og i Photoshop.

Analog header skisser:

1:
NEW-FACEBOOK-SKRIFT

2:

Untitled-12

3:

BANNER

4:

Untitled-4

5:

Untitled-13

Her testet jeg mye frem og tilbake. Men, etter mye prøving frem og tilbake endte jeg med nummer 5. Den ville ikke ta for mye av fokuset som de andre hadde gjort, men bli en helhet til resten av designet.

Bakgrunn illustrasjon

1.
BAKGRUNN

2.
8

3.
bakgrunn2

Som du ser tenkte jeg en del på mørke design, hor det andre skulle være i lyse farger. men jeg syntes ikke det fungerte. Det ble en altfor stor knekk mellom designene at det ble et rotete oppsett. Så jeg bestemte meg her for å være kreativ med lyse/pastell farger og leke meg med designet. Derfor falt valget på nr. 3

header 2

1.
aktivitetbanner4

2.
aktivitetbanner23

3.
aktivitetbanner22

4.
aktivitetbanner2N

5.
aktivitetbanner5

6.
aktivitetbanner

Her syntes jeg nr 2 og 5 var de som funket når jeg plasserte andre design i layouten. Var viktig å holde det balanserende. Disse vil bli brukt på aktivitetssiden.

Oblig bilde skisser

bakg2

bakg

OBLIG8

OBLIG7N

OBLIG6

De tre siste ble jeg virkelig fornøyd med. De er forenklet, sterilisert og alikevell gi et godt utrykk for hva det skal
formiddle. Planen er at bildene skal være linket til hver sitt oblig. Jeg har enda ikke funnet ut hvordan dette gjøres..

OBLIGER FØR OG ETTER:

oBLIG 06- ENKELT NETTSTED:

Før :

promstilling 3. jeg ordnet på marginen fra left and rigt til 140 px

Tilbakemelding:

Ikke så spennende design da det følger en viss gammeldags bransjestandard, men du har vist at du behersker noe grunnleggende i kodingen, typografien kan du nok jobbbe mer med, samt at css/HTML videoen viser en feil.

Etter:

111

1

Siden det manglet illustrasjon i innlevert oppgave, valgte jeg å gjøre noe med det. Det er sterilisert ornament etter årstids sesongen som det var den gangen da vi innleverte første gangen. Videoen under CSS og HTML historie er også tatt bort, og erstattet med
bilder, illustrasjon og tekst.

Jeg skulle innerst inne ønske jeg hadde hatt mer tid, men det har jeg dessverre ikke, samt hatt mer kunnskap innen scripting, men det tar lang tid for at den kunnskapen skal sette seg.
Men jeg er fornøyd med det jeg innleverte nå, siden det er en liten oppgradering på det bedre enn hva det var.

Oblig 07 Fotoessay:

Før :

OBLIG 7 før

Trykk på linken for å se:

MMD_Oblig7_HelgaWesterheim_081112

Tilbakemelding

Høy!
Men jeg hadde tatt feil av introbildet, som kun skulle avbilde 1 gjenstand. Resten var småpirk, som midstilt, ta vekk et hjerte, skarphet og grønn kjole istedenfor rød.

Etter:

fotoessay 07 etter

Her valgte jeg å bytte ut 2 bilder, og resten redigerte jeg litt på.

Introbilde:

tok jeg bilde av kun en gjenstand- pensel, som jeg hang opp i et tau.
Jeg ble desidert fornøyd med dette bilde, og det formiddlet hva obligen handler om.
Det ble et klart bilde, som tiltrakk fokuset med en gang.

Kamera innstillinger:

Canon Eos 500d
F-stopp: f/2.8
Eksponeringstid: 1/200 sek
ISO-hastighet: 100
Brennevidde: 43 mm

Bilde 1:

Her croppet jeg bildet bare, slik at symmetrien stemte.

Bilde 2:

endret jeg kun på skarpheten i bildet.

Bilde 3 (epler):

Tonet jeg ned bakgrunnen, som eplene. Her var det for lyst, så dette ble dempet, ved hjelp av macig tool, og derette kontrast verktøyet.

Bilde 4 (som ble byttet ut med bilde 3 fra første innlevering)

Dette er det nye bildet i serien, siden det forrige ikke hang så godt sammen med de andre bildene i serien.
Det nye hvor hun sitter i sofaen ute, viser en glad kunstner. Det viser hennes personlighet.

Innstillinger på bildet:

Canon EOS 500 D
Natrlig lysskilde
f/2.8
eksponeringstid: 1-125
ISO-hastighet. ISO-400
Brenvidde: 35 mm

Redigering:

For å ikke ødelegge bildeoppløsningen tok jeg skarphet til slutt, og Blur tool verktøyet på håret, slik at det skulle se mer naturlig ut. Dette kan være en grie måte å gjøre det på istdenfor å marke det med quick selection tool.
Ellers er det brukt adjustments som kontrast, og vibrance.
Det er ikke forsterket unaturlig , men mer forsterket på klarhet og fokus.

Bilde 5:

Står som det gjor. Dette fordi jeg henger meg ikke opp om hun har grønn kjole på seg istedenfir rød, fordi de andre bilde har rødt i bildene sine. Men i og med at det forrige bildet ikke har rødt i seg nå, valgte jeg at det skulle stå sånn.

Bilde 6:

Her fjernet jeg hjerte, fordi det skapte litt uro i bildet (skjønner ikke hvorfor) men tok rådet deres og fjernet dette i Photoshop. Jeg tok eyedropper tool og fanget opp den rette fargen i bilde rundt hvor hjertet hang. Deretter tok jeg en malepensel og malte over dette. Så skrudde jeg ned opacity i flere omganger,slik at det skulle bli så likt som mulig som resten av bakgrunnen. deretter tok jeg eyedropper på tauet, og tok pensel og malt tauet hvor det manglet. Opacity ble justert i flere omganger her også, samtidig som jeg endre på pensel utseende i mer røffe preg for at det skulle ligne.

Jeg ser nå, at jeg er enig med hva lærerene mente. Det ser mye bedre ut nå, enn hva det faktisk var.

Oblig 08- Flash

Før og nå:

finish

Tilbakemelding:

Teknisk sett var oppgaven i tråd med kravene,men noe rusk.Noen knapper som ikke fungerte, og oppløsningen på bilder var noe dårlig.

Problemstilling Flash:

Friday, 21 June 2013, 13:22 la jeg ut på forum beskrev jeg hva som var galt med Flashprogrammet, altså den slutter å virke hver 2 sekund omtrent. Under ser du hva jeg mener :

90

Etter dette forumet (om jeg hadde fått hjelp) hadde jeg en uke til å rette opp i dette, og få endret det som stod i tilbakemeldingen, og fått forberedet oppløsninger på bilder, byttet ut de bilde som var, endret tidsvarighet på banneren o.l
Men nei.

Jeg har også prøvd å lage selve flashgalleriet fra scratch igjen, men programmet ville bare ikke virke.

Problemløsninger

I og med at lærerene ikke svarte, prøvde jeg å utlye på Facebook om noen var kjente i flash programmet, uten hell. samtidig hørte jeg med en kompis av min sjef som kunne med flash kikke på det. Men han dukket aldri opp… Nå sitter jeg her i dag, og innleveringen er imorgen, fortvilet og sint med å ikke gjort noe.

Problemstilling et enkelt nettsted:

for noen dager siden da jeg skulle vise det ferdige resultatet til min familie, virket det plutselig ikke, når det virket for 3-4 dager før der. Jeg ble fortvilet nok en gang, og prøvde å finne en løsning på problemet. Jeg skrev i forum nok en gang den Tuesday, 25 June 2013, 17:39 med bilder som viste til problemene. Den ville ikke koble seg til serveren/hosten. Se under:

990P

12124

1212

900

Problemløsning

Jeg prøvde å følge instruksjonene og prøvde å endre på ftp innstillinger som kanskje kunne hjelpe når det kom error eller problem med tilgang. Jeg prøvde også lage en ny site hvor jeg la inn root folderen med det samme filene, og koble til. men den gang ei…Jeg sendte også en epost til Nina.
Jeg tror feilen ligger hos noroff, siden jeg har deres server, som er mysql-b.noroff.no. Derfor har jeg valgt å innlevere mapparbeide slik det er med link til bildene til nettsiden , selv om disse linkene ikke akkurat virker nå, vil de virke når serveren er oppe og går igjen.

Innleveringer:

Web – Mappevurdering 2.semester

Oblig 06 – Et enkelt nettsted

Oblig 07 – Fotoessay

Oblig 08 – Flash galleri og Flash banner