Como criar um tour virtual 360° e compartilhá-lo com clientes (passo a passo)

Você já tem as panorâmicas. Talvez tenham saído de uma Insta360 numa visita à obra, talvez sejam exportações panorâmicas de uma câmera do Lumion ou do Blender. Por enquanto estão numa pasta, e a única coisa que o cliente vê delas é uma imagem chapada e distorcida num e-mail — exatamente o formato que faz uma panorâmica 360° parecer pior do que um render comum.

Transformá-las em um tour virtual é a parte que a maioria supõe ser difícil. Não é. Abaixo está o processo inteiro, do início ao fim, em sete passos: criar o tour, adicionar cada panorâmica como cena, apontar a câmera do cliente para onde você quer, ligar os ambientes, rotular o que vale a pena destacar, posicionar tudo numa planta e, por fim, publicar e enviar um link. Se preferir os conceitos primeiro — o que é uma cena, o que é um ponto interativo, como um tour difere de um vídeo de percurso — comece pelo nosso guia em linguagem simples sobre o que é um tour virtual 360 e volte aqui para montar o seu.

Cada passo abaixo é o fluxo real de montagem de um tour 360 no 360° Tour Creator da Visiomake, com os nomes reais dos botões, os limites reais e as três coisas específicas que vão impedir a publicação.

O que você precisa para criar um tour virtual

Uma coisa só, na verdade: panorâmicas equirretangulares. É o formato que o visualizador espera — uma única imagem em que uma varredura horizontal completa de 360° e uma vertical de 180° são achatadas em um quadro, e é por isso que ela parece esticada quando você a abre num visualizador de imagens.

Obtê-la costuma ser um único passo de exportação. Câmeras Ricoh Theta gravam JPEGs equirretangulares direto da câmera; já a linha X da Insta360 salva arquivos .insp com duplo olho de peixe, que precisam primeiro passar pelo Insta360 Studio ou pelo aplicativo. Do lado do render, 3ds Max, Lumion e Enscape oferecem uma câmera panorâmica ou esférica, e o Blender também — mas note que sua câmera panorâmica equirretangular é um recurso do Cycles, então uma cena em EEVEE precisa ser trocada ou renderizada de outro jeito. Captura e exportação merecem um artigo próprio, e vão ter um; por ora, qualquer coisa que saia como imagem equirretangular funciona.

Algumas observações práticas antes de enviar:

• Uma panorâmica por cena. Uma “cena” é uma posição de onde se está em pé no espaço. Seis panorâmicas, seis cenas. Fotografe ou renderize a partir das posições em que uma pessoa naturalmente pararia, não de cada canto.
• Use mais resolução do que parece necessário. O visualizador mostra apenas um recorte da imagem por vez, então uma panorâmica que parece nítida como miniatura pode ficar mole quando o cliente der zoom na parede do fundo. Como regra prática, trate 6000×3000 como piso e 8192×4096 como alvo confortável em interiores, onde as pessoas dão zoom em marcenaria e acabamentos.
• Os arquivos podem ter até 50 MB. Esse é o teto de envio, e é folgado o bastante para você não precisar reduzir uma boa panorâmica 8K só para caber.
• Uma imagem de planta é opcional, mas vale a pena. Qualquer exportação da planta serve — você a usará como minimapa em que o cliente pode clicar para pular entre ambientes.

Fora isso, não é preciso preparar as panorâmicas. Sem costura dentro da ferramenta, sem reprojeção, sem convenção de nomes.

Passo 1: Criar o tour

Abra Tours 360° no app. Digite um nome no campo Nome do tour e clique em Criar. O nome é sobretudo interno — é assim que você reencontra o tour na lista, que mostra a quantidade de cenas de cada tour e se ele está publicado — mas ele chega ao cliente como título do visualizador sempre que uma cena não tiver título próprio, então deixe-o apresentável. Você pode usar até 120 caracteres, então dê um nome que reconheça daqui a seis meses: “Residência Kellerman — térreo, esquema B” ganha de “Tour 4”.

Isso leva você ao editor, que é uma única tela e não um assistente. A barra no topo cuida da publicação. A coluna à esquerda é sua lista de cenas. O centro é a panorâmica que você está editando. O painel à direita é o inspetor, onde o que estiver selecionado recebe suas configurações.

Passo 2: Adicionar as panorâmicas como cenas

Na coluna esquerda, clique em Adicionar panorama e escolha uma imagem. Repita para cada posição do espaço. Cada uma vira uma cena chamada Cena 1, Cena 2 e assim por diante, e você deveria renomeá-las de imediato — selecione uma cena e altere Título da cena no inspetor à direita. Esses títulos não são enfeite, e não são privados: o cliente vê o título da cena atual na tela enquanto percorre o tour. Um “Cena 5” flutuando sobre uma apresentação é um pequeno vexame por si só. Eles também alimentam a lista suspensa quando você for ligar os ambientes no passo seguinte, onde “Cena 5” não diz nada sobre para qual ambiente uma porta leva. Use os nomes de ambiente que o cliente usa.

