Créer un style onirique avec le flou directionnel dans Photoshop

Je vous dévoile comment apporter un effet onirique à vos photos grâce au flou directionnel dans Photoshop. Cet effet n’est réalisable que dans Photoshop, ou un logiciel similaire, car il nécessite de manipuler des calques. Evidemment, il ne s’agit pas d’un simple flou directionnel mais d’une technique plus élaborée.

C’est un style onirique popularisé par Thomas Fotomas, Laetitia Freling ainsi que Jean-Michel publié dans l’Oeil de la photographie. Je vais illustrer cette technique à l’aide de deux exemples : un premier assez simple et un autre plus complexe.

1.  Premier exemple de flou directionnel dans Photoshop
   1. 1. 1. 1. 1. 1. Première étape du flou directionnel : dupliquer le calque
                  2. Deuxième étape du flou directionnel : sélectionner le/les sujet(s)
                     1. 1. 1. 1. 1. 1. Améliorer le contour progressif du masque
                                    2. Dupliquer la sélection sur son propre calque
                  3. Troisième étape du flou directionnel : effacer les personnages de la scène
                     1. 1. 1. 1. 1. 1. Pourquoi effacer les personnages avant d’appliquer le flou directionnel ?
                                    2. Comment effacer les personnages de la photo ?
                  4. Quatrième étape du flou directionnel : appliquer un flou directionnel de tracé
                     1. 1. 1. 1. 1. 1. Fonctionnement du flou directionnel de tracé dans Photoshop
                                    2. Avantage du filtre de flou directionnel de tracé
                                    3. Réglages du style du flou directionnel de tracé dans Photoshop
                  5. Cinquième étape du flou directionnel : insertion des personnages et de leur reflet dans le flou
                     1. 1. 1. 1. 1. 1. Créer un reflet artificiel dans Photoshop
                                    2. Fondre un reflet dans Photoshop
                                    3. Concordance du reflet dans Photoshop
                  6. Sixième étape du flou directionnel : modifier la couleur avec le filtre Camera Raw
2. Deuxième exemple de flou directionnel dans Photoshop
   1. 1. 1. 1. 1. 1. Sélection d’objet pour le flou directionnel dans Photoshop
                  2. Duplication du masque du surfeur sur son propre calque
                  3. Effacement du personnage avant le flou directionnel dans Photoshop
                  4. Application du flou directionnel à l’arrière-plan
                  5. Intégration de la vague dans le flou directionnel de tracé
                     1. 1. 1. 1. 1. 1. Comment intégrer les gouttes d’eau de la vague dans l’effet de flou directionnel ?
                                    2. Comment intégrer un masque en tant que sélection dans Photoshop ?
                  6. Ajouter des bandes colorées au flou directionnel dans Photoshop
                     1. 1. 1. 1. 1. 1. Créer des dégradés aléatoires pour le flou directionnel dans Photoshop
                                    2. Créer des dégradés sur mesure pour le flou directionnel dans Photoshop
                                    3. Obtenir des lignes colorées à des endroits précis avec un pinceau
                                    4. Technique des lignes colorées avec des dégradés
                                    5. Ajouter une couleur unie au flou directionnel dans Photoshop
                  7. Finir le style onirique avec un calque de teinte/saturation
3. Conclusion

Pour illustrer le premier exemple de l’utilisation du flou directionnel, j’ai choisi une photo d’un père tenant son enfant dans les bras. De plus, la scène contient de belles lumières grâce au coucher de soleil. Comme dans cette photo, il n’y a qu’une direction pour le flou, cela simplifiera l’opération.

La première étape va être de dupliquer le calque en cliquant sur le petit (+) en bas de la palette des calques ou avec le raccourci Cmd/Ctrl + J. De cette manière, vous conservez l’original comme référence en cas de besoin.

