Modul 10- Oversikt over programvaren Denne modulen gir en innledning om publiseringsprogramvare, dvs en oversikt over de tre programmene som vil bli gjennomgått i de kommende modulene av kurset. Nødvendig utstyr PC med projektor til foreleser Whiteboard eller tavle Små ark til å skrive på Eksempler på PR-materiale Penner, tusjer eller blyanter Generelt Varighet Om lag 15 minutter Kunnskapsmål Kunne forskjellen på hva programmene i publiseringspakken til Adobe utfører Deltagerne skal vite hvilket verktøy som skal passer best til de forskjellige oppgavene som skal utføres Deltagerne skal kunne komme med noen forslag til hvordan en trykksak er satt sammen av en rekke objekter (tekst og illustrasjoner) for å forstå hvordan de selv skal realisere egne ideer som skal settes ut i livet under videre arbeid De skal kjenne til Adobe-produktenes fellestrekk innen programmenes arbeidsmiljø (menyer, verktøylinjer og paletter) Holdningsmål Her beskrives det man har som mål at deltagerne skal lære, i form av hvilke holdninger man ønsker deltagerne skal tilegne seg i løpet av denne modulen. Sammenheng eller overlapping Denne modulen henger sammen med modulene 11, 12 og 13 Krav til deltagerne Deltagerne må være gode i bruk av datamaskin, med bred kunnskap om hvordan Windows (og eller Mac) fungerer. Dersom de ikke har det vil det gå altfor lang tid under de hektiske modulene hvor mange programoperasjoner skal læres på meget kort tid. For de som eventuelt ikke er vant med arbeide på datamaskin anbefales å heller høre på forelesningene og ikke delta selv i arbeidet (regner med, og håper, at dette gjelder ingen eller svært få). 1
Det skal ikke være nødvendig å lese noe på forhånd, men alt deltagerne vet om data, oppløsning og grafikk er av det gode. Deltagerne må gjerne ta med seg en trykksak til forelesningen (enten en de kunne tenke seg å herme etter eller en de syntes er spesielt godt laget) Litteraturtips Foreleser bør ha sett igjennom alt kursmaterialet som er laget til modulene 8, 9 og 10 som bakgrunnsmateriale til introduksjonen. Tips til foreleser om tekst til forberedelse: Alle kompendier til dette kurset Les også på www.adobe.no Husk også at bruksanvisninger og hjelpefiler til disse programmene ligger tilgjengelig på PDF-format i den samme mappen som programmet installeres fra på P:\ (kommer automatisk opp når du logger deg på en UiO-maskin (\\serimne\winprog)) Arbeidsformer Forelesning Kursleder holder en kort forelesning om de tre programmene (vis også fysiske eksempler på trykksak (ta med en hvilken som helst brosjyre), vektorgrafikk (et eller annet UiO-produkt med en logo på) og bilde (høyoppløselig foto, f.eks. National Geographic eller et glossy magasin fra Narvesen) Gruppearbeid Deretter deles det ut trykksaker, der hver gruppe får 3 trykksaker utdelt. De får 2 minutter på å analysere det trykkede materialet på trykksaken. Hvor er det tekst, bilder osv. Diskuter hvor det antagelig er benyttet vektorgrafikk og hvor det er pikselerte bilder, osv. Plenumsdiskusjon En av gruppene kan komme med svarforslag og så diskuteres det i plenum. Tema Modulen gir en oversikt over sammenheng og forskjell mellom de tre grafiske programmene som skal gjennomgås. Videre presenteres deltagerne for elementær kunnskap om arbeidsflyten frem mot en elektronisk trykksak. Deltagerne får også kunnskap om tekst og ulike typer fonter. Deretter gjennomgår de en innføring i illustrasjoner, bilder, grafikk, bilde- og skjermoppløsning. Til sist gjennomgår kursleder fellestrekk ved arbeidsmiljøene i de tre grafiske programmene og innstillinger som kan gjøres her. 2
Manus 1. Informasjon til deltagerne om bruk av PC i kurset Lysbilde 1 Arbeid på PC Fortrolighet i arbeidet med PC Skikk og bruk IT-kontrakten Spørsmål? 1 Når man holder kurs hvor det brukes PC i arbeidet ser man ofte at de som deltar blir veldig opphengt i det praktiske arbeidet og at det lett skjer at man sitter og pusler videre i de programmene man gjennomgår i kurset selv om kursleder kommer med ny informasjon eller gruppen er gått over til å diskutere et annet tema. Vær oppmerksom på dette slik at dere ikke faller av underveis!!! Spørsmål til deltagerne: Vi må anta at de fleste som kommer på disse to kursene er vant til å arbeide foran PC, men det er nødvendig å forsikre seg om dette. Spør derfor hvor fortrolige de er med å jobbe med PC. Dersom noen oppgir at de ikke har jobbet særlig med PC tidligere bør disse deltagerne få beskjed om at de kan ta det litt roligere gjennom arbeidsøktene som skjer på PC og at det er viktigere at de klarer å følge med på informasjonen i kurset enn å arbeide i takt med de andre deltagerne. Hver av deltagerne skal skrive under på IT-kontrakt. 3
2. Innledning Lysbilde 2 Publiseringsprogramvare Illustrator, Photoshop og InDesign 2 Vi skal i denne moduler gå (lynraskt) igjennom ett sett med programmer som kan hjelpe oss i prosessen fra idé til ferdig trykksak, pdf-dokument eller nettside. Programmene er kun eksempler fra et vell av mulige programmer, men Adobeproduktene som vi skal se på har vist seg å holde god kvalitet samtidig som UiO har gunstige avtaler på produktene. Med publiseringsprogramvare menes i dette kurset programvare som behandler innhold (tekst, figurer og bilder) og klargjør dette for enten trykksaker eller elektronisk publisering (f.eks. html eller pdf). Trykksaker inneholder ofte nettopp bilder og figurer i tillegg til teksten. Vi skal derfor se på både de programmene som redigerer og klargjør bilder før de kobles sammen med teksten i et program som er dedikert til denne oppgaven. For å forenkle publiseringsarbeidet kan det være smart å holde seg til programmer som kan behandle og utveksle de samme filene. På den måten kan innholdet flyttes "sømløst" mellom de forskjellige applikasjonene. I dette kurset ser vi på ett av mange tilbud på markedet innen publiseringsprogramvare; Adobe. Universitetet i Oslo har skrevet fordelaktige avtaler for flere av disse programmene som også foreninger. 4
3. Kort om Illustrator Lysbilde 3 Illustrasjonsprogram Illustrator Styrker: Skalerbar vektorgrafikk Lese filer fra andre program Nyttige og avanserte funksjoner 3 Illustrator er et illustrasjonsprogram. Styrken til dette programmet er blant annet det lager vektorgrafikk som er skalerbar i størrelse det kan lese en lang rekke filer selv om de er laget i andre programmer det har en lang rekke nyttige og avanserte funksjoner for å få det endelige produktet så godt som mulig 5
4. Kort om Photoshop Lysbilde 4 Photoshop Bildebehandling Muligheter: Retusjering Fargekorrigering Bildemontasje Klargjøring for web og/eller trykksaker 4 Photoshop er industristandarden innen bildebehandling. Kan utføre det meste innen retusjering, fargekorrigering, bildemontasje og klargjøring for web og/eller trykksaker. 6
5. Kort om InDesign Lysbilde 5 InDesign Kobler tekst og illustrasjon til ferdig produkt Alle tenkelige format 5 InDesign er programmet som kobler sammen tekst og illustrasjoner til et ferdig produkt, direkte til trykkeri eller via pdf. Filene kalles t.o.m. "trykksaker" i dette programmet. Du kan lage alt mellom en plakat på 6x6 meter til en bok på 10 000 sider, eksportere resultatet til trykk, pdf eller XML 7
6. Arbeidsflyt frem mot en trykksak Lysbilde 6 Arbeidsflyt frem mot trykksak Illustrator lager og redigerer vektorgrafikk Photoshop lager og redigerer punktgrafikk InDesign setter sammen forskjellige elementer til det ferdige produktet, og lager filer som trykkeriet, skriveren eller skjermen kan utnytte 6 Illustrator lager og redigerer vektorgrafikk Photoshop lager og redigerer punktgrafikk InDesign setter sammen forskjellige elementer til det ferdige produktet, og lager filer som trykkeriet, skriveren eller skjermen kan utnytte 8
7. Elementer i en elektronisk trykksak Lysbilde 7 Elementer i en elektronisk trykksak Grunnelementer (ant. sider, dokumentets høyde og bredde, dobbeltsidighet osv) Tekst fonter og tegn Vektorgrafikk skalerbare objekter, bestemt av matematiske formler Punktgrafikk bilder (foto) med en oppløsning, bestemt av antall punkter pr lengdeenhet 7 La oss først se på overgangen fra idé til dokument. De aller fleste har evnen til å danne oss bilder inni hodet av noe, selv om idéen ikke eksisterer fysisk ennå. Vi får en ide som vi gjerne skulle omsette i praksis. Når denne idéen skal realiseres er det, som med så mye annet håndverk, helt avgjørende å velge korrekt verktøy underveis i arbeidet. Innen publisering av trykksaker og/eller nettsider er det avgjørende å lære seg grunnleggende kunnskaper om tekst, illustrasjoner og bilder. På den måten kan du komme riktigere enklere frem til målet. 9
8. Tekstressurser Lysbilde 8 Tekstressurser Tekst kan hentes fra en rekke kilder i arbeide med InDesign Benytt enkle teksteditorer, e-post eller en annen editor som ikke legger på stiler og layout Utseendet tilordnes i InDesign etter at objektene er på plass 8 Tekst kan hentes fra en rekke kilder i arbeide med InDesign Benytt enkle teksteditorer, e-post eller en annen editor som ikke legger på stiler og layout Utseendet tilordnes i InDesign etter at objektene er på plass 10
9. Tekst Lysbilde 9 Tekst Forståelse av tekst forutsetter utseende Fonter: bokstaver med stilistiske likhetstrekk Fontfamilier Skriftstiler Eksempler på fonter finner du her:www.luth.no 9 Vi skal se mer på hvordan du får tekst til å oppføre seg slik du ønsker i modulen hvor vi tar for oss InDesign Vi nøyer oss her med å lære følgende grunnleggende kunnskaper om fonter og tekst: All tekst må ha et utseende for å kunne forstås av en leser. Hvis bokstavene er utviklet med visse likhetstrekk, f.eks. stilistiske trekk, størrelse og bredde, snakker vi om en font. Grupper av fonter med mange likhetstrekk kalles fontfamilier. Legg også merke til at en del overordnede likhetstrekk over dette igjen, ofte blir kalt skriftstil (romansk, gotisk osv). Noen fonter er blitt standarder. De oppleves av mange som "gratis", siden grunnleggende tekstbehandlingsprogrammer alltid har disse installert. Disse og andre fonter må likevel kjøpes på det kommersielle markedet, på linje med annen software. Du kan se eksempler på mange forskjellige fonter; "Prøv ut fonten før du kjøper den!" - hos www.luth.no En viktig utvikling på font-fronten skjedde når man fant ut at det ble et behov for å kunne utnytte fonten på en mer fleksibel måte. 11
10. Bitmap fonter Lysbilde 10 Bitmap fonter De første fontene Punktmønstre Upraktiske Ikke lengre hensiktsmessige 10 I dataalderens barndom opererte man med bitmap-fonter I disse fontene hadde hver bokstav en gitt mengde punkter til rådighet, som du enten slår av eller på slik at de påslåtte punktene danner bokstaven som du vil skrive. Dette systemet var tilpasset utskrift på skjerm, og ikke på papir. Det blir lite hensiktsmessig når du, med denne løsningen, må lage en bitmaptegning/grafisk fil for hver størrelse, kursiverte og understrekede variant av fonten. Du måtte også lage enda en ny fil hvis du ville ha understreket og kursivert samtidig. 12
11. PostScript fonter Lysbilde 11 Postscript fonter Kurver og linjer, ikke punktmønstre Uavhengig av utskriftsutstyret 11 PostScript-fonter En PostScript er en løsning som beskriver tegnene i fonten som kurver og linjer, og ikke som punktmønstre. Når programmet kjøres i en laserskriver forteller det skriveren formen på bokstaver, tall og tegn som skal skrives ut og overlater til skriveren (les: rastrereren på skriveren) å bestemme hvordan utskriften skal skje. Det betyr at skriveren kan skrive ut fonten like pent i alle størrelser og at utskriften skjer med skriverens oppløsning. På denne måten er altså PostScript-fonten uavhengig av utskriftsutstyret. En god illustrasjon på dette er Linotron 100 og Linotype 300 som Linotype lanserte som PostScript-fotosettere kort tid etter Apples Laserwriter. De bruker samme PostScript-fonten til å skrive ut fotosats med langt høyere oppløsning enn tilfellet var med utskriften på laserskriveren. 13
12. Truetype fonter Lysbilde 12 Truetype fonter Skalerbare fonter Kombinerer fontbeskrivelse med rastrereren 12 I en lang periode satt Adobe med bukten og begge endene på font- og skrivermarkedet. De eide både PostScript- og Type 1-fontteknologien. Det tok de seg betalt når andre skulle bruke teknologien. Fontene kostet mye og var ikke noe hverdagskjøp. I et forsøk på å bryte Adobes tilnærmede monopol gikk Apple og Microsoft sammen om å lage TrueType og TrueImage. TrueImage ble det aldri noe av, men TrueType som fontformat er kommet for å bli. TrueType-fontene er skalerbare fonter som brukes på både skriver og skjerm. Funksjonelt sett er TrueType-fonten en slags kombinasjon av skjermfont og PostScript-font i en og samme fontfil. Fontfilen inneholder med andre ord både fontbeskrivelsen og rastrereren, noe som gjør at disse fontfilene vanligvis er omtrent dobbelt så store som PostScipt-fontfilene. Apple leverer en rekke TrueType-fonter sammen med systemprogramvaren, på samme måte følger en rekke TrueType-fonter med Windows og andre programmer (blant annet Office-pakka) fra Microsoft. I tillegg lages det en god del TrueTypefonter av tredjeparts leverandører. Siden det er billig og enkelt å lage TrueType-fonter, er det kommet en rekke slike fonter på markedet. Introduksjonen av TrueType skapte problemer for brukeren fordi det var umulig å skrive disse fontene ut på en PostScript-skriver, man måtte ha en TrueType-skriver for å skrive de ut. Etter hvert som stridighetene på markedet la seg og samarbeidsklimaet ble bedre, er dette problemet i dag løst på en måte som sjelden skaper problemer for brukerne. 14
13. Illustrasjoner Vektorgrafikk Lysbilde 13 Illustrasjoner - Vektorgrafikk Vektorgrafikk fleksibilitet Bestemt av matematiske formler Muligheter: Flytte, endre bildet eller endre farge uten at kvalitet går tapt Uavhengig av oppløsning Best på tekst og kraftig grafikk 13 La oss først se på vektorgrafikken. Når du skal fremstille figurer som skal ha en variert bruksmåte (f.eks. en logo) er det viktig at filen du skal benytte er fleksibel. Derfor opererer et godt tegneprogram med det som vi kaller vektorgrafikk. Formen på det du ser på skjermen (og fargene, for den saks skyld) er bestemt av matematiske formler. Et sykkeldekk i et vektorisert bilde består for eksempel av en matematisk definert sirkel som er tegnet med en bestemt radius, plassert på et gitt sted og fylt med en gitt farge. Du kan flytte, endre størrelse eller endre farge på dekket uten at kvaliteten på grafikken går tapt. Vektorgrafikk er uavhengig av oppløsning, det vil si at den kan skaleres til en hvilken som helst størrelse og skrives ut på en hvilken som helst utskriftsenhet, uten at det går ut over detaljrikdommen eller klarheten. Derfor er vektorgrafikk best for tekst (særlig i liten størrelse) og kraftig grafikk som trenger rene, klare linjer (for eksempel logoer) for skalering i mange størrelser. UiOs logo består blant annet av en sirkel. Inne i filen (på gif-formatet) ligger det en beskrivelse av at det skal være en sirkel i logoen, med en viss størrelse og en gitt plassering. Men hvis den skal forminskes under bruk et annet sted er det bare tallene som beskriver sirkelen som forandres. På den måten kan samme figur brukes på en fyrstikkeske eller plakat som skal dekke hele mattebygget. Programmet som skal tegne opp sirkelen følger bare den matematiske formelen. 15
14. Illustrasjoner Punktgrafikk Lysbilde 14 Illustrasjoner - Punktgrafikk Digitale bilder: består av punkter/piksler Pikslene: Plassert ved siden av hverandre Uten direkte tilknytning til hverandre Hver piksel har en utstrekning og en farge Mange piksler: Gir høy oppløsning Tar lang tid for datamaskinen å behandle 14 Et digitalt bilde består av punkter (picture cells - "pixcels" - piksler) som ligger ved siden av hverandre. Ingen av punktene har noen direkte tilknytning til punktet som ligger ved siden av. Hvert punkt har sin utstrekning (NB: alltid firkantet) og farge. Har du mange slike punkter blir oppløsningen god og du kan gjenskape detaljer på en detaljert måte. Du har med andre ord et høyoppløselig bilde. Hvis du derimot har få piksler vil bildet ikke kunne benyttes til mange forskjellige bruksområder, men til gjengjeld er det lett for datamaskinen å behandle (det tar kortere tid), så det kan inngår i raske løsninger (f.eks. nettsider). Vi kommer tilbake til dette i modulen om Photoshop. 16
15. Bildeoppløsning Lysbilde 15 Bildeoppløsning Bildepunkter i utskrift: måles i punkter per tomme (ppt) Bilder med høy oppløsning gjengi detaljer og avanserte fargeoverganger For å bestemme bildeoppløsning: Avhengig av distribusjonsmedium Vise bilde elektronisk lav bildeoppløsning Skrive ut/trykke bildet høy bildeoppløsning 15 Antall bildepunkter som vises per enhet utskrevet lengde i et bilde, måles vanligvis i punkter per tomme (ppt). Et bilde med høy oppløsning inneholder flere, og dermed mindre, bildepunkter enn et bilde med de samme dimensjonene, men med lavere oppløsning. For eksempel vil et bilde på 1 x 1 tomme med en oppløsning på 72 ppt inneholde til sammen 5 184 bildepunkter (72 i bredden x 72 i høyden = 5 184). Det samme bildet på 1 x 1 tomme med en oppløsning på 300 ppt vil inneholde til sammen 90 000 punkter. Fordi det brukes flere punkter per områdeenhet, vil bilder med høy oppløsning vanligvis kunne gjengi flere detaljer og mer avanserte fargeoverganger i utskrift enn bilder med lavere oppløsning. Imidlertid vil du vanligvis ikke få noen særlig økning i bildekvaliteten ved å øke oppløsningen til et bilde som er skannet eller opprettet ved en lavere oppløsning, ettersom den opprinnelige bildepunktinformasjonen da bare vil spres over et større antall bildepunkter. 17
Når du skal bestemme hvilken bildeoppløsning du vil bruke, må du ta i betraktning hvilket distribusjonsmedium du skal bruke for bildet. Hvis du lager et bilde som skal vises elektronisk, trenger bildeoppløsningen bare stemme overens med vanlig skjermoppløsning (72 eller 96 ppt). Hvis du bruker for lav oppløsning for et bilde til utskrift, vil det imidlertid resultere i groing, det vil si utskrift med store, grove bildepunkter. Hvis du bruker for høy oppløsning (bildepunkter som er mindre enn det skjermen eller skriveren kan gjengi), vil filen bli større og utskriften gå saktere. 18
16. Skjermoppløsning Lysbilde 16 Skjermoppløsning Både vektor- og punktgrafikk Skjermoppløsning avhenger av: Størrelse på skjerm Innstillinger for bildepunkter 16 Ettersom bildet på en dataskjerm består av et nett av bildepunkt, vises både vektorog punktgrafikk i bildepunkt på skjermen. Skrivere og skjermer viser grafikk som grupper av bildepunkter. En vanlig 21-tommers skjerm viser 1 152 bildepunkter vannrett og 870 loddrett. Et bilde med bildepunktdimensjonene 1 152 ganger 870 ville fylle hele denne skjermen. Antall bildepunkter eller punkt som vises per lengdeenhet på skjermen, måles vanligvis i punkt per tomme (ppt). Skjermoppløsningen avhenger av størrelsen på skjermen samt innstillingen for bildepunkter. Oppløsningen på en PC- eller Mac OS-skjerm er fra 60 til 133 ppt. Når man forstår hva skjermoppløsning innebærer, er det lettere å forstå hvorfor et bilde på skjermen har en annen størrelse enn på utskriften. 19
17. Fellestrekk i Adobe-produktene Lysbilde 17 Fellestrekk i Adobeproduktene 17 Arbeidsmiljøet i Adobe-produktene Adobe-produktenes arbeidsmiljø består av menyer, verktøylinjer og paletter. Både Illustrator, Photoshop og InDesign har tre områder hvor brukeren kan få tilgang til funksjoner og innstillinger: 1) menyer 2) verktøylinjer 3) paletter Menyene inneholder alle funksjoner som finnes i programmet. Men for at noen av de oftest brukte funksjoner skal ligge litt mer tilgjengelig (for de som bruker mus i arbeidet) så er det opprettet verktøylinjer. Verktøylinjer er kun snarveier til funksjoner og innstillinger som likevel finnes tilgengelig andre steder i programmet. Bruken av paletter er noe som har kommet mer på banen ettersom kompleksiteten i programmene øker. En palett er en måte å samle informasjon og funksjoner på et lite, flyttbart og informativt område på skjermen. 20
18. Innstillinger Lysbilde 18 Innstillinger - Preferences Innstillinger som gjøres før du har et dokument åpnet huskes til neste gang du åpner programmet Valgene ligger nederst på rediger-menyen Gjelder kun klienten på din egen maskin 18 Du kan lage dine egne innstillinger i programmene Programmer i Adobe-familien kan ta vare på dine egen innstillinger i programmet. Dette er innstillinger som du vil ta vare på til neste gang du åpner programmet. For at disse innstillingene skal gjelde programmet og ikke det dokumentet som du til enhver tid har fremme, må du gjøre innstillingene FØR du åpner noe dokument. Du finner innstillingene under rediger-menyen. 21
19. Ressurser som kan være til hjelp i arbeidet Lysbilde 19 Ressurser til hjelp Husk at hjelpfunksjonen i hvert enkelt program er god (trykk F1 mens du har programmet oppe) Ekstra hjelpefiler, maler og plug-in kan lastes ned på PDF fra UiOs programvareserver Samme gjelder bruksanvisninger på formatet PDF 19 Husk også at bruksanvisninger og hjelpefiler til disse programmene ligger tilgjengelig på PDF-format i den samme mappen som programmet installeres fra på P:\ Disse kommer automatisk opp når du logger deg på en UiO-maskin (\\serimne\winprog)) 22
20. Nettsider hvor man kan finne hjelp og informasjon Lysbilde 20 www.adobe.com Nettsider http://www.adobe.com/support/ som har expert center med filer til nedlastning, maler og spesialtips/triks SiO-Læringsmiljø - Kurs i PR og 20 Vis bildet 23
21. Gruppeoppgave til modul 10 1) Hva er grunnen til at vektorgrafikk kan skaleres opp og ned i størrelse uten at det har noen ødeleggende effekt på kvaliteten på figuren? 2) Hvilken form har hvert enkelt piksel i et punktgrafikkbilde? 3) Om filformater Du har fått i oppgave å redigere sammen et dokument til en trykksak. Oppdragsgiver har en mappe med følgende filer. forklaring.txt ja.jpg blyant.gif sverige.indd hoppe.ai nei.psd Hvilket av de tre programmene (Illustrator, Photoshop og InDesign) ville du benyttet for å redigere hver av de forskjellige filene? 24