Laboration 1 Bitmapgrafik med Photoshop

Transkript

1 Laboration 1 Bitmapgrafik med Photoshop Innehåll: 1. Färgmodellen RGB Ändra färger 2. Genomskinlighet GIF, PSD, PNG markeringsverktyg: lasso, trollstav lager och lagermask 3. Filter Glitter på vågor, Trä, Böljande vatten Textverktyget 4. Brus-filter 5. Göra ett kollage mha klonstämpeln 6. Animering Under arbetets gång är det lämpligt att spara filer på den lokala hårddisken. På skrivbordet och om det blir stökigt skapar du bara en mapp och att lägga filerna i. När du sedan slutar ditt arbete (eller vill byta dator) så skall du lägga filerna på en delad hårddisk som heter Multimedia. Den ligger på en server som har adressen acis.dis.uu.se Som regel finns Multimedia enheten förinställd så att den är enkel att koppla upp genom att i menyn välja Gå->Server... När du lägger dina filer på Multimedia servern så är det bra ifall du lägger dem i en mapp med ditt namn, det blir väldigt stökigt ananrs. Mappen får du skapa själv. Börja varje övning med att göra en kopia av bilden som du skall arbeta med. Att arbeta med en kopia av bilden och inte originalet är en bra regel för ett lyckat arbete. Du kan spara bilderna mellan olika experiment, för att kunna jämföra resultat. När du experimenterar kan det även vara bra att kunna ångra sig i flera steg genom att använda Fönster->Händelser en lista över alla händelser i bilden och där man kan gå tillbaka och ångra dem.

2 1. Färgmodellen RGB Bildskärmar visar bilder i RGB färgrymden, så den modellen är naturligast för publicering på bildskärm. Lär dig förstå RGB modellen Röd, Grön, Blå, RGB, beskriver bilden som om det var tre färgade lampor som lyser med olika styrka och ljuset blandas i en punkt till den resulterande färgen. Detta är vad som sker i gamla katodstråle-bildskärmar. Ju starkare lampan lyser desto ljusare färg, därav kallas det additiv färgmodell. RGB - modell för ljus, standard för skärmar, standard för scanners, standard i HTML, standard i JavaScript.

3 Bilder att arbeta med: Bilderna i mappen Färgmodeller: färgväljare, linosa, vino_tech, gula löv. Starta med bilden färgväljaren, sedan de andra bilderna, peka med muspekaren på olika platser i bilden och läs av i Info-paletten. Arbeta upp en förståelse för vilka värden på rött, grönt och grönt som ger vilka färger. Fortsätt med samma bilder, börja med bilden färgväljare, och laborera med färgförändringar med kommandot Bild->Justera->Nyans/Mättnad arbeta upp en förståelse hur kommandot fungerar. Se till att utforska Nyansvinkel, Mättnad, Ljushet samt Färga. Läs på i Hjälpen om Använda kommandot Nyans/mättnad. Bekanta dig där efter med Färgväljaren (inte bilden nu). Tag fram Färgväljaren och välj i tur och ordning R, G, B och dra i reglaget för att justera mängden. Observera för respektive hur färgerna förändras. Byt färg på förgrundsfärgen och bakgrundsfärgen och måla med olika pennor, penslar och radergummit. Arbeta upp en förståelse för: hur pennor respektive penslar fungerar och hur du ändrar storlek, form, genomskinlighet på dem. skillnaden mellan penna och pensel (zooma in så ser du bättre) hur du arbetar med Färgväljaren för att få olika färger (finns det färger du inte kan få fram?) hur du gör rutor, cirklar och figurer med markeinrgsverktygen och kommandot Redigera->Fyll respektive 1. Arbeta med penslar och penor och rita ett självporträtt. 2. Använd bilderna linosa.png, vino_tech2.png och ändra färgerna så att den liknar Färgförändrad/linosa_fförändrad.png respektive vino_tech2_fförändrad.png. Arbeta med metoden Bild->Justera->Nyans/Mättnad 2. Genomskinlighet Olika applikationer har olika förmågor att hantera bild-filformat och därmed genomskinlighet. Www-klienter stöder genomskinlighet hos GIF och PNG. Beroende på filformat kan tillvägagångssättet och problemen vid arbetet mot genomskinliga bilder variera. Generellt kan sägas att PNG är ett bra och effektivt filformat, för publicering, Photoshop formatet PSD är bra för arbetsfiler och bekvämt att arbeta med tillsammans med t.ex. Director (och andra program som stöder det formatet), dock är det ej effektivt och tar mycket stor plats. JPEG stöder inte genomskinlighet så det är inte intressant just nu. Genomskinlighet den arbetsamma vägen med markeringsverktyg och GIF Denna första metoden är främst till för att du skall lära dig att arbeta med markeringsverktygen. I detta moment skall du frilägga ett motiv från bakgrunden i bilden. För att isolera det objekt som skall friläggas måste det först markeras. Vilket markeringsverktyg som är lämpligast beror förstås på exempelvis färgsammansättningen i bilden och motivets form. Om bakgrunden har en färg som avviker från motivet och är relativt homogen kan trollstaven vara det bästa valet medan lasson passar bättre när motivet och bakgrunden har samma färgskala.

