Finally as promised, here are the instructions for creating your own Storyboard template. Once you know how to do it you’ll be able to make any design you please and use it time and again to make lots of great Storyboards.
Of course you can crop pictures, drag them on to a blank jpg, crop another, drag it on, fuss about lining things up and get angry at Photoshop because it just doesn’t look right. That is the hard way! Let’s make it easier………..
1. Decide what size you want for the final product, and how many images you want to include. It helps to do a quick sketch on paper before you start if you’re as useless at visualizing things as I am. For more complex storyboards it helps to work out the exact dimensions of each image, though this can be done later on. For this exercise I am going to create a 10″ x 20″ storyboard (my favourite format) containing two images, one landscape and one portrait. Here’s my sketch (good isn’t it?).
2. Create a new blank canvas at the required finished print size using File - New. In this example I choose size 10″ x 20″, and a dpi of 300. I always choose white background for the template, as it’s easy enough to change the colour later for an individual storyboard.
3. Now you have your blank canvas we need to put some Guides on there to help us with the layout. Firstly turn on your rulers by pressing Ctrl-R. If your storyboard dimensions are in inches, make sure you right-click the ruler and choose inches to make your calculations a bit easier.
4. View - New Guide will bring up a dialog box asking you to choose horizontal or vertical, and specify a position. Let’s start with the left side of the left image. Select vertical and 1″. You’ll see that this places a little blue line across your blank canvas on the left hand side. The exact inches measurement at this point doesn’t matter as you can drag the guide once it is on the page. Once that one is done put another at the other end of the canvas, so at 19″. You’ll need another two guides in the middle to separate your images, perhaps at around the 8″ mark (with a small gap in between them). I did mine at 8″ and 8.2″.
5. Next you will need to set some horizontal guides. Follow the same steps as for the vertical guides, placing one near the top, and one near the bottom. The intersecting guides will leave you with rectangles where your images are going to be.
6. You can now drag the guides around a bit until the layout looks pleasing. I’d even suggest saving this as a basic template so you can skip steps 1-5 next time you want to do something similar but with slightly different sized images. Saves placing the guides again as it’s a tedious process.
7. Now select the Rectangular Marquee Tool and using your guides select the spot where you want the first image to go. Right click – Layer via Copy. Now using the magic wand click somewhere in the middle of this spot to select it again. Edit – Fill, choosing black as your fill colour. You now have a solid black block where the first image will go.
8. Select the background layer.
9. Repeat step 8 for the second image spot.
10. Finally, I am going to include a text marker on the bottom right corner. Make sure you choose the background later again to do this. Choose text in the size and font you want, type “text here” and align it to the image above so it looks right.
11. You now have a template with four layers. Background, text, Image 1 and Image 2 that looks like this:
12. Save as an unflattened PSD file.
13. Now dig out my earlier instructions on how to use it! Please don’t try to crop images to the right size, drag images on to it, or any variation thereof! You should be able to paste images into the black placeholders to they magically appear behind the white space without the need for any cropping. And here is the result….
14. Note that in my finished product I’ve flipped the whole thing horizontally to change the position of the images.
Now enjoy, and let me know how you go!