Comment créer un effet de photographie à double exposition dans Photoshop

Publié: 2018-01-30

L'imagerie à double exposition (également appelée exposition multiple, selon la personne à qui vous demandez) est une belle façon d'ajouter une esthétique élégante et inattendue à vos photos de tous les jours. Bien qu'il soit couramment utilisé avec des personnes, vous pouvez utiliser cet effet avec n'importe quel objet.

Dans ce didacticiel, nous vous expliquerons comment créer une jolie petite silhouette à double exposition pour que votre site reste élégant! Alors plongeons-y.

Remarque : Ce didacticiel fait partie de notre cours sur les tendances du design 2018 ! Lorsque vous vous inscrivez, vous bénéficiez d'un accès exclusif à une action Photoshop personnalisée et à un didacticiel pour vous aider à l'utiliser.

  • Si vous souhaitez rejoindre le cours et télécharger les ressources Photoshop gratuites, passez à cette section !
  • Si vous avez déjà rejoint le cours, cliquez ici pour accéder directement au didacticiel sur les modèles !

Sélection de vos photos

Tout d'abord, vous voulez probablement des ressources. Choisir les bonnes photos est la clé pour créer un effet de double exposition. Pour votre image principale, vous voudrez utiliser une photo dont vous pouvez facilement supprimer l'arrière-plan, donc plus c'est simple, mieux c'est. (Les portraits ont tendance à être parfaits !) Ensuite, pour l'image de remplissage, vous voudrez quelque chose de plein et d'audacieux qui corresponde au look que vous visez. (Pensez à la nature ou aux scènes de ville !)

Pour ce tutoriel, j'utilise une image de Bryan North, designer chez Flywheel, et cette photo d'un ciel étoilé coloré d'Unsplash. Cela correspond certainement à sa brillante personnalité! Voici ce que nous allons créer :

mise en page par volant d'inertie double exposition tutoriel modèle effet télécharger homme avec ciel à travers le corps

Faites votre sélection

Ouvrez votre image principale dans Photoshop et créez une sélection à l'aide de l'outil Baguette magique . Si cet outil n'a pas obtenu la sélection exacte souhaitée, vous souhaiterez peut-être la nettoyer un peu avec l' outil de sélection rapide .

mise en page par volant d'inertie double exposition tutoriel modèle télécharger faire la sélection

Astuce : Pour une image comme celle de Bryan que j'utilise, il peut être plus simple de sélectionner tout l'espace blanc, puis de sélectionner l'inverse.

Affiner le bord et créer un masque

Trouvez le menu Sélectionner. Maintenez la touche Maj enfoncée et cliquez sur Sélectionner et masquer . Cela fait apparaître l' outil Affiner les contours . Définissez votre rayon de bord entre 0 et 1,5 pixels. À partir de là, vous pouvez dessiner autour de l'image là où le bord pourrait nécessiter un peu plus d'attention. Un endroit idéal pour le faire est le visage et les cheveux.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger affiner le bord
Ensuite, cliquez sur le bouton de masque en bas du panneau des calques. Cela sépare l'image de votre arrière-plan.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger une image séparée de l'arrière-plan

Créez votre arrière-plan souhaité

Créez un nouveau calque dans le menu avec Calque > Nouveau calque . Donnez-lui une couleur neutre.

mise en page par le modèle de didacticiel de double exposition du volant d'inertie télécharger une nouvelle couche d'arrière-plan

Pour cette image particulière, vous voudrez créer une vignette. Pour ce faire, sélectionnez l'outil Dégradé , choisissez Dégradé radial , sélectionnez le dégradé noir et blanc, puis choisissez Inverser . Ensuite, faites glisser le curseur du centre de votre image vers les coins extérieurs. Essayez-le plusieurs fois jusqu'à ce que vous obteniez l'effet désiré.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger fond dégradé radial

Ajouter et masquer l'image de remplissage

Ajoutez votre image de remplissage dans un nouveau calque. Déplacez-le et ajustez-le comme vous le souhaitez. Avec cette image du ciel, je vais la laisser telle quelle avec la couleur vibrante et la mettre à l'échelle un peu plus grande pour me concentrer sur la ligne lumineuse des étoiles.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger l'image de remplissage de lieu

Cliquez avec le bouton gauche sur le masque de calque de l'image principale et sélectionnez Ajouter un masque à la sélection . Le contour du masque devrait maintenant apparaître. Ensuite, sélectionnez l'image de remplissage et cliquez sur le bouton Masque dans le panneau des calques. Enfin, dissociez le masque pour ajuster la position de la photo comme vous le souhaitez.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger ajouter un masque à la sélection

mise en page par volant d'inertie double exposition tutoriel modèle télécharger masque d'écrêtage

(Facultatif) Pour cette image, je voulais donner à l'image principale un effet de mélange noir et blanc. Créez un calque de réglage et réglez la saturation sur 0. Ensuite, découpez-le sur le calque d'image principal ci-dessous. Je vais aussi réduire un peu la légèreté pour obtenir l'effet que je veux. (Vous pouvez également décider de faire des ajustements à cela après la prochaine étape !)

mise en page par volant d'inertie modèle de tutoriel de double exposition télécharger désaturer

mise en page par volant d'inertie modèle de tutoriel de double exposition télécharger désaturer

