Dans cet article, je vais vous apprendre à créer l’effet de verre fractal dans Photoshop, comme celle que vous pouvez voir sur l’affiche de la série télévisée Ripley. Je vous expliquerai aussi comment vous pouvez très facilement changer l’image sans devoir refaire tout l’effet, et enfin comment appliquer l’effet en rideau sur une partie seulement de l’image. Pour ceux qui maîtrisent mal Photoshop, je vous montre aussi une technique facile dans la première partie.

Vidéo du tutoriel “Créer l'effet de verre fractal dans Photoshop"

🌟 Introduction


Dans le monde créatif de Photoshop, il existe d’innombrables façons de transformer vos images en « œuvres d’art » uniques. Aujourd’hui, nous allons nous concentrer sur une technique étonnante : créer l’effet de verre fractal. Cet effet, inspiré par l’affiche de la série « Ripley », offre une dimension nouvelle et intrigante à vos portraits. Suivez-moi pour arriver à maîtriser cette technique et l’adapter à vos projets photographique.

💡 L'idée


L’idée derrière cet effet est de créer une illusion de verre brisé ou fractal qui joue avec la lumière et les reflets. Cela peut transformer une image plate en une composition dynamique et complexe. L’inspiration vient d’une suggestion dans notre groupe Facebook, où Jérôme a exprimé son intérêt pour un tutoriel en français après avoir rencontré des difficultés avec une version anglaise. C’est une excellente opportunité de rajouter cette technique à vos compétences en Photoshop pour rendre vos portraits encore plus créatifs.

ripley fractal

⚠️ Avertissement de précaution


Avant de plonger dans le tutoriel, il est important de noter que ce processus peut être complexe, surtout pour ceux qui n’ont pas encore une maîtrise avancée de Photoshop. Ne vous découragez pas si vous trouvez certaines étapes difficiles, car ce guide est conçu pour vous aider à progresser à votre propre rythme. Mais c’est pour cela que je vous propose la technique sous la forme de deux tutoriels : un basique et un complet qui vous permettra de vous familiariser avec des techniques que vous ne connaissez peut-être pas encore.

avertissement

🔹 Version basique du tutoriel


Commençons par une version simplifiée du tutoriel. Cette approche vous permettra de comprendre les principes de base et de créer un effet fractal basique, même si celui-ci n’est pas aussi réaliste que la version avancée. Cette méthode est parfaite pour les débutants qui souhaitent se familiariser avec les outils et techniques nécessaires.

Étape 1 : importer la photo et créer un calque vide

Ouvrez votre image dans Photoshop et créez un nouveau calque vide.

Étape 2 : création d’une bande verticale blanche

  • Prenez l’outil Rectangle de sélection et vérifiez qu’il n’a pas de contour progressif et que son Style est sur Normal.
  • Créez une bande verticale de 80 pixels de large que vous plaquerez au bord de l’image, si le Magnétisme est activé dans le menu Affichage > Magnétisme et que tout est coché dans le menu Affichage > Accrocher à
  • Remplissez cette sélection de blanc avec Édition > Remplir
  • Désélectionnez
création bande

Étape 3 : dupliquer la bande une fois

Maintenant, dupliquez et alignez les bandes pour créer un motif régulier. Pour cela :

  • Prenez l’outil Déplacement
  • Maintenez la touche Alt ou Option enfoncée
  • Déplacez la bande en maintenant aussi la touche Shift (majuscule), ce qui a pour effet de la dupliquer tout en restant bien dans l’axe horizontal, jusqu’à ce que l’espace entre les deux bandes soit à 80 pixels, qui est la largeur de la bande
dupliquer bande

Étape 4 : fusionner les deux bandes

  • Sélectionnez les deux calques avec les bandes
  • Faites un clic droit > fusionner les calques
fusion bandes

Étape 5 : répétez la duplication des bandes

Avec ce calque contenant deux bandes, je répète la même manipulation qu’à l’étape 3, de façon à obtenir cette fois 4 bandes.

Comme à l’étape 4, fusionnez les deux calques, vous aurez maintenant un calque avec 4 bandes, que vous allez dupliquer aussi. Et ainsi de suite, jusqu’à avoir couvert toute la photo, le but étant de créer une grille avec des bandes équidistantes.

