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

Quel est le meilleur outil de suppression d’arrière-plan photo AI ?

Quel est le meilleur outil de suppression d’arrière-plan photo AI ?

Les gens passent trop de temps à supprimer manuellement les arrière-plans, et l’IA n’est pas toujours la magie qu’elle prétend être.

Comment transformer une photo en croquis au crayon dans Photoshop

Comment transformer une photo en croquis au crayon dans Photoshop

Ce tutoriel vous montrera comment transformer facilement une photo en croquis au crayon à l'aide d'Adobe Photoshop.

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.

Why doesnt the freezer have a light but the refrigerator does?

Why doesnt the freezer have a light but the refrigerator does?

Refrigerators are familiar appliances in families. Refrigerators usually have 2 compartments, the cool compartment is spacious and has a light that automatically turns on every time the user opens it, while the freezer compartment is narrow and has no light.

2 Ways to Fix Network Congestion That Slows Down Wi-Fi

2 Ways to Fix Network Congestion That Slows Down Wi-Fi

Wi-Fi networks are affected by many factors beyond routers, bandwidth, and interference, but there are some smart ways to boost your network.

Comment rétrograder diOS 17 à iOS 16 sans perte de données avec Tenorshare Reiboot

Comment rétrograder diOS 17 à iOS 16 sans perte de données avec Tenorshare Reiboot

Si vous souhaitez revenir à la version stable d'iOS 16 sur votre téléphone, voici le guide de base pour désinstaller iOS 17 et rétrograder d'iOS 17 à 16.

Que se passe-t-il dans le corps lorsque vous mangez du yaourt tous les jours ?

Que se passe-t-il dans le corps lorsque vous mangez du yaourt tous les jours ?

Le yaourt est un aliment merveilleux. Est-il bon de manger du yaourt tous les jours ? Si vous mangez du yaourt tous les jours, comment votre corps va-t-il changer ? Découvrons-le ensemble !

Quel type de riz est le meilleur pour la santé ?

Quel type de riz est le meilleur pour la santé ?

Cet article présente les types de riz les plus nutritifs et comment maximiser les bienfaits pour la santé du riz que vous choisissez.

Comment se réveiller à lheure le matin

Comment se réveiller à lheure le matin

Établir un horaire de sommeil et une routine de coucher, changer votre réveil et ajuster votre alimentation sont quelques-unes des mesures qui peuvent vous aider à mieux dormir et à vous réveiller à l’heure le matin.

Latest Bathroom Tower Defense Codes and How to Enter Codes

Latest Bathroom Tower Defense Codes and How to Enter Codes

Get Bathroom Tower Defense Roblox game codes and redeem them for exciting rewards. They will help you upgrade or unlock towers with higher damage.

4 façons dont lIA améliore les téléviseurs intelligents

4 façons dont lIA améliore les téléviseurs intelligents

De la meilleure qualité d’image et de son au contrôle vocal et bien plus encore, ces fonctionnalités alimentées par l’IA rendent les téléviseurs intelligents bien meilleurs !

Pourquoi ChatGPT est meilleur que DeepSeek

Pourquoi ChatGPT est meilleur que DeepSeek

Au début, les gens avaient de grands espoirs pour DeepSeek. En tant que chatbot IA commercialisé comme un concurrent sérieux de ChatGPT, il promet des capacités et des expériences de chat intelligentes.

Découvrez Fireflies.ai : le secrétaire IA gratuit qui vous fait gagner des heures de travail

Découvrez Fireflies.ai : le secrétaire IA gratuit qui vous fait gagner des heures de travail

Il est facile de manquer des détails importants lorsque l’on note d’autres éléments essentiels, et essayer de prendre des notes tout en discutant peut être distrayant. Fireflies.ai est la solution.

Comment élever un axolotl dans Minecraft et apprivoiser une salamandre dans Minecraft

Comment élever un axolotl dans Minecraft et apprivoiser une salamandre dans Minecraft

Axolot Minecraft sera un excellent assistant pour les joueurs lorsqu'ils opèrent sous l'eau s'ils savent comment les utiliser.

DeceptionAds Warning: New Malicious Ad Type Exploits Legitimate Services to Display Fake CAPTCHAs

DeceptionAds Warning: New Malicious Ad Type Exploits Legitimate Services to Display Fake CAPTCHAs

DeceptionAds is a new form of malvertising, where scammers use legitimate advertising platforms and make sure their malicious sites avoid censorship as much as possible.

What to do when you see the “AirTag Found Moving With You” warning?

What to do when you see the “AirTag Found Moving With You” warning?

Wondering what the Airtag Found Moving With You warning is? Its a safety feature on AirTags designed to prevent them from being used to track you.

Le pouvoir mystérieux du nombre 33 en numérologie

Le pouvoir mystérieux du nombre 33 en numérologie

En numérologie, le nombre 33 est souvent considéré comme un nombre puissant et mystique. Voici ce que vous devez savoir sur le nombre 33 en numérologie.

What is dark energy?

What is dark energy?

Dark energy is driving the accelerating expansion of the universe, but its nature remains a complete mystery. Heres what you need to know about dark energy.