Dans ce didacticiel Photoshop, nous allons apprendre à donner à une photo un effet de bords usés et déchirés . La création de l'effet est facile, ne nécessitant rien de plus que quelques calques, l'outil Gomme, l'un des pinceaux intégrés de Photoshop et certains styles de calque pour aider à terminer les choses.
Cette version de notre didacticiel Worn, Torn Photo Edges est destinée à Photoshop CS5 et versions antérieures. Si vous utilisez Photoshop CS6 ou Photoshop CC (Creative Cloud), consultez notre version entièrement mise à jour.
Voici l'effet des bords déchirés que nous allons créer:
L'effet final "bords photo déchirés".
Comment faire un effet de bords de photo usés et déchirés
Étape 1: Dupliquez le calque d'arrière-plan
Avec notre image récemment ouverte dans Photoshop, commençons par dupliquer le calque d'arrière-plan. Montez dans le menu Calque dans la barre de menus en haut de l'écran, choisissez Nouveau, puis choisissez Calque via copie . Ou, pour un moyen plus rapide de dupliquer un calque, appuyez sur le raccourci clavier Ctrl + J (Win) / Commande + J (Mac):
Accédez à Calque> Nouveau> Calque via copie ou appuyez sur Ctrl + J (Win) / Commande + J (Mac).
Si nous regardons dans le panneau Calques, nous pouvons voir que notre document contient maintenant deux calques. Le calque d'arrière-plan d'origine se trouve en bas, tandis que notre copie nouvellement ajoutée du calque d'arrière-plan, que Photoshop a automatiquement nommé "calque 1", se trouve au-dessus:
Une copie du calque d'arrière-plan apparaît au-dessus de l'original dans le panneau Calques.
Étape 2: ajouter un espace de toile supplémentaire
Donnons-nous un peu plus de place pour travailler en ajoutant un peu d'espace de toile supplémentaire autour de l'image. Montez dans le menu Image en haut de l'écran et choisissez Taille du canevas :
Accédez à Image> Taille du canevas.
Cela ouvre la boîte de dialogue Taille de la toile de Photoshop. Je vais ajouter 100 pixels supplémentaires autour de l'image en entrant 100 pour les options Largeur et Hauteur au centre de la boîte de dialogue et en m'assurant que le type de mesure est défini sur pixels pour les deux. Assurez-vous également que l'option Relative est cochée afin que l'espace supplémentaire soit ajouté au canevas existant, sinon nous changerons la taille du canevas à 100 x 100 pixels, ce qui n'est pas ce que nous voulons. Cliquez sur le carré central dans la grille d' ancrage afin que l'espace supplémentaire soit ajouté uniformément autour de tous les bords du canevas:
Ajoutez de l'espace supplémentaire autour de l'image avec la boîte de dialogue Taille du canevas.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue Taille du canevas. Si nous regardons l'image dans la fenêtre du document, nous pouvons voir que nous avons maintenant un espace supplémentaire autour de l'image. Nous supprimerons l'espace supplémentaire lorsque nous aurons fini de créer l'effet de bords déchirés. Il s'agit simplement de nous donner un espace supplémentaire pour travailler avec l'outil Gomme, que nous utiliserons dans un instant:
L'espace de toile supplémentaire a été ajouté.
Étape 3: ajouter un nouveau calque vierge entre les deux calques existants
Avec "Layer 1" sélectionné dans le panneau Calques (il doit être surligné en bleu), maintenez enfoncée la touche Ctrl (Win) / Commande (Mac) et cliquez sur l'icône Nouveau calque en bas du panneau Calques:
Maintenez la touche Ctrl (Win) / Commande (Mac) et cliquez sur l'icône Nouveau calque.
Normalement, Photoshop ajoute de nouveaux calques directement au-dessus du calque actuellement sélectionné, mais en maintenant la touche Ctrl / Commande enfoncée lorsque vous cliquez sur l'icône Nouveau calque, nous demandons à Photoshop d'ajouter le nouveau calque sous le calque sélectionné. Nous avons maintenant un nouveau calque vierge nommé "Layer 2" situé entre le calque d'arrière-plan et "Layer 1".
Le nouveau calque vierge apparaît entre le calque d'arrière-plan et le "calque 1".
Étape 4: Remplissez le nouveau calque de blanc
Montez dans le menu Edition en haut de l'écran et choisissez Remplir :
Allez dans Edition> Remplir.
Cela fait apparaître la boîte de dialogue Remplissage de Photoshop, que nous pouvons utiliser pour remplir un calque ou une sélection avec de la couleur. Choisissez Blanc pour l'option Utiliser dans la section Contenu en haut de la boîte de dialogue:
Définissez l'option Utiliser sur Blanc.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Photoshop remplit le nouveau calque de blanc, bien que nous ne puissions pas le voir réellement dans la fenêtre du document car l'image sur "Calque 1" au-dessus de lui bloque le nouveau calque de la vue. Cependant, si nous regardons la vignette d'aperçu du calque pour "Calque 2" dans le panneau Calques, nous pouvons voir que la vignette est maintenant remplie de blanc, ce qui nous indique que le calque lui-même est rempli de blanc:
Les vignettes d'aperçu dans le panneau Calques nous donnent un aperçu du contenu de chaque calque.
Étape 5: Sélectionnez "Couche 1"
Nous sommes prêts à commencer à créer l'effet des bords déchirés, mais d'abord, nous devons nous assurer que nous travaillons sur le bon calque. Pour le moment, nous avons sélectionné "Layer 2", ce que nous savons car "Layer 2" est surligné en bleu dans le panneau Layers. Nous devons travailler sur l'image sur "Layer 1", alors cliquez sur "Layer 1" pour en faire le calque actuellement actif:
Cliquez sur "Couche 1" pour le sélectionner.
Étape 6: Sélectionnez l'outil Gomme
Sélectionnez l' outil Gomme de Photoshop dans le panneau Outils. Vous pouvez également sélectionner rapidement l'outil Gomme en appuyant sur la lettre E de votre clavier:
Sélectionnez l'outil Gomme.
Étape 7: Sélectionnez la brosse à poils ronds 100
Nous pouvons utiliser n'importe quel pinceau de Photoshop avec l'outil Gomme, tout comme nous le ferions si nous utilisions le véritable outil Pinceau. Cliquez sur l' icône bascule du panneau Pinceaux dans la barre des options en haut de l'écran:
L'icône de basculement du panneau Pinceaux ouvre et ferme le panneau Pinceaux.
Cela ouvre le panneau Pinceaux. Cliquez sur l' icône de menu dans le coin supérieur droit du panneau Brosses pour afficher une liste d'options de menu pour le panneau. J'utilise Photoshop CS4 ici. Dans les versions antérieures de Photoshop, l'icône de menu ressemble à une petite flèche. Lorsque le menu apparaît, sélectionnez Grande liste :
Chaque panneau de Photoshop a un menu avec différentes options à choisir.
Cela change la façon dont les pinceaux sont affichés dans le panneau Pinceaux, ce qui permet de voir plus facilement quel pinceau nous sélectionnons. Les pinceaux étant maintenant affichés au format grande liste, faites défiler vers le bas de la liste et cliquez sur le pinceau 100 poils ronds pour le sélectionner:
Cliquez sur la brosse "100 Rough Round Bristle" dans le panneau Brushes pour la sélectionner.
Si vous souhaitez revenir à la façon dont les pinceaux étaient affichés à l'origine, cliquez sur l'icône de menu du panneau Pinceaux et sélectionnez Petite miniature dans la liste.
Cliquez à nouveau sur l' icône de basculement du panneau Pinceaux dans la barre des options une fois que vous avez choisi le pinceau pour le fermer.
Étape 8: effacer autour des bords de l'image
Commençons par créer notre effet de bords déchirés initial le long du côté gauche de l'image. Je dis "initial" parce qu'une fois que nous avons fait le tour de l'image entière une fois, nous allons revenir en arrière une deuxième fois, mais nous y reviendrons plus tard. Positionnez l'outil Gomme de manière à ce qu'il se trouve dans le coin supérieur gauche du document, avec seulement environ 25-30% du pinceau s'étendant jusqu'à l'image. Le reste du pinceau doit être en dehors de l'image dans l'espace blanc que nous avons ajouté au début du didacticiel. Cliquez une fois, puis en maintenant le bouton de la souris enfoncé, faites glisser un court coup de pinceau vers le bas le long du bord supérieur gauche de l'image. Vous verrez des sections du bord être effacées lorsque vous faites glisser, créant le début de notre effet de bords déchirés:
Cliquez et faites glisser un petit coup de pinceau le long du bord supérieur gauche de l'image.
Comme nous pouvons le voir dans la capture d'écran ci-dessus, le coup de pinceau initial n'a pas complètement supprimé le bord droit initial. Il y a encore une faible partie visible, et cela est dû à la forme de la brosse à poils que nous utilisons. Vous devrez probablement revenir sur la même zone deux ou trois fois avant que le bord droit ne soit complètement disparu.
Continuez à descendre le long du côté gauche de l'image en cliquant et en faisant glisser de petits coups de pinceau, en gardant toujours 70 à 75% de la forme du pinceau en dehors de l'image dans la zone blanche afin que nous n'effacions pas trop le bord. Si vous faites une erreur et devez annuler votre dernier coup de pinceau, appuyez sur Ctrl + Z (Win) / Commande + Z (Mac) pour l'annuler, ou appuyez sur Ctrl + Alt + Z (Win) / Commande + Option + Z (Mac ) à plusieurs reprises pour annuler plusieurs coups de pinceau:
Continuez votre chemin vers le bas du côté gauche de l'image avec de courts coups de pinceau.
Si vous trouvez que la taille de pinceau par défaut est trop grande pour votre image, vous pouvez modifier la taille du pinceau à la volée avec les touches de support gauche et droite. Appuyez sur la touche du support gauche ( ( ) pour réduire la taille du pinceau, ou appuyez sur la touche du support droit ( ) ) pour l'agrandir.
Une fois que vous atteignez le coin inférieur gauche de la photo, continuez à vous déplacer dans le reste de l'image jusqu'à ce que vous soyez de retour dans le coin supérieur gauche où vous avez commencé. Lorsque vous avez terminé, vos bords devraient ressembler à ceci:
L'effet initial des bords déchirés.
Étape 9: Dupliquer le calque
Maintenant que nous avons notre effet initial de bords déchirés, nous devons faire une copie du calque. Avec "Layer 1" sélectionné dans le panneau Calques, appuyez sur Ctrl + J (Win) / Commande + J (Mac) pour le dupliquer rapidement. Nous avons maintenant une copie du calque, que Photoshop a correctement nommé "Copie du calque 1", en haut du panneau Calques. Normalement, nous devrions renommer les calques pour éviter de voir des noms comme "Copie de calque 1", mais comme cet effet est assez simple et que nous avons tous les calques dont nous avons besoin à ce stade, nous leur laisserons leurs noms par défaut pour gagner du temps:
Une copie de "Layer 1" apparaît au-dessus de l'original.
Étape 10: désactivez la couche supérieure
Cliquez sur l' icône de visibilité du calque supérieur (également connu sous le nom de "globe oculaire") pour désactiver temporairement le calque et le masquer à la vue dans la fenêtre du document afin que nous puissions voir le "calque 1" d'origine en dessous:
Cliquer sur l'icône "globe oculaire" active et désactive les calques dans le document.
Étape 11: Sélectionnez "Couche 1"
Le calque supérieur étant désormais masqué temporairement, cliquez à nouveau sur "Calque 1" dans le panneau Calques pour le sélectionner:
Cliquez sur "Couche 1" pour le sélectionner.
Étape 12: ajouter un style de calque de superposition de couleurs
Avec "Calque 1" sélectionné, cliquez sur l'icône Styles de calque en bas du panneau Calques et choisissez Superposition de couleurs dans la liste qui apparaît:
Choisissez Superposition de couleurs dans la liste des styles de calque.
Cela ouvre la boîte de dialogue Style de calque de Photoshop définie sur les options de superposition de couleurs dans la colonne du milieu. Par défaut, Photoshop définit la couleur de la superposition sur le rouge et votre photo sera soudainement remplie de rouge dans la fenêtre du document. Pour changer la couleur, cliquez sur l' échantillon de couleur :
Cliquez sur l'échantillon de couleur pour choisir une couleur différente pour la superposition.
Le sélecteur de couleurs de Photoshop apparaît. Choisissez un gris clair dans le sélecteur de couleurs, puis cliquez sur OK pour en sortir. Votre photo doit maintenant être remplie de gris clair dans la fenêtre du document:
Choisissez un gris clair dans le sélecteur de couleurs.
Étape 13: ajouter un style de couche de lueur intérieure
Ne fermez pas encore la boîte de dialogue Style de calque. Nous avons encore quelques styles de calques à ajouter. Cliquez directement sur les mots Inner Glow sur le côté gauche de la boîte de dialogue. Ne cliquez pas simplement à l'intérieur de la case à cocher à gauche des mots. Nous devons cliquer directement sur les mots eux-mêmes pour accéder aux options du style Inner Glow:
Cliquez directement sur les mots "Inner Glow" à gauche de la boîte de dialogue Layer Style.
Les options Inner Glow apparaissent maintenant au centre de la boîte de dialogue Style de calque. Même si le nom du style est Inner Glow, nous allons changer l'éclat en une ombre afin que nous puissions l'utiliser pour assombrir un peu les bords autour de la photo.
Tout d'abord, pour changer le style d'une lueur à une ombre, modifiez l'option Mode de fusion en haut de la boîte de dialogue de Écran à Multiplier . Cliquez ensuite sur le petit échantillon de couleur directement sous le mot "Bruit" pour changer la couleur du style. Par défaut, il est défini sur jaune. Lorsque vous cliquez sur l'échantillon de couleur, le sélecteur de couleurs de Photoshop apparaît, tout comme il a été modifié il y a un instant. Sélectionnez le noir dans le sélecteur de couleurs, puis cliquez sur OK pour en sortir.
Abaissez l' opacité à environ 10% pour que l'ombre soit très subtile. Enfin, augmentez la taille de l'ombre à environ 24 px (pixels):
Changer la lueur en ombre est aussi simple que de changer le mode de fusion en Multiplier et de choisir le noir pour la couleur.
Votre image devrait maintenant ressembler à ceci:
L'image jusqu'à présent après l'application des styles de calque Incrustation couleur et Éclat intérieur.
Étape 14: ajouter une ombre portée
Cliquez directement sur les mots Ombre portée en haut de la liste des styles de calque à gauche de la boîte de dialogue. Encore une fois, nous devons cliquer directement sur les mots eux-mêmes pour accéder aux options de l'ombre portée:
Cliquez directement sur les mots "Ombre portée" à gauche de la boîte de dialogue Style de calque.
Les options Ombre portée s'affichent dans la colonne centrale de la boîte de dialogue Style de calque. Réduisez l' opacité de l'ombre à environ 30%, ce qui la rend beaucoup moins intense qu'avec le paramètre d'opacité par défaut de 75%. Réglez ensuite l'angle de l'ombre à 120 ° s'il n'est pas déjà défini sur celui-ci:
Réglez l'opacité de l'ombre portée à 30% et l'angle à 120 °.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue Style de calque. Voici mon image après avoir appliqué l'ombre portée:
L'image après avoir ajouté les trois styles de calque.
Étape 15: Sélectionnez la couche supérieure et réactivez-la
Cliquez sur le calque supérieur dans le panneau Calques ("Copie du calque 1") pour le sélectionner, puis cliquez sur l' icône de visibilité du calque à gauche du calque pour réactiver le calque afin qu'il soit à nouveau visible dans la fenêtre du document. La photo réapparaîtra et bloquera l'image grise sur laquelle nous travaillions à peine:
Cliquez à nouveau sur l'icône de visibilité des calques pour réactiver le calque supérieur.
Étape 16: Effacez des parties des bords du calque supérieur pour révéler le calque ci-dessous
Avec le calque supérieur sélectionné, revenez sur les bords de l'image avec l'outil Gomme à l'aide de coups de pinceau courts, comme nous l'avons fait initialement sur "Calque 1", pour supprimer davantage le bord. N'oubliez pas de conserver la majeure partie de la forme du pinceau en dehors de l'image afin qu'elle ne dépasse pas 25 à 30% dans l'image. Lorsque des parties du bord sont effacées, l'image gris clair en dessous est révélée, créant l'illusion que la photo elle-même s'est dissipée sur les bords et qu'il ne reste que la couche arrière du papier:
L'effacement des bords de l'image sur le calque supérieur révèle la zone gris clair du "calque 1" en dessous.
Encore une fois, vous pouvez modifier la taille du pinceau si nécessaire en appuyant sur la touche du support gauche ( ( ) pour le réduire ou sur la touche du support droit ( ) ) pour l'agrandir. Si vous faites une erreur, appuyez sur Ctrl + Z (Win) / Commande + Z (Mac) pour annuler la dernière zone que vous avez effacée, ou appuyez sur Ctrl + Alt + Z (Win) / Commande + Option + Z (Mac) pour annuler plusieurs coups de pinceau.
Ici, après avoir à nouveau contourné les bords de la photo, voici mon dernier effet "bords de photo usés et déchirés":
L'effet final "bords photo déchirés".
Étape 17: Coupez l'espace de toile supplémentaire (facultatif)
Si vous souhaitez supprimer l'espace de toile supplémentaire que nous avons ajouté précédemment, accédez au menu Image en haut de l'écran et choisissez Trim :
Allez dans Image> Trim.
Cela ouvre la boîte de dialogue Trim. Sélectionnez l'option Couleur du pixel supérieur gauche . Étant donné que le pixel dans le coin supérieur gauche du document est blanc, Photoshop supprimera toute la zone blanche autour de l'image. Assurez-vous que les options Haut, Bas, Gauche et Droite sont sélectionnées dans la moitié inférieure de la boîte de dialogue, puis cliquez sur OK pour en sortir, à quel point Photoshop supprimera l'espace de travail supplémentaire que nous avons ajouté:
Coupez l'espace supplémentaire du canevas avec la commande Couper.