Portfolio – Finish

Her vil jeg presentere nettsiden som er laget til portfolioen for 4.semester og vise dere endringene som er gjort i oppgavene.

Først vil jeg starte med oblig.05 – Illustrasjon og foto. I denne oppgaven skulle jeg lage en reklameplakat hvor jeg skulle koble et produkt produsert før 1970-tallet sammen med en illustrasjon som skulle være inspirert av en selvvalgt epoke. Som produkt valgte jeg Sunlight såpe, og som epoke valgte jeg Jugendstil (1896-1909), som hører innenfor Art Nouveau. Produktet Sunlight har blitt fotografert for å kunne brukes i plakaten, og deretter bearbeidet i Photoshop.

Til min tidligere versjon jobbet jeg med epoken Revival, og hadde laget en illustrasjon av en dame. Til porteføljen har jeg jobbet med et nytt konsept, og en bedre kommunikasjon mot målgruppen. Fokuset har vært på helheten og uttrykket i plakaten. Jeg startet forbedringen med å lage et nytt tankekart og nye skisser.
img003img004

Mitt nye konsept var å lage en illustrasjon av en hånd. Til dette ønsket jeg å bruke min egen hånd som utgangspunkt. Derfor startet jeg med å fotografere hånden min. Nedenfor er bildene samlet i et contact sheet. Du vil også se litt av prosessen med hånden, hvor jeg startet med å live trace den i Illustrator, og derfra jobbet med form og skygge.
Skjermbilde 2013-11-04 kl. 12.12.56Skjermbilde 2013-11-04 kl. 12.13.31Skjermbilde 2013-11-04 kl. 12.13.53Skjermbilde 2013-11-04 kl. 12.14.03

 

Det har også blitt laget et nytt moodboard for Jugendstil, hvor man tydelig ser fokus på kvinnelige figurer, femininitet, eleganse, farger og tydelige streker. Det kan være noe tegneseriepreg over stilen.
moodboard_jug

Font og farge er behold slik som de opprinnelig var, fordi de passer til Jugendstil. Siden jeg har jobbet med et nytt konsept har rapporten blitt forandret en del, også på utseende. Sunlight såpen er gjort noe større og midtstilt. Hånden er hvit, dette for å gjenta fargen fra teksten og Sunlight produktet, samt med inspirasjon fra Jugendstil. Nedenfor vises den tidligere plakaten som først ble levert til venstre, og den nye og forbedrede plakaten til høyre.
Ferdig_plakatFerdig_plakat_NY

Videre ønsker jeg å ta for med oblig.06 – Person, produkt og naturlig lys. I denne oppgaven skulle jeg produsere to utendørs fotografier for en fiktiv reklame kampanje for et utendørs sportstøy merke.I oppgaven skulle jeg fokusere på å fange bevegelse, dette ved bruk av motion blur og motion freeze. Jeg fikk kun lov til å bruke naturlig lys til oppgaven. Programmet Adobe Photoshop kunne benyttet til bilde korrigering.

Sportstøy merke som ble valgt var Craft, og modell var min sporty samboer. Location var Stovner friidrettsbane, og bildene ble tatt med et Canon 7D kamera og 50mm objektiv. Det ene bilde var i portrett format og det andre landskap. De samme bildene blir brukt til porteføljen, siden tilbakemeldingen var god. Jeg har jobbet med det tekniske og med dybdeskarpheten. Rapporten er noe forandret, og utseende er forandret.

I Freeze bildet har personen fått mer fokus og bakgrunnen er noe dempet. Dette er gjort i Adjustment med Saturation -20. I bakgrunnen har jeg lagt til en blur effekt, Gaussian Blur -2.0, for å få bakgrunnen mindre i fokus. Videre har jeg jobbet med å tone ned fargene, så de ikke får all oppmerksomhet. Nedenfor vises det tidligere bildet til venstre, og den forbedrede versjonen til høyre.
foto2freeze_0111

I Blur bildet har jeg også jobbet med dybdeskarpheten, hvitbalansen og highlight. Dette gjort med tanke på tilbakemeldingen. Personen er forandret ved bruk av Adjustment med Lightness -10, brightness -10 og contrast +10. Itillegg til dette har jeg jobbet med curves for å forbedre hvitbalansen. Noen steder, spesielt beina, var det litt for lyst. Bakgrunnen har fått samme blur effekt, og lik saturation innstilling. Nedenfor vil du se den tidligere versjonen til venstre, og den forbedrede versjonen til høyre.
Foto_011blur_011

