Ändra bildstorlek

Låt oss tala om hur vi ändrar storlek på en bild i Photoshop. Jag föreslår att du börjar med den här bilden bland övningsfilerna som medföljer kursen. Jag vill ha en bildstorlek som passar för publicering på en viss webbplats där jag vet att den ideala bildstorleken är 900 pixlar bred. Innan vi börjar med att ändra storlek på bilden kan vi kolla hur stor den är nu. I de flesta fall vill du börja med en bild som är större än eller iallafall inte jättemycket mindre än den nya bilden. Om du förstorar en bild mycket kommer den nämligen att bli oskarp. Jag går ned till statusraden längst ned i dokumentfönstret och klickar och håller ned informationen om dokumentstorlek. I det lilla fönstret som visas ser vi att filen är 1 800 pixlar bred och 1 200 pixlar hög. Eftersom vi vill publicera bilden på ett ställe som bara är 900 pixlar brett på webbplatsen innebär det att vi ska skala ned bilden. För att ändra storlek går jag till menyn Bild och väljer Bildstorlek... Nu öppnas dialogen Bildstorlek. Om du vill kan du göra fönstret större genom att gå till det nedre högra hörnet och dra det utåt. På vänster sida ser du en förhandsvisning av bilden och till höger har du reglagen för att ändra bildstorleken. Det finns en massa information här men du behöver inte bry dig om allt, i synnerhet när du ska ändra storlek på en bild för skärmvisning och inte tryck. Som vi ska i detta exempel. Det är några saker vi behöver kolla här. Först ska vi se till att den här länkikonen är aktiv. Så här ser den ut när den är aktiv. Om jag klickar på den blir den så här när den är avstängd. Vi vill ha länkikonen aktiv så att Bredd är länkat till Höjd och vi alltså behåller proportionerna när vi ändrar storlek på bilden. Annars kan bilden bli hoppressad eller uttänjd. För det andra ska vi se till att den här rutan är ikryssad, rutan Ändra. När den rutan är ikryssad berättar du för Photoshop att det är ok att kasta bort lite pixlar om det kan göra bilden mindre. Eller – om du förstorar bilden – lägga till lite pixlar. För det tredje, ta en titt till höger om fälten för bredd och höjd. Här ser du vilken måttenhet som används för att ange bildens dimensioner. Här är inställningen i tum. Men när du ändrar storlek på en bild som ska användas för visning på skärm, som vi gör nu, är den korrekta måttenheten inte tum utan pixlar. Jag klickar alltså på en av dessa båda menyer och ändrar från tum till pixlar. Den andra menyn hänger med eftersom de är sammanlänkade. Nu ska vi ändra storlek. Jag går till fältet Bredd och istället för 1 800 skriver jag 900. Du ser att fältet Höjd automatiskt ändras också – proportionerligt. Här kommer ett bonustips: om du vill ha en bild med andra dimensioner, till exempel 900 gånger 400 istället för 900 gånger 600 som vi får nu, är det bästa sättet att använda ett annat verktyg, beskärningsverktyget, som vi kommer till i en annan video. Innan jag klickar på OK kanske du undrar varför jag inte ändrar fältet Upplösning. Det beror på att fältet Upplösning är relevant endast när man förbereder en bild för utskrift. När man ändrar storlek på en bild för visning på skärm, som i detta exempel, påverkar siffran i det här fältet inte dimensionerna på bilden. Du kan alltså lämna fältet med det värde som råkar visas. Efter att ha gjort ändringar i dialogen Bildstorlek kan vi nu klicka på OK och stänga dialogen och återgå till dokumentfönstret. Om du vill kan du gå ned på statusraden igen och kontrollera den nya storleken på bilden. Jag klickar och håller ned här och du kan se att vi nu har 900 gånger 600 pixlar istället för originalbilden med 1 800 gånger 1 200. Allt som återstår är att spara bilden. Jag går upp till menyn Arkiv och väljer Spara som... istället för Spara eftersom jag inte vill skriva över originalbilden som är på 1 800 gånger 1 200 pixlar. I dialogen Spara som ger jag denna version ett annat namn. Du kan skriva vad du vill här. Jag kallar webbversionen av filen för Resize-web.jpg. Jag lämnar allt annat oförändrat och klickar på Spara. Jag klickar på OK i fönstret JPEG-alternativ. Klart. Så ändrar du storlek på en bild som ska visas på skärm med Photoshop:s dialog Bildstorlek. 