Modifier l'effet d'image principal

Vous voudrez réorganiser vos calques de sorte que l'image principale (y compris le réglage de teinte/saturation si vous avez terminé cette étape) soit au-dessus du calque d'image de remplissage, qui se trouve au-dessus du calque d'image d'arrière-plan.

Désormais, en fonction de l'effet souhaité, vous pouvez modifier le mode de fusion sur Écran ou Éclaircir pour afficher des parties de l'image principale entière à travers l'image de remplissage.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger vue d'écran

Une autre façon de procéder consiste à utiliser l'outil Gomme avec un pinceau doux et à effacer délicatement les zones que vous souhaitez masquer sur l'image principale.

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger effacer l'image principale

Bonus : ajouter un drame en arrière-plan

Ajoutez l'image de remplissage dans un nouveau calque au-dessus de l'arrière-plan dégradé. Avec ce calque sélectionné, allez dans le menu et cliquez sur Filtre > Flou > Flou gaussien . Ensuite, réduisez l'opacité à quelque chose comme 50%. Ensuite, avec l'outil Gomme et le gros pinceau doux, débarrassez-vous de certaines des lignes dures pour faire ressortir la vignette.

mise en page par volant d'inertie double exposition tutoriel modèle télécharger arrière-plan flou gaussien

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger l'image de remplissage bonus

mise en page par volant d'inertie double exposition modèle de tutoriel télécharger final

Et c'est tout! Vous avez maintenant une belle image en double exposition. Si vous recherchez une solution plus simple, nous avons créé un modèle Photoshop gratuit à télécharger lorsque vous rejoignez notre cours par e-mail 2018 Design Trends !

Téléchargez le didacticiel Photoshop gratuit en rejoignant notre cours gratuit sur les tendances du design 2018 !

Ce modèle Photoshop vous permet de remplacer à la fois l'image principale et l'image de remplissage par la vôtre, puis de déplacer un projecteur pour mettre en évidence la zone de votre choix. Créer une image à double exposition n'a jamais été aussi simple !

[optin-monster-shortcode id = "gsslnts3izfmmakod6ib"]

Merci d'avoir rejoint notre cours Design Trends !

Tout d'abord, téléchargez l'action Photoshop et les modèles ici.

Bien que notre action Photoshop ait été conçue pour être incroyablement facile et utile à utiliser, il y a juste quelques choses que vous voudrez peut-être savoir à ce sujet.

Comment utiliser l'action et le modèle Photoshop

Ouvrir le modèle

Une fois que vous avez téléchargé le modèle et l'action Photoshop, double-cliquez pour installer l'action. Ensuite, ouvrez le modèle dans Photoshop.

Voulez-vous utiliser vos propres fichiers ? Vous pouvez le faire de deux façons. Tout d'abord, vous pouvez ouvrir le modèle et remplacer les fichiers par les vôtres. Deuxièmement, vous pouvez ouvrir votre propre fichier Photoshop et charger votre image principale avec l'arrière-plan déjà découpé et l'image de remplissage souhaitée.

Remarque importante : l'image principale sans arrière -plan doit se trouver dans le calque au-dessus de l'image de remplissage. Si vous utilisez notre modèle et que vous souhaitez essayer un autre arrière-plan, vous devez basculer la visibilité avec le calque souhaité et le déplacer sous l'image principale.

Avant de continuer, assurez-vous que l'image principale avec le fond transparent est sélectionnée.

Lancez l'action et générez votre image

Pour utiliser l'action Photoshop que vous avez installée, accédez à Fenêtre > Actions .

action photoshop double exposition

Maintenant, ouvrez le dossier "Flywheel - Double Xpos" avec la flèche déroulante, puis cliquez sur " Double Xpos - sélectionnez et appuyez sur play ". Cela génère votre image avec l'effet de double exposition !

action photoshop double exposition avant

action photoshop double exposition après

Modifiez les calques pour obtenir l'effet souhaité

Sélectionnez le masque sur le calque qui dit " Projecteur - Déplacer le masque vers le point focal " et, comme il est dit, déplacez le projecteur vers la zone que vous essayez de mettre en surbrillance. Pour cet exemple, nous voulons mettre en lumière le visage de Bryan.

effet de double exposition photoshop après

Vous pouvez également déplacer et transformer l'image de remplissage. Sélectionnez l'outil Déplacer et le calque d'image de remplissage avec le masque appelé "Déplacer l'image comme vous le souhaitez". Cela vous permettra d'ajuster l'image. Si vous souhaitez le redimensionner, vous pouvez également sélectionner Edition> Transformation libre ou Commande + T si vous êtes sur un Mac. Cela vous permet de redimensionner et de déplacer l'image d'origine à votre guise !

action photoshop double exposition transformation gratuite

Bonus : réinitialisez votre fichier

Accédez à Windows > Historique . À partir de là, vous pouvez revenir en haut et voir un instantané . En sélectionnant cette option, vous pourrez réinitialiser votre fichier Photoshop à l'original avant d'utiliser l'action.

double exposition photoshop action historique

double exposition photoshop action instantané

Et c'est tout! Vous avez maintenant une belle image en double exposition à montrer. Pour quels projets allez-vous utiliser cette action ? Essayez-le et faites-moi savoir comment ça se passe dans les commentaires!