PFRE-Logo-white-bg
Reading
blue-triangle-element

Articles

PFRE is the original online resource for real estate and interior photographers. Since 2006, it has been a community hub where like-minded professionals from around the world gather to share information with a common goal of improving their work and advancing their business. With thousands of articles, covering hundreds of topics, PFRE offers the most robust collection of educational material in our field. The history of real estate photography has been documented within these pages.
All Articles
blue-triangle-element

Latest

Image banner for the March 2024 PFRE Photographer of the Month Winner Alex Vincent, with a featured image of his winning photo titled "Kitchen."

Congratulations Alex Vincent, March 2024 PFRE Photographer of the Month! The theme this month was "Kitchen". Alex Vincent - #906 Yvonne Raaijmakers - #909 Peter Wingfield - #902 Here's what Alex has to say: Thank you for the award of Photographer of th ...

Contest
blue-triangle-element

OVERVIEW

For over a decade, photographers from around the world have participated in PFRE’s monthly photography contests, culminating in the year-end crowning of PFRE’s Photographer of the Year. With a new theme each month and commentary offered by some of the finest real estate & interior photographers anywhere, these contests offer a fun, competitive environment with rich learning opportunities. 

Contest Rules
blue-triangle-element

CURRENT CONTESTS

View / Submit
blue-triangle-element

PAST CONTESTS

View Archive
Resources
blue-triangle-element

Resources

PFRE prides itself on the depth and breadth of the information and professional development resources it makes available to our community. Our goal is to help real estate and interior photographers be successful while bringing the community together and elevating the industry as a whole.
blue-triangle-element

Conference News

No items found

How to Split an Image in Photoshop

Published: 22/06/2023

As an Amazon Associate we earn from qualifying purchases.

Whether you want to do selective edits or create social media grids, you'll need to split a real estate photo or file into equal sections. Here is a step-by-step guide on using Photoshop to split images in different ways.

How to Split an Image in Photoshop Using Three Ways

You can split an image into as many parts as you want using the Guide Layout, as well as the Slice, Ruler, Marquee, and Polygonal Lasso tools. These Photoshop tools let you create sections in a duplicate layer while keeping the original image intact.

Whenever you need to divide images or files into sections, consider elements, such as the pixel dimensions and the appropriate size of sections. For my next set of new tutorials, I will explain the processes so you can follow them to split images accurately.

Split an Image into Multiple Sections Using the Slice Tool

The Slice tool in Photoshop conveniently divides an image into equal portions without you needing to work out numbers.

Splitting the image of a two storey house through layer via cut

Import the Photo Into Photoshop

Go to the File menu at the top left corner of the Photoshop interface and select Open. Alternatively, you can use the shortcut Ctrl + O if you use a Windows computer or Command + O if you use a Mac to open the file browser.

In the file browser, locate the folder where your photo is stored. Navigate through the folders and select the photo file you want to import. Click on the selected file and then click the Open button at the bottom right of the file browser window. Photoshop will open the photo in a new document window.

Duplicate the Background Layer

The background layer is created automatically when you open a new document or import an image with a single layer. The Background layer is locked by default to prevent accidental modifications. Creating a copy of the background layer is a good idea, so your edits can be non-destructive. 

You can duplicate it by selecting it in the Layers panel and pressing Ctrl + J on your Windows computer or Command + J using a Mac. Alternatively, you can right-click it in the Layers panel and choose Duplicate Layer from the context menu that appears. The duplicated layer will appear above the original Background layer.

Use New Guide Layout

The New Guide Layout feature of Photoshop lets you form rows, columns, and margins to serve as guide layouts or presets when splitting images.

Guide Layout allows you to establish a grid system for your slicing, which helps create balanced and organized slices by setting up guides along specific vertical or horizontal lines.

  1. Once on the new layer, go to the View menu on top and select the option New Guide Layout.
  2. This command will open a dialog box where you need to make a few adjustments. First, select the number of columns and rows to determine the number of sections you want in the image.

Keep the Gutter value zero in both columns and rows. This value determines the distance between the guides you want to avoid while splitting the picture. Click on OK.

Split the Images

