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 digitalt fotografi 0 Bestå en ferdighetstest 2 1
Plan for økten 0Innledning litt om bruk av bilder 0Bruk av bilder i undervisning 0Brukergrensesnitt og grunnleggende teknikker i Gimp 3 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) 0 Aktuelt i arbeid med sammensatte tekster 4 2
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) 5 Bruk av visuelle medier i undervisning Bruk av bilder i undervisningen kan ofte stimulere elevenes lyst til læring. I dagens mediesamfunn må også skolen ta inn over seg at 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. 6 3
Bruk av visuelle medier til dokumentasjon (forskning) 0 Elevens forskning: 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. 7 Hva oppnår man ved å bruke bilder i arbeid med elever? 0 Elever kan føle skaperglede og mestring 0 De får trening i språkbruk, bildeskaping og kommunikasjon 0 Sang og musikk kan benyttes i kombinasjon med bilder 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) 10 5
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). 11 Arbeidsmetoder 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! 12 6
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 13 Innledning 0 Litt om grafikkfiler 0 Oppløsning 0 Eksperimentering 0 Lagring av bilder 14 7
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 15 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 16 8
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øre skarpere for visning på skjerm (funksjon: Unsharp Mask) 17 Programmets grensesnitt 0Tipsvindu 0Bildevindu 0Verktøykasse 0 Verktøyinnstillinger 0Dokk (valg for lag, baner, angrehistorikk) 0Gjeldende verktøyredskap 0Window singel-window-mode 18 9
Verktøykasse Dokk 19 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» 20 10
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! 21 0 Skalering 0 Beskjæring Emner vi skal innom 0 Transformeringsverktøy (Speilvende, rotere, forskyve, perspektiv) 0 Lag 0 Utvalgsverktøy (Merke utvalg) 0 Fargejustering (Kulør og metning, balanse) 0 Kloneverktøyet 0 Sladde 0 Red-eye-removal 0 Bruk av filter 0 Mønsterfyll 22 11
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/ 23 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 24 12
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 25 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. 26 13
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 27 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 28 14
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 - Del 2 på kurset) 29 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 30 15
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 31 Ø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 32 16
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) 33 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 34 17