HOW TO MAKE A MOOD BOARD USING PHOTOSHOP
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.
The first thing you need to do is create a folder on your desktop called Mood Board.’.
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.
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.
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.
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.
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.
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.
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.
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