Fusionnez les deux derniers calques de bandes pour n’en avoir qu’un seul.

répéter bandes

Étape 6 : Création de la sélection

  • dupliquez la photo (calque de base)
  • sur le calque des bandes, je vais faire une sélection basée sur ces bandes en faisant un Cmd (Mac) ou Ctrl (Windows) sur ce calque, ce qui charge la sélection sur la base du contenu du calque.

Étape 7 : Création d’un masque sur la photo

  • Revenez sur la photo dupliquée
  • Cliquez sur la création de masque dans le bas de la palette des calques
  • Appliquez un masque sur l’image de base en utilisant ce motif.
  • Supprimez le calque avec les bandes qui n’est plus utile ou désactivez-le.
création masque

Étape 8 : créer l’effet

  • Revenir sur le calque du dessous
  • Prendre l’outil déplacement
  • Maintenez la touche Shift (Majuscule) et déplacez l’image et ajustez votre effet.
création effet fractal

Étape 9 : corrections

Si vous voyez des pixels transparents apparaitre :

  • créez une sélection en bande comme la première sur la zone proche qui contient de la matière
  • Dupliquez cette sélection sur un calque avec Cmd/Ctrl J
  • Activez l’outil Transformation avec Cmd/Ctrl T
  • Tirez sur le bord gauche pour recouvrir la zone
correction effet fractal

Cette méthode vous donnera un aperçu de la structure de l’effet sans entrer dans des détails trop techniques. On obtient l’effet fractal sans l’effet vitreux que j’explique dans la version avancée du tutoriel.

🔸 Version plus complexe du tutoriel


Pour ceux qui souhaitent pousser leurs capacités plus loin, nous allons explorer une version plus complexe de l’effet de verre fractal. Cette méthode utilise des techniques avancées et des filtres spécifiques pour créer une apparence plus sophistiquée.

Vérifications préliminaires :

  • Vérifiez la taille de votre image pour pouvoir adapter l’effet (celle que j’utilise ici fait 4000×3000 pixels) en recalculant la taille des bandes de façon proportionnelle.
  • Les filtres que l’on va utiliser sont anciens et ne sont optimisés que pour des tailles d’image de 3000 ou 4000 pixels, pas plus.

Génération des photos

J’ai généré les photos dans Photoshop beta qui dipose, dans le menu Édition de « Espace de travail génératif » qui permet de générer des images par lot et de conserver l’historique de ces générations.

On peut générer plusieurs variantes de la même requête que l’on mentionne entre crochets [ ], ce qui me permet ici de générer 16 images d’un coup et de façon relativement rapide car j’ai sélectionné le « fast mode ».

Pour vous entraîner, voici mon prompt :

very closed-up portrait of a [blonde, brunette,redhead,black-haired] woman with futuristic black glasses, long hair on a dark slightly textured background

J’ai ensuite agrandi l’image choisie de façon à remplir 4000 pixels.

Cette version demande plus de temps et d’attention aux détails, mais le résultat en vaut la peine. Vous obtiendrez un effet de verre fractal qui non seulement embellit vos portraits mais leur donne également une profondeur et une texture uniques.

🔧 Préparation de la texture verre


Pour commencer, il faut préparer une texture de verre qui servira de base à notre effet. Cette texture sera utilisée pour créer l’illusion de cassures et de reflets que l’on retrouve dans l’effet de verre fractal.

Nous allons créer des bandes verticales en utilisant l’outil Rectangle de forme.

Création des bandes verticales

Créez un motif de bandes verticales similaires à la version basique mais en utilisant l’outil Rectangle de forme :

  • Sélectionnez l’outil Rectangle (raccourci U)
  • Cliquez une fois dans l’image et rentrez les dimensions dans la fenêtre qui est apparue : largeur 80 et hauteur 4000. Je mentionne 4000 plutôt que 3000 qui est la hauteur de la photo pour avoir un peu de marge lorsque je vais faire pivoter les bandes pour améliorer l’effet.
création bandes complexes

Si la bande n’est pas visible parce que son fond est sombre, appuyez sur la touche U pour la réactiver et choisissez en haut dans la barre d’options de l’outil un dégradé pour le fond et réglez le contour sur aucun.

modifier couleur bande

