Brand Moodboard + Free Moodboard Template

Brand Moodboard

Moodboard Template

Moodboards are so gorgeous, and all the rage right now. Every where you look on blogs and Pinterest, moodboards are popping up and making people lust after gorgeous photos and colours. The way I see it there are two different kinds of mood boards. Thematic mood boards, which are created just to be pretty with images, and brand mood boards, which are created to inspire a brand and include the brand colours. I’ve got several different thematic mooboards that I’ve created for the blog over time, and I’ve got a few different brand mood boards on display from past clients.

This is the moodboard that I created along with my new site branding a few weeks ago when I decided that my design needed a little bit of an overhaul. Along with this branding I also included a free brand board template, so if you’re looking to design or redesign your brand, you’ve got everything you need now!

White Corner Creative Moodboard
Photo credit: Mint Bug by Luisa Morón // Ice Cream // Feather // Water // Worry Less Live More // Pencils // Floating Fruit

Below you can download the moodboard template photoshop file, and here are some instructions on how to use it. If you’d like to watch a video rather than reading through the tutorial you can scroll down and follow the steps in the video at the bottom of this post!

Photoshop Instructions

Using this template in Photoshop is super easy, and it shouldn’t take you more than a few minutes to place all your content.

Step 1

Open the template in Photoshop. You also need to open the images you are going to use in your mood board – either in photoshop or any other program, or just online if you have them there. Then you just drag the images into your brand board photoshop document. This will create a new layer for each image.

Step 2

Next, in the layers panel, find the layer that you want to place the image in for. If you’re not sure which layer is which, you can show/hide the layer by clicking on the eye icon, and see what disappears. But, each layer is numbered so it should be simple to tell.

Step 3

Next, we’re going to place the image in the area you want it to be in, for example, number 1. In the layers panel, drag your image so that it’s the layer above the number 1 layer. Then, right click on the image layer, and click Create Clipping Mask. This will make it so that the image only shows through in the rectangular area. You can now move, edit, and resize the image within that area.

Step 4

Then just repeat this for all the different areas in the moodboard, until all your content is in place.

Step 5

To colour in the areas on the right with your brand colours, you just have to select the Colour Palette layer, and use the paint bucket tool to colour each rectangle in. Last of all you’ll want to delete or hide the the numbers layer so they don’t show up on your moodboard.

23 thoughts on “Brand Moodboard + Free Moodboard Template”

    1. Hi Heather! It should work in the same way as the others. Just make sure you’re using the grey circle, layer number 7, since the white circle, layer 4 copy, is the white border around the circle. Let me know if you get it to work!

  1. Thank you so much for the templates. I was looking for upside down triangle templates but i settled with the ones i found here.

  2. hi great info! thanks for sharing, bur I made my mood board and it will
    not open it says” the app didn’t start” ??

    1. Hi Judy, I’ve never run into that issue before but it sounds like a problem with photoshop crashing. The template itself is a photoshop file created with CS5.5 so it should open correctly.

  3. Hi there, I’ve created layers for my seven images, but when i move the image layer above layer one, and then right click on the image layer to create clipping mask, the image doesn’t move to the upper left corner. just as a test, I kept dragging the image layers above each number layer and clicked create clipping mask. all of the images scrunched up in the middle but didn’t go to their respective numbered areas. What am I doing wrong?

    1. Hey Renee, I’m not sure how to troubleshoot your specific issue, but I’ve just created a video of the instructions so hopefully that will help! You can watch it above at the bottom of the post. Let me know if that makes it easier!

    1. Hi Luisa! I’d love to credit you but when I found the image originally I couldn’t find who owned it since it had been re-pinned so many times through Pinterest. Is there a specific page on your site you’d like me to link to? I will just link to your home page for now! Thanks :)

  4. Brilliant, took a few attempts as I haven’t used photoshop for a long while…
    Great video, that suited me better than written instructions…
    Many thanks

    1. Thanks for reading Emma! I’m glad the video helped, that’s good to know! I’m working on adding video content to more blog posts!

Leave a Reply

Your email address will not be published. Required fields are marked *