Effet miroir brisé - Tutoriel Photoshop

Je sais que ça fait un moment mais c’est parti, un nouveau tuto Photoshop. Je vais être honnête, j’ai regardé un ou deux épisodes de Black Mirror et c’était sympa mais je n’ai pas vraiment adoré. Ensuite, il y a eu le film interactif, que j’ai regardé et encore une fois, j’ai pensé que c’était une idée géniale, mais pas quelque chose qui m’a vraiment époustouflé. Par contre, une chose que j’aime beaucoup, c’est leur logo. C’est un mélange super simple d’effet de texte avec un peu de flou et de lueur mélangé à l’effet de verre brisé. J’imagine que cela a été fait en 3D mais je me suis senti obligé d’exécuter un peu de Photoshop pour célébrer ce fantastique mariage de médiums.

Tutoriel Photoshop

Étape 1

La première étape de ce type particulier de didacticiel Photoshop consiste à trouver une texture de verre brisé. Pendant un moment, j’ai pensé que ce serait une bonne idée de créer le mien à partir de zéro, mais j’ai réalisé que cela nécessiterait beaucoup d’étapes supplémentaires. C’est aussi une excellente idée pour un nouveau tutoriel.

Donc, pour ce tutoriel, j’ai utilisé Adobe Stocks pour trouver la bonne texture. Il y a beaucoup d’images sympas disponibles en ligne ces jours-ci, de Shutterstock à Adobe Stock, c’est définitivement beaucoup plus abordable. L’image que j’ai utilisée se trouve ici.

Étape 2

Une fois que vous obtenez l’image, vous devrez faire quelques ajustements. La première chose est de simplifier le nombre de fissures. De plus, selon votre image, vous devrez peut-être la faire pivoter et la mettre à l’échelle. Pour le mien, j’ai fait tout ça. En plus de cela, en utilisant le Outil Baguette Magique (W) sélectionnez la zone noire et supprimez-la à l’aide de masques.

Étape 4

Maintenant, atténuons un peu les choses. Tout d’abord, changez le remplir l’opacité à 60%. Deuxièmement, allez à Calque > Style de calque > Superposition de couleurs. Sélectionnez une couleur bleu foncé/bleu sarcelle et utilisez Superposition pour le mode de fusion à 60 %

Étape 5

Une fois que vous avez terminé le verre brisé, il est temps de passer à la partie suivante. Honnêtement, cela me semble être le plus simple. C’est juste un peu plus de travail.

Pour le texte, j’ai utilisé Proxima Nova Bold, en majuscules. Une fois que vous avez fini de positionner le texte sur la zone fissurée, il est temps de faire une chose très importante. Aller à Calque> Objet intelligent> Convertir en objet intelligent. La raison en est que cela vous permettra de modifier le texte et de mettre à jour automatiquement l’effet.

Étape 6

Maintenant, il ne s’agit plus que de masquer les textes. Tout d’abord, dupliquez le texte que vous venez de convertir en objets intelligents. Puis avec le Outil Lasso (L) sélectionnez une partie du texte avant qu’elle ne croise la fissure. Ensuite, allez simplement à Calque> Masque de calque> Révéler la sélection.

Étape 7

Répétez cela pour le reste du texte. Pour chaque nouvelle partie du texte, dissociez le masque du texte et déplacez le texte vers le haut et vers la gauche. Comme l’image ci-dessous.

Étape 8

Si vous masquez l’effet de fissure, vous verrez quelque chose comme ceci :

Étape 9

Afin d’ajouter un peu plus de réalisme à notre image, ajoutons une ombre portée à la texture du verre brisé. Le résultat serait quelque chose comme l’image ci-dessous.

Étape 10

Il ne nous reste plus qu’à ajouter quelques effets au texte pour qu’il corresponde au logo Black Mirror. Voici ce que j’ai fait :

Sélectionnez tous les calques de texte y compris l’original et convertissez-les en objet intelligent. Vous pourrez double-cliquer et accéder à cet objet, et là, vous pourrez double-cliquer à nouveau et modifier le texte.
Sélectionnez le calque d’objet intelligent du texte et aller à Filtre>Galerie de flou>Flou de champ. Utilisez les valeurs ci-dessous.

Étape 11

Maintenant, appliquons simplement quelques styles de calque.

Allez dans Calque> Styles de calque> Lueur intérieure. Sélectionner Multiplier pour le mode de fusion à 25 % d’opacité en utilisant une couleur cyan. Modifiez la taille pour qu’elle se propage un peu plus. La taille varie en fonction de la taille de l’image sur laquelle vous travaillez. Ma conception utilise 5k pour la résolution, j’ai donc utilisé 33px pour la taille. J’ai également changé le contour en demi-rond.
Allez dans Calque> Styles de calque> Lueur extérieure. Utiliser Lightem pour le Blend Mode avec 50% d’opacité en utilisant la même couleur cyan. Ajustez ensuite la taille des éléments. J’utilise 57 pixels, mais encore une fois, cela dépendra de la taille de votre document.

Conclusion

Voilà, l’image finale est faite pour ce tutoriel Photoshop. Ce qui est cool, c’est que vous pouvez essayer différents textes et l’effet se met automatiquement à jour.