Lär dig hur du snabbt kan placera två relaterade foton sida vid sida och kombinera dem till en enda sammansatt bild med Photoshop! En steg-för-steg handledning för Photoshop CC och CS6.
Foton som delar ett gemensamt ämne eller ett tema kan ofta förbättra varandra när de visas tillsammans. Och i den här tutorialen ska jag visa dig det snabbaste och enklaste sättet att placera två bilder sida vid sida med några enkla knep.
Först kommer du att lära dig hur du omedelbart laddar båda dina bilder i samma Photoshop-dokument. Sedan ska jag visa dig hur du kan utöka duken och flytta bilderna sida vid sida samtidigt. Och slutligen lär du dig hur du byter placering av bilder från ena sidan till den andra med bara ett par klick!
För bästa resultat vill du använda foton som är i stående (vertikal) orientering, så att den sammansatta bilden inte är för bred. Och du vill att båda bilderna ska ha samma bredd och höjd. Jag täcker inte hur du beskär bilder här, så om du behöver beskära och ändra storlek på dem, se till att göra det innan du fortsätter.
Låt oss börja!
Hur du placerar två foton sida vid sida
Vi börjar med att lära dig hur du laddar dina bilder på lager i samma Photoshop-dokument. Och sedan ska jag visa dig hur du placerar de två bilderna bredvid varandra.
Jag använder den senaste versionen av Photoshop CC men du kan också följa med CS6.
Steg 1: Välj kommandot "Ladda filer i stack"
Det första vi behöver göra är att öppna bilderna. Som standard öppnar Photoshop bilder i sina egna separata dokument. Men eftersom vi vill visa bilderna sida vid sida behöver vi att de är i samma dokument.
Så snarare än att använda kommandot Öppna, gå upp till Arkiv- menyn i menyraden, välj Skript och välj sedan Ladda filer i stack :
Gå till Arkiv> Skript> Ladda filer i stapeln.
Steg 2: Välj dina bilder
Ange Använd till filer i dialogrutan Ladda lager och klicka sedan på Bläddra :
Dialogrutan Ladda lager.
Navigera till de foton du vill öppna. Klicka på den första bilden och tryck sedan på Shift- tangenten och håll den intryckt och klicka på den andra bilden. Detta väljer båda bilderna på en gång. Klicka sedan på Öppna :
Välj bilder och klicka på "Öppna".
Steg 3: Ladda bilderna i Photoshop
Och tillbaka i dialogrutan Ladda lager visas namnen på de bilder du valt.
Låt de två alternativen längst ner ("Försök att automatiskt anpassa källbilderna" och "Skapa smarta objekt efter laddning av lager") inte markeras. Ladda sedan bilderna i Photoshop genom att klicka på OK :
Klicka på OK för att ladda bilderna i Photoshop.
Photoshop laddar båda bilderna i samma dokument. Och i lagerpanelen visas varje foto på sitt eget lager.
Namnen på filerna (i mitt fall "Portrait.jpg.webp" och "Soccer.jpg.webp") används som lagernamn:
Panelen Lager som visar varje bild på sitt eget lager.
Visar de två bilderna
Eftersom bilderna staplas ovanpå varandra är bara en bild synlig i taget. Åtminstone för tillfället.
Här är min bild på det översta lagret (mamma och dotterfoto från Adobe Stock):
Den första av de två bilderna. Fotokredit: Adobe Stock.
Och om jag stänger av det översta lagret genom att klicka på dess synlighetsikon:
Gömmer bilden på det översta lagret.
Vi ser bilden på bottenlagret (fotbollsfoto från Adobe Stock):
Den andra bilden. Fotokredit: Adobe Stock.
Innan vi går längre ska jag slå tillbaka det översta lagret genom att klicka igen på dess synlighetsikon:
Slå på det översta lagret.
Relaterat: Lär dig allt om lager i Photoshop!
Steg 4: Välj Flyttaverktyget
Så nu när båda bilderna finns i samma dokument, hur placerar vi dem sida vid sida?
Ett sätt skulle vara genom att lägga till mer kanfasutrymme i dokumentet med hjälp av Photoshop's Canvas Size-kommando och sedan dra en av bilderna till det nya utrymmet.
Men vi kan faktiskt göra båda dessa saker, flytta en bild och lägga till mer dukutrymme på samma gång med ett enkelt trick.
Välj först Flytta verktyget från verktygsfältet:
Välj flyttaverktyget.
Steg 5: Se till att "Snap" och "Snap To Document Bounds" är aktiverade
För att använda detta trick behöver vi bilden för att fästas i kanten av dokumentet när vi drar den. Och för att det ska hända måste ett par alternativ aktiveras. De är båda på som standard, men det är en bra idé att dubbelkontrollera.
Gå upp till Visa- menyn i menyraden och se till att Snap är aktiverat. Du bör se en bock vid sidan av namnet:
Se till att Snap är på (markerat).
Och sedan direkt under Snap-alternativet, välj Snap To och se till att Dokumentgränser är markerade. Klicka inte på något av dessa alternativ om de redan har en bock bredvid dem eller om du stänger av dem:
Se till att Snap To Document Bounds också är markerat.
Steg 6: Välj det översta lagret
Välj bilden i det översta lagret på panelen Lager:
Klicka på det övre lagret för att välja det.
Steg 7: Dra bilden till sidan av den andra bilden
Och sedan med Flyttaverktyget valt, klicka på bilden i dokumentet och börja dra den till vänster eller höger om bilden under den. Jag ska dra till höger. Håll Shift- tangenten intryckt när du drar för att begränsa riktningen du kan flytta, vilket gör det lättare att dra rakt över.
Oroa dig inte för att toppbilden försvinner när du drar den från duken. Vi tar tillbaka det om ett ögonblick:
Dra den övre bilden till höger om den undre bilden.
Snappa bilden till dokumentkanten
Så snart du kommer tillräckligt nära kanten av dokumentet kommer din bild plötsligt att knäppas till kanten.
Släpp då musknappen och släpp sedan Shift-tangenten (i den ordningen). Den översta bilden är nu dold och sitter vid sidan av duken:
Den övre bilden är dold bort till sidan.
Steg 8: Välj "Visa alla"
För att få tillbaka båda bilderna igen, gå upp till Bild- menyn i menyraden och välj Visa alla :
Gå till bild> Visa alla.
Och Photoshop ändrar omedelbart storleken på duken så att den passar båda bilderna. Precis så visas nu foton sida vid sida:
Resultatet efter att ha valt "Visa alla".
Så byter du bilder
Och det är så lätt det är att placera två bilder sida vid sida med Photoshop!
Men tänk om du tror att bilderna skulle se bättre ut om de byttes, så att fotot till vänster flyttades till höger och fotot till höger var till vänster? Här är ett snabbt sätt att byta dem.
Steg 1: Välj Flyttaverktyget
Kontrollera först att Flytta verktyget fortfarande är markerat i verktygsfältet:
Se till att Flyttaverktyget är aktivt.
Steg 2: Välj hela duken
Vi kommer inte att använda själva Flytta verktyget, men det måste vara aktivt så att vi kan komma åt Photoshops alternativ för lagerjustering. Vi kommer att byta bilder genom att justera deras kanter mot kanterna på duken.
För att göra det måste vi ha hela duken markerad, så gå upp till Välj- menyn i menyraden och välj Alla . En markering visas runt kanterna på dokumentet:
Gå till Välj> Alla.
Steg 3: Välj den övre bilden
Klicka på den översta bilden i panelen Lager för att välja den:
Välja det översta lagret.
Steg 4: Klicka på ikonen "Justera vänstra kanter" eller "Justera högerkanter"
Och sedan i Alternativfältet, klicka på antingen Justera vänstra kanter eller Justera högerkanten, beroende på vilken riktning du behöver för att flytta bilden.
I mitt fall vill jag flytta bilden från höger sida till vänster, så jag klickar på ikonen Justera vänstra kanter:
Klicka på ikonen "Justera vänstra kanter" i alternativfältet.
Och Photoshop knäpps direkt bildens vänstra kant till dukens vänstra kant:
Resultatet efter att ha flyttat toppbilden från höger till vänster.
Steg 5: Välj den nedre bilden
Om du vill flytta bottenbilden till andra sidan och fylla i det tomma utrymmet väljer du det undre lagret i panelen Lager:
Klicka på det undre lagret för att välja det.
Steg 6: Klicka på motsatt ikon "Justera kanter"
Eftersom jag vill flytta bottenbilden till höger klickar jag den här gången på ikonen Justera högerkanter i Alternativfältet:
Klicka på ikonen "Justera högerkanter".
Och Photoshop riktar direkt bildens högra kant mot dukens högra kant. För att avmarkera duken, gå upp till Välj- menyn och välj Avmarkera, eller tryck Ctrl + D (Win) / Command + D (Mac) på tangentbordet:
Resultatet efter att ha flyttat den nedre bilden från vänster till höger.
Och där har vi det! Så här laddar du två bilder i samma dokument, placerar bilderna sida vid sida och byter sedan bilderna i Photoshop!
Besök vårt Photoshop Basics-avsnitt för att lära dig mer om Photoshop eller vårt Photo Effects-avsnitt för fler sätt att ha kul med dina foton! Och glöm inte, alla våra tutorials är nu tillgängliga att ladda ner som PDF-filer!