4 Photoshopmetoder i denna övning: Markeringsverktyg (trollstav, lasso, gummibands-lasso och magnetiskt lasso) Penslar - för målning, radering med ludd Pennor - för målning, radering utan ludd, men med kantutjämning om du inte slår av den. Shift-tangenten och markeringsverktyg - för att utöka markering Alt-tangenten och markeringsverktyg - för att dra bort från en markering Ludd Bilder som du kan arbeta med är Vildkatt eller Kattporträtt. Bilden finns i mappen Genomskinlighet. För att frilägga katten från bakgrunden skall du prova att använda olika markeringsverktyg. Börja med att använda lasson eller gummibandslasson för att markera konturerna hos djuret. Pröva sedan att göra samma markeringar med det magnetiska lassot. Arbeta med att utöka och minska markeringen för att få en nära passning runt motivet. När djuret är markerat, inverterar du markeringen (Markera->Omvänd) och raderar bakgrunden genom att trycka på backtangenten. Se till att ha satt bakgrundsfärgen till en färg som inte förekommer i motivet (i detta fall är vitt inte lämpligt, pröva tex neongrönt). Spara detta experiment som en GIF genom att använda Arkiv->Spara för webben och i paletten för GIF markera bakgrundsfärgen och sätt den till genomskinlig med genomskinlighet-knappen strax under paletten. Bocka även för genomskinligt och se till att filformatet är GIF, och att inget gitter är inställt. Du ser direkt en förhandsvisning av resultatet (grå-vita rutor betyder genomskinligt). Nu bör du vara någorlunda bekant med lassona, pröva att göra samma friläggning med verktyget Trollstav och arbeta även med att alternera mellan de olika markeringsverktygen vid behov. Photoshop-filformatet genomskinlighet För denna genomskinlighet skall du arbeta med lager och därmed få genomskinligheten med på köpet. Lager går att spara i Photoshop-formatet, men bevaras inte i format som PNG, GIF, JPEG. Denna arbetsmetod går även att använda för gif-genomskinlighet. I Photoshop-formatet och PNG formatet kan man ha gradvis genomskinlighet i flera steg, så delar av bilden kan vara delvis genomskinliga. Photoshopmetoder i denna övning: Lager Penslar och suddigum Bilder som du kan arbeta med är Vildkatt eller Kattporträtt. Bilden finns i mappen Genomskinlighet. Gör om bakgrundslagret till ett lager genom markera lagret i lagerpaletten och välja i menyn Lager->Nytt->Lager från bakgrund (alternativt dubbeklicka på bagrundslagret i lagerpaletten och sedan välja ok). Nu när du raderar kommer det att bli genomskinligt, detta visas som ett rutmönster.

5 Arbeta med Suddgummi för att frilägga bilden. Se till att justera storleken på penseln / suddgummit så att du kommer åt alla skrymslen. Det går bra att ha lite ludd för att mjuka kanter. När katten är frilagd skall du lägga till en skugga, använd Lager->Lagerstil->Skugga... och experimentera med inställningarna tills det du har en stor skugga. Frilägg bilden Kattporträtt och spara det i Photoshop-formatet (bara välja Spara som vanligt). Lagermask för bla genomskinlighet Istället för att radera delar at bilden så kan man gömma oönskade delar genom att lägga en mask. Den synliga effekten är den samma, men att maska bort delar är generellt en mera elegant och kraftfull metod som används i många olika sammanhang. Det som man maskerar bort är enkelt att ta fram igen genom att måla i masken. Photoshopmetod vi arbetar med är: Lager Lagermask Läs på om Lager, Lagermask och Maskera lager i Hjälpen. Bilder som du kan arbeta med är Vildkatt eller Kattporträtt. Bilden finns i mappen Genomskinlighet. Gör om bakgrundslagret till ett lager (bakgrundslagret är ett speciellt lager som saknar en del av de finesser ett normalt lager har). Sätt på en lagermask genom att klicka på den lilla ikonen längs ned på lagerpaletten. För att måla i masken klicka på miniatyrbilden för masken. För att måla i bilden klicka på miniatyrbilden för bilden. Måla med svart färg i masken för att maskera bort. Måla med vit färg för att ta fram det maskerade. Gråtoner blir delvis genomskinliga. Kantutjämning och ludd ger upphov till gråtoner i kantområdena i masken. 3. Filter Filtren i Photoshop kan grovt indelas i nytto filter och effektfilter. Du har hittills använt dig av några nyttofilter som skärpe- och oskärpefilter för att förbättra kvaliten hos bilden. Med effektfilter kan man förvränga bilden på olika sätt. Förutom att applicera filter på bilder kan man också använda filter för att skapa bilder vanligtvis olika sorters bakgrunder. Läs på om filter i Hjälpen under Använda filter för specialeffekter. Glitter på vågor

