Semesteroppgave uke.16

 

Som sagt er navnet poikz noe jeg alltid har ønsket å bruke, men har tenkt mye på hvordan jeg ønsker å visualisere det grafisk. Etter noen forsøk fra tidligere arbeider har jeg omsider kommet til enighet med meg selv. Det skal fremstå som enkelt, minimalistisk og lett gjennkjennelig.

Det gjennstår fremdeles en god del arbeid med websiden, ettersom jeg helt ærlig ikke har aning om hvordan jeg skal løse det enda. Kjenner jeg meg selv rett, så dukker det opp noen smarte løsninger på problemet.

Som forventet ser det vansklig ut å få sitt eget merke/brand ut i butikk, men etter litt frem og tilbake har jeg fått kontakt med innkjøpskoordinator på Carlings, som til nå er de eneste som ser ut til å ha en positiv tilbakemelding på ideèn. selv om ikke det er noe som helst sikkert riktig enda så gir det ihvertfall et lite håp om at det er mulig.

Semesteroppgave 2012 MD

Semesteroppgaven er en viktig del av din portfolio og grunnlag for bedømmelse av dine kvalifikasjoner og ditt vitnemål. Innleveringen vil bli bedømt av faglærere og ekstern sensor.

Tema:

I følgende oppgave vil jeg bruke navnet “poikz” som et tema, jeg har brukt navnet i tidligere skoleoppgaver men ønsker å ta det videre. “poikz” har jeg ønsket å bruke til fremtidige firma/selskap, generelt til å navngi noe når den dagen kommer. jeg ønsker ikke å bruke f.eks “poikz design” ettersom det burde komme tydlig frem hva det representerer når man går inn på websiden o.l, et navn man enkelt kan kjenne igjen og få et kjennskap til. Jeg har brukt navnet i tidligere oppgaver, men sagt ønsker jeg å føre det videre, siden det er en “identitet” jeg har brukt i godt over 8år.

Med en enkel og ren logo som jeg føler danner det uttryket jeg ønsker å få frem, skal det være gjennkjennelig i alle farger, positiv/negativ, ikke for langt eller kort, som fungerer på “alt”. Jeg skal lage en webside, t-skjorter,  logo i tre, en oversikt på fargebruk og hvorfor.

Tidsplan:

 - Uke 16: Skisser/mock up av webside, logo og ideèr rundt oppgaven, kontakte butikker ang. t-skjorter.

- Uke 17: Skisser/mock up av webside, logo og ideèr rundt oppgaven, kontakte butikker ang. t-skjorter.

- Uke 18: Begynne med Dreamweaver og flash for web, kontakte Irslinger Tre & Design ang. Logo. Skisse etiketter, print og farger til t-skjorter – forhåpentlighvis bestille.

- Uke 19: Dreamweaver og flash, finne løsninger på kommende utfordninger.

- Uke 20: Dreamweaver og flash, finne løsninger på kommende utfordninger. Lage oversikt på fargebruk og hvorfor. Reklame/facebook for “poikz”

- Uke 21: Dreamweaver og flash, finne løsninger på kommende utfordninger. Lage oversikt på fargebruk og hvorfor. Reklame/facebook for “poikz”

- Uke 22: Samle produktet som skal leveres på en slik måte at det er egnet for evaluering.

- Uke 23: Innlevering av semesteroppgaven.

Utfordninger:

Den største utfordningen blir å få produktet ut i en butikk, selv om kvaliteten er bra. Jeg har kontaktet RTG Holding som produserer og distributerer t-skjorter for bla. Björkvin, som lar deg bestemme print, farger og etiketter, det er 100% som en t-skjorte fra store merkevarer. Etter god erfaring og service fra Irslinger Tre & Design, til tidligere oppgave: Uke 43 Logo “NM Friidrett 2013″   ønsker jeg å bruke dem igjen til denne oppgaven. Det blir nok en god del utfordninger med websiden, når jeg skal sette inn flash, galleri, kontaktskjema og andre ting som jeg ikke har så godt kjennskap til, men ønsker å få til et bra resultat.

 

