Obligatorisk oppgave 07 Fotoessay (PDF) – forbedret versjon
Som en av de digitale oppgavene fra 2.semester i multimediedesign skulle oppgave 07 Fotoessay også forbedres før mappeinnlevering. Her er litt informasjon om forbedringsarbeidet mitt med denne oppgaven.
Bildene
Ved bytte av pc og overgang til Mac har jeg dessverre klart å miste en masse originalfiler som jeg trodde jeg hadde kopi av på en ekstern disk. De originale RAW-filene til bildene i Fotoessay /Fotogalleri er dessverre borte. Om du som leser dette er glad og fornøyd og har viktige filer og bilder lagret på ett sted – skaff deg en ekstra kopi, lagre alltid to steder! Noen ganger krasjer disker eller man sletter foldere uten å vite det…
Jeg fikk en del tips fra lærer ved første innlevering av obligatorisk oppgave 07 Fotoessay om hvordan bildene kunne redigeres bedre. Men fordi jeg kun har gjenfunnet jpeg-versjoner som allerede var redigert ganske kraftig til en grunge-aktig look med mye konstrast og et grønnlig fargestikk, så var det ganske lite jeg kunne gjøre for å forbedre bildene. Men jeg har gjort et forsøk.
Forside før og etter:
Bildet skulle være helt i svart-hvitt men jeg hadde valgt en desaturert versjon der jeg fjernet alle farger bortsett fra lilla. Den nye versjonen av forsiden er laget i helt svart-hvitt. Jeg har rettet opp bildet som var noe skjevt i forhold til horisonten (bordkanten).
Bilde 1 før og etter:
Kommentar var lærer på at det rosa neonlyset bak henne var forstyrrende. Jeg har duset det ned så godt det var mulig på en jpeg.
Bilde 2 før og etter:
Jeg har redusert det skarpe lyset på hånda hennes.
Bilde 3 før og etter:
Jeg har duset (uskarpet) og mørknet bakgrunnen og skarpet/lysnet henne for å få henne mer fram. Har også croppet bildet tettere for å fremheve at hun er objektet, ikke miljøet rundt henne.
Bilde 4 før og etter:
Jeg har gjort bakgrunnen mer diffus på dette bildet slik at frisøren og kunden kommer bedre fram.
Bilde 5 før og etter:
Jeg har gjort bakgrunnen (speilbildet) ennå mer diffus enn på originalen og en anelse mørkere.
Bilde 6 før og etter:
Lærer kommenterte at dette bildet var for likt bilde to, men jeg har valgt å beholde det da jeg ikke hadde et som var bedre å erstatte det med. Jeg har en tett crop på dette bildet med vilje for å komme nært innpå situasjonen.
Layout på PDF
Komposisjonen på den første PDF-presentasjonen av Fotoessayet trengte mer bearbeidelse spesielt med tanke på luften i mellom bildene. Jeg har jobbet mye med forskjellige muligheter her. En liten utfordring med to bilder i liggende format og fire i stående.
Noen skisser for layout PDF
Jeg er enig med læreren i vurderingen av første versjon og jobbet med å lage en ny komposisjon som hadde fokus på luften i mellom bildene, samtidig som den var mer spennende.
Arbeid i InDesign med ny PDF-layout
En ny variant:
En annen utgave:
Ny versjon som jeg hadde tenkt å levere:
Sammenligning av gammel og (foreløpig) ny versjon av PDF:
Ny versjon som harmonerer bedre med Fotogalleri
Mye senere, etter at jeg egentlig var ferdig med en ny versjon av PDF’en, og hadde laget ny versjon av Fotogalleriet i Flash, så syntes jeg PDF’en og Flash-versjonen ikke harmoniserte nok. Så jeg ville lage enda en ny PDF som stod mer i stil med Fotogalleriet slik det var blitt. Her er skisser til PDF-layout som er laget etter at Fotogalleriet var ferdig:
Jeg har endret fonten fra Karat til Arial som er fonten jeg bruker i flash Fotogalleriet, og gjort mye bruk av svart på samme måte som Fotogalleriet har. Jeg bruker for eksempel samme svarte felt nede på forsiden og samme tekstlayout, men har valgt å beholde sirklene fra forrige versjon, bare at de er svarte og større. Fotonettsider og layout der et foto fyller hele siden synes jeg er veldig flott, og har valgt å gjøre dette her.
Endelig versjon av Fotoessay (hver enkelt side):
Som PDF spread:
Link til ny versjon av obligatorisk oppgave 07 Fotoessay:
http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/pdf/Fotoessay_new_10.pdf
Til sammenligning, her er den gamle versjonen:
http://grymonica.files.wordpress.com/2012/03/fotoessay_02.pdf
Endelig resultat bokomslag og layout – prosjekteksamen
Etter mye utprøving i InDesign begynte bokomslaget og sidene og bli ferdige. Da det var 99% klart sendte jeg det til kunden. Hun ønsket noen små justeringer, som ble gjort, og så var det klart. For et par dager siden fikk jeg trykt et eksemplar på et trykkeri, og lenger nede i dette blogginnlegget kan du se hvordan det ble.
Egentlig så skal omslaget ha en kombinasjon av matt bakgrunn og blank lakk i tekst og illustrasjoner, men dette er visst fryktelig dyrt og lar seg ikke gjøre hvis man ikke har et større opplag. Så det får vente til boken går i trykken! 
Trykk her for å laste ned en trykklar versjon av bokomslaget: Bokcover_endelig
Her er trykklar versjon av layout på 4 sider inne i boken: Bok_side_layout_endelig
Og her er profilmanualen som også forklarer tanken bak designet: Profilmanual_bokomslag_sidelayout_small
Maskinen min streika og påstod at den ikke har nok minne til å lage en JPEG av bokomslaget (grr!!), så den får jeg sette inn senere. Men her er iallefall JPEG av side layout:
Og her er bildene av det trykte omslaget og sidene:
Da tar jeg jul – o jul med din glede – eller noe i den stil! Og kommer sterkt tilbake på nyåret! 
GOD JUL!!!
Prosjekteksamen – valg av prosjekt / prosjektbeskrivelse
I prosjekteksamen grafisk skulle vi utvikle et prosjekt (en trykksak) for en selvvalgt bedrift, organisasjon eller prosjektområde. I forkant av prosjektarbeidet skulle det leveres en beskrivelse av kundens organisasjon, profil, konsept, forretningsidé og eventuelle problemer man skal løse, som skal godkjennes som prosjektarbeid fra faglærer. Prosjektbeskrivelsen kan avvike noe fra det ferdige prosjektet.
Prosjektbeskrivelsen skulle inneholde:
- Navn på kunde
- Begrunnelse for valg av prosjektoppgaver
- Problemstilling (hva skal produseres, prosjektets omfang)
- Fremdriftsplan
- Dato for ferdigstillelse
Sluttproduktet skulle være en trykksak. For eksempel en logo, en brosjyre, merkantile trykksaker, skilt, plakat osv. I tillegg skulle det lages en profilmanual som beskriver bruken av produktet. Som i alle oppgaver skulle det utarbeides en rapport som tar for seg arbeidsprosessen, skisser, bevisste valg osv.
Min prosjektbeskrivelse – prosjekteksamen grafisk - multimediedesign
Kunde
Camilla Colding-Jørgensen, sexolog og voksenunderviser, København, Danmark
Begrunnelse for valg av prosjektoppgave
Jeg hadde ikke noen firmaer for hånden som trengte hjelp til logoer eller den slags, men min venninne Camilla er i gang med å skrive en bok om nettdating, som hun trenger bokomslag til.
Problemstilling (hva som skal produseres, prosjektets omfang)
Etter å ha studert sexologi bestemte Camilla seg for å skive en bok om nettdating, fordi det finnes svært lite litteratur om dette emnet til tross for at fenomenet nettdating blir mer og mer utbredt.
Hun trenger et bokomslag til boken, samt layout for hvordan sidene inni boken skal se ut. Jeg skal lage bokomslaget med illustrasjon og skrifter, samt layout for 3 sider inne i boken. I tillegg til dette skal jeg lage en kort profilmanual som beskriver bruken av illustrasjon, tekst og farger for denne boken.
Omfang:
- 1 stykk bokomslag
- 3 stykk forslag til side layout
- 1 stykk manual / beskrivelse for bruken av den visuelle profilen
Fremdriftsplan (forventet progresjon)
Prosjektstart: 25.10.2010
Idéutvikling og research: 25.10.2010 – 01.11.2010
Idéskisser og presentasjonsskisser: 01.11.2010 – 08.11.2010
Dialog med kunde, skisser fortsatt: 08.11.2010 – 15.11.2010
Produksjon illustrasjon bokomslag: 15.11.2010 – 22.11.2010
Produksjon layout bokomslag: 22.11.2010 – 29.11.2010
Produksjon layout boksider: 22.11.2010 – 29.11.2010
Presentasjon for kunde: 29.11.2010 – 06.12.2010
Eventuelle korreksjoner: 06.12.2010 – 17.12.2010
Trykk klargjøring av filer, utlevering til kunde og trykkeri: 6.12.2010 – 17.12.2010
Innlevering til skolen og til kunde: 17.12.2010
Dato for ferdigstillelse: 17.12.2010
Obligatorisk oppgave 04 Layout -Portrettintervju
I denne oppgaven skulle vi utarbeide design (logo, farger, bilder (illustrasjon/foto)) og typografi og layout til et fiktivt magasin ved navn Blunk. Blunk skal være et magasin som tar for seg den kreative verden i Norge; artikler om kunstnere, designere, illustratører, filmskapere og fotografer. I form av articler, essays, ”reviews” om kunstutstillinger, nettsider, fotoessays og filmer.
Vi skulle lage en layout med forside og en tosiders spread i midten der innholdet skulle være et portrettintervju med en person fra den kreative bransjen. Selve portrettintervjuet skulle vi selv lage; finne intervjuobjekt, lage spørsmålene og gjøre intervjuet.
Research eksisterende magasiner
Når det gjelder research så var jeg allerede litt inspirert av forsider og layout som jeg hadde funnet under oppgavene med grid layout og Curb magasin. Noen av forsidene som jeg tok bilde av tidligere på Narvesen hadde en veldig enkel og stilfull layout, så jeg visste allerede før jeg begynte at jeg ikke skulle ha en overfylt forside.
Her er noen av de forsidene jeg referer til:
Og noen nye som jeg fant på nettet:
Valg av intervjuobjekt
Karina Astrup (tidligere Averlon-Thomas) er gift med en venn av meg og har laget et par virkelig spennende dokumentarfilmer. Hun har vært med på en film om en indisk taxisjåfør og immigrant som elsket Australia så mye at han laget en sang om det og solgte 3000 CD’er fra taxien sin (Fairdinkum Manjit dokumentaren). Hennes nyeste film og også hennes første egne film, handler om et undergrunns rockeband 6FT Hick, som hun følger rundt på turne. Denne siste filmen heter 6FT Hick – Notes from the Underground og skal vises på en filmfestival i Melbourne, Australia pluss i Os i Hordaland, nå i november 2010.
Karina er en sprudlende dame med masse latter og mange gode historier, så selv om jeg har kuttet ned mye i intervjuet er det likevel ganske langt!
Idé og logoutvikling
Jeg begynte med en idémyldring rundt ordet Blunk. Jeg laget veldig mange skisser som inneholdt øyne, pupiller, blikk, små lyn, fyrverkeri eller streker som skulle symbolisere en ”svisj”, noe kort som et lite blunk. Jeg var også inne på et par kunstneriske splash dråper med maling eller blekk rundt ordet Blunk, for å symbolisere blekket eller malingen kunstneren bruker for å utføre sitt fag (male, tegne, designe, skrive osv).
Her er skisser fra denne prosessen:
De fleste kunst og designblader har stilfulle spennende forsider, og gjerne litt rene, enkle, klassiske logoer. Jeg ville ha en lignende stil på min logo, så jeg gikk bort i fra de tidligere tankene om svisj og splash og gikk for en enkel logo tegnet med pen tool i illustrator (som jeg prøver å lære meg å beherske). I logoen er det kontrasten mellom de hårtynne og de tykkere strekene som er hovedideen, men også det at øverste del av bokstavene (f.eks B’en) er lavere enn den nederste halvdelen. Den ekstra lange strek på k’en er lagt til for å bryte opp litt og gjøre det mer dynamisk. Dette er lynet, eller ”blunket”.
Her er logoen:
Layout og budskap/vinkling av intervjuet
I de opprinnelige skissene hadde jeg tenkt å ha med bilder som viser andre sider av Karinas spennende personlighet. Ting som bilder av hennes enorme samling av merkelige dukker, et eksempel på hennes leketøyskunst laget av gamle leker og menneskehår! Og et av hennes flotte fotografier tatt i bushen i Australia. Men fordi jeg oppdaget at det formatet vi skulle bruke var mindre enn først antatt (begynte først å jobbe i A4, deretter reduserte jeg dokumentstørrelsen til 20 x 27 cm som oppgaven lyder).
På grunn av plassmangel måtte jeg velge mellom å kutte intervjuet enda mer ned og ta med disse personlige bildene, eller å fjerne bildene og beholde mer av intervjuet. Jeg valgte intervjuet, ene og alene fordi jeg synes historien hennes fortjener det! Det er spennende å lese, og jeg ville heller at artikkelen skulle være en blanding av et portrettintervju med litt ”review” av hennes nå for tiden veldig aktuelle film, i stedet for å bli et veldig personlig portrettintervju (nesten som en hjemme hos- reportasje). Jeg syntes arbeidet og filmene hennes var det viktigste å formidle denne gang! Og dermed er det i tillegg til bilder av henne selv, kun bilder fra hennes siste film (på side 4).
Men et lite bilde er beholdt som et ornament, rett under overskriften ”Notes from down under” på side 2. Dette er et utsnitt av et av Karinas oljemalerier.
Bilder og farger
Jeg intervjuet henne hjemme hos henne, og tok bilder av henne. Disse redigerte jeg i Adobe Photoshop Lightroom for å få et røffere uttrykk. Filmplakaten til 6FT Hick –filmen er veldig røfft tegnet med mye svart og gul-orange farger, og denne er i bakgrunnen av bildene av henne. Jeg ville gjenspeile den stilen i layout’en. Derfor valgte jeg også rødt og gult som tekstfarger i tillegg til den ordinære svarte, og en sjøgrønn tilleggsfarge som jeg plukket opp fra gardinene på bildet.
Forsidebildet valgte jeg å gjøre om til en blåtone svart-hvitt, fordi det gav en fin og ren stil sammen med logoen, og en fin bakgrunn for de fargede overskriftene på forsiden.
Typografi og balanse/kontrast
Jeg har valgt skriften Century Gothic til overskrifter fordi jeg synes den er vakker, geometrisk og ren. Og den passer til logoen og det uttrykket jeg ønsket å skape. De vanlige overskriftene er i regular, mens forsiden er satt i bold for å bli mer lesbar. Det tok seg bedre ut fordi bakgrunnen er brokete.
Selve brødteksten er satt i en seriffskrift, Times New Roman, som gir fin kontrast til den runde sans seriff skriften i overskriftene. Det er også lettere å lese seriffskrifter i større mengder tekst og tekst i små typer, som dette. Brødteksten er satt i 10 punkt.
Tre kolonner er valgt fordi dette er behagelig og lett å lese når teksten er litt lang. De røde spørsmålene i Century Gothic bryter opp i de lange tekstbolkene og gir pause for øyet. Det samme gjør de små mellomrommene jeg har laget mellom avsnittene.
Det faktum at det er et stort bilde på venstre side av spread’en (side 2) og et svart felt på venstre side (side 3) gjør at layout’en blir balansert å se på. Det lille bildeornamentet og sitatboksen som begge er i lignende farger, og finnes en på hver side av spread’en, gir også en slags likevekt.
På side 3 er det både balansert symmetri på grunn av tekst nede og bilde-collage oppe. Men her finnes også en diagonal fra øverst til venstre, gjennom sitatboksen på midten, til den svarte tekstrammen nederst til høyre. Dette gir også dynamikk og bryter opp teksten og gjør den lettere å lese.
Referat fra intervjuet
Selve intervjuet med bilder og ekstramateriale (flere bilder + linker ) legges i en egen post på bloggen sammen med PDF-versjonen av intervjuet.
Lenker til filmfestivalene i Brisbane, Australia og Os, Norge
- Brisbane, Australia: http://www.stgeorgebiff.com.au/
- Os, Hordaland, Norge: http://www.wt-festivalen.no/
Flash news, flash news: 6FT Hick – Notes from the Underground er nominert til beste dokumentar!
Her er intervjuet:
Klikk for å laste opp portrettintervjuet som trykklar PDF:
Obligatorisk oppgave 05 Miniprosjekt – typografi, layout, visuell profil
Denne oppgaven var et gruppearbeid hvor vi skulle utarbeide en visuell identitet (profilmanual), et DVD-cover og en plakat for en tenkt filmatisering/animasjonsproduksjon av en tekst som vi selv kunne velge.
Jeg samarbeidet med Sandra Leschbrandt og Sara Helena Vold på denne oppgaven. Vi syntes det var praktisk å ha en blogg hvor vi kunne legge ut arbeid og skisser til hverandre mens arbeidet skred frem, og bloggen vår for oppgaven er denne: http://05therealprincess.wordpress.com/. Ellers sendte vi en del e-poster til hverandre og hadde en del Skype-møter.
Her er teksten vi illustrerte, i sin helhet:
THE REAL PRINCESS
by: Hans Christian Anderson (1805-1875)
The following story is reprinted from Stories from Hans Anderson. Hans Christian Anderson. London: Hodder & Stoughton, 1911.There was once a prince, and he wanted a princess, but then she must be a real Princess. He travelled right round the world to find one, but there was always something wrong. There were plenty of princesses, but whether they were real princesses he had great difficulty in discovering; there was always something which was not quite right about them. So at last he had to come home again, and he was very sad because he wanted a real princess so badly.
One evening there was a terrible storm; it thundered and lightened and the rain poured down in torrents; indeed it was a fearful night.
In the middle of the storm somebody knocked at the town gate, and the old King himself went to open it.
It was a princess who stood outside, but she was in a terrible state from the rain and the storm. The water streamed out of her hair and her clothes; it ran in at the top of her shoes and out at the heel, but she said that she was a real princess.
‘Well we shall soon see if that is true,’ thought the old Queen, but she said nothing. She went into the bedroom, took all the bedclothes off and laid a pea on the bedstead: then she took twenty mattresses and piled them on the top of the pea, and then twenty feather beds on the top of the mattresses. This was where the princess was to sleep that night. In the morning they asked her how she had slept.
‘Oh terribly badly!’ said the princess. ‘I have hardly closed my eyes the whole night! Heaven knows what was in the bed. I seemed to be lying upon some hard thing, and my whole body is black and blue this morning. It is terrible!’
They saw at once that she must be a real princess when she had felt the pea through twenty mattresses and twenty feather beds. Nobody but a real princess could have such a delicate skin.
So the prince took her to be his wife, for now he was sure that he had found a real princess, and the pea was put into the Museum, where it may still be seen if no one has stolen it.
Her på bloggen legger jeg ut rapporten, samt tre PDF-dokumenter: DVD-cover, filmplakat og profilmanual.
RAPPORT:
Obligatorisk Oppgave 05: Visuell Identitet, Gruppearbeid
Gruppen består av
Gry Monica Hellevik – http://grymonica.wordpress.com
Sandra Leschbrandt – http://www.sandraleschbrandt.com
Sara Helena Vold – http://heysara.wordpress.com
Introduksjon
Da vi alle er bosatte i ulike deler av landet, har all kommunikasjon foregått via mail, bloggen vi satte opp kun for denne oppgaven (http://05therealprincess.wordpress.com) og i timelange møter over Skype. Samarbeidet har gått over all forventning, og det har vært veldig lærerikt å bruke andre kanaler å jobbe gjennom når ingen av oss kunne møtes fysisk. Vi har under arbeidet hatt ulike ansvarsområder, men har alle vært involvert i å utvikle alle elementene i oppgaven.
Bestemmelse av oppgave, tekst og publikumgruppe
Den første utfordringen var å bli enige om hvilken tekst vi skulle basere oppgaven på, en tekst vi alle hadde lest og kjente til. Etter å ha sett på et par noveller, falt valget heller på eventyret ”Prinsessen på Erten”, nærmere bestemt teksten ”The Real Princess” skrevet av H.C. Andersen. Dette eventyret er illustrert og fortalt uttallige ganger allerede, så for å gjøre oppgaven mer original, valgte vi å gjøre prinsessen tøffere, med piercinger og rocka klær. På grunn av dette bestemte vi at målgruppen ville være ungdom, ikke barn, som eventyret normalt retter seg mot.
Inspirasjon
Etter søk på google fant vi flere illustrasjoner av prinsesser og også bilder fra Tim Burton sine filmer, som vi alle var enige om ville være bra inspirasjonskilde til stemning og stil.
Research
Videre fant vi flere eksempler på filmplakater, DVDcover og profilmanual.
Profilmanualer:
Åpner direkte opp i PDF:
- Barne-, Ungdoms-og Familieetaten: Bufetats profilhåndbok
- Enova: Enova profilmanual
- Hafslund: Hafslund_Profilmanual
- Orangegroup: Orange_Profilmanual_eng
På web:
- Forskningsrådet: http://harek.forskningsradet.no/profilmanual/index.html
- Difi: http://difi.styleguide.no/publish.aspx?site=difi
- Københavns universitet: http://designguide.ku.dk/
Filmplakater:
DVD cover:
Skisser og Idéutvikling:
Flere skisser er lagt ut på bloggen: http://05therealprincess.wordpress.com
Utvikling av illustrasjon:
Etter alt skissearbeidet vi gjorde, hadde vi fått en generell ide om hvordan prinsessen skulle se ut. Opprinnelig skisset vi henne stående rett opp og ned, eller på toppen av haug av madrasser, men etter hvert bestemte vi oss for å finne på en mer spennende vinkel. En av ideene som dukket opp var en prinsesse som klatret oppover en stabel med madrasser, og etter yttligere noen skisser, endte dette opp som den endelige komposisjonen:
Skissen ble skannet inn og åpnet i Photoshop. Der ble linjene tegnet ved hjelp av et Wacom tegnebrett. Photoshoparbeidet ble deretter lagret som .eps og åpnet i Illustrator, slik at linjene her kunne bli pusset på og vektorisert. Filen ble igjen lagret og åpnet i Photoshop, hvor det siste fargelegging- og skyggearbeidet ble gjort. Vi valgte å bruke tekstur av ekte stoff til madrassene, både for å skape en kontrast til prinsessen og også for å gi illustrasjonen et røffere uttrykk.
Vi lagde også en illustrasjon til baksiden av DVD coveret, og en illustrasjon av en liten krone til å bruke til ryggen og insiden av DVD coveret, og eventuelt andre produkter.
Utvikling av logo
Tanken bak logoen var tidlig at vi bare skulle holde oss til en ren typografisk logo, bestående av en spesiell/unik font. Vi snakket også om å inkludere en ’fleur de lis’ (et symbol som er forbundet med kongelighet) i logoen, men det ble, etter vår mening, for mange elementer i en allerede detaljrik logo. Vi lekte en stund med tanken på å lage et slags monogram vi kunne bruke som et illustrasjons element et eller annet sted på filmplakat eller DVD cover, men da vi ikke klarte å lage noen skisser vi var spesielt fornøyde med, valgte vi å gå bort ifra dette.
Selve logoen ble utarbeidet kun i Illustrator, forhånd ved hjelp av kun mus og Pen-verktøyet. Logoen er ikke basert på noen annen font, noe vi syntes ga den et spesielt og personlig preg.
Det var en lang prosess, da det tok tid å få alle bokstaver og forhold mellom ulike bokstav elementer til å bli estetiske og lesbare. Vi valgte å skrive ”real” i store bokstaver for å fokusere på handlingen og poenget i historien. En stund var tanken å gi logoen en ”metalleffekt”, både for å gi logoen et tøffere utrykk og for at den skulle stå i kontrast til andre elementer, men da vi senere satte opp layoutene til DVD cover og filmplakat syntes ikke vi det ble riktig. Uten metalleffekten ble helheten mer fremtredene, noe vi syntes var viktig.
Endelig resultat:
Layout DVD Cover
Vi ønsket å lage layouten så korrekt som mulig, med alle elementer som andre komersielle DVD cover har og vi søkte på internett for å finne disse.
Spesifikasjoner DVD booklet:
CMYK fogra 27
300 dpi
273mm x 184 mm, 3mm bleed, 5mm slug
Pdf/X-1a:2001, kompatibel med Acrobat 4
Illustrasjonen hadde en naturlig plass til høyre på forsiden på grunn av komposisjonen. Øverst plasserte vi navnene på alle i gruppa, i stedet for skuespillernavn. Logoen valgte vi å plassere nede ved siden av illustrasjonen, for å balansere layouten, og for at den skulle være synligst. På coverets rygg plasserte vi den lille kronen øverst; under kom logoen oppsatt på en linje; og nederst det klassiske ”dvd” elementet. Siden dette vil være det som er synlig når DVD’en står i en hylle og lignende, ville vi gjøre den lett gjenkjennelig ved å gjøre noen av de mest typiske elementene lett synlige. På baksiden gjorde vi det enkelt, med den mindre illustrasjonen og en rask introduksjon til filmen. På innsiden av DVD coveret valgte vi å skrive den korte historien oppgaven er basert på, og på andre siden, der DVD skiven vil være plassert, satte vi logoen og krona.
Opprinnelig hadde vi tenkt på å bruke en svart bakgrunn på både plakat og DVD cover, men allting gikk da i ett med hverandre og det var vanskelig å led øyet mot de viktigste elementene. Derfor prøvde vi oss frem med ulike farger, til vi endte opp med en lysgrønn farge, noe som passet perfekt med tanke på den grønne ertens sentrale rolle i historien. For å fremheve illustrasjon og logo, og også for å skape en helhet, ga vi begge deler en hvit kant/stroke. Tilslutt la vi til noen ”teasere” i hvit tekst foran på coveret.
Layout Filmplakat
Spesifikasjoner Filmplakat:
CMYK fogra 27
300 dpi
686x1020mm
Pdf/X-1a:2001, kompatibel med Acrobat 4
Vi har stort sett holdt oss til samme oppsett som på forsiden av DVD coveret. Eneste forskjellen er at vi har lagt til tekst nederst på plakaten, der det vanligvis står informasjon om alle navn involvert i filmen. Der har vi heller beskrevet våre arbeidsroller, helt enkelt for å fylle opp.
Profil Manual
Her tok vi med det vi mente var relevant for designet vårt, etter å ha gjort mye research.
Typografi
Fonten vi har brukt på både dvd cover og plakat heter Lucida Bright. Her har vi variert med bruk av regular og demibold alt etter hva som passet best. På lengre tekster har vi brukt regular for å oppnå enn bedre lesbarhet og på korte ord har vi brukt demibold for å fremheve teksten. Vi valgte denne fonten fordi den står i stil med logoen. Det er en fin og stilren font som vi syns passer godt til helheten på både plakat og dvd cover. Det er en font med seriffer, som logoen også har.
Ps. For større versjone av alle bildene i denne rapporten se miniprosjektbloggen http://05therealprincess.wordpress.com/
Innleverte PDF’er, endelige produkter:
Stor versjon: DVD-cover_miniprosjekt
Stor versjon:Filmplakat_miniprosjekt
Curb Magasin trykklargjøring
Jeg hadde selvfølgelig lagt inn bilder og illustrasjoner i InDesign i form av .psd, .tif og andre formater, alle i RGB! Dermed måtte jeg arbeide litt… Jeg åpnet alle bildefilene i Photoshop, konverterte dem til CMYK og lagret dem som .eps (8 bit/px). Deretter byttet jeg ut alle bildene i Curb.
Jeg converterte dem til CMYK (Working CMYK – U.S. Web Coated (SWOP) v2. Eksporterte deretter .indd-filen til PDF compatibel med Acrobat 5, og med standard X-1a:2001 (CMYK only file). Bicubic downsampling til 300 dpi på alle bilder. All printer marks. Bleed som i dokumentet. Subset fonts when percent of characters used is less than 100% (embed fonts).
Her er den trykklare PDF’en:
Og her er CMYK fargespesifikasjoner og skrifter som er brukt i layout’en.
Trykklargjøring – ting å huske på
Det er virkelig en del å sette seg inn i når det gjelder trykklargjøring. Når har jeg lest og sett alle tutorials for n’te gang og spurt og plaget Paul på forumet, lest alle lenker han har anbefalt, og begynner (kanskje) å få oversikt (?). Er ihvertfall LITT klokere, men jeg tror likevel at jeg må ta dette ordentlig med trykkeren første gang jeg skal lage et riktig trykk.
Huskeliste for trykklargjøring:
- Mens du produserer en InDesign fil for trykk, pass på at bilder og illustrasjoner som plasseres i InDesign er i CMYK, særlig hvis du skal CMYK bruke fargespesifikasjonene. Man kan også konvertere alt i InDesign-filen over til CMYK mens PDF’en eksporteres, men jeg vet ikke hvordan man da får tak i CMYK-verdiene?
- Printe ut PDF med bleed og cropmarks
- Være sikker på hvilken PDF-kompatibilitet man skal ha (snakke med trykkeriet om dette)
- Sjekke at fonter er embedded (“subset fornts when percent…. etc etc.. skal stå på 100%)
- Oppløsning skal være 300 dpi
- Bruk PDF fra Distiller eller direkte fra Adobe CS-applikasjonene (andre PDF-programmer kan du ikke være sikker på om er like bra i kvalitet).
Om jeg har glemt noe, legg til en kommentar nedenfor!
Dette skal trykkeriet ha:
(Generell liste, man skal forhøre seg først)
- InDesignfilen
- Bilder i .tif eller .eps format og 300 dpi – aldri i JPEG!
- Illustrasjoner i .eps-format (noen trykkerier aksepterer .ai)
- Fonter i postscript (husk at de har to filer .pfm og .pfb)
- PDF med cropmarks og bleed som viser hele sluttproduktet hvordan det skal se ut
- Dokument som viser fargespesifikasjoner i CMYK (eller evt spotfarger i prosent)
- Evt. beskrivelse om hvordan du vil ha tingene gjort
Jeg hadde dette spørsmålet som jeg la ut på forumet:
- Jeg ser at noen andre studenter (og trykkerier på nett) ber om at PDF’en skal være via Acrobat Distiller innstilt til PDF/X-1a:2001, men dette finner jeg ikke igjen når jeg eksporterer dokumentet direkte fra InDesign slik Anette viste i videoleksjonen. Er dette gammelt nytt og CS5 fiksen biffen, eller burde man gjøre dette fortsatt?
Som en huskeliste til meg selv må jeg lime inn Pauls svar til meg fra forumet:
“I personally would not recommend you doing the Distiller method like this.
In CS5 you should have options to export to the type of PDF you need (X-1a; X-2 etc). However, its the Compatibility drop-down menu that is important.
It is a lot to do with what you have done in your document. If you have transparency, drop shadows etc and want to send a PDF to the printers, they will be concerned if you have flattened the work or not. Transparency has be to be flattened before printing on a post-script printer.
Acrobat 4 option will print anywhere (in USA) using the preset, and in europe use the X-3 preset – where you get more color management options.
The X-1a:2001 is a CMYK only file (maybe this begins to answer your question below).
If your printhouse can print Transparency (flattening) then send them a Acrobat 5 or 6. Where 6, 7 or 8 etc…can be use for client proofing and web.
This may help you for now.
Some good links here for you – scroll to bottom.”
Curb magasin layout – ny versjon med seks sider
Når jeg leste denne oppgaven første gang var jeg nok litt for rask. Jeg registrerte at vi skulle ha en forside, en bakside og 2 sider i midten. Jeg var så fokusert på at to pluss to er fire at jeg ikke leste teksten skikkelig; det skulle være 2 SPREADS i midten, ikke 2 sider, dermed skulle det selvfølgelig være 6 sider totalt og ikke 4!
Jeg har laget en ny versjon av Curb magasin layout basert på den første. Har egentlig ikke endret noe, bare lagt til en side imellom pluss en ny bakside. Siste side i magasiner er gjerne forbeholdt en helsides reklame eller et stort bilde, derfor laget jeg en lignende layout. På den ekstra siden inne i magasinet la jeg til to bilder og en liten sitat-tekst. Hadde dette vært et ordentlig magasin, ville jeg ha hatt et helsides portrett (for eksempel av han som uttaler seg i artikkelen) eller en side med reklame. Jeg har derfor valgt å holde denne siden ganske ren for skrift, og beholdt de opprinnelige tre sidene med tekst.
Her er den nye 6-siders layout’en:
Curb magasin layout
Skissene til magasinet Curb som vi laget i forrige aktivitet skulle nå produseres digitalt i InDesign.
Jeg har som nevnt i forrige innlegg lagt vekt på en kul, kreativ layout som kan appellere til designere av begge kjønn. Mange av elementene vi fikk utlevert er litt sånn “street art” og grafiti-aktige, dermed må stilen på bladet også være litt tøff, ung og “street”.
Forsiden er asymmetrisk og enkel. Jeg har brukt det svart-hvite gatebildet som vi fikk i Curb-mappen og bearbeidet det i Photoshop. Eller syntes jeg elementet “Rollers” passet veldig godt inn, fordi det masse kreativ krøll, og artikkelen handler om å hele tiden utvikle seg selv som designer.
Jeg har forsøkt å skape drama og flyt med bruk av stor typografi, spennende font og variasjon i bakgrunnsfarger. Spesielt synes jeg dymo-tape fonten er veldig kul! B-)
Curb magasin layout skisser
I denne oppgaven skulle vi studere en mappe med ferdige elementer og skisse opp layout til et magasin ved navn Curb, hvor disse elementene skulle brukes.
Her er mine skisser. Jeg har stort sett holdt meg til asymmetrisk layout og kombinasjon mellom symmetrisk og asymmetrisk fordi jeg synes dette passer best til denne type magasin, og fordi det er dynamisk og spennende. Jeg synes blader og magasiner med tre kolonner fungerer bra, og har derfor skisset mest med tre kolonner.
Dette er et magasin om design og målgruppen er gjerne unge designere eller designere som uansett alder følger med på trender, derfor bør layout’en være litt fresh, kreativ og kul. Og ikke feminin men like godt appellere til begge kjønn lesere.
Grid, margin
I denne oppgaven skulle vi finne 4 enkeltsider i blader og aviser, og tegne inn grid og marginer. Vi skulle måle størrelsen på marginene og på kolonnene, og reflektere over hvordan størrelsesforholdene på margin og kolonner virker på lesbarheten.
Noen av skanningene mine ble litt skjeve, eller mangler indre margin på bildet, men målene er reelle.
KK:
Margin topp: 7,5 cm
Margin bunn: 1,8 cm
Indre margin: 1 cm
Ytre margin: 1,3 cm
Kolonner: 3 stykker
Kolonnebredde: 5,9 cm
Gutter: 0,6 cm
Denne layouten fungerer veldig bra, er lesbar og fin. Luftig, stort bilde og sitat i store bokstaver bryter fint opp. Marginene har bra proposjoner. Tre kolonner ser ut til å være veldig vanlig i mange blader, sikkert fordi det ofte fungerer bra.
A-magasinet:
Margin topp: 4,2 cm
Margin bunn: 1,6 cm
Indre margin: 1,3 cm
Ytre margin: 3,8 cm (minus en ekstra kolonne, der er bredden 1,1 cm)
Kolonner: 4. 1 smal og kort, pluss 3 like brede
Kolonnebredde: 2,3 cm (1 stykk) + 5 cm (3 stykker)
Gutter (mellomrom): 0,4 cm
Også en god layout. Tre hovedkolonner som på KK, men en ekstra, kortere en for ingress. Brede felter rundt teksten, særlig i topp og ytre kant gjør at gutter kan være smalere uten at det går ut over lesbarheten.
Familien:
Margin topp: 0 cm / 12 cm om man ikke teller med bildet
Margin bunn: 1,3 cm
Indre margin: 1 cm
Ytre margin: 0,7 cm
Kolonner: 4 stykker
Kolonnebredde: 4,4 cm
Gutter (mellomrom): 0,4 cm
Denne layouten er litt mindre bra for mitt øye. Det skyldes at den har fire kolonner og i tillegg at marginene og gutter er veldig smale. Det burde være enten eller. I tillegg er ytre margin smalene enn indre, og det ser litt feil ut. Lesbarheten er likevel bra, fordi kolonnene er såpass smale at øyet ikke skal så langt for hver linje.
Seasons:
Margin topp: 2,8 cm
Margin bunn: 2,1 cm
Indre margin: 1,6 cm
Ytre margin: 1,8 cm
Kolonner: 2 stykker
Kolonnebredde: 8,2 cm
Gutter (mellomrom): 0,6 cm
Symmetrisk layout med to brede kolonner. Bredden på kolonnene gjør den nok noe mer tung å lese enn de foregående eksemplene. Likevel er den mye bedre enn den neste.
Holmen senter:
Margin topp:1,4 cm
Margin bunn: 1,7 cm
Indre margin: 0,6 cm
Ytre margin: 2,1 cm
Kolonner: 2 stykker, men ujevnt fordelt
OPPE:
Kolonnebredde, tekst: 7,3 cm
Bildebredde: 11,8 cm
Gutter (mellomrom): 0,9 cm
NEDE:
Kolonnebredde, tekst: 9,5 cm
Bildebredde: 10,9 cm
Gutter (mellomrom): 0,5 cm
Denne layouten er nesten litt vond å se på. Det første som skjærer i øynene er at bildene er skjevt plassert i hvert sitt hjørne, noe som sikkert kunne fungert med bilder som var like store, men både bildene og tekstfeltene (kolonnene) har forskjellig størrelser oppe og nede. Gutter er også ulikt oppe og nede. I tillegg er marginene ganske smale. Selv om det skal se ut som løse lapper med oppskrifter på ville det tatt seg bedre ut med litt mer synkronisert bruk av grid, tror jeg.
Layout stiler
I denne oppgaven skulle vi se på hvordan symmetri og asymmetri er brukt i forsidelayout i magasiner/blader/aviser/brosjyrer. Vi skulle dele de inn i tre grupper, symmetrisk layout, asymmetrisk layout og kombinasjon.
Symmetrisk layout:
Eksempler på symmetrisk layout som jeg har funnet er: Forsiden til MARK magasin, forsiden til en Taschen-bok kalt Illustrastration Now! (en illustrasjon for Yves Saint Laurent er brukt som omslag), en brosjyre for House of Oslo samt den nyeste IKEA-katalogen. Det virker som symmetrisk layout ikke er så veldig vanlig som forside på magasiner, blader og brosjyrer.
Selv om forsiden til MARK magasin er nesten helt symmetrisk, så har den issue nummer og dato øverst til venstre som egentlig bryter det symmetriske. Illustrasjonen for Illustration Now! har forfatternavnet som bryter det symmetriske, og IKEA-katalogen har en liten bolk med tekst nederst til høyre som også gjør den ikke 100% symmetrisk. Så kanskje burde alle tre i stedet inngå i gruppen “kombinasjon”?
Forsider på ukeblader er som oftest asymmetriske eller en kombinasjon, men dette eksemplaret fra ELLE er det nærmeste symmetri jeg har funnet på et ukeblad, tekstelementene er nesten plassert i en (nesten) symmetrisk ring rundt forsidebildet.
Dermed er den mest symmetriske layouten jeg har funnet i denne omgang, brosjyren for House of Oslo, som ellers også har et veldig spennende format. Hele brosjyren er skjært ut som et handlenett!
Kombinasjon symmetrisk-asymmetrisk layout:
Jeg synes grensen mellom det strengt symmetriske og kombinasjonen av symmetri og asymmetri er glidende, for tre av de jeg egentlig ville klassifisere som symmetriske ovenfor hadde faktisk et lite element av asymmetri i seg og burde kanskje ikke kalles symmetriske? Disse neste som jeg har plassert i kategorien “kombinasjon” er egentlig ganske like noen av de ovenfor, bare at det asymmetriske elementet kanskje er litt mer dominerende?
Brosjyren fra Rockefeller er temmelig symmetrisk, men teksten “Vår 2010″ er ganske stor og tydelig og asymmetrisk plassert, og bryter dermed opp det symmetriske. Det samme skjer på forsiden av LIVE IN BÆRUM som stort sett er symmetrisk, men teksten “Bærum” under “IN” og et tekstfelt på venstre side av fotografiet gjør layouten til en kombinasjon.
Asymmetrisk layout:
Jeg synes det var aller lettest å finne asymmetrisk layout, vet ikke om det er ensbetydende med at det er den vanligste typen? Asymmetrisk layout kan bli veldig stilig og classy, dersom den er gjort på en stilfull og gjennomført måte (for eksempel synes jeg forsiden av HENNE i svart-hvitt og brosjyren FAN er eksempler på flott utført asymmetrisk layout.
Skylife og brosjyren fra Folkeuniversitetet er også asymmetriske, og resultatet er dynamisk og tiltrekkende. Det siste eksempelet er en asymmetrisk forside fra KK. Dette er en ganske typisk ukebladforside, asymmetrisk og der titlene skriker om kapp i en konkurranse etter å bli lest. Jeg vet at det er veldig vanlig, sikkert fordi det selger, men jeg synes personlig at det ser ganske rotete og travelt ut. Da liker jeg den svart-hvite løsningen til HENNE mye bedre!
Favorittlayout:
Når det gjelder ukeblader og magasiner synes jeg de som har mindre tekst på forsiden, men som i stedet har en enkel layout der et flott (stort) bilde i kombinasjon med spennende farger og kanskje bare én stor tekst eller tekstbolk, resten luft (eller bilde), pirrer mer min nysgjerrighet til å lese – det blir rett og slett mer elegant! Det viktigste er ikke om den er asymmetrisk eller symmetrisk, men at den er ryddig og stilfullt satt opp. Se et par eksempler helt nederst (knipset hos Narvesen med mobil).
-
- Symmetrisk (nesten)
-
- Symmetrisk (nesten)
-
- Symmetrisk
-
- Symmetrisk (nesten)
-
- Kombinasjon symmetrisk-asymmetrisk
-
- Kombinasjon symmetrisk-asymmetrisk
-
- Symmetrisk-ish
-
- Asymmetrisk
-
- Asymmetrisk
-
- Asymmetrisk
-
- Asymmetrisk
-
- Asymmetrisk
-
- Flott layout med lite tekst
-
- Flott layout stilfull (asymmetrisk)
-
- Stilig layout, enkel, symmetrisk
Layout – Størrelser, kolonner og margin
En av skissene fra forrige læringsaktivitet invitasjon layout skulle brukes som utgangspunkt for et nytt InDesign-dokument. Her skulle vi legge inn riktig størrelse, folds og sider.
Jeg jobbet litt videre med layout’en først, før jeg begynte i InDesign. Det jeg synes er vanskelig er å vite hvilken side av spread som kommer på forsiden og baksiden, i midten også videre, når man printer tosidig. Tror ikke sidene mine er helt riktig plassert i PDF’en, men på fotografiene kan dere ihvertfall se hvordan jeg ville at det skal bli.
Slik ble dette første forsøket mitt med InDesign iallefall, og her er en lenke til PDF’en.
Invitasjon layout format
Vi skulle lage en idéskisse til en invitasjon til den årlige høstutstillingen i 2010. Vi skulle ta utgangspunkt i A4-formatet og øve på hvordan vi innovativt kunne utnytte formatet og utformingen. Vi kunne tegne, brette og skrive.
Her har jeg lekt meg litt med A4-formatet, og så skisset jeg litt og prøvde ut en idé på to A4-ark brettet til A5. Først ville jeg gjerne gjøre fasongen spesiell, men etterhvert fant jeg ut av en halv A4-side, A5 var et bra format. Og istedet begynte jeg åleke med ideen om å bruke utskjæringer på førstesiden (et omslag som også gjerne kunne lages i et tynnere, litt transparent papir eventuelt). Den første siden skal både vise og skjule hva som kommer inni invitasjonen, og på den måten pirre nysgjerrigheten. Jeg jobbet videre med denne ideen og skal prøve den ut i InDesign.
Kommentarene