The Slice tool lets you create a square or rectangular area you want to preserve.

  1. Grab the Slice tool from the toolbar on the left-hand side. You'll see it bundled up with the Crop tool, which you can drag to make a cropping border.
  2. Go to the View menu once again. Check the Snap option.
  3. On the options bar of the Slice tool, choose the option to Slice From Guide

Photoshop will now show a number of sections with a blue selection around it. Alternatively, if you want to automatically slice your image into equal-sized slices, you can use the Divide Slice option in the Options bar. 

With the Slice tool selected, enter the desired number of slices you want horizontally or vertically, and Photoshop will evenly divide the image into the specified number of slices.

Save the Divided Sections of the Image Separately

Save these divided sections separately into a folder with the appropriate file format on your computer.

  1. Go to the File menu on top. From the Export option, select Save for Web (Legacy). The Photoshop keyboard shortcut for this function is ALT + SHIFT + CTRL + S (Windows) and OPT + SHIFT + CMD + S (Mac).
  2. From the Save for Web dialog box, select the type of image as JPEG, and choose the desired quality. Click on Save.
  3. Another pop-up will open, asking you to select the destination folder. Make a new folder in the destination to keep these sections of the image separate and organized.
  4. There is an option called Slices at the bottom of this popup. There will be three options to choose from in this drop-down menu. Choose All Slices to save every section of the split image into your preferred file type.

Split an Image in Half Using the Marquee Tool

The Marquee tool is a selection tool used to create rectangular or elliptical selections in an image or document. Since it allows you to isolate and work with specific areas of an image, and apply effects or edits to the selected region, you can divide an image into two equal parts. 

In this method, I will use the New Guide option of Photoshop to help with the middle point. It's also important to remember to create the selection on the original layer every time you make changes and not the new layer with the cut-off sections.

Whenever you make a new layer, you can drag a photo onto the canvas, which will launch as a new layer.

Make a Duplicate Layer

Creating a duplicate layer allows you to work on the sections without changing the original image permanently.

Open the image you intend to split in half in Adobe Photoshop CC. Next, make a duplicate layer by right-clicking on the background layer and clicking Duplicate Layer. You can also press CTRL/CMD + J. You don’t want to end up with a split image and lose the original.

Go to the View menu, and select the New Guide option. From the Popup that appears, select whether you want a horizontal division of the image or a vertical. For example, input 50% in the position value. You will see that a guiding line will appear in the middle of the photo.

Use the Rectangular Marquee Tool

The Rectangular Marquee tool lets you make rectangular selections with a photo. The selections isolate parts you need to work on to keep the rest of the picture intact.

Select the Rectangular Marquee tool from the toolbar. Drag and make a selection according to the guide and select half of the image. Press CTRL + J (Windows) or CMD + J (Mac) to make this selection a new layer.

Hide the other layers to view the half section and use it for any purpose. For example, do this when applying two different Effects/Masks/Gradients to the split sections.

Split an Image in Half Using the Ruler Tool

The Ruler tool helps you measure distances, angles, and positions within an image. It allows you to place rulers on your document and make precise measurements, so it can help you make slices with precise measurements. 

Do the following steps after importing the image and duplicating the background layer in Photoshop.

  1. To determine the middle point of the image, press CTRL + T (Windows) or CMD + T (Mac). This will enable the Transform tool, which you need to see the bounding box in the middle.
  2. Activate the Ruler tool by clicking on its icon in the Tools panel. If you don't see the Ruler tool, it may be nested under the Eyedropper tool. In that case, click the Eyedropper tool icon to reveal the hidden tools and select the Ruler tool.
  3. Alternatively, Press CTRL + R (Windows) or CMD + R (Mac).
  4. The tool will show the measurements on the horizontal and vertical axis of the image. Wherever you place the cursor, the ruler will indicate the position.
  5. Note the position of the bounding box along the horizontal or vertical axis, depending on whether you want to split the image vertically or horizontally.
  6. Using the Marquee tool, make a rectangular selection of the exact half of your image.
  7. Press CTRL + J (Windows) or CMD + J (Mac) to put this half section into a new layer. Alternatively, copy the selection using CTRL / CMD + C and paste it onto a new document.