6 Skapa ett nytt dokument, RGB-läge, 400x300 pixlar. Sätt bakgrunds- och förgrundsfärgerna till två olika blå nyanser en ljusare och en mörkare. Välj verktyget Övertoning, se till att inställningarna är så att du får en linjär övertoning från förgrundsfärg till bakgrundsfärg. Inställningarna för Övertoningsverktyget bör se ut så här. Dra med Övertoningsverktyget diagonalt över bilden. Ändra till vit förgrundsfärg, välj penselverktyget och ta en medium storlek. Rita några vågformiga streck kors och tvärs. Välj Filter->Förvrängning- >Krusning och laborera med olika inställningar för att få ett resultat som ser ut som glitter på vågor. Trä Skapa ett nytt dokument 300x200 pixlar. Välj markeringsverktyget Kolumn och markera längst till vänster i bilden. Välj Filter->Brus->Addera brus..., Mängd 300 och Gaussisk. Välj därefter Redigera->Omforma->Skala, ta tag i handtaget mitt på och dra ut till den högra sidan av bilden så att du får olikfärgade vågräta linjer över hela bilden. Färga ur genom att välja Bild->Justera->Tunna ut. För att färglägga bilden igen i en enhetlig färg, välj Bild->Justera->Nyans/mättnad och kryssa i rutan Färga. Dra därefter i de olika reglagen så att du får en färg som motsvara ljus träfärg. Lägg slutligen på ett förvrägningsfilter för att få lite mer träkänsla, välj Filter->Förvrängning->Våg... Experimentera med inställningarna på de olika parametrarna för att skapa en trovärdig vågstruktur i träet. Ännu en enkel bakgrund - Böljande vatten Skapa ett nytt dokument 400x300 pixlar. Sätt bakgrunds- och förgrundsfärgerna till två olika blå nyanser en ljusare och en mörkare. Välj verktyget Övertoning och se till att inställningarna är satta så att du får en rak övertoning från förgrundsfärg till bakgrundsfärg. Lägg en övertoning diagonalt över bilden. Lägg där efter på monokromatiskt brus. I menyn Filter->Brus->Addera brus... Välj Mängd 120, Fördelning Gaussisk och Monokrimatisk. Välj sedan Filter->Förvandla pixlar->kristallisera... med Cellstorlek 6 inställt. För att mjuka upp färgkanterna välj där efer Filter->Brus->Median med 5 pixlars radie. Slutligen så får du små vågor i vattnet genom att välja Filter->Förvrägning->Krusning... och ställa in: Medium och Mängd 750. Genom att välja mindre brus, större celler vid kristalliseringen, större pixelradie vid median-filtret, så får man lugnare vatten. Spara din bakgrund för du skall använda den i nästa övning. Arbeta med textlager Bild du skall arbeta med: din egen vatten bild från övningen Böljande vatten. När man skriver text så läggs den i ett eget lager, ett textlager. Textlagret är speciellt då det går att välja lagret och med textverktyget klicka på texten i bilden för att editera den. Det går också att arbeta med olika slags genomskinlighet hos lagret. Dock går det inte att måla eller använda filter på ett textlager utan att först omvandla det till ett vanligt lager. Läs på mera om text i Hjälpen under Använda text I den här övningen skall vi skriva en text som ser ut att flyta på vattnet. Börja med din bild från föregående övning (eller gör en ny bakgrund). Sätt förgrundsfärgen till en

