Storyboards & Photoshop CS4
I've been wanting to learn how to create storyboards in Photoshop for some time now, but today, I actually took the time to figure it out and it's really easy and fun too!
Before I learned how to do this myself, though, I picked up a few actions and storyboards that were free online and have been using them.
Now I can create them myself, and I had so much fun doing it I wanted to share them with you. And, just as soon as I can figure out how to share them I will, so that you can enjoy the storyboards that I have created while you are creating your own!
Storyboards can be great for displaying your images. It gives them a feeling of having a matting around them. Your storyboards can be any color - Personally, though, I like white. And you can add designs and other things to them too - like text.
For now, though, I am going to show you how to do the easy part. Then you can play with your designs and get as fancy as you want.
Step 1. File - New. Open up a new File.
Step 2. Name - Width - Height - Resolution - Background Color. Choose the size of your storyboard, (preferably in inches) choose your background color (I like white), and give it a name. Click "OK"
Step 3. View - Rulers. Your new file will open up in Photoshop. So that you can easily design your storyboard, you will want to have your rulers visible (in inches preferably. It is just easier that way).
Step 4. Right Click Ruler - Inches. When your new file is visible with the ruler, right-click on your ruler and highlight "inches."
Step 5. Blank Storyboard. You'll have a nice clean slate to work with.
Step 6. View - New Guide. Click on "View" and "New Guide."
Step 7. Horizontal / Vertical - Position. The "New Guide" window will pop up and you need to choose either Horizontal or Vertical and where you want to place your blue line. These guides will pop up as blue lines on your blank canvas. Don't worry if you don't like where you put the line. As a matter of fact, you can just leave the position at 0 and click "OK" and then use your "Move Tool" to move the line where you want it on your blank canvas.
Step 8. Repeat Steps 6 and 7. Repeat Steps 6-7 until you have placed your horizontal and vertical lines where you want them to create your storyboard. As you can see from the storyboard that I am creating here, I am going to display 6 images on my storyboard in a landscape format.
Step 9. Rectangular Marquee Tool. Now, Click on the Rectangular Marquee Tool and choose the first space where you will be placing your images.
Step 10. Magic Eraser Tool. Click on the Magic Eraser Tool. Right click the area within the highlighted area from Step 9. Click again and everything should disappear in that space. This is the space where I will place my first image.
Step 11. Repeat Steps 9 and 10. Repeat these steps until you have erased the spaces where you want to place your images. Lookin' Good! I'm so happy with my storyboard and I can't wait to insert my images. But first, I want to save this blank storyboard as a .psd file. So go ahead and do that so that you have a completed template you can use time and time again. We're almost done!
Step 12. Add your Images! This is the best part! Open your images in Photoshop that you want to add to your storyboard. Resize them to fit or sorta fit in the spaces you've created. It doesn't have to be perfect, just as long as the images fill the spaces. You might want to crop and then resize your images. That's what I do.
Note: When you are placing your images in your storyboard, make sure that the image layer is beneath the storyboard layer.
Enjoy what you have created! I'm having a lot of fun. I am using the storyboards in some of my Category Archives. In other words, when you click on a Category, in addition to seeing the name of the category and the listing of the posts within that Category, you will see an image at the top related to that Category. I have a lot of work to do to get all the images in place, but in the meantime, I got 2 done today - in "Cooking with Beth" category (Home & Garden) and "Big Bear" category (My Opus). Only 537 more image storyboards to create.
Oh, be sure to save your completed storyboard as a .jpg. That will flatten the image.
That's what I've been busy doing today. Hope you enjoy creating some storyboards of your own. This sure has helped me to keep my mind off of all the other mess around here - you know, problem adult children, unemployed husband, cranky dogs, loads of laundry ... ya da ya da ya da.
Email me if you have any questions about this tutorial, or leave a comment and I'll answer your question there!