
Putting a Photo Across the Gutter of a Spread
January 12, 2008This post along with other Blurb book tips and tutorials can be found in the “Want to Make a Blurb Book?” link.
Putting a photo across the gutter of a book so that none of the picture is lost is one of the most common questions in the Blurb forums. Many people call this a two page photo spread but the spread could have more than one photo so I try not to call it that. I have had a bunch of people ask me how I did it so I created a quick easy guide with only 6 steps.
Let me know if this tutorial is helpful or if you have any questions.
1.) Open up your album template file (to learn how to do this see this post) and pick out the picture you want to put in the spread.
2.) Size your photo to the size you want it to be. To do this right click in blue bar at the top of the photo and select Image Size. Make sure that you have the resolution set to 300 dpi (pixels/inch), the same resolution of the template you made earlier. Note that the overall length of the photo will be increased after adjusting for the gutter. So if you want the photo to bleed (go all the way to the edge) to both the left and the right side of the spread but don’t want to loose any of the photo use this equation (yes, there’s an equation I’m an engineer after all):
Total width of the spread – Half the width of the gutter = Width you should size the photo to
For a 13×11″ Blurb book (the example I used to show you how to make an album template) you would need to size the photo to 24.95″ wide (25.2″ – 0.25″ = 24.95″).
3.) Now put the photo you just resized into you template. To do this simply click on your move/arrow tool (in the top right corner of your tools palette) and drag and drop the photo into your template. Using the same move tool place the photo where you would want it on one of the pages. For this tutorial I’m going to place the photo on the left page and adjust the part of the photo on the right.
Drag the photo all the way to the left, leaving empty space on the right side of the page. In the template you made earlier the right side of the photo should line up with the safety guide on the right.
4.) Next, select the rectangular marquee tool (the dashed square button in the top left corner of your tools palette) and select all of the photo from the far left guide in the center to the far right side of the photo.
Make sure you select from the far left guide in the center all the way to the right side of the photo.
5.) After you’ve made the selection copy and paste the selected part as another layer. Simply hit Ctrl+C and Ctrl+V to do this. The copied part of the picture should appear as another layer on top of your original picture. The copied section should appear right over the top of the original photo so you won’t be able to see it until you move it.
6.) Finally, simply move the new photo layer over to the far right side of the page. The left edge of the new layer should line up with the center guide (two guides over from you copied it from). And that’s it. You’re finished!
I darkened the original picture so you can see where the copied part of the picture should be.
Here is what the final product should look like. I removed the guides (View>Clear Guides) so that you can see the picture better. Be careful if you decide to clear the guides too because there is not “Redo Guides” option. You’ll have to undo it by either going to Edit>Undo or by clicking on the option above the clear guides step in the History palette.
Here you can see how part of the right side is repeated. Don’t worry this repeated part will not show up in the book because it will be used for the binding.
Here’s how the actual book turned out.
Here are some other spreads I used this technique on:




You can also do this for layouts that have more than one photo. You can see how in both of these layouts that a tree extends from one page to the next and everything lines up perfectly.
Note: After you’re done with your layouts crop the spread in half along the center guide. To do this use the crop tool (in the tool palette or simply press C). Save the files as jpegs at the highest resolution possible numbering the files with the corresponding page numbers. Don’t worry the guides won’t appear in the jpegs. Lastly, upload to whichever site you are using to make your book. You should have each page as a separate jpeg.
Side Note: A fast easy way to crop the spreads into two separate pages is to create an action. Watch for a post about creating an action soon.





















