Moodboard de A à Z: contenu, astuces et templates

Que ce soit pour créer l’identité visuelle de votre blog ou marque, pour réfléchir à l’ambiance de votre futur salon ou tout simplement pour vous inspirer et pour le plaisir des yeux, créer un moodboard s’avère bien utile.

Un moodboard est un ensemble limité d’images qui se répondent, forment une harmonie et dégagent une ambiance particulière.

Dans cet article, je vous propose de détailler étape par étape ma méthode pour créer à votre tour vos moodboards.

A titre d’illustration, je vais prendre l’exemple du moodboard réalisé pour créer le design mon blog. Si vous le souhaitez, vous pouvez télécharger 4 templates Photoshop !

Télécharger les templates Photoshop

Rassembler les images

Quelle est l’ambiance que vous voulez représenter à travers votre moodboard? Une chambre lumineuse? Un site web accueillant? Un souvenir d’un week-end? Pour vous aider, écrivez des mots clefs sur un cahier. Par exemple, pour mon blog, j’ai écrit « frais », « créatif », « nature », « joyeux »…

Ensuite, passez en revue vos épingles Pinterest (ou google, ou des magasines) et épinglez dans un tableau secret ce qui correspond à vos mots clefs.

N’oubliez pas d’inclure au moins deux de chaque élément suivant dans votre premier brouillon de moodboard:

  • Photos
  • Illustrations
  • Motifs
  • Typographies / citations
  • Looks
  • Intérieurs
  • Lieux: images de ville ou nature

Diversifier les images permet de donner plus de corps à notre moodboard. Le contenu des images compte. Par exemple, j’ai choisi des images avec l’eau ou la forêt car j’aime la nature et je veux un esprit frais sur le blog. On retrouve des peintures et des pinceaux car le blog est créatif. J’ai ajouté des tasses de thé et des salons tout beaux pour l’esprit cocoon, des fleurs… Bref, j’essaie d’illustrer l’essence désirée pour le blog. Je me retrouve ainsi avec 85 images diverses et variées.

Analyser et resserrer le choix pour créer le moodboard

A présent, regardez plus attentivement votre premier rassemblement d’images. Quelles sont les couleurs qui ressortent le plus? Essayez de vous limiter à deux ou trois couleurs maximum. Par exemple, j’ai choisi le blanc, le bleu vert et des touches de rose (un brin de noir et de jaune aussi, c’est dur de choisir…….).

L’exercice se complique à présent: nous allons sélectionner seulement 30 images en conservant au moins une image de chacune des catégories listées ci-dessus et en éliminant les couleurs trop éloignées de notre palette.

Le plus souvent, on a tendance à épingler quelques motifs d’affilée, quelques dessins d’affilée et… on se retrouve avec un moodboard pas bien mélangé. Malheureusement, Pinterest ne nous permet pas encore de mélanger les épingles d’un tableau. Alors je vous propose de sélectionner 30 images que vous épinglerez au fur et à mesure dans un second tableau secret. On prend garde à bien mélanger le tableau ce coup-ci. Une photo, une typo, un dessin…

A ce stade, on pourrait s’arrêter là et faire des captures d’écran du tableau Pinterest et les imprimer en format A3. Toutefois, je vous propose d’aller un peu plus loin avec Photoshop.

Agencez votre propre moodboard

Je vous explique étape par étape comment créer le moodboard. Si vous souhaitez aller plus vite, téléchargez mes 4 templates tout faits ci-dessous!

Importer les photos

Copier les photos de votre tableau Pinterest réduit sur une feuille A4 dans Photoshop. Il suffit de faire clic droit « Copier l’image » et de coller directement dans Photoshop, la photo se met sur un nouveau calque.

moodboard 1

Commencez à faire un premier tri. Baladez les photos sur l’espace de travail pour voir ce qui colle bien ensemble, ce qui ressort trop, les contrastes…

Je décoche ensuite l’icône oeil de certains calques pour les rendre invisibles et m’intéresser uniquement à certains autres. Je les garde quand même au cas où pour plus tard.

Petits raccourcis clavier utiles:

  • Ctrl+clic permet de sélectionner le calque d’une image et déplacer l’image sans la chercher dans la liste des calques
  • Ctrl+Alt+Maj+; permet de mettre un calque au premier plan
  • Ctrl+t permet de modifier la taille d’une image

Commercer à organiser son moodboard

moodboard 3

J’étale mes photos, un peu comme sur Pinterest mais en plus libre. Ensuite, je regarde attentivement ce qui « matche » ensemble, j’agrandis quelques photos, j’en diminue. Il va falloir supprimer quelques photos car il y en a encore trop… mais je fais cela petit à petit. Pour m’aider, je rends quelques photos invisibles si je les trouve de trop. Je tâtonne jusqu’à trouver le rendu final.

moodboard 4

