mardi 21 septembre 2010

Une photo panoramique 360° Flash avec une boule de Noël

Voici comment réaliser un panoramique 360° avec une seul photo, une boule de Noël, Photoshop et Flash CS4.

L'exemple présenté au long de cet article est délibérément de mauvaise qualité afin d'éviter toute identification de lieux, de biens ou de personnes.

Panoramique 360° Flash réalisé avec une boule de Noël

Etape 1 : La photo

Prendre une boule de Noël miroir dans le meilleur état possible (non tinté de préférence) et la suspendre par un fil au centre de la pièce.

Astuce : Plus elle sera grosse, meilleur sera la qualité du résultat.

Astuce : La meilleur hauteur semble être à un tiers de la hauteur plafond sol en partant du plafond pour avoir un maximum de détail sur la pièce. Expérimenter différentes hauteurs le cas échéants.

Prendre en photos la boule de Noël en respectant les consignes suivantes :

  1. Positionner l'objectif exactement en dessous de la boule de Noël,
  2. Prendre la photo le plus près possible de la boule de Noël,
  3. Garder une netteté maximum de la boule de Noël et de ses reflets,
  4. La boule de Noël ne doit pas être coupé, et se trouver intégralement sur la photo.

Astuce : Un objectif avec un mode macro est préférable. De plus, il peut être nécessaire de tester différentes tailles de boules en fonction du rapprochement que permet l'objectif.

Figure 1 : Photos d'une boule de Noël de piètre qualité (petite, abîmé, bleu...) réalisé avec un capteur CMOS 5 mégas pixels bas de gamme intégré à un téléphone portable.
Figure 1 : Photos d'une boule de Noël de piètre qualité (petite, abîmé, bleu...) réalisé avec un capteur CMOS 5 mégas pixels bas de gamme intégré à un téléphone portable.

Etape 2 : Retouche

A l'aide d'un logiciel de retouche d'image recadrer la photo en carré de telle sorte que la boule s’inscrive parfaitement dedans (c.f. Figure 2).

Figure 2 : La boule de Noël recadrée.
Figure 2 : La boule de Noël recadrée.

Par la suite effectuer une contraction de l'image vers de centre (c.f. Figure 3) :

  • A l'aide de Photoshop :
    • Menu "Filtre" > "Déformation" > "Contraction..."
    • Valeur : "100%"
Figure 3 : La fenêtre de paramètres "Contraction" de Photoshop.
Figure 3 : La fenêtre de paramètres "Contraction" de Photoshop.

Continuer avec une conversion polaire en rectangle (c.f. Figure 4) :

  • A l'aide de Photoshop :
    • Menu "Filtre" > "Déformation" > "Coordonnées polaires..."
    • Radio button "Polaire en rectangulaire"
Figure 4 : La fenêtre de paramètres "Coordonnées polaires" de Photoshop.
Figure 4 : La fenêtre de paramètres "Coordonnées polaires" de Photoshop.

Finir avec une rotation de l'image à 180°, puis l'enregistrer en temps que "img.jpg".

Figure 5 : Le résultat final "img.jpg".
Figure 5 : Le résultat final "img.jpg".

Astuce : En divisant par deux la hauteur de l'image sans en changer la largeur, le visuel sera plus probant à l'œuil. Cependant, il est préférable de conserver le fichier en l'état pour la suite des opérations.

Etape 3 : Le viewer

Suivez l'excellent tutoriel de Grafikart pour la création d'un viewer panoramique Flash à l'aide de Papervision3D :

Tutoriel vidéo Flash : Papervision, panorama 360° - Grafikart


Tutoriel vidéo : Papervision, panorama 360°
envoyé par Grafikart. - Regardez plus de vidéo vie pratique.

Attention : Il est important de noter l'encadré stipulant que le contenu des tutoriels de Grafikart ainsi que toutes les ressources fournies le sont en Creative Commons by-nc-nd. L'auteur interdit donc explicitement l'usage des ressources qu'il fournit (code sources, etc...) sur un site à visé commerciale (nc) ainsi la personnalisation du code pour l'adapter à ses propres besoins (nd).

il suffi d'utiliser l'image précédemment généré ("img.jpg") avec le viewer pour observer le résultat final.

Astuce : Il est possible de jouer avec la hauteur du visuel et de l'image qu'il contiens ainsi que l'angle limite en hauteur pour obtenir un résultat plus probant en se dispensant de l'étape de contraction de l'image vers le centre (c.f. Figure 6).

Figure 6 : Test de modification du fichier "img.jpg".
Figure 6 : Test de modification du fichier "img.jpg".

Etape 4 : Réflexion

Tout ceci ne consiste qu'en une suite d'essais rapide, comme pistes de réflexions. Il est donc nécessaire de pousser l'étude du sujet au delà de ce simple survol pour avoir un résultat plus pertinent.

L'idéal serait de pouvoir prendre la photo de dessus, mais il faudrait trouver une solution pour que le preneur de vue et/ou le dispositif ne masque pas trop le champs. Il est cependant certain que de meilleur résultats serait obtenu avec un miroir "sphéroïde" légèrement oblong, car il permettrait de descendre la prise de vue à hauteur d'yeux pour un résultat plus réaliste.

De prochains articles seront peut-êtres écrit sur le sujet, notamment sur la question du viewer, dont la création d'une version original en licence libre est à l'ordre du jour.

Etape 5 : Sources d'inspirations / Aller plus loin

Nomenclature

Voici le contexte dans lequel à été testé la réalisation des étapes ci-dessus :

  • APN 
    • HTC Hero.
  • Ordinateur 
    • Core I7,
    • 8 Gio RAM,
    • Windows Seven 64 bits.
  • Logiciels utilisés 
    • Photoshop CS4 64 bits version française,
    • Flash CS4 version française

Droit d'auteur / propriété intellectuelle :

Cet article et son contenu sont régis par les conditions suivantes :

Tout contenu tiers est régi par les conditions des ayants droits.

Tout autre contenu ou ressource est soumis à l'acceptation du contrat Creative Commons by-nc-nd.

En cas de non acceptation de tout ou partie des conditions (incluant celles des contenus tiers), le contenu de cet article reste la propriété morale et patrimoniale de son auteur, et tout usage non autorisé par écrit est explicitement proscrit.

Aucun commentaire:

Publier un commentaire