Creating A Mood Board

How To Create Mood Boards Mood Board Creation
10 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.61
List Price:  €129.66
You save:  €37.04
£79.64
List Price:  £111.51
You save:  £31.86
CA$136.67
List Price:  CA$191.35
You save:  CA$54.67
A$151.24
List Price:  A$211.75
You save:  A$60.50
S$135.29
List Price:  S$189.42
You save:  S$54.12
HK$781.06
List Price:  HK$1,093.52
You save:  HK$312.45
CHF 90.74
List Price:  CHF 127.04
You save:  CHF 36.30
NOK kr1,080.17
List Price:  NOK kr1,512.29
You save:  NOK kr432.11
DKK kr690.98
List Price:  DKK kr967.40
You save:  DKK kr276.42
NZ$166.07
List Price:  NZ$232.51
You save:  NZ$66.43
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,692.81
List Price:  ৳16,370.40
You save:  ৳4,677.59
₹8,350.65
List Price:  ₹11,691.25
You save:  ₹3,340.59
RM471.90
List Price:  RM660.68
You save:  RM188.78
₦149,183.08
List Price:  ₦208,862.28
You save:  ₦59,679.20
₨27,806.80
List Price:  ₨38,930.63
You save:  ₨11,123.83
฿3,665.63
List Price:  ฿5,132.03
You save:  ฿1,466.40
₺3,225.44
List Price:  ₺4,515.75
You save:  ₺1,290.30
B$515.65
List Price:  B$721.94
You save:  B$206.28
R1,840.06
List Price:  R2,576.16
You save:  R736.10
Лв181.17
List Price:  Лв253.65
You save:  Лв72.47
₩136,726.31
List Price:  ₩191,422.31
You save:  ₩54,695.99
₪371.20
List Price:  ₪519.69
You save:  ₪148.49
₱5,777.27
List Price:  ₱8,088.41
You save:  ₱2,311.14
¥15,641.53
List Price:  ¥21,898.77
You save:  ¥6,257.24
MX$1,677.91
List Price:  MX$2,349.14
You save:  MX$671.23
QR364.49
List Price:  QR510.30
You save:  QR145.81
P1,357.81
List Price:  P1,900.99
You save:  P543.17
KSh13,048.69
List Price:  KSh18,268.69
You save:  KSh5,220
E£4,684.25
List Price:  E£6,558.14
You save:  E£1,873.89
ብር5,738.92
List Price:  ብር8,034.72
You save:  ብር2,295.79
Kz83,397.65
List Price:  Kz116,760.05
You save:  Kz33,362.40
CLP$92,487.75
List Price:  CLP$129,486.55
You save:  CLP$36,998.80
CN¥723.38
List Price:  CN¥1,012.77
You save:  CN¥289.38
RD$5,817.04
List Price:  RD$8,144.09
You save:  RD$2,327.05
DA13,431.66
List Price:  DA18,804.86
You save:  DA5,373.20
FJ$224.60
List Price:  FJ$314.45
You save:  FJ$89.85
Q776.46
List Price:  Q1,087.07
You save:  Q310.61
GY$20,919.14
List Price:  GY$29,287.64
You save:  GY$8,368.49
ISK kr13,937.60
List Price:  ISK kr19,513.20
You save:  ISK kr5,575.60
DH1,003.69
List Price:  DH1,405.20
You save:  DH401.51
L1,776.34
List Price:  L2,486.95
You save:  L710.60
ден5,707.42
List Price:  ден7,990.62
You save:  ден2,283.19
MOP$804.03
List Price:  MOP$1,125.68
You save:  MOP$321.64
N$1,836.62
List Price:  N$2,571.35
You save:  N$734.72
C$3,678.75
List Price:  C$5,150.40
You save:  C$1,471.64
रु13,355.17
List Price:  रु18,697.77
You save:  रु5,342.60
S/371.34
List Price:  S/519.89
You save:  S/148.55
K387.79
List Price:  K542.93
You save:  K155.13
SAR374.99
List Price:  SAR525
You save:  SAR150.01
ZK2,570.84
List Price:  ZK3,599.28
You save:  ZK1,028.44
L460.87
List Price:  L645.24
You save:  L184.36
Kč2,291.10
List Price:  Kč3,207.63
You save:  Kč916.53
Ft35,782.47
List Price:  Ft50,096.89
You save:  Ft14,314.42
SEK kr1,085.39
List Price:  SEK kr1,519.59
You save:  SEK kr434.20
ARS$88,415.34
List Price:  ARS$123,785.01
You save:  ARS$35,369.67
Bs690.53
List Price:  Bs966.78
You save:  Bs276.24
COP$387,621.07
List Price:  COP$542,685.01
You save:  COP$155,063.93
₡51,209.67
List Price:  ₡71,695.58
You save:  ₡20,485.91
L2,470.08
List Price:  L3,458.22
You save:  L988.13
₲750,314.73
List Price:  ₲1,050,470.64
You save:  ₲300,155.90
$U3,852.35
List Price:  $U5,393.45
You save:  $U1,541.09
zł395.67
List Price:  zł553.95
You save:  zł158.28
Already have an account? Log In

Transcript

Before we start creating our own mood board in Photoshop, let me just quickly show you some samples that we created previously. So here is one, this one has the theme of travel. So you can get your viewer in the mood, and show them all kinds of different locations, all kinds of different colors. This circle right here can be used for a logo can be used for all kinds of different images, for text, and so on. These shapes at the bottom, represent some sample colors from these images. So you can quickly show your client what kinds of colors may be used in a website or app or a branding project, whatever you are doing.

So let me just quickly show you a couple of them. So this one is more about fashion. This one more is more about startup environment. So you can see a lot of young people in the office environment. clean, very white, very minimal. This is one more for the travel.

So you can quickly get your viewer in the mood and explain them. What can be done with these mood boards, of course, because you're printing them, you can easily show them and for example, okay, we don't like this image because it stands out too much from these other images. Can we replace it, maybe put some a cityscape image right here, and then sample the color from that image to the swatches right here. We don't like this image, let's replace it and so on. So let me just jump right in. So we can start creating our own mood board.

Because we are using a4 paper size here, I'm going to create a four size. But if you're using a letter us letter format, you can do that or any other format. So what you can basically do is come right here to the File, New and then Choose centimeters or you can use millimeters or inches or whatever is your desire format for the a4 is 21 height is 29.7 and 300 is the resolution because we are going to print out this mood board. simple click OK. Or if you want to save this template, you can name it and just click Save preset. Click ok. I'm going to unlock this layer by clicking here.

And because I'm going to use shape layers, I'm going to click right here. u is the shortcut. Just click drag. press V on your keyboard for the move tool. move them around so they snap into place. If you don't see this grids, you can come right here to the view show and then click to all of them.

Right here pixel and click rulers. So you can have these rulers right here and to the left, and also include snap so the elements can snap to the position. Let's delete this layer by clicking Delete, double click right here, click BG, which stands for background, it's just shorter and easier. Double click right here. This color dialog will pop up. Select white, for example.

And we can start creating our own shapes for the images. So if you remember, like I showed you right here, we can create all kinds of different shapes, maybe nine or 10. So again, click right here and drag and drop your first shape. It doesn't have to be exact. It doesn't have to be you can of course, enter the measurements right here, but some people find it easier when things are organized. Some people find it easy easier when things are chaotic.

It's really up to you how you like to create things. So you can change the shape. From here, you can use the rounded rectangle tool, Ellipse tool, Polygonal Lasso Tool line tool, or you can use a custom shape tool right here. But we are going to keep this simple and just use a normal Rectangle tool. Double click right here to change its color, use the D, put a very light gray, press okay, use the Move tool, move it right here and then hold shift and down arrow key four times so you can move with 40 pixels. To the right, again, move 40 pixels and then just click right here, hold your left mouse click and drag.

So we can drag this guide. Do the same right here. And then a move this you can quickly do that by holding Control, clicking right here. Again, using the Move Tool shortcut is V move it's to the right by clicking here Ctrl D to deselect, again, shift now left four times. So we can move it 40 pixels, and again, use the guide so we can drag it right here, do the same for the bottom. So Ctrl Click V for the move tool, and now click right here so you can move it down to the bottom Ctrl D to deselect, shift and the up arrow key for time so we can move four pixels.

And that's it. Now we have our really organized guides so they can help us to achieve the consistent look across all of them. So now we can start playing around with these shapes. Instead of drawing all of them up. You can use a shortcut Ctrl J to duplicate this shape. holding Shift you can position it down because we used 40 pixels, maybe you can do the same right here.

So four times, press enter, then maybe you can stretch it down right here. Use this one again Ctrl J more, which is four pixels. And now maybe it can snap right here. Maybe we can make it a little bit shorter Ctrl J, that was a Ctrl. h if you want to hide the guides, as you can see here, so 1234 by holding Shift, so we can only 40 pixels 1234 maybe we can create something like this. Maybe.

Let's do it like so. Now maybe we can create a color swatches so ctrl j to duplicate this one like so. 1234 Now we can reduce its size to around, I don't know, right here Ctrl J 1234 Ctrl J 1234 Ctrl J 1234. Now, we have this space left right here, what you can do is simply hold Shift, then using the move tool, click, click, click to select all of them and just drag right here. It doesn't have to really be exact. You can of course do it that way if you want to do it, but for the sake of time, let's just position it like so Ctrl J, move this one a bit down to around here, so 1234 Down, down to the guide.

Now you can see how useful the guides are Ctrl J again Move this one to snap right here. That's why we turn the snap on, move it up 1234. And let's create another one, move it below 1234. And again, like we did these ones, called shift, select and drag, so it can snap right here. You can change the colors of all of these shape layers simply by selecting one of them and double click and then change its color and it will update in real time. If you want to use the stroke around it, you can press A on your keyboard and as you can see the fill color is DDT that we used for all of them and there is no stroke color.

To change that click here, then here and simply select one of the colors for example, this one and you can see what it does. If I Ctrl H to hide the guides. So you can snap image right here, you can change the thickness of the stroke, for example, 20. Press Enter, and you can see what that does. Let me go back by doing Ctrl Zed a few times. And there you go.

To keep things more organized, do a Ctrl H so you can see what I'm selecting. You can click on the first one, hold Shift, click, click, click, and then use Ctrl G. So you can create a group and name them colors. For example, you can always do a top. You can of course, keep things organized. You can use this one name, it's number one. This one can be for example number two, this one can be 3456.

And finally seven. And now to keep things even more Organize, you can click hold with your left mouse click and just drag so you can arrange them numerically like so. And there you go, you created your first mood board. If I click Ctrl H to hide the guides, you can see how it looks like. So. In the next video we are going to include some images right here.

Choose the topic for your mood board and I will show you how you can sample the colors to put here in these color swatches.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.