Over til oppgaven oblig.07 – Åpningstittelsekvens. I denne oppgaven skulle jeg jobbe med et helt nytt program, et program som ikke engang var inkludert i Adobe-pakken jeg kjøpte ved studiestart. Programmet var Adobe After Effects. Jeg lastet ned en prøveversjon for oppgaven. Videre skulle jeg produsere en åpningstittelsekvens for Diamond Awards, som er Noroff sitt årlige event for prisutdeling av studentarbeider. I denne filmen skulle Noroff sine nettstudier presenteres, og Diamond Awards logoen inkluderes. Itillegg skulle jeg finne passende musikk.

Til jobbing med endringer til porteføljen måtte en ny prøveversjon lastes ned, men på en annen maskin. Dette gjorde arbeidet noe mer komplisert. Noroff nettstudier (i starten) hadde tidligere en rød farge, men denne ble for lik logoen uten at den var selve logoen. Derfor forandret jeg fargen til hvit, slik som resten av tekst-innholdet i filmen. Diamond Awards logoen var av dårlig oppløsning, men dette er fikset ved hjelp fra lærer og Google-søk. På slutten av filmen hadde jeg inkludert credit, siden dette var en betingelse for å bruke musikkfilen. Dette fikk jeg dårlig tilbakemelding på, så den er nå fjernet. Ellers er det gjort lite forandring i rapport, men utseende er noe forandret. Under vises det til den nye åpningstittelsekvensen.
http://www.youtube.com/watch?v=ORwOCnzg4F4
Noroff1Noroff2

Tilslutt vil jeg presentere den siste oppgaven oblig.08 – Interaktiv inforgrafisk nettside. I denne oppgaven skulle jeg lage og produsere en nettside med interaktiv infografikk. Jeg skulle videre velge et objekt eller produkt som skulle ha fire ulike design inspirert av fire bestemte stilepoker. Som objekt valgte jeg frimerke, og epokene jeg måtte jobbe med var Abstrakt ekspresjonisme, Swiss, Pop Art og Psykedelisk. Det ble jobbet med å finne et passende domene navn som passet til oppgaven, og deretter ble dette kjøpt.

Tilbakemeldingen på oppgaven fikk jeg en dag før porteføljen skulle leveres, så valget falt på å ikke bruke tid på å forbedre denne oppgaven. Utifra tilbakemeldingene følte jeg selv at det ikke var så mye jeg kunne forandret uten om å bytte ut fargen gul med noe annet, samt fargen på tekst i footer. Jeg ønsket å beholde primærfargene, siden dette var konseptet mitt, og siden det understreker at nettsiden handler om kunst. Webdesign er ikke min sterke side, så jeg var veldig fornøyd med det jeg klarte å oppnå. Det var ønskelig å fokusere på farger og enkelhet. Videre er det ikke gjort noen endring i rapport, men noe på utseende. Under finner du linken til Journey of Art – nettsiden.
http://journeyofart.no
Journeyofart

For å komme til porteføljen min gå til denne nettsiden: www.studioannette.com

– Annette B. D.

Oblig.08 – Interactive Infographics website

The main purpose with this assignment is to produce a website containing interactive info graphics, taking us through some of the style eras from the last 50 years. To achieve coherence, you are to choose a specific object, element or character that is «going on a journey», and changing throughout these style eras. You decide what you want to present. The Copyright Act prohibits the use of material which you have not created and produced yourself. The website must also contain a short introduction on each of the style eras, which are:
– Abstract expressionism
– Swiss
– Pop Art
– Psychedelia

Denne oppgaven handler om skjermbasert design, grafisk design for skjerm, infografikk og informasjons design, brukervennlighet og ulike stilepoker. Jeg skal lage en webside som skal presentere de 4 nevnte stilepokene, og velge en ting som skal forandre seg gjennom disse stilene. Websiden skal inneholde en oppsummering/introduksjon av hver stil/epoke. Oppgavens tidsrom er på 4 uker.

Målgruppen for oppgaven er en profesjonell gruppe av kunder. Dette oppfatter jeg som seriøst, ordentlig og et modent publikum. Det vil bli viktig å skrive profesjonelt og fange målgruppens interesse.

Det vil være viktig at jeg lager designet før jeg starter programmeringen. Videre ønsker oppgaveteksten at jeg skal følge denne planen:
– Uke 1: Planning (overview of assignment, sitemap etc)
– Uke 2: Design (idea, conceptual sketches, wireframing, prototyping etc)
– Uke 3: Development (site structure, coding, interactivity etc)
– Uke 4: Launch (final touch, transfer to server, testing, evaluation, deliver to client, report etc.)

