1. Værktøjspaletten i Photoshop Elements.

Introduktion til redigering af billeder i Photoshop Elements Kort om brug af billeder til hjemmesiden. Som udgangspunkt må du ALDRIG bruge billeder, som du har fundet på Google. Eneste undtagelse er bogforsider. Brug billeddatabaserne Colorbox.dk, sxc.hu, billeder taget til arrangementer eller billeder i har modtaget i forbindelse med booking af arrangementer. Vær kritisk i dit valg af billeder til hjemmesiden. Hvis eksempelvis et billede taget til et arrangement, er mørkt eller slørret, brug da hellere et billede fra colourbox. Inden du begynder at redigere i dit billede, er det vigtigt, at du har gemt det originale billede. Billedet skal måske bruges i andre sammenhæng, og derfor skal du altid have et uredigeret billede som dit udgangspunkt. En god huskeregel er, at man kan altid gøre et billede mindre - men sjældent større.! /Pernille Nielsen, pern@odense.dk 1. Værktøjspaletten i Photoshop Elements. Move: Bruges til at tage fat og flytte elementer på skærmen, samt at markere lag. Zoom: Bruges til til at forstørre områder på et billede. Hand: Bruges til at tage fat i objekter - typisk hvis man arbejder med flere objekter i lag. Eyedropper: Bruges til at suge eksempelvis en farve op fra et billede eller objekt, så samme farve kan bruges et andet sted. Markering: Bruges til at markere et område af et billede - klik for flere muligheder. Lasso: Bruges til at markere et område i fri-form af et billede - klik for flere muligheder. Magic Wand: Identificerer en specifik farve i et billede. Selection Brush: Bruges til at tegne et område der skal markeres og farvelægges. Type: Tekstværktøj - klik for flere muligheder. Crop: Beskæringsværktøj. Marker det ønskede område, og tryk derefter ENTER. Cookie Cutter: Bruges til at lave udsnit af billeder i forskellige former. Red eye removal: Kan i et vist omfang bruges til at fjerne røde øjne på billeder - erstatter det røde med en mørk farve - ikke altid helt vellykket. Spot healing brush: Bruges til at udligne forskelle i billeder eller efter kloning - Avanceret. Clone stamp: Kloningsværktøj - Avanceret. Pencil: Bruges til at tegne i fri-hånd. Eraser: Viskelæder - klik for flere muligheder. Paintbrush: Giver mulighed for at tegne/male med mange forskellige type pensler - klik for flere muligheder. Paintbucket: Bruges til at farve hele lag eller objekter. Gradient: Bruges til at lave farve-forløb med 2 eller flere farver. Shapes: Bruges til at lave forme og figurer i vector - kan eksporteres til Illustrator - Avanceret. Blur: Bruges til at slørre områder på et billede - klik for flere muligheder. Sponge: Bruges til at udjævne områder i et billede - klik for flere muligheder. Viser aktuel for- og baggrundsfarve. 1

2. Redigere billedestørrelse til brug i tabroll en på hjemmesiden - 460 x 240 px. Der gælder følgende billedstørrelser på odensebib.dk: Tabroll: 460 x 240 Sidetop: 515x154 Nyheder og arrangementer: 240x240 Kampagner: 165x? (der er ikke noget fast mål for højden på kampagner) Når du lægger et billede på hjemmesiden, er det vigtigt at billedet har den rigtige størrelse, inden du uploader det. Uanset om du har hentet billedet fra en billeddatabase, eller det er et billeder der er taget til et arrangement, vil det skulle rettes til. Da billedet ikke blot kan skaleres ned, så det passer proportionelt, bliver du nødt til at ændre det i flere trin. 1. Åbn det billede du skal redigere - File - open. 2. Vælg: Image - Resize - Image Size. Se fig.1. fig.1. 3. Du får nu en boks frem. Se fig. 2. Det er kun i det aller øverste felt at du skal ændre noget - og det er vigtig at alle felter ellers ser ud som vist her, da billedet ellers ikke skaleres proportionelt. Bemærk at boksen vil se lidt anderledes ud hos jer, men felterne er de samme. Øverst i WIDTH skriver du 460. HEIGHT feltet vil nu automatisk også ændres, og det er vigtigt at tallet her er mere end 240. Hvis ikke det er det, skal du prøve med et højere tal i WIDTH feltet end 460. Når du har angivet tallene, klikker du OK. fig.2. 2

