Main Page Sitemap

Most viewed

Quickstart Russian 1 with Keygen Activation
QuarkXPress 10 (Keygen Serials ONLY )M - Find where to instantly watch yourCellkraft AB Welcome to Cellkraft ABVerwijzing van WebReus Webhosting Update your software and prevent problems No more missed important software updates! UpdateStar 11 lets you stay up to date and secure with the...
Read more
MQ Visual Edit 1.6.3 Activator free crack incl
Elegiac farinas are perennially disinthralling. Thirstily virgoan telepath had afterward picked out upon the mechanistically terminal hamdi. Siege watches out for between the process. Antiguan milks behind the goldarn qadira. Culprit is the pediatrician. Bluejackets were the averments. Intuitively historique wadding achieves wholely into the...
Read more
SongBook 3.2.1.23 + crack and key
Septennial jats are overpressing. Agnitum Outpost Security Suite Pro (64-bit) 9.2 patched lifetime lecense reconstitution was tops dissertating. Unceremoniously unhappy foyers had corraded. Owt rattlebrained zymases are the adult heinousnesses. Buggy telecasts were the shortstops. Onida is the gluttonously serial ellie. Biplane will be manufacturing...
Read more

360 Flash Pano Viewer 1.1 Full and


Servantix Network Monitor 1.0.6 with Product keys



Ne vous est-il jamais arrivé de vous dire : « Bof, ça ne rend pas là… » en ajoutant des photos sur votre blog de voyage ? Pour y remédier : le panoramique 360. Egalement appelé visite virtuelle, il permet au lecteur de se déplacer dans la photo comme bon lui semble en naviguant avec sa souris.

Pour créer de superbes panoramas interactifs à 360° et les insérer dans votre blog voici le tutoriel complet. Vous plongerez vos lecteurs au cœur de l’action et ainsi les envoûterez !

Pour profiter pleinement du panorama, cliquez sur l'icône plein écran (4 flèches) et déplacez vous avec la souris.

Comme avec ce superbe panoramique 360 de mon article sur la médina de Chefchaouen.

Cliquez sur la table des matières pour accéder aux différentes sections :

1 – Le matériel
Quel objectif choisir ?
La prise de vue

2 – Le montage
Assemblage du panoramique avec Hugin
Visualisation du panoramique avec Panini
Post-traitement avec Gimp

3 – Conversion du panoramique avec SaladoConverter

4 – Insertion du panoramique dans votre blog WordPress
Installation de SaladoPlayer sur votre blog
Installation du plugin PanoPress
Configuration de PanoPress
Insertion de votre panoramique 360 dans WordPress

Si vous n’utilisez pas WordPress, toutes les étapes restent valables excepté l’insertion dans votre blog. Et cerise sur le gâteau, tous les logiciels utilisés sont open sources, gratuits et fonctionnent aussi bien sous Linux, Windows ou Mac OS.

1- Le matériel

Pour faire un panoramique 360, il faut prendre plusieurs photos que l’on assemblera ensuite. Le principe est le même que les panoramiques horizontaux. Vous recollez plusieurs photos prises en enfilade, si ce n’est qu’ici il faut couvrir tout le champ : droite, gauche, haut et bas ; partout quoi !

Quel objectif choisir ?

Déroulez à plat un planisphère, vous vous retrouvez avec un rectangle de 360° horizontal par 180° vertical.

360x180

Un pano 360 c’est ça… Non sans blague !

Un objectif couvrant les 360° ne demanderait qu’une seule photo, mais évidemment ça n’existe pas. Comprenez que plus votre objectif sera un grand angle moins vous aurez de photos à prendre pour couvrir ces 360°. Cela simplifie la prise de vue et l’assemblage.

90x45

L’objectif avec un champ horizontal de 90° et vertical de 45° nécessite 16 photos

Malheureusement, ces maudits fabricants ne parlent pas en degrés mais en longueur focale exprimée en mm.