Jeg startet med å lage et tankekart over oppgaven, og fikk skrevet ned mange tanker rundt temaet. Videre laget jeg et tankekart over de ulike stilepokene som jeg skal jobbe med i oppgaven, dette for å lære mer om disse.
Tankekart1Tankekart2
Tilslutt brukte jeg ABC metoden, hvor jeg skrev ned så mange relevante ord som mulig til hver bokstav. Disse idéutviklingsmetodene har vært til stor hjelp i den første prosessen i oppgaven.
ABC metode

– Annette B. D.

Oblig.06 – Idéutvikling og research

I dette blogginnlegget vil jeg presentere noen av mine idéutviklingsmetoder og research.

Som i tidligere oppgaver startet jeg med å lage tankekart og bruke ABC-metoden.tankekartABCmetode

Videre har jeg brukt mye tid på å søke etter bilder under temaene motion blur, motion freeze, running (løpe) og craft. De to første temaene er det jeg skal gjøre og levere i denne oppgaven, et bilde med motion blur og et bilde med motion freeze. Løping er den utendørsaktiviteten/sporten jeg først ønsker å fotografere. Dette på grunn av at jeg bor nære en friifrettsbane, og ønsker å ha første shooten der.

Craft er treningstøyet som det skal bli reklamert for i denne oppgaven, og dette er fokuset. Hvordan få frem dette? Craft produserer høykvalitets tur- og sportstøy, som er tilpasset utendørs aktiviteter og sport. De har egne klær for sykling, løping (som jeg fokuserer på) og ski, for en amatør (aktiv), seriøs (utøver) og proff (elite). Klærne deres er funksjonelle, av god kvalitet, veldesignet, god passform, lett vekt og full av detaljer
moodboard_blurmoodboard_freeze
moodboard_runmoodboard_craft

 

«Hemmeligheten bak Anders Bengtssons oppdagelse etter den anstrengende treningsøkten er at materialet – polyester – ikke blir vått på utsiden og bare absorberer minimalt med fuktighet i fibrene. I tillegg hadde man brukt en veveteknikk som i høy grad bidrar til å transportere fuktigheten vekk og holde huden tørr. Det mest effektive forholdet mellom maskene viste seg å være tre masker utover og to masker innover.

