Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Comment créer un cool effet de photo glitch dans Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
How to Create an Abstract Poster Using the Puppet Warp Tool in Adobe Photoshop

French (Français) translation by Daszie Chan (you can also view the original English article)

Final product image
What You'll Be Creating

Les effets photo sont un excellent moyen de pratiquer et d’exploiter vos compétences Photoshop. Dans cette leçon, apprenez à créer un amusement effet de photo glitch à l’aide des outils de sélection, du filtre de vague et plus !

Ressources du tutoriel

Les ressources suivantes ont été utilisées dans la production de ce tutoriel.

Photo Glitch Basics : Ce que vous devez savoir

Afin d’obtenir le meilleur résultat possible lors de réalisation des effets basés sur des scénarios de vie réelle, ce la aide de faire des recherches. Nous allons donc apprendre à connaître ce qu’est un glitch.

Le genre de glitch que nous allons faire est commun à la télévision ou aux jeux vidéo. Ces glitchs sont des erreurs logicielles ou des bugs qui sont souvent causés par un signal corrompu. Le résultat final laisse votre écran incroyablement déformé et difficile à distinguer.

Pour ce tutoriel, nous vous devrez garder à l’esprit certaines caractéristiques visuelles clés pour réaliser ce look. Ce sont :

  • Des lignes irrégulières ou vagues
  • Des visuels à effet statique ou congelé
  • Couleurs inversées

Faites quelques recherches sur Google pour avec de l'inspiration et références. Référez-vous souvent à elles afin d’expérimenter avec ce style pour vous-même, ou sollicitez l’aide d’un professionnel en conception d'Envato Studio.

Glitch Photo Effect Alternative Version by Melody Nieves
Version alternative. Recueillez des références afin de mieux réaliser ce look ! Stock de Freepik.

Si vous rencontrez des difficultés à réaliser ce look, n’oubliez pas que vous pouvez toujours contourner ce processus en téléchargeant un de nos incroyables effets de photo glitch de GraphicRiver et d'Envato Elements.

1. Comment mettre en place l’effet de photo de glitch

Étape 1

Commençons ! Je vais utiliser ce Stock Hipster de PhotoDune pour ce tutoriel. Pour ce look particulier, il est utile si vous choisissez un stock où le modèle a des bords que vous pouvez voir clairement parce que nous aurons besoin de l’extraire de son arrière-plan. C’est également un bonus supplémentaire si l’arrière-plan est une couleur unie ou pas trop distrayante comme ces planches en bois.

Hipster Man Stock from PhotoDune
Remarquez comment on voit bien tous les contours de ce modèle. Veillez à choisir un stock avec un modèle que vous pouvez facilement extraire.

Double-cliquez sur le calque d’arrière-plan pour en faire un nouveau calque. Créez un nouveau calque (Ctrl-Maj-N), placé sous votre référence. Définissez la couleur de premier plan à blanc et remplissez le calque avec du blanc à l’aide de l’outil de seau de peinture (G).

Setup the Layers for a Glitch Photo Effect

Étape 2

Sélectionnez l’outil Lasso magnétique (L). Cela nous aidera à extraire la référence en sélectionnant facilement les côtés de votre modèle. Utiliser l'outil Lasso magnétique (L) permet de créer une sélection complète autour du modèle. Lorsque vous avez terminé, faites un clic droit et sélectionnez calque par copier pour créer une copie rapide.

Use the Magnetic Lasso Tool to Extract the Subject
Assurez-vous de garder le stock initial. Le résultat final est ce à quoi ressemblerait le stock sur son propre calque.

Étape 3

Sélectionnez le stock initial. Utilisez l’outil transformation manuelle (Ctrl-T) pour montrer du blanc à gauche et à droite.

Squeeze the Sides with the Free Transform Tool

Par ailleurs, si votre stock n’a pas d'arrière-plan, vous pouvez simplement ajouter un rectangle à l’aide de l’outil Rectangle (U) comme dans cet exemple ci-dessous.

Alternative Glitch Version with Rectangle Background
Sinon, si votre stock n’a pas un fond, ajoutez un rectangle rapide. Stock de Freepik.

2. Comment dé saturer une Photo

Étape 1

Nous allons dé saturer cette photo pour une palette de couleurs plus monochromatique. Sélectionnez le calque pour la découpe du modèle et allez dans Image > réglages > Teinte & Saturation. Abaissez la saturation à -95 pour enlever la plupart des couleurs de la photo.

