Effet de pixel numérique avec Photoshop

Dans ce tutoriel Photoshop Effects, nous allons apprendre à créer un effet de « pixel numérique », qui est souvent utilisé dans les publicités qui vendent tout ce qui a trait au numérique. Nous allons d’abord pixelliser toute notre image à l’aide d’un filtre très simple, puis nous allons expérimenter avec un masque de calque, le paramètre d’opacité et certains modes de fusion de calque pour créer différentes variations de notre effet. À la fin du tutoriel, nous verrons même comment quelque chose d’aussi simple que le changement du mode de fusion d’un calque peut créer un effet entièrement nouveau !

Voici l’image originale avec laquelle je vais commencer :

Comme je l’ai dit, nous allons examiner quelques variations différentes de l’effet. Voici le premier vers lequel nous allons travailler:

Voici le second:

Et comme exemple de la facilité avec laquelle nous pouvons créer ce qui semble être un effet entièrement différent simplement en changeant le mode de fusion d’un calque, nous terminerons par celui-ci :

Ce tutoriel fait partie de notre série Effets photo. Commençons !

Étape 1 : Dupliquer le calque d’arrière-plan

La première chose que je dois faire pour cet effet est de dupliquer mon calque d’arrière-plan. Avec mon image ouverte dans Photoshop, je peux voir dans ma palette des calques que je n’ai actuellement qu’un seul calque, le calque d’arrière-plan, qui contient mon image :

Je vais dupliquer ce calque en utilisant le raccourci clavier Ctrl+J (Win) / Command+J (Mac), et maintenant je peux voir dans ma palette des calques que j’ai deux calques, avec la copie du calque d’arrière-plan au-dessus de l’original. Photoshop l’a nommé « Calque 1 »:

Étape 2 : pixelliser le calque dupliqué

Puis nous devons pixelliser le nouveau calque, et nous pouvons le faire en allant dans le menu Filtre en haut de l’écran, en choisissant Pixeler, puis en choisissant Mosaïque. Cela fait apparaître la boîte de dialogue du filtre « Mosaïque ». Faites glisser le curseur en bas pour modifier l’option Taille des cellules, qui augmente ou diminue le nombre et la taille des pixels créés à partir de l’image. En faisant glisser le curseur vers la droite, vous créez des pixels moins nombreux mais plus grands, tandis qu’en le faisant glisser vers la gauche, vous obtenez des pixels plus nombreux mais plus petits. Je vais définir ma taille de cellule à environ 18:

Cliquez sur OK pour sortir de la boîte de dialogue. Voici mon image après avoir appliqué le filtre Mosaïque :

Maintenant que nous avons pixellisé l’image, il y a quelques choses différentes que nous pouvons faire avec elle, et nous allons les regarder ensuite.

Étape 3 : Ajouter un masque de calque

Je vais ajouter un masque de calque au calque pixellisé à ce stade. Pour ce faire, avec le « calque 1 » sélectionné, je vais cliquer sur l’icône de masque de calque en bas de la palette des calques :

Cela ajoute un masque de calque à « Calque 1 », et si nous regardons dans la palette des calques, nous pouvons voir que cela ajoute également une vignette de masque de calque à droite de la vignette du contenu du calque :

Nous pouvons également dire que le masque de calque, et non le contenu du calque, est actuellement sélectionné par la bordure de surbrillance blanche qui apparaît autour de la vignette du masque de calque.

Étape 4 : Sélectionnez l’outil de dégradé

Nous allons utiliser notre masque de calque pour mélanger l’image originale sur le calque d’arrière-plan et l’image pixélisée sur le « calque 1 », et pour cela nous avons besoin de l’outil de dégradé, donc soit vous le sélectionnez dans la palette d’outils, soit vous appuyez sur G sur votre clavier :

Étape 5 : réinitialisez vos couleurs d’avant-plan et d’arrière-plan si nécessaire

Nous voulons du noir comme couleur d’avant-plan et du blanc comme couleur d’arrière-plan. Normalement, ce sont les couleurs d’avant-plan et d’arrière-plan par défaut de Photoshop, sauf lorsque nous avons un masque de couche sélectionné, ce que nous faisons actuellement. Lorsqu’un masque de calque est sélectionné, les couleurs par défaut sont permutées, le blanc devenant la couleur d’avant-plan par défaut et le noir la couleur d’arrière-plan par défaut. Pour définir rapidement nos couleurs d’avant-plan et d’arrière-plan en noir et blanc respectivement (en gardant à l’esprit que nous avons sélectionné un masque de calque), appuyez sur la touche D de votre clavier pour les réinitialiser à leurs valeurs par défaut, puis appuyez sur la touche X pour les intervertir. Vous verrez dans la palette Outils que le nuancier de couleur d’avant-plan affiche maintenant du noir et que le nuancier de couleur d’arrière-plan affiche du blanc :

Étape 6 : Sélectionnez le dégradé « avant-plan à arrière-plan »

L’outil de dégradé étant sélectionné et nos couleurs d’avant-plan et d’arrière-plan étant réglées sur le noir et le blanc, regardez dans la barre d’options en haut de l’écran pour voir quel dégradé vous avez actuellement sélectionné. Si la zone d’aperçu du dégradé affiche un dégradé noir à blanc, vous êtes prêt :