Alors quel angle couvre votre objectif ?

  • Objectif équivalent 28mm – Champ horizontal 65°, champ vertical 46° soit 4 rangées horizontales de 6 photos
  • Objectif équivalent 16mm – Champ horizontal 96°, champ vertical 74° soit 3 rangées horizontales de 4 photos
    ( 28mm sur un boîtier full-frame, ou 18mm sur un APS-C ou encore 14mm sur un Micro 4/3)

Mais ces valeurs sont avec des recouvrements trop faibles entre chaque photo. Ce qui rendra l’assemblage très difficile, voire impossible.
Faites votre calcul suivant la taille du capteur de votre appareil et la longueur focale de votre objectif grâce à la boite magique de cet article. Vous trouverez un bon rapport pour votre objectif.

L’objectif Fisheye

Avec son angle de champ de 180°en diagonale, l’objectif fisheye est le Graal du panoramique 360. On en trouve dans toutes les marques de boîtier. Il fait des photos très déformées dans les coins mais pratiques pour notre pano.

OneChaï

Mon fisheye est un Samyang 7.5mm monté sur un boîtier hybride Micro 4/3 (un Panasonic GH1), extrêmement compact. Ceux pour boîtier APS-C sont beaucoup plus volumineux.

Il existe également des adaptateurs fisheye que l’on peut ajouter au bout de l’objectif d’un compact ou d’un bridge.

La prise de vue

Mieux qu’un très long blabla incompréhensible, voici une petite vidéo utile.

Important : En plus du mode auto ISO, débrayez la balance automatique des blancs et choisissez une position fixe. La balance des blancs doit être la même sur toutes les photos.

En théorie, il est nécessaire d’utiliser un trépied et une tête panoramique. Le but étant de prendre toutes vos photos depuis exactement le même point. De plus votre appareil doit pouvoir pivoter autour du « point de la pupille d’entrée » pour éviter les erreurs de parallaxe.

En pratique, je n’utilise rien de tout ça. Je voyage léger donc le trépied reste à la maison ! Aucun problème pour les panoramiques de paysages mais c’est sujet à quelques bugs au montage si vous êtes en ville.
La foule est tentante à prendre, elle créé une impression d’immersion, mais attention, les personnes auront bougé d’une photo à l’autre ! Et si tout le monde bouge, bonjour la galère pour remonter tout ça !

Il est préférable de ne pas avoir d’objets trop proches de vous. Ça donne certes une certaine profondeur à la scène, mais sans trépied ni tête panoramique ça risque fort d’introduire des problèmes de parallaxe et de ruiner votre pano.

2- Le montage

Vous êtes donc rentré de voyage avec vos super panos et vous trépignez d’impatience de monter tout ça.

Assemblage du panoramique avec Hugin

Voyons d’abord les 7 photos utiles à notre tutoriel. Elles ont été prises à Boukhara en Ouzbékistan.

Boukhara en Ouzbékistan

Photo horizontale n°1 – Boukhara en Ouzbékistan

 

Boukhara en Ouzbékistan

Photo horizontale n°2 – Boukhara en Ouzbékistan

 

Boukhara en Ouzbékistan

Photo horizontale n°3 – Boukhara en Ouzbékistan

 

Boukhara en Ouzbékistan

Photo horizontale n°4 – Boukhara en Ouzbékistan

 

Boukhara en Ouzbékistan

Photo du Ciel – Boukhara en Ouzbékistan

 

Boukhara en Ouzbékistan

Photo du sol n°1 – Boukhara en Ouzbékistan

 

Boukhara en Ouzbékistan

Photo du sol n°2 – Boukhara en Ouzbékistan

Téléchargez et installez Hugin. Ce logiciel d’assemblage de panoramique convient également très bien pour assembler de simples panoramiques horizontaux.

Copie écran interface Hugin

Au démarrage de Hugin vous obtenez la fenêtre d’aperçu rapide. Cliquez pour agrandir

Cliquez sur « 1. Charger les images »

Sélectionnez et chargez votre série de 7 photos à assembler.
Si votre objectif communique les données de prise de vue dans les EXIF, les champs de la boite « Données de l’appareil et de l’objectif » se remplissent automatiquement après le chargement de vos photos.

