research-prosjekteksamen web

Her er noen utvalg av nettsider jeg har gjort research på. Jeg skal lage min egen nettside for meg selv som singer/songwriter og jeg har da valgt å sett på artister og andre singer/songwriters nettsider som har  en lignende musikk. Det finnes mange ulike løsninger med designet når det gjelder bakgrunn og plassering av linkene. Det går igjen at bakgrunnen enten er i et 2-dimensjonalt mønster eller et 3dimensjonalt -altså et fotografi. Før jeg gjorde research i det hele tatt hadde jeg tenkt at jeg hadde lyst til å ha et bilde i bakgrunnen så da var det fint å se at dette var en populær løsning.  Jeg skal og designe mønster til bakgrunnen så dette blir en utfordring i hvordan jeg akal sjonglere det med bakgrunnsbilde og et mønster jeg lager eller om jeg må endre det jeg hadde sett for meg.

Når man trykker rundt på linkene på de fleste nettstedene forblir bakgrunnen som den er på alle nesttstedene der det da kommer ny skrift nedenfor hovedbildet. Noen av nettsidene har bedre løsninger en andre. Den nettsiden som er mest lik det jeg hadde sett for meg på min egen nettside er nok alanis morissette sin.Det er en lys og frisk design, men den kunne kansje vært litt mer oversiktlig som vi ser på f.eks Katie melua sin. Cranberries og lene marlin sin nettside er ganske enkel og oversiktlig.  Adele og marion ravn sin ligner litt. Det er jo en smaksak og, men jeg synes personlig disse blir littegrann rotete i oppbygging.

Prosjekteksamen-web

I forbindelse med studiet skal det løses større prosjekt-oppgaver som berører studiets fagområder. Prosjekt-eksamen går ut på å utvikle et prosjekt for en bedrift, en organisasjon eller et prosjektområde som velges av den enkelte student og godkjennes av skolen.

- Sluttproduktet skal være en html eller en Flash presentasjon. Produktet skal i tillegg til å lastes opp på webserver, brennes på en cd/dvd. Cd/dvd skal designes av studenten.obs!(vi skal visst bare designe coveret til cden ikke brenne det over på cd/dvd i følge  lærerne på forumet på moodle)

Jeg har da valgt å utvikle et prosjekt for et prosjektområde. Jeg skal lage en nettside til meg selv som musikkartist. Jeg blir min egen kunde, men jeg skal samarbeide med en fotograf som trengte bilder til sin portefølje og vi skal ha fotoshoot med meg som artist som jeg kan bruke til nettsiden så her blir det litt kundekontakt heldigvis, og gjør prosjektet mer spennende og syns jeg. Dette blir en ting i tillegg til at jeg skal designe hele nettsiden fra bunnen av med både logo, bakgrunn og alt opsett av nettsiden.

Artistnavnet er Birgitta Serine. Det er singer/songwriter musikk innenfor sjangerene akustisk/folk og pop. I sommer blir det innspilling av mitt første album og da passer det veldig bra å få lagd en nettside der jeg kan promotere musikken min, Dette blir et veldig spennende prosjekt og jeg gleder meg til resultatet! Denne uka er det research,idemyldring og ideskissing og håper jeg virkelig finner frem til de beste løsninger og ideer for siden.

-Link til musikk:  http://www.myspace.com/birgittaserine    -en ny sang: http://soundcloud.com/birgittaserin/cant-stop-believing

-lurer på om det er lurt å bruke flash etter at jeg har hørt motanbefalinger mot det på forum..hm. Er jo litt dumt hvis man egentlig ikke kan bruke flash da. Er det noen som skal bruke flash til denne oppgaven?

-Ønsker alle medstudenter masse lykke til med å ta fatt på siste oppgave-eksamen på dette studiet!

Mappevurdering web 2semester

Da er oppgaven levert!

oppgaven:

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.

-Vi kunne og velge å ta med læringsaktiviteter. Så i tillegg til obligene og reflektert dagbok har jeg da valgt å ta med hele 4 læringsaktiviteter i tillegg fordi disse viser mer bredde og det hele bildet av meg som designer.

