Bildemanipulering

Bildemanipulering 2 1

Langsiktig målsetning med kurset 0 Utprøving av digital bildebehandling fra elementær bildebehandling til mer avanserte justerings- og manipulasjonsteknikker 0 Studentene skal forstå og nyttiggjøre seg kunnskap omkring formidling med digitale bilder 0 Bestå en ferdighetstest (uke 9) 3 Plan for økten 0Videoer hva omhandlet de 0Innledning kort om bruk av bilder 0Kort om bruk av bilder i faglig sammenheng 0Brukergrensesnitt og grunnleggende teknikker i Gimp 0Ref: Didiktikk (s 171-183) 4 2

Bruk av bilder i ulike fag og sammenhenger 0 Dokumentere aktiviteter for analyse eller vurdering 0 Lage instruksjoner og/eller digitale forklaringer 0 Lage digitale historiefortellinger 0 Lage animasjoner (bruk av mange bilder gifformat) 0 Aktuelt i arbeid med sammensatte tekster (multimodalitet) 5 Sammensatte tekster 0 utvidet tekstbegrep der tekst kan være satt sammen av skrift. Lyd og bilder i et samlet uttrykk 0 arbeid med tekster som bildebøker, tegneserier, aviser, reklame, nettsider, sangtekster, film og teater 0 (Hentet fra «Fra digital ferdighet til kompetanse» Høiland og Wølner 2007) 0.Å kunne lese en sammensatt tekst dreier seg om å finne mening i helheten av ulike uttrykksformer i teksten (Liestøl mfl 2009:7) 6 3

Bruk av visuelle medier i undervisning Bruk av bilder i undervisningen kan ofte stimulere elevenes lyst til læring. I dagens mediesamfunn; barna vokser opp med nye, visuelle språk, der bilder spiller en sentral rolle. Lærere har til alle tider benyttet visuelle innslag i undervisningen; tegninger på tavla, plansjer, kart, lysbilder og film/video. Etter innføringen av IKT i skolen har det digitale bildet begynt å få en mer sentral plass, og ofte har vi behov for å behandle slike bilder på ulike måter før bruk. Et eksempel kan være at bildet skal tilpasses det medium hvor det skal presenteres. Videre så har man kanskje behov for at sentrale detaljer fremheves eller unødvendige fjernes. 7 Bruk av visuelle medier til dokumentasjon (forskning) 0 Visuelle digitale medier (film, video og bilder) kan brukes i mange sammenhenger - for eksempel til formidling og forsterking av budskap i rapportering 0 Lærerens forskning: Visuelle medier kan også benyttes som dokumentasjon av elevenes læringsprosesser og lærernes arbeid med elever. Denne dokumentasjonen kan bidra til at de som arbeider med elever kan utvikle en reflekterende praksis, samt oppnå en bedre forståelse for hvordan elever lærer. 8 4

Digitale bilder er bildefiler som kan lagres og redigeres ved hjelp av en datamaskin. Filene kan deretter overføres via nettet f.eks. som et vedlegg til en e-post, eller skrives ut på papir. Når vi skal foreta digital bildebehandling, henter vi bildene fra nettet*, fra et digitalkamera/mobiltelefon eller fra en skanner. (*)Husk at du kun har lov å benytte bilder fra såkalte "gratis-sider") Digitale bilder kan også benyttes i alle standardprogram (tekstbehandling, regneark eller presentasjonsprogram som PowerPoint) 9 For å redigere digitale bilder benytter man et bildebehandlingsprogram. I et slikt program kan man både skrive, tegne og male på bildet, forandre eller manipulere bildet på annet vis som f.eks. sette sammen flere bilder/bildeelementer til et nytt bilde. Man kan bruke programmet til å forandre størrelsen på et bilde, eller lagre bildet i et annet bildeformat som passer til det formål bildet skal benyttes til. F.eks. et tekstdokument eller en nettside (som stiller spesielle krav til bildeformat). 10 5

Bildemappe 0 Legg bilder fra digitalkamera/mobiltelefon over på datamaskinen 0 Sorter bildene og lag mapper 0 Navngi bildene 0 Kopier bildene du skal jobbe med i en egen mappe 0 NB! Du skal aldri jobbe med originalfiler! 11 Introduksjon til GIMP 1. Gratisprogram 2. Lastes ned fra nettet 3. Norske menyer 4. Tilpasset både Windows og Mac Les mer om Gimp her! http://no.wikipedia.org/wiki/gimp http://www.gimp.no/tutorials/tutorials07/index.html http://digitalfoto.hib.no/index.php?op=viewarticle&article Id=1033&blogId=54 12 6

Programmets grensesnitt 0Tipsvindu 0Bildevindu 0Verktøykasse 0 Verktøyinnstillinger 0Dokk (valg for lag, baner, angrehistorikk) 0Gjeldende verktøyredskap 0Window singel-window-mode 13 Verktøykasse Dokk 14 7