Om du gillar att skriva ut bilder kan det vara bra att ha en grundläggande förståelse för vad bildupplösning innebär i Photoshop och hur man ändrar upplösningen på en bild innan man ska skriva ut den. Det gör man i dialogen Bildstorlek. Vi öppnar den här bilden bland övningsfilerna som medföljer kursen. Gå till menyn Bild och välj Bildstorlek... I dialogen Bildstorlek ser du att måtten på bilden är angivna i pixlar. När en bild är i datorn är pixlar korrekt måttenhet. Men när vi ska skriva ut en bild mäter vi den i tum, inte pixlar. Här nere i fältet Upplösning ser du att den upplösning bilden har för närvarande är 100. Det är inget särskilt med en upplösning på 100, det är bara en jämn siffra jag valde när jag förberedde den här filen för lektionen. Vad betyder då Upplösning här? Om du läser den här raden från vänster till höger kanske du får ett hum om hur det fungerar. Upplösning är ett visst antal pixlar per tum, i det här fallet 100 pixlar per tum. Ett annat sätt att säga det är att om och när du skriver ut den här bilden kommer 100 pixlar av de totala 1800 på bredden och 1200 på höjden att tilldelas varje tum som skrivs ut, vågrätt och lodrätt. Om du inte gillar matte kan du hoppa över nästa del, men annars kommer här ett enkelt räkneexempel. Så här: dela 1 800 med 100 så får du 18. Det innebär att vid upplösningen 100 pixlar per tum kommer filen att skrivas ut med bredden 18 tum. Och på samma sätt lodrätt. Om vi delar 1 200 pixlar på höjden i grupper om 100 får vi 12 grupper, eller 12 tum. Höjden på den utskrivna bilden kommer alltså att bli 12 tum. Om du nu har förstått det grundläggande konceptet undrar du troligen vilken den bästa siffran är att ange i fältet Upplösning när man ska skriva ut en bild? Tyvärr finns det inget exakt svar eftersom det beror på vilken skrivare som används. Om vi förutsätter att du skriver ut hemma på en vanlig bläckstråleskrivare är det rimligt att säga att en upplösning på cirka 300 pixlar per tum blir bra. Om jag skulle skriva ut bilden med bara 100 pixlar per tum kanske den skulle se okej ut, men vid en närgranskning ser det inte riktigt bra ut. Det beror på att min bläckstråleskrivare verkligen behöver cirka 300 pixlar per tum. Hur ändrar man då upplösningen på en utskriftsbild till 300 pixlar per tum i den här dialogrutan? Det första steget är att kontrollera att rutan Ändra inte är ikryssad. Eftersom vi just ändrade upplösningen vill vi troligen inte ändra det totala antalet pixlar i filen. Och det är exakt vad Ändra gör. Låt oss säga att vi vill att det totala antalet pixlar i filen ska förbli 1 800 gånger 1 200. Vi vill bara allokera om dem i grupper om 300 snarare än grupper om 100. Jag skriver in 300 i fältet Upplösning. Spoilervarning: när jag gör det kommer även siffrorna i fälten Bredd och Höjd att ändras. Alltså skriver vi 300 här. Och kolla: fälten Bredd och Höjd har ändrats från 18 gånger 12 tum till 6 gånger 4 tum. Och det är den storlek och upplösning som denna bild kommer att skrivas ut bäst med. Jag är klar nu och klickar på OK. Dialogrutan Bildstorlek stängs och vi återgår till dokumentfönstret. Här har jag nu en bild som är redo att sparas och skrivas ut som 6 gånger 4 tum och med 300 pixlar i varje tum. 