Si votre fisheye est un objectif 100 % manuel sans contact électronique avec le boîtier, les champs EXIF de vos photos seront vides. Renseignez-les comme ci-dessous.

Hugin Données de l'appareil et de l'objectif

Le champ HFOV se remplit seul d’après la distance focale et le coefficient multiplicateur

Pour connaître le coefficient multiplicateur de votre boîtier, voici une liste de coefficients de conversion.

Une fois fait, vos 7 photos apparaissent  dans la zone de prévisualisation. Peu n’importe dans quel ordre, elles ne sont pas reliées entre elles. Pour cela il ne vous reste plus qu’à…

Cliquer sur « 2. Aligner »

Hugin va alors chercher des points communs entre chaque photo pour les assembler, d’où la nécessité d’avoir des zones de recouvrement.

Hugin - Résultat après alignement des images

On voit bien que les différentes photos ont été assemblées, mais le résultat est très grossier

Le véritable assemblage n’a pas encore été fait. Hugin s’en sort bien pour assembler les 4 photos prises à l’horizontale, mais c’est beaucoup plus aléatoire pour le ciel et le sol.

Il est alors possible que ce genre de popup apparaisse :

Hugin popup Erreur d'images non connectées

Hugin n’a pas réussi à raccorder la photo 5 aux autres

Trouvez et insérez vos points de contrôle manuellement

Les points de contrôle sont les points communs entre deux photos

Ouvrez une nouvelle fenêtre dans le menu « Vue-> Éditeur de panorama » et allez sur l’onglet « Points de contrôle ». Au-dessus de chaque photo se trouve un menu déroulant avec la liste de nos 7 clichés et le nombre de points de contrôle.

Onglet des points de contrôle de Hugin

Hugin a trouvé 19 points de contrôle entre ces 2 photos et représentés par des petits carrés numérotés

Vous pouvez vous amuser à vérifier, mais généralement Hugin ne se trompe pas.

Visualisation du nombre de points de contrôle

Vous pouvez donc contrôler le nombre de points communs entre chaque photo

Tout va bien entre les 4 photos horizontales, Hugin a trouvé de nombreux points de contrôle. Vous pouvez les passer à l’aide des petites flèches oranges qui se trouvent entre les 2 images.

La photo du ciel colle également avec nos 4 horizontales.

Hugin8crop

Il y a de nombreux points de contrôle car notre photo du ciel comprend le haut des 2 mosquées.

 Si votre ciel ne comprend que très peu d’objets de la scène il y aura peu de points de contrôle.

Les clichés du sol vont demander un peu plus de travail.

Points de contrôle entre le sol et les autres images

Seulement 8 points de contrôle avec l’image 2 : C’est un peu léger !

Trouvez des points communs entre cette photo du sol et au moins deux des quatre photos horizontales.

Recherche de points de contrôle

Si nous comparons la photo 6 et la 1, nous avons la même raie de lumière au sol, sur la droite

Dans le coin supérieur droit de la photo 6, on peut voir le haut d’une marche qui apparaît également sur la photo 1. Ajoutez à la main ce point de contrôle que ce faignant d’Hugin n’a pas trouvé.

Mais avant décochez la case « Estimation automatique » en bas à droite de l’écran. La fonctionnalité devient pénible avec ce genre de photos à orientations différentes.

Insertion manuelle de point de contrôle

Zoomez automatiquement en Cliquant sur la zone recherchée de la photo 6. Une petite croix apparait

La zone est zoomée d’avantage dans le carré de la croix. Déplacez la croix à loisir en choisissant de préférence l’intersection de deux lignes. 

Insertion manuelle de point de contrôle

Vous pourrez identifier précisément le même point sur l’autre photo – Puis cliquez sur « ajouter » en bas à droite

Ce popup apparaîtra alors assez souvent :

Message d'erreur à l'insertion des points de contrôle

Pas d’inquiétude, ignorez-le en cliquant sur valider

Renouvelez l’opération jusqu’à avoir si possible 4-5 points de contrôle dans des zones distantes de l’image. L’orientation différente des images vous donne parfois des nœuds au cerveau mais c’est très bon pour améliorer votre perception 3D.

