Skip to main content

Open Multiple Images As Photoshop Layers

Open Multiple Images As Photoshop Layers

Written by Steve Patterson. It’s very common in Photoshop to work with multiple images inside the same document, with each image on its own layer so we can blend and combine them in various ways to create interesting designs, collages or effects. It’s easy to select and open multiple photos at once from inside Adobe Bridge, but normally, Photoshop opens each photo in its own separate document, forcing us to manually duplicate, copy or drag each image from its own document into the main document we’re working on.
In Photoshop CS4, Adobe introduced a great new time-saving feature to Bridge – the Load Files into Photoshop Layers command. If you know in advance that you’re going to be working with multiple images inside your document and you know which specific images you’ll need, Photoshop can now open and load all of your images into the same document and automatically place each image on its own layer! Here’s how it works. You’ll need Photoshop CS4 or higher to follow along (I’m using CS5 for this tutorial).
Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

Step 1: Select Your Images In Bridge

Begin by opening Adobe Bridge and navigate to the folder that contains the images you want to add to your document. Here, I have Bridge open to a folder on my Desktop with three photos inside of it. I’ll select the first image (the one on the left) by clicking on its thumbnail:
Selecting a single image in Adobe Bridge. Image © 2011 Photoshop Essentials.com
Clicking on the photo on the left to select it.
Then, to select the other two images as well, I’ll hold down my Shift key and click on the last of the three images (the one on the right). All three images are now highlighted and selected:
All three images are now selected in Adobe Bridge. Image © 2011 Photoshop Essentials.com
Holding down Shift and clicking on the last image to select all three images at once.

Step 2: Select The “Load Files into Photoshop Layers” Command

With all of the images selected, go up to the Tools menu in the Menu Bar along the top of the screen in Bridge, choose Photoshop for a list of Photoshop-specific options, then choose Load Files into Photoshop Layers:
The Load Files into Photoshop Layers command in Adobe Bridge CS5. Image © 2011 Photoshop Essentials.com
In Bridge, go to Tools > Photoshop > Load Files into Photoshop Layers.
And that’s all there is to it! Photoshop will open automatically if it’s not open already and will add all three images (or as many images as you selected) into the same document. It may take a few moments for Photoshop to process everything, but when it’s done, you’ll see a single document open on your screen containing all of your photos:
All of the images have opened inside a single Photoshop document. Image © 2011 Photoshop Essentials.com
All of the images have opened inside a single Photoshop document.
Some images may be blocking others from view in the document window, but if we look in the Layers panel, we see that each of the three photos I selected in Bridge has been added to the document and placed on its own layer. Notice that Photoshop used the names of the images for the layer names:
The three photos appear on separate layers in the Layers panel. Image © 2011 Photoshop Essentials.com
Each photo has been added on its own layer inside the Layers panel. The name of the image is now the name of the layer it sits on.

Viewing Individual Layers

If you want to view a specific image in the document window, hold down your Alt (Win) / Option (Mac) key and click on the layer visibility icon for the layer you want to view. It’s the little eyeball icon on the far left of each layer in the Layers panel. Photoshop will temporarily turn off every layer in the document except the one you clicked on. For example, I want to view the photo of the woman which is currently being blocked by the other two images above it in the document, so I’ll hold down my Alt (Win) / Option (Mac) key and click on the layer visibility icon for the “woman.jpg” layer:
Clicking the layer visibility icon in the Layers panel in Photoshop. Image © 2011 Photoshop Essentials.com
Holding Alt (Win) / Option (Mac) and clicking the layer visibility icon for the “woman.jpg” layer in the Layers panel.
This turns off the other two layers and displays only the “woman.jpg” image in the document window. To turn the other layers back on when you’re done, simply hold down Alt (Win) / Option (Mac) and click once again on the same layer visibility icon. Notice the checkerboard pattern below my photo, which is how Photoshop represents transparent areas of a layer. The reason part of this layer is transparent is because each image I opened was a different size, so Photoshop created a document wide and tall enough for all of them to fit into. This means that some images will still need to be resized and repositioned with the Free Transform command after they’ve been loaded into the document, but that’s something we would normally have to do anyway:
Only the selected layer is now visible in the document. Image © 2011 Photoshop Essentials.com
Only the selected layer is now visible in the document.

Renaming The Layers

The only thing I don’t really like about the Load Files into Photoshop Layers command is that it includes the file extension in the name of each layer (“forest.jpg”, “leaves.jpg”, “woman.jpg”). Fortunately, it’s easy to rename layers. Simply double-click directly on the name of a layer to highlight it, then type in a new name. Or, in this case, simply delete the file extension from the end of the name. I’ll double-click on the name “forest.jpg” to highlight it, then I’ll delete the “.jpg” part at the end:
Renaming a layer in the Layers panel. Image © 2011 Photoshop Essentials.com
Deleting the “.jpg” file extension from the end of the layer name.
When you’re done, press Enter (Win) / Return (Mac) to accept the name change. I’ll go ahead and rename the other two layers as well, deleting the file extension at the end of each one:
All layers have been renamed. Image © 2011 Photoshop Essentials.com
All three layers have been renamed.
With each image already on its own layer in the same document thanks to the Load Files into Photoshop Layers command, we can spend a bit more time being creative with our designs and less time on less interesting tasks like dragging or copying images from one document into another.
Blending images and creating composites goes far beyond the scope of this tutorial (see our Photo Effects section for lots of great ideas with step-by-step instructions), but just for fun, here’s my result after spending a few minutes playing around with the images using blend modes and layer masks:
A composite image created from three photos in Photoshop. Image © 2011 Photoshop Essentials.com
All three images combined into one.
And there we have it!

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

40 latest creative photoshop text effects

Create a Glowing Liquid Text with Water Splash Effect in Photoshop In this tutorial, we will show you the steps we took to create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments. Create a Realistic Wooden 3D Text Image In this tutorial we are going to take a few 2D textures as well as a few Photoshop techniques to create a realistic 3D text image. Easy X-Ray Typography In Photoshop In this tutorial we will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo logo A. The whole process is quite simple but it will require a couple of hours to pull it off. Easy Furry Text In Photoshop In this tutorial we will show you how to create a really cool and super simple furry text in Photoshop CS6. We will use basic filters and tools but it’s nice to say that we took advantage of the a new feature in Photoshop CS6 that is to apply layer

150 + Ultimate Round-Up of Illustrator Tutorials

01. Learn Illustrator CS3 in 30 Days Tutorial Link 02. A Comprehensive Guide: Illustrator’s Paintbrush Tool and Brush Panel Tutorial Link 03. Illustrator’s Pen Tool: The Comprehensive Guide Tutorial Link 04. Utilizing the Magic Wand’s Tolerance Levels Tutorial Link 05. Illustrator Live Trace Tutorial Link 06. Adobe Illustrator CS3 Tutorial: Selection Tools Tutorial Link 07. Spraying Symbols in Adobe Illustrator Tutorial Link 08. Duplicate with rotate tool Tutorial Link 09. An Intro to the Mesh Tool Tutorial Link 10. Illustrator Make with Mesh Tutorial Link 11. Tips for Working with the Gradient Mesh Tool In Illustrator Tutorial Link 12. Spiral Tool Mysteries – Solved! Tutorial Link 13. Using the Pathfinder and Align tool in Illustrator Tutorial Link 14. How to Make a Custom Illustrator Brush Tutorial Link 15. Get More-Natural Adjustments with the Illustrator “Reshape” Tool Tutorial Link 16. Fun