Skisser/fremgangsmåte:

Alt av skisser, fremgangsmåter, ideèr, konseptegninger osv. vil bli lagt med i fremtidige dokumentasjoner som vill bli lagt ut på bloggen:
25.April, 2.mai, 9.mai, 16.mai, 23.mai. og 30.mai
- Absolutt siste innleveringsfrist for oppgaven: Mandag 11.Juni 2012 kl:09:00

 

 

Utplassering uke.26 – Edda Media (Annonseproduksjon)

Kampanje Meny Tolvsrød

Lage kampanje til reåpning av Meny Tolvsrød. Kampanjen skal gå fra mandag til lørdag på print og nett. Kampanjen starter med teasing av artistene før åpningen på torsdag. Må kommet tydlig fram at det er Meny Tolvsrød

Mandag: Tease åpningsshow med Atle og Ravi.
Tirsdag: Tease førpremiere med Stella.
Onsdag: Førpremiere med Stella.
Torsdag: Hovedbudskap: Velkommen tilbake – Meny Tolvsrød åpner igjen!

Har hatt gleden av å kunne få lov til å være oss Edda Media, 5dager i uke 26 sammen med Christine Rismoen fra klassen. Vi ble tatt godt imot av de ansatte og ble tildelt egene arbeidsplasser.
Oppgaven handlet om å lage annonse for nyåpningen av Meny Tolvsrød. Vi har jobbet med Photoshop, InDesign og Flash denne perioden, og lærte mange nyttige tips som vi kan bruke videre.


Noen av de bildene jeg ble mest fornøyd med i løpet av arbeidsuken og tre av de, er bilde forslag til hvordan en reklameannonse evnt. kunne sett ut på en nettside. “head (600 x 150)”, “body (600 x 600)” og en “foot (600 x 300)”, Dette var en slags ekstraoppgave som vi fikk prøve vårs på.

Nettbrett
Første forsøk på å lage en banner til nettbrett, som jeg ikke kan skryte stort av. Men jeg lærte fort hvor viktig det er å behandle bilde slik at de passer bedre for web. De neste bannerene ble uten tvil mye bedre.

Get Adobe Flash player

Banner på 580 x 400 – Den skulle helst ikke overgå 80kb, så med en størrelse på 49kb gikk den oppgaven helt fint, etter litt tips & triks!

Etter litt mer øvelse i Photoshop og Flash lagde vi en “omvendt L” og testet hvordan det kunne sett ut på en webside.


Tusen Takk til alle på Edda Media for en herlig og lærerik uke!

Oppgave Uke 11 WordPress Theme

Lag et WordPress_Theme fra bunnen av. Dvs. bruk et default-theme  eller et blank theme som dette fra Chris Coyier. Der finner du også noen ord om lisenser etc.
Framdrift:
Lag et design – Mock-up – i Photoshop. Slice, (ref. Photoshop-boka side 332.)
Lag index.html og tilhørende style.css.
Her er et eksempel på framdrift til F. eks TYPO-theme.
1. Photoshop og Grids.
2. Sette sammen i Html5
3. Deretter sette alt sammen i php.
Du står fritt med hensynt til ide/tema. Lag gjerne brede toppillustrasjoner som passer inn i header.
Oppgaven hørtes helt grei ut når vi fikk den, ettersom både HTML og CSS begynner å bli noe man kjenner til. Det er ikke så veldig lenge siden jeg ikke hadde peiling på hva HTML og CSS var i det hele tatt, men nå har jeg i hvertfall en mulighet til å faktisk skjønne noe av det som står der og evnt. klare å bytte om på det (tweake). Men denne PHP’n som vi nå skal ha bedre kjennskap til er noe helt annet, selv om det i bunn og grunn er copy/paste så var det ikke lett å skjønne hva som skulle hvor og hvorfor ?! Satser på dette også løsner slik som HTML og CSS også gjorde til slutt, i det minste klare det på egenhånd i etterkant.
Ellers er det en del mer jeg sikkert kunne tatt med, som sidebar osv. Jeg ønsket jo noe enkelt,  men poenget her var vell egenltig bare å skjønne litt mer av hvordan det er satt sammen. Jeg har klart en del av det selv, så jeg kan vell si meg ganske fornøyd. Men satser vell mer på å kun bruke HTML/CSS hvis jeg først skal lage noe, selv om det har vært greit å være gjennom. :)

