Section 1: Prepping the Images
Start with a blank document and load your images into Photoshop. We choose to go to File – Scripts – Load Files into Stack. This pulls all of the photos in at once. Then, group the images together (Ctrl/Cmd + G).
Section 2: Utilizing Groups & Layer Masks
Pull the first image that you want to work with out of the Group you just created. Then – this will sound odd – group it with itself (click on the layer and press Ctrl/Cmd + G). Next put a Layer Mask on that group.
This process alone is what allows us to create the sections separately, and you will see later how convenient it makes everything!
Next, fill that group Layer Mask with black (making the image invisible). Grab the Marquee Tool and create a rectangular section anywhere you’d like.Now select the layer mask and fill it with white (Shift + Delete). You will see the image show up only where that Marquee Selection was made. You can Scale the image however you’d like, and it will stay right inside of that selection! Woohoo.
Section 3: Defining Precise Sections
If you’d like an image to be split directly in half, you can create a new Color Fill layer and hold Ctrl/Cmd + T. Then move the center point over to one side, and change the width or height to be 50%. This will split that Color layer right in half! This is a quick and easy way to get proper measurements.
If you’d like an image to only be visible in that Color Fill layer, group it with itself just as we did before. Then, Ctrl/Cmd + Click on that Color Layer. That will create a layer mask right where you need it.
Section 4: Playing with Section shapes
Keep in mind that you can make these shapes to be whatever you want! For our last example, we use the same technique but use the Polygonal Lasso Tool to make slanted diagonal shapes. This can create some fresh and fun looks for a website or blog.
Have fun with this! Combining multiple photos together into one image can have a really lovely effect!