[...] January 17, 2008 So I’ve showed you how to create your own album templates and how to put a picture across the gutter of a page, but after you’ve created your spreads you’ll need to crop them into two separate [...]
[...] Robin. She is one helpful Blurbarian. This is her book pictured above. And this is her blog post where she explains how to do [...]
Hi Robin. First, let me say thank you for your tutorial. I just completed a book putting one photo across the gutter following your steps. But after thinking about it some more, I may not have done it right. For your tutorial, you mention in Step 3 that you placed the photo on the left page and adjusted the part of the photo on the right. When you get to Step 6, you say you’re finished. To make this work, don’t you have to repeat these steps from Step 3 again by placing the photo on the right page and adjusting the part of the photo on the left? It seems to me that Step 6 was not my last step. Please advise. Thanks for your time.
Hi Orchids,
Sorry, your comment was put in the spam section for some reason. But just in case other people are reading the comments and wondering the same thing I’ll respond here too.
No, at step 6 you are finished. Only one side should have a copied portion of the original picture. You can, however, do this the opposite way of my example with the right side being the original and the left side having the copied portion.
Robin
[...] January 12, 2008: Learn how to put a picture across the gutter of a spread [...]
Hi–Just a tip, if you want to just hide the guides (for doing screen captures or just getting a clearer look at the page) just hold down the ctrl key and press ; — turn them back on with the same keys.
Thanks for the great stuff.
You can also use Control H to hide the guides and turn them back on. Why didn’t I read this before I split my photos down the middle?
Hey thanks Cathy! I’m a little hesitant to put in too many shortcut keys because over time I’ve adjusted mine from the original settings. I have the Clear Guides command set to Control+F right now but I’m not sure what it used to be. I’m hoping to find a full list of the shortcut keys for Photoshop. I think I had one for a previous version from Adobe somewhere but I have to find it.
Robin,
Thanks for the great tips. I’m a novice Photoshop user. Here is a very basic question: How do I put a picture onto the template in PS?
THANKS for the super tip… it is AWESOME.
Great tips, thanks! Can this be done in Photoshop Elements, or only full PS? I can’t seem to get guides to work in PS Elements, but I might just not be doing it right…
Dear Robin, Your wedding album is so marvellous that I’ve been trying to reproduce some of the layout ideas, this one in particular. I’ve spent 2 nights trying to resize a 2592×1944 photo to fit on a page 23.843×8.897 inches at 300 dpi. After cropping off most of the picture to get the size, I end up with a terribly pixelated image at 100%. I’d be eternally grateful if you’d give me some advice on how to do this. I’m wondering whether the pixel size of my image simply rules this out. I’m very new at photoshop and really learning by trial and error, and motivated by what you have achieved in your wedding album. Many thanks.
Mayerlene
im finding it difficult to download your templates is it different for the mac photoshop
Im having trouble understanding your tutorial. Do you insert the image using the place command? I do that but cannot see a blue border around it. Are you copying the left side of the image to overlap? I just cant figure this out from your tutorial.
Will you or any of your readers that know how to do “double truck” photo editing do work for hire?
Hai Robin,
Thanks for the tutorial. I’m wondering how you move the right picture to the ultimate right borders (after the copy past action) when you don’t have a full picture (like some examples in your book). I see a black background and have to move it also on a black background. With the full picture as in your example, you see the contrast between the two layers, but with a smaller picture you don’t?
Thanks,
Enrico
Thanks you very much for this tutorial!
Amazing post! But I still have some doubts. Blurb blog say that their bleed is 0.125in on top, bottom and outside of the page. It also say that there is a 0.125in margin on all sides. As there isn’t any bleed inside the page, I can’t figure out why can’t I just split the image in a half? Can you help me?
Best regards,
Felipe
Thanks Felipe!
Based on other people’s experiences I would recommend using only a 0.125″ “margin” on the inside. The reason you can’t just split the picture in half is because part of the page/picture is used to bind the book. Look that the top of a book and you’ll see that part of the page is used to sew and glue the pages together.
Good luck on your book!
Robin
Hi Robin,
Great information here. I am excited to use this technique. My question is – how do I add other photos on top of my gutter photo spread (i.e. – using the gutter photo as a background)?
Thanks in advance. Melissa
Does this method work the same (same amount of offset) for soft cover books? Any experience with soft cover?
Thanks,
Ron
Your blog is very helpful, perhaps the most helpful thing I’ve encountered on the internet so far regarding photobooks.
I have a silly question: if my camera takes photos at a size of 3456 x 2304 pixels, how do I get these to fit a 8″ h x 10″ w page, or a two-page spread? The spread needs to be 5685 pixels wide…. it means a lot of upsampling, or very low dpi, right? How have you done it for your photo spreads?
I’m not a newbie for creating things for online use in Photoshop… however creating this book is proving challenging!
Melissa,
You create a new layer and place the other photo on top of your background layer. It doesn’t matter if the background is a color or a photo it should work the same.
Ron,
I don’t have any personal experience with the soft cover books but others have used my technique and have good success with soft covers. Just make sure to use a smaller amount of gutter than I did since your book won’t be as thick.
Robbin,
Yes, it’s hard. I ended up reducing my dpi so the photos were of lower quality. It was noticeable but only slightly noticeable at the distance you normally read a book. That’s why I only did a few spreads with one photo. For some spreads I combined more than one photo in Photoshop and cropped it to fit the two page spread. For the island spread (the first one in my example) I actually combined 5 photos to create that spread so that kept the dpi up.
Hope that helps!
Ah that makes sense with the island spread. Thanks for the help!
Robbin
Robbin, great tutorial, but I have a question. When you put the left and right photos in blurb, only is necessary to drag the photo to a full bled page or then you need to select the photo and in the right menu mouse select one of this options:
Fill image area (Crop)
Align Left-top (don’t crop)
Align Center (don’t crop)
Align Right-Bottom (don’t Crop)
The correct option is Align Center (don’t Crop), or only directly drag the photo?.
Thanks and sorry for my English,
Jose
Jose, I’m not sure what you’re asking. There may be other ways to do the same thing. Just make sure when you use a crop tool that you don’t crop the picture off the outside margins. Let Blurb crop the page or your photos might not bleed all the way to the edge.
This is a great site; i’m so excited i found it. I am currently making a blurb book of my recent trip to italy. i am very frustrated and upset that all my pics seem too ‘low resolution’ to make into full bleed pages. My pics are from my 6 megapixel Canon camera…does that have anything to do with it? i just signed up for a photoshop account…any way that i can manipulate the pictures in photoshop to transfer to booksmart so that they are higher resolution to create full bleed pages??? HELP! (i’m doing a 13×11 book)
Here’s a question i’ve been wondering about: how do you print sideways text in blurb? (for example, for your vacation pictures above on the website, you have ‘Day 5′ printed up the left side of the page. I cant figure out how to manipulate the words in blurb’s text boxes to make them that way…
Thanks, Robin,
Your tutorial here is much better than anything Blurb have come up with. Looking forward to trying it on the new Premium Paper stock.
Hello Robin,
I’ve found your wonderful site and tried to put
an image of mine across the gutter of a spread.
I have a question though since I didn’t fill out the whole two pages til the very left and very right.
Here’s what I did:
After opening the template in Photoshop I placed my photo in it.
Like so >>>
http://www.flickr.com/photos/23771637@N05/3068311599/sizes/o/
As in the tutorial described I used the marque tool in order to select the image with the overlay. I then measured the length from the first to the third of the help lines on the very right side of the right page and copied and moved my selected portion according to the measured length to the right side.
The overlay now looks like this (close up) >>>
http://www.flickr.com/photos/23771637@N05/3068324195/sizes/o/
Did I do everything the right way?
cheers,
Ben
Hello Robin,
I’ve found your wonderful site and tried to put
an image of mine across the gutter of a spread.
I have a question though since I didn’t fill out the whole two pages til the very left and very right.
Here’s what I did:
After opening the template in Photoshop I placed my photo in it.
Like so >>>
http://www.flickr.com/photos/23771637@N05/3068311599/sizes/o/
As in the tutorial described I used the marque tool in order to select the image with the overlay. I then measured the length from the first to the third of the help lines on the very right side of the right page and copied and moved my selected portion according to the measured length to the right side.
The overlay now looks like this (close up) >>>
http://www.flickr.com/photos/23771637@N05/3068324195/sizes/o/
Did I do everything the right way?
cheers,
Ben
Plesase excuse this if it’s a double post. I tried to post last not, but think I had some problems.
Thanks for putting these together. They are really helpful. I just have one question. It looks like your templates are off by a few pixels as compared to what Blurb indicates the size should be:
For example on your 7×7 full spread, when you crop for one side you wind up with a 2070×2070 image. But on their site Blurb calls for a 2063×2067 page.
http://blog.blurb.com/index.php/2007/04/24/look-no-further-for-full-bleed-page-specs/
Just wondering why this is or if I am missing something obvious. Thanks a lot!
RG,
I belive there is a slight difference because I designed the templates using the inches they specified. And at 300 pixels per inch I doubt you will be able to tell that the pages are 3-7 pixels off. If you want you can resize the templates and move the guides to match.
HTH,
Robin
Thanks for clarifying.
One more question. Totally understand your concept of accounting for the gutter. But when you size the original picture why do you suggest it only be 1/2 the size of the gutter shorter? Shouldn’t it be the whole size of the gutter shorter? If your gutter is 1/2 inch total (1/4 on left and right) isn’t the ultimate goal to replicate that entire 1/2 that will wind up hidden in the gutter? Then, when you copy/paste the right side, slide it over 1/2 inch to fill the page…you’re left with a 1/2 inch sliver of repeated image that fills the gutter? Again, maybe I’m missing something, but would love to hear what you think. Thanks again for all your help!
RG,
Sorry if that was confusing. The 1/2″ in the center is considered the gutter but typically only half of it will actually be used for binding. The other half is a margin and is there to remind people not to put text, faces, etc. too far in the center.
Robin
[...] the central binding were perfectly lined up (see the photo below). Speaking of which, I found a fantastic tutorial online which helped me do this – well worth a look if you are planning on creating your own blurb [...]
Robin,
Thanks for this useful tutorial. What I couldn’t find an answer to (and on Blurb’s forum either) is if this gutter “offset” is also necessary for Blurb’s softcover books. I think I read somewhere that softcover books open almost “flat”. If it’s the case, I guess I should make the spread continuous, without an offset. Any experience with softcovers ?
Thanks in advance
Erick
Sorry, this is a double post; I posted my initial comment/ question on the wrong tutorial.
Thank you for taking time to create your tutorial, it has been very helpful. However, I’m a bit confused about the gutter size? How do you determine what gutter size to use? I’m making a book that has 134 pages, can I use .25 as my gutter size. I noticed that your books are over 200 pages and I wasn’t sure if your technique will work for my book because its smaller in terms of the number of pages.
This is so helpful, but can you tell me how to do it in InDesign? I can’t see the exact position of your guides in the photoshop images you posted. I am trying to determine how much of the image you are duplicating?
Because I am working in Indesign, I am just placing 2 copies of the image to go over the spread and then doing basically what you’ve demonstrated in Ps.
Does this make any sense, can you guide me?
I can send you a pdf or screen shots of my particular document, so you understand what I talking about, and you can see my attempt at doing this.
I am working on my thesis art exhibition right now. My concentrations are graphic design and photography, so I know enough about print design and book construction, but I think my gutter compensations are too large.
I looked all over the blurb site and google, your the only one who concretely addresses this and who has physical proof that your measurements work.
Please help. thanks,
Courtney
Hi Robin,
Thank you for providing the tutorial. The results are great and was perfect on the softcover book.
My question is on the hardcover, it is off a little bit because of the binding process do you recommend to add another 0.125″ (image’s width resized to X” – 0.375″)?
Thanks
Stephen