In questo articolo voglio mostrarvi come creare un Virtual Tour con uno dei programmi più sottovalutati del settore:PAno2vr
Partiamo dal presupposto che abbiate pronta la vostra foto equirettangolare 2:1. Se non ce l’avete vi rimando alla lettura di QUESTO mio precedente articolo su come creare una foto a 360 in maniera professionale.
Per facilità riprendo la stessa immagine che ho usato nell’articolo della foto panoramica, ovviamente gia senza treppiede in basso (precedentemente tolto con Photoshop)
La prima cosa da fare ovviamente è scaricare il programma Pano2vr. Il programma non è freeware ma è a pagamento!
Una volta che ci siamo accertati che il programma funzioni correttamente e che l’istallazione è andata a buon fine possiamo procedere come segue:
- Creare una cartella su desktop (o dove volete voi) rinominandola “prova virtual tour” (o come volete voi)
- All’Interno della cartella creiamo un altra cartella chiamandola “Html5“
- Inseriamo la foto panoramica all’interno della cartella “prova virtual tour“
1 – Apriamo il nostro programma Pano2vr (La release che uso io è la 5.2.2) e clicchiamo su Tour/ Aggiungi panorama come vedete nella foto seguente, aggiungendo ovviamente la foto panoramica che abbiamo salvato all’interno della nostra cartella precedentemente creata.
2 – Per prima cosa modifichiamo l’angolo di campo impostato di default a 70° con 85° e successivamente clicchiamo su “imposta”
3 – Dopodichè clicchiamo sul PULSANTE “+” IN ALTO A DESTRA selezionando Html5 dal menu a tendina che si aprirà.
4 – Dopodichè clicchiamo su “cartella di output” / e andiamo a selezionare la cartella “html5” precedentemente creata e clicchiamo su “seleziona cartella“.
5 – Andiamo sulla tab “transizioni” e spuntiamo la checkbox “panorami” / Andiamo sugli “effetti” e mettiamo “zoom in” per creare un tipo di transizione effetto zoom. Questa opzione ci servirà se volessimo collegare 2 o piu Hotspot tra di loro (farò un articolo appropriato per questa opzione in seguito).
6 – Andiamo sul tab “immagine” e modifichiamo la ceckbox in single res (come in foto)
7 – Andiamo sul tab “avanzate” e modifichiamo il “percorso output immagine” dandogli come output sempre la cartella “html5” precedentemente creata. Infine clicchiamo su “seleziona cartella” (come in foto)
8 – Andiamo sull’icona delle impostazioni, la clicchiamo e ci spunterà un’avviso che ci dice di dover salvare il file di progetto: Diamo ok e salviamo all’interno della cartella “prova virtual tour” (no Html5). Il programma effettuerà le sue operazioni di salvataggio del virtual tour che troverete all’interno della cartella “html5” (il file index.html da aprire in preview con Firefox ). O in alternativa cliccate sul pulsante dell’immagine allegata sotto (allegato n. 9)
Ed ecco il nostro primo Virtual Tour! Se tutto è andato come dovrebbe (in queste cose non si sa mai) dovreste vedere l’anteprima del 360°!
Guardate adesso il tutorial per come collegare più foto panoramiche in QUESTO RECENTE ARTICOLO
50 Comments
Antonio
8 Gennaio 2019 - 13:31Complimenti molto chiara e grazie per le spiegazioni.
Ma se volessi collegare tutte le foto di una sequenza a 360° come posso collegarle insieme per dare l’effetto della visita metro per metro con su google maps.
Maurizio alfieri
9 Gennaio 2019 - 13:23Ciao e grazie per aver visualizzato questo articolo. Ti consiglio di andarti a vedere anche questo. Credo sia la risposta alla tua domanda.
https://www.maurizioalfieri.it/come-creare-una-foto-professionale-a-360-gradi-no-smartphone/
gabriele
8 Gennaio 2019 - 16:26salve, sto cercando di fare un video tour della casa 3d che ho costruito e stavo appunto cercando un’applicazione che mi permetta di muovermi all’interno delle stanze che ho creato in modo da poterla visitare con il mio oculus go, lei come mi suggerirebbe di proseguire? questo programma può andare bene con la compatibilità del visore? se si la ringrazierei infinitamente se mi potessi dire dove trovare questo programma.. la ringrazio e le auguro buona serata.
Maurizio alfieri
9 Gennaio 2019 - 13:26Salve….il Pano2vr va bene per questa utilizzo. Io ho creato versioni di tour anche per visualizzazione con visore. Bisognerebbe vedere che programma utilizza per creare “Video” (ho capito bene? qui parliamo di foto comunque) della casa in 3d e soprattutto se ha la possibilità di esportare in formato equirettangolare.
vittorio
29 Marzo 2021 - 11:39Buongiorno. Ho la stessa domanda da farle. Ho creato con un programma 3d un’immagine per la visualizzazione panoramica. Con Pano2vr ho sistemato un po di dettagli ma non so mai come esportarli. In più ho a disposizione un oculus GO e vorrei sapere quale applicazione scaricare per poterlo vedere. Ad oggi ho utilizzato altri programmi per esportare i panorama ma vorrei proseguire con Pano2vr perchè mi dà molta piu versatilità. Grazie in anticipo per la risposta.
Maurizio Alfieri
2 Aprile 2021 - 23:191: DI che dettagli stiamo parlando e cosa intende per “esportarli”?
2: Per applicazione intende un’ applicazione android immagino?
Pano al suo interno ha un un convertitore per oculus ed in generale per rendere i tour visibili su un visore tipo oculus go. Se ha dubbi al riguardo mi contatti pure.
Filippo Benelli
1 Aprile 2019 - 21:53salve, un informazione… io faccio le foto a 360°, dovrei fare un lavoretto con diverse foto 360° fatte in un appartamento e una volta che sto guardando/ruotando una stanza, vorrei con il mouse cliccare sulla porta e passare all altra stanza e cosi via… come posso fare? che software bisogna avere? tipo google maps…
Maurizio Alfieri
13 Aprile 2019 - 17:40Beh…il software da utilizzare lo trovi piu su nell’articolo che hai letto!!
GIOVANNI ERRICO
13 Aprile 2019 - 11:26Buon giorno. Grazie per l’efficiente dimostrazione. Il tour è visualizzabile solo con Firefox? Con crome visualizzo nella cartella html5 solo una schermata nera mentre nel programma visualizzo l’immagine a 360°. Grazie per la cortesia.
Maurizio Alfieri
13 Aprile 2019 - 17:39Risposto su Whatsapp!!
Fabio
17 Maggio 2020 - 15:05Ho lo stesso problema… perfino con Firefox in locale mi esce la schermata nera . Ho provato tutti i browser ma nulla…
Maurizio Alfieri
18 Maggio 2020 - 12:45Non ho capito scusa Fabio! Cosa vuoi dire?
gianni errico
13 Aprile 2019 - 12:26Salve…Vorrei alcune informazioni! Utilizzo crome e visualizzo, in html5, solo una schermata nera una volta completato il tutto .Può darmi qualche informazione in merito? Grazie per la disponibilità.
Maurizio Alfieri
13 Aprile 2019 - 17:38Ti ho risposto in privato!
Saverio Petrocelli
8 Maggio 2019 - 17:49Non riesco ad inserire un video MP4 nel tour virtuale creato con Pano2VR6, puoi aiutarmi? grazie!
Maurizio Alfieri
15 Maggio 2019 - 16:23Credo sia una questione di codec del video…quando esporta il video provi a modificare qualche parametro o addirittura a cambiare estensione in avi o in mov
Maurizio Alfieri
12 Maggio 2020 - 12:17Contattami in privato!
Massimo
5 Luglio 2019 - 16:44A questo punto manco un bellissimo tutorial su come unire due o più hotspot… 🙂
Maurizio Alfieri
5 Luglio 2019 - 16:46Beh…quello è abbastanza intuitivo ma magari lo farò in seguito!
Calo
29 Agosto 2019 - 19:39Potrebbe inviarmi il file ( crack ) pano2vr?
Maurizio Alfieri
2 Settembre 2019 - 1:07Ciao, ho perso il file mi dispiace!
fabio
24 Agosto 2019 - 16:16buongiorno,
ho provato il suo tutorial e tutto ok.
il fatto che, come altri, cin firefox e safari non riesco a vedere nulla mentre che con Edge in emulazione sotto mac funziona.
Mi potrebbe aiutare,
Grazie
Cordialità
Fabio
Maurizio Alfieri
2 Settembre 2019 - 1:08Ciao, in teoria dovrebbe funzionare solo su Mozilla Firefox la preview! Su piattaforma Mac forse cambia qualcosa ma non so aiutarti perche ustilizzo windows!
Fabio
4 Settembre 2019 - 13:26Grazie
Ho provato in emulazione win e tutto funziona
Mistero, con calma verificare il codice
Cordialità
Fabio
Giulio
9 Settembre 2019 - 23:39Ciao Maurizio, se acquisto l’originale trovò una guida completa? Non ho capito come collegare tra di loro 5 o più foto 360 per realizzare un tour completo.
Maurizio Alfieri
11 Settembre 2019 - 17:34Beh Giulio, se segui il tutorial vedrai come si uniscono i vari “hotspot” per collegarli tra di loro! Se acquisti l’originale credo che compreresti solo il software e non la guida. Cmq sul sito gardenGnome trovi un sacco di guide (purtroppo solo in inglese).
Giulio Serafini
24 Settembre 2019 - 14:06Quale tutorial posso seguire?
mi servirebbe sapere solo come legare varie foto 360 cosi da creare un tour e come esportarlo. Grazie
Maurizio Alfieri
29 Settembre 2019 - 17:23Se hai scritto qui significa che hai letto il mio articolo. Credo che ci sia scritto tutto quello che chiedi!
Giancarlo
29 Novembre 2019 - 20:21ciao Maurizio. ho letto con piacere la tua guida per un utilizzo base del programma, ma tu ne hai anche conoscenze più avanzate? se si scrivimi una mail che vorrei chiederti alcune informazioni abbastanza “specifiche” e avanzate. grazie
Maurizio Alfieri
29 Novembre 2019 - 22:35Ciao Giancarlo, ho l’impressione che ci siamo gia sentiti su whatsapp, giusto?
Antonio Sarpieri
18 Febbraio 2020 - 2:21Ottimo articolo, l’ho provato anche su Mac e funziona a dovere, nonostante la fatica a trovare il programma aok e dopo aver creato un virtual tour con quello di prova con il logo, ho salvato lo stesso con il progr. pano vr2 ed ora è pulito. Thank’s
Maurizio Alfieri
18 Febbraio 2020 - 13:20Grazie Antonio! Sono felice che il mio articolo ti sia servito! Presto ce ne saranno altri!
Elena
12 Novembre 2021 - 19:19Ciao!
Ti posso chiedere dove hai trovato il programma? Ho lo stesso problema. Mi esporta con il logo impresso.
Grazie
Maurizio Alfieri
9 Dicembre 2021 - 17:34Ciao il programma l’ho trovato in rete…fatti aiutare da qualcuno che se la cava con queste cose!
Creare Virtual Tour con Pano2VR | Tutorial maurizio Alfieri
20 Febbraio 2020 - 19:28[…] siete arrivati fino a qui dovete prima guardare il tutorial precedente a QUESTO LINK prima di […]
Germano Poli
25 Aprile 2020 - 15:29Buongiorno Maurizio,
innanzitutto complimenti per gli ottimi tutorial. Volevo chiederti gentilmente un chiarimento riguardo l’html5 esportato. Aprendo su browser (chrome o firefox) il file index generato, vedo solo una schermata nera con Loading fermo allo 0% . E’ un problema di anteprima che si risolve una volta integrato in una pagina web?
E’ inoltre possibile integrare questo contenuto sui portali immobiliari tipo immobiliare.it?
Grazie per l’aiuto!
Germano
Maurizio Alfieri
25 Aprile 2020 - 15:35Ciao Germano, grazie per i complimenti! In teoria su chrome dovrebbe persistere questo problema ma su Firefox il tour dovrebbe aprirsi normalmente come file locale. Se questo non succede il problema potrebbe essere in un errore nella skin del programma ed in questo caso ti consiglio, s il tour non è molto complesso, di rifarlo e vedere se si apre correttamente su Firefox (no chrome).Su immobliare credo non si possa inserire.
6 - Creare un effetto Lens Flare Pano2vr - Maurizio Alfieri
5 Maggio 2020 - 0:31[…] 2 – Creare Virtual Tour con Pano2VR […]
luca
5 Maggio 2020 - 17:50Salve, complimenti per l’articolo. Una curiosità, è possibile anche fare una piantina 2d su cui posizionare i puntini contenenti le foto a 360? inoltre io questa sorta di file creato posso applicarlo sotto forma di pulsante sul mio sito? nel senso che il file originale è mio e non ospitato su altri server a me sconosciuti? grazie
Maurizio Alfieri
5 Maggio 2020 - 21:29Scusami Luca….ma io non ho capito granchè di quello che mi chiedi! Ti riferisci per la piantina ad una cosa del genere per caso? (clicca sulla linguetta in alto a destra)
https://www.lacasadelre.net/wp-content/uploads/vt/affittacamere/Lacasadelre.html
Denis
16 Maggio 2020 - 18:20Ciao Maurizio. Vorrei pubblicare su aruba il virtual tour. Solo che con chrome esce la schermata nera. Questo accade anche per chi poi naviga con browser chrome via web? C’e un modo per risolvere la cosa anche in locale?
Grazie Mille
Maurizio Alfieri
16 Maggio 2020 - 18:44Ciao…non accade per chi poi naviga. Perche una volta caricato il virtual tour si vedrà per tutti i browser.
francesco barone
18 Maggio 2020 - 11:35Ciao Maurizio, complimenti per l’articolo. Ti scrivo solo per chiederti come mai una volta andato in “Guardate adesso il tutorial per come collegare più foto panoramiche in QUESTO RECENTE ARTICOLO” clicco e mi compare la schermata con scritto contenuto protetto da password… Grazie!
Maurizio Alfieri
18 Maggio 2020 - 12:43Ciao…perchè il contenuto è protetto da password semplice!
Davide
19 Maggio 2020 - 15:19scusa ma che risposta è quella data all’utente? Cosa vuol dire, che bisogna iscriversi? che bisogna acquistare la lezione? Nulla in contario, basta saperlo con chiarezza.
Maurizio Alfieri
19 Maggio 2020 - 15:23Per i contenuti protetti chiedo una piccola somma per supportare i miei sforzi.
Le opzioni sono 2:
– 6,99 € per ogni contenuto a cui vuoi accedere. Ti fornirò una password con cui potrai entrare ogni volta che vorrai.
– 29,99 € hai accesso al contenuto che vuoi ed in più ti darò il mio supporto telefonico per 1 ora ed in condivisione schermo per analizzare insieme l’articolo e metterlo in pratica sotto la mia supervisione.
P.s. pensavo fosse scontato e chiaro che i contenuti sono protetti per questo motivo! Chiedo scusa!
Roberto Benvenuti
7 Marzo 2021 - 17:05Ciao Maurizio, da autodidatta riesco abbastanza bene a costruire il tour, inserire hotspot etc. ho problemi con l’esportazione. Il tour che ho realizzato riesco a vederlo ma non capisco dove il file finale viene salvato e come fare poi per visualizzarlo senza collegamento ad internet.
Puoi aiutarmi?
Grazie
Roberto
Maurizio Alfieri
7 Marzo 2021 - 21:18Senza collegamento ad internet avrai sempre dei problemi. Pano2vr è un software che ti esporta formati da adattare sul web (vedi Html5) quindi ti consiglio di uploadarlo su uno spazio web per visualizzarlo senza problemi.
Antonio Maiorino
22 Marzo 2021 - 17:38Salve Maurizio, riesco con tranquillità a gestire sia Hugin che Pano2, per mestiere mastico molto video e fotografia, anche se non avendo una testa per 360° al momento le mie panoramiche tirano fuori qualche artefatto…ma ce la farò.
Mi complimento per la chiarezza e la spiegazione degli argomenti che tratti, notevole!
La mia domanda: una volta costruito il tour virtuale, al committente che dovrà pubblicarlo sul suo sito o blog, quale file darò? La cartella Html5?
Ti ringrazio e ti auguro di continuare così.
Maurizio Alfieri
2 Aprile 2021 - 23:16Esatto Antonio. La cartella Html5!!