h1

How to Create Album Templates

January 8, 2008

Update: You no longer need to follow this tutorial to make templates for Blurb. You can find my free Blurb templates and lots of other Blurb tutorials in the “Want to Make a Blurb Book?” link.

A lot of people have been asking about how I set up templates for the albums I’ve created. I typically only use Photoshop to do this, even for wording. This is because most of the album companies use jpeg files to create the albums. So instead of messing around with InDesign (which doesn’t directly save to a jpeg format) I just stick with Photoshop.

So here’s how to set up an album template for any type of album in 8 steps. I’ll use my Blurb book as an example (a 13×11” hardcover book).

1.) First, you need to calculate what size your spread (two facing pages) needs to be. For a 13×11” Blurb book that would be 10.9” high and 25.2” wide. You can find the page sizes for other sized books at

http://blurberatiblog.com/index.php/2007/04/24/look-no-further-for-full-bleed-page-specs/.

 

2.) Now that you have your page size, in Photoshop open a new file and change height and width to the spread size you just found. Make sure that your dpi (dots per inch) is set to 300 pixels/inch. Then click on the advanced arrow and make sure the color profile says sRGB IEC61966-2.1. This is the color profile Blurb and many other similar companies will convert your pictures to if they aren’t already in that format. When your finished click OK.

album-template-1.jpg

 

3.) Next you can change your background color using the paint bucket tool. Simply click on your color palette (the two colored boxes near the bottom of your toolbar) and select the color you’d like your background to be. Make sure your background color is in the box on the top then click the paint bucket tool to your spread. This is convenient if you are using one color as your main background color but don’t worry if you want to change it in the future you can.

album-template-2.jpg

album-template-3.jpg

 

The next step is to set up guides to designate your trim and “safety” areas. To create full bleed pages printing companies print the pages and then trim off part of the area they printed so that the colors bleed right to the edges. If they didn’t do this there would be nowhere for equipment to grip the page while the ink is still wet. Blurb recommends that you design for a 1/8” trim all the way around your spread. I also like to create a 1/8” “safety” area so that I make sure nothing important is cut off the page. In this buffer area I make sure to not have any text, heads, hands, feet, or other important part of the page. It’s not uncommon for a printing company to accidently trim off more than they suggest, but even if they do my page will still look good.

 

4.) There are two ways to put a guide on your spread. The first way is to drag one from one of the rulers around the spread (if you don’t have rulers set up on your page you can go to View>Rulers). The other way is to go to View>New Guide, select a vertical or horizontal direction, and enter in a dimension. The second way is more accurate and I would recommend you use it when setting up a template.

For a 13×11” Blurb book with 1/8” trim area and 1/8” safety area you would need to enter in the following guides:

Vertical: 0.125”, 0.25”, 24.95”, and 25.075”

Horizontal: 0.125”, 0.25”, 10.65”, and 10.775”

album-template-4.jpg

album-template-5.jpg

 

5.) Next, you need to add a guide to designate the separation between each page. To do this simply divide the total width in half and add a vertical guide there. For my Blurb book this would be 12.6”.

album-template-6.jpg

 

6.) Now you need to create the trim and safety guides for the center of the spread. If you are making a flush mount album (like my wedding album where the picture is not lost to binding) you can skip this step. However, the vast majority of albums you or I can create are not flush mount so we have to add more guides.

The amount of space to leave for the binding is not really specified on the Blurb website. This area is called the gutter and in the final product you won’t be able to see anything that was on the page there. After reading through many forum posts I seemed to find that many people used 1/8” on each page for the gutter. When I did my honeymoon album, however, I added a 1/8” safety area on both sides. I treated this area as the gutter too. Making a 1/4” gutter on each page or 1/2” total. The two page photo spreads in our honeymoon book turned out really well using this gutter size.

For my Blurb book I added a vertical guide at 12.35″ and 12.85.”

album-template-12.jpg

 

To get a better visual idea of which areas will be trimmed off I created the visuals below. The pink area will be trimmed off, the blue area is the safety area that may be cropped off, and the purple area in the center is the area I treat like a trim area but may actual appear in the album.

album-template-11.jpg

album-template-13.jpg

 

7.) Next, I add center lines for each page. This makes centering photos on a page much easier because tools and objects snap to guides. If you add a photo or a shape to your template the edges and center of that shape will snap to any guides you have.

For my Blurb book example I added a vertical guide at 6.3″ and 18.9.” Then I added a horizontal guide at 5.45″ to finish it off.

album-template-9.jpg

 

8.) Finally, save your template with a general name like “Album Template.” This way for each new spread you create you can simply start with this file and you’ll know that none of the guides have been moved (which can be really easy to do while making your layout).

album-template-10.jpg

 

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.

