Comment créer un superbe effet pop-out 3D dans Photoshop

C'est amusant d'imaginer ce que vous pourriez faire d'autre avec vos vieilles photos numériques. Créer un effet pop-out 3D dans Adobe Photoshop est le moyen idéal pour que les gens remarquent vos efforts sur les publications sur les réseaux sociaux ou dans le cadre d'un projet de photographie créatif.

Exigences minimales

L'effet pop-out est une technique créative dans laquelle des parties d'une image semblent sortir de leurs limites, créant un effet 3D dynamique.

Vous aurez besoin des ressources suivantes pour terminer ce tutoriel :

  • Adobe Photoshop (toute version récente)
  • Avoir des connaissances de base de l'interface Photoshop
  • Au moins deux photos haute résolution

Voici à quoi ressemblera le projet terminé :

Comment créer un superbe effet pop-out 3D dans Photoshop
Effet photo pop-out dans Photoshop

Remarque : l’article utilise la dernière version d’Adobe Photoshop, mais vous pouvez également l’essayer sur des versions plus anciennes. Les principes de base de la sélection d’un sujet dans une photo restent inchangés ; Seules les options de sélection sont étendues. Enfin, comme toute retouche d’image dans Photoshop, il existe plusieurs façons de créer cet effet.

Étape 1 : Configurez votre projet

Trouver la bonne image représente la moitié de la bataille. Voici quelques conseils pour choisir l’image idéale pour votre projet.

  1. Évitez les images floues ou pixelisées, car les photos haute résolution avec des bords nets donneront les meilleurs résultats.
  2. Choisissez une image où le sujet se sépare facilement de l’arrière-plan. Par exemple, un sujet important avec un arrière-plan uni facilite la sélection et le masquage.
  3. Les prises de vue d’action ou les poses dynamiques sont idéales car elles créent une impression de mouvement.
  4. Choisissez une image où une partie du sujet peut « casser le cadre » et s’étendre naturellement. Par exemple, une main tendue ou un portrait de vous en pied sortant du cadre.
  5. Utilisez des images avec beaucoup d’espace négatif. Vous disposez de suffisamment d’espace pour agrandir le cadre sans rogner les détails nécessaires.

Astuce : parcourez des photos simples lorsque vous démarrez votre premier projet. Recherchez des photos avec des arrière-plans simples sur de nombreux sites Web de photos d'archives pour des images libres de droits.

Étape 2 : Préparez l'image d'arrière-plan

L'image d'arrière-plan ou une partie de l'image d'arrière-plan est le cadre de l'image sélectionnée. Travailler sur un calque dupliqué de l'arrière-plan préservera l'image d'origine pour une édition non destructive. Dans les étapes suivantes, créez un nouveau calque en dupliquant le calque d’origine qui isolera les pixels et définira la scène pour l’effet pop-out.

  1. Déverrouillez le calque d'arrière-plan.
  2. Renommez ce calque et dupliquez-le ( Ctrl + J ) pour conserver l'original.
  3. Sélectionnez la zone où vous souhaitez placer la deuxième image.
  4. Faites un clic droit sur la zone sélectionnée et cliquez sur Calque via Copier .
Comment créer un superbe effet pop-out 3D dans Photoshop

Astuce : Photoshop propose plusieurs méthodes pour créer des sélections. Dans la capture d’écran ci-dessus, l’auteur a utilisé le rectangle de sélection pour sélectionner la zone blanche vide dans le cadre photo.

Vous pouvez créer un calque de réglage de couleur unie au lieu d'un nouveau calque via duplication. L'effet pop-out peut être plus prononcé sur un arrière-plan de couleur uniforme. De plus, si vous devez modifier la couleur d’arrière-plan ultérieurement, vous pouvez le faire sans affecter le reste de la mise en page.

Étape 3 : Disposez les photos pour créer un effet pop-out

L'effet pop-out fonctionne mieux lorsqu'une partie de l'objet est à l'intérieur du cadre et une autre partie à l'extérieur.

  1. Faites glisser la deuxième image sélectionnée pour créer un effet contextuel sur le document principal.
  2. Appuyez sur Ctrl + T pour sélectionner et mettre à l’échelle l’image.
  3. Mettez l'image à l'échelle de sorte qu'une partie importante de l'image se trouve en dehors du cadre sélectionné dans le calque d'arrière-plan.
  4. Réduisez temporairement l'opacité du calque pour faciliter le réglage de la position du calque.
  5. Faites glisser l'opacité jusqu'à 100 % une fois l'image en place.