Pour être sûr que ma bande est bien alignée :

  • je prends l’outil Déplacement
  • je sélectionne tout avec Cmd/Ctrl A
  • dans la barre d’options de l’outil, je clique sur l’icône « Aligner les bords gauche »
alignement bande
  • Puis je clique, toujours dans la barre d’options de l’outil, sur l’icône de centrage vertical
  • Je désélectionne avec Cmd/Ctrl D
centrage vertical

Modification du dégradé

  • Je tape sur la touche U pour accéder au dégradé afin de le modifier
  • Je vérifie que j’ai bien sélectionné le « Dégradé basique » noir vers blanc
  • J’ai sélectionné « Réfléchi » et je règle l’angle à 180°
modification dégradé

Technique de duplication rapide des bandes : étape initiale

  • Je pixellise la bande (le rectangle) avec un clic droit sur le calque > pixelliser le calque
  • J’active l’outil Transformation avec la touche Alt/Option sélectionnée aussi : Cmd ou Ctrl + Alt ou Option + T : cela active l’outil Transformation tout en créant une copie
  • Dans la barre d’options de l’outil Transformation, je clique sur le triangle « Utiliser le positionnement relatif comme point de référence », qui permet de positionner de manière relative le duplicata.
  • Dans la case X, je mets : 80 px et je valide avec la touche Entrée
duplication rapide bandes

Technique de duplication rapide des bandes : duplication avec transformation

  • On va faire comme dans le tutoriel basique c’est à dire dupliquer la bande, mais on va activer la répétition de la transformation
  • Maintenir la séquence de touches Cmd ou Ctrl + Alt ou Option + Shift (Majuscule) + T
  • À chaque pression sur la séquence de touches, la duplication est réalisée de façon séquentielle
  • On stoppe lorsqu’on est arrivé deux ou trois fois plus loin que l’autre bord de l’image, pour avoir de la marge pour les manipulations ultérieures.
duplication transformation

Regroupement des calques

Mes manipulations ont généré une cinquantaine de calques : je les sélectionne tous et je les fusionne avec Cmd ou Ctrl E.

Floutage du calque des bandes

  • Menu Filtre > Flou > Flou gaussien
  • Choisir un rayon d’environ trois pixels
  • L’objectif est d’adoucir un peu les bords
floutage bandes

Pivoter la grille obtenue

  • Sélectionner l’outil Transformation avec Cmd ou Ctrl T
  • Centrer en s’aidant des repères
  • Faire pivoter d’environ 2°
  • Je valide la transformation avec la petite coche en V sur la barre d’options de l’outil
pivoter grille

🗺️ Création de la carte de dispersion


La carte de dispersion va permettre de simuler l’effet de verre brisé.

Utilité de la grille

Cette grille va nous servir de texture à appliquer via le filtre Dispersion.

Je vous ai longuement parlé de ce filtre Dispersion dans mon tutoriel

« Créer des reflets réalistes avec Photoshop« 

Créer un fichier externe avec la grille

  • Sélectionnez le calque de la grille
  • Clic droit > dupliquer le calque
  • Dans destination, choisir Nouveau
  • Dans Nom, taper par exemple effet-fractal-verre, validez
  • Enregistrez ce nouveau document en .psd

Vous pouvez supprimer désormais la grille du document principal. Si ce n’est pas le cas, convertissez la photo en objet dynamique pour pouvoir ajuster les filtres que nous allons appliquer sans altérer l’image de base.

Application du filtre Dispersion

  • menu Filtre > Distorsion > Dispersion
  • Paramètres du filtre :
  • Échelle horizontale 100 (doit être supérieure à la largeur des bandes),
  • Échelle verticale 0 (on ne veut un décalage que dans le sens horizontal)
  • Image de référence : Adapter,
  • Zones non définies : Pixels du contour,
  • cocher Incorporer les données du fichier dans un objet dynamique
  • Validez
filtre dispersion

Il vous est maintenant demandé de charger la carte de dispersion et vous allez chercher le fichier créé précédemment effet-fractal-verre.psd. Vous validez et le filtre est appliqué.

application filtre dispersion

🔍 Application du filtre Verre


Après avoir appliqué le filtre de dispersion, il est temps d’intensifier l’effet en utilisant le filtre Verre de la galerie de filtres. Ce filtre ajoutera une texture réaliste de verre à l’image.

