Remplir un MoodBoard à l'aide d'un masque de fusion


Niveau Intermédiaire

Rédigé par Seven
Version CC 2024

 

En quelques mots :

Dans cet exercice, nous allons remplir un template de MoodBoard à l'aide d'un masque de fusion, pour une présentation et un rendu très professionnel.
On va utiliser les masques de fusion, les repères, et la fonction "importer et incorporer" des images. Cette méthode fonctionne sur n'importe quel template que vous aurez préalablement créé ou téléchargé sur internet.

Pour réaliser cet exercice, je vous propose de télécharger un pack de 10 modèles que j'ai créé pour mon usage personnel.

>> Téléchargement de votre pack << pour réaliser le tutoriel. Dans l'explication ci-dessous, je vais utiliser le Nr 7. 

 

Étape 1

Avant de commencer, vous devez réunir plusieurs images de référence qui vous serviront à remplir votre moodboard. Vous pouvez utiliser différentes sources d'inspiration, comme Pinterest, des banques d'images gratuites telles que Pixabay, Pexels, ou Unsplash, vos propres dessins ou photographies, etc...

C'est en fait la partie qui vous prendra le plus de temps, car il faut que cela soit harmonieux, cohérent, et beau. 

Quand vous aurez réuni toutes ces images, (même si vous ne les utiliserez pas toutes), placez-les dans un dossier "images réf" afin de les retrouver facilement. 

Nota : selon l'emplacement que vous choisirez sur votre moodboard, il faudra que votre image soit suffisamment grande pour ne pas perdre en pixels. Donc, par défaut, téléchargez des images assez grandes. (plus de 1000 px)

Image montrant le dossier de référence où sont stockées les images dont je vais me servir pour ce tutoriel

Étape 2

Une fois que vous aurez téléchargé les modèles de moodboard que je vous ai fournies (ou que vous ayez créé la vôtre), ouvrez en une. Dans notre exemple, nous utiliserons la Nr 7.

Une fois que vous aurez téléchargé les modèles de moodboard que je vous ai fournie (ou que vous ayez créé le vôtre), ouvrez en un. Dans notre exemple, nous utiliserons le Nr 7.

Étape 3

Afin de pouvoir placer vos repères, vous allez, à l'aide de la baguette magique, tolérance à 0, sélectionner une des zones noires. 

Afin de pouvoir placer vos repères, vous allez, à l'aide de la baguette magique, tolérance à 0, sélectionner une des zones noires.

 

Ensuite, depuis les règles qui se trouvent en haut et sur le côté gauche, vous allez tirer vos repères aux 4 coins de la zone de sélection. Une fois que vos repères sont posés, désélectionnez la zone (sélection => Désélectionner ou Ctrl + D)

Nota : si vos règles ne sont pas affichées, vous pouvez les activer en cliquant dans Affichage => Règles (Ctrl + R)

 

Ensuite, depuis les règles qui se trouvent en haut et sur le côté gauche, vous allez tirer vos repères aux 4 coins de la zone de sélection. Une fois que vos repères sont posés, désélectionnez la zone (sélection => Désélectionner ou Ctrl + D)

Étape 4

Voilà, vos repères sont posés, vous n'avez plus qu'à importer une première image. Pour cela, vous allez cliquer sur Fichier => Importer et incorporer

Voilà, vos repères sont posés, vous n'avez plus qu'à importer une première image. Pour cela, vous allez cliquer sur Fichier => Importer et incorporer

 

Une fois importée et incorporée, placez votre image dans la zone des repères. Ajustez la taille en maintenant la touche MAJ enfoncée pour ne pas la déformer.

Une fois importée et incorporée, placez votre image dans la zone des repères. Ajustez la taille en maintenant la touche MAJ enfoncée pour ne pas la déformer.

 

Étape 5

Masquez le calque de votre image importée. Replacez-vous sur le calque 1, puis à l’aide de la baguette magique, sélectionnez la zone noire.