Desaturate with Hue and Saturation

Étape 2

Vous pouvez ajuster la photo principale encore plus en utilisant des niveaux. Sélectionnez le calque du modèle extrait et allez dans Image > réglages > niveaux. Ajustez les niveaux pour le canal RVB avec les paramètres suivants :

  • Niveau d'entrée des tons foncés : 0
  • Niveau d’entrée des tons moyens : 0.92
  • Niveau d'entrée des tons clairs : 255
  • Niveaux de sortie : 17, 255

Le résultat final est subtil, et il éclaircit le modèle légèrement.

Use Levels to Adjust the Desaturated Photo

3. Comment créer une distorsion glitch linéaire

Étape 1

La prochaine partie de cet effet consiste à recréer la distorsion photo qui lui donne une apparence désorganisée. Pour ce faire, sélectionnez les calques du stock et du modèle puis fusionnez-les.

Merge the layers together

Étape 2

Maintenant, sélectionnez l’outil de sélection rectangulaire (M). Créez deux petites sélections sur le calque de la photo. Tout d’abord créez-en un en bas et puis maintenez la touche Maj pour ajouter une autre sélection en haut.

Use the Rectangular Marquee Tool to create selection

Appuyez sur la touche V sur votre clavier pour passer à l’outil de déplacement. Utilisez la touche flèche gauche pour déplacer la sélection vers la gauche. Vous devrez peut-être la frapper à plusieurs reprises ou la maintenir enfoncée pendant un certain temps pour obtenir le résultat souhaité.

Move the selection to the left for the glitch

Étape 3

Vous pouvez continuer ce processus sur un seul calque mais il pourrait y avoir des espaces blancs pas très esthétiques. Donc pour éviter cela, dupliquez le calque du modèle et utilisez la copie pour créer la distorsion.

Encore une fois, utilisez l’outil de sélection rectangulaire (M) pour créer des sélections en plus, en les déplaçant dans des directions différentes avec les touches flèche gauche et flèche droite. Ici, j’en ai créé deux autres et les ai déplacés un peu vers la droite.

Create more selections for more glitches

Notez que, parce qu’il y a une copie de la photo derrière cette couche, le look qui en résulte révèle le calque derrière elle plutôt que le fond blanc.

Étape 4

Nous allons accélérer un peu ! Créez encore plus de sélections rectangulaires, et uilisez l’outil déplacement (V) pour déplacer les différentes sections. Variez la taille entre les sélections pour rendre l’effet plus naturel.

C’est même une bonne idée d’avoir un plan de jeu avant de vous attaquer à cette partie. Car j’aime l’expression sérieuse de l’homme, je tiens à m’assurer que les glitchs se concentrent vers le centre de la photo.

Continue creating the glitch effect with selections

En vous rapprochant du visage, essayez de ne pas trop le déformer. Faites chaque glitch individuellement pour voir ce qui fonctionne. Cette partie est surtout sur l’expérimentation, alors si vous avez besoin de revenir un pas ou deux en arrière, appuyez juste sur Ctrl-Z pour annuler.

Creating Photo Glitches Around the Face

Lorsque vous aurez terminé avec tous vos glitchs linéaires, l’effet devrait ressembler à ceci :

Final Linear Glitch Effect

4. Comment créer une distorsion ondée de glitch

Étape 1

La prochaine partie de cet effet de distorsion est de créer un glitch ondé. Vous avez peut-être vu ces avant si vous vous êtes aventuré dans les chaines coquines étant un gamin, mais ces glitchs font de l’image comme si elle se déplace dans le liquide.

Pour ce faire, nous aurons besoin du filtre de vague. Tout d’abord, fusionnez le calque original stock ainsi que de la copie qui a tous les glitchs. Puis appuyez sur ctrl-J pour créer un doublon pour créer la distorsion ondulée dessus.

Merging Layers and Creating Duplicates for the Wavy Distortion

Étape 2

Avec la copie sélectionnée, créer plusieurs plus grandes sélections avec l’outil de sélection rectangulaire (M) tout comme avant. N’oubliez pas que je suis en train de cadrer le visage du sujet, afin de ne pas sélectionner directement au centre.

Create Selections for the Wavy Glitch

Maintenant, allez dans filtre > déformation > onde, en ajustant les réglages comme suit pour créer un effet ondulé uniquement sur les sélections.

Creating a Wavy Glitch with Filter Distort Wave

