Dans ce didacticiel sur les effets Photoshop, nous allons apprendre à créer une bordure photo "pixels décolorés", avec l'image apparaissant à travers des formes de pixels carrés de taille aléatoire et dispersées qui se fondent progressivement dans un arrière-plan de couleur unie.
Pour créer l'effet, nous allons charger dans l'un des jeux de pinceaux supplémentaires inclus avec Photoshop, et nous utiliserons certaines des options Dynamique du pinceau pour redimensionner et disperser le pinceau de façon aléatoire pendant que nous peignons. Nous commencerons avec le blanc comme couleur de fond, mais à la fin du tutoriel, nous apprendrons comment changer facilement la couleur, y compris comment échantillonner une couleur directement à partir de l'image elle-même!
J'utiliserai Photoshop CS5 pour ce didacticiel, mais toute version récente de Photoshop fonctionnera.
Voici l'image originale avec laquelle je vais commencer:
La photo originale.
Et voici à quoi cela ressemblera lorsque nous aurons terminé:
Le résultat final.
Comment créer une bordure de photo de pixels décolorés
Étape 1: Dupliquez le calque d'arrière-plan
Avec la photo récemment ouverte dans Photoshop, commençons par faire une copie de l'image afin que nous puissions laisser l'original intact au cas où nous en aurions besoin à nouveau. Si nous regardons dans le panneau Calques, nous voyons que nous commençons avec juste la photo originale assise sur le calque d'arrière-plan:
Le panneau Calques montrant la photo d'origine sur le calque d'arrière-plan.
Pour dupliquer rapidement le calque, appuyez sur Ctrl + J (Win) / Commande + J (Mac) sur votre clavier. Photoshop fait une copie du calque, nomme la copie "Layer 1" et la place au-dessus de l'original:
Une copie de la photo apparaît sur "Couche 1".
Étape 2: ajouter un calque de remplissage de couleur unie blanche entre les calques existants
Sélectionnez le calque d'arrière - plan en cliquant dessus dans le panneau Calques:
Cliquez sur le calque d'arrière-plan pour le sélectionner.
Avec le calque d'arrière-plan sélectionné, cliquez sur l'icône Nouveau calque de remplissage ou d'ajustement au bas du panneau Calques:
Cliquez sur l'icône Nouveau remplissage ou calque de réglage.
Choisissez un calque de remplissage de couleur unie en haut de la liste qui apparaît:
Sélectionnez "Solid Color" dans la liste.
Nous allons utiliser ce calque de remplissage de couleur unie comme couleur de fond pour notre effet. Photoshop ouvrira le sélecteur de couleurs pour que nous puissions choisir la couleur que nous voulons. Choisissez le blanc pour l'instant, soit en cliquant sur le blanc dans le coin supérieur gauche de la boîte de sélection des couleurs à gauche, soit en saisissant 255 pour les valeurs R, G et B près du centre inférieur de la boîte de dialogue. À la fin du didacticiel, nous apprendrons comment modifier facilement la couleur d'arrière-plan, mais le blanc fera pour l'instant:
Choisissez le blanc dans le sélecteur de couleurs.
Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs. Nous ne pourrons pas encore voir la couleur d'arrière-plan blanc dans le document, mais si nous regardons à nouveau dans le panneau Calques, nous verrons le nouveau calque de remplissage Solid Color, que Photoshop a nommé "Color Fill 1", assis entre les calques 1 et le calque d'arrière-plan:
Photoshop place le calque de remplissage Solid Color entre les deux calques d'image.
Étape 3: ajouter un masque de calque rempli de noir au calque 1
Cliquez sur le calque 1 dans le panneau Calques pour le sélectionner:
Sélectionnez le calque 1.
Avec le calque 1 sélectionné, maintenez la touche Alt (Win) / Option (Mac) de votre clavier enfoncée et cliquez sur l'icône Masque de calque en bas du panneau Calques:
Maintenez la touche Alt (Win) / Option (Mac) enfoncée et cliquez sur l'icône Masque de calque.
Cela ajoute un masque de calque au calque 1, et parce que nous avons maintenu la touche Alt (Win) / Option (Mac) enfoncée lorsque nous avons cliqué sur l'icône Masque de calque, Photoshop a rempli le masque de calque avec du noir, ce qui masque complètement la photo sur le calque de la vue. Nous pouvons voir la miniature du masque de calque noir sur le calque 1 dans le panneau Calques:
Une vignette de masque de calque, remplie de noir, apparaît sur le calque 1.
La photo du calque 1 étant masquée, nous pouvons maintenant voir le calque de remplissage de couleur unie blanc dans le document:
Le calque de remplissage blanc est désormais visible.
Étape 4: Dupliquer la couche 1 trois fois
Appuyez trois fois sur Ctrl + J (Win) / Commande + J (Mac) sur votre clavier pour créer trois copies supplémentaires du calque 1. Nous ne pourrons rien voir se produire dans la fenêtre du document, mais lorsque vous aurez terminé, vous devriez avoir quatre copies de la photo, chacune avec son propre masque de calque rempli de noir, assis au-dessus du calque de remplissage de couleur unie dans le panneau Calques:
Quatre copies de la photo apparaissent au-dessus du calque de remplissage Solid Color.
Étape 5: Sélectionnez l'outil Pinceau
Sélectionnez l' outil Pinceau de Photoshop dans le panneau Outils:
Sélection de l'outil Pinceau.
Étape 6: Charger l'ensemble de brosses carrées
Nous allons utiliser l'un des pinceaux de Photoshop pour créer notre effet pixel, mais le pinceau dont nous avons besoin n'est pas chargé par défaut pour nous, nous devons donc d'abord le charger manuellement. Avec l'outil Pinceau sélectionné, faites un clic droit (Win) / Ctrl-clic (Mac) n'importe où dans le document pour ouvrir rapidement le sélecteur de pinceaux, puis cliquez sur la petite icône de flèche dans le coin supérieur droit:
Cliquez sur la petite flèche.
Cela ouvre un menu avec diverses options, y compris une liste au bas des jeux de pinceaux supplémentaires que nous pouvons charger. Choisissez le jeu de pinceaux carrés :
Choisissez le jeu de brosses carrées dans la liste.
Photoshop vous demandera si vous souhaitez remplacer les pinceaux originaux par les nouveaux. Cliquez sur Ajouter pour conserver les originaux et ajoutez simplement les nouveaux pinceaux après eux:
Cliquez sur "Ajouter" pour ajouter les nouveaux pinceaux sans retirer les originaux.
Une fois les nouveaux pinceaux chargés, faites défiler les vignettes des pinceaux dans le sélecteur de pinceaux jusqu'à ce que vous arriviez aux pinceaux carrés (qui devraient se trouver tout en bas de la liste). Double-cliquez sur le pinceau carré de 24 pixels pour le sélectionner et fermez le sélecteur de pinceaux:
Double-cliquez sur la vignette du pinceau carré de 24 pixels.
Étape 7: définir la gigue de la taille de la brosse à 100%
Appuyez sur la touche F5 de votre clavier pour ouvrir rapidement le panneau principal de Photoshop, puis cliquez directement sur les mots Dynamique de forme sur le côté gauche du panneau. Assurez-vous de cliquer sur les mots eux-mêmes, pas seulement dans la case à cocher à gauche des mots:
Cliquez directement sur les mots Dynamique des formes dans le panneau Pinceaux.
Augmentez l'option Jitter de taille à 100%, ce qui créera des carrés de taille aléatoire lorsque nous peindrons avec le pinceau. Assurez-vous que l'option Diamètre minimum est définie sur 0% et que les options Gigue angulaire et Gigue de rondeur sont également définies sur 0% :
Augmentez la gigue de taille à 100% et assurez-vous que les autres options sont définies sur 0%.
Étape 8: ajouter de la dispersion à la brosse
Cliquez directement sur le mot Diffusion sous Dynamique de forme sur le côté gauche du panneau Pinceaux. Encore une fois, assurez-vous de cliquer sur le mot lui-même, pas à l'intérieur de la case à cocher:
Sélectionnez Diffusion sur le côté gauche du panneau Pinceaux.
Augmentez la valeur Scatter à environ 700%, ce qui dispersera les carrés lorsque nous peindrons. Sélectionnez l'option Both Axes en cliquant à l'intérieur de sa case à cocher, puis assurez-vous que l'option Count est définie sur 1 et Count Jitter est définie sur 0% . Lorsque vous avez terminé, appuyez à nouveau sur F5 sur votre clavier pour fermer le panneau Brosses:
Les options de diffusion.
Étape 9: Sélectionnez le masque du calque supérieur
Avec notre pinceau carré prêt à l'emploi, cliquez sur la miniature du masque du calque supérieur dans le panneau Calques. De cette façon, nous allons peindre sur le masque de calque lui-même, pas sur la photo. Une zone de surbrillance blanche apparaîtra autour de la vignette pour vous informer que le masque est sélectionné:
Cliquez sur la vignette du masque de calque pour le calque supérieur.
Étape 10: Peignez les zones principales de la photo
Assurez-vous que la valeur d' opacité du calque supérieur est définie sur 100%, ce qu'elle devrait être par défaut:
La valeur d'opacité du calque supérieur doit être définie sur 100%.
De plus, avant de commencer à peindre, appuyez sur la lettre D de votre clavier pour vous assurer rapidement que vos couleurs de premier plan et d'arrière-plan sont définies par défaut sur blanc (couleur de premier plan) et noir (couleur d'arrière-plan). Photoshop utilise la couleur de premier plan comme couleur du pinceau, et nous voulons être sûrs que nous peignons sur le masque de calque avec du blanc afin que nous puissions révéler la photo pendant que nous peignons:
Appuyez sur D sur votre clavier pour réinitialiser les couleurs de premier plan et d'arrière-plan.
Avec le pinceau carré à la main, l'opacité du calque définie sur 100% et votre couleur de premier plan sur blanc, commencez à peindre uniquement sur les zones principales et importantes de votre photo. Bien sûr, puisque tout ce que nous pouvons voir pour le moment est le fond blanc uni, vous devrez faire une "meilleure estimation" de l'endroit où se trouvent ces zones importantes. Si vous ne réussissez pas la première fois, appuyez simplement sur Ctrl + Z (Win) / Commande + Z (Mac) pour annuler votre coup de pinceau, puis réessayez.
Pendant que vous peignez, vous verrez la photo apparaître à travers une série de carrés de taille aléatoire et dispersés, créant les premières étapes de notre effet pixel:
La photo est révélée à travers les carrés pendant que vous peignez.
Si vous n'êtes pas satisfait de la taille de votre pinceau carré, appuyez sur Ctrl + Z (Win) / Commande + Z (Mac) pour annuler le coup de pinceau (ou appuyez sur Ctrl + Alt + Z (Win) / Commande + Option + Z (Mac) à plusieurs reprises pour annuler plusieurs coups de pinceau), puis redimensionnez votre pinceau à l'aide des touches de crochet gauche et droite de votre clavier. Chaque fois que vous appuyez sur la touche du crochet gauche ( ( ), vous réduisez le pinceau, tandis que la touche du crochet droit ( ) ) l'agrandit. Recommencez à peindre une fois que vous êtes satisfait de la taille du pinceau.
Continuez à peindre sur la ou les parties principales de votre image. Voici mon document jusqu'à présent. Normalement, je réduirais la taille de mon pinceau un peu plus petit que ce que j'utilise ici, ce qui me donnerait des carrés plus petits, mais les petits carrés pourraient être difficiles à voir dans les captures d'écran, donc pour ce tutoriel, je laisse le pinceau réglé à sa taille d'origine de 24 pixels:
La première partie de l'effet est terminée.
Étape 11: Sélectionnez le masque de calque sur le calque suivant
Cliquez sur la vignette du masque pour le calque directement sous le calque supérieur. Encore une fois, une bordure de surbrillance blanche apparaît autour de la vignette pour vous indiquer que le masque de calque est sélectionné:
Cliquez sur la vignette du masque pour le deuxième calque à partir du haut.
Étape 12: abaisser l'opacité du calque à 70%
Réduisez la valeur d' opacité de ce calque à environ 70% :
Modifiez l'opacité du calque à 70%.
Étape 13: Peignez autour de la zone initiale pour révéler davantage la photo
Avec l'opacité du calque abaissée, peignez autour de la zone initiale pour révéler davantage la photo. Étant donné que l'opacité du calque est définie à seulement 70%, cette nouvelle zone apparaîtra un peu fanée par rapport à la zone précédente sur laquelle nous avons peint:
La zone nouvellement révélée semble légèrement fanée autour de la zone principale.
Étape 14: Sélectionnez le masque du calque suivant
Cliquez sur la vignette du masque pour le troisième calque à partir du haut:
Sélectionnez le masque du calque suivant.
Étape 15: abaisser l'opacité du calque à 35%
Réduisez l' opacité de ce troisième calque à environ 35% :
Modifiez l'opacité du calque à 35%.
Étape 16: Peinture pour révéler plus de la photo
Continuez à peindre autour de la zone précédente pour révéler plus de la photo. Cette nouvelle zone apparaîtra encore plus fanée que la précédente grâce à la valeur d'opacité de 35%:
Continuez à peindre pour révéler davantage l'image.
Étape 17: Sélectionnez le masque du calque suivant
Enfin, cliquez sur la miniature du masque du calque 1 d'origine pour le sélectionner:
Sélectionnez le masque du calque 1.
Étape 18: abaisser l'opacité du calque à 10%
Réduisez l'opacité du calque 1 jusqu'à 10% environ:
Modifiez l'opacité du calque à 10%.
Étape 19: Peinture dans les zones restantes de la photo
Peignez à l'intérieur des zones blanches restantes autour de l'image pour en révéler le reste. Cette dernière partie apparaîtra très faible avec l'opacité du calque à seulement 10%:
Peignez à l'intérieur des zones blanches restantes autour du document pour révéler le reste de l'image.
Étape 20: modifier la couleur d'arrière-plan (facultatif)
À ce stade, l'effet est terminé, mais si vous souhaitez changer la couleur d'arrière-plan en autre chose que du blanc, double-cliquez simplement sur l' échantillon de couleur pour le calque de remplissage Solid Color dans le panneau Calques:
Double-cliquez sur l'échantillon de couleur du calque de remplissage.
Cela rouvrira le sélecteur de couleurs. Vous pouvez sélectionner une nouvelle couleur dans le sélecteur de couleurs, mais ce que j'aime faire, c'est échantillonner une couleur directement à partir de l'image elle-même. Pour ce faire, avec le sélecteur de couleurs toujours ouvert, déplacez le curseur de votre souris sur l'image. Vous verrez votre curseur se transformer temporairement en icône Outil Pipette . Cliquez sur une zone de l'image contenant la couleur souhaitée pour votre arrière-plan. Je clique sur une zone du front de la femme:
Cliquez sur une couleur de l'image pour l'utiliser comme arrière-plan de l'effet.
Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs. Le calque de remplissage de couleur unie se met à jour instantanément à la couleur nouvellement échantillonnée, nous donnant notre nouvelle couleur de fond pour l'effet:
Le même effet avec la nouvelle couleur de fond.