Verktøykassen er delt i to deler en del som viser verktøyene, og en del som viser alternativene for det valgte verktøyet. Verktøy (her er «Bøttefylling» aktivt) Alternativer for verktøyet «Bøttefylling» 15 Feilsøking 0 Sjekk om du er på rett lag 0 Merking står på slett merket område ved å velge Select None (eller Ctrl Shift A) 0 Endre verktøy fra verktøy-paletten 0 Og: Husk å bruke angremuligheten via angrepaletten! 16 8

0 Skalering 0 Beskjæring Emner vi skal innom 0 Transformeringsverktøy (Speilvende, rotere, forskyve, perspektiv) 0 Lag 0 Fargejustering (Kulør og metning, balanse) 0 Utvalgsverktøy (Merke utvalg) 0 Kloneverktøyet 0 Red-eye-removal 0 Bruk av filter (Blur, Pixelize bl.a.) 0 Mønsterfyll 17 Forberedelse lage mappe 0 Lag en mappe på området ditt som du kaller for «Bildebehandling» 0 Oppsøk nettstedet http://home.hio.no/~eligjol/ 18 9

Oppløsning 0 Piksel er en "forkortelse" av Picture Element. Det er en samling informasjon om en farge i et bilde på et bestemt sted. Man trenger mange piksler i et bilde for å kunne vise alle detaljene skarpt og med god og riktig farge. 0 Antall piksler avhenger av to ting; 0 hvilken fysisk størrelse vi ønsker at bildet skal ha 0 hvilken tetthet bildet skal vises i 0 Oppløsningen påvirkes av skalering og beskjæring 19 Skalere et bilde 0 Velg Bilde-menyen (Image Scale image) Norsk: (Bilde Skaler bilde) 0 Skaler bildet 0 Skriv inn ønsket størrelse og oppløsning 0 (For å beholde proporsjonene i bildet, setter du en størrelse på bredden høyden vil justere seg selv) 0 Skaleringsverktøyet finnes også i verktøykassen 20 10

Beskjære et bilde 0 Velg verktøyet for beskjæring på verktøypaletten 0 Før musepekeren over bildet mens du holder venstre musetast inne (=ram inn bildet) Legg merke til informasjonen i alternativboksen her ser du bildets nye størrelse 0 Klikk «Enter» når du har valgt ønsket beskjæring 21 0 Hva er lag? Lag 0 Lag bidrar til å isolere deler av et bilde, slik at kommandoer kan utføres uten å påvirke øvrige deler. 0 Lag kan også være transparente og gjør at man kan få frem effekter. Videre så er lag viktig når man ønsker å komponere et bilde med elementer fra andre bilder og/eller ønsker å legge tekst på bildene. 0 Man kan bruke justeringslag for å ikke jobbe direkte på bildene 22 11

0 Nytt lag til å tegne på: 0 Velg høyre mustast på laget og velger «New layer» - Gi laget et navn 0 Nå kan du tegne på laget 0 Klikk på øyeikonet hvis du ikke ønsker å se laget 23 Jobbe med lag 0 Finne frem Lag-dokken *); Velg Vinduer og deretter Dockable dialogs her finner du Lag 0 Aktivt lag Det laget som er merket (blått) 0 Vise lag Øye-ikonet til venstre indikerer at laget vises 0 *) Hvis lagdokken har forsvunnet: Velg Windows Dockable Dialogs Layers 0 Hvis du dupliserer laget (høyre musetast Duplicate layer) får du et bakgrunnslag. Dette laget skal ikke skal endres 24 12

Justere farger 0 På menyen «Colors» (Farger) vil du finne mange valg for fargejustering; eller forbedring av farger, kontraster og bildets lyshet. 0 - Color Balance/Fargebalanse 0 - Hue-Saturation/Fargetone-metning 0 - Colorize /Innfarging 0 - Brightness-Contrast/Lysstyrke- kontrast 0 Du kan justere farger på hele eller deler av bildet. Dersom du ønsker å endre deler av bildet, må du lære deg å merke utsnitt av bilder (= bruke utvalgsverktøy) 25 Glød og metning Opprinnelig bilde Metning (saturation) økt (90) Glød (hue) økt (60) 26 13

