1.800.604.2870

Designing a Double-page Layout (Photoshop Elements)

by Sara Horton on September 21, 2009

in Recent Tips (Elements)

sara-horton-xsmIn the print industry, two pages that face each other in a magazine or newspaper are called a double-page spread. When you are designing scrapbook or photo book pages, creating the two facing pages at the same time gives your project unity and a cohesive appearance.

I’m often asked how to align the images on the two pages, making sure that the pages will match up after they are bound. It’s surprisingly simple to create the look you want. Here are a few good tips.

Step 1: Create the Canvas

The first step is to create a double-page canvas. To determine the dimensions, measure height and width of the first page, then double the width. For the sample, I created a double-page spread with two 12×12-inch pages. So, the working document was created at 24 inches wide by 12 inches high.

2009-09-21-tip01-el

Step 2: Draw a Guideline to Separate the Pages

It’s helpful to keep a visual reference of where the left page ends and the right page begins. To create a guideline, get the Line Tool which shares a space in the Tools Palette with the Rectangle Tool. Click and hold the Rectangle tool to show the hidden tools beneath. Scroll down the list and select the Line Tool. In the Options Bar, select your settings. For the sample, I used a weight of 3 pixels and a contrasting color (red.) Click the Create a New Shape Layer icon.

Reveal the Photoshop Elements rulers by selecting View > Rulers or pressing Shift + Ctrl + R (Mac: Shift + Cmd + R) on the keyboard. This places rulers across the top and down the left side of the editing window.

Position your cursor at the halfway point between the left and right sides. As you do so, you’ll see a dotted line on the ruler across the top of the editing window. The dotted line allows you to position the cursor and line at the exact half-way point.

Hold the Shift key as you click and drag a line down the middle of the page.

2009-09-21-tip02-el

This creates a shape layer. Keep this layer on top of the scrapbook pages as you complete the layout so that it remains visible. When the layout is complete, delete the guide layer before saving your project.

Step 3: Design the Pages

Complete the layout, keeping in mind that the two pages will be separated before they are printed. Strips of paper and simple landscape photos work well stretched across the division, but as a general rule, I try to avoid placing faces across the middle of the two pages. The binding or separation in the completed album can distort faces and important details.

As you design your pages, try to maintain visual balance between each side. If you add a large element or photo to the left side, add a large or visually “heavy” element to the other side. Consider flipping the design of the left side to create the right side like the design of this template:

2009-09-21-tip03-el

Step 4: Separate the Pages

When your double-page layout is complete, save the entire project as a layered .psd or .tiff file. Remember to delete or hide the divider guide you created in Step 2. Next, save each half for printing. Begin by merging the layers by selecting Flatten Image from the flyout menu on the Layers Palette. Get the Crop tool. In the Options Bar, choose Custom Aspect Ratio and type the dimensions for the left side of the page. For the sample, I used a width and height of 12 inches at 300 pixels per inch. Click and drag out the crop lines encompassing the left side of the layout. Click the green checkmark to confirm the crop.

2009-09-21-tip04-elSave the resulting page as a .jpg with a new name. I like to use the name of the layout plus the word LEFT for this step. So for the sample, I’d name this image “Fall_LEFT”. Next, choose Edit > Undo Crop to return to the full size layout. Get the crop tool and crop the layout to encompass only the right side of the design. Save the .jpg image with a new name such as “Fall_RIGHT”. The .jpg images of the left and right sides can be sent to a printer or online book binding service for printing.

2009-09-21-tip05-elCredits:

8×8 Simple MultiFoto Template Album by Anna Aspnes at Designer Digitals

Digitally Pressed Petals No. 2 and No. 7 by Katie Pertiet at Designer Digitals

Postmark Classics Sampler Brushes-n-Stamps by Katie Pertiet at Designer Digitals

Autumn Harvest Paper Pack by Katie Pertiet at Designer Digitals

Download a PDF version of this “Designing a Double-page Layout” tutorial.

Windows: Right click on the link and choose “Save Target As” or a similar command.
Mac: Click on the link to download the file.

Leap Frog To The Next Level!

frogRather than learning a bit here and a bit there, why not leap frog to the next level? Our CD, Learn Digital Scrapbooking, takes you step-by-step from rank beginner to confident digital scrapbooker in a fraction of the time!

Find out more and get a free sample video lesson.

Credits: page by Sara Horton
Font: Arial
Letter Box Beachcomber kit by Katie Pertiet at Designer Digitals

Number 20 Layered template by Ali Edwards at Designer Digitals

Save it, Share it and Enjoy:
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Digg
  • Technorati
  • Reddit
  • LinkedIn
  • FriendFeed

{ 8 comments… read them below or add one }

1 Julie September 21, 2009 at 7:46 pm

I’ve always wondered how to do this!! Thanks so much for a great tutorial!!

Reply

2 Lisa September 21, 2009 at 7:59 pm

Great tip! I use the resize>canvas size to separate the pages, but otherwise, this is the same way that I do 2-page spreads.

Reply

3 Mandee September 21, 2009 at 8:59 pm

Thanks so much. I did one double page lo. When I got ready to resize it, I discovered that I was a smidget off. Now that I have your tips I can correct it. this tutorial was such a blessing. Thanks again.

Reply

4 Helene September 22, 2009 at 6:23 am

Thanks so much for the tip on using the line tool to create the dividing line. I was using a 3 pixel brush and the ruler tool.
Helene

Reply

5 Terri Newton September 22, 2009 at 6:38 am

How about a double page spread quick page???? hint hint.

Reply

6 Lisa M October 8, 2009 at 10:17 pm

I love this tip as I usually design my pages for a photos books as double page spreads anyways. This helps a lot! A quick question though – how much room do you generally leave in the center “gutter” for the binding process? (the space on either side of the red center guide) Thanks again for the great tip on how to align things!

Reply

7 Sara Hoton October 9, 2009 at 2:51 pm

Lisa,
It really depends on the printing company and how many pages you are putting in your book. The thicker books tend to have a bit more gutter area.

I usually use Shutterfly and they have their specs and templates here:
http://www.shutterfly.com/digitalscrapbook/books/specs.jsp

These templates help you as you design your page so that you can make sure that everything will be printed and visible.
Hope this helps!
Sara

Reply

8 Michelle December 7, 2011 at 4:16 am

I’m a bit confused by these Shutterfly specs. Should I be cropping each page to the in trim dimesnions or the bleed dimesnions?

Reply

Leave a Comment

Previous post »

Next post »