Dans cette seconde étape, nous procédons à la sélection des personnages. Pour cela, je tente la sélection rapide proposée par Photoshop. Puis, je zoome et affiche le masque pour m’assurer de la précision de celui-ci en appuyant sur « Q ». Si nécessaire, vous faites une nouvelle sélection au lasso.
Par la même occasion, je projette de reproduire entièrement le reflet dans Photoshop.

Comme le masque est un peu crénelé, j’applique un contour progressif à la sélection. Dans ce but, vous allez dans l’onglet Sélection → Modifier → Contour progressif. Ensuite je choisis une valeur de 0,5 de contour progressif ce qui devrait suffire.

J’utilise le raccourci clavier Cmd/Ctrl + J pour dupliquer la sélection sur son propre calque. En faisant un Alt + clic sur ce nouveau calque, je le visualise en grand.

Il est important à cette étape d’enlever les personnages de l’image avant d’appliquer le flou directionnel. Je vous montre ci-dessous le résultat sans cette manipulation. Vous voyez que les sujets sont également floutés. Par conséquent, ce flou va déborder de la sélection et créer une sorte d’aura autour d’eux. Le résultat n’est pas très esthétique.

Pour effacer les personnages, je fais un Cmd ou Ctrl + clic sur le calque contenant leur sélection. Ceci a pour effet de rendre la sélection à nouveau active. Puis, je dilate cette sélection : onglet Sélection → Modifier → Dilater. Dans la boîte de dialogue qui apparaît, j’indique 15 au lieu de 30 pixels. Le but de cette opération est que la sélection ne soit pas trop large autour du sujet pour faciliter le remplissage de contenu intelligent.

Donc, j’utilise le remplissage de contenu intelligent qui se trouve dans l’onglet Edition → Remplir →  Contenu pris en compte. Ensuite, en désactivant le calque avec les personnages, on constate qu’ils ont été correctement effacés du décor. Il ne reste plus qu’à combiner les touches Ctrl + D pour désactiver la sélection. De ce fait, les pointillés disparaissent de l’image.

A présent, je reproduis le même processus pour supprimer l’ombre des sujets dans le sable. Si le résultat n’est pas 100% impeccable à cette étape, ce n’est pas grave vu que le flou directionnel fondra le décor.

Je convertis la copie du calque d’arrière-plan en objet dynamique pour pouvoir revenir sur le filtre en cas de besoin. Le filtre de flou que nous allons utiliser n’est pas le filtre de flou directionnel classique. En effet, le filtre de flou directionnel ne permet de créer l’effet de flou que dans une seule direction de 0 à 360°. Il n’est pas possible de donner plusieurs directions au flou dans la même image. Par contre, le filtre flou de tracé nous le permet.

Par défaut, Photoshop vous crée une flèche lorsque vous activez le flou de tracé. Donc, je désactive la prévisualisation en décochant la case « Flou de tracé » pour placer d’abord mes propres flèches. La flèche représente le point d’origine et d’arrivée du filtre de flou. Dans le cas présent, le filtre de flou directionnel aurait suffit vu que nous ne suivons que la ligne d’horizon mais ce ne sera pas toujours le cas.

Pour vous illustrez l’avantage de ce filtre, je crée une nouvelle flèche en déplaçant une épingle accompagnée d’un petit (+)  sur mon image. Ensuite, je clique une deuxième fois sur le point de la fin du tracé pour le finaliser. Suite à cela, vous voyez un point au milieu de la ligne que vous pouvez déplacer afin de l’arrondir.

J’ajoute une troisième flèche, encore plus arrondie, juste en dessous de la deuxième. Finalement, je réactive la prévisualisation en cochant la case « Flou du tracé » pour afficher le résultat. Vous pouvez faire apparaître et disparaître les flèches à l’aide de Cmd/Ctrl + H. Ainsi, vous pourrez plus aisément observer le résultat. En outre, vous pouvez modifier la courbure des lignes à volonté et même créer d’autres points pour produire une forme en « S ».