Étape 3

Avec cet effet particulier, les paramètres ci-dessus peuvent ou peuvent ne pas fonctionner pour votre photo. Il est donc important d’expérimenter et d’ajuster les réglages vous-même pour obtenir le look que vous désirez.

Poursuivre ce processus de sélection avant l'application du filtre d'Onde. Vous devrez modifier les paramètres à chaque fois pour faire varier l’effet sur la photo.

Continue the Wavy Glitch Process

Voici quelques progrès plus après une petite expérimentation.

Wavy Glitch Photo Effect Progress

Étape 4

Terminez cet effet en vous concentrant sur les parties supérieures et inférieures de la photo. Tout d’abord, sélectionnez le bas de l’image avec l’outil de sélection rectangulaire rectangulaire (M) et appliquez le filtre d'onde avec les paramètres suivants.

Add the Glitch to the Bottom with the Wave Filter

Maintenant pour la partie supérieure. Répétez l’opération, cette fois en modifiant les paramètres par ceux ci-dessous.

Top Portion Wavy Glitch Effect

Voici l’image complète avec tous les glitchs linéaires et ondulés. Passons à la touche finale !

Final Wavy Glitch Effect

5. Comment créer un effet 3D Simple

Étape 1

Maintenant pour les effets 3D couleur ! Juste comme avant, commencez par fusionner les calques de glitch ensemble, en laissant le fond blanc pour qu’il n’y ai plus que deux calques. Puis cliquez sur ctrl-J pour créer deux doublons du calque de la photo fusionnée.

Duplicate Layers for the Final Effect

Étape 2

Masquer la visibilité des deux calques du haut. Puis clic droit sur le premier calque photo « Fusionné » et allez dans les Options de fusion. Décochez le V, ou couche de vert situé sous Fusion avancée.

Uncheck the Green Channel for 3D Effect

Maintenant afficher la visibilité des couches supérieures et répéter le processus. Cette fois-ci décochez la couche rouge pour « fusionné copie » et cochez les couches rouge et vert pour « fusionné copie 2. »

Uncheck the Red and Blue Channels for 3D Effect

Étape 3

Maintenant nous pouvons commencer à déplacer chaque calque pour créer l’effet 3D. Sélectionnez l’outil déplacement (V), puis la calque, « fusionné copie » à l’aide de la touche flèche gauche pour déplacer le calque vers la gauche. Ensuite, sélectionnez le calque supérieur, « fusionné copie 2 » et utilisez la touche flèche gauche pour déplacer le calque vers la gauche.

Voici à quoi ressemblera le processus.

Creating the 3D effect on a glitched photo

Étape 4

Presque fini ! Pour ajouter l’apparition de lignes d’écran à cet effet, sélectionnez le calque supérieur, « fusionné copie 2 » et faites un clic droit pour accéder aux Options de fusion. Ajouter une incrustation rapide de motif à l’aide de la valeur par défaut de motif de lignes horizontales et mettre le reste des paramètres comme suit :

Creating the Horizontal Pattern with an Overlay

Parce que le calque est bleu et le Mode de fusion est défini à lumière tamisée, cela donnera aussi à votre image une belle teinte bleue.

Result of the Pattern Overlay

Étape 5

Pour compléter ce cool effet glitch, nous avons juste besoin d’effectuer une dernière étape. Ajoutez un nouveau calque et définir le Mode de fusion à fondu. Dans cette étape, nous allons utiliser l’outil Pinceau (B) pour peindre du rouge#5e220a vers le bas de l’image afin de créer de minuscules particules dans le cadre de l’effet final glitch. Ajustez l’opacité du calque si vous le souhaitez; ici, je l'ai mis à 8 %.

Creating Glitch Particles with Dissolve

Voilà ! Découvrez le résultat final ci-dessous.

Conclusion

Effets photo sont une façon intelligente de pratiquer des techniques uniques et excitantes dans Adobe Photoshop. Vous pouvez avoir beaucoup de plaisir en réaliser des scénarios réels comme des glitchs de photo et bien plus encore.

J’espère que vous avez apprécié ce tutoriel. N’hésitez pas à me faire savoir si vous avez des questions dans les commentaires ci-dessous. Et n’oubliez pas de parcourir notre large gamme d'Actions d'effet de photo glitch disponibles sur GraphicRiver et Envato Elements.

Glitch Photo Effect Photoshop Tutorial by Melody Nieves
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.