Split an Image in Half Diagonally Using the Polygonal Lasso Tool

The Rectangular Marquee tool in Photoshop isn't a good option if you want to split a picture in half since it only creates vertical lines. In comparison, the Polygonal Lasso tool lets you work on a photo's corner to produce a diagonal split.

Selecting the polygonal lasso tool in Photoshop while editing a two storey house

Select the Polygonal Lasso Tool

Right-click the icon under the Lasso tool, then choose the Polygonal Lasso tool from the drop-down options.

Create a Diagonal Selection

With the Polygonal Lasso tool selected, drag your cursor to make a selection. Another way is to click on your mouse and create an anchor point with the Polygonal Lasso tool to alter the selection's shape.

Move your cursor to the next desired point and click again. Photoshop will draw a straight line segment between each point you click. Continue clicking at each point to create additional straight-line segments, outlining the shape or area you want to select. Each click will create a new anchor point.

Bring the cursor close to the starting point to close the selection and connect the last anchor point with the starting point. When the cursor is near the starting point, a small circle appears next to the cursor. Click to close the selection, and the last segment will connect with the starting point, forming a closed shape.

Creating a diagonal selection by dragging a cursor in the middle of an image of a two storey house

Make the Split

It's time to split the image once satisfied with the selection made by the Polygonal Lasso tool. To do this, go to Layer, click on New, and select Layer via Cut. In effect, Photoshop will cut the photo in half, putting the selected half on a new layer.

You can also use the keyboard shortcut Shift + Command/Control + J. From here, you should see the layer panel adjust accordingly.

If you choose Layer via Copy, Photoshop will copy the picture and produce a new layer without removing the selected half from the original photo.

Save Sliced Images as Separate Files

Whether you use the Marquee or Polygonal Lasso tool, Photoshop lets you export the split pictures into separate layers or individual files while ensuring quality image format. This feature divides a single photo into two or more files with your chosen file type.

Choose the Export Settings and File Format

After splitting your picture, go to the top bar, and click on File. Next, expand the Export options, and click on Layers to Files.

After that, choose the file format you want to export the files. You can use JPG, PDF, PSD, TIFF, or PNG as the file format.

Choosing the export settings and file format while editing an image of a two storey house

Select an Export Location

The next step is to choose the location where you need to save the exported layers as separate images. Then, click the Browse option in the Destination section to select a location from your laptop or computer.

Name and Export the Layers

Naming and exporting layers to files after editing an image of a two storey house

Set the File Name Prefix for the exported files. This will serve as the name of the exported layers or files. For example, Real-Estate-Exterior-Shoot.

The last step is to click on the Run command. This will instruct Photoshop to export your split photo into separate files in your export location.

What Are the Common Uses of Split Real Estate Images?

Splitting the image is a frequently used functionality, especially in real estate photography.

Usually, the images used for marketing material like flyers and brochures require displaying interior and exterior views in varying graphic design effects. You can split the view in half and apply two effects on each section, like a day and night view or a cool and warm color gradient.

Final edited photo a split image of a two storey house with a wet pavement

Some agents may need to upload multiple sections of an image on Instagram. You can view the image like a puzzle when you open the Grid. Styling the Instagram grid layout is a prevalent tactic for promoting particular properties. Other benefits include:

  • You can also split a big panorama image into multiple images or files. For instance, you may post them in a single Instagram post to get a swipeable panoramic view.
  • You can show a specific section of an image in-depth, for which you need to split that part of the image or file.
  • You can have different effects on the split sections and merge them later to create an eye-pleasing collage of a single view. 
  • You can print a large image by splitting it into sections according to the print paper size and later joining the files together in Photoshop.

Conclusion

With the advent of image editing software like Adobe Photoshop CC, you can divide files or images accurately in minutes. You can create as many sections of the image as you want using the Guide Layout, as well as the Slice, Ruler, and Marquee tools.

Vendors

Rela Logo
CS6 PSE Logo
HD Photo Hub Logo
FullFrame Logo

Learning Topics

.
magnifiercrossmenucross-circle