22 comments

  1. [...] 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 [...]


  2. Hello.
    This is a great blog! Thanks for all the ideas.

    Regarding your templates…
    You design them as two page spreads. However, all the album printers that I know of, including Blurb, only do one image per page full-bleeds. So, I’m guessing when you’re ready to make the book you save the two halves of the spread seperately. Is this correct? If so, which line do you seperate them on?


  3. Hi Aimee,

    Great point! I forgot to say that I cropped the pages in half along the centerline. That way you can upload each page into Blurb or whatever company you’re using.

    I’ll add that to the post tonight and make a new post about how to create Photoshop actions (how I quickly and easily did this).

    Thanks for your help!
    Robin


  4. [...] be Beautiful Creating Photoshop Actions 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 [...]


  5. [...] accessible guide after she posted to Blurb’s Forums. That’s where she also shared her tutorial on creating custom book templates in [...]


  6. This is great! I already started based on your tutorial – thanks! Was wondering though if there was a way to use a combination of self-created templates for the bleed page and also utilize Blurb’s templates through booksmart all for one book. I am finding myself getting frustrated with sizing all images & creating my own layout for each image. Any thoughts? Thanks!


  7. Hi Amy,

    Yes, thats a great way to design a book. You get to have a few really creative pages but still not spend much more time on the book as a whole. Because each custom template page you make is treated like a full page photo in Blurb’s software you can have as many or as few custom pages as you like.

    All you have to do is pick a different template from Booksmart for the different layouts you’d like. So for the custom pages you need to pick the full bleed picture template and whatever you want for the others.

    Hope that helps!
    Robin


  8. You know, it’d be even cooler if you could just create a link of the PSD’s you created so we can just merely use it.


  9. Thanks for the comment Ronizel.

    Check out the post I did yesterday for free templates:
    http://theartofengineering.wordpress.com/2008/01/22/free-blurb-templates/

    I hadn’t quite added a link from this post yet. : )


  10. [...] If you want to learn how I created these templates or create your own in Photoshop click here. [...]


  11. Thank you so much for this service. I love it when people work things out, then put themselves at the service of others. I try to do that with my research, too. I also love the fact that you are not a pro. Gives the rest of us hope. I had built a few iphoto books, but found them limiting and too expensive. Then found blurb – but HATED their templates. When I first work with the computer, I always forget that I can get in there and do workarounds – it takes my kid to remind me. I found you, looked at your wedding book, looked at this tutorial and hit myself on the forehead. I have used your template design (not that hard to make) and I’ve pasted up almost two hundred crammed and very unartistic pages of family photos so that we can hold something in our laps and remember the year. Baby, you are a sweetheart. We’ve also reproduced your PS actions and now feel free to make more. We’ll write our own stuff up and link to you. Thank you again. By the way, if you’re on MAC, my son has written a couple of little scripts that allow you to select from the iphoto thumbnail menu (visual interface) – then it downloads the shots, resizes them and piles them on your page, one to a layer, ready for dragging. It’s based on my cram philosophy, but it has saved me hours. You’re a mensch.


  12. Thanks “Mom”…it feels strange calling you that. : ) Sorry, I don’t have a MAC but thanks for the offer!


  13. Robin -
    When you are adding text to a page – do you do that in the BookSmart software or do you add it in photoshop? I did a couple books and imported the text right along with the picture and it was quite a bit fuzzier than I would like. Thanks for your posts!


  14. Hi Jennifer,

    Yes, I added all of my text in Photoshop. I used a sans serif font in 14 point in hopes that it would print better than a small, fine font. I also made sure everything was at 300 dpi and saved as a high resolution jpeg. So you might want to check that. Did the text look fuzzy in Photoshop? You might want to ask about this on the Blurb forums or try adding the text in InDesign.

    Hope that helps.
    Robin


  15. Thanks so much for your blog! I made the template exactly as you said but when I load my images into Booksmart they’re kind of pixelated! Help!


  16. It’s OK the preview in Booksmart is not the quality the actual book will be. However it looks in Photoshop is the way it will look in real life. Hope that helps.


  17. I have a question about using this teqnique on the jacket of a hardcover. Is there a way to import your custom design to the flap? Any tips? Thanks!

    Stephanie


  18. http://www.henribrands.nl/

    Hi Robin,

    Thanks for the tutorials. They help me a lot and your enthousiasm gives me confedence that I am creating something worthwile.
    I have one question I hope you ‘ll have an answer for:
    If I want to make my own custom pages in your Photoshop template, how can I make the same background color as the one in the Blurb templates? I want to make a grey background, the same that is in the Blurb “color catalogue”.
    I try to make some templates with the same background but with image holders that better suit the measurements of my pictures. The Blurb templates do not have nice placeholders for vertical pictures of for instance 8×10 inch pictures or two pictures vertical. The Blurb templates leave much too much room for text that I do not need.
    Are there i.e. the same numbers for the grey tone that Blurb uses that I can put in the color picker in Photoshop?
    Hope you have a good suggestion for me?
    Kind regards,
    Henri


  19. Hi Henri ~ Blurb is very picky about their templates on Booksmart. People have tried to find out what margins they use so that they could make a couple pages custom to match the rest but Blurb won’t give out that information. I would try taking a screen shot of Booksmart and using the eyedropper in Photoshop to find the color. It may not be exact but it should be close. I would suggest making sure you make your own spreads so you won’t be able to tell if the backgrounds are indeed different (the Blurb color would be on different spreads). Good luck!


  20. Hi Robin;
    Any comment about the new, heavier and thicker, premium paper that Blurb offers as an option? Will this change any of your calculations?
    Thanks for your help.

    Murray


  21. Can somebody please do some templates that are unusual – circular frames for photographs with the ability to wrap words around them, oval shaped picture containers etc.


  22. Hi there!
    Robin, thanks a lot for your tutorials. I’m finding them very useful!

    @Mom: I am on a Mac and I would very much like those scripts your son created. If you’re willing to share of course. You can write me here: alex at vladoiu dot net.

    Thank you!

    Alex



Leave a Comment