Mitthögskolan Institutionen för Informationsteknologi och medier. Jan-Erik Jonsson 060-14 87 90 Laboration 2 Grunderna i Photoshop Interaktiva multimedier v1.0 2001-11-27 lab_2.doc
Sida 2/5 Allmänt Materialet för varje uppgift finns i var sin katalog. Antingen kan du ladda hem hela materialet som en zip-fil eller så kan du ta hem de filer du behöver en och en. Det första du gör när du tagit upp en bild i Photoshop är att spara om bilden med ett nytt namn. Detta för att du ska ha kvar originalet om du behöver det igen, till exempel om du inte är nöjd med det du gjort och vill göra om det. På samma sätt kan det vara bra att göra en kopia av ett lager i Photoshop innan du börjar redigera det. Allmänt om redovisning i denna laboration: De filer som du ska redovisa, namnge dem till till L2_uppgiftsnr_ditt_namn.filändelse och skicka in den till forum Laboration 2. Ex på filnamn i uppgift 2: L2_2_Sven_Svensson.gif Uppgift 1 Genomför "Lesson 2" och "Lesson 3" i den tutorial som finns med i Photoshop. Om du inte har den på din dator så finns den i materialet ovan. Lesson 2 Hantering av lager(layers). Lesson 3 Arbeta med fotografier. Justera färg, ton, fotomontage, "retouching" m.m. Om du inte har jobbat med Photoshop förut så bör du först gå igenom "Lesson 1" så att du lär dig hur man markerar och väljer ut det som du ska jobba med. Denna uppgift behöver inte redovisas. Uppgift 2 Du ska nu arbeta med en bild som heter bottles.tif Det enda du ska göra är att ta bort väggen bakom flaskorna (den övre vita delen) på bilden. För att kunna göra detta så bör du först spara om den i.psd-format. Sedan måste du kopiera bakgrundslagret. Det är inte lämpligt att försöka ta bort något från bakgrundlagret. Normalt går det int heller. Enklaste sättet att kopiera ett lager är att högerklicka på det i lagerpaletten och välja duplicate layer. Då får du dessutom upp en dialogruta där du kan ge ditt lager ett lämpligt namn. Sedan ska du ta bort väggen i det lagret. Enklast är nog att först använda trollspöet (magic wand) och kombinera det med att lägga till och ta bort markeringar. När du har markerat det som ska bort så är det bara att trycka på [Delete]-knappen. Tips: Om väggen fortfarande syns: Har du valt rätt lager? Har du stängt av synligheten på bakgrundslagret?
Sida 3/5 Spara nu bilden i några olika format, se nedan. Använd save a copy -alternativet. Det innebär att du hela tiden har originalet uppe i Photoshop men att du tillverkar kopior av hur det ser ut just nu. I Photoshop 5 är detta ett alternativ direkt under File-menyn. I version 6 är det istället ett val under File-> save as. tif jpg gif png gif89a gif89a-formatet tillåter en transparent färg, det kan vara bra när du vill att bakgrunden på t.ex. en hemsida inte ska skymmas av en bakgrundsfärg i din bild. Du ska använda detta i den här uppgiften. För att spara i gif89a-format i Photoshop5 så går du in i File->export->GIF89a. Sedan följer du instruktionerna. I och med att vi redan tagit bort det i som ska bli genomskinligt (rekommenderas) så är det ganska enkelt att göra detta. Det finns andra sätt men de är sämre och krångligare. I version 6 så väljer du.gif som vanligt under save as -menyn och får då upp en dialog där du kan kryssa i transparancy. Du ska redovisa din gif89a-bild. Uppgift 3: Komprimering Med hjälp av programmet ImageReady så kan du testa hur komprimering av bilder påverkar bildkvalitén och storleken på bildfilen. Det ger också upplysningar om hur lång nerladdningstid (i bästa fall) bilden får vid olika överföringshastigheter. När du valt vad du tycker verkar bäst så markera det alternativet och välj File->Save optimised as... ImageReady kan användas till mycket annat också, skapa gif-animationer m.m. Om du inte har tillgång till programmet ImageReady så får du istället prova med att spara bilderna i olika format och kvalité ifrån Photoshop. Använd save a copy -alternativet. Sedan får du öppna dem igen och jämföra hur de blev. Jämför både med originalet och med varandra. Enklast är naturligtvis att öppna alla på en gång i Photoshop och jämföra. Det kan hända att du måste byta färgalternativ för att kunna spara i olika typer av filer. Det gör du med Image->Mode->Indexed color... eller Image->Mode->RGB Color. De olika alternativ du bör testa är jpg och gif med olika komprimeringsalternativ. Minst tre till fyra av varje bör du testa. De två bilder som du ska testa är colour.psd och rockies.tif. Du ska redovisa det som du tycker är bästa alternativet av varje bild.
Sida 4/5 Uppgift 4: Gör en egen logga utifrån ditt namn eller initialer. Använd textverktyget i Photoshop och de olika möjligheterna till effekter och filter. Samt de "ritmöjligheter" som finns för att skapa "tillbehör". Spara den i ett par olika format. Ett av dessa ska vara gif89a, där du tagit bort det omkring så att den passar in i olika bakgrunder. Några saker att tänka på angående logotyper: Fungerar de i olika storlekar och med olika bakgrunder? Går de att använda i olika sammanhang och på olika material, t.ex. på en hemsida, på papper, på kläder? De ska vara enkla. I katalogen för denna uppgift finns ett enkelt exempel, logga.gif. Det finns dessutom en html-fil och en bakgrundsbild. Om du öppnar htmlfilen så ser du hur exemplet ser ut på bakgrunden. Du kan testa din egen logotyp genom att lägga den i samma katalog som htmlfilen och bakgrundsbilden. du måste då döpa din bild till logga.gif. Om du vill kan du förstås också byta ut bakgrundsbilden till en egen. Redovisa din logotyp i gif89a-format.
Sida 5/5 Användbara kortkommandon och genvägar. Photoshop innehåller väldigt många kortkommandon och några av dem är det bra att kunna. Detta av två skäl. Det första är förstås därför att det spar tid, jobbet går fortare. Det andra och minst lika viktiga skälet är att det spar din kropp. Det tär betydligt mindre på axlar och andra delar av kroppen om du använder knappar i stället för musen där det går. En fördel med Photoshop är att de kortkommandon som finns för att tillfälligt byta verktyg också ändrar utseendet på muspekaren så att det syns att man tryckt på rätt knapp(-ar). [Ctrl]X eller [Skift][Delete] [Ctrl]C eller [Ctrl][Insert] [Ctrl]V eller [Skift][Insert] [Ctrl]Z [Ctrl]S [Ctrl]+ och [Ctrl] Klipp ut. (Fungerar i nästan alla program.) Kopiera. (Fungerar i nästan alla program.) Klistra in. (Fungerar i nästan alla program.) Ångra och ångra tillbaka. (Fungerar i nästan alla program.) Spara (Fungerar i nästan alla program.) Zooma upp och ner. Om du har en mus med scrollhjul så kan du kan du också zooma genom att hålla ner [Ctrl] samtidigt som du använder scrollhjulet, detta fungerar också i många andra program. Om du har flera bilder uppe i Photoshop samtidigt så kan du snabbt bläddra mellan dem med [Ctrl][Tab]. Användbart när du ska jämföra bilder. Oavsett vilket verktyg som du för tillfället har valt så kan du få fram klätterhanden genom att hålla ner [Spacebar]. Med klätterhanden så kan du förflytta dig runt i bilden, det är väldigt praktiskt om du har förstorat upp den mycket. Om du har något av markörverktygen aktivt, t.ex. trollspöet, så kan du lägga till och ta bort markeringar genom att hålla ner [skift] (lägg till) eller [alt] (ta bort). Det dyker då upp ett litet eller + vid muspekaren. [Ctrl]D Ta bort alla markeringar. (Deselect) Istället för att klicka och dra med musen så kan du använda piltangenterna. Det är bra vid finjustering, tycker du att det rör sig för lite kan du hålla ner [skift] så rör det sig i större steg. Tänk på: vad som rör sig beror på vilket verktyg du valt och vilket lager du har aktivt. Normalt byter man vilket lager som är aktivt genom att klicka på det i lagerpaletten, men du kan också byta lager genom att höger-klicka på ett ställe i bilden där du vet att ditt lager finns. (Alla lager behöver inte breda ut sig över hela bilden.) Över huvud taget så testa att högerklicka på olika saker i programmet så ser du snart att det kommer fram snabbmenyer som är praktiska. Dubbelklicka på ett lager i lagerpaletten om du vill komma åt att ändra namn på lagret. Då det börjar bli många lager så sparar det tid att ha vettiga namn på sina lager.