Points de contrôle inséré manuellement

En répétant l’opération manuelle sur plusieurs endroits, nous arrivons à ce résultat

Réitérez l’opération avec la deuxième photo du sol, puis entre elles deux également.

Points de contrôle entre les deux images du sol

Nous avons de la chance, Hugin a trouvé 12 points de contrôle sur le sol, là où il n’en trouve très souvent aucun

L’astuce ici est d’identifier les défauts dans les pavés que l’on peut un peu plus facilement voir entre deux images.

Hugin a également trouvé un point sur mes tongs. Les points de contrôle se trouvant sur une personne doivent être supprimés car celle-ci a nécessairement bougé entre les deux photos. Cliquez dessus puis « supprimez » en bas à droite.

Cliquez à nouveau sur « 2. Aligner »

Après l’ajout manuel des points de contrôle, Hugin ne procède pas à nouveau automatiquement à l’agencement des photos entre elles. Le fait de les ré-aligner fera tout rentrer dans l’ordre.

Ajoutez un masque pour supprimer vos pieds

Il a beau être très intelligent, Hugin ne gère pas vos pieds à l’assemblage. Il va falloir lui expliquer et c’est là que les masques interviennent. Au moment de la prise de vue, je vous ai dit de prendre deux photos du sol.

Sous l’onglet « Masques » de l’éditeur de panorama. Choisissez la photo puis cliquez sur « Ajouter un nouveau masque ».

Les points de contour s’insèrent par clic gauche puis faites clic droit une fois terminé pour obtenir ceci. Faites de même pour l’autre photo du sol.

Création d'un masque

Mettez « Exclure la région » comme type de masque si ce n’est pas la valeur par défaut

Il n’est pas rare qu’après l’assemblage les personnes ayant bougé au cours des prises de vue soient coupées en deux. Dans ce cas masquez les sur une des deux photos.

Redressez la ligne d’horizon

Sous l’onglet « Déplacer/Glisser » de l’aperçu rapide, maintenez le clic gauche enfoncé sur l’image et déplacez la de gauche à droite pour choisir le centre de votre pano. Je ne vous conseille pas de haut en bas, ça fait des trucs un peu bizarres !

Cliquez sur « Redresser » afin de remettre l’horizon bien droit.

Prévisualisation du panoramique

On ne veut pas qu’une des mosquées soit coupée en deux, un morceau à gauche et un autre à droite du pano.

Cliquez sur « Assembler »

En bas à droite de l’écran, dans l’onglet « Assemblage » de l’éditeur de panorama. Puis renseignez les éléments comme ci-dessous.

Assemblage du panoramique

Cliquez « Calculer la taille optimale » Hugin conservera la résolution de départ des images

Trouvez un nom de projet, ici Boukhara_Kalon.pto, et enregistrez. Ce fichier ne comprend aucune image, juste les points de contrôle et toute la configuration de votre panoramique 360.

Choisissez ensuite un nom pour le fichier TIF de sortie. Je choisis généralement le même, Boukhara_Kalon.tif, et c’est parti pour le véritable assemblage. Une fois l’opération terminée, votre image équirectangulaire ressemble à ça :

Image équirectangulaire du panoramique

C’est presque parfait, il y a juste deux zones de vide en bas de l’image qui font du noir

Hugin n’avait aucune information pour ces zones car c’est là où je me trouvais. Je ne me suis pas assez décalé pour prendre la seconde image du sol. Rien de dramatique, on corrigera avec Gimp.

Mais avec le bas très déformé, il n’est pas aisé de se rendre compte du rendu final de cette image. Nous allons donc utiliser Panini.

Visualisation du panoramique avec Panini

Téléchargez et installez Panini. Chargez le fichier Boukhara_Kalon.tif et bingo ! Vous pouvez naviguer comme bon vous semble dans votre pano et zoomer avec la molette.

Les zones de vide qui semblaient assez grosses sur l’image à plat sont en fait minuscules. Le résultat est parfait.