Oppgave Uke 10 – Logo “Passe Gal”

Lag en logo og forslag til grafisk profil for “PASSE GAL prisen 2012″.
PASSE GAL PRISEN 2012 blir vår neste konkurranse hvor bidragene kan være alt fra bilder og foto til film og animasjoner.

 

Oppgave Uke 9 – CSS3 – html5 – Klokke

Lag en klokke og få den til å gå på din blogg/webside.
Lag en ANALOG klokke i f.eks Photoshop med time-. minutt-, og sekundviser.
Sett det hele sammen i et HTML dokument med CSS-script og evt Java.
Få den til å passe inn i en post på din blogg og evt i sidebar.
 

 

Lagde to varianter til oppgaven, for å gå litt mere igjennom hvordan det fungerer og hva man skal endre på.
Fulgte en tutorial fra denne siden som var veldig enkelt forklart, med muligheten for å laste ned index.html
og endre bilder, z-index osv+

3D – 05/06

Funnet frem noen av arbeidene fra når jeg gikk på 3D design, skoleåret 05/06 her på Idèfagskolen. Ser nå at ting har forandret seg ganske kraftig :)

Illustrator’shop

Jobbet litt i Illustrator og Photoshop de siste dagene :)

Oppgave Uke 4-5. WordPress Theme Design

Vi fortsetter med WordPress. Vi har installert WordPress på hver vår maskin. Vi brukte MAMP i og med at vi bruker Mac på  Mediedesign. Vi har satt sammen et theme ved navn Typo hvor vi lagde en mock-up i Photoshop, satte siden opp i html og med et design i et css-dokument. Deretter satte vi det hele sammen med de nødvendige php-filer etc i et fungerende theme. Vi jobber videre med mål om å lage et eget wordpress-theme med ditt eget design. Da må vi forske, designe og repetere en del av det vi har vært igjennom av webdesign med tilbehør tidligere.

OPPGAVE:
Lag et design/theme til en wp-blogg. Du kan velge om du skal lage alt fra bunnen av eller bruke/endre et allerede eksisterende theme. F. eks TYPO-theme.
Hvis du tar det fra bunnen:
Lag et design – Mock-up – i Photoshop. Slice, (ref. Photoshop-boka side 332.) lag index.html og tilhørende style.css. Deretter sette det sammen til et wp-theme.
Legg themet inn i din lokale wp-installasjon på Mamp. Eller på et egnet nettsted.

 

Jeg startet med og tweake ett wordpress theme som heter “Liquorice 2.2 by Nudge Design” , hvor jeg tok utgangspunkt i den websiden vi lagde i høstferien for en stund siden. Men prøvde å lagde den ganske så lik, men da med ett wordpress theme i stedet, føler det gikk ganske greit og fornøyd med hvordan det har blitt. Etter dette var gjort, fokuserete jeg mer på å lage noe helt eget/fra bunn.
Så jeg har startet i Illustrator og tegnet opp hvordan jeg har ønsket hvordan det skal se ut, derettet slicet det i Photoshop og deretter programert det i Dreamweaver. Så jeg har fått vært innom HTML, CSS og Java/jQuery (lightbox/http://lokeshdhakar.com/projects/lightbox2/#how) osv… det har blitt noen feil på siden, men alt annet skal fungere helt greit, som f.eks lightboxen og roll-over-images.
__________________

siden ligger på; Poikz

__________________

På poikz.com har jeg kikket EN DELpikaboo! :)

Bilder av hvordan wordpress theme endte opp, ligger under her :)
Themet er hentet fra (http://nudgedesign.ca/wordpress-themes/liquorice/)

 

Snapz Test!

Bare en liten test! :)

test01

« Previous PageNext Page »