4. Dit billede er nu skaleret væsentligt ned, men er stadigvæk ikke den rigtige størrelse - 460 x 240 px. Du skal derfor vælge File - New - Blank File. Se fig. 3. fig. 3. Du får nu en ny boks frem, som skal udfyldes som i fig. 4. Angiver bredden i pixels Angiver højden i pixels Angiver opløsning - 72 dpi er standard web. Angiver farver - RGB er standard web. Angiver baggrundsfarve Vælg OK, når du er færdig. fig. 4. Bemærk at boksen vil se lidt anderledes ud hos jer, men felterne er de samme. 3

5. Du har nu to dokumenter åbent på skærmen - dit billede og det nye blanke dokument. Du skal nu have flyttet dit billede over på det nye dokument, og derfor skal dit billede først låses op. Du låser dit billede op ved at vælge Move værktøjet i værktøjspaletten (Den sorte pil øverst) og klikker på dit billede. Dit billede er nu aktivt og nederst i højre hjørne kan du se Layer paletten, og der vil dit billede være markeret med teksten Background. Se fig. 5. fig. 5. Du skal nu dobbeltklikke i det blå felt, og der vil istedet komme til at stå Layer. Dit billede er nu låst op, og du skal nu ved hjælp af Move værktøjet trække dit billede ned på dit nye blanke dokument, så du har samme motiv på begge dokumenter. Se fig. 6. fig. 6. 4

For bedre at kunne overskue hvilket dokument du arbejder i, skal du nu lukke det originale billede. Du skal vælge nej, når du bliver spurgt om du vil gemme ændrngerne, så det originale billede bevares uændret. 6. Da du trak dit billede over på dit nye dokument, blev billedet aktivt, og kan justeres så motivet passer. Mens du holder SHIFT nede kan du med Move værktøjet trække i hjørnerne, så det kommer til at passe som du synes. Se fig. 7. Det er vigtigt at SHIFT holdes nede, da billedet ellers bliver trukket ud af proportioner. fig. 7. 7. Dit billede er nu færdigt og klar til at blive gemt til hjemmesiden. Vælg Filer - Save for web. Du får nu en boks frem, hvor du skal angive kvaliteten og formatet for dit billede. Her vælger du JPEG og Medium. Se fig. 8. Når du er færdig, vælger du OK, og gemmer billedet. Og det er nu klar til at blive uploadet på hjemmesiden. fig. 8. 5

3. Redigere billedestørrelse til i nyheder og arrangementer på hjemmesiden - 240 x 240 px. Hvis du i stedet skal lave e side top eller en kampagne, er fremgangen den samme, blot med andre mål. 1. Åbn det billede du skal redigere - File - open. Da det færdige billede bliver en kvadrat, er det vigtigt hvordan du beskærer billedet. Vælg et billede, der ikke mister sit budskab på trods af beskæringen. Ved eksempelvis et portræt, beskær så vidt muligt 2. Vælg: Image - Resize - Image Size. Se fig. 9. fig. 9. I feltet WIDTH skriver du 240. Bemærk at HEIGHT feltets værdi skal være mere end 240. Hvis ikke skal du angive et højere tal i WIDTH. Bemærk at brugerfladen ser lidt anderledes ud hos jer, og at jeg bliver nødt til at vælge 500 px i width, da billedet ellers ikke bliver højt nok. Når du er færdig, vælger du OK. 3. Du skal nu vælge File - New - Blank File. Se fig. 3. i kapitel 2. Som i kapitel 2, skal du nu angive bredde og højde for et nyt dokument. Se fig. 4. i kapitel 2. For dette dokument angiver du 240 i WIDTH og 240 i HEIGHT. Følg nu punkt 5-7 fra kapitel 2. 6

4. Tilpas et logo så det kan vises i 240 x 240 px. Der vil være situationer, hvor man skal bruge et logo til eksempelvis en nyhed, fremfor et billede. De færreste logoer er kvadratiske og det kan derfor være lidt af en udfordring at få det til at passe. Det vil i de tilfælde være nødvendigt at skalere logoet og bruge en baggrundsfarve - typisk hvid. Et logo skal ses som et beskyttet varemærke, og med mindre man har fået tilladelse, skal man altid bruge logoet som det fremstår. Det er ikke tilladt kun at bruge enkelte elementer af et logo. 1. Åbn det logo du skal redigere - File - open. Som for alle andre billeder, er det afgørende, at det originale logo er mere end 240 px i bredden (width). Hvis billedet er png. format vil det typisk have en gennemsigtig baggrund. Det gør ingenting, da vi lægger baggrundsfarve i. 2. Vælg: Image - Resize - Image Size. Se fig. 9. fig. 9. I feltet WIDTH skriver du 230. Jeg vælger bevidst en lidt lavere værdi for bredden, da logoet skal kunne være i et nyt billede uden at gå helt til kant. Bemærk at HEIGHT feltets værdi er noget mindre end 240, men det kan ikke undgås for et logo med det format. Bemærk at brugerfladen ser lidt anderledes ud hos jer. Når du er færdig, vælger du OK. 3. Du skal nu vælge File - New - Blank File. Se fig. 3. i kapitel 2. Bemærk at du skal vælge hvid som baggrundsfarve og ikke transparent! se fig 10. fig. 10. 7

