Dans ce didacticiel Photoshop, nous allons apprendre à ajouter un effet de vignette classique intemporel à une photo, parfait pour les photos de mariage et de fiançailles, les anniversaires et autres portraits de famille!
La création de l'effet est facile et une fois que vous êtes familiarisé avec les étapes, cela ne prend pas plus de quelques minutes du début à la fin. J'utilise Photoshop CS5 ici, mais toute version récente de Photoshop fonctionnera.
Voici la photo avec laquelle je vais commencer:
L'image originale.
Voici à quoi ressemblera le résultat final:
L'effet vignette final.
Comment créer un effet vignette classique
Étape 1: ajouter un calque de remplissage de couleur unie blanche
Avec la photo récemment ouverte dans Photoshop, nous commencerons par remplir notre document de blanc, qui deviendra la couleur de la bordure de la vignette. Normalement, nous ajoutons simplement un nouveau calque vierge au document, puis utilisons la commande Remplir de Photoshop pour remplir le nouveau calque de blanc, mais faisons quelque chose de différent. Cliquez sur l'icône Nouveau remplissage ou calque de réglage en bas du panneau Calques (c'est le cercle divisé en diagonale entre le noir et le blanc):
Cliquez sur l'icône Nouveau remplissage ou calque de réglage.
Cela ouvre une liste de toutes les couches de remplissage et de réglage parmi lesquelles nous pouvons choisir. Sélectionnez un calque de remplissage de couleur unie en haut de la liste:
Choisissez Solid Color dans la liste.
Comme son nom l'indique, un calque de remplissage de couleur unie nous permet de remplir rapidement le document avec une couleur unie. Dès que vous choisissez Solid Color dans la liste, Photoshop ouvre le sélecteur de couleurs afin que nous puissions sélectionner la couleur que nous voulons utiliser. Choisissez le blanc, soit en cliquant dans le coin supérieur gauche de la grande boîte de sélection des couleurs sur la gauche, soit en saisissant 255 pour les valeurs R, G et B près du centre inférieur de la boîte de dialogue:
Choisissez le blanc dans le sélecteur de couleurs.
Cliquez sur OK pour fermer le sélecteur de couleurs et le document est maintenant rempli de blanc uni:
Le calque de remplissage de couleur unie remplit le document de blanc.
Étape 2: Sélectionnez le masque de calque
Alors, pourquoi avons-nous utilisé un calque de remplissage de couleur unie ici au lieu d'ajouter simplement un calque normal et de le remplir de blanc? La raison en est que la prochaine chose que nous devons faire est d'ajouter un masque de calque au calque rempli de blanc, mais les calques de remplissage de Photoshop, comme celui en couleur unie que nous venons d'ajouter, sont déjà livrés avec un masque de calque intégré, donc il n'y a pas besoin pour nous d'en ajouter un nous-mêmes! Si nous regardons dans le panneau Calques, nous voyons le calque de remplissage, appelé Photoshop "Color Fill 1", assis au-dessus de l'image d'origine sur le calque d'arrière-plan, et nous voyons la vignette du masque de calque directement à gauche du nom du calque. Cliquez sur la vignette du masque pour la sélectionner. Une bordure de surbrillance apparaîtra autour de la vignette pour vous informer que le masque de calque lui-même est maintenant sélectionné:
Les calques de remplissage sont livrés avec leurs propres masques de calque. Cliquez sur la vignette pour sélectionner le masque.
Étape 3: Sélectionnez l'outil Ellipse de sélection
Sélectionnez l' outil Ellipse de sélection dans le panneau Outils. Par défaut, il se cache derrière l'outil Rectangle de sélection, alors cliquez sur l'outil Rectangle de sélection et maintenez le bouton de la souris enfoncé pendant une seconde ou deux jusqu'à ce qu'un menu déroulant apparaisse indiquant les autres outils disponibles à cet endroit, puis choisissez le rectangle de sélection elliptique Outil de la liste:
Cliquez et maintenez sur l'outil de sélection rectangulaire, puis sélectionnez l'outil de sélection elliptique dans le menu déroulant.
Étape 4: faites glisser un contour de sélection elliptique
Avec l'outil de sélection elliptique sélectionné, cliquez à l'intérieur du document et faites glisser un contour de sélection elliptique au centre du document. Vous pouvez déplacer le contour de sélection pour le repositionner lorsque vous le dessinez en maintenant la barre d'espace enfoncée et en la faisant glisser vers un nouvel emplacement. Relâchez votre barre d'espace pour continuer à faire glisser la sélection. Ne vous inquiétez pas de sa taille exacte, de sa forme ou de sa position pour l'instant car nous pouvons facilement réparer les choses plus tard. Tout ce dont nous avons besoin pour le moment est un premier plan de sélection elliptique:
Faites glisser un contour de sélection elliptique initial. La taille, la forme et la position exactes ne sont pas importantes.
Étape 5: Remplissez la sélection de noir
Montez dans le menu Edition dans la barre de menus en haut de l'écran et choisissez Remplir :
Allez dans Edition> Remplir.
Cela ouvre la boîte de dialogue Remplir. Modifiez l'option Utiliser en haut de la boîte de dialogue sur Noir :
Modifiez l'option Utiliser sur Noir.
Cliquez sur OK pour fermer la boîte de dialogue Remplir. Photoshop remplit la sélection avec du noir, et comme nous avions sélectionné le masque de calque sur le calque de remplissage de couleur unie, le noir perce effectivement un trou dans le calque de remplissage, révélant la photo d'origine sur le calque d'arrière-plan:
Remplir la sélection de noir sur le masque de calque révèle la photo originale en dessous.
La vignette du masque de calque dans le panneau Calques nous montre la zone que nous avons remplie de noir:
Vignette du masque de calque après avoir rempli la sélection de noir.
Étape 6: désélectionner la sélection
Nous n'avons plus besoin de notre plan de sélection, alors pour le supprimer du document, allez dans le menu Sélectionner en haut de l'écran et choisissez Désélectionner . Vous pouvez également appuyer sur Ctrl + D (Win) / Commande + D (Mac) pour la désélectionner rapidement à l'aide du raccourci clavier si vous préférez:
Allez dans Sélectionner> Désélectionner.
Étape 7: appliquer le filtre de flou gaussien
Pour adoucir les bords de la bordure de la vignette, nous utiliserons le filtre Flou gaussien de Photoshop. Montez dans le menu Filtre en haut de l'écran, choisissez Flou, puis Flou gaussien :
Allez dans Filtre> Flou> Flou gaussien.
Cela ouvre la boîte de dialogue Flou gaussien. Gardez un œil sur votre image lorsque vous commencez à faire glisser le curseur Rayon en bas de la boîte de dialogue vers la droite. Plus vous faites glisser le curseur vers la droite, plus vous appliquez de flou aux bords de la vignette et plus ils deviennent doux. La valeur de rayon exacte que vous finirez par utiliser dépendra de la taille de l'image avec laquelle vous travaillez. Pour moi, une valeur d'environ 35 pixels fonctionne bien, mais votre valeur peut être différente:
Adoucissez les bords de la vignette en faisant glisser le curseur Rayon vers la droite.
Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Vos bords de vignette devraient maintenant apparaître plus doux:
L'image après adoucissement des bords de la photo.
Étape 8: remodeler et déplacer la frontière avec Free Transform
Les bords de la photo étant maintenant adoucis, il ne reste plus qu'à les affiner en les redimensionnant, en les remodelant et en les déplaçant selon les besoins, et nous pouvons faire tout cela facilement avec la commande Transformation gratuite de Photoshop. Montez dans le menu Edition en haut de l'écran et choisissez Free Transform . Vous pouvez également appuyer sur Ctrl + T (Win) / Commande + T (Mac) pour accéder rapidement à Free Transform avec le raccourci clavier:
Allez dans Edition> Transformation gratuite.
Cela place la boîte et les poignées Free Transform de Photoshop autour de la bordure de la photo. Pour le redimensionner et le remodeler, cliquez simplement sur l'une des poignées (les petits carrés) et faites-les glisser. Si vous maintenez la touche Alt (Win) / Option (Mac) enfoncée pendant que vous faites glisser une poignée, vous redimensionnerez la bordure depuis son centre plutôt que depuis le côté ou le coin. Pour déplacer la bordure, cliquez simplement n'importe où à l'intérieur du cadre de délimitation et faites-la glisser avec votre souris. Continuez à faire glisser les poignées et à déplacer la bordure jusqu'à ce que vous soyez satisfait de son apparence. Lorsque vous avez terminé, appuyez sur Entrée (Win) / Retour (Mac) pour accepter les modifications et quitter la commande Free Transform:
Utilisez les poignées pour redimensionner et remodeler les bords de la vignette selon vos besoins. Cliquez à l'intérieur du cadre de délimitation et faites glisser avec votre souris pour le repositionner.
Étape 9: supprimer tout espace blanc supplémentaire
Enfin, si vous souhaitez supprimer tout espace blanc supplémentaire autour de l'image, accédez au menu Image en haut de l'écran et choisissez Rogner :
Allez dans Image> Trim.
Cela ouvre la boîte de dialogue Trim. Sélectionnez l'option Couleur du pixel supérieur gauche dans la moitié supérieure de la boîte de dialogue si elle n'est pas déjà sélectionnée, et laissez les options Haut, Bas, Gauche et Droite sélectionnées dans la moitié inférieure de la boîte de dialogue:
Sélectionnez Couleur du pixel supérieur gauche et laissez les quatre options en bas sélectionnées.
Cliquez sur OK pour fermer la boîte de dialogue et Photoshop supprime tout espace blanc supplémentaire autour de l'image, nous laissant avec notre résultat de vignette final:
Le résultat final.