Masquez le calque de votre image importée. Replacez-vous sur le calque 1, puis à l’aide de la baguette magique, sélectionnez la zone noire.

 

La sélection toujours active, revenez sur le calque de l'image, (sans oublier de le démasquer en cliquant sur le petit œil). Ensuite, cliquez sur le bouton "Masques de calque" en bas de votre fenêtre (à côté du bouton fx). Les zones en dehors de votre sélection, sont maintenant masquées. Votre première image est en place.

Renouvelez la même opération pour les autres cases, sauf les pastilles.

La sélection toujours active, revenez sur le calque de l'image, (sans oublier de le démasquer en cliquant sur le petit œil). Ensuite, cliquez sur le bouton "Masques de calque" en bas de votre fenêtre (à côté du bouton fx). Les zones en dehors de votre sélection, sont maintenant masquées. Votre première image est en place.  Renouvelez la même opération pour les autres cases, sauf les pastilles.

 

Voilà, nos images sont placées, on va maintenant enlever les repères.

Pour cela, allez dans Affichage => Repères => Effacer les repères (ce qui est plus rapide que de les enlever un par un). 

Dans la prochaine étape, on va s'occuper des pastilles. 

Voilà, nos images sont placées, on va maintenant enlever les repères.  Pour cela, allez dans Affichage => Repères => Effacer les repères (ce qui est plus rapide que de les enlever un par un).   Dans la prochaine étape, on va s'occuper des pastilles.

Nota : ne vous inquiétez pas si vous voyez des contours noirs autour de vos images, nous réglerons cela à l'étape 7.

 

Étape 6

Occupons-nous maintenant des pastilles. 

Placez-vous sur le calque 1. À l'aide de la baguette magique, tolérance à 0, cliquez sur la première. 

Ajoutez un nouveau calque que vous placerez tout en haut de la pile des calques. Puis à l'aide de la pipette, allez chercher une couleur dans une des images. Par exemple, celle du canapé. Ensuite, toujours sur ce nouveau calque, Édition => Remplir => Couleur de premier plan. Puis Ctrl + D pour désélectionner la pastille.

Renouvelez l'opération pour les 3 autres pastilles, avec à chaque fois, un nouveau calque que vous placerez tout en haut.

Pour le choix des couleurs, j'ai choisi 2 dominantes, l'une en vert, et l'autre que j'ai pris dans les boiseries (en ton clair et en ton foncé), mais vous pouvez aussi choisir 4 couleurs différentes, c'est selon votre projet. 

Placez-vous sur le calque 1. À l'aide de la baguette magique, tolérance à 0, cliquez sur la première.   Ajoutez un nouveau calque que vous placerez tout en haut de la pile des calques. Puis à l'aide de la pipette, allez chercher une couleur dans une des images. Par exemple, celle du canapé. Ensuite, toujours sur ce nouveau calque, Édition => Remplir => Couleur de premier plan. Puis Ctrl + D pour désélectionner la pastille.  Renouvelez l'opération pour les 3 autres pastilles, avec à chaque fois, un nouveau calque que vous placerez tout en haut.  Pour le choix des couleurs, j'ai choisi 2 dominantes, l'une en vert, et l'autre que j'ai pris dans les boiseries (en ton clair et en ton foncé), mais vous pouvez aussi choisir 4 couleurs différentes, c'est selon votre projet.

 

À ce stade, vous commencez à avoir pas mal de calques. Aussi, je vous conseille de créer des dossiers dans lesquels vous rangerez les différents éléments. Pour ma part, j'ai choisi de créer un dossier "Pastilles" et un dossier "Images". 

Nota : ce n'est pas obligatoire, c'est juste pour que vous vous y retrouviez.

D'ailleurs, pensez à renommer vos calques. Par exemple pour notre tutoriel, on notera les images comme suit : canapé, plantes, table basse, tasse, lampe, ce qui est plus simple après pour vous y retrouver.