Pour contrôler le style du flou, c’est le curseur Vitesse qui régule son intensité. Vu l’effet recherché dans cet exemple, je le mets au maximum.

En ce qui concerne la case « Flou centré« , elle signifie que le flou se répartit depuis le point central de la flèche. Si vous voulez un flou très fort au début et léger à la fin, vous décocherez cette case.

A noter que vous avez également un onglet Bruit. Lorsque vous flouter alors qu’il y a du bruit dans l’image originale, c’est intéressant d’ajouter un peu de grain pour qu’elles coïncident parfaitement. Vu que nous ne conservons que les personnages dans cet exemple, ce n’est pas utile. Cependant, si vous conserviez d’autres éléments de la photo, il y aurait des différences entre des endroits tout lisses et d’autres avec plus de grain.

Pour finir, vous validerez avec le bouton Ok tout en haut. Il est aussi proposé une case avec indiqué « Qualité supérieure » mais, à part prendre plus de temps, je n’ai pas remarqué de différence notable.

Nous arrivons à l’étape d’intégrer les personnages dans l’image, par-dessus le flou. Évidemment, comme j’ai retiré leur ombre au début, ils ont l’air de flotter dans le vide. Pour pallier cela, nous allons recréer leur reflet.

On commence en dupliquant le calque de sélection des sujets. Puis, vous allez dans l’onglet Edition → Transformation → Symétrie d’axe vertical. Vous obtenez alors le double de vos personnages mais inversés. Maintenant, il faut déplacer ce doublon avec l’outil Transformation (Cmd/Ctrl + T) pour qu’il corresponde à son emplacement initial.

Je clique sur le calque du reflet et puis sur l’icône de masque dans le bas de la palette des calques. Puis, je prends l’outil Dégradé et choisis celui qui va du blanc vers le transparent.

Dans cet exemple, je souhaite un dégradé qui va du noir au transparent. Pour ce faire, je clique sur la double-flèche de l’icône d’avant et d’arrière-plan dans la barre d’outils pour les inverser. Ensuite, vous prenez le dégradé linéaire, le premier proposé par Photoshop, et vous tracez votre ligne en partant du bas vers le haut du reflet.

Dans l’image originale, le reflet est assez flou. C’est pourquoi, nous allons faire de même dans la reproduction. Pour cela, vous allez dans l’onglet Filtre → Flou → Flou directionnel (ou gaussien). Puis, je décide de faire réapparaître les pieds de l’homme qui disparaissent un peu trop dans le sable.

De ce fait, je crée un nouveau calque vide en dessous du premier avec les personnages. Ensuite, je prends un pinceau avec une couleur prélevée avec la pipette (Alt) qui correspond à celle des pieds. Avec un flux très léger, j’ancre les pieds de l’homme plus fortement pour donner l’impression qu’ils sont enfoncés dans l’eau. J’utilise la lettre « E » pour effacer mon trait et « B » pour reprendre le pinceau. Ceci est nécessaire pour donner un aspect plus réaliste à la photo.

Voici le résultat à ce stade du traitement avec le flou directionnel de tracé dans Photoshop.

Une autre tendance artistique assez appréciée est le fait d’ajouter des couleurs très vives. Pour éditer la photo, j’utilise le filtre Camera Raw. Je me place sur le calque d’arrière-plan qui est déjà un objet dynamique. Ensuite, je me rends dans l’onglet Filtre → Filtre Camera Raw. Suite à cela, vous ne voyez plus les personnages étant donné qu’ils se trouvent sur les calques supérieurs.

A présent, j’utilise les curseurs contenus dans les réglages de base. D’abord, je monte les blancs pour rendre l’image plus punchy et la clarté. J’ai remarqué que ce sont deux éléments qui fonctionnent très bien dans ce style d’image. En effet, la clarté augmente la définition des différents sillons que vous avez créés. Pour obtenir des couleurs plus saturées, j’augmente la vibrance. Puis, vous pouvez modifier la teinte grâce à l’onglet Mélangeur de couleurs.

