Semesteroppgaven: Ideen.

En av de viktigste delen med semesteroppgaven er at du har en ide som du tror kommer til å fungere og som du tror at kommer til å klare å gjennomføre.

Selv har jeg tenkt til å lage en Fotovideo som viser frem forskjellige steder i Oslo som du burde besøke. dette gjelder da museer, kinoer, kjente bygg, parker og andre steder. Dette vil være del 1 av videoen. del to vil inneholde bilder av fine og populære kafeer, restauranter, barer klubber og andre utesteder.  Begge delene vil i tillegg til bilde av stedene inneholde litt informasjon om stedet.

Jeg vil i tillegg til dette lage en logo som skal være en del av profilen til selskapet som har laget videoen. Hvis jeg har tid så vil jeg også lage en reklameplakat som skal reklamere for at du kan gå inn å se på videoen og se på alt du kan oppleve i Oslo.

Adobe Xd: lage prototype på app

Vi har nå fått oppgave å lage en prototype på en App for en Smartelefon eller prototype på nettside for Datamaskin/Nettbrett/Mobil.

Jeg valgte da å lage en  prototype på en app.

Ideen:
Jeg satt litt å tenkte før jeg bestemte meg for å lage en app for digitale resepter.  Ideen med denne er at du skal ha muligheten til kunne se på alle reseptene du har og når de går ut. Du skal også ha muligheten til å Hente ut nye medisiner ved bruk av E-resepter, hvor du bare skriver inn navnet på medisinen, klikker på hent ut medisiner og så for du varsler når de kan hentes.

Arbeidet:
Jeg startet med å tenke ut hvordan appen skulle se ut. Det viste seg etter hvert at ting tok lenger tid en forventet. En av grunnene til dette var fordi jeg endret på ting for at det skulle bli fint og enkelt å bruke siden dette er en app som er tenkt at alle som har en smarttelefon eller et nettbrett kan bruke. i tillegg så ble noen av Artboardene veldig lange for at jeg skulle få inn alt jeg ville.
Etterhvert som jeg ble mer kjent med programmet synes jeg at det gikk bedre å jobbe med Adobe Xd

Hvis du vill teste ut app’en kan du klikke her:
Digitale resepter

Selv synes jeg at dette var en morsom oppgave ettersom jeg da fikk prøve et program jeg aldri har brukt før og det var gøy å lære noe nytt.

Branding oppgave

Vi hadde nå fått en branding oppgave hvor vi skulle lage en emballasje, flaske og logo til en Parfyme. Parfymen Hadde lukten av Tyri som kommer fra furutrær.

Tankeprosessen/brainstormingen:
Før jeg begynte å jobbe med selve produktet tenkte jeg på hvordan det skulle se ut. Jeg tenkte da at jeg skulle bruke de samme fargene som du finner på et furutre som er lyst brunt og mørkegrønt. Jeg kom ganske raskt fram til at emballasjen skulle være grønn med brun skrift. Flasken skulle se ut som trestammen til et furutre. (Dette ble jo senere endret). Jeg gikk også rundt i parfyme butikker for å se hvordan andre parfymer så ut.

Navn:
Navnet på parfymen er Furu. Jeg valgte å kalle den Furu fordi det tyri som er lukten av parfymen kommer fra furu. I tillegg tenkte jeg at det ville være et annerledes navn å  gi den i motsetning til alle di andre parfymene som ofte bruker franske eller engelske navn.

 

logoen:
Her kan du se logoene som er brukt på flasken og emballasjen. Den første er første er for flaske. Den har ikke svart bakgrunnsfarge på flaske, men dette var nødvendig her for å at den skulle være synlig, ettersom den teksten er hvit med litt gjennomsiktighet(opacity).
Logoen under er den som brukes på emballasjen, den har en lys brun farge.