7 klarröd färg så att texten syns tydligt. Använd sedan textverktyget och skriv Vatten med stora bokstäver. När texten är skriven använd Flytta verktyget (pilen) för att flytta texten till mitten av bilden. (Ofta kan man hålla ned äpple tangenten så får man Flytta verktyget på en gång.) Vill du ändra texten så skall du se till att textlagret är valt i lager-paletten, välja textverktyget och sedan kicka på texten du vill ändra. Lagerstil, för att ställa in olika justeringar på lagret, får du fram antingen genom att dubbelklicka på lagret i lagerpaletten, eller välja i menyn Lager->Lagerstil- >Blandningsalternativ. Ta fram Lagerstil för textlagret och gör inställningar så att bilden i under lagret delivs lyser igenom. På så sätt får vi en effekt av att vattnet delivs böljar över texten. De nedre reglagen styr vad som skall lysa igenom från den undre bilden. Det övre reglaget styr vad som skall bli genomskinligt i den övre bilden. Då den övre bilden har jämn ljusstyrka så är det ingen idé att arbeta med det övre regaget. Gör inställningarna ungefär som i bilden nedan. Nu skall delar av texten ligga under vatten. För att få en mjukare övergång mellan vatten och texten skall övergången till genomskinligt ske gradvis. Genom att dela på reglagen ställs den övergången in. För att få reglagen att dela på sig så håller du ned Alt-tangenten och drar i reglaget. För att få texten att bölja kan vi lägga ett filter på det lagret. Men först måste du göra om textlagret till ett vanligt lager. Det gör du genom att välja Lager- >Rastrera->Text. Använd sedan något lämpligt filter för att få texten att se böljande ut. Filter->Förvrägning->Virvel eller Krusning... ger bra effekt. Pröva även hur det ser ut om du använder dig av olika sätt att blanda lagrena: dubbelklicka på lagret eller välj i menyn Lager->Lagerstil->blandningsalternativ och laborera med olika Blandningslägen. Artistiska filter och andra effektfilter Använd de olika effektfiltren på valfria bilder och experimentera med dem så att du blir bekant med deras effekter.

8 4. Brus-filter Retusch Photoshopmetoder i denna övning: Damm & repor Median Skärpa Klonverktyg Markeringsverktyg Bilder som du skall arbeta med: FamilyPhoto.pct och om du vill även FamilyFoto2.pct och moire_watch. Bilderna finns i mappen Retuschera. Vi har i denna övning letat fram ett gammalt foto på några av Barbros gamla förfäder. En vidsträckt jämtländsk släkt. Detta gamla fotografi är dock slitet och har repor. Du skall nu rädda detta kulturarv till eftervärlden. Fotot är redan inscannat men du måste retuschera så att de värsta reporna försvinner. Mängder av små repor och oegentligheter tar man lämpligast bort med ett filter. Filtren tenderar att minska detaljrikendomen i bilden, så räkna inte med allt för goda resultat. Använd Filter->Brus->Damm & repor och reducera repigheten. Radie anger hur stora områdena är som skall utjämnas, större värde gör att större områden jämnas ut och bilden förlorar detaljer. Tröskelvärde anger hur stor avvikelsen inom området måste vara för att utjämning skall ske. Det gäller att balansera de parametrarna till en godtagbar kompromiss. Det går även att använda Filter->Brus->Median för att ta bort en del ojämnheter. Det filtret jämnar ut alla bildpunkterna så att de inom ett vist avstånd, som anges med radie värdet, slätas ut. (Om du har enstaka större repor kan det gå att klona från ett liknade område för att täcka repan. I så fall kan man använda Klonstämpeln). 5. Göra ett kollage mha klonstämpeln Photoshopmetoder i denna övning: Klonstämpel Händelsepensel Skärpa / oskärpa verktyget Efterbelys / skugga verktyget Svamp Bilderna till denna övning för du skaffa fram själv. Surfa på images.google.com efter gruppfoto och välj ut två gruppfoton som du sparar och öppnad i Photoshop. Du kan efterhand leta rätt på fler bilder att ta med allt eftersom. Välj inte allt för små gruppfoton och gärna så att de inte är tagna i studio med perfekt ljussättning, det blir lite mera utmanande på så sätt. Du skall klona in folk från den ena bilden till den andra. Vi kallar bilden du klonar från för originalbild och den andra bilden du lägger till folk till för målbild. Se till att göra en kopia av målbilden innan du startar. Om folket på originalbilden har annan storlek än de på målbilden så får du ändra på bildens storlek, Bild->Bildstorlek Har originalbilden annan färgton än målbilden så kan du behöva göra färgjusteringar, Bild->Justera->Nyans/Mättnad.