Jeg har prøvd å lage en nettside som best mulig viser frem meg som designer. Jeg har lagt mye arbeid i bakgrunnen. Designet er veldig organisk med friske farger. Bakgrunnen er på en måte litt abstrakt der den blå halvdelen mot den guloransje kan minne om både hav og sand, eller vinter og høst  eller osgså himmel og jord for den slags skyld.  Jeg har også en kunstnerisk og malerisk design og dette har jeg også fått frem i denne nettsideporteføljen.

Alle fargene i nettsiden er gjennomtenkt. Det er en kald/varm kontrast i tilleg til komplimentærkontrast. Fargene i sirklene går igjen i teksten. Nedenfor er mønsteret. Har lagt inn grå bakgrunn på stage så mønsteret ses tydelig. Mønsteret har jeg tegnet for hånd med tegnebrett og har brukt Pencil tool i flash. Til høyre er mønsteret med bakgrunnsfarge jeg har lagt til og med farvede sirkler.

Jeg har valgt å lage nettsiden i flash fordi det var et naturlig valg da jeg allerede hadde laget bakgrunnen i flash, og resten av elementene i flash.   Jeg ville også øve meg på å lage en nettside i flash siden jeg aldri har gjort det før,siden jeg nå har lært å lage en nettside i både dreamweaver  og notepad++. Jeg så etterhvert på forumet at det ble frarådet å bruke flash siden ikke apple støttet hele flashnettsider i ipad/ipod, men da hadde jeg allerede laget nettsiden i flash og bestemte meg for å fullføre denne da å begynne på nytt ikke var aktuelt,også med tanke på den lille tiden. Men som sagt har jeg aldri lagt nettside i flash og det har vært en god øvelse. Jeg også vil ha mulighet for å kunne bruke denne nettsiden som en portefølje senere , og da vil jeg ha mulighet til å  legge til animasjon som beveger seg.

Jeg valgte å ikke ha noe animasjon nå til mappevurderingen siden jeg ville at nettsiden til mappevurderingen skulle være mest mulig enkel og ryddig samtidig som jeg får frem min design. Dessuten hadde vi og egentlig bare to uker på mappevurderingen, og mye av tiden har også gått til å forbedre på obligene og læringsaktiviteter som jeg har valgt å ta med i porteføljen. Jeg har laget vanlige linker med urladressen til oppgavene og ikke pekere siden oppgaven ikke sier dette.  Ofte er det enkle det beste, også med tanke på tid slik at man får utnyttet tiden på det som er viktig. Jeg er fornøyd mer resultatet mitt, og synes det er en oversiktlig og innovativ side med et friskt design. Den fungerer bra med det den har som formål som er en mappe/portefølje og jeg syns jeg har fått frem min stil som designer på en bra måte.

trykk på bildet for å komme til nettsiden

Mappevurdering web og læringsaktiviteter.

I tillegg til de obligatoriske oppgavene og link til reflektert dagbok kunne vi ta med læringsaktiviteter hvis vi ville  fra dette semesteret. Dette syntes jeg var veldig greit å ha mulighet til siden jeg har lagt ned mye arbeid i disse også, og er greit hvis en vipper mellom to karakterer.

Jeg har øvd meg på design samtidig som jeg har gjort læringsaktivitetene, jeg synes dette har vært en mye bedre og motiverende måte å jobbe på, og prøve å få noe bra enn å bare slenge sammen noe i full fart. Jeg har også da fått øvd meg og utviklet tegneferdighetene i både flash og illustrator. Jeg har lært så utrolig mye som jeg ikke kunne før om adobe programmene. Har også blitt bedre på å reflektere mye mer over valg av design, farger og brukervennlighet.

De læringsaktivitetene jeg har valgt å ta med er disse 4 læringsaktivitene:

Læringsaktivitet 5.1.Bilde/typografi harmoni og kontrast.

