Reflektert dagbok – multimediedesign

Posts tagged “InDesign

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!!!

Reklamer

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


Font-problemer, OPI-problemer og forkortede hyperlinker i InDesign

Jeg har hatt litt av en helg; font-trøbbel, OPI-trøbbel og mye annet som InDesign kan finne på… Har jobbet med å legge hele dette første halvårets grafiske arbeider i InDesign for å lage PDF av dem, men fordi InDesign «satte seg på bakbeina» så mange ganger har jeg lært en god del.

Font-problemer

I miniprosjektet vårt (obligatorisk oppgave 05 Miniprosjekt) hadde vi brukt fontene Lucida Bright Regular og Lucida Bright Demibold/Demibold Italics. Selv om jeg ikke hadde hatt noen problemer da vi ferdigstilte de trykklare PDF’ene av DVD-cover, filmplakat og profilmanual, så fikk jeg nå plutselig ikke lenger lov å sette dem inn i InDesign. «Cannot embed font due to licensing restrictions» kom stadig opp». Uansett hva jeg prøvde så ville InDesign bare erstatte disse fontene med default font (Minion Pro), som jo ikke ble særlig pent. På et av forsøkene kom profilmanualen ut med bare prikker der bokstavene i Lucida Bright Demibold skulle ha vært!

Tilslutt kjøpte jeg fontene til odel og eie på nettet. Jeg ville jo ikke gjøre noe ulovlig, men jeg forstod ikke hvorfor jeg hadde disse fontene på maskinen min i første omgang, når de var restricted! Ville nok ikke ha valgt dem om jeg hadde visst at det skulle bli så vanskelig!

Jeg fortsatte å ha problemer etter å ha kjøpt fontene, og begynte å sende mails til Bill i firmaet jeg hadde kjøpt dem av. Bill kunne fortelle at Lucida Bright fontene nok hadde fulgt med Java eller Acrobat på min maskin, men i en limited versjon. De kan ikke bli «embedded». Og at jeg måtte skanne maskinen og kaste ut (slette) alle andre versjoner av fontene slik at det ikke ble konflikt.

Dette ordnet problemene med Lucida Bright Regular, men ikke med Demibold og Demibold Italic! Ordrebekreftelsen og e-postene fra Bill spesifiserte ikke hvilke fonter som var med i den «Lucida fonts family» jeg hadde kjøpt, så til slutt gikk jeg inn igjen i fontbutikken og kjøpte Demibold og Demibold Italic igjen. Da kom det en ny mail fra Bill som kunne fortelle at designeren deres hadde laget Lucida Bright Bold og Lucida Bright Bold Italic IDENTISK med Lucida Bright Demibold og Lucida Bright Demibold Italic!!!!!! Det var samme font og de skulle refundere mitt siste kjøp!

For et styr! Så det eneste jeg trengte å gjøre for å løse alle problemene, var å erstatte alle steder hvor jeg hadde Demibold og Demibold Italic, med Bold og Bold Italic! Det er vel ganske utrolig at de har to fonter listet opp som begge egentlig er identiske!

Derfor har jeg nå Lucida Bright Bold og Lucida Bright Bold Italic overalt i miniprosjektet, og det er riktig! Og fontene eier jeg! Hurra!

OPI-problemer

Ikke nok med det. Jeg fikk også til stadighet melding om at «One or more placed graphics include OPI information. This information is not permitted in PDF/X compliant files. You can click OK to create a PDF/X compliant file with no OPI information, but a graphic may be omitted or may be exported at low-resolution if the high-resolution data is not included in the placed graphic.»

Fant denne linken om emnet: http://forums.macresource.com/read.php?1,500704,500718 

Og denne hos Adobe: http://kb2.adobe.com/cps/330/330721.html

I det ene tilfellet oppdaget jeg at det hadde sneket seg inn JPEG-bilder i InDesign, så disse gjorde jeg straks om til Tiff-format. Noen av de, som var eksempler fra nettet, hadde allerede så dårlig oppløsning at de ble grøtete i tiff. Og OPI-advarselen gikk ikke bort. Jeg regner med at det er fordi InDesign ikke likte den dårlige resolusjonen disse har…

Hyperlinker som er lange

Jeg oppdaget en annen ting også. Når jeg hadde lange lenker (f.eks til innlegg i bloggen min, der URL’en var veldig lang) så ble denne naturlig kuttet av InDesign i henhold til marger og kolonner. Men dessverre så tar InDesign bare med første del av denne URL’en når du omgjør alle URL’er i dokumentet til hyperlinker, den delen som står på første linje. Dermed ble de lange lenkene døde lenker.

Jeg løste dette med å lage forkortede alias-lenker av typen man bruker i sosiale medier som f.eks Twitter. Jeg gikk inn på Bitly og forkortet lenkene, før jeg la dem inn i InDesign. Lenke til Bitly: http://bit.ly/

Puh! Lærerik helg!


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:

Curb_trykk

Og her er CMYK fargespesifikasjoner og skrifter som er brukt i layout’en.

Farger og skrifter CURB


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)

  1. InDesignfilen
  2. Bilder i .tif eller .eps format og 300 dpi – aldri i JPEG!
  3. Illustrasjoner i .eps-format (noen trykkerier aksepterer .ai)
  4. Fonter i postscript (husk at de har to filer .pfm og .pfb)
  5. PDF med cropmarks og bleed som viser hele sluttproduktet hvordan det skal se ut
  6. Dokument som viser fargespesifikasjoner i CMYK (eller evt spotfarger i prosent)
  7. 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.

What version of InDesign are you using Gry? You do not need Distiller!
Here is a good read white paper made by Adobe, not software specific.
This may help you for now.
Some good links here for you – scroll to bottom.»
 
Uansett: Det aller viktigste er å snakke med trykkeriet i god tid slik at man er sikker på at filene leveres slik de vil ha det for best mulig resultat.

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-)


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_01_endprint