Flasken:
Jeg prøvde først å lage en 3D flaske som skulle se ut som et furutre men dette viste seg etter hvert at ble vanskelig så jeg droppet det. —-
Jeg valgte da  heller å lage fronten på flasken. Dette ble da et bilde av en furuskog og med teksten Furu som er navnet på parfymen. Når jeg skrev navnet så brukte jeg brukte jeg en font som ser litt mannlig ut. Jeg ga den da hvit farge og skrudde ned opacity’en så den ble litt gjennomsiktig og du kunne se bakgrunnen.
På toppen lagde jeg den knappen(?) du trykker ned for å få ut parfymen. denne har den samme fargen som den delen som holder emballasjen sammen når den er lukket.
Jeg lagde så toppen på flasken. Denne er rund og er lys brun som innsiden på et furutre er. Så tok jeg å tegnet mørkere årringer. Når jeg tegnet disse tok jeg først å lagde Ellipser før jeg brukte Pencil Tool for å lage ellipser som ikke skal se nøyaktig ut. Dette er også noe man ser på alle trær at årringene ikke er nøyaktige når det kommer til høyde og bredde.
Her kan du se fronten av flasken:

Her kan du se  toppen av flasken:

 

Emballasjen:
Emballasjen endte jeg med å lage er helt rektangulær. Dette er ganske vanlig. Mange bokser har ofte bare et lokk du åpner på toppen før du så løfter ut det som er inni boksen. Jeg valgte å gjøre det annerledes ved å dele boksen på midten, så løfter du av den øverste delen av boksen. Jeg brukte fargene som et furutre har som da er mørkegrønt som brukes over nesten hele boksen og lysebrunt som brukes på fonten.
Her kan du se fronten av Emballasjen når den er lukket:

Her kan du se fronten igjen når den er åpen:

Her kan du se siden av emballasjen:

Her kan du se toppen av den:

 

Moodboard:
Vi skulle også lage et moodboard i denne oppgaven, hvor vi skal prøve å dokumentere hvor vårt produkt skal befinne seg i dette markedet av parfymer. Jeg prøvde å gjøre dette ved å gjøre dette ved lage et moodboard basert på design.
Hvor den ene siden(X) hadde veldig vanlig design, som for eksempel rene rektangulære og runde flasker. Mens den andre siden(Y) hadde spesielle design. Bildene jeg har brukt på moodboard’et har jeg tatt selv.
Jeg er usikker på om jeg gjorde det riktig.
Har har du moodboard’et:

Branding Oppgave del 1 skisser

Vi har har nå fått en oppgave hvor vi skal lage en Emballasje, Flaske, navn og Logo for en Parfyme.  Parfymen skal lukte som Tyri som er lukte Furutrær sprer rundt om seg.

Først lagde jeg to forslag til to logoer med et navn, men disse synes jeg ikke ble noe fine.
Når jeg lagde logoen og tenkte på navnet tenkte jeg først på det skulle være et selskap som skulle komme fra nord. dette kommer også frem i navnet. Så lagde jeg selve logoen som inneholder en parfyme. dette gjorde jeg for at den skulle bli annerledes og skille seg ut.

De to første forslagene/skissene:

Den andre Logoen som jeg er fornøyd med:

 

Foreløpig forpaking:

 

 

Parfyme Beholderen er laget til å se ut som et Furutre
Parfyme Beholder:

Designe vår egen Font

Vi fikk nå en oppgave hvor vi skulle designe/lage vår egen Font.
En Font er tekst som brukes hele tiden både digitalt på internett og i bøker.

Det finnes flere typer Fonter.
Det finnes Serif fonter hvor det stikker ut streker ut fra siden av fonten.  En av de mest Vanlige Serif fonten som blir brukt er Times New Roman:

Den Andre typen er Sans Serif som er mer stilren og da ikke har streker som stikker ut fra siden  av fonten.  En av de mest vanlige mest vanlige Sans Serif fontene er Helvetica/Arial:
Helvetica:

Arial:

Vi skulle lage fontene ved å først skisse på papir og så tegne over med tusj. når det var gjort skulle vi scanne det inn åpne bilde i Photoshop og lagre bilde i Tiff format  på 300 DPI(Dots Per Inch).
så skulle vi åpne bilde i ScanFont 5 hvor det skulle eksporters til en vfb fil. så skulle vi åpne filen i TypeTool 3. Her skulle vi gjøre ferdig fonten å få den til fungere med Operativsystemet/Datamaskinen og Tastaturet.