Une mise à l'échelle et un positionnement appropriés sont importants pour créer un effet pop-out réaliste. Encore une fois, une mise à l’échelle excessive de l’image supérieure peut perturber l’équilibre entre le cadre et la partie contextuelle de l’image.

Comment créer un superbe effet pop-out 3D dans Photoshop

Remarque : dans les dernières versions de Photoshop, l’ outil Transformer met par défaut les calques à l’échelle proportionnellement. Dans les versions précédentes, vous deviez maintenir la touche Maj enfoncée pour conserver le rapport hauteur/largeur lors de l'utilisation de l'outil Transformer.

Étape 4 : Créer un masque d'écrêtage

Vous devez mélanger vos photos pop-out de manière transparente au lieu de simplement les superposer sur le dessus du cadre. Les masques d'écrêtage limitent votre sujet à la forme du calque situé en dessous (dans ce cas, le « cadre » que nous avons créé à partir du calque via Copier). Cette étape est importante car elle crée un bord parfait pour l’effet pop-out sans affecter l’arrière-plan.

Pour ce faire, faites un clic droit sur la photo et sélectionnez Créer un masque d’écrêtage .

Comment créer un superbe effet pop-out 3D dans Photoshop
Masque d'écrêtage dans Photoshop

Étape 5 : Sélectionnez l’objet auquel appliquer l’effet pop-out

Pour améliorer l’effet d’illusion 3D, vous devez isoler la partie de l’image où l’effet pop-out sera appliqué.

  1. Dupliquez le calque d'image en appuyant sur Ctrl + J (Windows) ou Cmd + J (Mac).
  2. Avec le calque dupliqué sélectionné, allez dans Sélection > Sujet .
  3. Utilisez d’autres outils de sélection pour ajouter ou soustraire à la sélection.

Cette étape crée un calque séparé pour la partie de l'image qui va « ressortir », vous permettant de la manipuler indépendamment.

Comment créer un superbe effet pop-out 3D dans Photoshop
Sélectionnez l'objet auquel appliquer l'effet pop-out

Astuce : pour des sélections plus complexes et plus douces comme les cheveux, utilisez l’ option Sélectionner et masquer du menu Photoshop (introduite dans Photoshop CC 2018) pour créer des bords plus lisses.

Étape 6 : Créez un effet pop-out saisissant

Reliez les éléments en montrant uniquement les parties de l’image qui créent un effet saisissant.

  1. Ajoutez un masque de calque au calque dupliqué.
  2. Sélectionnez l’outil Pinceau et assurez-vous que la couleur de premier plan est définie sur noir.
  3. Peignez soigneusement les parties de l’image que vous souhaitez masquer, révélant ainsi le calque en dessous.
Comment créer un superbe effet pop-out 3D dans Photoshop

Les masques de calque vous permettent de contrôler exactement quelles parties de l'image reçoivent l'effet pop-out appliqué, créant ainsi l'illusion de profondeur.

Étape 6 : Finalisation de l'effet

À partir de là, vous pouvez ajouter des effets subtils au sujet mis en évidence. Par exemple, sélectionnez le calque avec le sujet contextuel et ajoutez une ombre portée : Calque > Style de calque > Ombre portée .

Les ombres ajoutent de la profondeur à l’effet. Les réglages de la balance des couleurs ou de la teinte/saturation peuvent également aider à mélanger les couleurs entre le sujet et l'arrière-plan.

Aplatissez l'image ou enregistrez-la au format PSD pour une édition ultérieure. Enfin, exportez le résultat final au format PNG ou JPEG et partagez-le. Continuez à vous entraîner avec différentes images de base comme cadres et les images auxquelles vous souhaitez appliquer l’effet pop-out.

Sign up and earn $1000 a day ⋙

Leave a Comment

Comment redimensionner correctement les images dans Photoshop

Comment redimensionner correctement les images dans Photoshop

De nombreuses personnes trouvaient le redimensionnement des images très ennuyeux jusqu'à ce qu'elles découvrent la méthode simple de protection basée sur les canaux de Photoshop.

Comment créer un effet daffiche pour vos photos dans Photoshop

Comment créer un effet daffiche pour vos photos dans Photoshop

Ajoutez un effet d'affiche rapide et facile à vos images à l'aide de Photoshop pour recréer l'aspect classique des affiches imprimées avec des couleurs d'encre limitées.

Comment créer un effet de couleur monochrome dans Photoshop

Comment créer un effet de couleur monochrome dans Photoshop

Ce tutoriel vous montrera une manière simple et rapide d'ajouter un effet de couleur monochrome à une image à l'aide d'Adobe Photoshop.

Comment créer une bordure dombre dans Photoshop

Comment créer une bordure dombre dans Photoshop

Ce tutoriel vous montrera comment ajouter un espace de toile et une ombre portée à votre photo dans Photoshop pour créer une bordure photo simple mais élégante.

Pourquoi Lens Blur est-il un outil Photoshop utilisé pour l’édition de photos artistiques ?

Pourquoi Lens Blur est-il un outil Photoshop utilisé pour l’édition de photos artistiques ?

L'outil Flou d'objectif d'Adobe facilite l'examen de vos photos, ajoutant de la profondeur et de la mise au point à vos photos.

Comment créer un effet dimage dans limage dans Photoshop

Comment créer un effet dimage dans limage dans Photoshop

Ce tutoriel vous montrera comment créer un effet d'image dans l'image sympa avec Adobe Photoshop en prenant une seule photo et en créant l'illusion qu'une version plus petite et recadrée de la même photo se trouve à l'intérieur.

5 raisons pour lesquelles lespace de travail génératif de Photoshop est la meilleure fonctionnalité dAdobe

5 raisons pour lesquelles lespace de travail génératif de Photoshop est la meilleure fonctionnalité dAdobe

Generative Workspace est l'une des principales fonctionnalités d'IA annoncées lors d'Adobe Max 2024. Ce sera le nouveau foyer de vos images et fichiers Generative AI.

Comment créer un effet de réflexion deau à laide du remplissage génératif dans Photoshop

Comment créer un effet de réflexion deau à laide du remplissage génératif dans Photoshop

Avec Generative Fill, optimisé par l'IA générative d'Adobe appelée Firefly, tout le monde peut ajouter des effets de réflexion d'eau réalistes à ses photos simplement en dessinant une sélection, en tapant quelques mots et en cliquant sur un bouton.

Comment coller une image dans une sélection dans Photoshop

Comment coller une image dans une sélection dans Photoshop

Ce didacticiel vous montrera comment copier une image et la coller dans une sélection d'une autre image à l'aide de la commande Coller dans d'Adobe Photoshop.

Comment convertir instantanément des photos en noir et blanc à contraste élevé dans Photoshop

Comment convertir instantanément des photos en noir et blanc à contraste élevé dans Photoshop

Ce tutoriel vous montrera comment convertir instantanément une photo noir et blanc à contraste élevé dans Photoshop à l'aide de Gradient Map.

Comment flouter rapidement une image sur une couleur darrière-plan dans Photoshop avec les dégradés dynamiques

Comment flouter rapidement une image sur une couleur darrière-plan dans Photoshop avec les dégradés dynamiques

Dans ce didacticiel, nous examinerons la méthode la plus récente et la plus simple pour faire fondre une image vers une couleur d'arrière-plan dans Photoshop, qui consiste à utiliser des dégradés dynamiques.

Reasons to use the Font browser feature in Photoshop

Reasons to use the Font browser feature in Photoshop

Font indecision is real. Help is just a few clicks away, because Adobe has a time-saving feature built into Photoshop. Its called the Font Browser!

Why is Photoshop more valuable than Canva Pro for creators?

Why is Photoshop more valuable than Canva Pro for creators?

Canvas simplicity makes it a popular tool. Photoshop, on the other hand, is not for the faint of heart - it has many features and takes time to learn.

Comment créer un effet de film 3D vintage dans Photoshop

Comment créer un effet de film 3D vintage dans Photoshop

Recréez l'apparence des films 3D classiques des années 1950 avec cet effet Photoshop rapide et facile !

Le moyen le plus simple dobtenir des codes de réduction Shopee, trouvez des bons Shopee avec des remises importantes

Le moyen le plus simple dobtenir des codes de réduction Shopee, trouvez des bons Shopee avec des remises importantes

Si vous achetez régulièrement sur Shopee, vous ne devez pas ignorer les méthodes de recherche de codes de réduction de produits Shopee, vous aidant à obtenir des codes de réduction de produits en quelques clics.

Apple Vision Pro 2 : plus léger, moins cher et destiné aux entreprises

Apple Vision Pro 2 : plus léger, moins cher et destiné aux entreprises

La prochaine génération d'Apple Vision Pro attire l'attention avec une série d'informations divulguées, promettant d'apporter des améliorations exceptionnelles en termes de conception, de performances et de stratégies de développement diverses.

Comment vous vendre efficacement sur le marché du travail

Comment vous vendre efficacement sur le marché du travail

Construire une marque personnelle est beaucoup plus compliqué qu’auparavant, car le marché du travail devient plus compétitif. Alors, comment rendre votre CV attrayant pour les employeurs ?

Comment nettoyer une valise

Comment nettoyer une valise

Vous ne vous souvenez pas de la dernière fois où vous avez lavé les poignées ou l'intérieur de votre valise ? C'est un signe certain qu'il est temps de bien nettoyer votre valise.

Comment changer les unités de mesure sur Apple Maps

Comment changer les unités de mesure sur Apple Maps

L'application Apple Maps vous permet de modifier l'unité de mesure entre km, mile et miles, en fonction des besoins et des habitudes d'utilisation de chacun.

7 applications ChatGPT et IA pour planifier vos voyages gratuitement

7 applications ChatGPT et IA pour planifier vos voyages gratuitement

Ces applications gratuites de planification de voyage utilisent des outils d'IA et d'apprentissage automatique comme ChatGPT pour préparer votre itinéraire en quelques secondes.

Comment utiliser Gemini depuis la barre dadresse de Google Chrome

Comment utiliser Gemini depuis la barre dadresse de Google Chrome

Google intègre des fonctionnalités d'IA dans le navigateur Google Chrome, en utilisant récemment Gemini depuis la barre d'adresse de Google Chrome.

4 façons de modifier le type de compte utilisateur sous Windows

4 façons de modifier le type de compte utilisateur sous Windows

En plus de créer plusieurs utilisateurs, Windows 10 vous permet également de limiter ce que les autres peuvent faire sur un PC partagé, en fournissant plusieurs types de comptes, à savoir des comptes d'utilisateur standard et des comptes d'administrateur.

10 raccourcis utiles pour augmenter la productivité sur Microsoft Edge

10 raccourcis utiles pour augmenter la productivité sur Microsoft Edge

Les raccourcis clavier sont un excellent outil de productivité, en particulier pour ceux dont le travail implique beaucoup de saisie.

Un bug grave oblige Google à suspendre une fonctionnalité dIA qui crée des images avec du texte

Un bug grave oblige Google à suspendre une fonctionnalité dIA qui crée des images avec du texte

Google a annoncé qu'il suspendait la fonctionnalité de génération d'images de personnes à partir de texte de son modèle d'IA Gemini en raison d'une grave erreur historique.

Comment utiliser Copilot dans PowerPoint

Comment utiliser Copilot dans PowerPoint

Copilot vous aidera à ajouter des idées créatives à vos diapositives de contenu PowerPoint ou à corriger le mauvais contenu de vos diapositives de présentation.

Comment supprimer une conversation Google Gemini

Comment supprimer une conversation Google Gemini

Au lieu de supprimer l'intégralité de votre historique Google Gemini, vous pouvez choisir de supprimer uniquement les conversations souhaitées. L'article ci-dessous vous guidera pour supprimer le chat Google Gemini.

Comment rétrograder diOS 16 bêta 1 vers iOS 15

Comment rétrograder diOS 16 bêta 1 vers iOS 15

Dans cet article, WebTech360 vous expliquera comment rétrograder d'iOS 16 Beta vers iOS 15.

Comment arrêter de partager lhistorique Web Safari sur plusieurs appareils

Comment arrêter de partager lhistorique Web Safari sur plusieurs appareils

Safari partage l’historique Web avec d’autres appareils Apple qui partagent le même compte iCloud. De nombreuses personnes sont préoccupées par la confidentialité, elles peuvent donc se référer à l’article sur l’arrêt du partage.

Comment redimensionner correctement les images dans Photoshop

Comment redimensionner correctement les images dans Photoshop

De nombreuses personnes trouvaient le redimensionnement des images très ennuyeux jusqu'à ce qu'elles découvrent la méthode simple de protection basée sur les canaux de Photoshop.