网页设计【720°全景图模块】功能介绍及设置教程

2022-04-11
来源:羽薇网

一、功能介绍

720°全景图是什么?

720°全景图是视角超过人的正常视角的图像,图片宽高比例为2:1,特指水平360度,上下360度全能观看的,能看到“天、地”。全景图是对周围景象通过球面化映射生成的平面图片。而通过使用720°全景图模块,添加全景图片后,可对其进行全角度的交互、浏览、放大缩小、全屏等功能。


全方位,全面的展示了360度球型范围内的所有景致;用鼠标左键按住拖动,观看场景的各个方向,可进行放大或缩小,以及全屏功能,较大限度的保留了场景的真实性。



全景图的优点

① 真实感强,基于对真实图片的制作生成,相比其他建模生成对象更真实可信。

② 比平面图片能比能表达更多的图像信息,并可以任意控制,交互性能好。

③ 经过对图像的透视处理模拟真实三维实景,沉浸感强烈,给观赏者带来身临其境的感受

适用于旅游景点、酒店展示、房产全景、公司宣传、商业展示、企业办公展示等等。


二、设置教程

1. 如何添加全景图?

1.1 在电脑网站设计页面左侧导航点击【模块-新增模块-高级】添加【720°全景图】模块。

上传宽高为2:1的全景图片(普通格式如png跟jpg格式是支持的,不支持tif格式)

传图片后可选择是否【自动播放】,即是否自动播放全景图。


2. 如何制作全景图(三种方式)

① 使用专业的全景相机,拍摄后导出2:1的全景图即可。市场上已有多款,如insta 360,理光THETA S,小米米家全景相机等等。

全景相机拍摄后,可自动合成为720全景图,导出后可直接上传添加到720全景图模块中即可使用。

普通相机按照一定的角度拍摄一定的照片,通过电脑后期制作,合成2:1的全景图片。设备可考虑:单反、广角或鱼眼镜头、全景云台、三脚架等。


可以一个拍摄定点每60度一张,也就是水平方向需要拍摄6张图像,外加顶底2张图像,需要共6-8张图像(图片越多有重合部分图片拼合效果更好),当然也可以采用鱼眼镜头,那样需要至少4张图片。再通过全景拼合软件进行图像的拼合处理,大概整个过程2-3分钟即可完成。


下图为通过鱼眼镜头拍摄的8张图片在全景编辑器软件中的合成效果。


③ 如果手头没有专业设备,又对图片质量要求不太高,也可以考虑手机app制作,但当拍摄位置有变化,可能图片效果不够佳。可以考虑:google街景、转转鸟等app。



分享