Archive for the ‘Blurb’ Category

h1

Putting Your Custom Templates Into Booksmart

February 5, 2008
This post along with other Blurb book tips and tutorials can be found in the “Want to Make a Blurb Book?” link.

Many of you have asked me about how to actually put their finished templates into Blurb’s Booksmart software. So here it goes:

Step 1.) Make sure you have all of your pages saved as high resolution jpegs at 300dpi (dots per inch). If you have everything still saved as a spread (two pages side by side) you’ll have to crop them in into two pages see my post about creating actions to do this fast and efficiently. To make things faster later title your pages by their page number. Remember to include zeros in front of the page number, ie 001, so that when you sort the pages by their titles everything is in the right order.

booksmart1.jpg

 

Step 2.) Open up Booksmart and pick the size book you want to make. Leave the title and author blank if you’ve created your own cover with that information on it. Next choose photobook, the location of your page jpegs, and your theme. Or you can just click the wing it button.

booksmart2.jpg

 

Step 3.) For my book I deleted the first couple copyright and title pages because I wanted to open the book up to a picture. To use your custom pages you need to make sure you use the full bleed picture option (the completely gray box). If you created all the pages yourself you’ll need to select that template for each page. But you don’t have to create each page yourself. You can just create a few custom pages and use the provided templates for the rest. In this example I’m using all custom pages so I need to delete every page that isn’t completely gray and add a lot of the solid gray pages. To do this quickly select a bunch of the completely gray pages by holding down the Shift key while you select and then simply copy and paste.

booksmart3.jpg

 

Step 4.) Next you need to put your pages in the templates. If you don’t have the pictures already imported into Booksmart do so by clicking the Get Photos button. Then click on the sort by drop down list and sort the pictures by their title. That is why numbering the pages is so important. Finally, select the first page of your layout and click the Autoflow button. All of your pages should be put in order but you should go through and check the order and that you had enough pages for it to fill (otherwise your book with be shorter than you’d like).

booksmart4.jpg

 

Also, if you want to make your own custom covers you can add your own typeface and put it where ever you want. Note: the covers are different sizes than the inside pages. For those sizes click here. That is how I did my cover for those of you who were wondering. You need to select the cover template with the solid gray front and back and just leave the text boxes (the thin gray box) blank.

booksmart5.jpg

booksmart6.jpg

 

Let me know if you have any questions or if this helped you!

h1

Want to Make a Blurb Book?

January 23, 2008

I’ve organized all the posts I’ve made regarding Blurb books and how to make custom layouts for them. This way they can be in a chronological/logical order. As I add posts regarding Blurb books I will update and link them to here so keep checking back.

 

 

 

First, download the free templates for the size book you are looking to make. I’ve created both Photoshop and InDesign files for each book.

Here you can learn how to use the free templates I’ve provided.

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

 

December 31, 2007: See some pictures of how my Blurb book turned out

January 12, 2008: Learn how to put a picture across the gutter of a spread

January 17, 2008: Creating Photoshop Actions

February 5, 2008: Putting Your Custom Templates Into Booksmart

 

Coming Soon

  • Quick tips on how to make a unique book
  • A review of my Blurb book (and it’s two replacements)
  • Uncommon things to add to your book
h1

How to Use the Free Blurb Templates

January 23, 2008

This post along with other Blurb book tips and tutorials can be found in the “Want to Make a Blurb Book?” link.

Here’s a quick guide on how to use the free Blurb templates I’ve provided.

 

After you’ve downloaded and unzipped the templates you should have a .tiff file and an .inx file. If you are using Photoshop open the .tiff file. If you are using InDesign open the .inx file (InDesign XML Interchange Document). Here’s what you should see:

usetemp_15.jpg

usetemp_16.jpg

 

 

Around each page and in the center there are trim guides and safety guides. Anything outside the trim guide will be cut. In the center, anything in the trim guide will be used for binding the book so it won’t be seen. The safety guides are in case more is trimmed than intended (this is fairly common in any bookmaking process). No wording or important parts of a picture should be in this area. Be careful to not have the tops of heads, hands, or feet in this area. The example below is shown in InDesign but the guides are in the same place as Photoshop.

usetemp_13.jpg

usetemp_14.jpg

There are also guides in the center of each page to help align things up.

usetemp_12.jpg

 

 

When you are adding pictures to the templates that you want to bleed to the edges of the page make sure that the photo goes all the way to the edges of the page. Don’t leave any pictures at the edge of the trim guide.

usetemp_2.jpg

usetemp_1.jpg

 

 

For text make sure that you have a margin starting from the inside of the safety guide. This also applies to photos or graphics that you don’t want to bleed to the edge.

usetemp_5.jpg

usetemp_3.jpg

usetemp_4.jpg

 

 

You can easily change the background color of the template in Photoshop using the paint bucket tool. Pick the color you want by double clicking on the top of the two colored squares in your tools palette. Next, make sure you are in your Background Layer (Window>Layers). Then click on the paint bucket tool and click on the background of the template.

album-template-3.jpg

 

 

In InDesign you need to create a background using the rectangular tool. First, pick your color by double clicking on the top of the two colored squares in your tools palette. Here I picked a blue color. Next, select your rectangular tool button and create a rectangle over the page/spread. It is good practice to extend your background color a short distance outside your page.

usetemp_17.jpg

usetemp_18.jpg

usetemp_19.jpg

 

 