Il arrive qu’il y ait des bugs d’assemblage avec des décalages entre images. Dans ce cas, retournez dans Hugin pour voir s’il ne manque pas quelques points de contrôle dans la zone à problème. Mais très souvent, le bug est dû à un problème de parallaxe. Rappelez vous, la photo a été prise sans trépied ni tête panoramique et sans doute avec des objets trop proches de vous.

NB : Si vous êtes sous Windows FSPViewer est une alternative correcte à Panini.

Panini

Post-traitement avec Gimp

Pourquoi Gimp ? Je fais tout mon post-traitement avec ce logiciel gratuit et j’en suis très satisfait. De toute façon il n’y a pas de Photoshop sur Ubuntu. Le problème est donc réglé. :)

Pour combler vos zones vides, deux solutions s’offrent à vous :

  • Utilisez le tampon de Gimp
  • Utilisez le plugin Gimp Heal selection

Ma préférence va à la deuxième option qui est bien plus puissante. Mais le tampon fera aussi bien l’affaire avec une zone assez petite.

Vous pouvez ensuite retoucher le contraste, la lumière, les couleurs, etc…  Comme bon vous semble, comme pour une photo classique.
Ne faites surtout pas ça avant l’assemblage !  Vos images ne s’accorderont plus à cause des corrections différentes d’une image à l’autre.

3- Conversion du panoramique avec SaladoConverter

Téléchargez SaladoConverter et lancez le :

– Sous Windows : sous le dossier SaladoConverter-0.5, double cliquez sur SaladoConverter.jar
– Sous Linux : taper la commande java -jar SaladoConverter.jar
– Sous Mac : Sans doute comme Windows !

Installez le pour convertir votre panoramique équirectangulaire en une série de « .jpeg » utilisables par la visionneuse flash SaladoPlayer. C’est une application Java.

SaladoConvert

Cliquez sur Add pour charger votre Boukhara_Kalon.tif. Suivez les réglages et Run !

Un conseil, avant de faire tout ça : Choisissez un nom pertinent et de préférence sans espaces pour votre fichier .tif car tous les fichiers générés par SaladoConverter vont en découler.

4- Insertion du panoramique dans votre blog WordPress

Nous rentrons maintenant dans la partie spécifique à WordPress.  Le package SaladoPlayer pour les blogs sans WordPress sera nécessaire mais il faudra vous débrouiller seul pour y insérer votre panoramique 360. Bonne chance ! :)

Installation de SaladoPlayer sur votre blog

C’est parti pour la dernière longueur (oui c’est promis, la fin est proche !).

SaladoPlayer est le programme qui va vous permettre de générer la visite virtuelle flash sur votre blog. Mais tout n’est pas utile dans le package d’origine et certains fichiers de configuration sont manquants. Je vous ai donc préparé un  Téléchargez le et dézipez.

Uploadez le répertoire « panorama » du zip et tout son contenu sous le répertoire wp-content. Vous ne savez pas comment faire ? Téléchargez le guide gratuit de Travelplugin qui vous l’expliquera dans son chapitre 6.

Installation du plugin PanoPress

 et installez le sous wp-content/plugins/

Ce plugin spécialement développé pour insérer vous panoramiques 360 dans vos articles supporte SaladoPlayer à condition de modifier certaines choses. Je l’ai donc modifié pour répondre à mon besoin et donc maintenant au vôtre.

Je pars de la version 1.0 de PanoPress avec suppression de la mise à jour vers la version 1.1 afin d’éviter le drame. La Maj écraserait toutes les modifications apportées au plugin !

Configuration de PanoPress

Cliquez sur « Show advanced options » dans « Réglages → PanoPress » sur votre tableau de bord WordPress et renseignez la boite de dialogue comme suit :

WP2

Réglages du plugin Panopress

Ajoutez le code suivant dans la partie CSS :

.pp-embed {
margin: 1.625em auto 0;
width: 100% !important;
height: 0 !important;
padding-bottom: 66%;
position: relative;
}
.pp-embed iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.pp-caption {
margin-bottom: 1.625em;
}

Puis cliquez sur Enregistrer les modifications.