Mon moodboard prend forme, j’ai supprimé des photos, agrandi certaines, mis d’autres au premier plan, d’autres en arrière, changé la disposition… Je suis plutôt contente de l’agencement, des « pops » de couleurs, de la répartition des blancs et des couleurs sombres. On va pouvoir commencer les masques d’écrétage.

Utiliser des masques d’écrétage

Désormais, je veux que mon moodboard soit une jolie grille bien nette d’images et de couleurs.

Pour ce faire, je vais aligner les images et les faire rentrer dans des rectangles pour les recadrer. Un outil permet de faire cela très facilement avec Photoshop: les masques d’écrétage. Une fois l’emplacement de ma photo choisi, je trace une forme rectangle à cet endroit puis je la remplis de couleur sur un nouveau calque (point très important).

Il ne me reste plus qu’à mettre le calque de ma photo au dessus du calque du rectangle et de faire Ctrl+M (Créer un masque d’écrétage). Par magie la photo « se range » dans le rectangle dessiné et ne dépasse pas.

moodboard 5Création d’un masque d’écrétage sur un nouveau calque

En continuant ainsi photo par photo, j’obtiens le résultat suivant, avec un masque d’écrétage pour chaque photo.

moodboard 6

Comme vous pouvez le voir, j’ai légèrement espacé tous mes rectangles pour avoir une bordure blanche entre eux. Je trouvais que la bordure n’était pas assez épaisse alors j’ai fait une autre version:

moodboard 7

Cette fois ci, j’ai choisi de vous montrer la liste des calques sur le côté. Par exemple Calque 43 est la photo de la jeune fille qui boit un café et Calque 47 est le masque d’écrétage qui permet de redimentionner comme il faut l’image (des noms aux calques c’est mieux, car là ça fait un peu peur… maaais bon). C’est comme ça pour toutes les images sauf pour les petits rectangles de couleur.

Restreindre son moodboard

Je trouve qu’un moodboard avec 10 images est encore plus percutant qu’un moodboard de 30 images. Pourtant, ce n’est pas évident de le composer du premier coup d’oeil. J’ai donc essayé de réduire mon premier moodboard en en faisant un plus petit, encore en tatonant… voici le résultat:

moodboard petitGlobalement, j’ai juste rogné le premier moodboard et fait quelques simplifications.

Créez vos propres moodboards à l’infini avec mes templates!

A présent c’est à votre tour! Si vous voulez faire votre moodboard 100% customisé vous pouvez suivre les étapes ci-dessus. Vous pouvez également vous baser sur mes grilles et insérer vos propres images grâce aux fichiers Photoshop suivants!

Télécharger les templates Photoshop

Partagez vos réalisations dans les commentaires, je me ferais un plaisir de les découvrir!

Voici un exemple que j’ai réalisé pour vous montrer une autre utilisation d’une grille avec d’autres couleurs et thématiques:

moodboard aout

Ou encore pour Noël:

mood noel

J’ai bien envie d’avoir vos retours sur cet article! Que pensez-vous de ce long process? Vous aussi vous aimez les moodboards?

 

 

Épingler
sur Pinterest !

Besoin de conseils pour débuter l'aquarelle?

Téléchargez mon mini-guide gratuit sur le matériel aquarelle conseillé et où l'acheter.  

Une question ou réaction? Discutez-en ici:

51 Commentaires

  1. Merci beaucoup pour ces doux conseils! 🙂

    Réponse
  2. merci, génial ! Donne envie de tester !

    Réponse
    • Merci à toi Jeanine ! A bientôt 🙂

      Réponse
  3. salut marie. j’adore ton blog et tes conseils! c’est vraiment inspirant! j’aime beaucoup les moodboards et j’en fais beaucoup en version papier. Par contre je m’en sors pas avec photoshop. tu as des conseils pour des bons tutos qui pourraient me donner des bases de photoshop ? j’ai la version CS6. Merci!

    Réponse
  4. Je vois beaucoup de sites parlant du moodboard, mais j’aimerais pouvoir voir un exemple de moodboard et le projet que celui-ci a à inspiré, pour bien comprendre son utilité.

    Merci

    Réponse
  5. Bonjour, merci pour vos articles et vos conseils! Quelle version de photoshop utilisé vous? Belle journée!

    Réponse
  6. Ces explication sont aussi fraiches que tes tribulations : merci 1000 fois pour ce partage !

    Réponse
  7. Superbe ton idée de moodboard ! J’adore. Je pense que l’aquarelle est redevenue tendance dans l’illustration et sur les sites web concernés par un style manuel et naturel. Ou as-tu trouvé cette typo Nors avec laquelle du fais tes titres sur ton site web ?
    Une belle journée à toi

    Réponse

Poster le commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Pin It on Pinterest

Share This

Offre spéciale -100€ sur cours aquarelle:

02
Jours
13
Heures
10
Minutes
20
Secondes