Når jeg åpnet bildet i ScanFont så det fint ut, men når jeg hadde eksportert det til en vfb fil og åpnet den i TypeTool, så det heller dårlig ut.

Jeg prøvde å lage flere fonter men det gikk ikke mye bedre.

Her er den første jeg lagde som skulle ha litt art deco design:

Så prøvde jeg meg på en til som skulle være enklere  med rette streker og noe blokkete:

Adobe Animate Oppgave 2

Oppe i alt som skjer med OL så fikk vi en ny oppgave i Animate.
Denne oppgaven skulle være annerledes fra den forrige ved at denne er interaktiv og brukeren er i sentrum når det kommer til navigering.

Del 1 :
Det Første vi skulle lage var en side om et tekst språk som ikke er rent latinsk. Jeg valgte da Tyrkisk, som originalt ble skrevet med det arabiske alfabetet, inntil 1928 hvor Knemal Atakurt gjorde store endringer.
Jeg lagde også en side med litt basisinformasjon om Tyrkia.
For å få brukeren til komme seg mellom sidene har jeg noe som heter “Actions”. Det finnes mange forskjellig typer “Actions” Jeg har da brukt noen som ligger under Html5 Canvas, ettersom dokumentet er et Html5 dokument. Jeg brukte da en “Action” som fungerer slik at når du klikker på en av knappene så bytter den side og uten at brukeren ser det hopper til en annen “Frame” hvor det innholdet ligger.
hvis du vil se på siden klikk her.

Del 2:
I Del 2 av oppgaven skulle animere noe hvor vi brukte “Camera”funksjonen i Animate. “Camera”funksjonen lar deg Zoome inn, ut, Bevege det til høyre, venstre og mer.
Når jeg begynte med oppgaven startet jeg å lage en statisk bakgrunn som kun endret seg for hver scene.
så la inn et objekt som ble animert i hver scene.
På starten og slutten hadde jeg en interaktiv knapp som er klikkbar og for animasjonen til å bli spilt av.
Så la jeg inn passene lyd som jeg allerede hadde redigert Adobe Audition.

Så plasserte jeg “Camera” med zoom på de stedene hvor jeg synes at det passet.
Klikk under for å se:

Alt i alt synes at oppgaven gikk fint, men det var noen deler av den som var litt vanskelig.

Oppgave i Animate CC

Vi fikk nå en oppgave i Adobe Animate CC som er et Animasjonsprogram.

Vi kunne velge mellom å lage en banner, en animasjon eller en kombinasjon.
Jeg valgte da kombinasjonen som da ble en animert reklamebanner. dette ble da en reklamebanner for prisguiden.no som er et nettsted hvor du kan finne ut av hvilke butikker og nettsteder som selger varer til billigste pris.

Jeg lagde både en liggende og stående banner. begge bannerne reklamerer for at du kan finne ut hvor du kan finne din neste mobiltelefon til en billig penge.
De viser logoen til Prisguiden har litt tekst og viser bilder av flere mobiler i et slideshow.

Når jeg lagde disse bannerne så brukte jeg flere teknikker som vi har lært. Jeg gjorde om alle bildene som bevegde på seg om til symboler før jeg  Brukte Verktøyet: “Create Motion Tween”. dette var praktisk å bruke når jeg skulle bevege på bilde “frame for frame”. Jeg lagde også Buttons(knapper) som var nødvendig for å gjøre Baaneren Klikkbar som en internett reklame(som ble gjort når jeg lagde en usynlig link over banneren/reklamen for å kunne komme seg til nettsiden).

Her har du en Stående Versjon av banneren.

Her har du en liggende Versjon av banneren.

Personlig synes jeg at dette var en morsom og interresant oppgave, fordi jeg da fikk lære meg å bruke et program jeg aldri hadde brukt før.

Opprette vår egen WordPress Side.

Vi fikk nå i oppgave å lage vår egen wordpress-side