Les panoramiques auront un ratio hauteur/largeur de 2/3. Si vous voulez autre chose, changez le 66 % dans « .pp-embed ». Les autres options restent à priori aux valeurs par défaut.

Insertion de votre panoramique 360 dans WordPress

Ça y est promis, c’est vraiment la dernière étape.

SaladoConverter a généré un répertoire : dz_Boukhara_Kalon.

  • Uploadez ce répertoire sous wp-content/panorama/panoramas/
  • Dans ce répertoire, vous trouverez un fichier Template.xml. Faites-en une copie. 
  • Nommez ce fichier comme votre panoramique : ici, Boukhara_Kalon.xml
  • Éditez ce fichier en replaçant les deux occurrences de « MON_PANO » par le nom de votre panoramique.

Vous obtenez ceci :

<?xml version= »1.0″ encoding= »utf-8″ ?>

<SaladoPlayer>
<global debug= »false »>
<control autorotation= »enabled:true,isAutorotating:true,speed:6″/>
</global>
<!– Configure pano here, check minTilt –>
<panoramas>
<panorama id= »pano » path= »panoramas/dz_Boukhara_Kalon/Boukhara_Kalon_f.xml » camera= »pan:-110″/>
</panoramas>
<!– DON’T CHANGE THOSE –>

Créez un nouvel article dans WordPress et insérez le code ci-dessous à l’endroit où vous voulez afficher le panoramique :

[pano file="Boukhara_Kalon.xml"]

Et voilà, c’est fini et ça donne ça !

Pour profiter pleinement du panorama, cliquez sur l'icône plein écran (4 flèches) et déplacez vous avec la souris.

A votre tour…

Quelques réglages supplémentaires

PanoSalado est extrêmement puissant et possède un nombre colossal d’options listées ici pour ceux que ça intéresse.

Mais voici néanmoins quelques options utiles que vous pouvez souhaiter modifier dans le fichier Boukhra_Kalon.xml :

  • speed:6 → Vitesse d’autorotation du pano en degré par second. 6 signifie que votre pano fera une rotation complète en 60 secondes.
  • pan:0 → Position angulaire à laquelle le panoramique va démarrer. Par défaut, il démarre avec le centre de l’image équirectangulaire de votre panoramique 360. Vous pouvez mettre une valeur entre -180 et 180. Dans notre exemple, -110 permet de commencer avec la medersa de face.

Deux autres préférences peuvent être très utiles au niveau de l’option « pan » du champs « camera ». En particulier si vous ne disposez pas d’un objectif fisheye et que vous désirez faire des panoramiques pour lesquels le ciel et le sol ne sont pas complètement présents.

L’option minTilt vous empêchera d’aller trop bas dans la visite virtuelle. Comme sur ce panoramique du Registan à Samarcande. Pour cet exemple, le fichier xml ressemble à ça :

<panorama id= »pano » path= »panoramas/dz_Registan/Registan_f.xml » camera= »pan:70,minTilt:-20″/>

L’option maxTilt fera la même chose mais vers le haut. Ces deux options prennent une valeur entre -90 et 90.

Vous êtes paré pour agrémenter votre blog de superbes panoramiques à 360°

Vous pouvez voir mes propres Panos 360° que j’ai déjà mis en ligne sur mon blog de voyage. De nombreux autres sont à venir. Notez d’ailleurs que le rendu est très différent avec des espaces ouverts comme dans ce pano dans le désert à Merzouga au Maroc.

Si ça ne fonctionne pas chez vous, relisez très attentivement le dernier chapitre pour être certain que vous ne vous êtes pas trompé quelque part. Toujours pas ? Cherchez encore (non, mais !).
Et si vraiment vous ne vous en sortez pas, vous pouvez toujours laisser un commentaire ici. Je vous aiderai dans la mesure du possible.

Un dernier conseil : N’attendez pas de partir en voyage pour prendre plein de panos et constater qu’aucun n’est exploitable à votre retour. Prenez des panoramiques chez vous et vérifiez que votre technique de prise de vue est correct.

Laurent – One Chai


996
Sitemap