I bildet til venstre har jeg laget tekst og bildeelement i harmoni med hverandre ved at de begge er tegnet med samme element og er plassert i symmetrisk.I bildet til venstre derimot er  tekst og bilde element i kontrast med hverandre ved  plasseringen da det blir usymmetrisk ved ubalanse i bildet og kontrast i farge og form til bilde og typografi. Bildet elementet har jeg tegnet i flash med pencil tool.

Trykk en av bildene nedenfor for å se dem i pdf.

Læringsaktivitet 8.2.Peker banner reflektert dagbok:

-Denne har jeg laget med redskapene i flash og med tanke på at jeg ville vise hva jeg er god for når det gjelder design,og ville vise jeg kan lage noe enkelt samtidig som det er elegant og ser profesjonelt ut.  Det gjelder å være kreativ og utnytte de redskapene man har innenfor de begrensninger man har. Har brukt tid på å designe denne for å ha den med på mappevurderingen. Denne har jeg forbedret på og endret på noen ganger med tanke på font og farge.

Læringsaktivitet 7.2.Flash. Pendel animasjon.

-Til mappevurderingen har jeg endret på vingene slik at de er helt synkroniserte. Det har vært mange elementer som er i bevegelse og har vært en utfordring å få alt riktig.

Læringsaktivitet 7.3.bil.start-stopp

-Denne har jeg også lagt til flere elementer som beveger seg en bare bilen for å få en skikkelig tegnefilm følelse.

-Trykk på en av bildene for å se animasjonenene i bevegelse på nettsiden! Der ligger begge animasjonene nederst.

Mappevurdering og endringer på obligene.

Jeg har endret på oblig.08 flash til mappevurderingen. Jeg har lagt inn ny bakgrunn i fotogalleriet slik at den får en egen visuell identitet i forhold til enkelt nettsted. Denne bakgrunnen har jeg laget i flash og har også laget en lignende i illustrator. Bakgrunnen er inspirert av lys og bilde som betyr mye for personen jeg portetrerer i fotoessayet. Sirklene er inspirert av såkalte “lensflair” som er innslag lys som slår inn i kameralinsen.

Her er printscreen av siden. Trykk på bildet for å komme til nettsiden.

Jeg har også endret alle bildene på oblig 07.fotoessay. Jeg har nesten byttet ut alle bildene og redigert de. Bildene var litt for mørke før så jeg har redigert de og og gjort de lysere og økt kontrasten  mer.  Hovedbildet har jeg byttet ut med et som nesten er likt og har potoshopet dette mye nøyere enn det forrige da jeg måtte tegne bakgrunnen hvit og gjorde samme med et portrettbilde. Bildene har jeg presentert i pdfen som en filmrull, dette fikk jeg til å lage i word så da lærte jeg det og

-Trykk på bilde nedenfor for å se alle de nye bildene her slik de er presentert i pdf:

8.2 AS 3.0 peker

Lag en enkel grafikk i format 728 x 90 px i Adobe Flash. Bruk AS 3.0 til å lage en peker til den reflekterte dagbok. Last den opp på din individuelle webserver.

Link der du kan se banneren på oblig.06.enkelt nettsted siden: http://elevarbeid.webstudent.no/dmk1_nettstudier/birgitta_kvelland/design.html

Grafikken jeg har brukt er forsåvidt enkel, men jeg har samtidig fått banneren til å se sofisikert ut allikevel ved å utnytte redskapene man har. Jeg har blitt godt kjent med alle de ulike toolsene i flash. Skriften på arkene er min egen håndskift med penciltool og brushtool.Noen av arkene er transparente og  passer da godt som bakgunn. Dette tok litt tid pga det var tre ulike elementer å gjøre transparente arket ,overskrift i en farge og brødtekst i en annen. Alle arkene er også i egne lag. Jeg har laget en “usynlig” knapp som button symbol. Denne har jeg lagt over banneren min. Og har skrevet inn as3 koden fra videoleksjonen. Her var det veldig vanskelig å se hva som stod og gjorde denne oppgaven unødvendig vanskelig, men har fått skrevet alt riktig til slutt så skal ha gjort det riktig i følge videoleksjonen.

Da jeg laget banneren var jeg inspirert av året som var godt, hva jeg har lært,og hva jeg har feilet på samt hva jeg kan gjøre bedre. Jeg ville gjøre litt mer arbeid i denne læringsaktiviteten enn å bare lappe sammen noe i full fart, selv om jeg godt kunne gjort det siden vi skulle lage noe enkelt. Jeg elsker å lage noe lekent, kreativt og litt nyskapende,det er viktig for meg, men jeg må passe på å ikke gjøre for mye av det gode slik at det blir for rotete eller at elementene krangler etter oppmerksomhet.

Oblig.08 Ferdig resultat

Da er oblig.08 endelig levert! Denne oppgaven har krevet mye når det har vært så mye nytt med Flash.  Håper jeg har forstått alt av oppgaven rett,det har jeg nok. Det som er viktig er at jeg har gjort mitt beste og fått levert i tide. Jeg har også endret på bildene fra fotoessayet for å forbedre dem og for å vise dem hver for seg.

Jeg har tegnet hånden og papirflyet i illustrator tegnet lag på lag med paint brush tool og brukte et tegnebrett, dette anbefaler jeg å tegne med da resultatet blir bedre. Rammen til galleriet og pilene har jeg laget i Flash. Her er reklamebanneren til fotogalleriet. Trykk på den for å komme til nettsiden hvor du så kan trykke for å komme på gallerisiden. På galleriet kan en trykke fra side til side hvor bildene vises.

Trykk på banneren for å komme inn på nettsiden for å kunne se animasjonen som beveger seg,  Banneren ligger midt på nettsiden som en reklame  :

Her kan du trykke på bildet for å komme direkte til galleriet :

God helg alle sammen!

7.3 Bil: start-stopp

oppgaven: Du skal i denne aktiviteten lage en grafikk av en bil. I selve scenen skal du forflytte bilen fra et punkt A- til et punkt B. Bruk Classic tween for å lage mellomposisjonene. I tillegg skal bilen ha en “myk” start og slutt, bruk easing prinsippet til å utføre dette.

Her har jeg brukt classic tween  i mellomposisjonene på den humpete veien. Jeg har  tre ulike animasjoner: bilen,vann som beveger seg og sola. Resultatet  ble vertfall slik at bilen fikk en myk start og slutt også. 

7.2 Pendel animasjon

Du skal i denne oppgaven designe en klokke med en pendel. Animer så pendelen ved bruk av classic tween. Classic tween er en av metodene som er innebygget i Adobe Flash for å utføre mellomposisjonene for et symbol fra en ekstremposisjon til en annen.

classic tween var greit å bruke. Denne aktiviteten brukte jeg lang tid på pga det var så mange detaljer. Jeg har tre ulike animasjoner som beveger seg to klokkevisere og pendelen. Så lenge jeg hadde et punkt å gå utifra gikk pendelen glatt i bevegelsen. Her måtte jeg prøve meg frem litt før jeg fikk det til. Klokkeviseren ble også vellykket. Her beveget de seg sent først men jeg satte opp farten slik at siste og første frame er lik slik at det ikke hopper når det går i loop igjen. Uglen er noe jeg la til som noe ekstra etterpå og denne tok også tid med å prøve å få vingene synkroniserte, så her har jeg ytterligere to animasjoner til en for hver vinge.

7.1 shape tween animasjon

Ved bruk av shape tween skal du lage en flash animasjon hvor geometriske former skal omformes til ditt navn. Shape tween er en av metodene som er innebygget i Adobe Flash for å utføre mellomposisjonene til en grafikk fra en ekstremposisjon til en annen.

Til å begynne med fikk jeg det ikke til fordi jeg laget det altfor komplisert og det gikk ikke an å legge til shape tween når jeg hadde bokstavene i tekstform. Men det gikk med en gang jeg laget bokstavene med brush tool. Det går ikke an å bruke shape tween på symboler visst nok i motsetning til classic tween og motion tween.