menu Filtre > Galerie de filtres > Distorsion > Verre

Application de la texture

Par défaut, il met une texture Cubes, mais vous pouvez la changer dans le menu « Texture » de la fenêtre de la galerie de filtres. Ici, on va lui demander d’appliquer la texture que l’on a créée, en cliquant sur l’icone à droite du menu Texture pour aller chercher le fichier correspondant.

application texture verre

Ajustement des paramètres du filtre

Après avoir chargé la texture de verre personnalisée, ajustez les paramètres de distorsion et de lissage pour obtenir l’effet désiré. Jouez avec les réglages pour trouver l’équilibre parfait entre netteté et flou. J’applique les valeurs suivantes :

  • Distorsion : 7
  • Lissage (flou entre les transitions) : 4
  • Mise à l’échelle :100% puisque c’est la valeur appliquée au filtre Dispersion. Cela permet de rendre les bandes plus fines ou plus larges selon la valeur choisie.

On clique sur OK pour retourner sur la photo.

ajustement paramètres filtre

🎨 Création de l'effet Duotone


Pour donner une touche artistique à l’image, nous allons créer un effet Duotone en simulant un double éclairage.

Pour plus de détails sur l’effet Duotone, je vous renvoie vers mon tutoriel correspondant :

Création des calques

Dupliquez votre objet dynamique deux fois avec Cmd ou Ctrl J, de façon à ce que les trois calques soient liés. Si j’avais utilisé la commande « nouvel objet dynamique par copier », ils seraient indépendants et ce n’est pas ce que je veux ici, car c’est ce qui va permettre que lorsqu’on change d’image, tout se modifie automatiquement.

Je renomme les copies : RVB1 et RVB2

Application de l’effet sur le premier calque RVB

  • Prenez l’outil Déplacement
  • Sur la première copie, déplacez l’image de quelques pixels vers la droite, avec la flèche droite du clavier et en maintenant la touche Shift (Majuscule) enfoncée.
  • Double-cliquez à droite du nom du calque pour ouvrir les options de Style de calque
  • Désactivez la couche verte et validez
premier calque duotone

Application d’un flou de tracé

  • Appliquez un filtre Flou de tracé dans le menu Filtre > Galerie d’effets de flou > Flou de tracé
  • Tirez en haut à droite vers l’extérieur pour avoir un angle d’environ 30°
  • Abaissez le point central pour avoir une courbe concave vers le haut
  • Puis, pour faire apparaitre la flèche rouge si vous ne la voyez pas, cliquez deux fois sur l’extrémité de la flèche bleue
  • Tirez la flèche rouge vers le haut pour allonger l’effet de flou
  • Dans le panneau de droite, on peut augmenter la vitesse à 120% pour créer un rayonnement de couleur
  • Cliquez en haut sur Ok pour retourner sur la photo
flou tracé premier calque

Appliquer l’effet sur la zone droite de l’image

  • Créer un masque
  • Prendre l’outil dégradé de noir vers blanc
  • Tirer depuis la gauche de l’image vers la droite pour que seule la zone droite soit visible, avec une transition douce
dégradé premier duotone

Application de l’effet sur le deuxième calque RVB

  • Sélectionnez l’autre calque RVB
  • Cliquez deux fois sur la zone vide à droite du nom du calque
  • Décochez les couches V et B, de façon à ne garder que la couche rouge, validez
  • Prenez l’outil Déplacement et déplacer l’image de quelques pixels vers la gauche en maintenant la touche Shift et en utilisant la flèche gauche du clavier : j’obtiens un effet rouge-cyan

Flou de tracé sur le deuxième calque RVB

  • Allez chercher le flou de tracé dans le menu Filtre
  • Cliquez sur la pointe bleue de la flèche et dirigez la vers la gauche de l’image avec un angle d’environ 30°
  • Tirez au milieu du trait bleu vers le bas pour tracer une courbe
  • Tirez la flèche rouge vers le haut
  • Augmentez la vitesse de façon plus important que pour le premier calque. Ici, je choisis environ 130% : cela va créer plus de rayonnement.
  • Validez
flou tracé deuxième duotone

J’applique le filtre de flou de tracé, mais en dirigeant la flèche vers la gauche et en lui appliquant la même courbure et la même prolongation de la flèche rouge

