HOW TO MAKE A MOOD BOARD USING PHOTOSHOP

4/01/17

STEP BY STEP ON HOW TO MAKE A MOOD BOARD

Follow this Tutorial to Learn how I do it!

Photography: Photoshop CS6

Today, I thought I would share a tutorial on how I make my mood boards for my blog posts. If you’re not sure what I’m talking about, a mood board is basically the graphic that bloggers make to add to a wish list or lust list post. Mood boards can be used for a number of different products, but I mainly use a mood board for doing a fashion lust list post.

Before I get into the tutorial, I will mention that I’m not an expert and there is probably many different ways to do it in Photoshop, but I’m just showing the easiest way I know how to do it.

I’ve tried to make the steps as simple and clear as possible as well as add a video tutorial, but if there is something you’re still stuck with, comment below and I will try help.

I usually only ever use Photoshop, but I have also decided to give Canva a try so that I can learn some new skills myself and help people who can’t afford Photoshop or who don’t like using Photoshop. But as this post is going to be longer than expected, I will write about Canva in a separate post soon.

PinitHOW TO MAKE A MOOD BOARD

STEP ONE

The first thing you need to do is create a folder on your desktop called Mood Board.’.

STEP TWO

You then need to go to the websites of the shops you want to base your mood board on and pick about five to eight items (can always add more later). Then, click on each item you want to use so that it opens up in its own web page and, if you can, click on it again so that you get the biggest image possible. Then, right click, choose “save as,” and save the image to your folder you just created. Then, repeat those steps for each item. An image should save without all the arrows and other bits and bobs, but if it doesn’t, I’ll show you how to remove those later on.

STEP THREE

Click “File” and select “New,” and the image below should appear. It may be slightly different depending on the version you’re using. You’re then going to decide if you want the mood board image to be oriented in portrait or landscape. If you want a portrait orientation, the size I use is. And if you want a landscape orientation, the size I use is. The reason mine are so large is because my post layouts are full-width and sidebar-free. If you have a sidebar, you’re going to want to work out the size of your post content area and make the width fit within that size.

You also want to set your resolution to 72 dpi, which is standard. If you’re considering making anything that you many want to print, I recommend setting it at 300 dpi, as it will come out in a higher resolution when printed. I don’t change the other settings, so if your settings look different from the picture below, I recommend changing them to match.

Then, if you want to make your life easier for the next time you make a mood board, click “Save Preset,” which will bring up another box. You’ll then change the preset name to Mood Board Portrait or Mood Board Landscape and then click “Save.” This will save the template size for you. Then, the next time you make a mood board, all you’ll have to do is click “Document Type” then scroll down and select your preset and it will come up with all the correct sizes/settings.
Then, once you’ve done all that, click on, and you should be greeted with a blank white canvas.

PinitHOW TO MAKE A MOOD BOARD

STEP FOUR

Go back to the folder where you saved your images and drag one across to your blank canvas in Photoshop.
It should show up looking similar to the image below.

PinitHOW TO MAKE A MOOD BOARD

Then, press the tick at the top of the page. Click the hand tool at the top of the left panel and move the image to where ever you want it on the page (I prefer starting with the top left corner to ensure that I have enough space for everything). Also, if the item is too small or too large, you can press Command+T or Control+Shift+T then drag one of the corners in or out to make it bigger or smaller. (Just remember to use the shift key when you’re dragging in and out so that the image keeps its shape.)

You also need to ensure that you use a new layer for everything you do so that if you make an error, you can easily delete or change something. To add a new layer, select “Layers” in the bottom left corner and click on the page symbol just next to the trash can.

Then, repeat the steps above until you have all the images you want in your mood board. Also, ensure that you leave space some space if you want to add header text and numbers for your images.

Your image should now look similar to the one below.

PinitHOW TO MAKE A MOOD BOARD

STEP FIVE

The next step, if you choose, is to add a header to your mood board. I’ve left space at the bottom of my mood board in the image below, but you can choose to add yours anywhere you’d like.

To add text, you need to add a new layer then click on the text tool. A panel should appear at the top where you can change the font size, colour, etc. I like to make my French Connection and Lust List text as two separate texts so that they’re easier to move around, align, and place.
Your mood board should now look something like the picture below.

PinitHOW TO MAKE A MOOD BOARD

STEP SIX

This step is optional. I used to love adding this in, but since changing up my mood board post, I have decided not to use it. You can see why here in my “Stocking up on Some New Summer Threads” post. (Don’t worry if it takes you a long time to do. Although the post linked doesn’t look like a lot, I easily spent 30 hours last week making the post, plus time spent a few weeks before picking out and saving images for it.)

The easiest way to add numbers to the side of the images is to click on the little arrow in the corner of the rectangle tool (below the text icon) and select the ellipse tool. This allows you to draw a circle. If you don’t want a circle, you could use a square or completely skip this step and just include numbers. You then drag out the shape to the size you want, press the tick, and move it into position.

Then, create a new layer, press the text tool, type in a number, press the tick, and drag it over your shape. Then, repeat the process. You should have something similar to the image below.

STEP SEVEN

The final step is to save your file. All you need to do is click “File” and select “Save As.” First, I like to save it as a PSD, which the file should already be set to. Doing this allows you to come back and edit your file anytime. If you don’t do this, you won’t be able to come back and edit your file again.

Then, select “Save As” again. Click “Format” and save the image as a JPEG file. Also, don’t forget to name your file and select on the side panel where you want to save it to.

NOTE

If you are doing this on a Windows computer, all steps should work the same; however, some of the keyboard shortcuts may be different. If you’re still slightly confused or prefer something more visual, I have attached a YouTube video of the steps I have discussed above. That was my first ever Photoshop tutorial video, so if you’re still confused with the basics of Photoshop, let me know. I can do a video on more of the basics of Photoshop.

I will also be making a Canva version of this tutorial. I had planned to add it to this post, but as this post is so long, I will create a separate post on it sometime soon.

Some of you might have got to this point and still be super confused. If you are I’ve attached the portrait PSD template from the video and the landscape PSD template from the posts.

All you have to do is fill out the form below and subscribe.



I hope you liked this post. I’ve never really done a post like this before, so please share your thoughts on it in the comments.

If you found this helpful, it would be lovely if you could share it around!

xoxo  The Alexandra Edit

Subscribe so you don’t miss a post

Sign up with your email address to receive news and updates!

What do you think?

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

55 Comments
  • Melissa
    January 4, 2017

    Thanks for sharing this! I’ve been wondering how to make one of these.

    • thealexandraedit
      January 5, 2017

      Thanks 🙂

  • Sam @ The Haunted Housewife
    January 5, 2017

    Aw it’s so easy! For some reason I thought it would involve so much more; messing with levels of transparency and all that. Thanks for clearing this up for me!

    • thealexandraedit
      January 5, 2017

      I use to think that as well, but was sprise how it easy it was once I learn’t it.

  • Ashley
    January 5, 2017

    Bookmarked! This is so helpful!! Thanks for the tips!!

    • thealexandraedit
      January 23, 2017

      Thanks for checking it out 🙂

  • Ang
    January 5, 2017

    Wow you make it look so easy! That’s and awesome tutorial!!

    • thealexandraedit
      January 5, 2017

      Thanks 🙂

  • Hilary Young
    January 5, 2017

    Thanks for sharing this was so helpful! Do you want to support each others blog by following each other? Please let me know so I can follow you right back:)

    xoxo
    http://www.theclosetelf.com

    • thealexandraedit
      January 9, 2017

      Really sorry just seen your comment in my spam. Would love to follow each other, will head on over and follow your social media 🙂

  • Hra
    January 5, 2017

    Wow so useful!! i definitely pin it!! Thanks for sharing with us 🙂 Happy New Year

    • thealexandraedit
      January 5, 2017

      Thank you! Also, thanks for pinning it and happy New Years to you too 🙂

  • Rachel
    January 6, 2017

    So helpful! thank you! I’ve always wondered how to do this haha

    Rachel | The Confused Millennial

  • Chasing Potatoes
    January 6, 2017

    Amazing step by step guide. This is truly helpful. Thanks for sharing this with us. Happy New Year.

    • thealexandraedit
      January 6, 2017

      Thank you for checking it out 🙂

  • Ance Antovska
    January 6, 2017

    This are so helpful tips it looks so easy to make.Happy New year!

    • thealexandraedit
      January 6, 2017

      Thanks you for checking it out 🙂

  • neha
    January 6, 2017

    I really had no clue how these are really done. Thanks a lot for sharing. I am going to try it hands on as soon as possible

    • thealexandraedit
      January 6, 2017

      Thank you for checking it out 🙂

  • Debra Schroeder
    January 6, 2017

    What a great tutorial. I’ve always wondered how people make those images for their blog and pins.

    • thealexandraedit
      January 6, 2017

      Thanks

  • Logan
    January 6, 2017

    This is great! I still have so much to learn on photoshop.

    • thealexandraedit
      January 6, 2017

      Thanks 🙂

  • Jenni Petrey
    January 6, 2017

    Thanks for these tips, I really should get around to using photoshop one of these days! I just seem to run out of time, but when I do jump on, I will remember these tips.

    • thealexandraedit
      January 7, 2017

      Thanks, great to know that people are finding these tips useful.

  • Jessica
    January 7, 2017

    This is a really great guide! I love mood boards but I never create my own because I don’t like using copyrighted images haha – too scary!

    • thealexandraedit
      January 7, 2017

      Thanks, I do always worry about copyrighting as well, but every blog I read was doing it so figured it was ok to do.

  • Roger Wellington (www.wetnoseescapades.com)
    January 7, 2017

    Very useful post! That just looks so cool – I gotta try it on my own blog. I want to learn more on photoshop too!

    Roger Wellington
    http://www.wetnoseescapades.com

    • thealexandraedit
      January 7, 2017

      Thanks, will try and make a video on photoshop basics sometime soon.

  • A .Antovska
    January 8, 2017

    Very useful for me.Thank you for this post!

    • thealexandraedit
      January 9, 2017

      Thanks 🙂

  • Mica
    January 8, 2017

    This is a really comprehensive tutorial, thank you! Gotta say I love the polka dot items you used to fill it out 🙂

    • thealexandraedit
      January 9, 2017

      Thank you 🙂

  • Andrea Broom
    January 21, 2017

    Thanks for sharing! I’ve always wondered how to make mood boards. The step by step tutorial is great. Took notes to use when I attempt this in a couple weeks.

    • thealexandraedit
      January 22, 2017

      Thanks, so glad you found the tutorial helpfull.

  • Hallie
    January 21, 2017

    Great tutorial for people. I learned how to use Photoshop when I was in school but since then have found other tools just easier and more efficient… probably because I stopped using Photoshop for a time and then when I went back couldn’t remember a lot. -_- Now, I LOVE Canva.. personally. ^^

    • thealexandraedit
      January 22, 2017

      Thank you 🙂 Always been a photoshop user since school as well, never used canva much, but would really like to get into it more.

  • Jen
    January 22, 2017

    Very informative specially to new Photoshop users. I,too, find this post very useful.

    I always wanted to make these but fall short of tutorials. Thanks

    • thealexandraedit
      January 22, 2017

      Thanks, glad you found the tutorial helpful.

  • Indrani
    January 22, 2017

    Very helpful tutorial. I am not so good at these, so it is definitely worth learning.

    • thealexandraedit
      January 22, 2017

      Thanks, glad you found it helpful.

  • Ance Antovska
    January 22, 2017

    This is so helpful Looks so easy!! Thanks for the tips!!

    • thealexandraedit
      January 22, 2017

      Thanks, so glad you found it helpful.

  • Emma
    January 22, 2017

    I have photoshop but I’m sure I only use a tenth of its potential. Your step by step approach makes it so easy to follow. thanks for the great tips

    • thealexandraedit
      January 23, 2017

      Thanks for checking it out 🙂

  • Jan Michael
    January 22, 2017

    This guide is very detailed and easy to follow. Interesting how to do stuffs this simple. Thanks for this wonderful guide.
    JM | Man Of Wanders

    • thealexandraedit
      January 23, 2017

      Thank you 🙂

  • neha
    January 23, 2017

    I always wanted to give it a try but thought it to be very complex. Thanks for elaborating the steps, they don’t look so complex after going through your post 🙂

    • thealexandraedit
      January 23, 2017

      Thanks, I used to the think the same two before I learnt how to do it 🙂

  • Angela
    January 23, 2017

    You make it look so easy! Oh my, I have to go make one right now!

    • thealexandraedit
      January 23, 2017

      Super easy once you learn the basics good luck.

  • Sandy N Vyjay
    January 23, 2017

    This looks really interesting and a great idea. Though I am not good at Photoshop, I hope to come up to speed and this will be useful for me then.

    • thealexandraedit
      January 23, 2017

      Thanks, super easy to learn once you know the basics.

  • Ashwathy Manimala
    January 23, 2017

    You have explained it so well i can easily learn it. I will keep practising watching your video and will soon become a moodboard expert ☺️. Thankyou!

    • thealexandraedit
      January 24, 2017

      Thanks, so glad you found it helpfull.

Previous
THE MONTHLY EDIT #1
HOW TO MAKE A MOOD BOARD USING PHOTOSHOP