Selon mon goût, je me dirige plutôt vers le rouge. On peut également intervenir sur l’onglet Étalonnage et saturer plus la couche. A présent, vous voyez le filtre Camera Raw que vous pouvez activer et désactiver juste en cliquant sur l’œil pour voir un avant/après. Vous constatez que l’image possède un peu plus de peps dorénavant. Il vous est toujours loisible de revenir sur le tracé des courbes en fonction de vos goûts.

Dans ce deuxième exemple, on complique un peu les choses comme je vous l’avais annoncé. Vous voyez ci-dessous l’image originale à gauche pour laquelle je souhaite conserver la vague du milieu. Par la même occasion, je vous expliquerai comment ajouter des effets très colorés à vos photos au point d’obtenir carrément des bandes de couleurs comme sur l’image de droite.

Tout d’abord, vous dupliquez le calque avec Cmd/ctrl + J. Puis, je prends l’outil Sélection d’objet et je trace avec l’outil autour de mon sujet. Ensuite, j’appuie sur « Q » pour visualiser la sélection.

Il manque juste un petit bout de la planche. Donc, je reprends l’outil et ajoute le bout manquant en maintenant Shift. Maintenant que le résultat me convient, j’augmente le contour progressif à 0,5 pixels pour une meilleure transition. Je complète encore le masque sous le bras du surfeur à l’aide d’un pinceau noir.

Le masque étant désormais satisfaisant, je le duplique sur son propre calque. Pour réaliser cela, je fais le raccourci clavier Cmd/Ctrl + J. Je renomme ce calque et appuie sur Alt + clic pour voir le calque en plein écran.

Je constate qu’il manque un peu des cheveux. De ce fait, je reviens quelques étapes en arrière dans l’historique pour réintervenir à cet endroit sur le masque. Cette fois, j’efface les parties gênantes dans les cheveux à l’aide d’un pinceau blanc. Pour récapituler : pinceau noir pour ajouter au masque, pour le compléter, et pinceau blanc pour effacer des éléments du masque.

Le surfeur disparaît et je convertis ce calque en objet dynamique avec un simple clic droit de la souris.

Je me rends dans l’onglet Filtre → Galerie d’effets de flou → Flou de tracé. A nouveau, je décoche la prévisualisation pour placer mes flèches sans distraction. J’en place une première horizontale pour suivre le mouvement des vagues. Puis, je place une deuxième flèche avec laquelle je forme une courbe afin de suivre le mouvement. Pour cela, je crée plusieurs points sur la ligne que je peux réajuster par la suite. Pour créer des points, il suffit de cliquer à chaque endroit souhaité et de continuer le tracé. La ligne ne s’arrête qu’après un double clic.

Ensuite, je m’attèle à suivre la courbe de la montagne pour donner un effet intéressant au flou directionnel. Pour voir si je suis satisfait, je réactive la prévisualisation du flou et j’augmente le curseur Vitesse (encadré en vert sur l’image) au maximum. Grâce à cette technique de lignes courbes, le flou épouse la forme de la montagne et de la vague du milieu. Je valide le résultat en appuyant sur le bouton OK.

Pour réintroduire le surfeur, je clique simplement sur l’œil à côté du masque qui le contient. L’idée principale de cette composition est de réintégrer une partie de la vague. Pour cela, on peut utiliser le masque créé pour le filtre dynamique de manière automatique. Il convient pour faire réapparaître la montagne au pinceau, par exemple. Cependant, c’est moins évident à masquer au pinceau lorsqu’il s’agit des gouttes d’eau en provenance des vagues.