Masquer la partie droite de l’effet avec un masque de fusion

  • Créer un masque
  • Prendre l’outil dégradé de noir vers blanc
  • Tirer depuis la droite de l’image vers la gauche pour que seule la zone gauche soit visible, avec une transition douce. Vous pouvez modifier le dégradé pour choisir la zone où il va s’appliquer, par exemple et préservant la zone centrale du visage.
masquage droit duotone

Regroupez ensuite les deux calques RVB dans un dossier et nommez-le « effet duotone »

🖌️ Ajout d'une texture


Pour finaliser l’effet, on va ajouter une texture supplémentaire pour améliorer l’esthétique de l’effet de verre. Utilisez des textures génératives pour obtenir des motifs uniques qui complètent l’effet fractal.

Génération d’une texture

  • Allez dans le menu Édition > Espace de travail génératif
  • Choisissez le mode Paysage
  • Saisissez votre prompt. Par exemple : texture verre dépoli
  • Cliquez sur Generer
  • Explorez les variantes crées et choisissez-en une
  • Cliquez sur Ouvrir en haut de l’interface (Open)
  • Dans le nouveau document qui s’est ouvert, faites un clic droit sur le calque > Dupliquer et sélectionnez notre document principal.
texture verre dépoli

Redimensionnements et ajustements de la texture générée

  • Activez l’outil Transformation avec Cmd ou Ctrl T et étirez la texture pour qu’elle recouvre toute l’image, après avoir placé le point de transformation dans l’angle opposé
  • Convertissez la texture en noir et blanc avec un calque de réglage Teinte / Saturation dans lequel vous mettez la saturation à zéro
  • Sélectionnez la texture et le calque de teinte/saturation et fusionnez-les avec Cmd ou Ctrl E
ajustements verre dépoli

Application de la texture en tant que masque

  • Dupliquez le calque principal avec Cmd ou Ctrl J
  • Glissez le au-dessus du dossier Effet Duotone
  • Supprimez les filtres sur cette copie en les jetant à la poubelle
  • Créez un masque blanc sur la copie
  • Activez le calque du verre dépoli et sélectionnez tout son contenu avec Cmd ou Ctrl A
  • Menu Édition > Copier avec fusion
  • Supprimez le calque du verre dépoli
  • Positionnez-vous sur le masque de la copie du calque principal en maintenant la touche Alt ou Option, pour ne voir que le masque à l’écran
  • Collez la texture : menu Édition > Coller. La texture se retrouve dans le masque
masque texture

Appliquer l’effet de verre dépoli

  • Passez le calque avec le masque texture en mode de fusion Superposition pour ne laisser passer que les hautes lumières
  • Baissez l’opacité jusqu’à obtenir l’effet désiré, je choisis environ 20%

🎭 Effet de masquage en rideau


Je vais appliquer un effet de masquage en rideau pour laisser apparaitre le centre du visage sans cet effet de verre.

est une technique élégante permettant de révéler ou de cacher des parties spécifiques de l’image. Cette méthode utilise des dégradés pour créer une transition douce ou nette entre les zones visibles et invisibles de l’image.

Préparatifs :

  • Dupliquez le calque avec le masque de texture
  • Remplissez le masque de blanc
  • Repassez le mode de fusion à Normal
  • Remettez l’opacité à 100%
  • Inversez le masque : il devient noir (Cmd ou Ctrl i)
  • Prenez l’outil Dégradé, noir vers blanc, linéaire
  • Appliquez le sur une partie de l’image : vous constatez que l’effet est trop progressif, tandis que comme on veut créer l’illusion du verre, il faudrait que l’interruption soit abrupte

Édition du dégradé

  • Cliquez sur la vignette du dégradé dans la barre d’options de l’outil
  • Ouvrez son panneau Propriétés
  • Placez un point supplémentaire à 50%
  • Tirez le curseur de transition jusqu’à arriver contre le point supplémentaire que l’on vient de créer
  • Cliquez sur le + pour mettre du blanc : cliquez deux fois, le sélecteur de couleurs s’ouvre, choisissez du blanc, puis glissez le curseur pour recouvrir le point. La transition devient abrupte, c’est ce que l’on veut
  • Refermez le panneau Propriétés
édition dégradé

Application du dégradé