9 Öppna båda bilderna och försök placera dem sida vid sida. För att klona måste du först placera ut en referenspunkt på där du vill klona från. Välj Klonstämpeln och håll ned alttangenten samtidigt som du klickar på en punkt mitt på den person du vill klona. Nu har du en referenspunkt i originalbilden. Gå över till målbilden och måla med Klonstämpeln där du vill ha in personen. Genom att ömsom måla över och ömsom runt de redan befintliga personerna, så kan du få det att se ut som om den nyinklonade person står mitt ibland dem. Klona in flera personer både bakom och mitt ibland de andra i gruppfotot. För varje ny kloning måste du sätta ut en ny referenspunkt. När du arbetar med klonstämpeln får du oftast ett mer lyckat resultat om du först arbetar med en pensel som är mellanstor och med ganska mycket ludd och sedan en mindre pensel för att ta med kanterna. Får du med för mycket när du klonar, så kan du få tillbaka det du målat över genom att använda Händelsepenseln. Då ljussättning och skärpedjup kan vara olika på gruppfotona, så kan dina nyinklonade personer ha en annan skärpa, ljus eller färgstyrka. Det finns en uppsättning verktyg som du kan måla med för att justera skärpa, ljus och mättnad. För att effekten inte skall bli för stor kan du ställa in de verktygen så att de ger en låg effekt, men att du då kan måla lite i taget i flera omgångar. Du väljer också penselstorlek så att du kan måla på en lagom stor yta med verktygen. Skärpa / Oskärpa Måla med det verktyget för att skärpa respektive oskärpa. Ställ in Styrkan för att ange hur snabbt det ger effekt. Skugga / Efterbelys Efterbelys gör att bilden exponeras mera och blir mörkare. Skugga gör det motsatta. Ställ in Exponering för att justera hur snabbt det ger effekt. Svamp Ställ in och måla med Svamp för att mätta eller tunna ut färgerna. Flöde anger hur snabbt den ger effekt. Som regel får man effekten av att något är bakom genom att göra det suddigare och mörkare eller ljusare samt färgfattigt. Objekt i förgrunden är oftast skarpare, ljusare och mera mättade. Förbättrad metod mha lager Nu har du klonat in direkt i bakgrundslagret, detta ställer lite högre krav på handlag. Genom att skapa ett nytt lager hos målbilden och klona till det lagret så är det enklare att justera fel vid kloningen och mycket enklare att justera storlek, färg, ljushet, skärpa, mm då man kan arbeta mer oberoende med ett motiv i ett lager. Gör kloningar men arbeta nu med lager. 6. Animering I denna övning ska du skapa en animering ( bakgrund+text) med hjälp av Adobe Image Ready. Du ska arbeta med lager. I denna övning ska du flytta och ändra opacitet på lager för att skapa start- och slutrutorna för en animerad sekvens. Öppna ett tomt dokument. Välj bakgrunds samt förgrundfärg. Skriv HEJ. Nu har du flera lager (ett lager för varje bokstav + bakgrundslager). I paletten Lager kan du se alla lager. En ögonsymbol visas bredvid de synliga lagren i paletten. Du kan se att alla lager är synlliga (ögon symbolen). När du ska definiera animering kan du använda paletten Lager i kombination med paletten Animering. Med paletten Animering kan du lägga till nya bildrutor, uppdatera befintliga bildrutor, andra ordningsföljden etc. När paletten Animering öppnas finns det en bildruta

10 i paletten och den visar den befintliga bilden. Rutan är markerad för att visa att du kan ändra dess innehåll genom att redigera bilden. Du ska skapa animerings rutor som visar hur bokstäverna kommer in i bilden från olika håll och sedan flyttas på rätt plats. Den befintliga bilden visar hur du vill att bilden ska se ut i slutet av animeringen. Klicka på knappen Ny bildruta längs ned i paletten Animering. En ny bildruta skapas. När du lägger till en ny bildruta skapas en dubblett av den föregående bildrutan. Nu ska du ställa bokstäver på olika startpositioner. Markera lagret H i paletten Lager. Med bildruta 2 markerad i paletten Animering markera flyttverktyget och dra bokstaven H till vänster. Minska sedan opaciteten till 20% i paletten Lager. Gör likadant för bokstäverna E och J, men flytta E upp och J till höger. I paletten Animering kan du se att bildruta 2 uppdaterats och visar den befintliga bilden. Ändra ordningsföljden på bildrutorna så att bildruta 2 hamnar först genom att dra ruta 2 till vänster. Spara. Se till att bildruta 1 är markerad i paletten Animering. Välj sedan Övergång (Tweens animation frames) på menyn i paletten. Markera alla lager och kryssrutorna Position och Opacitet i dialog rutan Övergång. Lägg till 4 bildrutor mellan den markerade och den slutliga bilden. Välj antal gånger samt tid på Animeringspaletten. Spela upp.