Uma cena precisa ser a porta de entrada do tour. Escolha a que causa a melhor primeira impressão — normalmente o espaço mais amplo ou mais acabado, não o hall — e clique em Definir como início. Ela ganha um selo de Início. É a cena que carrega quando o cliente abre seu link, e sem ela o tour não publica.

Não existe botão de salvar. O editor salva automaticamente 800 milissegundos depois que você para de editar. Se um salvamento falhar, você recebe um aviso de que a alteração será tentada de novo na próxima edição — ela não é descartada em silêncio.

Passo 3: Definir com o que cada cena abre

Por padrão, toda cena abre olhando para yaw 0 — uma direção arbitrária determinada por como a panorâmica foi capturada, e que muitas vezes é uma parede. Corrija isso: arraste dentro da panorâmica até estar vendo o que quer que o cliente veja primeiro e clique em Definir vista inicial.

Isso guarda a direção para a qual a câmera olha na chegada — yaw e pitch, mais nada. O zoom não entra: toda cena abre com o zoom padrão do visualizador, e o cliente pode aproximar e afastar livremente a partir dali. Compor aqui significa apontar, não enquadrar. Faça isso em todas as cenas. É a coisa mais barata que você pode fazer para um tour parecer autoral em vez de despejado, porque assim cada ambiente recebe o cliente com o enquadramento que você escolheria para um render estático.

Passo 4: Ligar os ambientes com passagens

Uma passagem é o ponto interativo em que o cliente clica para entrar no próximo ambiente. Adicionar uma são dois cliques: pressione Adicionar passagem e depois clique no ponto da panorâmica onde ela pertence. Um aviso na parte de baixo do visualizador confirma que você está em modo de posicionamento — Clique no panorama para posicioná-lo. Coloque as passagens onde o olho as espera: no vão da porta, na escada, na soleira. Uma passagem flutuando no meio de uma parede parece um defeito.

Com a passagem selecionada, o inspetor pede Vai para — escolha a cena de destino na lista suspensa. É aqui que os nomes de ambiente do passo 2 se pagam. Você também pode adicionar um Texto da passagem opcional de até 120 caracteres, o que vale quando o destino não é óbvio a partir da porta: “Suíte principal” numa porta fechada poupa o cliente de adivinhar.

Ligue nos dois sentidos. A ferramenta não cria a passagem de volta para você. Se a sala tem uma passagem para a cozinha, vá até a cozinha e coloque uma de retorno. Um tour em que o cliente entra e não consegue sair é a coisa mais comum flagrada na revisão.

Passo 5: Adicionar rótulos ao que vale destacar

O segundo tipo de ponto interativo é o rótulo, e é o que os projetistas menos aproveitam. Pressione Adicionar rótulo, clique num ponto e o inspetor lhe dá três campos:

• Título — obrigatório, até 120 caracteres. Curto; é o que fica flutuando no espaço.
• Descrição — opcional, até 1000 caracteres. Espaço para uma ou duas frases de verdade, não só um nome.
• Link — opcional, e precisa ser uma URL completa e válida.

É aqui que o tour deixa de ser só uma experiência visual agradável e passa a trabalhar por você. Fixe um rótulo na marcenaria com o acabamento e o fornecedor. Fixe outro numa luminária com a página do produto linkada, para que o cliente que a especifica clique direto. Fixe outro na parede sobre a qual você sabe que vão perguntar, respondendo antes da pergunta. Cada rótulo é uma mensagem que você não vai precisar mandar depois.

Tudo o que você não responder de antemão ainda vai voltar como pergunta por e-mail — a mesma dinâmica por trás da maioria das rodadas de revisão de renders. Se suas apresentações costumam voltar com uma lista, vale ler junto por que renders de arquitetura vivem sendo rejeitados; muitas dessas objeções se respondem com um rótulo.

Passo 6: Posicionar as cenas numa planta

Abra o painel Planta baixa, clique em Adicionar planta e envie qualquer imagem de planta. Agora selecione uma cena na coluna esquerda e clique onde ela fica na planta — a dica na tela diz exatamente isso: Selecione uma cena e clique na planta para posicionar o marcador. Repita para cada cena.

Isso é opcional, e num tour de dois ambientes você pode pular. Em qualquer coisa maior, não pule. A planta vira um minimapa no visualizador publicado que os clientes podem abrir, e resolve a única fraqueza real dos tours 360°: as pessoas se perdem. Também dá a elas um jeito de pular direto para um ambiente em vez de refazer todo o percurso. Depois você pode tirá-la com Remover.

Passo 7: Publicar e compartilhar o link do tour virtual

Para compartilhar um tour virtual com clientes, você publica uma vez e entrega uma URL — não há exportação, nem envio para um serviço externo, nem arquivo para mandar por e-mail. Clique em Publicar na barra superior. O tour recebe um token de compartilhamento e uma URL no formato /tour/<token>; Copiar link coloca a URL na área de transferência e confirma brevemente com Copiado!. Esse link é todo o mecanismo de entrega. Cole num e-mail, numa mensagem de WhatsApp, num PDF de proposta, num QR code de uma placa de obra.

A publicação pode falhar, e falha por exatamente três motivos — todos verificados no servidor, então você não entrega um tour quebrado por acidente:

O que os clientes recebem quando você compartilha o link de um tour virtual

Recebem uma URL. É isso — sem conta, sem cadastro, sem app, sem plugin. O tour publicado é uma página pública: eles clicam num notebook, num celular ou num tablet e estão dentro do espaço. O visualizador é baseado em WebGL, o que na prática significa qualquer navegador comum lançado em cerca da última década — e o ponto relevante é que um cliente sem perfil técnico, ou um membro de comitê num computador corporativo travado, não tem nada para instalar e nada para ser guiado a fazer.

Dentro do visualizador eles podem olhar ao redor arrastando, circular entre ambientes pelas suas passagens, abrir seus rótulos e seguir qualquer link anexado com Abrir link. Três controles ficam por cima: Redefinir vista devolve a vista inicial quando eles se perdem, Tela cheia dá ao espaço a tela inteira e, se você adicionou uma planta, Mostrar mapa e Ocultar mapa alternam o minimapa. O título da cena atual fica na tela enquanto eles andam, e uma pequena marca Visiomake leva a visiomake.com — vale saber se você vai mandar o link para uma apresentação formal ao cliente.

Na prática, isso substitui o caderno de renders. Em vez de escolher seis vistas e torcer para que cubram as dúvidas, você entrega o ambiente e deixa o cliente achar as próprias respostas — e, diferente de um sobrevoo renderizado, ele controla o ritmo e pode parar e olhar demoradamente o que lhe importa. Um tour e um vídeo de portfólio montado com seus renders cumprem funções diferentes, e a maioria dos escritórios acaba usando os dois: o vídeo para ganhar o trabalho, o tour para fechar a aprovação.

Depois de compartilhar

Você pode continuar editando. Um tour publicado segue no ar enquanto você o altera — adicione uma cena, mova uma passagem, corrija um erro de digitação num rótulo, e o salvamento automático publica a mudança. O link não muda, o que significa que a versão na caixa de entrada do cliente é sempre a atual. Isso é realmente útil quando um cliente nota algo durante uma ligação: você corrige enquanto conversa e pede que ele atualize a página.

Você consegue ver se chegou. Abra Análises na barra superior para ver Aberturas, Visitantes e Visualizações por cena do tour. São contagens de entrada, não tempo de permanência — nada mede quanto tempo alguém ficou. Ainda assim, o detalhamento por cena é o interessante: mostra em quais ambientes os clientes de fato entraram e quais nunca abriram, algo que vale saber antes da próxima apresentação e vale levantar nela. Uma peculiaridade para conhecer antes de ler errado: sua cena inicial vai mostrar zero visualizações. Chegar nela conta como Abertura, e Visualizações por cena só conta ambientes para os quais o visitante navegou.

Você pode tirar do ar. Despublicar derruba o link — quem o abrir depois vê uma página “Tour não encontrado” — e as panorâmicas deixam de ser servidas publicamente. A única exceção é uma imagem que você também usa em outro tour ainda publicado; essa continua acessível, porque removê-la quebraria o outro tour. Vale saber se você reaproveita panorâmicas entre esquemas do mesmo cliente.

A versão curta

1. Crie o tour e dê um nome que você reconheça.
2. Adicionar panorama para cada posição, renomeie cada cena com o nome real do ambiente e Definir como início no seu melhor ambiente.
3. Aponte cada cena e clique em Definir vista inicial.
4. Adicionar passagem em cada porta — nos dois sentidos.
5. Adicionar rótulo em tudo sobre o que um cliente vá perguntar.
6. Adicione uma planta e posicione as cenas nela.
7. Publicar, Copiar link, enviar.

A maior parte do tempo no primeiro tour vai para decidir as vistas iniciais, não para a mecânica. Depois que você pega o jeito, a montagem em si é rápida — as panorâmicas continuam sendo a parte lenta.