Comment créer une image stéréoscopique pour la visualisation d'images croisées

Dans ce didacticiel, nous allons créer une image stéréoscopique pour une vision croisée, ce qui signifie que vous pourrez voir l'image finale en 3D et en couleur sans utiliser de lunettes spéciales..

Je vais créer un simple morceau à partir de rien pour les besoins de ce tutoriel, mais la technique finale apprise peut être appliquée très facilement aux illustrations existantes, à condition que vous soyez le créateur et que vous disposiez du fichier PSD..

Aperçu de l'image finale

Regardez l'image que nous allons créer. 

Détails du tutoriel

  • Programme: Adobe Photoshop CS2 (toute version fonctionnera)
  • Difficulté: Débutant
  • Temps d'exécution estimé: Moins d'une heure

Voir l'image en taille réelle

Étape 1

Nous allons commencer par une image de 900 pixels sur 900 pixels sur fond noir..

Voir la capture d'écran en taille réelle

Étape 2

Ajoutez du texte blanc au centre sur un angle de 45 degrés, je suis allé avec "Psdtuts +" dans Century Gothic Bold à 200 pixels de haut. Ajoutons de la couleur au texte. Sur un nouveau calque, j’ai ajouté un dégradé de 45 degrés à une sélection de texte en vert pur. Ajoutons également un Inner Glow noir en utilisant un style de calque juste pour adoucir les bords.

Voir la capture d'écran en taille réelle

Ajoutez un trait blanc de 2 pixels du texte sur son propre calque. Déplacez-le de 5 pixels et de 5 pixels à droite. Ensuite, ajoutons-y un style de calque Outer Glow rouge. Nous en avons terminé avec le texte, alors nettoyons un peu nos calques. Mettez tous les calques de texte dans leur propre groupe et appelez-le "texte".

Voir la capture d'écran en taille réelle

Étape 3

Maintenant, commençons à ajouter des éléments autour du texte que nous pourrons déplacer plus tard, qui nous donneront nos effets 3D. Sur un nouveau calque, utilisez un pinceau à bord doux de 65 pixels et créez avec lui des points blancs aléatoires autour du texte (un simple clic de la souris). Faites la même chose sur un autre calque mais avec un pinceau de 21 pixels.

Voir la capture d'écran en taille réelle

Sur un autre nouveau calque, en utilisant les mêmes pinceaux de 65 et 21 pixels, dessinez un tas de points aléatoires tout autour du texte, utilisez des couleurs noir et blanc..

Voir la capture d'écran en taille réelle

Appliquez ensuite un flou directionnel de 500 pixels à 45 degrés.

Voir la capture d'écran en taille réelle

Dupliquez deux fois le calque de points flous et définissez son mode sur Color Dodge. Continuons à garder notre PSD propre et à placer toutes ces couches dans leur propre groupe et appelons-le "Points".

Voir la capture d'écran en taille réelle

Ajoutons encore une ligne de texte avant de commencer à modifier les calques pour créer notre effet stéréoscopique 3D. Je suis allé avec "Images stéréoscopiques" en blanc et je l'ai placé légèrement au-dessus de notre texte "Psdtuts +". J'ai ajouté une ombre portée, Inner Glow noir et un trait rouge de 1 pixel utilisant des styles de calque.

Voir la capture d'écran en taille réelle

Étape 4

Maintenant que notre illustration de base est créée, nous allons commencer à modifier tous ces éléments afin qu'ils apparaissent en 3D une fois que nous les avons visualisés à l'aide de la méthode de l'œil croisé (pour plus d'informations à ce sujet à l'étape suivante). Pour garder les choses organisées, plaçons toutes nos couches dans un groupe et appelez-le "œil gauche".

Augmentez la taille de votre toile à partir du centre-gauche de manière à doubler sa largeur (1800 pixels).

Voir la capture d'écran en taille réelle

Dupliquez le groupe "Oeil gauche" et nommez-le "Oeil droit". Puis déplacez le tout vers la partie droite de la toile.

Voir la capture d'écran en taille réelle

Nous allons déplacer légèrement des calques sur le canevas dans le groupe "Oeil droit", utilisez les touches fléchées de votre clavier pour cette partie. Sélectionnez le calque "Copie de petits points" et déplacez-le de 7 pixels vers le haut, puis de 7 pixels vers la droite. Sélectionnez le calque "Copie de gros points" et déplacez-le de 10 pixels, puis de 10 pixels vers la droite..

Sélectionnez maintenant le calque de texte "Copie d'images stéréoscopiques" et déplacez-le de 7 pixels vers le haut, puis de 7 pixels vers la droite. Sélectionnez le calque "Copier le trait" et déplacez-le de 7 pixels vers le haut, puis de 7 pixels vers la droite. Sélectionnez le calque "Color Copy" et le calque de texte "Psdtuts + Copy" et déplacez-les de 4 pixels au maximum, puis de 4 pixels vers la droite..

Voir la capture d'écran en taille réelle

Étape 5

Maintenant que notre image stéréoscopique est complète, il est temps de la visualiser en 3D! Cela peut être facile pour certains et difficile pour d'autres, mais une fois que vous maîtrisez la situation, vous n'aurez aucun problème à le faire en quelques secondes. J'ai ajouté un cercle rouge au centre des deux images pour vous aider à mieux comprendre comment faire..

Voir l'image en taille réelle

Examinez les étapes et les images suivantes, puis, lorsque vous êtes prêt, utilisez l’image ci-dessus pour l’essayer..

Asseyez-vous à une distance confortable de votre moniteur et tenez votre index devant votre moniteur. Placez le bout de votre doigt au milieu des deux images. Concentrez votre vision sur le bout de votre doigt et dans votre vision périphérique juste au-dessus de votre doigt, vous devriez pouvoir voir les deux images se confondre légèrement.

Tout en restant concentré sur votre index, rapprochez ou éloignez votre doigt de votre moniteur jusqu'à ce que les deux images fusionnent. Une fois que vous les avez fusionnés, déplacez légèrement votre focus de votre doigt vers le moniteur. L'image fusionnée doit apparaître clairement nette et en superposition 3D, si elle ne fait pas qu'effacer votre mise au point et essayer à nouveau. Vous pouvez également essayer de vous rapprocher de votre moniteur.

Conclusion

Une fois que vous avez pris l'habitude de voir l'image ci-dessus, vous pouvez l'essayer sur l'image finale ci-dessous sans le point rouge..

Voir l'image en taille réelle

Vous pourrez ensuite l'essayer sur la première image stéréoscopique que j'ai créée et intitulée "Pinion".

Voir l'image en taille réelle