When creating layouts in the templates line pictures up using uniform margins between the pictures. Do not line pictures up using uniform margins to the edge of the page. This is because you don’t really know where exactly the page will be cut so you have no way of knowing how much of that margin will be left in the final product. The top of the page may have been cropped off more than the bottom of the page. This works for pictures of any shape or size. Just keep the margin uniform. Below is an exaggerated example so you can see the difference.

Here’s how you should line up the pictures.

usetemp_6.jpg

The layout would ideally print like this if everything was trimmed evenly.

usetemp_7.jpg

But even if the top and bottom are trimmed more than the edge the layout still looks good.

usetemp_8.jpg

If you had lined up each picture in the center of that quadrant of the page and the trim and safety areas were trimmed your pictures would no longer be in the center of the quadrant.

usetemp_10.jpg

usetemp_11.jpg

 

 

Finally, if you want a centered layout make sure everything is centered off of the center guides. Similar to the example above do not use the edge guides if you want something to be centered. Even if you have uniform margins between the pictures you still need to make sure you have the overall layout centered. If, for example, the top of the page was trimmed more than the rest of the page your layout would be higher than the center of the page.

usetemp_9.jpg

 

This should get you started with your new templates.

Let me know if you have any questions or if this tutorial was helpful.

h1

Free Blurb Templates

January 22, 2008

This post along with other Blurb book tips and tutorials can be found in the “Want to Make a Blurb Book?” link.

With all the interest in people wanting to learn how to create their own templates for Blurb books I’ve decided to make some templates available for download. I’ve created templates in Photoshop and InDesign for all the different sizes of books available through Blurb.

Below are downloadable zip files each containing both a Photoshop and InDesign template.

Download the 7×7″ book templates

Download the 8×10″ (portrait) book templates

Download the 10×8″ (landscape) book templates

Download the 13×11″ book templates

The Photoshop templates are saved as .tiff files and the InDesign files were exported as .inx files (InDesign XML Interchange Documents) so everyone should be able to open them not matter what version of Photoshop or InDesign they have.

Leave a comment if you are having trouble opening the files or if you like these templates.

I will have a tutorial on how to use these templates tomorrow in case you’re lost.

Update 1/22/08: Sorry, I’ve re-zipped the files because I forgot to put the center guides on the InDesign files. Just download the current version to get the new files if need be.

Update 1/26/08: The 8×10 and 10×8 horizontal center guide weren’t exactly on center. Download the current version or you can center the guides yourself.

h1

Creating Photoshop Actions

January 17, 2008

This post along with other Blurb book tips and tutorials can be found in the “Want to Make a Blurb Book?” link.

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 pages. This is because for online albums like Blurb you need to upload each page separately. The quickest, easiest way to turn your spreads into two different pages is to create some Photoshop actions. Actions are very simple to make and use plus they can save you tons of time.

 

1.) First open up one of your spreads. Then open the actions palette (Widow>Actions).

action_1.jpg

 

2.) Second, make a new action by clicking on the button that looks like a Post-It note (second from the right). In the window that pops up give the action a name and designate a function key. The function key will serve as a shortcut to playing your action in the future. For this example I’m naming the action “Left Page Crop.” Then click Record.

action_13.jpg

 

3.) Now you just do whatever you want to be recorded as your action. To a spread into two pages I created two different actions. For the first action, used to create the left page, I just selected the crop tool from the tool palette and cropped the spread to be just the left page of the spread. Remember the very center guide designates the page separation so this is where you should crop it to.

action_3.jpg

action_16.jpg

action_5.jpg

action_6.jpg

 

4.) To finish the action press the stop button (the square button in the bottom left). You should have only the left side page showing. Now save the page as the page number not the original file name using Save As (Shift+Ctrl+S). Save the page as a jpeg at the highest quality possible.

action_12.jpg

action_10.jpg

 

5.) Next, you need to create a second action to make the right side page. Repeat steps 2 & 3 naming the action “Right Page Crop.” While recording this action you need to do one more step. In the history palette (Widow>History) click on the previous step (in the picture below this is Open), undoing the left side crop. Then re-crop the spread to be the right page.

action_7.jpg

action_14.jpg

action_9.jpg

 

6.) Finish off the right side page by stopping the action and saving the file as the page number. And your finished!

action_15.jpg

 

You should have two .jpeg files now one for each page.

action_11.jpg

 

To use these actions now all you need to do is:

  1. Open the next layout you’ve created
  2. Hit the function key for the Left Page Crop
  3. Save the left page to a new name
  4. Hit the Right Page Crop function key
  5. Save the right page

Once you get a rhythm going you’ll fly through all those spreads!

h1

Putting a Photo Across the Gutter of a Spread

January 12, 2008
This 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.


gutter_1.jpg

 

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″).


gutter_171.jpg


gutter_18.jpg

 

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.


gutter_20.jpg





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.


gutter_19.jpg


gutter_4.jpg

 

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.


gutter_5.jpg


gutter_6.jpg





Make sure you select from the far left guide in the center all the way to the right side of the photo.
gutter_7.jpg


gutter_8.jpg

 

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.


gutter_9.jpg

 

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!


gutter_10.jpg





I darkened the original picture so you can see where the copied part of the picture should be.


gutter_11.jpg


gutter_16.jpg





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.


gutter_13.jpg





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.
gutter_14.jpg


gutter_15.jpg

 

Here’s how the actual book turned out.


gutter_21.jpg


gutter_22.jpg

 

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.


gutter_24.jpg


gutter_23.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.



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.


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.
h1

They’re finally here! (part 2)

December 31, 2007

This post along with other Blurb book tips and tutorials can be found in the “Want to Make a Blurb Book?” link.

Here’s the honeymoon album I ordered from Blurb.