Mer om farger 0 Farger har 3 hovedegenskaper; Kulør, lyshet og metning. 0 Kulør (Hue): Beskriver fargen i spekteret (f.eks rød, grønn, orange) 0 Lyshet: Sier noe om kuløren er lys eller mørk 0 Metning (Saturation): Sier noe om renheten i fargen en mettet farge er ren og ublandet, mens en umettet farge beveger seg mot gråtoner 0 Fargestikk oppstår gjerne ved skanning kan fjernes ved å justere Color Balance/Fargebalanse 0 I tillegg til dette kan du justere toneomfanget Levels (mengde kontrast) 0 Levels/Nivå: Det vil si justering av kontrastnivå hvordan pikslene fordeler seg fra de mørkeste pikslene til de lyseste pikslene 0 Nivå-kurven viser omfanget av verdier for de lyse og de mørke - i bildet 27 Bruk av transformeringsverktøy 0 Gå på Verktøy-menyen (Tools Transform Tools Shear/Perspective) 0 Velg ønsket transformeringsverktøy (vend, roter, forskyv, perspektiv) 0 Klikk på bildet og endre bildet På bildet til høyre er verktøyet Shear tool benyttet 28 14

Øvelse: Endre perspektiv 0 Hent bildet malta.xcf og «rett opp» bildet slik som vist. 0 Husk å bruke beskjæringsverktøyet i etterkant Før Perspektiv Shear-tool 29 Kopiere utsnitt Bruk utvalgsverktøy og marker et utsnitt Velg Edit Copy Velg Paste as new layer 30 15

0Repetisjon Del 2 Uke 8 0Oppløsning 0Beskjæring 0Skalering 0Lag 0Farger 0Transformering 31 0 Utvalgsverktøy Emner del 2: 0 Forbedringsverktøy Klone Healing Brush 0 Filtre 0 Fartssløring 0 Gaussisk Sløring 0 Utydeliggjøre (sladde) =Filter Sløring Gjør om til pixler 0 Tekst 32 16

Justere fargebalanse i deler av bildet Hvis man merker deler av bildet (her: himmelen) kan man justere fargene slik at himmelen får sterkere blåfarge 33 Øvelse: Justere fargebalansen Hent bildet malta.xcf Endre fargen slik at bildet får mer rødt Tips: Bruk «Tryllestaven» og klikk på himmelen. Hold Shifttasten inne for å legge til flere områder (av himmelen) til du får alt merket 34 17

Repetisjonsoppgave: Justere glød og metning Hent bildet tenner1.xcf Merk tennene bruk enten «Scissors Select Tool» (sakseverktøy) eller «Foreground select tool» (Forgrunnsutvalg) Juster lightness og saturation (metning) slik at bildet blir som vist 35 Forbedringsverktøy 0 Utgnidningsverktøyet 0 Healing brush 0 Kloneverktøy 36 18

Kloneverktøyet 0 Kloneverktøyet henter piksler fra et område og bruker dem til å erstatte pikslene i et annet område av bildet. 0 Velg Clone-tool fra verktøykassen 0 Hold Ctrl-tasten inne (musepeker blir som et sikte) 0 Dra kloneverktøyet over området du ønsker endret 0 Endre kildepunkt hvis behov (dvs Ctrl og klikk på nytt område) 37 Klone 0 Zoom opp bildet til en større størrelse 0 Velg kloneverktøyet fra verktøykassen 0 Hold Ctrl-tast inne mens du klikker på en del av bildet som inneholder sanden som du vil kopiere til solsengen 0 Klikk venstre musetast og stryk over solsengen 38 19

Øvelse: Klone Hent bildet nyhavn.xcf Bruk kloneverktøyet og fjern søppeldunken i nedre høyre hjørne av bildet. 39 Utvalgsverktøy 0 Rektangel-verktøyet 0 Ellipse-verkøyet 0 Frihåndsmerkeverktøyet 0 «Tryllestav» som merker etter farge 0 Fargegjenkjenner 0 Intelligent saks kantgjenkjenner 0 Forgrunnsmerking 40 20

Bruk av utvalgsverktøy 0 Gå på Verktøy-menyen Utvalgverktøy (Tools Selection Tools.) 0 Velg utvalgsverktøy i henhold til oppgaven du skal utføre (Intelligent saks, lasso, ellipse, ) 0 Merk bildet/deler av bildet slik at du får et utsnitt 0 Kopier f.eks utsnittet av bildet over i et annet bilde Her vises et bilde hvor utvalgsverktøyet Velg områder etter frihånd er benyttet Dersom man velger å bruke Myke kanter (=Feather Egdes), vil utsnittet få en mykere kant. Skalering og farger bør justeres før man kombinerer utsnitt fra andre bilder. Klipp ut nissejenta Gå til vinterbildet og velg; Rediger Lim inn som Nytt lag 41 Jobbe med to bilder Her ser du at bildene opptrer som to lag 42 21

Åpne et bilde som lag 0 Velg Fil og Åpne 0 Velg «Åpne som lag» 0 Bildet kommer opp som et eget lag i filen du jobber i 43 Skalere kun det ene laget 0 Her er kun laget med mannen skalert (se neste side for forklaring) 44 22