Tracez à nouveau le dégradé en maintenant Shift, vous pouvez constater que désormais, la transition est franche.

  • Utilisez l’outil dégradé pour dessiner un dégradé linéaire du noir au blanc sur le masque.
  • Ajustez la position et la transition du dégradé pour obtenir l’effet désiré.
  • Créez un nouveau dossier, appliquez-lui un masque blanc et renommez le « photo nette »
  • Glissez le calque avec le dégradé dans le dossier
  • Appliquez le dégradé de droite à gauche pour faire réapparaître l’effet sur la partie droite de l’image
application dégradé

🔁 Récapitulatif des étapes


Pour vous aider à bien maîtriser l’effet de verre fractal, voici un récapitulatif des étapes clés :

  • Préparez votre image en ajustant sa taille et en la convertissant en objet dynamique.
  • Créez une texture de verre en utilisant des bandes verticales et des dégradés.
  • Appliquez le filtre de dispersion suivi du filtre verre pour simuler les cassures.
  • Ajoutez un effet duotone pour enrichir la palette de couleurs.
  • Intégrez une texture supplémentaire pour donner du grain à l’image.
  • Utilisez des masques et des dégradés pour ajuster la visibilité des effets appliqués.

Tout cela est entièrement non destructif, vous pouvez revenir sur chaque étape pour moduler l’effet. Consultez mon tutoriel sur l’effet duotone pour apprendre comment moduler les couleurs de façon détaillée.

récapitulatif

🖼️ Changement d'image


L’un des avantages de travailler avec des objets dynamiques est la possibilité de changer facilement l’image tout en conservant les effets appliqués. Cette méthode vous permet de réutiliser les mêmes effets sur différentes images sans avoir à recommencer tout le processus. Cela vous fait gagner du temps et garantit une uniformité dans vos créations.

Comment changer l’image :

  1. Ouvrez l’objet dynamique contenant votre image principale.
  2. Remplacez l’image par une nouvelle en la collant dans l’objet dynamique.
  3. Désactivez provisoirement tous les autres calques
  4. Adaptez la dimension de la nouvelle image si nécessaire
  5. Sélectionnez toute la nouvelle image et copiez-la avec fusion
  6. Réaffichez tous les calques
  7. Positionnez vous sur le calque juste au-dessus qui contient la première photo avec les filtres
  8. Cliquez deux fois sur l’objet dynamique pour qu’il s’ouvre dans une nouvelle fenêtre
  9. Collez la nouvelle image avec Cmd ou Ctrl V et enregistrez l’objet dynamique puis fermez-le
  10. Vous constatez que l’effet et la photo choisie ont été répercutés à tous les autres calques
  11. Vous pouvez rééditer les dégradés pour les adapter à la nouvelle photo
changement image

🔚 Conclusion


En appliquant ces techniques, vous pouvez créer l’effet de verre fractal dans Photoshop, pour apporter une touche artistique à vos portraits.

Continuez à expérimenter et à adapter ces méthodes à vos propres projets. La flexibilité de ces techniques vous permet d’explorer une variété infinie de styles et d’effets.

Notifiez moi en commentaire les autres effets que vous souhaiteriez que je vous montre sous forme de tutoriel !

❓ FAQ sur l'effet de verre fractal


Quels sont les prérequis pour suivre ce tutoriel ?

Il est recommandé d’avoir une connaissance de base de Photoshop, notamment des calques, des masques et des filtres.

Peut-on appliquer cet effet à d’autres types d’images ?

Oui, l’effet de verre fractal peut être adapté à différents types d’images, qu’il s’agisse de portraits, de paysages ou de compositions abstraites.

Comment puis-je personnaliser l’effet ?

Vous pouvez ajuster les paramètres des filtres, changer la texture de verre, ou modifier les dégradés pour obtenir l’effet souhaité.

📎 Liens utiles


Cet article vous a plu ? Découvrez d’autres articles  en cliquant sur les photos ci-dessous :

Cette publication peut contenir des liens d’affiliation. Je peux toucher des commissions si vous cliquez sur mes liens et effectuez des achats. Ces revenus contribuent à la rédaction de mes articles, à la création de mes tutoriels, etc. Cependant, sachez que cela n’a pas d’impact sur mon avis et mes choix de produits. 

Privacy Preference Center