À ce stade, vous commencez à avoir pas mal de calques. Aussi, je vous conseille de créer des dossiers dans lesquels vous rangerez les différents éléments. Pour ma part, j'ai choisi de créer un dossier "Pastilles" et un dossier "Images".

 

Nota : On aurait pu fusionner les pastilles sur un même calque. Pour cela, sélectionnez les calques à fusionner puis tapez le raccourci suivant => Ctrl + E. 

Personnellement, ce n'est pas ce que j'ai choisi de faire, car si je souhaite modifier la couleur d'une des pastilles, ce sera alors plus simple en les laissant séparées. Il vous suffit alors de double-cliquer sur le calque de la pastille que vous souhaitez modifier et vous verrez alors une fenêtre s'ouvrir. Ensuite, cliquez sur "incrustation de couleur" et choisissez en une nouvelle. L'avantage, c'est que n'est pas définitif. Si vous souhaitez annuler ce changement, vous pourrez toujours soit désactiver cet effet, soit choisir une autre couleur jusqu'à ce que vous trouviez la bonne.

 

Étape 7

On approche de la fin. Comme vous pouvez le constater, autour des images, on distingue un petit liseré noir. Afin qu'on ne le voit plus, nous allons ajouter un calque blanc juste au-dessus du calque 1, que nous renommerons "fond blanc".

Cliquez sur le petit "+" pour ajouter ce calque puis allez dans Édition => Remplir => et choisir la couleur blanche.

Et voilà, nos liserés noirs ont disparu.

On approche de la fin. Comme vous pouvez le constater, autour des images, on distingue un petit liseré noir. Afin qu'on ne le voie plus, nous allons ajouter un calque blanc juste au-dessus du calque 1, que nous renommerons "fond blanc".  Cliquez sur le petit "+" pour ajouter ce calque puis allez dans Édition => Remplir => et choisir la couleur blanche.  Et voilà, nos liserés noirs ont disparu.

Étape 8

On pourrait s'arrêter là, mais si vous regardez bien, il y a un espace blanc juste en dessous des pastilles, qui peuvent vous permettre d'ajouter un petit texte. Sous forme de titre, de descriptif, ce que vous voulez.

Pour cet exemple, je vais juste rajouter un titre et on aura enfin fini.

On pourrait s'arrêter là, mais si vous regardez bien, il y a un espace blanc juste en dessous des pastilles, qui peuvent vous permettre d'ajouter un petit texte. Sous forme de titre, de descriptif, ce que vous voulez.  Pour cet exemple, je vais juste rajouter un titre et on aura enfin fini.

 

Voili, voilou, n'hésitez pas à me contacter via le formulaire de contact si vous avez des questions, des difficultés sur une étape, ou tout simplement si vous souhaitez me partager vos créations réalisées à l'aide de ce tutoriel.

Amusez-vous bien,
Seven.

 

FAQ :

Pourquoi utiliser la fonction "importer et incorporer" plutôt que de copier/coller mes images ?

En fait, c'est assez simple. Quand on copie/colle une image, celle-ci est pixellisée. De ce fait, si on la rétrécit, puis qu'on l'agrandie, elle va perdre des pixels et du coup en qualité. Le fait d'importer et incorporer une image, la fera arriver en objet dynamique et vous permettra de la modifier sans perte de qualité. Une fois que vous avez terminé vos modifications sur cette image, et en cas de besoin, vous pourrez toujours la pixelliser en faisant un clic droit sur le calque où elle se trouve puis, "Pixelliser le calque".

 

A quoi sert un moodboard ? (ou planche d'ambiance graphique)

Une planche d'ambiance graphique, également appelée moodboard, est un outil servant à établir l'aspect visuel d'un projet créatif en réunissant une sélection d'images de référence. Elle aide à orienter la direction artistique, que ce soit pour la conception d'un site web, d'un logo, d'une charte graphique ou d'une présentation formelle hautement professionnelle.