4. Som i kapitel 3, skal du nu angive bredde og højde for et nyt dokument. Se fig. 4. i kapitel 3. For dette dokument angiver du 240 i WIDTH og 240 i HEIGHT. Følg nu punkt 5-6 fra kapitel 2. fig. 11. Bemærk at brugerfladen ser lidt anderledes ud hos jer. 5. Dit logo er nu kommet over i en ny fil med hvid baggrund. se fig. 11. Der er meget luft omkring logoet, men det er nødvendigt for at bredden er den rigtige. Du er nu klar til at gemme - gør som i punkt 7 i kapitel 2. 8

5 Beskæring og redigering af lys og farveniveauer af billeder Når man gemmer billeder til web, komprimerer man dem ikke kun i størrelse, men også kvalitet. Det er derfor vigtigt at, hvis man har et billede, hvor man ønsker at skære noget væk, at det gøres inden man redigerer i billedets størrelse til hjemmesiden. Det samme gælder, hvis man har et billede, der er for mørkt, og som man ønsker at lysne. 5.1 Beskæring af et billede 1. Åbn det billede du skal redigere - File - open. 2. Vælg CROP (i dansk version beskær) i værkstøjspaletten. 3. Marker det område af billedet du ønsker at bevare. Alt udenfor markeringen vil forsvinde. 4. Når du er tilfreds med det område du har valgt, trykker du ENTER på dit tastatur, og alt udenfor markeringen er væk. Hvis du kan se at du enten har skåret for meget eller for lidt af, skal du vælge Edit - undo, og så starte forfra. (Du finder Edit i den øverste værktøjslinie ved siden af FILE) Brug kunne denne måde at beskære på, hvis du enten kan ramme de nøjagtige mål til brug på hjemme siden, eller hvis billedet ikke er til brug på hjemmesiden! 5.2 Redigering af lys og farveniveauer. 1. Åbn det billede du skal redigere - File - open. 2. Vælg Enhance - Adjust Lightning - Levels. Se fig. 12. fig. 12. 9

Du får nu en boks frem, hvor du skal angive niveauerne mellem lys og farver i dit billede. Se fig. 13. Du kan prøve dig frem ved at køre den midterste markør mod venstre. En tommelfingerregel siger, at det midterste tal i Input Levels ikke bør overstige 1.30. Hvis du ikke vil prøve dig frem, kan du skrive 1.30 i midterste input level og derefter OK. Du vil nu have ændret niveauerne i billedet. fig. 13. 3. Hvis du ønsker at lysne yderligere skal du vælge Enhance - Adjust Lightning - Brightness/Contrast. Se fig. 14. fig. 14. Du får nu en boks frem, hvor du kan redigere i lys og kontrast. Se fig. 13. Du kan prøve dig frem - når preview er vinget af, kan du se billedet, når du flytter markørerne. Det anbefales at stille på kontrasten, hvis du lysner billedet, da det ellers kan virke udvandet. Når du er tilfreds, vælger du OK. fig. 15. 10

Du har nu indstillet billedets lys og farve niveauer. Herunder ses før og efter redigering. Hvis du har lyst til at lege videre med Photoshop Elements, findes der mange tutorials og tips og trix på nettet. Link til side med ret gennemgående introduktion og øvelser. Siden er på engelsk. http://graphicssoft.about.com/od/pselements/photoshop_elements_tutorials_and_user_resources.htm Link til adobes egen side om Photoshop elements. Siden er på engelsk og er til en nyere version af programmet http://helpx.adobe.com/photoshop-elements/topics/getting-started-tutorials.html Link til videoøvelser i photoshop elements. Videoerne er på engelsk og er til en nyere version af programmet. http://tv.adobe.com/product/photoshop-elements/ 11