Tidligere har vi laget vår egen nettside fra bunnen av i Adobe Dreamweaver i HTML og CSS 3.

Når vi skulle lage denne siden skulle hovedsakelig bruke verktøyene som WordPress tilbyr.
Vi begynte å lære litt mer om å installere WordPress og sette det opp.

Når vi hadde installert det og valgt brukernavn og passord begynte vi med å velge et theme(hvis vi ikke vil bruke standartheme’et) og installerer plugins hvis vi vil det.
Når dette var gjort begynte vi å designe siden sånn som vi ville ha den.
Vi måtte da velge antall sider og hva slags innhold de skulle ha(hva siden skulle handle om).

Den forrige nettsiden jeg lagde var en nettside som handlet mye om meg selv. Denne WordPress siden er noe lik. Jeg gjorde den litt annerledes ved at jeg lagde en side hvor jeg skrev om hvorfor jeg begynte her på Treider fagskoler Mediedesign og om Treiderblogg og at vi har hjulpet andre klasser.

Jeg gjorde den også annerledes ved at jeg brukte en plugin som heter Metaslider som gjør at bildene på siden byttes automatisk uten at brukeren må gjøre noe(og hvis brukeren vil se lengere på et bilde kan de bare holde musen over det.)

Her har du tenkt nettsideoppbygning:

WordPresssiden vi lagde måtte være responsiv som betyr at den fungerer bra både på PC og Mobile Enheter.

Hvis du vil se på WordPressiden, kan du klikke:  her

Del 3: arbeider


I del 3 av oppgaven skulle vi lage arbeider som da viser spor av inspirasjonskildene vi skrev om i del 1 og vi skulle bruke forskjellige stiler og utrykk i hvert av arbeidene.

Arbeid #1.

Det første arbeide jeg valgte å gjøre var å lage en fiktiv konsertplakat for Bandet Cloudberry Cream(som Axel Røthe stiftet) som jeg skrev om i del 1.
Når jeg lagde denne plakaten brukte jeg en form for Art Deco ved at jeg tegnet ting ved bruk av pen tool og så kopierte det og la det under det igjen så det fikk en skyggeffekt med bruk av annen farge. Noe jeg har valgt å gjøre er å bruke få farger som ofte er vanlig for å gjøre det enklere.

Her er plakten:

Det øverste på plakaten er et par med solbriller, dette er noe han alltid har på seg når spiller. Under så har vi navnet til bandet(Cloudberry Cream). Så har vi navnet på platen de slapp, som da også er navnet på den fiktive konserten. Under der så er det et par med trommestikker og trommer er det han selv elsker å spille. til slutt den fiktive konsertdatoen.

Arbeid #2

Som arbeid nummer 2 valgte jeg å lage en vignett.
En vignett er en form for en intro til et program. jeg valgte da å lage en vignett til et naturprogram.
Jeg lagde den da i De Stijl stijl(Som jeg skrev om del 2).
Det jeg gjorde var å først lage svarte linjer som brukes i De Stijl bilder så få dem til å gå over skjermen ved bruk av positon keyframe. så la jeg inn en passene  tittel og brukte samme position keyframe. jeg la så inn Naturbilder jeg selv hadde tatt tidligere og brukte og brukte igjen positon keyfram for å gi vignetten litt liv.
Til slutt  Brukte jeg keyframen slik at det kom inn bilder og svarte linjer. disse stoppet og skal da se ut som et De Stijl bilde. På slutten Bruker jeg Opacity Keyframen til å fade ut bilde til Svart.
Jeg Har også Lagt på musikk på Vignetten som gir den enda mer liv. denne fades også ut på slutten.
Musikken er opphavsrett fri og er hentet fra:

Her er Vignetten:

https://www.youtube.com/watch?v=2j_Ub_H7pqs&feature=youtu.be

Personlig synes jeg at dette har vært morsom oppgave og jeg føler at jeg lært nye ting, samtidig synes jeg også at vi kunne fått noen få dager ekstra til å jobbe med oppgaven.
Alt i alt synes jeg at det gikk greit og at jeg ble ferdig med ble bra i forhold til tiden vi hadde.

Del 2: Stilarter

I del 2 av oppgaven skal vi skrive om forskjellige stilarter som man er opptatt av/liker.

Art Deco
Art Deco Var en bevegelse innen dekorativ og visuell kunst, arkitektur og mote tidlig på 1900-tallet. Art Deco startet på verdensutstillingen i Paris i 1925 hvor flere luksusvarer ble utstilt. Dette ble gjort for at verden fremdeles skulle være forsikret om at Paris var byen for stil.
Art Deco Hadde eksistert i Europa siden starten på 1920-tallet,  mens det først kom til USA rundt 1928 og det er 1930-tallet som USA assosieres med i dag innen Art Deco. I USA utviklet dette seg til å bli Streamline Moderne.
De som lager/lagde Art Deco arbeider Henter elementer fra andre kilder, da blandt annet:
– Primitiv kunst fra Afrika, Egypt og de Mexicanske Aztekerne.
-Antikk gresk skulptur og keramikkformgiving.
– Assosiasjon med jazz og jazzens tidsalder.
– Den industrielle tidsalders teknologi som radioen og høyhus.
Det sies at Art Deco er en Overdådig stil som svar på sparsommeligheten under første Verdenskrig.

Kjente Art Deco designede byggverk:

Empire State Building i New York, USA:

Peace hotel i Shanghai, Kina:

Folketeateret i Oslo


Det har også blitt lagd mye annet  i Art Deco design og en av de mest kjente designerne er dansken Georg Jensen.

Funksjonalisme
Funksjonalisme (kommer fra Latin “Functio” om å utføre, fungere) er et begrep mest kjent innen arkitektur og formgivning. Begrepet hevder at det er en uløselig sammenheng mellom bruken av et objekt og formen på det.
Begrepet Funksjonalisme brukes også innen sosiologi, antropologi, filosofi, språkvitenskap, politikk, psykologi, og historie.
Ofte brukes forkortelsen funkis(uttales: fønkis) til å betegne stilen. Funkis er et ord som har blitt lånt fra svensk. Uttalen fønkis kan misforståes fordi det høres veldig likt ut som ordet funky.
Begrepet Funksjonalisme er et begrep som brukes mest i Skandinavia. på engelsk og andre europeiske språk brukes begrepet modern architecture, modernism, eller international style.
På skandivske språk, så betegner begrepet både periodene og stiluttrykkene.
Ideen fra arkitektene ble at man skulle kvitte seg med all gammel dekor og stilelementer, for da å skape noe fundamentalt nytt. I 1896 ble et viktig slagord formulert av den Amerikanske Arkitekten Louis Sullivan: “Form Follows Function”.
Stilen preges av et veldig forenklet formspråk: store flater, rette linjer og geometriske former. I tillegg til lys, luft og hygiene.
Sammenhengen mellom form og funksjon har kommet til uttrykk flere ganger tidligere i historien, men da har det ikke fått noen varige men. Det var først førti år etter at Louis Sullivan kom med begrepet “Form Follows Function” at Funksjonalismen slo gjennom for fult. I Norge skjedde dette på 1920-tallet.
En av grunnene til at Funksjonalismen fikk så stor gjennomslagskraft var fordi det var mulig å bygge med nye materialer som for eksempel: stål, stålarmert betong og glass. Dette økte også kreativiteten til arkitektene med de nye byggemulighetene.

En av de ledende arkitektene i Funksjonalismen var Le Corbusier han formulert fem punkter på hvordan et Funksjonalistisk bygg skulle bygges:
1- Skjelett av stålarmert betong
2- Flatt tak med terrasse
3- Fri innvendig planløsning
4- Horisontale vindusbånd
5- Den frie fasaden skulle komponeres

En annen ledende arkitekt var Ludwig Mies van der Rohe han var ganske annerledes fra det Le Corbusier lagde. Han gikk for prinsippet “Less Is More” hvor alt overflødig ble fjernet og han lot rommene flyte inn i hverandre med vegger uten definerte grenser.

Kjente funksjonalistiske bygg i Norge er:

Hvalstrand Bad i asker:

Kalmarhuset i Bergen:

Oslo rådhus:

Ekebergrestauranten i Oslo:

Norges Telefonkiosker/Riksen:

 

De Stijl
De Stijl Oppsto som en kunstbevegelse på 1920-tallet. De Stijl er Nederlandsk for “The Style” og er også kjent som “Neoplasticism” som betyr “New Plastic Art”. Medlemmene ønsket å utrykke et utopisk ideal av spirituell harmoni og orden. De rendyrket abstraksjon gjennom en reduksjon til form og farge. Alle arbeider som ble laget ble kun laget med komposisjoner i vertikal og horisontale retninger. Det betyr at det kun blir brukt linjer, rektangler og kvadrater som går i de retningene. Når det kommer til farger brukte de kun primærfargene rødt, blått og gult sammen med svart, grått og hvitt.
Arbeidene var laget slik at det ikke ble symmetri i dem som betyr at det ikke er mulig å se et speilbilde av den andre delen av arbeidet.
Det har også blitt laget flere tredimensjonale arbeider. Disse arbeidene er spesielle fordi de vertikale og horisontale linjene går i flere lag. Da går de helt uavhenging av hverandre og blir ikke forhindre av noe.

En av de mest kjente Personene som var med i De Stijl var Piet Mondrian og her er et av hans arbeider:

De Stijl har påvirket mange både i maleri, arkitektur, mote og interiørdesign.

Her har vi en stol som er Designet av Gerrit Rietveld på de tredeminsjonale prinsippene hvor ingen linjer eller rektangler/kvadrater går inn i hverandre:

Her ser vi den kjente kjolen fra Yves Saint Laurent som er designet som flere av maleriene:

 

Mordernismen og Nordisk stil
Mordernismen fant sted i vesten på slutten av 1800-tallet og fortsatte utover på 1900-tallet. Begrepet gikk ut over flere bevegelser innen kunst, musikk, arkitektur, litteratur og kunsthåndverk som da oppsto i denne perioden.
Den modernistiske tankegangen legger vekt på menneskets evne til å lage, forbedre og forandre sine omgivelser, ved hjelp av vitenskap, teknologi eller testing.
I følge Mordernismen så var alle de vanlige uttrykksmåtene i arkitektur, litteratur, tro, samfunnets organisering og dagliglivet utdatert.
Noen deler 1900-tallet mellom to bevegelser: modernismen og postmodernismen(som da kom senere på 1900-tallet), mens andre ser disse to som to deler av samme bevegelse.
Modernismen begynte rundt 1890. før dette var det romantikken som regjerte og viktoriansk tid i Storbritannia. Det var også mange kriger og revolusjoner. En av de største revolusjonene var den industrielle revolusjonen.
Når denne kom med dampmaskinen gjorde den det enklere å bygge større bygg i støpejern. Dette gjelder da jernbanebroer, jernbanestasjoner som også hadde glassvinduer og ikke minst Eiffeltårnet.
Modernismen var veldig stor innen kunst og en av feltene var dadaisme hvor en av de store kunstnerne var Marcel Duchamp  med hans Fountain:

Modernismen fortsatte å være populært her i Europa, inntil andre verdenskrig kom. Da rømte veldig mange kunstnere, forfattere(fordi litteratur hadde også blitt populært i Europa) og poeter til New York, USA. Modernisme døde delvis ut her i Europa etter krigen.

Nordisk stil er et begrep som brukes innen kunst, design og arkitektur.
Nordisk stil innen arkitektur faller inn under Modernismen, og kjennetegnes av veldig enkel design, rene linjer og Måten man omgås materialer og lys på. Noen av de arkitektene som er mest kjent for å ha brukt nordisk stil er Alvar Aalto og Sverre Fehn.
Nordisk stil brukes også til å omtale forskjellige typer ornamenter fra ulike perioder innen kunst. Dette gjelder mest rosemaling og forskjellige type husflid.

Her har vi noe Alvar Aalto’s Møbler han har designet:

Her har vi Økern Aldershjem som Sverre Fehn Designet sammen med Geir Grung: