如何制作一个360度全景图

html-css016

如何制作一个360度全景图,第1张

1、首先用手机拍照时,注意要原地不动绕手机为中心对四周拍照,拍照的数量不少于8张。每张图片和上一张图片要有20%是重合的这一点很重要。

2、把照片拍好后放到电脑D盘名为 01文件夹。然后打开PanoramaStudio 3 Pro点创建全景图。

3、点import导入照片注意顺序要依次导入图片。

4、点align对齐安装360度环绕式对齐。

5、点Render裁切图片,尺寸大小可以先默认。

6、最后点击Save保存,保存为可以互动交互的360度环绕式的网页看图模式。

7、设置保存路径点击Save就完成了。

8、最后打开保存目录就可以打开0807.html文件预览全景图了。

两种方法:

微信公众第三方系统有提供360全景模块(就像楼主那种),找微信360度全景制作的公司拍摄全景照片,每个场景提供6张,上传进去就可以了。

/iknow-pic.cdn.bcebos.com/6609c93d70cf3bc7c58ea208dd00baa1cc112a43"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/6609c93d70cf3bc7c58ea208dd00baa1cc112a43?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/6609c93d70cf3bc7c58ea208dd00baa1cc112a43"/>

做微信360度全景漫游,就是带热点的那种(点击场景中的按钮可以进入到下一个场景),可以去找专业公司直接做一个360度全景漫游,把全景文件上传到后台,然后通过链接调用的方式到微信服务号自定义菜单(或者回复特定文字出现的那种)点击后就能打开了。后者的费用较贵一些。

拓展内容:

要把产品360全景图上传到微信,一般是以“外链”的形式间接上传。

具体操作步骤如下:

用盈商3D自动成像系统制作html5格式的产品360全景图。

进入微信公众号, “素材管理”-“新建图文消息”,在正文中添加一张做好的动画封面图,如下图:

/iknow-pic.cdn.bcebos.com/622762d0f703918f7ac5402e5d3d269759eec43a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/622762d0f703918f7ac5402e5d3d269759eec43a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/622762d0f703918f7ac5402e5d3d269759eec43a"/>

点击该图片,会显示蓝色,这时再点击超链接按钮(红圈位置)

/iknow-pic.cdn.bcebos.com/f703738da97739120723f885f4198618377ae2c9"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/f703738da97739120723f885f4198618377ae2c9?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/f703738da97739120723f885f4198618377ae2c9"/>

在弹出的框内输入动画链接地址最后保存即可

/iknow-pic.cdn.bcebos.com/1f178a82b9014a90463b3b59a5773912b21beec9"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/1f178a82b9014a90463b3b59a5773912b21beec9?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/1f178a82b9014a90463b3b59a5773912b21beec9"/>