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         Om at lære brugerfladen (arbejdsbordet) at kende:

 

 

 

 

 

 

 

 


 

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       

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 program ImageReady

 
 
Værktøjskassen:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


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    Tekstboks:  Å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.
 
 

 



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:
 

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.

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


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
 
 

 

 

 

 

 

 

 

 

 

 

 

 
 

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:

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


4.8  Beskære billedet
 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


4.9 Rense skyggen for skønhedsfejl  (Eyedropper, Airbrush og Eraser)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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.

 

 
 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


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).

 

 

 

 
 

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Tekstboks: 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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 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

 
 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
 
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
 
 

 

 

 

 

 

 

 

 

 

 

 

 


Tekstboks: 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.

Tekstboks: 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.

 
Tekstboks: 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.

        
 

 523        223
 

 

 

 

 

 

 

 

 

 


Tekstboks: Tekstboks: 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)

 

 

 

 

 

 

 

 

Tekstboks: 4.13. Flytte de fire lag ( skygger) rundt på baggrunden (Move tool) Tekstboks: 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!

 

 
 
Tekstboks:

 
 

4.14 Indskrive tekstlag i billedet (Type tool)

 

 
 
 

 

 

 


Tekstboks: 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

Tekstboks: 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. Tekstboks:

 

 

Tekstboks: 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.

Tekstboks:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tekstboks: 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 ).

 

Tekstboks: Tekstboks: Tekstboks: 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…

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.
 
Tekstboks: 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.

 

 

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.
 

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Tekstboks: 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)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Tekstboks: 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.