I tillegg til undertøy ble også plagg til neste lag – det absorberende laget – utviklet. De fungerer slik at de transporterer fuktigheten lenger vekk fra kroppen. Det tredje, ytterste laget består av et isolerende plagg som beskytter mot vær og vind uten å sperre fuktigheten fra innsiden inne. Disse tre lagene ble starten på en idé som Craft tok i bruk og utviklet til dagens moderne, funksjonelle tøy.» (http://www.craft.se/no/om-craft/historie.html)

moodboard_foto
I arket over har jeg samlet noen fotografier tatt av tyske fotograf Heinz Kluetmeier og norske fotograf Fred Jonny. Disse to fotografene og deres arbeider har jeg brukt som inspirasjon til oppgaven. Av Heinz Kluetmeier har jeg fått inspirasjon til motion blur bildet, og av Fred Jonny har jeg fått inspirasjon til motion freeze bildet. Jeg har valgt en av verdens mest kjente sportsfotografer (Kluetmeier) og en fotograf som ikke er like kjent, men som har jobbet med mange store merker/kunder (Jonny).

Kilder

http://www.smashingmagazine.com/2008/08/24/45-beautiful-motion-blur-photos/

http://digital-photography-school.com/how-to-capture-motion-blur-in-photography/

http://www.mcpactions.com/blog/2009/09/01/7-easy-ways-to-freeze-motion-with-your-camera/

http://www.craft.se/no.html

fredjonny.com

kluetmeier.com

– Annette B. D.

Oblig.05 – Idéutvikling

Etter mye jobbing med å finne inspirasjonsbilder, og lage moodboards har jeg jobbet med idéutviklingsmetoder, og skisser.

Først har jeg laget tankekart med 4 forskjellige temaer: Sunlight, Revival, Late modern og husmor. Noen har stikkord (tanker og idéer) på engelsk, mens andre norsk.img004

Videre har jeg brukt ABC-metoden og fylt ut så mange ord jeg kan under hver bokstav. Denne metoden er fin for å tvinge hjernen til å tenke annerledes, og på denne måten kom jeg frem til mange nye ord og idéer. Noen engelske ord, men få.
img003

Jeg har brukt noen kilder fra Smashing magazine (se under kilder nederst i innlegget) for å finne inspirasjons bilder av vintage stil og videoer om dette. I denne sammenheng har jeg laget et moodboards over vintage stil. Vintage er et uttrykk som betyr «av fin årgang», og brukes om gamle, edle produkter som lar seg årfeste (vin, bil, klær, design). Når det gjelder klær kan man bruke uttrykket vintage, men mange bruker også retro, secondhand eller brukt/gammel.
vintage

Videre i dette innlegget ønsker jeg å vise mine skisser til denne oppgaven, noen små disposisjonsskisser og noen store skisser med mer detaljer.skisse1skisse2

img004

Kilder

http://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/

http://psd.tutsplus.com/tutorials/designing-tutorials/photoshop-vintage-design/

http://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/

http://no.wikipedia.org/wiki/Vintage

– Annette B. D.

Oblig.04 – Book Design

Design book cover, title page, table of contents and sample pages of the book «Typography from the East». Text, photos and illustrations are given from the writer, so you should concentrate on layout, typography and color. This book contains examples of Asian, Arabic or Indian Typography – you can choose which area you want to focus on. The book is meant for designers in the West who want insight into the expression and design of Eastern typography.

You should only work with typography, colors, and grid, as ways to express your theme. Download files from Noroff.

 

I denne oppgaven skal jeg designe et bokomslag, tittelside, kolofon side,  innholdsfortegnelse, forord og vise eksempler på sider hvor tekst og bilder skal fungere sammen. Jeg må vite om typografiske design prinsipper og metoder, få et innsyn i hvordan det er å jobbe med bok design og utforske typografi, layout og grid.

Jeg har valgt å fokusere på India, og Indisk typografi. Jeg ønsker å lære mer om deres typografi, kultur og historie, og synes det er et veldig spennende og interessant land. Jeg startet med å se gjennom filene som jeg har fått lastet ned fra Noroff. Deretter har jeg sett på bilder fra og om India i Google, og brukt diverse søkeord for å finne inspirasjon til design og layout. Videre har jeg lånt bøker fra mitt lokale bibliotek.

Fakta om India:
Språk: 18 offisielle språk, de største er hindu, urdu, engelsk, punjabi, tamil
Hovedstad: New Delhi
Innbyggere: 1,2 milliarder
Areal: (km2) 3,2 mill
Myntenhet: Rupi
Religion: Hinduisme 82%, islam 12%, buddhisme, 2% sikhisme, jainisme, kristendom 2,3%
Nasjonaldag: 26.januar
– Dyrelivet er mangeartet og rikt.
– India er blant verdens største økonomiske makter, samtidig som landet også er blant verdens fattigste.
– Indisk kultur har blitt eksponert over hele verden, for eksempel gjennom religion, yoga og mat.
– India har det høyeste antall spillefilmer per år, og det produseres om lag 1000 filmer årlig.

Videre har jeg jobbet med å lage moodboards, så langt har jeg laget fire forskjellige. Med fokus på elementer fra alfabetet og skriften, religion og historie, kultur og farger, samt med inspirasjon fra tre bøker som er lånt fra bibliotek.

moodboard_01moodboard_02


moodboard_04

 

moodboard_03

Videre i prosessen har jeg jobbet med idéutviklingsmetoder, slik som tankekart og ABC-metoden. Her har jeg samlet ord om India og typografi, samt annet.

img050img051

 

«Avstand er nøkkelen til god typografi» Eric Gill

Kilder

Rannem, Ø. (2005). Typografi og skrift, Abstrakt forlag.

http://snl.no/hindi

http://snl.no/urdu

http://snl.no/Alfabet_i_India

http://snl.no/India

http://www.kulturstudier.no/fakta-om-india

Oblig.03 – Idéutvikling og skisser

Først i idéutviklingsprosessen har jeg jobbet med ABC-metode og tankekart, dette har jeg gjort for å tømme hodet for tanker og prøve å tvinge hjernen til å tenke på nye ord og idéer:

img050img051

Disse metodene fungerer svært bra for meg. Dette får meg til å tenke gjennom alt som er viktig med prosjektet, og stikkord som man må ta hensyn til med designet og utarbeidelsen. Videre har jeg jobbet med skisser, både små/disposisjonsskisser og større og mer detaljerte skisser, dette til utarbeidelse av logo for Patch to Plate. Fokuset har vært å bruke inspirasjon fra grønnsaker, frukt, vekst, miljøbevissthet og noe barnslig med et morsomt uttrykk.

img052img053

img049img050

 

img049 img050 kopi

Selv føler jeg at jeg har utarbeidet mange gode idéer, som jeg ønsker å jobbe videre med og teste og prøve ut. Jeg håper å kunne bruke et utvalg av frukt og grønt, opptil tre ulike figurer, som passer sammen både helhetlig og fargemessig. Jeg kommer til å jobbe videre med å skape noe som passer med stikkordene «hage», «dyrke», «forbruke», «vekst».

– Annette B. D.