Pour réintroduire le surfeur, je clique simplement sur l’œil à côté du masque qui le contient. L’idée principale de cette composition est de réintégrer une partie de la vague. Pour cela, on peut utiliser le masque créé pour le filtre dynamique de manière automatique. Il convient pour faire réapparaître la montagne au pinceau, par exemple. Cependant, c’est moins évident à masquer au pinceau lorsqu’il s’agit des gouttes d’eau en provenance des vagues.

Comme vous ne pouvez pas travailler de manière non destructive, vous allez dans l’onglet Image → Réglages → NIveaux (ou Courbes ou Luminosité, selon vos préférences). Le NIveaux va nous permettre de contraster plus fortement l’image pour obtenir un masque.

Toutefois, les pointillés de la sélection me dérange donc je fais un Cmd/Ctrl + H pour les cacher tout en restant actifs. Puis, je mets le noir en avant plan pour un pinceau avec un flux de 30-40%. Par la suite, je peins aux endroits où je souhaite révéler la vague. Les zones sombres, quant à elles, restent intactes et conservent le flou directionnel de tracé. A vous de laisser libre court à votre créativité.

Dans la case pour le type de dégradé, je clique sur la flèche et, au lieu du mot « Uniforme », je sélectionne « Bruit ». En effet, ce type de dégradé permet de créer des dégradés aléatoires. Si vous voulez en savoir plus sur cette technique, je l’explique plus en détail dans la vidéo courte suivante : Changer de Color grading en 1 clic dans Photoshop !  En bref, à chaque fois que vous appuierez sur le bouton « Aléatoire », le dégradé changera du tout au tout.

A présent, je vous explique comment faire apparaître les couleurs à des endroits bien définis de l’image. Ainsi, vous créez un nouveau masque que vous remplissez de noir à côté du dégradé en l’inversant (Cmd/Ctrl + I). Ensuite, à l’aide d’un pinceau, vous révélez les zones dans votre image que vous souhaitez colorer dans cette teinte.

Donc, vous pouvez travailler avec le pinceau pour créer les bandes colorées mais également à l’aide de dégradés. Pour cela, je commence en créant une nouvelle courbe de transfert de dégradé.

Puis, je clique sur la ligne du dégradé pour ouvrir l’éditeur de dégradé. Suite à cela, j’ai la possibilité de choisir moi-même les teintes de dégradés comme les oranges, les verts, les bleus, etc. Pour mon exemple, je choisis l’orange.

Ensuite, comme avec précédemment, je fais Cmd/Ctrl + I pour inverser le masque et le rendre noir. Il ne reste plus qu’à placer un dégradé linéaire, par exemple, pour aller du haut vers le bas. A vous de choisir l’opacité pour un effet plus ou moins voyant. Avec un dégradé réfléchi, vous tracez des bandes de couleurs.

On peut également ajouter une couleur unie au flou directionnel dans Photoshop.

Pour ce faire, je choisis la couleur dans le sélecteur de couleur, en l’occurrence du violet. Puis, je convertis le calque en mode de fusion Lumière tamisée avant de l’inverser. Après cette étape, je crée un nouveau dégradé réfléchi et je jongle à volonté avec l’opacité. De cette façon, vous créez le nombre de lignes et de couleur différente que vous désirez dans votre image.

Pour finir en beauté, vous pouvez ajouter un calque de teinte/saturation qui va influer de manière globale sur tous les coloris. Ou encore, avec l’outil Cible, changez la saturation ou la teinte d’une couleur en particulier. Vous contrôlez les couleurs de manière très précise à l’aide de ce calque de teinte/saturation.

En jouant avec les différents modes de fusion, les différents dégradés, l’opacité, etc., vous avez une panoplie d’outils pour arriver aux effets créatifs souhaités. Les possibilités offertes par ce style de flou directionnel de tracé et ces couleurs est infini dans Photoshop. Les seules limites sont celles de votre imagination. Je vous invite à tester la technique sur vos propres photos et je les partagerai avec plaisir dans mes stories sur Instagram si vous me taguez (@olivier.rocq).