Si elle affiche un autre dégradé, cliquez sur la petite flèche pointant vers le bas à droite de la zone d’aperçu du dégradé. Le sélecteur de dégradé apparaîtra en dessous. Sélectionnez le dégradé « Avant-plan à Arrière-plan » dans le coin supérieur gauche, puis cliquez n’importe où en dehors du sélecteur de dégradé pour en sortir :

Étape 7 : Faites glisser un dégradé noir à blanc sur le masque de calque

Maintenant que nous avons notre dégradé noir à blanc, nous pouvons l’utiliser pour mélanger le calque d’arrière-plan et le calque pixellisé, créant ainsi notre première variation de l’effet. Je veux que la zone de transition de mon mélange apparaisse à travers le visage du gars, de sorte que la moitié de son visage (et la moitié de l’image aussi) soit pixelisée et l’autre moitié ne le soit pas. Pour accomplir cela, je vais cliquer sous son œil droit et ensuite, en maintenant ma touche Shift enfoncée pour m’assurer que je glisse dans une ligne horizontale, je vais glisser ma souris jusqu’au bord gauche de son visage :

La zone entre l’endroit où j’ai commencé et celui où j’ai terminé mon dégradé va devenir la zone de transition entre l’image pixellisée du « calque 1 » et l’image originale du calque d’arrière-plan. Lorsque je relâche le bouton de la souris, j’obtiens mon effet de transition :

Étape 8 : Remplir le masque de calque avec du blanc

Regardons une autre variation de notre effet de « pixel numérique ». Tout d’abord, nous devons supprimer le gradient que nous avons ajouté au masque de calque il y a un instant. Nous pourrions simplement appuyer sur Ctrl+Z (Win) / Command+Z (Mac) pour l’annuler, mais remplissons à nouveau le masque de calque avec du blanc à la place. Pour ce faire, avec la vignette du masque de calque sélectionnée dans la palette des calques et le blanc comme couleur d’arrière-plan, utilisez le raccourci clavier Ctrl+Espace arrière (Win) / Command+Suppression (Mac) pour remplir le masque de calque avec la couleur d’arrière-plan (blanc). La vignette du masque de calque apparaîtra à nouveau en blanc uni, et l’image apparaîtra à nouveau complètement pixellisée :

Étape 9 : Sélectionnez l’outil pinceau

Sélectionnez l’outil pinceau dans la palette d’outils, ou appuyez sur B pour le raccourci clavier :

Étape 10 : Peindre avec du noir pour révéler des parties de l’image

En utilisant un pinceau à bords souples et avec le noir toujours comme notre couleur de premier plan, je vais révéler la partie principale de son visage en peignant simplement dessus avec mon outil Pinceau. Puisque je peins sur le masque de calque et non sur l’image elle-même, tout endroit où je peins avec du noir cachera le calque pixélisé et révélera le calque d’arrière-plan situé en dessous. Je peux redimensionner mon pinceau à la volée en utilisant les touches de crochet gauche et droite de mon clavier, et je peux régler mon pinceau sur un bord souple en maintenant la touche Shift enfoncée et en appuyant plusieurs fois sur la touche de crochet gauche :

Voici mon image après avoir révélé les principales zones de son visage en les peignant avec du noir, donnant l’impression qu’il regarde en quelque sorte à travers les pixels:

Étape 11 : abaisser l’opacité du calque pixellisé

Je vais laisser l’image originale transparaître partiellement à travers l’image pixellisée, et je peux le faire simplement en allant jusqu’à l’option Opacité dans le coin supérieur droit de la palette des calques et en abaissant la valeur d’opacité. Je vais l’abaisser à environ 75%:

Voici mon image après avoir abaissé l’opacité du calque pixellisé, créant ainsi notre deuxième variation de l’effet:

Étape 12 : Expérimentez différents modes de fusion pour le calque pixellisé pour différents résultats

Pour créer encore plus de variations sur l’effet, expérimentez différents modes de fusion pour le calque pixellisé en remontant vers les options de mode de fusion dans le coin supérieur gauche de la palette des calques et en sélectionnant différents modes dans la liste. Tout d’abord, je vais régler l’opacité de mon calque pixellisé sur 100%. Ensuite, je vais changer mon mode de fusion du calque de « Normal » à « Darken »:

Voici l’effet que j’obtiens avec le calque pixellisé réglé à « Darken »:

Essayons le mode de fusion « Clair », à nouveau en le changeant dans le coin supérieur gauche de la palette des calques:

Voici l’effet que j’obtiens avec le mode de fusion « Éclaircir »:

Juste pour vous montrer à quel point un effet peut être différent simplement en changeant les modes de fusion des couches, nous allons en essayer un autre. Je vais changer mon mode de fusion cette fois-ci pour Mixage dur:

Je pense que vous serez d’accord pour dire que l’effet semble maintenant complètement différent, même si tout ce que nous avons fait est de changer le mode de fusion:

Et voilà ! C’est notre regard sur la façon de créer un simple effet de « pixel numérique » et un échantillon de la façon dont nous pouvons créer différentes variations du même effet, et même créer des effets entièrement nouveaux, en expérimentant avec les masques de couche et les modes de fusion dans Photoshop.

Consultez notre section Effets photo pour d’autres tutoriels d’effets Photoshop !