[Tutorial Pano2VR-002] Réaliser un effet Lightbox

Avatar de l’utilisateur
fredaubailly
Animateur Pano2VR
Messages : 1172
Inscription : 22 avr. 2009, 20:17 27

[Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par fredaubailly »

Hello la cie ! :smt006

Aujourd'hui, 2ème tuto vidéo consacré à Pano2VR : la réalisation d'un effet "lightbox". Effet qui consiste à appliquer un voile noir sur l'écran afin de minimiser le fond pour mettre en valeur un élément qu'on affiche en 1er plan.
La vidéo est au format HD et grâce à l'aide de Gibie, celle-ci est disponible sur Viméo en utilisant le mot de passe pano2vr.



Je pense que le tuto est explicite mais je suis là si vous avez des questions... ;) (en espérant que j'aurai la réponse évidemment...)

Fred

Edit par gibie le 11 janvier 2010
- pour voir l'ensemble des tutorials vidéos sur Pano2VR posté sur Vimeo : voir lien (mot de passe : pano2vr)
- vous pouvez télécharger ce tutorial sur Vimeo. Si vous n'arrivez pas à télécharger ce tutorial vidéo sur Vimeo, demander un lien direct de téléchargement à Gibie par MP
Avatar de l’utilisateur
Stuart
Messages : 2011
Inscription : 29 mars 2009, 18:34 46

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par Stuart »

Encore un très bon tutoriel :super:
La paresse, c'est se reposer avant d'être fatigué...
Avatar de l’utilisateur
Cyril
Messages : 1417
Inscription : 24 févr. 2008, 18:11 38

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par Cyril »

Merci pour ce tutoriel et les autres cela va faire progresser la communauté pano2VR. :super:
Nikon D90 + Nikkor 10,5-2,8 pour les panos
Tête pano maison
PTGui Pro & KRpano
Mes derniers panos
Avatar de l’utilisateur
Patrick
Messages : 2470
Inscription : 21 déc. 2009, 15:00 33

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par Patrick »

C'est téléchargé, j'ai jeté un oeil vite fait pour voir si le téléchargement était bon.
bravo et merci pour le temps passé
Avatar de l’utilisateur
Stuart
Messages : 2011
Inscription : 29 mars 2009, 18:34 46

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par Stuart »

Ce serait sympa de voir l'intégration du © lors d'un prochain tuto :wink:
La paresse, c'est se reposer avant d'être fatigué...
Avatar de l’utilisateur
philippe
Messages : 1991
Inscription : 22 mars 2008, 17:51 32

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par philippe »

Merci Fred pour ces tutos , génial :super:
Nous avons hâte de pouvoir en suivre d'autres ;)
A bientôt
Philippe
Photos et panoramas
Page Facebook
Nikon D300s , Nikkor 16-85mm f/3.5-5.6 G ED VR + Nikkor 10.5 mm f/2.8
tête Pano-MAXX V1 , Pied Benro A-157EX , rotule-ball Manfrotto 496RC2
Autopano Giga 3.7.1 , pano2VR 4.0 , panotour pro 2.3.0 , KRpano 1.17 ,Dxo optics pro v10.0.0
Avatar de l’utilisateur
cheche
Messages : 880
Inscription : 8 mars 2008, 22:03 00

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par cheche »

Merci pour ce tuto, très clair.
Nikon D90 -- Tokina 10-17mm -- LR2 -- Autopano / Hugin -- Pano2VR
-------------------------------------------------------------
Mes sphériques
Mon site
Ma galerie sur PangeaVR (Iphone) : Portfolio Eric Chevalier
Avatar de l’utilisateur
estragon
Administrateur
Messages : 5323
Inscription : 17 déc. 2007, 11:48 05

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par estragon »

Encore du boulot très pro et très clair. :super: :super:
J'exagère...
... mais pas assez.
www.lightroom-et-plus.com
jefher.net
Messages : 156
Inscription : 14 juil. 2008, 18:10 55

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par jefher.net »

Bonjour et merci pour le tutorial concernant l'intégration d'un logo dans un panorama. J'ai acheté une licence Pano2Vr depuis 2 ans et je n'avais encore jamais eu l'occasion d'utiliser cette possibilité.
Tout fonctionne parfaitement comme expliqué sur le tuto ... sauf :
- l'action "Atteindre l'URL" ne fonctionne pas (j'ai déjà essayé deux fois ...)
- on perd la barre de contrôle du panorama et notamment le bouton "Plein Ecran"
Y-a t'il un moyen de solutionner cela ?
Merci encore. jefher
jefher.net
Messages : 156
Inscription : 14 juil. 2008, 18:10 55

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par jefher.net »

Bonsoir, premier élément de réponse : pour atteindre une URL, on utilise donc un lien absolu pointant vers l'extérieur et non en local. Dans ce cas, Flash empêche d'ouvrir le lien en local (vraisemblablement pour des raisons de sécurité), par contre cela fonctionne correctement via le web, dès que les fichiers ont été mis en ligne.
Pour la deuxième question il semble qu'il faille choisir entre le nouveau logo cliquable créé et l'une des barres de commandes pré-enregistrées dans Pano2Vr ... c'est l'un ou l'autre ... pas les deux.
Donc, en cas d'insertion d'un logo cliquable (ou non), on perd vraiment la barre où se trouve le bouton "Plein Ecran".... dommage !!!
jef
Avatar de l’utilisateur
cheche
Messages : 880
Inscription : 8 mars 2008, 22:03 00

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par cheche »

jefher.net a écrit :Bonsoir, premier élément de réponse : pour atteindre une URL, on utilise donc un lien absolu pointant vers l'extérieur et non en local. Dans ce cas, Flash empêche d'ouvrir le lien en local (vraisemblablement pour des raisons de sécurité), par contre cela fonctionne correctement via le web, dès que les fichiers ont été mis en ligne.
c'est ça : je me suis deja fait avoir par cette "securité" flash, j'y ais passé une semaine .... :veryangry:
jefher.net a écrit : Pour la deuxième question il semble qu'il faille choisir entre le nouveau logo cliquable créé et l'une des barres de commandes pré-enregistrées dans Pano2Vr ... c'est l'un ou l'autre ... pas les deux.
Donc, en cas d'insertion d'un logo cliquable (ou non), on perd vraiment la barre où se trouve le bouton "Plein Ecran".... dommage !!!
jef
Non, il faut que tu modifies le skin pré-enregistré dans l'éditeur, tu le renommes, et tu le désignes lors de la création du pano.
Nikon D90 -- Tokina 10-17mm -- LR2 -- Autopano / Hugin -- Pano2VR
-------------------------------------------------------------
Mes sphériques
Mon site
Ma galerie sur PangeaVR (Iphone) : Portfolio Eric Chevalier
jefher.net
Messages : 156
Inscription : 14 juil. 2008, 18:10 55

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par jefher.net »

Merci pour ta réponse cheche, lorsque je règle tous les paramètres pour créer un pano, j'ai, à un moment, une liste déroulante permettant de choisir parmi les 7 skins pré-enregistrés et fournis lors du téléchargement de Pano2Vr.
Ces skins permettent, entre autre, de pouvoir visualiser en mode plein-écran :

Liste déroulante des skins Pano2Vr :
controller_new.ggsk
controller_new_popup.ggsk
controller_new_radar.ggsk
controller_new_userdata.ggsk
controller_slide.ggsk (c'est le skin que j'utilise habituellement)
controller_video.ggsk
default_loading.ggsk

+ un 8ème skin qui est le logo cliquable que j'ai créé selon la méthode de fredaubailly (vidèo) :
logo.ggsk

ce qui fait 8 skins.

Donc, si je choisis mon logo, le 8ème skin, ... et je n'ai le droit qu'à un seul choix, je perds bien la barre de contrôle controller_slide.ggsk et, par la même, la possibilité de visualiser en plein écran.

Mais d'après ta précédente réponse, il doit y avoir quelque chose qui m'échappe ou que je n'ai pas bien compris.
Salutations. jef
Avatar de l’utilisateur
philippe
Messages : 1991
Inscription : 22 mars 2008, 17:51 32

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par philippe »

Bonsoir jefher.net

En faite il faut que tu réalise ce que tu as créer dans logo.ggk, dans le skin controller_slide.ggk par exemple et que tu enregistre le skin ainsi modifié sous un autre nom pour pouvoir conserver skin controller_slide.ggk comme a l'origine.
A bientôt
Philippe
Photos et panoramas
Page Facebook
Nikon D300s , Nikkor 16-85mm f/3.5-5.6 G ED VR + Nikkor 10.5 mm f/2.8
tête Pano-MAXX V1 , Pied Benro A-157EX , rotule-ball Manfrotto 496RC2
Autopano Giga 3.7.1 , pano2VR 4.0 , panotour pro 2.3.0 , KRpano 1.17 ,Dxo optics pro v10.0.0
Avatar de l’utilisateur
cheche
Messages : 880
Inscription : 8 mars 2008, 22:03 00

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par cheche »

Tu sélectionnes ton skin, tu choisis le skin pré-enregistré qui te convient.
Tu cliques sur le bouton éditer (juste en dessous). L'éditeur s'ouvre.

Moi je le "sauvegarde sous" tout de suite avec un nouveau nom (comme ça en cas d'erreur ou de maladresse je n'ai pas salopé le skin d'origine ;) )
Tu modifies le skin, tu rajoutes ton logo, crées le hotspot avec les actions qui vont bien et re sauvegardes (avec le nouveau nom).

Tu quittes l'éditeur de skin;
Le nouveau skin est choisis par défaut, tu lances et .... normalement c'est bon ! :hello:

Edit : grillé sur le fil ... :hello2:
Nikon D90 -- Tokina 10-17mm -- LR2 -- Autopano / Hugin -- Pano2VR
-------------------------------------------------------------
Mes sphériques
Mon site
Ma galerie sur PangeaVR (Iphone) : Portfolio Eric Chevalier
Avatar de l’utilisateur
philippe
Messages : 1991
Inscription : 22 mars 2008, 17:51 32

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par philippe »

Milles excuses cheche . :rouge:
A bientôt
Philippe
Photos et panoramas
Page Facebook
Nikon D300s , Nikkor 16-85mm f/3.5-5.6 G ED VR + Nikkor 10.5 mm f/2.8
tête Pano-MAXX V1 , Pied Benro A-157EX , rotule-ball Manfrotto 496RC2
Autopano Giga 3.7.1 , pano2VR 4.0 , panotour pro 2.3.0 , KRpano 1.17 ,Dxo optics pro v10.0.0
Avatar de l’utilisateur
cheche
Messages : 880
Inscription : 8 mars 2008, 22:03 00

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par cheche »

Abondance de bons conseils ne nuit pas ! :amen:
Nikon D90 -- Tokina 10-17mm -- LR2 -- Autopano / Hugin -- Pano2VR
-------------------------------------------------------------
Mes sphériques
Mon site
Ma galerie sur PangeaVR (Iphone) : Portfolio Eric Chevalier
jefher.net
Messages : 156
Inscription : 14 juil. 2008, 18:10 55

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par jefher.net »

Merci Philippe et Cheche, cela fonctionne effectivement selon vos prescriptions. Bravo.
Par contre, je n'arrive pas encore à faire apparaître sous le logo le texte alternatif qui s'affiche en temps normal sous un hotspot standard (à condition que ce texte ai été inscrit validé dans le champ prévu à cet effet).
A part cela, Philippe, j'ai été faire un tour sur ton site http://www.photos-et-panoramas.fr et j'ai constaté un problème d'affichage des caractères accentués sous FF3, rien à signaler sous IE.
Dans tes balises META, ton charset semble bien formulé. Il faudrait donc voir du côté du DOCTYPE ... ou peut-être ailleurs.
Extrait Sous IE : RAS :
Ce deuxième site sans prétention , pour vous présenter l'un de mes loisirs , commencé en Janvier 2008 qui est la réalisation de panoramas plats EXEMPLE .
Extrait Sous FF3 : caractères accentués mal interprétés :
Ce deuxième site sans prétention , pour vous présenter l'un de mes loisirs , commencé en Janvier 2008 qui est la réalisation de panoramas plats EXEMPLE.
A bientôt et merci encore. JEF
Avatar de l’utilisateur
cheche
Messages : 880
Inscription : 8 mars 2008, 22:03 00

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par cheche »

jefher.net a écrit : Par contre, je n'arrive pas encore à faire apparaître sous le logo le texte alternatif qui s'affiche en temps normal sous un hotspot standard (à condition que ce texte ai été inscrit validé dans le champ prévu à cet effet).
Ce n'est pas l'outil "text" de l'éditeur de skin ?
Nikon D90 -- Tokina 10-17mm -- LR2 -- Autopano / Hugin -- Pano2VR
-------------------------------------------------------------
Mes sphériques
Mon site
Ma galerie sur PangeaVR (Iphone) : Portfolio Eric Chevalier
Avatar de l’utilisateur
philippe
Messages : 1991
Inscription : 22 mars 2008, 17:51 32

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par philippe »

Merci beaucoup jefher.net
Problème résolu . :merci:
A bientôt
Philippe
Photos et panoramas
Page Facebook
Nikon D300s , Nikkor 16-85mm f/3.5-5.6 G ED VR + Nikkor 10.5 mm f/2.8
tête Pano-MAXX V1 , Pied Benro A-157EX , rotule-ball Manfrotto 496RC2
Autopano Giga 3.7.1 , pano2VR 4.0 , panotour pro 2.3.0 , KRpano 1.17 ,Dxo optics pro v10.0.0
jefher.net
Messages : 156
Inscription : 14 juil. 2008, 18:10 55

Re: [Tutorial Pano2VR-002] Réaliser un effet Lightbox

Message par jefher.net »

Dans le cas d'un hotspot normal (point rouge), on remplit le champ "Titre" et le texte apparait sous le hotspot (fond blanc, encadré noir). Lorsque le hotspot est remplacé par un logo, le texte n'apparaît plus .... peut-être est-il caché par le logo ?
Mais je vais faire d'autres essais pour comprendre.
Jef.
Répondre

Revenir à « Pano2VR »