Lär dig hur du snabbt placerar två relaterade bilder sida vid sida och kombinerar dem i 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 tema kan ofta förbättra varandra när visas tillsammans. Och i denna handledning visar jag dig det snabbaste och enklaste sättet att placera två bilder sida vid sida med några enkla knep.
Först lär du dig hur du omedelbart laddar in båda dina bilder i samma Photoshop-dokument. Då ska jag visa dig hur du expanderar duken och flyttar bilderna sida vid sida samtidigt. Och slutligen lär du dig hur du byter placeringen av bilderna från en sida till den andra med bara ett par av klick!
För bästa resultat vill du använda foton som står i stående (vertikal) orientering, så att den sammansatta bilden inte blir för bred. Och du vill att båda bilderna ska dela samma bredd och höjd. Jag täcker inte hur man beskär bilder här, så om du behöver beskära och ändra storlek på dem, se till att du gör det innan du fortsätter.
Låt oss komma igång!
Ladda ner den här självstudien som en utskriftsklar PDF!
Så här placerar du två bilder sida vid sida
Vi börjar med att lära dig att ladda dina bilder på lager i samma Photoshop Och sedan visar jag 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 stapel
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, vi måste ha dem i samma dokument.
Så istället för att använda kommandot Öppna, gå upp till Arkiv-menyn i menyraden, välj Skript och välj sedan Ladda Filer i stapel:
Steg 2: Välj dina bilder
I dialogrutan Ladda lager , ställ in Använd till filer och klicka sedan på Bläddra:
Navigera till de foton du vill ha att öppna. Klicka på den första bilden och håll sedan ned Skift-tangenten och klicka på den andra bilden. Detta väljer båda bilderna samtidigt. Klicka sedan på Öppna:
Steg 3: Ladda bilderna i Photoshop
Och tillbaka i dialogrutan Load Layers visas namnen på de bilder du valt.
Lämna de två alternativen längst ner (”Försök att automatiskt justera källbilder” och ”Create Smart Object” efter laddning av lager ”) avmarkerat. Ladda sedan bilderna i Photoshop genom att klicka på OK:
Photoshop laddar båda bilderna i samma dokument. Och i panelen Lager visas varje foto i sitt eget lager.
Namnen på filerna (i mitt fall ”Portrait.jpg” och ”Soccer.jpg”) används som lagernamn:
Visa de två bilderna
Eftersom bilderna staplas ovanpå varandra är endast en bild synlig vid en tid. Åtminstone för tillfället.
Här är min bild på det översta lagret (mor- och dotterfoto från Adobe Stock):
Och om jag stänger av det översta lagret genom att klicka på dess synlighetsikon:
Vi ser bilden på det nedre lagret (fotbollsfoto från Adobe Stock):
Innan vi går vidare slår jag på det översta lagret igen genom att klicka på dess synlighetsikon:
Relaterat: Lär dig allt om lager i Photoshop!
Steg 4: Välj flyttverktyget
Så nu när båda bilderna finns i samma dokument, hur placerar vi dem sida vid sida?
Ett sätt skulle vara att lägga till mer canvasutrymme i dokumentet med Photoshop’s Canvas Storlekommando och dra sedan en av dessa ta bilder in i det nya utrymmet.
Men vi kan faktiskt göra båda dessa saker, flytta en bild och lägga till mer canvasutrymme samtidigt med ett enkelt trick.
Först , välj flyttningsverktyget från verktygsfältet:
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 snäppa till 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 dubbelkolla.
Gå upp till menyn Visa i menyraden och se till att Snap är aktiverat. Du bör se en bock bredvid dess namn:
Och sedan direkt under Snap-alternativ, välj Snap To och se till att dokumentgränserna är markerade den här gången. Klicka inte på något av dessa alternativ om de redan har en bockmarkering bredvid dem eller om du inte stänger av dem:
Steg 6: Välj det översta lagret
I panelen Lager väljer du bilden på det översta lagret:
Steg 7: Dra bilden till sidan av den andra bilden
Och sedan med Flytta verktyg valt, klicka på bilden i dokumentet och börja dra den till vänster eller höger om bilden under den. Jag drar åt höger. Håll ned Shift-tangenten medan 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 den översta bilden försvinner. när du drar den från duken. Vi tar tillbaka det på ett ögonblick:
Ta bort bild till dokumentkanten
Så snart du kommer tillräckligt nära kanten av dokumentet kommer din bild plötsligt att snäppa till kanten.
När den gör det släpper du musknappen och släpp sedan din Shift-tangent (i den ordningen). Den översta bilden är nu dold och sitter på sidan av duken:
Steg 8: Välj ”Avslöja alla”
För att få tillbaka båda bilderna, gå upp till bildmenyn i menyraden och välj Avslöja allt:
Och Photoshop omedelbart ändrar storlek på duken så att den passar båda bilderna. Precis så visas bilderna nu sida vid sida:
Ladda ner den här självstudien som en utskriftsklar PDF!
Hur man byter bilder
Och det är så enkelt 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 ut så att fotot till vänster flyttades till höger och fotot till höger till vänster? Här är ett snabbt sätt att byta dem.
Steg 1: Välj flyttverktyget
Kontrollera först att flyttningsverktyget fortfarande är markerat i verktygsfältet:
Steg 2: Välj hela duken
Vi kommer inte att använda Flytta verktyget självt, men det måste vara aktivt så att vi kan komma åt alternativen för lagerjustering av Photoshop. Vi kommer att byta bilder genom att anpassa kanterna till kanfas kanter.
För att göra det måste vi välja hela duken, så gå upp till menyn Välj i menyraden och välj Alla. En urvalsplan visas runt kanterna av dokumentet:
Steg 3: Välj den översta bilden
I panelen Lager klickar du på den översta bilden för att välja den:
Steg 4: Klicka på ”Align Left Edges” eller ”Align Right Edges” -ikonen
Klicka sedan på alternativfältet på antingen Align Vänster kanter eller Justera höger kanter ikon, 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 vill klicka på ikonen Justera vänster kanter:
Och Photoshop snabbar omedelbart bildens vänstra kant till dukens vänstra kant:
Steg 5: Välj den nedre i mage
För att flytta den nedre bilden till andra sidan och fylla i det tomma utrymmet, välj det nedre lagret i panelen Lager:
Steg 6: Klicka på motsatt ”Align Edges” -ikon
Eftersom jag vill flytta den nedre bilden till höger, den här gången Jag klickar på ikonen Justera höger kanter i alternativfältet:
Och Photoshop justerar omedelbart bildens högra kant till dukens högra kant. För att avmarkera duken, gå upp till Välj-menyn och välj Avmarkera, eller tryck på Ctrl + D (Win) / Command + D (Mac) på tangentbordet:
Och där har vi det! Så här laddar du två bilder i samma dokument, placerar bilderna sida vid sida och sedan byter bilderna i Photoshop!
Besök avsnittet Grundläggande om Photoshop för att lära dig mer om Photoshop eller våra fotoeffekter avsnitt för fler sätt att ha kul med dina foton! Och glöm inte, alla våra självstudier är nu tillgängliga för nedladdning som PDF-filer!