百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

VR全景拍摄制作指南|零基础小白也能轻松上手

lipiwang 2024-10-27 13:23 7 浏览 0 评论

关于VR全景制作,你是不是只知道先拍一堆照片,把这一堆照片导入到软件里进行复杂的拼接工作,最后还要导入一个全景平台转成可供观看的链接。这个复杂的过程,不仅涉及到对于单反相机的应用,还有图片拼接软件的学习以及全景平台的学习,制作一个VR全景,看起来真的是又复杂,又费力。

今天我就告诉你一个省时省力的好方法,没有摄影基础也能轻松搞定,只需要掌握一个软件,就能快速制作一个VR全景。

就是如视VR(不是广告不是广告),用手机就能制作,不用掌握拍摄技巧,也不用学习图片怎么拼接,只需要跟着提示操作,普通人也能制作属于自己的VR全景。

上重点!普通人也能制作的VR全景

准备清单:一部手机&一个APP(提前下载好哦~)

拍摄流程:

第一步,设备连接

打开<如视VR>app,点击左下角<设备>,选择<手机拍>进行连接。

第二步,开始采集

准备完毕后,用户站在第一点位上,点击<开始采集>按钮进行采集,这个时候,APP里面会有提示,跟着操作提示做,拍摄第一个点位,这个过程几乎是没有什么难度的,跟着提示做就行;

tips:要注意拍摄时候的姿势,双臂内收夹紧保持稳定,手腕转动调整手机倾斜角度;想象手机放置在三脚架上,以手机为圆心转动采集图像,如下图所示。

拍完第一个点后,走到下一个位置,一般距离第一个点1.5-2m的位置,拍摄第二个点,重复上面的步骤,APP里面依然是有操作指引的,跟着提示做,很快就可以拍好第二个点了。下面的点位也是按照同样的距离和拍摄姿势继续操作就可以。

tips:拍摄的两个点位之间要有共识区域,大白话就是重叠区域,这样能保证自动拼接的更稳定。

第三步,生成VR

所有的点位全部拍摄完成以后,点击采集页面右上角<完成>,输入项目名称,开始上传文件,上传完成后等待云端处理,即可自动生成VR。

tips:上传文件时可能会使用到移动网络,可以保存项目后续在有Wi-Fi的环境进行上传处理。

到这里,一个基础的VR就制作好了,这时候VR已经可以分享出去了。分享时会提示设为活跃,按照提示操作就行,然后就可以分享到朋友圈、微博、微信等平台了。

当然,如果你想在这个VR上增加一些有趣或有用的玩法,比如空间信息介绍、路线引导等等,那还有一步,就是VR编辑。

第四步,VR编辑

VR生成以后,就可以有更多的玩法了。在软件里对VR进行编辑,编辑VR有两个入口,简单的基础编辑,可以在手机APP里进行,如果要进行更加精细、复杂的编辑,就可以选择PC端VR编辑器。

移动端编辑器入口:打开如视VR-app,找到所采集的VR项目(处理完成后),点击项目卡片即可进入;编辑完成后,点击右上角的<全屏>、<完成>按钮,可进行预览与分享。

PC端编辑器入口:VR项目处理完成后,在PC端登录「企业/个人管理后台」,在VR列表页,点对应VR项目的编辑按钮,即可进入编辑器。

进阶版看这里!更专业的设备

上面是最最基础的普通人制作VR全景的方法,只需要一个手机和一个APP就能完成,但是,如果是面积比较大或者对于图像、画质、模型都有更高要求的商业项目,那就需要更加专业的设备。

这个APP适配了有4大类设备类型,分别是手机拍、Realsee G1、伽罗华以及全景相机。其中手机拍就是上面讲到的方法;Realsee G1是云台设备,能够架着手机自动旋转拍摄,提高拍摄效率;如果对空间模型及画面有更高的要求,建议选择伽罗华激光VR扫描仪,搭载了激光雷达,扫描数据也更加精准,效果更好,效率也更高;全景相机可以用于一些场景不多,对画质要求不高的场景。

