recently i have been seeing moodboards come in to popularity on instagram and weheartit. i honestly think moodboards are really satisfying to make and they are great to look at!

here i will tell you some useful apps you can use to create a moodboard of your choice, and show you how to make one yourself! you can follow along with me if you like :)

1. what a moodboard needs

every moodboard needs a theme, a color palette, fonts, and pngs/overlays.

theme ideas can include:

  • your favorite musician/band
  • your favorite song
  • niche moodboards (creating outfits to represent one person or thing the viewer can choose from)
  • places
  • objects of your choice

color palettes

  • a good place to find color palettes is colourlovers (search it online)
  • here you can copy and paste the codes of the color of your choice into the app phonto (i will explain the app's significance later in the article)
Image by sleeping on the sidewalk

fonts

  • there are some excellent w3bsites that allow you to pick unique fonts for text added to your moodboard for no cost. it will download as an image you can mask onto your moodboard.
  • dafont
  • fontspace
  • fontmeme
Image by sleeping on the sidewalk

pngs/overlays

  • every moodboard needs images to add to the overall aesthetic. the easiest photos to add to a moodboard that require the least amount of masking (i'll explain that term later) are pngs or overlays because they come with a plain background.
  • pngs and overlays are really easy to find in collections on weheartit or pinterest.
  • just search "pngs" or "overlays" and if you want a certain kind of aesthetic in your pngs you can seach for that also.
  • i.e: "vintage overlays"
here are some great png/overlay collections!

2. the apps

in order to make moodboards, there are some (mainly free) apps you can use to make them on your phone to avoid buying expensive computer software.
  • wehearit or pinterest (to find pngs/overlays) ((free))
  • phonto (for backgrounds and text) ((free))
  • superimpose (for masking and transforming) ((free w/ restrictions))
  • superimpose x (same as above) (($4.99 w/ no restrictions, but there are youtube videos that can tell you how to get it for free))
  • picsart (for editing and filters) ((free w/ restrictions or $4.99/month w/ no restrictions))

3. how to actually make a moodboard step by step

here we go! this will be kind of lengthy, but i hope it is clear and helpful!

my chosen theme is brian may from queen + his love of nature w/ a vintage twist

1. choose a background

  • go to www.colourlovers.com and pick a collection of colors that peak your interest. find the code for any color you like from the collection to use as your background and copy it.
Image by sleeping on the sidewalk
  • copy that code into the app phonto, selecting a plain background then manipulating the color_
Image by sleeping on the sidewalk
Image by sleeping on the sidewalk
Image by sleeping on the sidewalk
Image by sleeping on the sidewalk
  • save the color background to your camera roll

2. import the background into superimpose

  • here you can either create more colored backgrounds and then layer them on each other to create borders, or just work with the one background you have created.
  • here are two background options for your mood board
Image by sleeping on the sidewalk Image by sleeping on the sidewalk

3. choosing your main image/images for the pngs/overlays to revolve around

  • because i have decided i want to do a brian may from queen mood board, i chose a picture of young brian that i believed would look good and would work with my theme idea.
Image by sleeping on the sidewalk
obviously it has a black background, so i will mask it in superimpose in order for it to blend into the green background.

4. mask the image in superimpose or superimpose x

  • import the background (green) and then the foreground (bri)
  • use any masking tool of your choice to mask your main image so it blends into the background.
Image by sleeping on the sidewalk
before mask
Image by sleeping on the sidewalk
after mask, i also altered it's opacity and size so it blended in better with the background

5. choose your pngs and overlays and add them to your mood board also using superimpose or superimpose x

  • same concept goes with the pngs/overlays as did the first picture you added to the background. upload the pngs as new foreground layers, mask them, and place them however you like.
  • the app will tell you eventually that you have reached the maximum for adding more layers. then you should save your project of what you have so far, and then upload it again as a new project. from there you should be able to add more images to your mood board as foreground layers until the process repeats itself again.

try your best to select pngs with plain backgrounds! that way it will be able to be masked with one touch rather than having to mask piece by piece!

Image by sleeping on the sidewalk Image by sleeping on the sidewalk
and so it begins

6. ((optional step)) add text!

  • this is where the w3bsites like dafont.com or fontmeme.com come in. here you can select what ever font you think works with your mood board, save it as an image, and then mask it as another foreground layer.
Image by sleeping on the sidewalk
here i used the font "gold under the mud" from dafont

once you finish adding whatever you like to your mood board, the process becomes a lot easier!

7. filters, more art, and effects ((also optional))

  • here is my almost finished mood board with no filters and no blur effects.
Image by sleeping on the sidewalk
  • i think that this can afford some filters to make it look more cohesive. at this point i stayed on superimpose x and changed the opacity of the overall piece to make it more green so it is cohesive with the green/plant-like aesthetic i was aiming for.
Image by sleeping on the sidewalk
it might not look hugely different than before, but there is now a green tint to the piece.

open picsart

  • ((another optional thing)) i thought that i could add some lines to fill in the empty spaces. so i used the drawing feature on picsart to doodle some lines into my mood board.
Image by sleeping on the sidewalk
here is the doodled version :)
  • and finally, i decided to use their blur effect, specifically the focal zoom effect, on the lighten setting to create movement and brightness for my mood board.
Image by sleeping on the sidewalk
here are the editing specifics

8. look at your finished product :)

  • here it is! the mood board in its entirety!
Image by sleeping on the sidewalk

now i know this may seem like a lot of steps and fairly complex, but i promise you it really isn't! i have recently been getting into making mood boards, and i was able to figure it all out myself. hopefully the w3bsites and materials i have listed will help you make a mood board of your own!

interested in seeing more of my mood boards? follow me @sleepingxnthesidewalk on instagram!

like my articles? here is my collection of all of them!

follow my queen collection too while you're here ;)

i hope you enjoyed! see you next time!