Skip to content

Photoshop Tip of the Week #4: Making a Storyboard


Featured Products


MCP Actions Website | MCP Flickr Group | MCP Reviews

MCP Actions Quick Purchase

164691959-M Photoshop Tip of the Week #4: Making a Storyboard Photoshop Tips & Tutorials

Since posting the DAD freebie and then my storyboard on some photography forums, I have gotten questions about how to make a storyboard. The finished product is above.

To start making a new template/storyboard, go under FILE – NEW.

In order to cut holes into your canvas, you need to rename your background layer – so it is editable. To do this, double click on the word “background” and name it template. Then you will use your marquee tool to make the boxes (squares, rectangles, etc) where the photos can go time after time.

If you want to line up things perfectly, you can use VIEW – NEW GUIDE. Then you will pick where you want guides and it will line guides up for you to work from. You can add these both horizontally and vertically.

Once you have your guides, or if you do not want to use guides, select the marquee tool. Make your boxes where you want photos to go. Once you have a box done, click delete on your keyboard. It will then look like a checker board underneath. This means it is transparent. And a picture can be placed underneath. Add as many holes as you want.

If you want to add a border around each, this is what you do next.

Next go under EDIT – STROKE. That will pull up this dialog box:

Now when you click ok – you will have your border. If it is too thick or thin, go back and do it again with a larger or smaller number.

Make sure to save your file as a PSD. You can change the color of the background or the stroke by selecting the appropriate layer and dumping paint from the paint bucket into the area. You can also turn off the border for a more simple storyboard.


No Comments

  1. Anonymous on June 20, 2007 at 5:48 am

    Thanks Jodi,
    Some much love is coming your way for this.

  2. Bonnie on June 20, 2007 at 5:59 am

    Great tutorial as always! 😀

  3. Anonymous on June 20, 2007 at 10:13 am

    This is so awesome! I have always wondered how to do this. Thank you so much for taking the time to type out how to do things like this. I have your blog on my favorites and look forward to your weekly posts!

  4. Cyndi on June 21, 2007 at 1:19 pm

    Jodi, thanks so much for the tutorial, it’s awesome!!

  5. mylittlegumdrop on June 22, 2007 at 5:21 pm

    YEA!!! I’ll be storyboarding all weekend!!!

  6. Dawn on July 1, 2007 at 5:29 am

    I cannont even say how much this tutorial has helped me. I had NO idea how to make a template. I’ve been recreating and fiddling with each and every storyboard that I’ve made. WOW does this makes things go a whole heck of a lot faster!! Hee hee! Wonderful tutorial and such simple and easy to understand instructions. I can’t thank you enough!! I look forward to the next lesson! Thanks again. Dawn

  7. Life of the Leatherberry's on July 6, 2007 at 6:21 pm

    I absolutely LOVE your blog!! And thank you so much for the storyboard tut! Now I FINALLY know how to make them! They aren’t so hard (or scary) afterall!


  8. Sarah on July 14, 2007 at 8:00 am

    This is great! I’m to your blog but I have now saved it as a favorite! I ususally don’t print my own photos so I’m curious where you have a 20×10 printed? Any suggestions?

  9. Crystalyn on October 23, 2007 at 10:31 pm

    i just found your blog tonight and love it! i’m sad it’s already after midnight because i don’t want to wait until later to keep reading! thanks for posting this tutorial. very helpful.

  10. Michelle on December 31, 2007 at 5:36 pm

    Hi there, would you mind sharing how to insert the photos into the storyboard?

    Thanks! Love your blog!

    PS Sorry its so remedial of me. I’m SO new to PS!

  11. Marcie on September 25, 2008 at 8:16 pm

    Thanks for the awesome tutorial – I am having some problems with it though in PSE 5 – are the instructions different for that? Thanks for any help~!

  12. AMy on May 24, 2009 at 10:31 am

    I am brand new to PS, I have made my storyboard but how do I actually get my pictures on there??

    • admin on May 24, 2009 at 10:48 am

      You just use the move tool and drag the photo in. Then reposition in the layers palette.

  13. AMy on May 24, 2009 at 5:08 pm

    I placed my first pic where I wanted it but is there a way to lock it in and start on a 2nd picture?

  14. Rebecca on May 29, 2009 at 6:28 pm

    WOW. thank you. I also am somewhat new to ps and have a silly question. I was trying to do this last night, using a book about CS3. (I have CS4) I had all my pictures resized and with a border around them, but I couldn’t drag them anywhere. Is the drag tool the “hand”? thanks so much!

  15. Amy on July 5, 2010 at 11:19 am

    I can’t tell you how much I appreciated this tutorial! I have been trying FOREVER

Leave a Comment

You must be logged in to post a comment.


Recent Posts

Scroll To Top