Beskärningsverktyget är ett av de mest praktiska verktygen i Photoshop, i synnerhet för dig som tar många foton. Du kan använda det till att förbättra en komposition eller räta ut ett snett foto. Vi öppnar den här bilden bland övningsfilerna som medföljer kursen. Nu kan jag visa grunderna i beskärningsverktyget. Jag börjar med att välja Beskärningsverktyget här på verktygspanelen. Så snart jag valt verktyget visas en kant runt hela bilden. Det är beskärningsrutan. Jag flyttar markören till något av hörnen eller kanterna på beskärningsrutan och drar för att ändra storlek på rutan. I det här fallet vill jag dra den långt in och skapa en helt annan komposition än i originalfotot. När du gör beskärningen visar Photoshop en förhandsvisning där de områden av bilden som tas bort visas nedtonade i grått. På så sätt ser du vad som försvinner innan du faktiskt utför beskärningen. Innan jag utför beskärningen vill jag gå upp till alternativfältet och visa på ett viktigt alternativ här. Det är Ta bort beskurna pixlar. Det alternativet är ikryssat som standard. Jag brukar vilja avaktivera den rutan. När Ta bort beskurna pixlar är ikryssad och du utför beskärningen tar du permanent bort de beskurna pixlarna. Om alternativet inte är ikryssat kan du få tillbaka de borttagna pixlarna närhelst du vill. Vi testar. Jag ska nu utföra beskärningen genom att gå till den stora bocken i alternativfältet och klicka på den. Det finns andra sätt att utföra en beskärning, men det här är ett enkelt sätt som jag gillar. Nu ser du fotot efter beskärningen. Låt oss säga att jag gör något annat med bilden och sedan ändrar mig om hur jag beskurit bilden. Jag kan när som helst gå tillbaka och välja beskärningsverktyget igen och klicka på bilden: och nu syns alla de pixlar som jag skurit bort igen och jag kan ändra beskärningen. Nu kanske jag tar med lite fler av de bortskurna pixlarna. Förresten, du kanske har sett att det finns ett rutnät av lodräta och vågräta linjer ovanpå fotot när jag använder beskärningsverktyget. Detta överlägg är en klassisk kompositionsteknik som kallas tredjedelsregeln. Tanken med denna regel är att om du placerar det innehåll som är viktigt i en bild vid skärningspunkten av någon av dessa lodräta och vågräta linjer förbättras fotots komposition. Vi testar med den här bilden. Jag ska placera buketten precis på denna skärningspunkt genom att klicka på bilden och dra den så den hamnar där. Sedan kanske jag ändrar beskärningen lite så den blir tajtare runt buketten. Sedan klickar jag på bocken. Nu klickar jag på bilden igen med beskärningsverktyget för att försöka att finjustera bilden ytterligare. Du ser att bilden är lite sned, det syns särskilt här nere vid bordskanten. En sak man kan göra med beskärningsverktyget är att räta upp en bild. Det finns olika sätt att göra detta. Antingen kan man flytta markören utanför något av hörnen och manuellt dra för att räta upp bilden, och då visas det här rutnätet som hjälp att göra det. Men jag föredrar den automatiska metoden. Jag ångrar därför detta med Cmd + Z på Mac, Ctrl + Z på PC. Bilden är nu sned igen. Jag går upp till alternativfältet och ska använda det automatiska upprätningsverktyget. Jag klickar på verktyget för att välja det i alternativfältet för beskärningsverktyget.. Jag går in på bilden med markören och klickar längs bordskanten, håller ned musknappen och drar en bit längs den kanten. Du behöver inte dra hela vägen längs kanten. Det brukar räcka att dra en liten bit, som här. Photoshop använder din linje som vägledning för hur bilden ska vridas för att innehållet ska se rakt ut på bilden. Jag finjusterar beskärningen lite mer, drar upp den här kanten och kanske flyttar buketten lite så den hamnar centrerat. Sedan går jag upp till alternativfältet och klickar på bocken för att utföra beskärningen. Detta är några av grunderna i beskärningsverktyget. Jag hoppas du nu testar dessa tekniker på dina egna kompositioner i Photoshop. 

