Dans ce didacticiel Photoshop Effcts, nous allons apprendre à créer un effet photo intéressant en prenant une image et en la transformant en une série de bandes entrelacées. Nous utiliserons quelques calques et masques de calque dans le didacticiel, ainsi que quelques masques d'écrêtage et un style de calque, et nous activerons la grille de Photoshop pour nous aider.
La première fois que j'ai vu cet effet Photoshop, j'ai pensé "Wow, il se passe des trucs vraiment avancés!". Mais comme pour la plupart des choses de la vie, après y avoir réfléchi quelques minutes, j'ai réalisé à quel point c'est vraiment simple, comme nous le verrons!
Voici la photo que j'utiliserai pour ce tutoriel. C'est la même image que j'ai utilisée dans le didacticiel Ghosting An Image, mais cela fonctionne aussi très bien avec cet effet:
L'image originale.
Et voici la même image après l'avoir transformée en bandes entrelacées. Remarquez comment les bandes verticales et horizontales semblent alterner entre aller au-dessus et en dessous l'une de l'autre (d'où la partie "entrelacement" vient):
Le résultat final.
Ce tutoriel est issu de notre série Effets photo. Commençons!
Étape 1: recadrer l'image dans un carré
La première chose que nous devons faire pour cet effet est de recadrer l'image dans un carré, bien que techniquement, vous pouvez laisser l'image en 4x6 ou quelle que soit sa taille, mais l'effet a tendance à mieux apparaître comme un carré, alors recadrons il. Nous utiliserons l' outil de recadrage de Photoshop pour cela, alors sélectionnez-le dans la palette d'outils:
Sélectionnez l'outil de recadrage.
Vous pouvez également appuyer sur la lettre C pour la sélectionner rapidement avec le raccourci clavier. Ensuite, avec l'outil de recadrage sélectionné, maintenez la touche Maj enfoncée et faites glisser une sélection autour du visage de la personne. Maintenir la touche Maj indique à Photoshop de contraindre la sélection à un carré parfait:
Maintenez "Shift" et faites glisser une sélection carrée autour du visage de la personne.
Appuyez sur Entrée (Win) / Retour (Mac) lorsque vous avez terminé de faire glisser la sélection et Photoshop continue et recadre l'image dans un carré:
L'image est maintenant recadrée dans un carré.
Étape 2: dupliquer le calque d'arrière-plan deux fois
La prochaine chose que nous allons faire est de créer quelques copies de notre image. Si nous regardons dans la palette Calques, nous pouvons voir que nous avons actuellement un calque qui est nommé Arrière - plan et qui contient notre image d'origine (ou du moins, ce qui reste de notre image d'origine maintenant que nous l'avons recadrée). Nous devons dupliquer le calque d'arrière-plan plusieurs fois, alors utilisez le raccourci clavier Ctrl + J (Win) / Commande + J (Mac) pour le dupliquer une fois, puis utilisez à nouveau le même raccourci clavier pour créer une deuxième copie. Vous devriez maintenant voir trois calques dans votre palette Calques. Double-cliquez directement sur le nom du calque en haut et renommez-le "Vertical Strips", puis double-cliquez directement sur le nom du calque en dessous et renommez-le "Horizontal Strips":
Appuyez sur "Ctrl + J" (Win) / "Commande + J" (Mac) pour créer deux copies du calque d'arrière-plan, puis renommez celui du haut "Bandes verticales" et celui du bas "Bandes horizontales".
Étape 3: Remplissez le calque d'arrière-plan avec du noir
Appuyez sur D sur votre clavier pour réinitialiser les couleurs de premier plan et d'arrière-plan de Photoshop à leurs valeurs par défaut de noir comme couleur de premier plan et de blanc comme couleur d'arrière-plan (la vôtre peut déjà avoir défini les couleurs par défaut). Cliquez ensuite sur le calque d'arrière-plan d'origine (le calque inférieur) dans la palette Calques pour le sélectionner. Nous allons le remplir de noir, et avec le noir maintenant comme couleur de premier plan, nous pouvons utiliser le raccourci clavier Alt + Retour arrière (Win) / Option + Supprimer (Mac) qui remplit le calque actuellement sélectionné avec la couleur de premier plan actuelle ( noir). Rien ne semble être arrivé à l'image, car les deux calques au-dessus du calque d'arrière-plan la bloquent de la vue, mais si nous regardons dans la palette Calques, nous pouvons voir que la vignette du calque d'arrière-plan est maintenant remplie de noir, ce qui nous dit que la couche elle-même est remplie de noir:
Sélectionnez le calque d'arrière-plan dans la palette des calques et appuyez sur "Alt + Backspace" (Win) / "Option + Supprimer" (Mac) pour le remplir de noir.
Étape 4: Désactivez la couche supérieure pour l'instant
Nous allons d'abord créer nos bandes horizontales, mais la couche "Vertical Strips" sur le dessus va bloquer notre vue, nous devons donc la désactiver temporairement. Pour ce faire, cliquez sur l' icône de visibilité des calques (l' icône "globe oculaire") à gauche du calque "Bandes verticales" dans la palette Calques. Vous ne verrez rien arriver à l'image elle-même car les calques "Vertical Strips" et "Horizontal Strips" sont identiques pour le moment, mais lorsque vous cliquez sur l'icône du globe oculaire, le globe oculaire disparaîtra, vous permettant de savoir que le calque est maintenant caché:
Cliquez sur l'icône "globe oculaire" à gauche du calque "Bandes verticales" dans la palette Calques pour désactiver temporairement le calque.
Étape 5: activer la grille de Photoshop
Nous allons créer nos bandes verticales et horizontales, et pour nous aider, nous utiliserons la grille de Photoshop. Montez dans le menu Affichage en haut de l'écran, choisissez Afficher, puis choisissez Grille. Vous pouvez également utiliser le raccourci clavier Ctrl + '(Win) / Commande +' (Mac) pour activer et désactiver facilement la grille. Lorsque votre grille apparaît, si vous trouvez que vous ne pouvez pas la voir très bien parce que la couleur de la grille se fond avec les couleurs de votre image, appuyez sur Ctrl + K (Win) / Commande + K (Mac) pour afficher rapidement Photoshop. Préférences. Ensuite, dans le menu déroulant en haut, choisissez Guides, Grille et Tranches. De là, nous pouvons changer la couleur de la grille. Dans les options de la grille, cliquez sur l'échantillon de couleur dans le coin supérieur droit, ce qui fera apparaître le sélecteur de couleurs de Photoshop. Sélectionnez une couleur pour votre grille que vous pourrez voir devant votre image, puis cliquez sur OK pour quitter le sélecteur de couleurs. Vous pouvez voir dans la capture d'écran ci-dessous des options de la grille que j'ai changé la couleur de ma grille en jaune:
Modifiez la couleur de la grille dans les préférences de Photoshop si nécessaire.
Cliquez sur OK pour quitter la boîte de dialogue Préférences. Vous devriez maintenant voir votre grille dans votre nouvelle couleur (dans mon cas, le jaune) au-dessus de votre image:
La grille s'affiche au-dessus de l'image.
Étape 6: faites glisser une série de sélections horizontales
Créons d'abord nos bandes horizontales. Saisissez votre outil de sélection rectangulaire dans la palette d'outils ou appuyez sur M sur votre clavier pour le sélectionner rapidement:
Sélectionnez l'outil Rectangle de sélection.
Utilisons maintenant notre grille pour nous aider à créer nos bandes horizontales. Tout d'abord, assurez-vous que le calque "Bandes horizontales" est sélectionné dans la palette Calques (le calque actuellement sélectionné est surligné en bleu). Je vais créer des bandes horizontales qui sont hautes de deux rangées de grille, avec une rangée de grille les séparant les unes des autres. Maintenant, je veux m'assurer que les yeux de la femme sont inclus dans l'effet final, donc je vais commencer par faire glisser une sélection autour des deux rangées de grille devant ses yeux. Par défaut, ma sélection s'alignera sur la grille pendant que je fais glisser pour faciliter les choses. Si vous constatez que votre sélection ne s'aligne pas sur la grille, accédez au menu Affichage en haut de l'écran, choisissez Accrocher à, puis choisissez Grille. Vous devriez voir une coche à gauche du mot "Grille".
Voici ma sélection autour des deux rangées de grille devant ses yeux:
Faites glisser une sélection horizontale de deux lignes de grille vers le haut.
Cette sélection deviendra l'une de nos bandes horizontales. Créons maintenant les autres. Maintenez la touche Maj enfoncée, ce qui indiquera à Photoshop d'ajouter ces prochaines sélections à notre sélection d'origine, et faites glisser d'autres sélections horizontales, en gardant chacune deux lignes de grille hautes et en laissant une ligne de grille séparant chaque sélection. Votre image devrait ressembler à ceci lorsque vous avez terminé:
Maintenez "Shift" et faites glisser le reste des sélections horizontales, en faisant chacune deux rangées de grille hautes et en laissant une ligne de grille entre elles.
Étape 7: ajouter un masque de calque
Avec nos sélections horizontales en place, cliquez sur l'icône Masque de calque au bas de la palette Calques pour ajouter un masque de calque au calque "Bandes horizontales":
Cliquez sur l'icône "Masque de calque" en bas de la palette des calques.
Photoshop ajoute un masque au calque et utilise les sélections que nous avons créées pour déterminer quelles parties du calque resteront visibles et quelles parties seront masquées. Les zones qui étaient à l'intérieur de nos sélections horizontales restent visibles, tandis que les zones qui se trouvaient dans les colonnes de la grille qui séparaient nos sélections disparaissent, révélant la couche remplie de noir en dessous:
Après avoir ajouté le masque de calque, Photoshop masque les zones entre nos sélections, révélant le calque noir en dessous.
Je vais appuyer sur Ctrl + '(Win) / Commande +' (Mac) pour masquer temporairement ma grille afin que nous puissions voir plus clairement ce qui s'est passé. Nous avons maintenant créé nos bandes horizontales:
Les bandes horizontales sont maintenant créées.
Étape 8: réactiver le calque "Vertical Strips"
Nous allons faire la même chose maintenant pour créer nos bandes verticales. Tout d'abord, cliquez sur le calque "Bandes verticales" supérieur dans la palette Calques pour le sélectionner, puis cliquez sur son icône de visibilité du calque pour ramener le globe oculaire et réactiver le calque lui-même:
Sélectionnez le calque "Vertical Strips" dans la palette Calques et cliquez à nouveau sur son icône de visibilité du calque pour réactiver le calque.
Étape 9: faites glisser une série de sélections verticales
Tout comme nous l'avons fait lors de la création des bandes horizontales, déplaçons une série de sélections, cette fois verticales. Nous effectuerons les sélections verticales sur deux colonnes de grille en laissant une colonne de grille entre elles. Utilisez votre outil de sélection rectangulaire pour faire glisser votre première sélection, puis maintenez la touche Maj enfoncée et faites glisser le reste de vos sélections. Votre image devrait maintenant ressembler à ceci:
Faites glisser une série de sélections verticales. Faites-en deux colonnes de grille de large et laissez une colonne de grille entre chaque sélection pour les séparer.
Étape 10: ajouter un masque de calque
Avec nos sélections verticales en place, cliquez sur l'icône Masque de calque au bas de la palette Calques:
Ajoutez un masque de calque au calque "Bandes verticales".
Photoshop ajoute un masque de calque au calque et, comme précédemment, il utilise nos sélections pour déterminer quelles zones du calque restent visibles et lesquelles disparaissent de la vue. Les zones à l'intérieur de nos sélections restent visibles et les zones qui se trouvaient à l'intérieur des colonnes de la grille séparant nos sélections disparaissent, révélant à la fois le calque "Bandes horizontales" et le calque noir ci-dessous:
Seules les zones situées à l'intérieur de nos sélections verticales restent visibles.
Encore une fois, je désactiverai temporairement ma grille avec Ctrl + ' (Win) / Command +' (Mac) afin que nous puissions voir l'image elle-même plus facilement. Votre image devrait maintenant ressembler à ceci:
Les bandes verticales et horizontales sont maintenant créées.
Étape 11: Sélectionnez tous les points d'intersection de bande
Nous avons nos bandes verticales et horizontales, mais tout ce qui ressemble vraiment à l'heure actuelle, c'est que nous avons un tas de carrés noirs couvrant notre image. Nous devons créer l'illusion que les bandes se tissent les unes au-dessus des autres. Pour ce faire, nous devons sélectionner les zones où les bandes verticales et horizontales se croisent. Avant de faire cela, appuyez sur Ctrl + '(Win) / Commande +' (Mac) pour désactiver la grille si vous ne l'avez pas déjà fait, car nous n'en avons plus besoin. Ensuite, maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez directement sur la vignette du masque de calque du "Strip horizontal":
Maintenez la touche "Ctrl" (Win) / "Commande" (Mac) et cliquez directement sur la vignette du masque de calque "Horizontal Strips".
Cela rechargera les sélections horizontales dans l'image:
Les sélections horizontales sont à nouveau chargées dans l'image.
Maintenez ensuite les touches Maj + Ctrl + Alt (Win) / Maj + Commande + Option (Mac) enfoncées et cliquez directement sur la vignette du masque de calque "Vertical Strips":
Maintenez "Shift + Ctrl + Alt" (Win) / "Shift + Command + Option" (Mac) et cliquez directement sur le masque de calque "Vertical Strips".
Cela fera deux choses: premièrement, il chargera les sélections verticales dans l'image et deuxièmement, il indiquera à Photoshop de ne conserver la sélection que dans les zones où les sélections horizontales et verticales se croisent. Tout le reste est désélectionné:
Seules les zones où les sélections horizontales et verticales se croisent restent sélectionnées.
Étape 12: enregistrer la sélection
Avant d'aller plus loin, nous devons enregistrer cette sélection. Pour ce faire, accédez au menu Sélectionner en haut de l'écran et choisissez Enregistrer la sélection. Lorsque la boîte de dialogue "Enregistrer la sélection" apparaît, cliquez simplement sur OK dans le coin supérieur droit pour en sortir:
Sauvegardez la sélection.
Étape 13: désélectionner chaque autre sélection de carrés
Avec votre outil de sélection rectangulaire toujours actif, maintenez enfoncée la touche Alt (Win) / Option (Mac) et faites glisser une sélection autour de chaque autre sélection carrée. Cela désélectionnera les sélections que vous faites glisser. Continuez à faire glisser le curseur sur toutes les autres sélections de carrés pour les désélectionner jusqu'à ce qu'il ne reste que la moitié des sélections de carrés d'origine. Votre image devrait ressembler à ceci:
Désélectionnez toutes les autres sélections de cases jusqu'à ce qu'il ne reste que la moitié d'entre elles.
Étape 14: copier la sélection vers un nouveau calque
Cliquez sur la vignette du calque "Bandes horizontales" dans la palette Calques pour le sélectionner. Appuyez ensuite sur Ctrl + J (Win) / Commande + J (Mac) pour copier les zones sélectionnées vers un nouveau calque. Vous ne verrez rien arriver à l'image elle-même, mais si vous regardez dans la palette Calques, vous verrez un nouveau calque nommé "Calque 1" ajouté entre les calques "Bandes horizontales" et "Bandes verticales" qui contient notre carré domaines sélectionnés:
Appuyez sur "Ctrl + J" (Win) / "Commande + J" (Mac) pour copier les zones sélectionnées vers un nouveau calque.
Étape 15: créer un masque d'écrêtage
Une fois le nouveau calque sélectionné, accédez au menu Calque en haut de l'écran et choisissez Créer un masque d'écrêtage . Vous pouvez également utiliser le raccourci clavier Ctrl + Alt + G (Win) / Commande + Option + G (Mac). Dans les deux cas, "clip" le nouveau calque sur le calque situé en dessous. Nous ne pouvons voir aucune différence dans l'image elle-même, mais dans la palette Calques, nous pouvons voir que le nouveau calque est maintenant en retrait vers la droite, ce qui nous indique qu'il est écrêté par le calque en dessous:
Maintenez "Ctrl" (Win) / "Commande" (Mac) et cliquez sur la vignette du masque de calque "Horizontal Strips".
Étape 16: recharger la sélection enregistrée
Reprenons la sélection que nous avons enregistrée il y a un instant, et nous pouvons le faire facilement en utilisant le raccourci clavier Ctrl + Alt + 4 (Win) / Commande + Option + 4 (Mac):
Rechargez la sélection enregistrée.
Étape 17: désélectionner les sélections de carrés opposés
L'outil Rectangle de sélection étant toujours sélectionné, maintenez à nouveau la touche Alt (Win) / Option (Mac) enfoncée et faites glisser autour de chaque autre sélection de carré pour la désélectionner. Cette fois cependant, vous souhaitez conserver les sélections carrées que vous avez supprimées la première fois que nous avons fait cela et désélectionner toutes celles que vous avez conservées, de sorte que lorsque vous avez terminé, votre image ressemble à ceci:
Maintenez "Alt" (Win) / "Option" (Mac) et faites glisser les sélections autour des sélections carrées pour les désélectionner. Conservez ceux que vous avez désélectionnés précédemment et désélectionnez ceux que vous avez conservés.
Étape 18: copier la sélection vers un nouveau calque
Cliquez sur le calque "Vertical Strips" en haut de la palette Calques pour le sélectionner, puis appuyez sur Ctrl + J (Win) / Commande + J (Mac) pour copier les zones sélectionnées vers un nouveau calque. Encore une fois, nous ne verrons rien arriver à l'image elle-même, mais la palette Calques nous montre un nouveau calque nommé "Calque 2" au-dessus du calque "Bandes verticales" qui contient nos zones carrées sélectionnées:
La palette Calques montrant le nouveau calque en haut contenant nos zones carrées sélectionnées.
Étape 19: créer un masque d'écrêtage
Tout comme nous l'avons fait il y a un instant, allez dans le menu Calque et choisissez Créer un masque d'écrêtage ou appuyez sur Ctrl + Alt + G (Win) / Commande + Option + G (Mac) pour créer un masque d'écrêtage. Nous pouvons maintenant voir le nouveau calque en retrait à droite nous disant qu'il est découpé par le calque "Vertical Strips" en dessous:
Le nouveau calque est maintenant découpé par le calque "Vertical Strips" en dessous.
Étape 20: ajouter un style de couche de lueur extérieure
Le calque supérieur étant toujours sélectionné, cliquez sur l'icône Styles de calque au bas de la palette Calques:
Cliquez sur l'icône "Styles de calque".
Sélectionnez Outer Glow dans la liste des styles de calque qui s'affiche:
Sélectionnez le style de calque "Lueur extérieure".
Cela fait apparaître la boîte de dialogue "Style de calque" définie sur les options "Lueur extérieure" au milieu. Nous allons transformer notre "lueur" en une ombre, et pour ce faire, nous devons changer le mode de mélange en haut de Multiply . Nous ne voulons pas non plus que le jaune soit notre couleur d'ombre, alors cliquez sur l'échantillon de couleur juste en dessous du mot "bruit", qui fait apparaître le sélecteur de couleurs de Photoshop, et sélectionnez le noir comme couleur. Cliquez sur OK une fois que vous avez sélectionné le noir pour quitter le sélecteur de couleurs. Abaissez la valeur d' opacité à environ 60% pour que l'ombre ne soit pas aussi sombre et intense. Enfin, dans la section "Éléments" au milieu de la boîte de dialogue, augmentez la valeur Taille à environ 40 pixels:
Modifiez les options "Outer Glow" entourées en rouge ci-dessus.
Vous devrez peut-être ajuster la valeur "Taille" en fonction de la taille et de la résolution de l'image que vous utilisez. Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue Style de calque. Votre image devrait maintenant ressembler à ceci. Nous avons presque fini:
L'image après avoir appliqué le style de calque au "Calque 2".
Étape 21: Copiez et collez le style de calque sur "Layer 1"
Il ne reste plus qu'à appliquer exactement le même style de calque Lueur extérieure au "Calque 1". Plutôt que d'ajouter un autre éclat extérieur et de devoir à nouveau modifier tous les paramètres dans les options, nous pouvons simplement copier notre style de calque à partir de "Layer 2" et le coller sur "Layer 1". Pour ce faire, accédez au menu Calque en haut de l'écran, choisissez Style de calque, puis choisissez Copier le style de calque . Cliquez ensuite sur "Layer 1" dans la palette Calques pour le sélectionner, revenez au menu Calque, choisissez à nouveau Style de calque, et cette fois, choisissez Coller le style de calque .
Dès que vous faites cela, la lueur extérieure, avec tous les paramètres que nous venons de changer, est collée sur "Couche 1", et l'effet "entrelacement de bandes photo" est terminé:
Copiez et collez le style de calque Lueur extérieure de "Couche 2" sur "Couche 1" pour terminer l'effet.
Et nous l'avons là! Voilà comment créer un effet de bandes photo entrelacées dans Photoshop! Visitez notre section Effets photo pour plus de tutoriels sur les effets Photoshop!