Comment sont fabriquées ces images 3D «ondoyantes»?


8

Récemment, Yahoo.com a publié des images qui ont un effet 3D sans aucun éclat et en voici un exemple:

entrez la description de l'image ici

Comment cela se fait-il? J'ai cherché partout mais je ne trouve aucun bon tutoriel. Je sais que cela a quelque chose à voir avec la déformation d'une image d'une certaine manière.

Réponses:


17

Bien que techniquement ce ne soit pas une photo "3D", elle simule un aspect tridimensionnel en exploitant le déplacement de parallaxe . Les caméras sont ce que nous appelons des dispositifs "monoculaires", en ce sens qu'elles ont un système à lentille unique et un dispositif de détection unique. En tant que tels, ils ne sont pas des dispositifs de parallaxe et ne peuvent pas détecter directement la profondeur ... seulement indirectement via d'autres effets tels que la profondeur de champ. L'œil humain est "binoculaire", en ce sens qu'il y a deux lentilles et deux dispositifs de détection décalés l'un de l'autre le long d'un seul plan. Cela nous donne la possibilité de détecter la profondeur pour la même raison que l'image dans votre question a une apparence pseudo-3D.

L'échantillon d'image simule un appareil binoculaire, ou peut-être même utilise une configuration de caméra binoculaire, pour obtenir un minimum de perception de la profondeur et fournir au photographe la possibilité de simuler la 3D. Vous pourriez obtenir le même effet avec un appareil photo sur un trépied, et l'utilisation d'un rail de mise au point macro installé parallèlement à la scène rendrait probablement le travail un peu plus facile. Installez l'appareil photo sur le trépied et dirigez-le vers une scène contenant une variété d'objets à différentes profondeurs. Si vous filmez une scène avec la plupart des objets loin et aucun objet près, vous ne verrez vraiment aucun type d'effet "3D" si vous créez un GIF à 2 images comme l'échantillon que vous avez publié. Réglez l'appareil photo sur manuel, configurez votre exposition et prenez une photo. Maintenant, déplacez légèrement la caméra vers la gauche ou la droite ... disons peut-être 5-6 pouces (vous devrez peut-être expérimenter pour trouver une quantité idéale de décalage pour perfectionner l'effet). En utilisant exactement les mêmes paramètres d'exposition, prenez une autre photo. Ces deux photographies devraient être essentiellement les mêmes, avec seulement un léger décalage parallèle à la scène.

Les objets proches apparaîtront plus décalés dans la deuxième photographie par rapport au premier que les objets éloignés. Il s'agit d' un mouvement de parallaxe qui démontre une facette de la perspective. Vous devrez affiner les images, les recadrer de façon identique et les réduire à l'échelle (probablement à la taille de l'exemple d'image que vous avez publié). Dans un outil comme Photoshop, vous pouvez créer une image GIF à deux couches et deux images à l'aide du panneau d'animation. Afficher uniquement le premier calque pendant 1/2 seconde, puis afficher uniquement le deuxième calque pendant 1/2 seconde de seconde. Lisez l'animation et vous devriez voir quelque chose de similaire à l' alligator volant et à cette pauvre petite fille .

Honnêtement, je ne peux pas en dire beaucoup sur l' alligator volant ... vous êtes seul pour celui-là. ;)


2
Est-ce la même chose que si vous tenez votre doigt devant votre visage, fermez votre œil gauche puis fermez l'œil droit tout en ouvrant le gauche et continuez à alterner l'ouverture et la fermeture de chacun?
Rob

Ce n'est pas un alligator volant. C'est un alligator sauteur . Le pauvre alligator était silencieux tout seul, quand tout d'un coup un BÉBÉ , et de plus un bébé avec un chapeau rose , se promenait. C'était si effrayant qu'il sauta loin, criant pour alerter tous les autres alligators du terrible danger.
Francesco

@Francesco: Le saut serait l'acte qui a fait voler l'alligator . ;) Pauvre, pauvre petite fille en rose. Elle est probablement morte à 90%! : o
jrista

4

Pour ajouter à l'excellente réponse de jrista, cette technique est communément connue sous le nom de "Wiggle 3D" ou "Wiggle Anaglyph", alors google pour cela pour trouver plus d'informations et d'exemples.

Adorama a un tutoriel sur la façon de les fabriquer.

En outre, il existe plusieurs applications de caméra 3D pour iOS et Android qui en font.


Que dois-je rechercher pour trouver une application comme celle-ci pour iOS?
dpollitt

@dpollitt: votre recherche doit inclure "3d" et "wiggle". Je n'ai pas fait de recherche sur un appareil iOS, mais sur Google, j'ai "ShowMe3D", "3D Camera Studio" et "iCam3Ra Lite" parmi les meilleurs résultats lors de la recherche de "3D camera wiggle iOS".
Miguel

1

C'est très simple. C'est ce qu'on appelle la stéréoscopie wiggle ou wiggle 3D. Voir Wikipedia pour les explications.

Jrista a fait une excellente réponse. En bref: prenez deux photos avec un appareil photo 2D normal. Déplacez simplement l'appareil photo entre les images. Chargez ensuite les deux images dans un logiciel de retouche d'image en deux calques séparés, ajustez la position et la rotation, recadrez-les et exportez-les.

La première difficulté est d'ajuster les deux images car un très léger décalage ou rotation gâcherait l'effet 3D.

La deuxième difficulté est de produire une sortie pratique. Le GIF animé produit de gros fichiers, spécialement si vous utilisez un effet de transition entre les deux images. Mais, vous pouvez également utiliser deux images ou une côte à côte et utiliser Java Script ou CSS pour afficher et masquer une image sur une page Web (voir l'exemple de lien ci-dessous).

La troisième difficulté est le temps passé par image. Seul un petit pourcentage des images est adapté au tremblement. Et vous ne verrez les résultats que lorsque tout le travail sera terminé.

Il existe un logiciel pour faciliter ce processus. Je suis lié à l'une des sociétés, je ne peux donc pas mettre de lien ici.

Mais j'ai mis quelques exemples d'images 3D de wiggle ajustées, affichées à partir de deux images JPEG se tortillant avec CSS, sur mon site Web privé http://www.tomic.ch/wiggletest/

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.