Stå plassert på laget som skal skaleres (her: laget med den hoppende mannen) Velg «Skaleringsverktøyet» Velg knappen «LAG» Du får opp et rutenett juster lagets størrelse klikk på Skaler i den lille dialogboksen. 45 Fartssløring (Motion Blur) 0 Et annet eksempel på filter kan være Fartssløring «Motion Blur». Dette er en effekt som skaper «bevegelse» i bildet. 0 Legg merke til at området i den røde lassoen i det nederste bildet er blitt utydeliggjort. 0 Fartssløring finner du på menyen «Filter» under valget «Sløring». Husk å merke delene av bildet som skal ha effekten 46 23

Filter Det finnes en rekke filtre som du kan benytte disse ligger på menyen Filters Filters Artistic Oilify Filter Artistisk - Oljemaling Filters Artistic Weave Filter Artistisk - Weave Embross Norsk: Finn ut! Filters Render Clouds Difference Clouds Filter Teikningar Skyer Different 47 Øvelse: Bruke filter 0 Hent bildet jumping.jpg fra Fronter 0 Beskjær bildet slik at kun én av personene synes. Bruk Fartssløring (Motion Blur) og forsøk å lage en bevegelseseffekt. 48 24

Tekstverktøyet 0 Velg «A» -ikonet fra verktøypaletten 0 Skriv inn teksten og formater den 0 Teksten kommer som et eget lag 49 Lenker til nedlastning og brukerveiledninger Last ned Gimp 2.8. herfra: 0 www.gimp.org Hvordan få norsk versjon av Gimp: 0 Velg Edit Preferences Interface Endre til norsk (Start programmet på nytt) Mer om Gimp på norsk: 0 http://www.stuestoel.no/gimp/gimpnorsk.php Hjelp til nedlastning: 0 http://www.gimp.no/tutorials/installere_gimp_for_windows. pdf Youtube-videoer: 0 http://www.youtube.com/user/gimptricks 50 25

Ekstra: Tegneverktøy 0 Velg Fil (File) Ny (New) Velg mal (Template) (f.eks. A4) 0 Tegn med tegneverktøy 0 Velg Lag Nytt lag - Velg transparent lag (Transparency) og produser flere lag med tegninger 51 Ekstra: Sladde 0 Lag et nytt lag 0 Bruk det rektangulære markeringsverktøyet og avmerk det området som du ønsker å sladde 0 Gå på menyen Filter velg et filter for å utydeliggjøre. Det vil si at du kan velge «Sløring» og deretter Gjer om til pixlar endre pikslene (Filters Blur Pixelize) 52 26

Ekstra: Mønsterfyll 0 Dupliker bildet 0 Velg verktøyet Fyll 0 Under verktøyinnstillinger velger du Mønsterelement (Patternfill) 0 Velg Fyll hele utvalget (Fill whole selection) 0 Klikk på bildet 0 Reduser dekkevnen (på lagdokken) Bildet til høyre har mønsterfyll Tree Bark 53 Lenker til nedlastning og brukerveiledninger Last ned Gimp 2.8. herfra: 0 www.gimp.org Hvordan få norsk versjon av Gimp: 0 Velg Edit Preferences Interface Endre til norsk (Start programmet på nytt) Mer om Gimp på norsk: 0 http://www.stuestoel.no/gimp/gimpnorsk.php Hjelp til nedlastning: 0 http://www.gimp.no/tutorials/installere_gimp_for_wind ows.pdf 54 27

Fil-formater 0 TIFF - bevarer bildekvaliteten selv om du lagrer bildene flere ganger. Tar stor plass i forhold til f. eks. JPEG. 0 JPG - det mest brukte formatet - spesielt på nettsider, da det er mulig å komprimere bildefilene ganske mye uten at kvaliteten blir ubrukelig. 0 GIF brukes mest til grafikk - kan brukes ved animerte bilder og transparent bakgrunn. 0 PNG til bruk på websider liten filstørrelse 0 Xcf Gimps eget filformat 0 Psd - Photoshopformat 55 Bilder på nett 0 Bilder til bruk på nettsider bør ikke være for store En størrelse på 10 KB - 30 KB pr bilde er bra 0 Bilder med mange detaljer vil ta større plass enn de med få detaljer (50 og 100 KB el mer?) 0 Et bilde med PNG format vil ta litt større plass enn et JPEG bilde 0 I en nettleser vil ikke bildet bli vist på samme måte som i Photoshop eller Gimp - både fargemetning og kontrast vil som regel bli dårligere. 0 Bildet bør gjøres skarpere for visning på skjerm (funksjon: Unsharp Mask) 56 28

Ekstra: Lag-modus 0 Handler om hvordan bildene på de ulike lagene blander seg med hverandre. 0 - Normal - Multipliser 0 Les mer om Lag-modus her: http://www.gimp.no/bok/lagvindmodus.html 57 29