Det kan finnas tillfällen när du vill göra bildytan större så du får utrymme att lägga till text eller fler bilder i kompositionen. Det gör du med kommandot Storlek på arbetsyta som vi tittar på i den här lektionen. Du kan använda någon av övningsfilerna som medföljer självstudiekursen eller välja en egen bild. Om du vill lägga till mer yta runt bilden går du till menyn Bild och väljer Storlek på arbetsyta... direkt under Bildstorlek. Håll nu isär dess båda begrepp: kommandot Bildstorlek som vi tittat på i en annan lektion fungerar annorlunda än kommandot Storlek på arbetsyta. Till skillnad från Bildstorlek ändras inte storleken på själva fotot eller bilden i kompositionen. Du får bara mer fri yta runt omkring dem. Låt oss nu välja Storlek på arbetsyta... Då öppnas den dialogen. Överst i denna dialog visas Bredd och Höjd för bilden i tum. Och här nere kan du lägga till bredd eller höjd på bildytan. Eller båda delarna. Dessa fält anges också i tum. Men när du ska använda en bild på skärmen snarare än för tryck är det rimligare att ändra måttenheten till pixlar, eftersom det är så vi mäter och talar om bilder på skärmen, vilket vi pratat om tidigare. Jag ändrar den ena av dessa menyer från tum till pixlar. Då ändras de andra menyerna också. Om du vet vilken totalbredd du vill ha i pixlar på bilden efter att vi gjort ytan större kan du ange den siffran här i breddfältet. Oftast är det enklast att berätta för Photoshop hur många pixlar vi vill lägga till på ytan utan att behöva räkna efter vad totalen blir. Om du vill göra så går du ner hit och kryssar för kryssrutan Relativ. Då sätts siffran i Bredd och Höjd till 0. Nu kan jag ange hur många pixlar jag vill lägga till på bildytan. Låt oss säga att jag vill lägga till 400 pixlar på bildytans bredd. Jag skriver 400 här. Om jag vill lägga till mer höjd på bildytan gör jag det här. Men jag lämnar den som 0 nu. Sedan klickar jag på OK för att utföra ändringen. Här i dokumentfönstret ser du att Photoshop har lagt till yta både till vänster och höger om fotot. Det programmet gjorde var att dela de extra 400 pixlarna jag bad om och adderade 200 pixlar på respektive sida. Men tänk om jag nu vill ha mer yta bara på ena sidan av fotot? Låt oss säga på den högra sidan. Då gör man lite annorlunda. Låt oss ångra det vi gjort nu och testa det istället. Jag trycker på Cmd +Z på Mac, Ctrl + Z på PC för att ångra. Jag går tillbaka till menyn Bild och väljer Storlek på arbetsyta... igen. Det första jag gör nu är att kolla att Bredd och Höjd fortfarande är satta till pixlar. Men det är de inte. De har backats till tum. Jag ändrar dem till pixlar igen. Och sedan dubbelkollar jag att Relativ är ikryssad. Som jag sade förut vill jag att den nya ytan bara ska visas på höger sida om bilden. För att göra det går jag ned till ankardiagrammet Placering och klickar på mittrutan på den vänstra sidan. Då förankrar Photoshop, eller nålar fast, bilden på vänster sida om bildytan och adderar den nya ytan till höger. Nu går jag upp till fältet Bredd och anger hur många pixlar jag vill lägga till på höger sida om bilden. Låt oss addera 800 pixlar. Klicka på OK. Och nu fick jag exakt den effekt jag ville ha. Du har säkert lagt märke till att hittills har de nya bildytorna alltid varit vita. Men du kan bestämma vilken färg den nya bildytan ska ha här i dialogen Storlek på arbetsyta via menyn Tilläggsfärg för arbetsytan. Förresten, om du arbetar i en annan bild och du inte befinner dig på ett speciellt bakgrundslager, som vi gör i den här bilden, så kommer menyn Tilläggsfärg för arbetsytan att vara inaktiv och bildytan du lägger till blir transparent. Det ser då ut som en gråvitrutig yta i Photoshop. Nu klickar jag bara på Avbryt. Om jag vill spara bilden går jag till menyn Arkiv och väljer Spara som ... så jag inte råkar skriva över originalet. På detta sätt kan du lägga till bildyta och få plats att lägga in fler bildelement.