相关推荐

前端入门——css 网格轨道详细介绍

上篇前端入门——cssGrid网格基础知识整体大概介绍了cssgrid的基本概念及使用方法,本文将介绍创建网格容器时会发生什么?以及在网格容器上使用行、列属性如何定位元素。在本文中,将介绍:...

Islands Architecture(孤岛架构)在携程新版首页的实践

一、项目背景2022,携程PC版首页终于迎来了首次改版,完成了用户体验与技术栈的全面升级。作为与用户连接的重要入口,旧版PC首页已经陪伴携程走过了22年,承担着重要使命的同时,也遇到了很多问题:维护/...

HTML中script标签中的那些属性

HTML中的<script>标签详解在HTML中,<script>标签用于包含或引用JavaScript代码,是前端开发中不可或缺的一部分。通过合理使用<scrip...

CSS 中各种居中你真的玩明白了么

页面布局中最常见的需求就是元素或者文字居中了,但是根据场景的不同,居中也有简单到复杂各种不同的实现方式,本篇就带大家一起了解下,各种场景下,该如何使用CSS实现居中前言页面布局中最常见的需求就是元...

CSS样式更改——列表、表格和轮廓

上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置,这篇文章分享列表、表格和轮廓,一起来看看吧。1.列表List1).列表的类型<ulstyle='list-...

一文吃透 CSS Flex 布局

原文链接:一文吃透CSSFlex布局教学游戏这里有两个小游戏,可用来练习flex布局。塔防游戏送小青蛙回家Flexbox概述Flexbox布局也叫Flex布局,弹性盒子布局。它决定了...

css实现多行文本的展开收起

背景在我们写需求时可能会遇到类似于这样的多行文本展开与收起的场景:那么,如何通过纯css实现这样的效果呢?实现的难点(1)位于多行文本右下角的展开收起按钮。(2)展开和收起两种状态的切换。(3)文本...

css 垂直居中的几种实现方式

前言设计是带有主观色彩的,同样网页设计中的css一样让人摸不头脑。网上列举的实现方式一大把,或许在这里你都看到过,但既然来到这里我希望这篇能让你看有所收获,毕竟这也是前端面试的基础。实现方式备注:...

WordPress固定链接设置

WordPress设置里的最后一项就是固定链接设置,固定链接设置是决定WordPress文章及静态页面URL的重要步骤,从站点的SEO角度来讲也是。固定链接设置决定网站URL,当页面数少的时候,可以一...

面试发愁!吃透 20 道 CSS 核心题,大厂 Offer 轻松拿

前端小伙伴们,是不是一想到面试里的CSS布局题就发愁?写代码时布局总是对不齐,面试官追问兼容性就卡壳,想跳槽却总被“多列等高”“响应式布局”这些问题难住——别担心!从今天起,咱们每天拆解一...

3种CSS清除浮动的方法

今天这篇文章给大家介绍3种CSS清除浮动的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。首先,这里就不讲为什么我们要清楚浮动,反正不清除浮动事多多。下面我就讲3种常用清除浮动的...

2025 年 CSS 终于要支持强大的自定义函数了?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1.什么是CSS自定义属性CSS自...

css3属性(transform)的一个css3动画小应用

闲言碎语不多讲,咱们说说css3的transform属性:先上效果:效果说明:当鼠标移到a标签的时候,从右上角滑出二维码。实现方法:HTML代码如下:需要说明的一点是,a链接的跳转需要用javasc...

CSS基础知识(七)CSS背景

一、CSS背景属性1.背景颜色(background-color)属性值:transparent(透明的)或color(颜色)2.背景图片(background-image)属性值:none(没有)...

CSS 水平居中方式二

<divid="parent"><!--定义子级元素--><divid="child">居中布局</div>...

取消回复欢迎 发表评论: