Dans ce didacticiel sur les effets Photoshop, nous allons apprendre à créer un effet de "pixel numérique", qui est souvent utilisé dans les publicités qui vendent tout ce qui concerne le numérique. Nous allons d'abord pixéliser notre image entière à l'aide d'un filtre très simple, puis nous expérimenterons avec un masque de calque, le paramètre d'opacité et certains modes de fusion des calques pour créer différentes variations sur notre effet. À la fin du tutoriel, nous verrons même comment quelque chose d'aussi simple que de changer le mode de fusion d'un calque peut créer un effet entièrement nouveau!

Voici l'image originale avec laquelle je vais commencer:

L'image originale.

Comme je l'ai dit, nous allons examiner quelques variantes différentes de l'effet. Voici le premier vers lequel nous travaillerons:

L'un des effets que nous allons créer dans ce tutoriel.

Voici le deuxième:

Une variation sur le même effet.

Et juste comme un 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 avec celui-ci:

La dernière variation sur l'effet.

Ce tutoriel est issu de notre série Effets photo. Commençons!

Étape 1: Dupliquez 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 Calques que je n'ai actuellement qu'un seul calque, le calque d'arrière-plan, qui contient mon image:

La palette Calques de Photoshop montrant le calque d'arrière-plan.

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

Appuyez sur "Ctrl + J" (Win) / "Commande + J" (Mac) pour dupliquer le calque d'arrière-plan.

Étape 2: Pixéliser le calque en double

Ensuite, nous devons pixelliser le nouveau calque, et nous pouvons le faire en allant dans le menu Filtre en haut de l'écran, en choisissant Pixéliser, puis en choisissant Mosaïque . Cela fait apparaître la boîte de dialogue du filtre "Mosaïque". Faites glisser la barre de défilement en bas pour modifier l'option Taille de la cellule, qui augmente ou diminue le nombre et la taille des pixels créés à partir de l'image. Faire glisser vers la droite crée moins de pixels mais plus gros, tandis que faire glisser vers la gauche vous donne plus de pixels mais plus petits. Je vais définir ma taille de cellule à environ 18:

Le filtre "Mosaïque" dans Photoshop. Faites glisser la barre de défilement en bas pour augmenter ou diminuer le nombre et la taille des pixels.

Cliquez sur OK pour quitter la boîte de dialogue. Voici mon image après avoir appliqué le filtre Mosaic:

L'image après pixelisation avec le filtre Mosaic.

Maintenant que nous avons pixellisé l'image, nous pouvons en faire plusieurs choses différentes, et nous les examinerons ensuite.

Étape 3: ajouter un masque de calque

Je vais ajouter un masque de calque au calque pixellisé à ce stade. Pour ce faire, avec "Calque 1" sélectionné, je vais cliquer sur l'icône Masque de calque en bas de la palette Calques:

Cliquez sur l'icône "Masque de calque".

Cela ajoute un masque de calque au "Calque 1", et si nous regardons dans la palette Calques, nous pouvons voir qu'il ajoute également une vignette de masque de calque à droite de la vignette du contenu du calque:

Un masque de calque et une miniature de masque de calque ont été ajoutés au "Calque 1".

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 apparaissant autour de la vignette du masque de calque.

Étape 4: Sélectionnez l'outil Dégradé

Nous allons utiliser notre masque de calque pour mélanger l'image d'origine sur le calque d'arrière-plan et l'image pixélisée sur le "calque 1" ensemble, et pour cela, nous avons besoin de l' outil Dégradé, alors sélectionnez-le dans la palette Outils ou appuyez sur G sur votre clavier:

Sélectionnez l'outil Dégradé.

Étape 5: Réinitialisez vos couleurs de premier plan et d'arrière-plan si nécessaire

Nous voulons le noir comme couleur de premier plan et le blanc comme couleur de fond. Normalement, ce sont les couleurs d'avant-plan et d'arrière-plan par défaut de Photoshop, sauf lorsque nous avons sélectionné un masque de calque, ce que nous faisons actuellement. Chaque fois qu'un masque de calque est sélectionné, les couleurs par défaut sont permutées, le blanc devenant la couleur de premier plan par défaut et le noir devenant la couleur d'arrière-plan par défaut. Pour définir rapidement nos couleurs d'avant-plan et d'arrière-plan respectivement en noir et blanc (en vous rappelant que nous avons sélectionné un masque de calque), appuyez sur D sur votre clavier pour les réinitialiser à leurs valeurs par défaut, puis appuyez sur X pour les permuter. Vous verrez dans la palette Outils que l'échantillon de couleur de premier plan affiche maintenant le noir et l'échantillon de couleur d'arrière-plan affiche maintenant le blanc:

Appuyez sur "D" puis "X" sur votre clavier pour définir le noir comme couleur de premier plan et le blanc comme couleur d'arrière-plan.

Étape 6: Sélectionnez le dégradé "Premier plan à l'arrière-plan"

Avec l'outil Dégradé sélectionné et nos couleurs de premier plan et d'arrière-plan définies sur noir et blanc, recherchez dans la barre des 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:

La zone d'aperçu du dégradé montrant un dégradé noir à blanc.

S'il 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é "Premier plan à l'arrière-plan" dans le coin supérieur gauche, puis cliquez n'importe où en dehors du sélecteur de dégradé pour le fermer:

Cliquez sur la flèche pointant vers le bas à droite de la zone d'aperçu du dégradé et sélectionnez le dégradé dans le coin supérieur gauche du sélecteur de dégradé.

Étape 7: faites glisser un dégradé noir vers 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é ensemble, créant notre première variation sur l'effet. Je veux que la zone de transition de mon mélange apparaisse sur le visage du gars, donc la moitié de son visage (et la moitié de l'image également) est pixellisée et l'autre moitié ne l'est pas. Pour ce faire, je vais cliquer sous son œil droit puis, en maintenant ma touche Maj enfoncée pour m'assurer que je fais glisser sur une ligne horizontale, je vais faire glisser ma souris jusqu'au bord gauche de son visage:

Faites glisser un dégradé à travers la zone où vous souhaitez que le mélange entre les deux calques apparaisse.

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

Le premier effet.

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

Regardons une autre variation de notre effet "pixel numérique". Tout d'abord, nous devons supprimer le dégradé que nous avons ajouté au masque de calque il y a un instant. Nous pourrions simplement appuyer sur Ctrl + Z (Win) / Commande + Z (Mac) pour l'annuler, mais remplissons à nouveau le masque de calque avec du blanc. Pour ce faire, avec la miniature du masque de calque sélectionnée dans la palette Calques et le blanc comme couleur d'arrière-plan actuelle, utilisez le raccourci clavier Ctrl + Retour arrière (Win) / Commande + Supprimer (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 pixelisée:

Appuyez sur "Alt + Backspace" (Win) / "Option + Supprimer" (Mac) pour remplir le masque de calque avec du blanc et révéler à nouveau la totalité du calque pixellisé dans la fenêtre du document.

É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:

Sélectionnez l'outil Pinceau

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

En utilisant un pinceau à bords doux et avec du noir toujours comme couleur de premier plan, je vais révéler la partie principale de son visage en peignant simplement dessus avec mon pinceau. Étant donné que je peins sur le masque de calque et non sur l'image elle-même, partout où je peins en noir masquera le calque pixélisé et révélera le calque d'arrière-plan en dessous. Je peux redimensionner mon pinceau à la volée en utilisant les touches de support gauche et droite de mon clavier, et je peux régler mon pinceau sur un bord doux en maintenant la touche Maj enfoncée et en appuyant plusieurs fois sur la touche de support gauche :

Utilisez une brosse à bords doux pour peindre les parties du calque pixellisé, révélant l'image originale en dessous.

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

Les parties principales de son visage apparaissent maintenant telles qu'elles étaient sur la photo d'origine, tandis que le reste de la photo reste pixélisé.

Étape 11: réduire l'opacité du calque pixélisé

Je vais laisser l'image originale apparaître partiellement à travers l'image pixélisée, et je peux le faire simplement en allant jusqu'à l'option Opacité dans le coin supérieur droit de la palette Calques et en baissant la valeur d'opacité. Je vais l'abaisser à environ 75%:

Réduisez l'opacité du calque pixellisé pour permettre à l'image d'origine de s'afficher partiellement.

Voici mon image après avoir réduit l'opacité du calque pixellisé, créant notre deuxième variation sur l'effet:

La deuxième variation sur l'effet "pixel numérique".

Étape 12: Expérimentez avec différents modes de mélange pour le calque pixélisé pour des résultats différents

Pour créer encore plus de variations sur l'effet, expérimentez différents modes de fusion pour le calque pixellisé en allant jusqu'aux options de mode de fusion dans le coin supérieur gauche de la palette Calques et en sélectionnant différents dans la liste. Tout d'abord, je vais remettre l' opacité de mon calque pixellisé à 100%. Ensuite, je vais changer mon mode de fusion du calque de "Normal" à Assombrir :

Réglez l'opacité du calque pixellisé à 100%, puis changez le mode de fusion du calque pixélisé sur "Assombrir".

Voici l'effet que j'obtiens avec le calque pixellisé réglé sur "Assombrir":

L'image après avoir changé le mode de fusion sur "Assombrir".

Essayons de nouveau le mode de fusion Éclaircir, en le modifiant dans le coin supérieur gauche de la palette Calques:

Changez le mode de fusion en "Eclaircir".

Voici l'effet que j'obtiens avec le mode de fusion "Éclaircir":

L'image après avoir changé le mode de fusion en "Eclaircir".

Pour vous montrer à quel point un effet peut être différent en changeant simplement les modes de fusion des calques, nous allons en essayer un de plus. Je vais changer mon mode de mélange cette fois en Hard Mix :

Changez le mode de mélange en "Hard Mix".

Je pense que vous conviendrez que l'effet est maintenant complètement différent, même si tout ce que nous avons fait est de changer le mode de mélange:

Après avoir changé le mode de fusion en "Hard Mix", nous obtenons un effet complètement différent.

Et nous l'avons là! C'est notre regard sur la façon de créer un simple effet "pixel numérique" et un exemple de la façon dont nous pouvons créer différentes variations sur le même effet, et même créer des effets entièrement nouveaux, en expérimentant avec des masques de calque et des modes de fusion dans Photoshop.

Consultez notre section Effets photo pour plus de tutoriels sur les effets Photoshop!

Catégorie: