Langkær Gymnasium og hf. Januar 2002 Photoshop 6.0 : Mini-introkursus af Melanie Iversen & Lise Mark Copyright 2002
1 Indholdsfortegnelse 1. Indholdsfortegnelse... 2 2. Brugerfladen... 3 3. Værktøjskassen... 4 4. En guided Tour i Photoshop... 5 4.1 Åbne et digitalt billede... 5 4.2 Udvælge et udsnit... 6 4.3 Beskære dette udsnit... 6 4.4 Rotere det beskårne udsnit... 7 4.5 Markere ét element fra udsnittet ud fra elementets farvetoner (Magic Wand)... 7 4.6 Kopiere dette ene element til anden brug... 8 4.7 Indsætte kopi i et nyt billede på gennemsigtig baggrund... 8 4.8 Beskære billedet... 10 4.9 Rense skyggen for skønhedsfejl (Eyedropper, Airbrush og Eraser)... 10 4.10 Lægge det nye billede som et lag henover et baggrundsbillede... 12 4.11 Gemme et billede med lag... 13 4.12 Ændre størrelse på samme billede og kopiere de nye versioner over i Baggrund2.psd... 14 4.13 Flytte de fire lag med skygger rundt på baggrundsbilledet (værktøjet Move tool)... 15 4.14 Indskrive tekstlag i billedet (med værktøjet Type tool)... 16 4.15 Gemme det færdige resultat til brug på Internettet eller f.eks. Powerpoint diasshow... 17 4.16 Gemme det færdige resultat til udprintning enten direkte fra Photoshop, eller via indsætning i et Word... 19 2
2 Om at lære brugerfladen (arbejdsbordet) at kende: Menulinie: Fx herfra kan man åbne, gemme, redigere etc. Options: Linien umiddelbart under menulinien viser finindstillinger for det aktive (valgte) værktøj. Tools: Værktøjer til billedredigering: se pkt. 3 Navigator en lille rød firkant angiver den del af billedet, der er synligt Colors, swatches & styles bruges sjældent. History & Actions under History kan de sidste 20 handlinger ses/fortrydes Layers, Channels & Paths under Layers vises og skjules lag, se side 15. 3
3 Værktøjskassen: Marquee (M) Firkantet Markeringsværktøj klik og træk et firkantet markeringsfelt Lasso (L) Lasso Markeringsværktøj klik og tegn frihåndstegnet markeringsfelt Crop Beskæringsværktøj klik og træk et firkantet beskæringsfelt dette beskærer hele billedet så kun det valgte område står tilbage Airbrush (J) Tegne/maleværktøj klik og træk for at male med spraydåse Patternstamp (S) Tegne/maleværktøj klik og træk for at male med et forudvalgt mønster Eraser (E) Sletteværktøj klik og træk for at viske ud / slette Blur (R) Tegne/maleværktøj klik og træk for at utydeliggøre Direct selection tool Markeringsværktøj klik på et område for at markere det Pen (P) Tegne/maleværktøj klik og træk for at tegne med pennespids Notes Til notater bruges ikke Hand tool (H) Flytteværktøj klik og træk for at flytte den synlige del af et billede Foreground color Forgrundsfarve klik for at vælge ny farve 4 Default (sort/hvid) Grundindstillinger klik for at sætte farver til sort som baggrundsfarve og hvid som baggrundsfarve Edit in standard mode Redigerings indstilling Bruges ikke Standard screen mode Brugerflade indstilling klik for at indstille til standard brugerflade Full screen with menubar Brugerflade indstilling klik for at indstille til fuld skærm brugerflade MED menulinie Move (V) Flytteværktøj klik og træk for at flytte Magic wand (W) Tryllestav Markeringsværktøj klik for at vælge pixels med samme nuancer Slice select tool Avanceret klippeværktøj, primært til Web brug bruges ikke Paintbrush (B) Tegne/maleværktøj klik og træk for at male med pensel History brush (Y) Tegne/maleværktøj klik og træk for at male med tidligere stadier af billedet Paint bucket (K) Tegne/maleværktøj klik for at udfylde et område med forgrundsfarven Dodge tool (O) Avanceret effektværktøj bruges ikke Type (T) Skriveværktøj klik for at kunne skrive tekst direkte i billedet Line tool Tegne/maleværktøj klik og træk for at tegne en lige linie Eyedropper tool (I) Farvevalg værktøj klik for at vælge en farvenuance i billedet til en forgrundsfarve Zoom (Z) Zoomværktøj klik for at zoom ind på et punkt. Klik og træk for at markere et område, der så zoomes ned/ind til. For hurtig zoom ind brug Ctrl og +, for hurtigt zoom ud brug Ctrl og -. Switch foreground and background colors (X) Farvefunktion klik for at bytte om på forgrundsfarve og baggrundsfarve Background color Baggrundsfarve klik for at vælge ny farve Edit in quickmask mode (Q) Redigerings indstilling Bruges ikke Full screen Brugerflade indstilling klik for at indstille til fuld skærm brugerflade UDEN menulinie Jump to ImageReady Hop direkte til programmet ImageReady 4
4. En Guided øvelses-tour Opgaven går ud på at du skal fremstille forsidebilledet ud fra de følgende siders introduktion og vejledning til de basale funktioner i Photoshop 6.0. Dvs. at du stille og roligt kommer gennem følgende funktioner: 4.1 Åbne et digitalt billede 4.2 Udvælge et udsnit 4.3 Beskære dette udsnit 4.4 Rotere det beskårne udsnit 4.5 Markere ét element fra udsnittet ud fra elementets farvetoner (Magic Wand) 4.6 Kopiere dette ene element til anden brug 4.7 Indsætte kopi i et nyt billede på gennemsigtig baggrund 4.8 Beskære billedet 4.9 Rense skyggen for skønhedsfejl (Eyedropper, Airbrush og Eraser) 4.10 Lægge det nye billede som et lag henover et baggrundsbillede 4.11 Gemme et billede med lag 4.12 Ændre størrelse på samme billede og kopiere de nye versioner over i Baggrund2.psd 4.13 Flytte de fire lag med skygger rundt på baggrundsbilledet (værktøjet Move tool) 4.14 Indskrive tekstlag i billedet (med værktøjet Type tool) 4.15 Gemme det færdige resultat til brug på Internettet eller f.eks. Powerpoint diasshow 4.16 Gemme det færdige resultat til udprintning enten direkte fra Photoshop, eller via indsætning i et Word dokument 4.1 Åbne et digitalt billede 1. Åben Photoshop. Følgende brugerflade (arbejdsplads) fremkommer på din skærm Nu skal du finde et billede fra mappen 0Photoshop, som du allerede har gemt på dit H- drev. Dette gør du som følger: 2. I menuen File, vælger du Open 3. I den fremkomne dialogboks Finder du mappen 0Photoshop på dit H-drev, og markerer heri filen Original1.jpg. Klik på Open Dit billede åbnes nu i Photoshop og er klar til behandling. 5
4.2. Udvælge et udsnit (Værktøjet Marquee) Du skal nu markere et udsnit af billedet, der kun indeholder skyggen til venstre. Det gøres med værktøjet Marquee (den stiplede firkant øverst til ventre i værktøjskassen). 1. Klik på Marquee i værktøjskassen (Tools). 2. Klik og træk inde i billede for at markere den venstre del af billedet 4.3. Beskære det markerede udsnit Du skal nu beskære den del af billedet, har markeret (det er området indenfor de stiplede linier) 1. I menuen Image vælger du Crop Resultatet skulle nu gerne se sådan ud: 6
4.4 Rotere det beskårne udsnit Du skal nu rotere det beskårne udsnit, så skyggen vender rigtigt /vertikalt 1. I menuen Image vælger du Rotate Canvas, og derefter Arbitrary 2. I den fremkomne dialogboks indtaster du 45 og markerer CCW (Counter ClockWise /mod uret) og klikker sluttelig på OK 3. Resultatet skulle gerne ligne det her: 4.5 Markere ét element fra udsnittet ud fra elementets farvetoner (med Tryllestaven - Magic Wand) Da du tidligere valgte et udsnit med Marquee, brugte du et ikke fintfølende skæreinstrument. Skal man derimod udvælge et element med ujævn kontur, som fx menneskeskyggen i vores udsnit, er Magic Wand et fremragende redskab hertil. Det er den fordi den udvælger billedområder med ensartede farvenuancer, her de mørkeblå nuancer i skyggen. Når du vælger Magic Wand værktøjet i Tools/værktøjskassen, vil der lige under menulinien fremkomme en Options linie, hvori du kan indstille hvor fintfølende redskabet skal være. Dette gøres ved at indtaste en værdi i feltet Tolerance. Princippet er at jo lavere værdi du vælger, des mere fintfølende er udvælgelsen. Fx betyder værdi 32 at 32 farvetoner udvælges, hvor værdien 10 betyder at kun 10 farvetoner udvælges. 7
Du skal nu udvælge skyggen fra udsnittet. Det gør du således: 1. Vælg Magic Wand Tools/værtøjskassen 2. Indtast værdien 60 i Tolerance feltet i Options linien 3. Klik et sted på menneskeskyggen. Den skulle nu gerne omkranses af en stiplet kontur, som det ses på billede. 4.6. Kopiere dette ene element til anden brug Du skal nu kopiere skyggen. Det gør du som følger: 1. I menuen Edit vælger du Copy 2. Det markerede er nu kopieret og ligger i computerens udklipsholder, som ikke umiddelbart er synlig (ganske som i Word). 4.7 Indsætte kopi i et nyt billede på gennemsigtig baggrund Det, du nu har gjort, er at isolere skyggefiguren fra det oprindelige billede, og den kan nu lægges ovenpå enten et helt nyåbnet (blankt) billede eller et eksisterende billedmotiv. Du skal i første omgang indsætte det i et helt nyt billede på gennemsigtig/transparent baggrund. Det svarer til at du klistrer en udklippet papirsilhuet på en glasplade. Allerførst skal du lave et nyt, tomt billede, der automatisk vil få en størrelse der passer præcist til dét du har lagt i din udklipsholder (udklipsholderen kan kun holde ET billede ad gangen). Du gør som følger: 1. I menuen File vælger du New 8
Så fremkommer denne dialogboks. Det er vigtigt at du ikke ændrer på hverken højde eller bredde (da disse parametre allerede passer præcist til skyggen). 2. For at få den transparente glasplade -baggrund i dit nye billede, skal du sikre dig at du i Contents (nederst) har markeret Transparent. 3. Klik på OK Du har nu skabt en nyt, tomt billede med gennemsigtig baggrund. I Photoshop kendes glasplade -baggrunden som grå-hvide skaktern, som det ses på billedet. Du skal nu sætte skyggen fra Udklipsholderen ind i dette billede uden baggrund, dvs. lægge glaspladen på skakbrættet. 4. I menuen Edit vælger du Paste, og skyggen sættes nu ind i billedet, således: 9
4.8 Beskære billedet Du skal nu beskære billedet, så den skrå del af benene allernederst bliver vandret. 1. Brug Marquee værktøjet til markering 2. og Crop funktionen til beskæring. Er du i tvivl om hvordan det nu var, så se punkt 4.2 og 4.3 Til højre ses billedet før og efter beskæring. Bemærk udgangspunkt for markeringen, buksehjørnet ved den røde pil. 4.9 Rense skyggen for skønhedsfejl (Eyedropper, Airbrush og Eraser) Du skal nu rense skyggen for små skønhedsfejl med værktøjerne Eyedropper Airbrush Eraser. Værktøjet Eyedropper er en lille farvevælger-pipette, der suger farven op fra det sted, du placerer den på dit billede dvs. du kan bruge denne til at ramme en helt bestemt farvenuance med stor nøjagtighed. Som illustrationen til højre viser, overføres den opsugede farvenuance automatisk til brug som forgrundsfarve (rød pil) den farve man maler med. 1. Klik på Eyedropper i værktøjslinien 2. Placer cursoren (der nu ligner en pipette) et sted på skyggen (se evt. illustration), og bemærk, hvorledes forgrundsfarven nu skifter kulør til blå. 10
Næste trin i skønhedsoperationen : Du skal nu overmale hvide og sorte huller eller ujævnheder i skyggen. Til dette formål er Airbrush/Graffitispraydåse bedst, da den maler blødt og diffust. I Options linien (under menulinien) kan du vælge Airbrushpenslens størrelse i feltet Brush, og mætningsgrad i feltet Pressure (jo højere procent-tal, des mere uigennemsigtig bliver laget af maling). 1. Vælg Airbrush fra værktøjskassen 2. Indstil Optionsværdierne, så de stemmer overens med dem, der er vist ovenfor. 3. Klik og træk for at overmale uregelmæssigheder. Dit resultat vil nok minde om dette: Sidste trin i skønhedsoperationen går ud på at rense konturlinien, og til det formål kan du bruge værktøjet Eraser. Det visker ganske simpelt ud som et almindeligt viskelæder. I Options - menuen indstilles bl.a. viskelæderets størrelse (Brush) og udviskningsgrad (Opacity). Når Opacity er 100% visker det alt ud. 1. Vælg Eraser fra værktøjskassen 2. Check at Opacity er 100 % 3. Klik og træk for at viske konturens ujævnheder ud Til højre ses billedet af skyggen både før og efter denne sidste kosmetiske operation. 11
4.10 Lægge det nye billede som et lag over et baggrundsbillede Du skal nu åbne et eksisterende billede, nemlig Baggrund.jpg fra mappen 0Photoshop. Er du i tvivl om hvordan, se punkt 4.1 Det billede du skal bruge som din nye baggrund ser således ud: Du har nu to billeder åbne i din brugerflade, og det øverste med den blå menulinie er det aktive billede, man kan arbejde med, her Baggrund.jpg. Det er jo principielt ikke anderledes end at have 2 stykker papir liggende på sit skrivebord, hvor det øverste papir er det aktive. 1. For at aktivere det andet billede altså skyggebilledet, som du først skal arbejde med - klikker du blot på det (og det rykker så forrest). 2. For at vælge alt i skyggebilledet, vælger du i menuen Select undermenuen All, som illustreret på figuren til højre. 3. Kopier nu ved hjælp af Edit menuen Hvis du har glemt, hvordan det var man gjorde, så se afsnit 4.6 12
4. Du skal nu indsætte det kopierede i baggrundsbilledet. Gør som følger: aktivér Baggrund.jpg Indsæt med Paste i menuen Edit Det har du prøvet før, men er du i tvivl, så se punkt 4.7 Du har nu lagt en glasplade med en udklippet papirsilhuet ovenpå baggrundsbilledet af Langkær i sneen. Denne glasplade er i Photoshop-terminologi et lag Layer. I princippet kan du arbejde med uendeligt mange sådanne Layers, der stadig fungerer som glasplader lagt ovenpå hinanden, men som hver især kan redigeres og flyttes uafhængigt af hinanden. 4.11. Gemme et billede med lag Du skal nu gemme dit billede MED lag, i det der ganske enkelt kaldes Photoshop-format, og har efternavnet.psd. Du har indtil nu arbejdet med billedfiler i formatet.jpg, men for at du kan arbejde i lag, skal dit billede nu gemmes i.psd. Gemmes billedet i.jpg formatet smelter lagene nemlig sammen og kan ikke skilles ad igen. 1. Først vælger du i menuen File undermenuen Save As 2. Dernæst vælges formatet.psd i den fremkomne dialogboks som illustreret til højre, og du gemmer billedet under navnet Baggrund2.psd i mappen 0Photoshop på dit H-drev. 3. Klik Save 13
4.12 Ændre størrelse på samme billede & kopiere 3 nye versioner over i Baggrund2.psd Du skal nu lave tre nye versioner af skyggen, i tre forskellige størrelser. 1. I menuen Image vælger du Image Size 2. I dialogboksen indtaster du værdien 823 i feltet Height (altså ændrer du tallet i feltet, der på illustrationen til højre er markeret med blåt) 3. Når det er gjort, klikker du på OK Dit billede er nu blevet formindsket. For nu at indsætte denne formindskede skygge som et nyt transparent lag i Baggrund2.psd, gentager du den kopieringsproces du gennemgik, da du første gang indsatte din skygge i et baggrundsbillede se evt pkt. 4.10 NB: Du skal dog være opmærksom på at din skygge skal indsættes i Baggrund2.psd-filen og ikke i Baggrund.jpg. 4. Aktivér det formindskede skyggebillede igen, og formindsk det yderligere ved at indtaste værdien 523 i feltet Height 5. Også dette lag indsættes som nyt lag i Baggrund 2.psd (se evt. 4.10) 6. Aktiver endnu en gang skyggebilledet, som nu formindskes til Height værdien 223 7. Indsæt dette som det sidste lag i Baggrund2.psd (se evt 4.10) 8. Gem nu Baggrund2.psd, via menuen File og dernæst Save. Når dette er gjort, har du nu i Baggrund2.psd et billede med i alt 5 lag, nemlig - Selve baggrundsbilledet - Fire forskellige lag skygger i forskellige størrelser, som ligger ovenpå hinanden med den mindste øverst når man indsætter lag som du har gjort, placeres disse nemlig automatisk midt i billedet. 14
Billedets forskellige 5 lag kan du se separat i Photoshops Layers menu nederst til højre i brugerfladen. Bemærk at baggrundsbilledet defineres som et lag i sig selv, og de 4 skygger henholdsvis som Layer 2-5 ( = de transparente glasplader der ligger ovenpå hinanden) 4.13. Flytte de fire lag ( skygger) rundt på baggrunden (Move tool) Nu skal du flytte figurerne på de fire lag til forskellige steder på baggrunden. Netop, når du arbejder i lag, er værktøjet Move tool velegnet til at flytte på det enkelte lag. Du gør som følger: 1. Vælg Move tool i Tools (Værktøjskassens øverste højre hjørne) 2. I Layers menuen klikker du på laget, med figuren du vil flytte (laget bliver markeret med blåt som du kan se det på illustrationen her) Det der sker er egentlig bare at du aktiverer laget. 3. Du skal nu, ved at klikke og trække inde i billedet, flytte på hvert af de 4 lag med silhouetter i forskellige størrelser i forhold til de øvrige. Det du gør er egentlig bare at forskyde glaspladerne med silhouetterne i forhold til hinanden. Husk : for at flytte et lag skal det vælges først i Layers menuen Som det ses her - og på forsiden til dette kompendium - passer de fire størrelser vi har valgt til lagende så nogenlunde til at danne perspektiviske dybdegradienter, der understreger bygningernes diagonal ind i billedet. (Betragt dette som en lille sidelektion i billedkunstens rumskabende elementer!) Du kan dog vælge at placere dine silhouetlag frit - det kan fx give en ganske morsom tvetydig rumlig effekt at vende perspektivet om, så bygning og figurer kæmper om rummet! 15
4.14 Indskrive tekstlag i billedet (Type tool) Ligesom man arbejde med billedlag i et Photoshopbillede, kan man med værktøjet Type tool skabe lag med tekst, der kan aktiveres og derefter redigeres efter samme principper som i et Word dokument m.h.t fx valg af skrifttype, skriftstørrelse, centrering, tekstfarve, tekstfremhævning, etc. Når du vælger Type tool i værktøjskassen, vil du kunne ændre skrifttype, skriftstørrelse, skriftfarve med videre i Type tool s Options linie Du skal nu give dit billedet en titel og indskrive denne i billedet med Type tool. Det gør du således: 1. Vælg Type tool i værktøjskassen, og klik det sted i billedet, du vil have teksten til at stå, fx i billedets nederste højre hjørne som her. 2. Der dukker nu en lille blinkende cursor op, som i Word, og du kan frit indtaste din helt egen titel. Med de værdier, der er vist ovenfor i Options bliver titlen dog meget lille i forhold til billedet. For at ændre skrifttype etc. på det skrevne markeres teksten som i Word (teksten bliver markeret med en farve). Du skal nu ændre skriftens type, størrelse, farve i Optionslinien efter eget valg, men her er et eksempel på hvordan det kunne se ud. Bemærk, at der også (KUN i Photoshop 6.0) er mulighed for fx at bruge Wordart-lignende tekstredigering, fx kan man bøje sin tekst i en blød bue etc Det vil dog føre for vidt komme ind på dette her. 16
4.15. Gemme det færdige resultat til brug på Internettet eller fx Powerpoint diasshow Når billedet er færdigt skal du gemme det forskelligt alt afhængigt af, hvad resultatet skal bruges til. Skal billedet bruges til Internettet dvs. skal du maile det, eller sætte det på en hjemmeside eller skal det bruges i Powerpoint, gælder det at det endelige resultat skal være lille i både filstørrelse (antal byte det fylder) og billedstørrelse (fx antal cm det fylder ). Du skal nu gemme dit billede til brug på Internettet eller Powerpoint. Du gør således: 1. I menuen File vælger du Save for Web Der fremkommer nu følgende dialogboks, og der går lige et par sekunder, mens Photoshop indlæser dit billede i denne dialogboks. Umiddelbart under dit billede ser du en udregning for hvor lang tid det vil tage en person med et modem at hente billedet i dets nuværende størrelse, der er på ca. 53 Kilobytes i dette eksempel. Til venstre I dialogboksen finder du fanebladet til en lille Image size menu, hvor du kan ændre størrelsen på billedet, så det bliver hurtigere at hente ned fra Internettet. 17
Du skal nu ændre dit billedes størrelse i den lille Image size menu. DU gør således: 1. Klik på fanebladet markeret Image size. Det bliver nu aktiveret og der fremkommer felter du kan skrive i. 2. I feltet Width (markeret med blåt) indtaster du værdien 300. Dette angiver at billedet nu skal gemmes kun 300 pixels bredt 3. Klik på Apply - og bemærk at det nu kun vil tage få sekunder at hente billedet. Du får nu følgende resultat: Ovenover Image Size menuen, finder du Settings, hvor format og kornethed indstilles. 4. Du skal nu indstille Quality/kornethed til High ved at klikke I feltet hvor den røde pilespids rammer, og vælge High fra rullegardinet 5. Klik til sidst på OK øverst Følgende dialogboks fremkommer: 6. Check at du gemmer i mappen 0Photoshop 7. Navngiv det billede, du nu har optimeret til Internettet, Web.jpg 8. Klik på Save til sidst Den nye version du har skabt, Web.jpg er en version af dit billede, der er egnet til brug på Internettet eller fx i et Powerpoint diasshow. 18
4.16 Gemme det færdige resultat til udprintning - enten direkte fra Photoshop, eller via indsætning i Word Skal du gemme dit billede til udprintning frem for til netbrug, gør det har en stor filstørrelse faktisk skal det have større filstørrelse og være fintkornet. Det giver nemlig den bedste kvalitet. Du skal derfor ændre filstørrelsen på det billede, du før gemte til netbrug. (altså det du har på din brugerflade nu det blev nemlig ikke ændret, da du gemte det i en webversion under andet navn) 1. I menuen Image vælger du Image Size (hvilket du allerede har prøvet) I den fremkomne dialogboks kan man ændre på udprintningsstørrelsen (Width og Height) samt kornetheden (Resolution) i boksens nederste del. 2. I Resolution vælger du, at formatet skal angives i Pixles/inch. Dette er et mål for kornethed eller opløsning og kendes også som dpi, (dots pr inch.) Standard udprintningsopløsning er 300 dpi. 3. Indtast derfor værdien 300 i Resoultion 4. Du skal nu indtaste værdien 17 i Width, hvilket gør billedet 17 cm bredt i udprintning og dermed kan være på et A4 ark Bemærk at værdier ændres tilsvarende i pixel dimensioner (i boksens øverste del) 5. Klik OK Dit billede har nu en opløsning og størrelse, der gør det egnet til udprintning Det kan enten printes direkte fra Photoshop eller du kan gemme det og efterfølgende indsætte det i et Word dokument. 19
6. Gem det i jpg format i mappen 0Photoshop under navnet print.jpg via File > save as menuerne. Som det er illustreret i denne dialogboks, skal du i linien Format klikke og vælge JPEG (*JPG;JPE) for Word kender ikke Photoshops eget.psd format. 20